* {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            body {
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                padding: 15px;
                background: #f5f7fa;
            }

            .container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 20px;
                background: #fff;
                border-radius: 8px;
                box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
            }

            .upload-area {
                border: 2px dashed #dcdfe6;
                border-radius: 8px;
                padding: 20px;
                text-align: center;
                transition: all 0.3s;
                cursor: pointer;
                margin-bottom: 20px;
            }

            .upload-area:hover {
                border-color: #409eff;
                background: #f5f7fa;
            }

            .upload-area.dragover {
                border-color: #409eff;
                background: #ecf5ff;
            }
.upload-controls {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.upload-controls .el-button {
    min-width: 80px;
}
            .file-info {
                margin: 10px 0;
                padding: 10px;
                background: #f8f9fa;
                border-radius: 4px;
            }

            .progress-container {
                margin: 20px 0;
            }

            .url-list {
                margin-top: 20px;
            }

            .url-item {
                display: flex;
                align-items: center;
                padding: 12px;
                border: 1px solid #ebeef5;
                border-radius: 4px;
                margin-bottom: 10px;
            }

            .url-item .file-name {
                flex: 1;
                margin-right: 10px;
                word-break: break-all;
            }

            .error-message {
                color: #f56c6c;
                margin: 10px 0;
            }

            @media (prefers-color-scheme: dark) {
                body {
                    background: #1a1a1a;
                    color: #ffffff;
                }

                .container {
                    background: #2b2b2b;
                }

                .upload-area {
                    border-color: #4a4a4a;
                }

                .file-info {
                    background: #363636;
                }
            }

            @media (max-width: 768px) {
                .container {
                    padding: 10px;
                }

                .url-item {
                    flex-direction: column;
                    align-items: stretch;
                }

                .url-item .file-name {
                    margin-bottom: 10px;
                }
            }