:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ant-btn-primary{border-radius:8px!important;height:40px!important;padding:0 16px!important;font-size:14px!important;font-weight:500!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #667eea4d!important;transition:all .3s ease!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#7c8eea,#8a5bb2)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #667eea66!important}.ant-btn-primary:active{transform:translateY(0)!important}.ant-btn-default{border-radius:6px!important;height:36px!important;padding:0 16px!important;font-size:13px!important;font-weight:500!important;background:#f8f9fa!important;border:1px solid #e9ecef!important;color:#6b7280!important;transition:all .3s ease!important}.ant-btn-default:hover{border-color:#667eea!important;color:#667eea!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #667eea26!important}.ant-btn-default:active{transform:translateY(0)!important}.ant-modal .ant-modal-footer .ant-btn{border-radius:8px!important;height:40px!important;padding:0 16px!important;font-size:14px!important;font-weight:500!important;transition:all .3s ease!important}.ant-modal .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px #667eea4d!important}.ant-modal .ant-modal-footer .ant-btn-primary:hover{background:linear-gradient(135deg,#7c8eea,#8a5bb2)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #667eea66!important}.ant-modal .ant-modal-footer .ant-btn-default{background:#f8f9fa!important;border:1px solid #e9ecef!important;color:#6b7280!important}.ant-modal .ant-modal-footer .ant-btn-default:hover{border-color:#667eea!important;color:#667eea!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #667eea26!important}.ant-modal .ant-modal-footer .ant-btn-dangerous{background-color:#fff2f0!important;border-color:#ffccc7!important;color:#ff4d4f!important}.ant-modal .ant-modal-footer .ant-btn-dangerous:hover{background-color:#ffebe8!important;border-color:#ffa39e!important;color:#cf1322!important}.btn-light-primary{background:linear-gradient(135deg,#667eea1a,#764ba21a)!important;border:1px solid rgba(102,126,234,.3)!important;color:#667eea!important;border-radius:6px!important;font-weight:500!important}.btn-light-success{background:linear-gradient(135deg,#52c41a1a,#49d30d1a)!important;border:1px solid rgba(82,196,26,.3)!important;color:#52c41a!important;border-radius:6px!important;font-weight:500!important}.btn-light-warning{background:linear-gradient(135deg,#faad141a,#fa8c161a)!important;border:1px solid rgba(250,173,20,.3)!important;color:#fa8c16!important;border-radius:6px!important;font-weight:500!important}.btn-light-default{background:#f8f9fa!important;border:1px solid #e9ecef!important;color:#6b7280!important;border-radius:6px!important;font-weight:500!important}.btn-small{height:28px!important;padding:0 8px!important;font-size:11px!important}.btn-medium{height:32px!important;padding:0 12px!important;font-size:12px!important}.btn-large{height:36px!important;padding:0 16px!important;font-size:14px!important}.btn-light-primary:hover{background:linear-gradient(135deg,#667eea26,#764ba226)!important;border-color:#667eea80!important;color:#5a67d8!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #667eea26!important}.btn-light-success:hover{background:linear-gradient(135deg,#52c41a26,#49d30d26)!important;border-color:#52c41a80!important;color:#389e0d!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #52c41a26!important}.btn-light-warning:hover{background:linear-gradient(135deg,#faad1426,#fa8c1626)!important;border-color:#faad1480!important;color:#d46b08!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #faad1426!important}.btn-light-default:hover{background:#f0f0f0!important;border-color:#667eea!important;color:#667eea!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #667eea26!important}.btn-light-primary:disabled,.btn-light-success:disabled,.btn-light-warning:disabled,.btn-light-default:disabled{background-color:#f5f5f5!important;border-color:#d9d9d9!important;color:#bfbfbf!important;cursor:not-allowed!important}.btn-light-primary.selected,.btn-light-success.selected,.btn-light-warning.selected,.btn-light-default.selected{box-shadow:0 0 0 2px #667eea33!important;transform:translateY(-1px)!important}:root{--primary-50: #f8faff;--primary-100: #e6f0ff;--primary-200: #c7ddff;--primary-300: #a3c7ff;--primary-400: #667eea;--primary-500: #5a67d8;--primary-600: #4c51bf;--primary-700: #434190;--primary-800: #3c366b;--primary-900: #322659;--success-50: #e8f5e8;--success-100: #c3e6c3;--success-500: #28a745;--success-600: #1e7e34;--success-700: #155724;--warning-50: #fff3cd;--warning-100: #ffeaa7;--warning-500: #ffc107;--warning-600: #e0a800;--warning-700: #b8860b;--error-50: #f8d7da;--error-100: #f1b0b7;--error-500: #dc3545;--error-600: #c82333;--error-700: #a71d2a;--info-50: #d1ecf1;--info-100: #bee5eb;--info-500: #17a2b8;--info-600: #138496;--info-700: #0c5460;--gray-25: #fdfdfe;--gray-50: #f8f9fa;--gray-100: #f1f3f4;--gray-200: #e3e6ea;--gray-300: #d1d5db;--gray-400: #9aa0a6;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-primary: linear-gradient(135deg, var(--primary-400) 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, var(--success-500) 0%, var(--primary-500) 100%);--gradient-warm: linear-gradient(135deg, var(--warning-500) 0%, #e17055 50%, var(--primary-500) 100%);--gradient-cool: linear-gradient(135deg, var(--info-500) 0%, var(--primary-500) 100%);--gradient-background: linear-gradient(135deg, #f8faff 0%, #e6f0ff 50%, #f1f3f4 100%);--shadow-soft: 0 2px 8px rgba(102, 126, 234, .08);--shadow-medium: 0 4px 16px rgba(102, 126, 234, .12);--shadow-strong: 0 8px 24px rgba(102, 126, 234, .16);--shadow-card: 0 2px 12px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 20px rgba(0, 0, 0, .1);--status-pending-bg: var(--warning-50);--status-pending-color: var(--warning-700);--status-pending-border: var(--warning-200);--status-processing-bg: var(--info-50);--status-processing-color: var(--info-700);--status-processing-border: var(--info-200);--status-completed-bg: var(--success-50);--status-completed-color: var(--success-700);--status-completed-border: var(--success-200);--status-failed-bg: var(--error-50);--status-failed-color: var(--error-700);--status-failed-border: var(--error-200);--status-cancelled-bg: var(--gray-50);--status-cancelled-color: var(--gray-600);--status-cancelled-border: var(--gray-200)}.task-queue-layout{background:var(--gradient-background);min-height:100vh}.stats-card{background:var(--gray-25);border-radius:16px;box-shadow:var(--shadow-card);border:1px solid var(--gray-100);transition:all .3s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.stats-card-pending{background:linear-gradient(135deg,var(--warning-50) 0%,#fff9e6 100%);border-color:var(--warning-200)}.stats-card-processing{background:linear-gradient(135deg,var(--info-50) 0%,#e6f7ff 100%);border-color:var(--info-200)}.stats-card-completed{background:linear-gradient(135deg,var(--success-50) 0%,#f0fff4 100%);border-color:var(--success-200)}.stats-card-failed{background:linear-gradient(135deg,var(--error-50) 0%,#fff5f5 100%);border-color:var(--error-200)}.task-card-optimized{background:var(--gray-25);border-radius:16px;box-shadow:var(--shadow-card);border:1px solid var(--gray-100);transition:all .3s ease;position:relative;overflow:hidden}.task-card-optimized:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.task-card-optimized:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.task-card-optimized:hover:before{opacity:1}.status-tag-pending{background:var(--status-pending-bg);color:var(--status-pending-color);border:1px solid var(--status-pending-border);font-weight:600}.status-tag-processing{background:var(--status-processing-bg);color:var(--status-processing-color);border:1px solid var(--status-processing-border);font-weight:600}.status-tag-completed{background:var(--status-completed-bg);color:var(--status-completed-color);border:1px solid var(--status-completed-border);font-weight:600}.status-tag-failed{background:var(--status-failed-bg);color:var(--status-failed-color);border:1px solid var(--status-failed-border);font-weight:600}.status-tag-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-color);border:1px solid var(--status-cancelled-border);font-weight:600}.btn-optimized{border-radius:10px;font-weight:600;transition:all .3s ease;box-shadow:var(--shadow-soft)}.btn-optimized:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn-primary-optimized{background:var(--gradient-primary);border:none;color:#fff}.btn-success-optimized{background:linear-gradient(135deg,var(--success-500) 0%,#20c997 100%);border:none;color:#fff}.btn-warning-optimized{background:linear-gradient(135deg,var(--warning-500) 0%,#fd7e14 100%);border:none;color:#fff}.btn-info-optimized{background:linear-gradient(135deg,var(--info-500) 0%,#6f42c1 100%);border:none;color:#fff}.filter-section-optimized{background:linear-gradient(135deg,var(--gray-25) 0%,var(--primary-50) 100%);border:1px solid var(--primary-200);border-radius:16px;box-shadow:var(--shadow-soft);padding:16px 20px;width:100%;max-width:100%;overflow:hidden}.progress-bar-optimized{background:var(--gray-200);border-radius:8px;overflow:hidden;height:6px}.progress-fill-optimized{background:var(--gradient-primary);height:100%;border-radius:8px;transition:width .5s ease;position:relative}.progress-fill-optimized:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal-optimized .ant-modal-content{border-radius:20px;box-shadow:var(--shadow-strong);border:none}.modal-optimized .ant-modal-header{background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-25) 100%);border-radius:20px 20px 0 0;border-bottom:1px solid var(--primary-200)}.task-detail-modal .ant-modal-content{border-radius:20px;box-shadow:var(--shadow-strong);border:none;overflow:hidden}.task-detail-modal .ant-modal-header{background:var(--gradient-background);border-radius:20px 20px 0 0;border-bottom:1px solid var(--primary-200);padding:20px 24px}.task-detail-modal .ant-modal-body{padding:0;background:var(--gray-25)}.task-detail-modal .ant-modal-footer{background:var(--gray-25);border-top:1px solid var(--gray-200);border-radius:0 0 20px 20px;padding:16px 24px}.task-detail-content{max-height:80vh;overflow:auto;padding:24px}.task-detail-status-tag{padding:6px 14px;border-radius:14px;font-size:12px;font-weight:600;border:1px solid}.task-detail-status-pending{background:var(--status-pending-bg);color:var(--status-pending-color);border-color:var(--status-pending-border)}.task-detail-status-processing{background:var(--status-processing-bg);color:var(--status-processing-color);border-color:var(--status-processing-border)}.task-detail-status-completed{background:var(--status-completed-bg);color:var(--status-completed-color);border-color:var(--status-completed-border)}.task-detail-status-failed{background:var(--status-failed-bg);color:var(--status-failed-color);border-color:var(--status-failed-border)}.task-detail-status-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-color);border-color:var(--status-cancelled-border)}.task-info-section{background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-25) 100%);padding:20px;border-radius:16px;margin-bottom:20px;border:1px solid var(--primary-200);box-shadow:var(--shadow-soft)}.task-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.task-info-item{margin:6px 0;font-size:14px}.task-info-label{color:var(--gray-600);min-width:80px;display:inline-block;font-weight:500}.task-info-value{color:var(--gray-800);font-weight:500}.task-info-badge{font-family:Monaco,Menlo,monospace;font-size:11px;background:var(--gray-100);padding:4px 8px;border-radius:6px;color:var(--gray-700)}.task-info-tag{background:var(--primary-100);color:var(--primary-700);padding:4px 10px;border-radius:8px;font-weight:600;border:1px solid var(--primary-200)}.task-info-progress{background:var(--success-100);color:var(--success-700);padding:4px 10px;border-radius:8px;font-weight:600;border:1px solid var(--success-200)}.task-info-progress.processing{background:var(--info-100);color:var(--info-700);border-color:var(--info-200)}.task-info-duration{color:var(--success-600);font-weight:600}.feature-guide-section{background:linear-gradient(135deg,var(--warning-50) 0%,#fef3cd 100%);padding:20px;border-radius:16px;margin-bottom:20px;border:1px solid var(--warning-200);box-shadow:var(--shadow-soft)}.feature-guide-title{margin:0 0 16px;color:var(--warning-700);font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px}.feature-guide-content{font-size:13px;color:var(--warning-800);line-height:1.7}.feature-guide-section-item{margin-bottom:12px}.feature-guide-section-item:last-child{margin-bottom:0}.feature-guide-list{margin:6px 0 0 24px;padding:0}.feature-guide-list li{margin:4px 0}.prompt-section{margin-bottom:20px}.task-detail-modal .prompt-section{margin-bottom:24px;background:var(--gray-25);border-radius:12px;padding:20px;border:1px solid var(--gray-200);box-shadow:var(--shadow-soft)}.prompt-header{margin:0 0 16px;color:var(--gray-800);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.prompt-copy-btn{font-size:11px;border-radius:8px;height:26px;padding:0 10px;display:flex;align-items:center;gap:6px;background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600);font-weight:600}.prompt-copy-btn:hover{background:var(--primary-100);border-color:var(--primary-300);color:var(--primary-700)}.prompt-content{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:16px;font-size:13px;line-height:1.6;color:var(--gray-700);max-height:100px;overflow:auto;font-family:Monaco,Menlo,monospace}.task-detail-modal .prompt-content{max-height:150px;min-height:60px;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:16px;font-size:13px;line-height:1.6;color:var(--gray-700);font-family:Monaco,Menlo,monospace;transition:all .2s ease}.task-detail-modal .prompt-content:hover{border-color:var(--primary-300);box-shadow:0 2px 8px #1890ff1a}.task-detail-modal .prompt-content::-webkit-scrollbar{width:6px}.task-detail-modal .prompt-content::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.task-detail-modal .prompt-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.task-detail-modal .prompt-content::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.task-detail-modal .prompt-header{margin:0 0 12px;color:var(--gray-800);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;padding:0}.task-detail-modal .prompt-header span{color:var(--primary-600);font-weight:700}.task-detail-modal .prompt-copy-btn{font-size:11px;border-radius:8px;height:26px;padding:0 10px;display:flex;align-items:center;gap:6px;background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600);font-weight:600;transition:all .2s ease}.task-detail-modal .prompt-copy-btn:hover{background:var(--primary-100);border-color:var(--primary-300);color:var(--primary-700);transform:translateY(-1px);box-shadow:0 2px 4px #1890ff33}.error-section{margin-bottom:20px}.error-header{margin:0 0 12px;color:var(--gray-800);font-size:15px;font-weight:600}.error-content{background:var(--error-50);border:1px solid var(--error-200);border-radius:10px;padding:16px;color:var(--error-700);font-size:13px;line-height:1.5}.image-comparison-section{margin-bottom:20px}.image-comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.image-comparison-title{margin:0;color:var(--gray-800);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.image-count-badge{font-size:11px;color:var(--gray-600);background:var(--gray-100);padding:4px 8px;border-radius:10px;font-weight:500}.download-all-btn{border-radius:8px;font-size:12px;background:var(--success-50);border-color:var(--success-200);color:var(--success-600);font-weight:600}.download-all-btn:hover{background:var(--success-100);border-color:var(--success-300);color:var(--success-700)}.empty-result-section{text-align:center;padding:80px 40px;color:var(--gray-500);background:var(--gray-50);border-radius:16px;border:2px dashed var(--gray-300)}.empty-result-icon{font-size:56px;margin-bottom:20px;opacity:.6}.empty-result-title{font-size:18px;margin-bottom:8px;font-weight:600;color:var(--gray-700)}.empty-result-desc{font-size:14px;color:var(--gray-500)}@media (max-width: 768px){.task-detail-modal .ant-modal-content{margin:10px;width:calc(100vw - 20px)}.task-info-grid{grid-template-columns:1fr;gap:12px}.task-detail-content,.feature-guide-section,.task-info-section{padding:16px}}.modal-btn-optimized{border-radius:10px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;gap:6px}.modal-btn-optimized:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.modal-btn-optimized:active{transform:translateY(0);box-shadow:var(--shadow-soft)}.fine-tune-btn{background:linear-gradient(135deg,var(--warning-50) 0%,#fff3cd 100%);border-color:var(--warning-200);color:var(--warning-700);height:32px;padding:0 12px;font-size:12px}.fine-tune-btn:hover{background:linear-gradient(135deg,var(--warning-100) 0%,#ffeaa7 100%);border-color:var(--warning-300);color:var(--warning-800)}.fine-tune-btn:disabled{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.download-btn{background:linear-gradient(135deg,var(--success-50) 0%,#f0fff4 100%);border-color:var(--success-200);color:var(--success-700);height:32px;padding:0 12px;font-size:12px}.download-btn:hover{background:linear-gradient(135deg,var(--success-100) 0%,#d4edda 100%);border-color:var(--success-300);color:var(--success-800)}.download-btn:disabled{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.modal-footer-btn-primary{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-700);height:40px;padding:0 20px;font-size:14px;border-radius:10px;font-weight:600}.modal-footer-btn-primary:hover{background:var(--gray-200);border-color:var(--gray-400);color:var(--gray-800);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.modal-footer-btn-primary:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;transform:none;box-shadow:none}.modal-footer-btn-default{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-700);height:40px;padding:0 20px;font-size:14px;border-radius:10px;font-weight:600}.modal-footer-btn-default:hover{background:var(--gray-200);border-color:var(--gray-400);color:var(--gray-800);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.fine-tune-modal .ant-modal-content{border-radius:16px;box-shadow:var(--shadow-strong);overflow:hidden}.fine-tune-modal .ant-modal-header{background:linear-gradient(135deg,var(--warning-50) 0%,#fff8e1 100%);border-bottom:1px solid var(--warning-200);padding:20px 24px}.fine-tune-modal .ant-modal-body{padding:24px;background:var(--gray-25)}.fine-tune-modal .ant-modal-footer{background:var(--gray-25);border-top:1px solid var(--gray-200);padding:16px 24px}.fine-tune-modal .ant-modal-title{color:var(--warning-800);font-weight:600;font-size:16px}.fine-tune-input-section{margin-bottom:16px;color:var(--gray-600)}.fine-tune-current-prompt{background:var(--gray-50);padding:12px;border-radius:8px;margin:12px 0;font-size:13px;color:var(--gray-700);font-family:Monaco,Menlo,monospace;border:1px solid var(--gray-200);line-height:1.5}.fine-tune-input-label{margin-bottom:10px;color:var(--gray-700);font-weight:500}.fine-tune-textarea{border-radius:8px;border:1px solid var(--gray-300);background:var(--gray-25)}.fine-tune-textarea:focus{border-color:var(--warning-400);box-shadow:0 0 0 2px #f59e0b1a}.image-action-btn{border-radius:8px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-soft);height:32px;padding:0 12px;font-size:12px;flex:1;max-width:80px}.image-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.image-action-container{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-height:auto;padding:12px 16px;background:#f6ffed;border-top:1px solid #b7eb8f}.image-action-container.compact{flex-direction:row;gap:4px;padding:8px 12px}.image-action-row{display:flex;gap:6px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:6px}.image-action-row:last-child{margin-bottom:0}.image-action-row.compact{gap:3px;margin-bottom:3px}.image-action-secondary-row{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:4px}.image-action-btn-optimized{flex:1 1 auto;min-width:80px;height:32px;border-radius:6px;font-size:12px;font-weight:500;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:4px}.image-action-btn-optimized.compact{min-width:60px;height:28px;font-size:11px;padding:0 6px}.image-action-btn-optimized:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.image-action-btn-optimized:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.image-action-btn-optimized.fine-tune{background-color:#fff;border-color:#d9d9d9;color:#595959}.image-action-btn-optimized.fine-tune:hover{background-color:#fafafa;border-color:#1890ff;color:#1890ff;box-shadow:0 2px 8px #1890ff33}.image-action-btn-optimized.hd{background-color:#f0f9ff;border-color:#91d5ff;color:#1890ff;box-shadow:0 1px 3px #1890ff33}.image-action-btn-optimized.hd:hover{background-color:#e6f7ff;border-color:#40a9ff;color:#096dd9;box-shadow:0 2px 8px #1890ff4d}.image-action-btn-optimized.matting{background-color:#fff2e8;border-color:#ffbb96;color:#d46b08;box-shadow:0 1px 3px #d46b0833}.image-action-btn-optimized.matting:hover{background-color:#ffe7ba;border-color:#ffa940;color:#ad4e00;box-shadow:0 2px 8px #d46b084d}.image-action-btn-optimized.expand{background-color:#f6ffed;border-color:#b7eb8f;color:#52c41a;box-shadow:0 1px 3px #52c41a33}.image-action-btn-optimized.expand:hover{background-color:#d9f7be;border-color:#95de64;color:#389e0d;box-shadow:0 2px 8px #52c41a4d}.image-action-secondary-btn{height:28px;font-size:11px;padding:0 8px;border-radius:4px;background-color:transparent;transition:all .3s ease}.image-action-secondary-btn.preview{color:#666;border:1px solid #e8e8e8}.image-action-secondary-btn.preview:hover{color:#1890ff;border-color:#91d5ff;background-color:#f0f9ff}.image-action-secondary-btn.download{color:#52c41a;border:1px solid #b7eb8f}.image-action-secondary-btn.download:hover{color:#389e0d;border-color:#95de64;background-color:#f6ffed}@media (max-width: 768px){.image-action-container{padding:8px 12px}.image-action-row{gap:4px;margin-bottom:4px}.image-action-btn-optimized{min-width:60px;height:28px;font-size:11px;padding:0 6px}.image-action-secondary-btn{height:24px;font-size:10px;padding:0 6px}}@media (max-width: 480px){.image-action-container{padding:6px 8px}.image-action-row{gap:2px;margin-bottom:2px}.image-action-btn-optimized{min-width:50px;height:26px;font-size:10px;padding:0 4px}.image-action-secondary-btn{height:22px;font-size:9px;padding:0 4px}}@media (prefers-color-scheme: dark){.fine-tune-current-prompt{background:var(--gray-800);color:var(--gray-200);border-color:var(--gray-700)}.fine-tune-textarea{background:var(--gray-800);color:var(--gray-200);border-color:var(--gray-600)}}.refresh-indicator-optimized{background:linear-gradient(135deg,var(--info-50) 0%,var(--primary-50) 100%);border:1px solid var(--info-200);border-radius:12px;color:var(--info-700)}.filter-tag-optimized{border-radius:20px;font-weight:600;box-shadow:var(--shadow-soft);transition:all .3s ease}.filter-tag-date{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-50) 100%);color:var(--primary-700);border:1px solid var(--primary-300)}.filter-tag-scene{background:linear-gradient(135deg,var(--success-100) 0%,var(--success-50) 100%);color:var(--success-700);border:1px solid var(--success-300)}.filter-tag-search{background:linear-gradient(135deg,var(--warning-100) 0%,var(--warning-50) 100%);color:var(--warning-700);border:1px solid var(--warning-300)}@media (max-width: 1200px){.filter-section-optimized{padding:14px 18px}}@media (max-width: 768px){.filter-section-optimized{padding:12px 16px}.filter-section-optimized .ant-input{width:140px!important;flex-shrink:0!important}.filter-section-optimized .ant-picker{width:160px!important;flex-shrink:0!important}.filter-section-optimized .ant-select{width:120px!important;flex-shrink:0!important}.stats-card{margin-bottom:12px}.task-card-optimized{margin-bottom:16px}}@media (max-width: 480px){.filter-section-optimized{padding:10px 12px}.filter-section-optimized .ant-input{width:120px!important;flex-shrink:0!important;font-size:12px}.filter-section-optimized .ant-picker{width:140px!important;flex-shrink:0!important;font-size:12px}.filter-section-optimized .ant-select{width:100px!important;flex-shrink:0!important;font-size:12px}.filter-section-optimized .ant-btn{font-size:11px!important;padding:0 8px!important;height:28px!important}}@media (prefers-color-scheme: dark){:root{--gradient-background: linear-gradient(135deg, #1a1d29 0%, #2d3748 50%, #1a202c 100%)}.task-queue-layout{background:var(--gradient-background)}}.matting-btn{background:linear-gradient(135deg,var(--warning-50) 0%,#fff7e6 100%);border-color:var(--warning-200);color:var(--warning-700);height:32px;padding:0 12px;font-size:12px}.matting-btn:hover{background:linear-gradient(135deg,var(--warning-100) 0%,#ffeaa7 100%);border-color:var(--warning-300);color:var(--warning-800)}.matting-btn:disabled{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.expand-modal .ant-modal-content{border-radius:12px;overflow:hidden}.expand-modal .ant-modal-header{background:linear-gradient(135deg,#52c41a,#73d13d);border-bottom:none}.expand-modal .ant-modal-title{color:#fff;font-weight:600}.expand-modal .ant-modal-body{padding:0}.expand-control-point{transition:all .2s ease;-webkit-user-select:none;user-select:none}.expand-control-point:hover{transform:scale(1.05);box-shadow:0 4px 12px #52c41a66!important}.expand-control-point:active{transform:scale(.95)}.expand-ratio-display{transition:all .2s ease}.expand-ratio-display.active{background:#e6f7ff!important;border-color:#1890ff!important}.expand-ratio-display.active .ratio-label{color:#1890ff!important}.expand-preview-area{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e8e8e8;border-radius:12px;position:relative;overflow:hidden}.expand-preview-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0%,rgba(82,196,26,.02) 100%);pointer-events:none}.expand-dashed-border{animation:expandPulse 2s ease-in-out infinite}@keyframes expandPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}.expand-dragging{cursor:grabbing!important}.expand-dragging .expand-control-point{transform:scale(1.1);box-shadow:0 6px 16px #52c41a80!important}@media (max-width: 768px){.expand-modal .ant-modal-content{margin:16px}.expand-preview-area{height:250px}.expand-control-point{font-size:10px;padding:4px 8px}}@media (max-width: 480px){.expand-preview-area{height:200px}.expand-ratio-display{padding:8px;font-size:12px}}.retry-btn{background:#fff!important;border:1px solid #d9d9d9!important;color:#666!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important;cursor:pointer!important;pointer-events:auto!important;z-index:10!important}.retry-btn:hover{background:#f5f5f5!important;border-color:#40a9ff!important;color:#40a9ff!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #40a9ff33!important}.retry-btn:active{transform:translateY(0)!important;box-shadow:0 1px 4px #40a9ff33!important}.retry-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;pointer-events:none!important}.low-review-mode-btn{background:linear-gradient(135deg,#ffa726,#ff9800)!important;border:none!important;box-shadow:0 2px 8px #ffa7264d!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important;cursor:pointer!important;pointer-events:auto!important;z-index:10!important}.low-review-mode-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;pointer-events:none!important}.low-review-mode-btn:hover:before{left:100%}.low-review-mode-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #ffa72666!important;background:linear-gradient(135deg,#ff9800,#f57c00)!important}.low-review-mode-btn:active{transform:translateY(0)!important;box-shadow:0 2px 4px #ffa7264d!important}.low-review-mode-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;pointer-events:none!important}.low-review-mode-btn.loading{pointer-events:none!important}.low-review-mode-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;pointer-events:none!important}@media (max-width: 768px){.retry-btn,.low-review-mode-btn{font-size:11px!important;padding:0 12px!important;height:28px!important}.retry-btn .anticon,.low-review-mode-btn .anticon{font-size:12px!important}}@media (max-width: 480px){.retry-btn,.low-review-mode-btn{font-size:10px!important;padding:0 10px!important;height:26px!important;gap:4px!important}.retry-btn .anticon,.low-review-mode-btn .anticon{font-size:11px!important}}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--gray-25: #fcfcfd;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, #722ed1 100%);--gradient-success: linear-gradient(135deg, var(--success-500) 0%, var(--primary-500) 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 0%, #ec4899 50%, #8b5cf6 100%);--gradient-cool: linear-gradient(135deg, var(--primary-500) 0%, #06b6d4 100%);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .15s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .15s cubic-bezier(.4, 0, .2, 1);--z-auto: auto;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-modal: 1000;--z-popover: 1010;--z-tooltip: 1020;--z-notification: 1030}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;font-size:var(--font-size-base);color:var(--gray-900);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-opacity{transition:var(--transition-opacity)}.transition-shadow{transition:var(--transition-shadow)}.transition-transform{transition:var(--transition-transform)}.card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition-shadow)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:1px solid transparent;cursor:pointer;transition:var(--transition-all);text-decoration:none}.btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-pending{background:var(--gray-100);color:var(--gray-600)}.status-processing{background:var(--primary-50);color:var(--primary-700)}.status-completed{background:var(--success-50);color:var(--success-700)}.status-error{background:var(--error-50);color:var(--error-700)}.progress-bar{height:var(--space-2);background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .3s ease-out}@media (max-width: 640px){:root{--space-8: 1.5rem;--space-12: 2rem}}.mobile-progress-nav{position:sticky;top:var(--space-4);z-index:var(--z-50);margin-bottom:var(--space-6);padding:0 var(--space-4)}.progress-card{background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.step-indicators{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);gap:var(--space-2)}.step-dot{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1;padding:var(--space-2) var(--space-1);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);position:relative}.step-dot:not(:last-child):after{content:"";position:absolute;top:18px;right:-50%;width:calc(100% - var(--space-4));height:2px;background:linear-gradient(90deg,transparent 0%,var(--gray-300) 50%,transparent 100%);z-index:var(--z-0)}.step-number{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:var(--transition-all)}.step-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;line-height:var(--line-height-tight);transition:var(--transition-all)}.step-dot.pending .step-number{background:var(--gray-100);color:var(--gray-500);border:2px solid var(--gray-300)}.step-dot.pending .step-label{color:var(--gray-500)}.step-dot.valid .step-number{background:var(--primary-50);color:var(--primary-600);border:2px solid var(--primary-200)}.step-dot.valid .step-label{color:var(--primary-600)}.step-dot.active .step-number{background:var(--gradient-primary);color:#fff;border:2px solid var(--primary-500);transform:scale(1.1);box-shadow:var(--shadow-md)}.step-dot.active .step-label{color:var(--primary-600);font-weight:var(--font-weight-semibold)}.step-dot.completed .step-number{background:var(--gradient-success);color:#fff;border:2px solid var(--success-500)}.step-dot.completed .step-label{color:var(--success-600);font-weight:var(--font-weight-semibold)}.step-dot.completed:not(:last-child):after{background:linear-gradient(90deg,transparent 0%,var(--success-400) 50%,transparent 100%)}.current-step-info{text-align:center}.step-title{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin-bottom:var(--space-2)}.desktop-steps-nav{background:linear-gradient(135deg,var(--gray-25) 0%,white 100%);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);margin-bottom:var(--space-8)}.desktop-steps-nav .ant-card-head{border-bottom:1px solid var(--gray-200)}.desktop-steps-nav .ant-card-head-title{font-weight:var(--font-weight-semibold);color:var(--gray-800)}.workflow-steps{margin-bottom:var(--space-6)}.workflow-steps .ant-steps-item-title{font-weight:var(--font-weight-semibold)!important;color:var(--gray-700)!important;font-size:var(--font-size-sm)!important}.workflow-steps .ant-steps-item-description{color:var(--gray-500)!important;font-size:var(--font-size-xs)!important}.step-icon{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:var(--transition-all)}.step-icon.pending{background:var(--gray-100);color:var(--gray-500);border:2px solid var(--gray-300)}.step-icon.valid{background:var(--primary-50);color:var(--primary-600);border:2px solid var(--primary-200)}.step-icon.active{background:var(--gradient-primary);color:#fff;border:2px solid var(--primary-500);box-shadow:var(--shadow-md)}.step-icon.completed{background:var(--gradient-success);color:#fff;border:2px solid var(--success-500)}.progress-summary{padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.progress-item{display:flex;justify-content:space-between;align-items:center;width:100%}.progress-label{font-size:var(--font-size-xs);color:var(--gray-500)}@media (max-width: 480px){.step-label{font-size:10px}.step-number{width:24px;height:24px;font-size:var(--font-size-xs)}.step-indicators{gap:var(--space-1)}.step-dot{padding:var(--space-1) var(--space-1)}}.mobile-progress-nav,.desktop-steps-nav{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-dot:hover{background:var(--primary-50);transform:translateY(-1px)}.step-dot.active:hover{transform:translateY(-1px) scale(1.1)}.step-dot.completed:hover{transform:translateY(-1px)}.temu-refactored-workflow{min-height:calc(100vh - 64px);background:linear-gradient(135deg,#fef3f2,#fef7ff,#f0f9ff,#ecfdf5,#fefce8);padding:24px;@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.temu-refactored-workflow .workflow-header{margin-bottom:24px;box-shadow:0 10px 40px #ef444414,0 4px 16px #6366f10f;border-radius:24px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.12)}.temu-refactored-workflow .workflow-content .steps-card{position:sticky;top:24px}.temu-refactored-workflow .workflow-content .steps-card .workflow-steps .ant-steps-item{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;margin:4px 0;padding:8px}.temu-refactored-workflow .workflow-content .steps-card .workflow-steps .ant-steps-item:hover{background:linear-gradient(135deg,#fef7ff,#f0f9ff);transform:translate(4px)}.temu-refactored-workflow .workflow-content .steps-card .workflow-steps .ant-steps-item:hover .ant-steps-item-title{color:#ec4899}.temu-refactored-workflow .workflow-content .steps-card .workflow-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon{background:linear-gradient(135deg,#22c55e,#06b6d4);border-color:#22c55e;box-shadow:0 2px 8px #22c55e40}.temu-refactored-workflow .workflow-content .steps-card .workflow-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-title{color:#059669;font-weight:600}.temu-refactored-workflow .workflow-content .steps-card .workflow-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon{background:linear-gradient(135deg,#f97316,#ec4899);border-color:#f97316;box-shadow:0 2px 8px #f9731640}.temu-refactored-workflow .workflow-content .steps-card .workflow-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-title{color:#ea580c;font-weight:700}.temu-refactored-workflow .workflow-content .steps-card .workflow-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon{background:#f8fafc;border-color:#cbd5e1}.temu-refactored-workflow .workflow-content .steps-card .workflow-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-title{color:#64748b}.temu-refactored-workflow .workflow-content .steps-card .progress-summary .ant-progress{margin:8px 0}.temu-refactored-workflow .workflow-content .steps-card .progress-summary .ant-progress .ant-progress-bg{background:linear-gradient(90deg,#f97316,#ec4899,#8b5cf6)!important}.temu-refactored-workflow .workflow-content .steps-card .progress-summary .ant-typography{color:#1e293b;font-weight:600}.temu-refactored-workflow .workflow-content .step-content-card{min-height:600px;box-shadow:0 10px 40px #6366f114,0 4px 16px #ef44440a;border-radius:20px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.12)}.temu-refactored-workflow .workflow-content .step-content-card .ant-card-head{border-bottom:1px solid rgba(148,163,184,.12);background:transparent}.temu-refactored-workflow .workflow-content .step-content-card .ant-card-head .ant-card-head-title{color:#1e293b;font-weight:700}.temu-refactored-workflow .workflow-content .step-content-card .step-navigation{margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0;text-align:right}.temu-refactored-workflow .workflow-content .step-content-card .step-navigation .ant-btn{margin-left:8px;border-radius:8px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.temu-refactored-workflow .workflow-content .step-content-card .step-navigation .ant-btn:not(.ant-btn-primary):hover{border-color:#ec4899;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 12px #ec489926}.temu-refactored-workflow .mobile-navigation{position:fixed;bottom:24px;right:24px;z-index:1000}.temu-refactored-workflow .mobile-navigation .mobile-nav-trigger{background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);color:#fff;border-radius:50px;padding:12px 24px;height:auto;box-shadow:0 8px 24px #ec489940;border:none;font-weight:600}.temu-refactored-workflow .mobile-navigation .mobile-nav-trigger:hover{background:linear-gradient(135deg,#ea580c,#db2777,#7c3aed);color:#fff;transform:translateY(-2px);box-shadow:0 12px 32px #ec489959}.temu-refactored-workflow .mobile-steps-drawer .mobile-steps .ant-steps-item{cursor:pointer;padding:12px 0;border-radius:8px;transition:all .3s ease}.temu-refactored-workflow .mobile-steps-drawer .mobile-steps .ant-steps-item:hover{background:linear-gradient(135deg,#fef7ff,#f0f9ff);border-radius:8px;margin:0 -12px;padding:12px;transform:translate(4px)}.temu-refactored-workflow .generation-modal .ant-modal-content{border-radius:16px;box-shadow:0 20px 60px #9333ea26}.temu-refactored-workflow .generation-modal .generation-progress{text-align:center;padding:24px}.temu-refactored-workflow .generation-modal .generation-progress .ant-progress-circle{margin-bottom:16px}.temu-refactored-workflow .generation-modal .generation-progress .ant-progress-circle .ant-progress-text{color:#1e293b;font-weight:600}.temu-refactored-workflow .generation-modal .generation-progress .ant-typography{color:#64748b;font-weight:500}@media (max-width: 768px){.temu-refactored-workflow{padding:16px}.temu-refactored-workflow .workflow-header{margin-bottom:16px}.temu-refactored-workflow .workflow-header .ant-card-body{padding:16px}.temu-refactored-workflow .workflow-content .step-content-card .ant-card-body{padding:16px}.temu-refactored-workflow .workflow-content .step-content-card .step-navigation{text-align:center}.temu-refactored-workflow .workflow-content .step-content-card .step-navigation .ant-space{width:100%;justify-content:center}.temu-refactored-workflow .workflow-content .step-content-card .step-navigation .ant-btn{flex:1;max-width:120px}}@media (max-width: 480px){.temu-refactored-workflow{padding:12px}.temu-refactored-workflow .step-navigation .ant-space{flex-direction:column;width:100%}.temu-refactored-workflow .step-navigation .ant-space .ant-btn{width:100%;max-width:none}}.ant-theme-dark .temu-refactored-workflow{background:linear-gradient(135deg,#0f172a,#1e1b4b,#581c87,#0f766e,#365314)}.ant-theme-dark .temu-refactored-workflow .workflow-header,.ant-theme-dark .temu-refactored-workflow .steps-card,.ant-theme-dark .temu-refactored-workflow .step-content-card{background:#1e293bf2;border-color:#4755694d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ant-theme-dark .temu-refactored-workflow .workflow-header .ant-typography,.ant-theme-dark .temu-refactored-workflow .workflow-header .ant-card-head-title,.ant-theme-dark .temu-refactored-workflow .steps-card .ant-typography,.ant-theme-dark .temu-refactored-workflow .steps-card .ant-card-head-title,.ant-theme-dark .temu-refactored-workflow .step-content-card .ant-typography,.ant-theme-dark .temu-refactored-workflow .step-content-card .ant-card-head-title{color:#f1f5f9}.ant-theme-dark .temu-refactored-workflow .steps-card .ant-card-head{background:linear-gradient(135deg,#1e293bcc,#581c8733);border-bottom-color:#4755694d}.ant-theme-dark .temu-refactored-workflow .mobile-nav-trigger{background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6)}.ant-theme-dark .temu-refactored-workflow .mobile-nav-trigger:hover{background:linear-gradient(135deg,#ea580c,#db2777,#7c3aed)}.ant-theme-dark .temu-refactored-workflow .step-navigation{border-top-color:#4755694d}.ant-theme-dark .temu-refactored-workflow .workflow-steps .ant-steps-item:hover{background:linear-gradient(135deg,#581c871a,#3b82f61a)}.ant-theme-dark .temu-refactored-workflow .workflow-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-title{color:#94a3b8}.temu-refactored-workflow .step-content-card{animation:fadeInUp .5s ease}.temu-refactored-workflow .workflow-header{background:linear-gradient(135deg,#fffffff2,#fefbfff2);color:#1e293b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.12)}.temu-refactored-workflow .workflow-header .ant-typography{color:#1e293b}.temu-refactored-workflow .workflow-header .ant-tag{background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);border:none;color:#fff;box-shadow:0 2px 8px #ec489940}.temu-refactored-workflow .steps-card{border:1px solid rgba(147,51,234,.12);background:linear-gradient(135deg,#fff,#fefbff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.temu-refactored-workflow .steps-card .ant-card-head{background:linear-gradient(135deg,#fafafa,#fef7ff);border-bottom:2px solid rgba(147,51,234,.08)}.temu-refactored-workflow .steps-card .ant-card-head .ant-card-head-title{color:#1e293b;font-weight:700;background:linear-gradient(135deg,#f97316,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent}.temu-refactored-workflow .workflow-steps .ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title{color:#52c41a;font-weight:500}.temu-refactored-workflow .workflow-steps .ant-steps-item-process .ant-steps-item-content .ant-steps-item-title{color:#1890ff;font-weight:600}.video-workspace-new{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.workflow-progress{background:#fff;padding:16px 24px;border-bottom:1px solid #f0f0f0;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center}.progress-steps{display:flex;justify-content:center;align-items:center;gap:32px;flex:1}.workflow-help{display:flex;align-items:center}.progress-step{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;padding:8px 16px;border-radius:8px}.progress-step:hover{background:#f5f5f5}.progress-step.active{background:#e6f7ff;border:1px solid #91d5ff}.progress-step.completed{background:#f6ffed;border:1px solid #b7eb8f}.step-icon{font-size:20px;margin-bottom:8px;color:#1890ff}.step-label{font-size:14px;font-weight:500;color:#666}.progress-step.active .step-icon,.progress-step.active .step-label{color:#1890ff}.progress-step.completed .step-icon,.progress-step.completed .step-label{color:#52c41a}.workspace-layout-new{flex:1;background:transparent}.workspace-layout-new .ant-layout-sider{background:#fff;border-right:1px solid #f0f0f0;box-shadow:2px 0 8px #0000001a}.workspace-layout-new .ant-layout-content{background:#fff;margin:0 8px;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column}.requirements-sider{padding:16px;overflow-y:auto}.requirements-sider .ant-card{margin-bottom:16px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.requirements-sider .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 16px}.requirements-sider .ant-card-body{padding:16px}.segment-management-content{display:flex;flex-direction:column;height:100%}.segment-management-container{flex:1;padding:16px;overflow-y:auto}.requirements-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.requirements-card .ant-card-body{padding:16px}.structured-prompt-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px #667eea33;border:none;overflow:hidden;margin-bottom:16px}.structured-prompt-card .ant-card-body{padding:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.structured-prompt-card .ant-card-head{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);padding:16px 20px}.structured-prompt-card .ant-card-head-title{color:#fff;font-weight:600;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.structured-prompt-card .ant-typography{color:#262626}.structured-prompt-card .ant-alert{margin-bottom:20px;border-radius:8px;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.structured-prompt-card .ant-alert-message{color:#262626;font-weight:600}.structured-prompt-card .ant-alert-description{color:#595959}.prompt-elements-editor{margin-top:20px;background:#ffffffe6;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a}.prompt-elements-editor .ant-typography{color:#262626}.prompt-elements-editor .ant-typography strong{color:#262626;font-weight:600}.structured-prompt-card *{color:inherit}.structured-prompt-card .ant-space,.structured-prompt-card .ant-space-item{color:#262626}.structured-prompt-card{animation:slideInUp .6s ease-out}.prompt-element{animation:fadeInUp .4s ease-out;animation-fill-mode:both}.prompt-element:nth-child(1){animation-delay:.1s}.prompt-element:nth-child(2){animation-delay:.2s}.prompt-element:nth-child(3){animation-delay:.3s}.prompt-element:nth-child(4){animation-delay:.4s}.prompt-element:nth-child(5){animation-delay:.5s}.prompt-element:nth-child(6){animation-delay:.6s}.prompt-element:nth-child(7){animation-delay:.7s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.prompt-element:hover .element-label:before{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-50%) scale(1.1)}.structured-prompt-card .ant-tooltip-inner{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:12px}.structured-prompt-card .ant-tooltip-arrow:before{background:#000000d9}.prompt-elements-editor{margin-top:16px}.prompt-element{margin-bottom:20px;position:relative}.element-label{display:block;margin-bottom:10px;color:#262626;font-size:14px;font-weight:600;line-height:1.4;position:relative;padding-left:12px}.element-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.element-textarea{border-radius:8px;border:2px solid rgba(102,126,234,.2);transition:all .3s ease;background:#fffffff2;color:#262626;font-size:14px;line-height:1.6;padding:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.element-textarea::placeholder{color:#8c8c8c;font-style:italic}.element-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fffffffa;color:#262626;transform:translateY(-1px)}.element-textarea:hover{border-color:#764ba2;background:#fffffff7;transform:translateY(-1px)}.element-textarea:focus-within{background:#fffffffa}.prompt-elements-editor .ant-row{margin-bottom:0;margin-left:-8px;margin-right:-8px}.prompt-elements-editor .ant-col{padding-left:8px;padding-right:8px;margin-bottom:20px}.prompt-elements-editor .ant-col-24{margin-bottom:0}@media (max-width: 768px){.prompt-elements-editor .ant-col{margin-bottom:16px}.element-textarea{font-size:13px;padding:10px}.element-label{font-size:13px}}.requirements-card .ant-upload-drag{border:2px dashed #d9d9d9;border-radius:8px;background:#fafafa;transition:all .3s ease}.requirements-card .ant-upload-drag:hover{border-color:#1890ff;background:#f0f8ff}.image-preview{margin-top:16px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;margin-top:8px}.image-item{position:relative;border-radius:4px;overflow:hidden}.image-overlay{position:absolute;top:0;right:0;background:#00000080;border-radius:0 4px}.duration-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.duration-card .ant-card-body{padding:16px}.generate-button-container{margin-bottom:16px}.generate-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;height:32px!important;font-size:14px!important;font-weight:600!important;border-radius:6px!important;box-shadow:0 2px 8px #667eea33!important;line-height:1.4!important;padding:2px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important}.generate-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #667eea4d!important}.generate-button:disabled{background:#d9d9d9!important;color:#999!important;transform:none!important;box-shadow:none!important}.progress-container{margin-top:12px;padding:12px;background:#ffffffe6;border-radius:6px;border:1px solid #f0f0f0}.progress-container .ant-progress{margin-bottom:8px}.progress-container .ant-typography{font-size:12px;color:#666}.parameter-panel-new{height:100%;overflow-y:auto}.parameter-panel-new .ant-card{margin-bottom:16px}@media (max-width: 1200px){.workspace-layout-new .ant-layout-sider{width:45%!important}}@media (max-width: 768px){.video-workspace-new,.workspace-layout-new{flex-direction:column}.workspace-layout-new .ant-layout-sider{width:100%!important;height:auto;border-right:none;border-bottom:1px solid #f0f0f0}.segment-management-content{height:auto}.preview-panel-container{height:250px}.smart-recommendations{position:static;width:100%;margin-top:16px}}.video-workspace-new{animation:fadeIn .5s ease-out}.requirements-sider::-webkit-scrollbar,.segment-management-container::-webkit-scrollbar,.preview-panel-container::-webkit-scrollbar{width:6px}.requirements-sider::-webkit-scrollbar-track,.segment-management-container::-webkit-scrollbar-track,.preview-panel-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.requirements-sider::-webkit-scrollbar-thumb,.segment-management-container::-webkit-scrollbar-thumb,.preview-panel-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.requirements-sider::-webkit-scrollbar-thumb:hover,.segment-management-container::-webkit-scrollbar-thumb:hover,.preview-panel-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.preset-card .preset-grid-compact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.preset-item-compact{border:1px solid #f0f0f0;transition:all .3s ease;cursor:pointer;padding:8px;min-height:80px}.preset-item-compact:hover{border-color:#1890ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff26}.preset-item-compact.selected{border-color:#1890ff;background:#e6f7ff;box-shadow:0 0 0 2px #1890ff33}.preset-content-compact{display:flex;align-items:center;gap:8px;height:100%}.preset-icon-compact{font-size:20px;flex-shrink:0;width:24px;text-align:center}.preset-info-compact{flex:1;min-width:0}.preset-title-compact{margin:0 0 4px!important;font-size:14px!important;font-weight:600;color:#262626;line-height:1.2}.preset-desc-compact{font-size:11px!important;color:#666;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preset-tag-compact{font-size:10px;padding:0 4px;height:16px;line-height:14px}.preset-card .preset-grid{display:grid;gap:12px;margin-top:16px}.preset-item{border:2px solid transparent;transition:all .3s ease;cursor:pointer}.preset-item:hover{border-color:#d9d9d9;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.preset-item.selected{border-color:#1890ff;background:#e6f7ff}.preset-icon{font-size:24px;margin-bottom:12px;text-align:center}.preset-info h5{margin-bottom:8px;color:#262626}.preset-preview{margin-top:12px;padding:8px;background:#fafafa;border-radius:4px;font-size:12px;color:#666}.merge-tasks-card{margin-top:16px}.merge-tasks-list{display:flex;flex-direction:column;gap:12px}.merge-task-item{border:1px solid #f0f0f0;border-radius:8px;padding:12px;background:#fafafa}.merge-task-info{display:flex;flex-direction:column;gap:8px}.merge-task-header{display:flex;justify-content:space-between;align-items:center}.merge-task-details{display:flex;justify-content:space-between;align-items:center;font-size:12px}.merge-task-item:hover{background:#f5f5f5;border-color:#d9d9d9}.premium-video-task-card{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;border-radius:12px;overflow:hidden;height:100%;width:100%;min-width:0}.premium-video-task-card .task-card-inner{min-height:320px;display:flex;flex-direction:column}@media (max-width: 1400px){.premium-video-task-card .card-header{padding:16px 16px 12px}.premium-video-task-card .task-id{font-size:13px}.premium-video-task-card .task-time{font-size:11px}.premium-video-task-card .preview-section{height:140px}.premium-video-task-card .task-details,.premium-video-task-card .card-footer{padding:12px 16px}}.premium-video-task-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000014,0 4px 8px #0000000a}.premium-video-task-card .task-card-inner{border-radius:12px;background:#fffffff2;border:1px solid rgba(226,232,240,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000a;overflow:hidden;height:100%;display:flex;flex-direction:column;padding-bottom:8px}.premium-video-task-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-bottom:1px solid rgba(226,232,240,.5)}.premium-video-task-card .header-content{display:flex;align-items:center;gap:12px;flex:1}.premium-video-task-card .task-meta{display:flex;align-items:center;gap:12px}.premium-video-task-card .meta-info{display:flex;flex-direction:column;gap:2px}.premium-video-task-card .task-id{font-weight:600;font-size:14px;color:#1e293b;font-family:SF Mono,Monaco,Roboto Mono,monospace}.premium-video-task-card .task-time{font-size:12px;color:#64748b}.premium-video-task-card .status-tag{border:none;font-weight:500;font-size:12px;padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px #0000001a}.premium-video-task-card .status-tag.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.premium-video-task-card .status-text{font-weight:500}.premium-video-task-card .header-actions{display:flex;gap:8px}.premium-video-task-card .action-button{width:32px;height:32px;border-radius:8px;background:#f8fafccc;border:1px solid rgba(226,232,240,.6);color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.premium-video-task-card .action-button:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:scale(1.1)}.premium-video-task-card .preview-section{position:relative;width:100%;height:160px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow:hidden;flex-shrink:0}.premium-video-task-card .video-preview{position:relative;width:100%;height:100%;cursor:pointer}.premium-video-task-card .preview-video{width:100%;height:100%;object-fit:cover;border:none;outline:none}.premium-video-task-card .video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0000001a,#0000004d);opacity:0;transition:all .3s ease}.premium-video-task-card:hover .video-overlay{opacity:1}.premium-video-task-card .play-button{width:56px;height:56px;background:#fffffff2;border:none;color:#1e293b;box-shadow:0 8px 24px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.premium-video-task-card .play-button:hover{transform:scale(1.1);box-shadow:0 12px 32px #0000004d}.premium-video-task-card .thumbnail-preview{width:100%;height:100%;position:relative}.premium-video-task-card .thumbnail-image{width:100%;height:100%;object-fit:cover}.premium-video-task-card .placeholder-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8}.premium-video-task-card .placeholder-icon{font-size:32px;margin-bottom:8px;opacity:.6}.premium-video-task-card .progress-section{padding:16px 20px;background:#f8fafc80;border-bottom:1px solid rgba(226,232,240,.3)}.premium-video-task-card .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.premium-video-task-card .progress-label{font-size:13px;color:#475569;font-weight:500}.premium-video-task-card .progress-value{font-size:12px;color:#64748b;font-weight:600;font-family:SF Mono,Monaco,Roboto Mono,monospace}.premium-video-task-card .task-details{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.premium-video-task-card .detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.premium-video-task-card .detail-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:60px}.premium-video-task-card .detail-value{font-size:13px;color:#1e293b;font-weight:500;text-align:right;flex:1}.premium-video-task-card .prompt-text{max-width:180px}.premium-video-task-card .error-section{padding:16px 20px;background:linear-gradient(135deg,#fef2f2cc,#fee2e266);border-top:1px solid rgba(254,202,202,.5)}.premium-video-task-card .error-message{font-size:12px;display:flex;align-items:center;gap:6px}.premium-video-task-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f8fafc99,#f1f5f966);border-top:1px solid rgba(226,232,240,.3);margin-bottom:8px}.premium-video-task-card .footer-stats{display:flex;align-items:center;gap:16px;font-size:12px;color:#64748b}.premium-video-task-card .quick-actions{display:flex;gap:4px}.premium-video-task-card .quick-actions .ant-btn{width:28px;height:28px;border-radius:6px;border:none;background:#fffc;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.premium-video-task-card .quick-actions .ant-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.premium-video-task-card .video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.premium-video-task-card .video-modal-content{position:relative;max-width:90vw;max-height:90vh;border-radius:16px;overflow:hidden;box-shadow:0 24px 48px #0000004d}.premium-video-task-card .modal-video{width:100%;height:100%;object-fit:contain}.premium-video-task-card .close-button{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.premium-video-task-card .close-button:hover{background:#000000e6;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.premium-video-task-list-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:16px 20px;margin-bottom:12px;transition:all .2s ease}.premium-video-task-list-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014;border-color:#3b82f64d}.premium-video-task-list-item .task-list-content{display:flex;align-items:center;gap:20px}.premium-video-task-list-item .task-info{flex:1;min-width:0}.premium-video-task-list-item .task-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.premium-video-task-list-item .task-title{font-weight:600;color:#1e293b}.premium-video-task-list-item .task-subtitle{font-size:12px;color:#64748b}.premium-video-task-list-item .task-progress{width:120px;flex-shrink:0}.premium-video-task-list-item .task-actions{flex-shrink:0}.pulse-tag{position:relative;overflow:hidden}.pulse-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.premium-video-task-card .card-header{padding:16px}.premium-video-task-card .task-details{padding:16px;gap:10px}.premium-video-task-card .card-footer{padding:12px 16px;flex-direction:column;gap:12px;align-items:flex-start}.premium-video-task-card .footer-stats{gap:12px}.premium-video-task-card .quick-actions{width:100%;justify-content:center}.premium-video-task-card .preview-section{height:160px}}@media (prefers-color-scheme: dark){.premium-video-task-card .task-card-inner{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569cc}.premium-video-task-card .card-header{background:linear-gradient(135deg,#1e293be6,#334155e6);border-bottom-color:#47556980}.premium-video-task-card .task-id{color:#f1f5f9}.premium-video-task-card .detail-value{color:#e2e8f0}}@media (prefers-contrast: high){.premium-video-task-card .task-card-inner{border:2px solid #000}.premium-video-task-card .status-tag{border:1px solid currentColor}}.premium-video-task-card .video-duration{position:absolute;bottom:8px;right:8px;z-index:10;pointer-events:none}.premium-video-task-card .video-duration .ant-typography{margin:0;line-height:1}.premium-video-task-card:hover .video-duration{opacity:1}.premium-video-task-card .video-duration{opacity:.9;transition:opacity .3s ease}:root{--video-primary-50: #f0f4ff;--video-primary-100: #e0e9ff;--video-primary-200: #c7d6ff;--video-primary-300: #a4b9ff;--video-primary-400: #6b7cee;--video-primary-500: #5a67d8;--video-primary-600: #4c51bf;--video-primary-700: #434190;--video-primary-800: #3c366b;--video-primary-900: #322659;--video-success-50: #e6f7e6;--video-success-100: #c3e6c3;--video-success-500: #16a34a;--video-success-600: #15803d;--video-success-700: #166534;--video-warning-50: #fef3c7;--video-warning-100: #fde68a;--video-warning-500: #f59e0b;--video-warning-600: #d97706;--video-warning-700: #b45309;--video-error-50: #fef2f2;--video-error-100: #fecaca;--video-error-500: #ef4444;--video-error-600: #dc2626;--video-error-700: #b91c1c;--video-info-50: #eff6ff;--video-info-100: #dbeafe;--video-info-500: #3b82f6;--video-info-600: #2563eb;--video-info-700: #1d4ed8;--video-gray-25: #fdfdfe;--video-gray-50: #f8fafc;--video-gray-100: #f1f5f9;--video-gray-200: #e2e8f0;--video-gray-300: #cbd5e1;--video-gray-400: #94a3b8;--video-gray-500: #64748b;--video-gray-600: #475569;--video-gray-700: #334155;--video-gray-800: #1e293b;--video-gray-900: #0f172a;--video-gradient-primary: linear-gradient(135deg, var(--video-primary-400) 0%, #9333ea 100%);--video-gradient-success: linear-gradient(135deg, var(--video-success-500) 0%, var(--video-primary-500) 100%);--video-gradient-warm: linear-gradient(135deg, var(--video-warning-500) 0%, #ec4899 50%, var(--video-primary-500) 100%);--video-gradient-cool: linear-gradient(135deg, var(--video-info-500) 0%, var(--video-primary-500) 100%);--video-gradient-background: linear-gradient(135deg, #f0f4ff 0%, #e0e9ff 50%, #f1f5f9 100%);--video-shadow-soft: 0 2px 8px rgba(107, 124, 238, .1);--video-shadow-medium: 0 4px 16px rgba(107, 124, 238, .15);--video-shadow-strong: 0 8px 24px rgba(107, 124, 238, .2);--video-shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--video-shadow-card-hover: 0 4px 20px rgba(0, 0, 0, .12);--video-status-pending-bg: var(--video-warning-50);--video-status-pending-color: var(--video-warning-700);--video-status-pending-border: var(--video-warning-200);--video-status-processing-bg: var(--video-info-50);--video-status-processing-color: var(--video-info-700);--video-status-processing-border: var(--video-info-200);--video-status-completed-bg: var(--video-success-50);--video-status-completed-color: var(--video-success-700);--video-status-completed-border: var(--video-success-200);--video-status-failed-bg: var(--video-error-50);--video-status-failed-color: var(--video-error-700);--video-status-failed-border: var(--video-error-200);--video-status-cancelled-bg: var(--video-gray-50);--video-status-cancelled-color: var(--video-gray-600);--video-status-cancelled-border: var(--video-gray-200)}.premium-video-task-queue{background:var(--video-gradient-background);min-height:100vh}.premium-video-task-queue .actions-bar{background:#fffffff2;border:1px solid var(--video-primary-200);border-radius:16px;box-shadow:var(--video-shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.premium-video-task-queue .actions-bar:hover{border-color:var(--video-primary-300);box-shadow:var(--video-shadow-card-hover)}.premium-video-task-queue .bar-content{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px}.premium-video-task-queue .tasks-count{font-size:18px;color:var(--video-gray-800);font-weight:700;background:var(--video-gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-video-task-queue .active-alert{background:linear-gradient(135deg,var(--video-info-50) 0%,#e0e9ff 100%);border:1px solid var(--video-info-200);border-radius:12px;color:var(--video-info-700)}.premium-video-task-queue .view-toggle-group{border:1px solid var(--video-primary-200);border-radius:10px;overflow:hidden;box-shadow:var(--video-shadow-soft)}.premium-video-task-queue .view-toggle-btn{height:36px!important;min-width:40px!important;border:none!important;border-radius:0!important;transition:all .3s ease!important;background:var(--video-gray-25)!important;color:var(--video-gray-600)!important}.premium-video-task-queue .view-toggle-btn:hover{background:var(--video-primary-50)!important;color:var(--video-primary-600)!important;transform:none!important}.premium-video-task-queue .view-toggle-btn.ant-btn-primary{background:var(--video-gradient-primary)!important;color:#fff!important}.premium-video-task-queue .view-toggle-btn.ant-btn-primary:hover{background:var(--video-gradient-primary)!important;box-shadow:var(--video-shadow-medium)!important}.premium-video-task-card{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:16px;overflow:hidden}.premium-video-task-card:hover{transform:translateY(-4px);box-shadow:var(--video-shadow-strong)}.premium-video-task-card .task-card-inner{background:#fffffff2;border:1px solid var(--video-primary-100);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--video-shadow-card);overflow:hidden;position:relative}.premium-video-task-card .task-card-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--video-gradient-primary);opacity:0;transition:opacity .3s ease}.premium-video-task-card:hover .task-card-inner:before{opacity:1}.premium-video-task-card .card-header{background:linear-gradient(135deg,var(--video-primary-50) 0%,var(--video-gray-25) 100%);border-bottom:1px solid var(--video-primary-100);padding:20px}.premium-video-task-card .task-id{color:var(--video-gray-800);font-weight:700;font-size:14px;font-family:SF Mono,Monaco,Roboto Mono,monospace}.premium-video-task-card .task-time{color:var(--video-gray-500);font-size:12px;font-weight:500}.premium-video-task-card .status-tag{border:none;font-weight:600;font-size:12px;padding:8px 14px;border-radius:20px;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--video-shadow-soft);transition:all .3s ease}.video-status-pending{background:var(--video-status-pending-bg);color:var(--video-status-pending-color);border:1px solid var(--video-status-pending-border)}.video-status-processing{background:var(--video-status-processing-bg);color:var(--video-status-processing-color);border:1px solid var(--video-status-processing-border)}.video-status-completed{background:var(--video-status-completed-bg);color:var(--video-status-completed-color);border:1px solid var(--video-status-completed-border)}.video-status-failed{background:var(--video-status-failed-bg);color:var(--video-status-failed-color);border:1px solid var(--video-status-failed-border)}.video-status-cancelled{background:var(--video-status-cancelled-bg);color:var(--video-status-cancelled-color);border:1px solid var(--video-status-cancelled-border)}.premium-video-task-card .status-tag.pulse{animation:videoPulse 2s cubic-bezier(.4,0,.6,1) infinite;position:relative;overflow:hidden}.premium-video-task-card .status-tag.pulse:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:videoShimmer 2s infinite}@keyframes videoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes videoShimmer{0%{left:-100%}to{left:100%}}.premium-video-task-card .preview-section{background:linear-gradient(135deg,var(--video-gray-50) 0%,var(--video-primary-50) 100%);position:relative}.premium-video-task-card .video-overlay{background:linear-gradient(135deg,#6b7cee1a,#9333ea4d)}.premium-video-task-card .play-button{background:#fffffff2;color:var(--video-primary-600);box-shadow:var(--video-shadow-medium);border:2px solid var(--video-primary-200)}.premium-video-task-card .play-button:hover{background:var(--video-gradient-primary);color:#fff;transform:scale(1.15);box-shadow:var(--video-shadow-strong)}.premium-video-task-card .placeholder-preview{color:var(--video-gray-400)}.premium-video-task-card .placeholder-icon{color:var(--video-primary-300)}.premium-video-task-card .progress-section{background:linear-gradient(135deg,var(--video-primary-50) 0%,rgba(255,255,255,.8) 100%);border-bottom:1px solid var(--video-primary-100)}.premium-video-task-card .progress-label{color:var(--video-gray-700);font-weight:600}.premium-video-task-card .progress-value{color:var(--video-primary-600);font-weight:700;background:var(--video-primary-100);padding:2px 8px;border-radius:8px}.premium-video-task-card .task-details{background:var(--video-gray-25);padding:20px}.premium-video-task-card .detail-label{color:var(--video-gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.premium-video-task-card .detail-value{color:var(--video-gray-800);font-weight:600}.premium-video-task-card .error-section{background:linear-gradient(135deg,var(--video-error-50) 0%,rgba(254,242,242,.8) 100%);border-top:1px solid var(--video-error-200)}.premium-video-task-card .error-message{color:var(--video-error-700);font-weight:500}.premium-video-task-card .card-footer{background:linear-gradient(135deg,var(--video-gray-50) 0%,var(--video-primary-50) 100%);border-top:1px solid var(--video-primary-100);padding:16px 20px}.premium-video-task-card .footer-stats{color:var(--video-gray-600)}.premium-video-task-card .quick-actions .ant-btn{background:#ffffffe6;border:1px solid var(--video-primary-200);color:var(--video-gray-600);border-radius:8px;transition:all .3s ease}.premium-video-task-card .quick-actions .ant-btn:hover{background:var(--video-gradient-primary);color:#fff;transform:scale(1.1);box-shadow:var(--video-shadow-medium)}.premium-video-task-queue .premium-empty-state{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--video-primary-50) 100%);border:2px dashed var(--video-primary-200);border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--video-shadow-card)}.premium-video-task-queue .empty-illustration{color:var(--video-primary-300)}.premium-video-task-queue .empty-title{color:var(--video-gray-800)!important;background:var(--video-gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-video-task-queue .empty-description{color:var(--video-gray-600)}.premium-video-task-queue .create-first-button{background:var(--video-gradient-primary);border:none;box-shadow:var(--video-shadow-medium)}.premium-video-task-queue .create-first-button:hover{transform:translateY(-2px);box-shadow:var(--video-shadow-strong)}.premium-video-task-queue .help-button{border:2px solid var(--video-primary-200);color:var(--video-gray-600);background:#fffc}.premium-video-task-queue .help-button:hover{border-color:var(--video-primary-400);color:var(--video-primary-600);background:var(--video-primary-50)}.premium-video-task-queue .pagination-card{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--video-primary-50) 100%);border:1px solid var(--video-primary-200);border-radius:16px;box-shadow:var(--video-shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.premium-video-task-queue .premium-pagination .ant-pagination-item{border:1px solid var(--video-primary-200);background:#ffffffe6;border-radius:10px;transition:all .3s ease}.premium-video-task-queue .premium-pagination .ant-pagination-item:hover{border-color:var(--video-primary-400);background:var(--video-primary-50);transform:translateY(-2px);box-shadow:var(--video-shadow-soft)}.premium-video-task-queue .premium-pagination .ant-pagination-item-active{background:var(--video-gradient-primary);border-color:var(--video-primary-400);color:#fff;box-shadow:var(--video-shadow-medium)}.premium-video-task-queue .ant-float-btn{background:var(--video-gradient-primary);border:none;box-shadow:var(--video-shadow-medium)}.premium-video-task-queue .ant-float-btn:hover{transform:scale(1.1);box-shadow:var(--video-shadow-strong)}.premium-video-task-queue .ant-back-top{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--video-primary-50) 100%);border:1px solid var(--video-primary-200);color:var(--video-primary-600);border-radius:12px;box-shadow:var(--video-shadow-card)}.premium-video-task-queue .ant-back-top:hover{background:var(--video-gradient-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--video-shadow-strong)}.premium-video-task-queue .ant-spin-dot-item{background-color:var(--video-primary-500)}.premium-video-task-queue .loading-card{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--video-primary-50) 100%);border:1px solid var(--video-primary-200);box-shadow:var(--video-shadow-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.premium-video-task-list-item{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--video-primary-50) 100%);border:1px solid var(--video-primary-100);border-radius:16px;box-shadow:var(--video-shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.premium-video-task-list-item:hover{transform:translate(6px);box-shadow:var(--video-shadow-card-hover);border-color:var(--video-primary-300)}.premium-video-task-list-item .task-title{color:var(--video-gray-800);font-weight:700}.premium-video-task-list-item .task-subtitle{color:var(--video-gray-500)}@media (max-width: 768px){.premium-video-task-queue .bar-content{padding:16px 20px}.premium-video-task-queue .tasks-count{font-size:16px}.premium-video-task-card .card-header,.premium-video-task-card .task-details{padding:16px}.premium-video-task-card .card-footer{padding:12px 16px}}@media (prefers-color-scheme: dark){.premium-video-task-queue{background:linear-gradient(135deg,var(--video-gray-900) 0%,#1a1a2e 100%)}.premium-video-task-queue .actions-bar,.premium-video-task-queue .pagination-card,.premium-video-task-card .task-card-inner{background:linear-gradient(135deg,var(--video-gray-800) 0%,var(--video-gray-700) 100%);border-color:var(--video-gray-600)}.premium-video-task-card .card-header{background:linear-gradient(135deg,var(--video-gray-700) 0%,var(--video-gray-800) 100%);border-bottom-color:var(--video-gray-600)}.premium-video-task-card .task-id{color:var(--video-gray-100)}.premium-video-task-card .detail-value{color:var(--video-gray-200)}.premium-video-task-queue .tasks-count,.premium-video-task-queue .empty-title{color:var(--video-gray-100)!important}}@media (prefers-contrast: high){.premium-video-task-card .task-card-inner,.premium-video-task-queue .actions-bar,.premium-video-task-queue .pagination-card,.premium-video-task-card .status-tag{border:2px solid currentColor}}.video-stats-card{background:#fffffff2;border:1px solid var(--video-primary-100);border-radius:16px;box-shadow:var(--video-shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;overflow:hidden;position:relative;min-width:120px;flex:1}.video-stats-card .ant-card-body{padding:12px}.video-stats-card .ant-statistic-title{font-size:11px;line-height:1.2;margin-bottom:4px}.video-stats-card .ant-statistic-content{font-size:18px;line-height:1.2}.video-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--video-gradient-primary);opacity:0;transition:opacity .3s ease}.video-stats-card:hover{transform:translateY(-2px);box-shadow:var(--video-shadow-card-hover);border-color:var(--video-primary-200)}.video-stats-card:hover:before{opacity:1}.video-stats-total{background:linear-gradient(135deg,var(--video-primary-50) 0%,rgba(255,255,255,.9) 100%);border-color:var(--video-primary-200)}.video-stats-total:before{background:var(--video-gradient-primary)}.video-stats-pending{background:linear-gradient(135deg,var(--video-warning-50) 0%,rgba(255,255,255,.9) 100%);border-color:var(--video-warning-200)}.video-stats-pending:before{background:linear-gradient(135deg,var(--video-warning-500) 0%,var(--video-warning-600) 100%)}.video-stats-processing{background:linear-gradient(135deg,var(--video-info-50) 0%,rgba(255,255,255,.9) 100%);border-color:var(--video-info-200)}.video-stats-processing:before{background:linear-gradient(135deg,var(--video-info-500) 0%,var(--video-info-600) 100%)}.video-stats-completed{background:linear-gradient(135deg,var(--video-success-50) 0%,rgba(255,255,255,.9) 100%);border-color:var(--video-success-200)}.video-stats-completed:before{background:linear-gradient(135deg,var(--video-success-500) 0%,var(--video-success-600) 100%)}.video-stats-failed{background:linear-gradient(135deg,var(--video-error-50) 0%,rgba(255,255,255,.9) 100%);border-color:var(--video-error-200)}.video-stats-failed:before{background:linear-gradient(135deg,var(--video-error-500) 0%,var(--video-error-600) 100%)}.video-toolbar-card{background:#fffffff2;border:1px solid var(--video-primary-100);border-radius:16px;box-shadow:var(--video-shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.video-toolbar-card:hover{box-shadow:var(--video-shadow-card-hover);border-color:var(--video-primary-200)}.video-filter-btn,.video-refresh-btn,.video-settings-btn{border:1px solid var(--video-primary-200);background:#ffffffe6;color:var(--video-gray-600);border-radius:8px;height:32px;font-weight:600;transition:all .3s ease;box-shadow:var(--video-shadow-soft)}.video-filter-btn:hover,.video-refresh-btn:hover,.video-settings-btn:hover{background:var(--video-primary-50);border-color:var(--video-primary-300);color:var(--video-primary-600);transform:translateY(-1px);box-shadow:var(--video-shadow-medium)}.video-create-btn{background:var(--video-gradient-primary);border:none;border-radius:8px;height:32px;padding:0 16px;font-weight:700;box-shadow:var(--video-shadow-medium);transition:all .3s ease}.video-create-btn:hover{transform:translateY(-1px);box-shadow:var(--video-shadow-strong)}.ant-dropdown-menu{border-radius:12px;box-shadow:var(--video-shadow-strong);border:1px solid var(--video-primary-100);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width: 768px){.video-stats-card{margin-bottom:8px;min-width:100px}.video-stats-card .ant-card-body{padding:8px}.video-stats-card .ant-statistic-title{font-size:10px}.video-stats-card .ant-statistic-content{font-size:16px}.video-toolbar-card .ant-card-body{padding:16px}}@media (max-width: 576px){.video-stats-card{min-width:90px}.video-stats-card .ant-card-body{padding:6px}.video-stats-card .ant-statistic-title{font-size:9px}.video-stats-card .ant-statistic-content{font-size:14px}}@media (prefers-color-scheme: dark){.video-stats-card,.video-toolbar-card{background:linear-gradient(135deg,var(--video-gray-800) 0%,var(--video-gray-700) 100%);border-color:var(--video-gray-600)}.video-filter-btn,.video-refresh-btn,.video-settings-btn{background:linear-gradient(135deg,var(--video-gray-700) 0%,var(--video-gray-800) 100%);border-color:var(--video-gray-600);color:var(--video-gray-200)}.video-filter-btn:hover,.video-refresh-btn:hover,.video-settings-btn:hover{background:var(--video-primary-900);border-color:var(--video-primary-700);color:var(--video-primary-300)}}.input-image-preview{position:relative;overflow:hidden;border-radius:8px;transition:transform .2s ease}.input-image-preview:hover{transform:scale(1.02)}.input-image-preview:hover .image-overlay{opacity:1}.input-image{transition:transform .2s ease}.input-image-preview:hover .input-image{transform:scale(1.05)}.video-thumbnail{position:relative;overflow:hidden;border-radius:8px;transition:transform .2s ease}.video-thumbnail:hover{transform:scale(1.02)}.video-thumbnail:hover .video-overlay{opacity:1}.thumbnail-image{width:100%;height:200px;object-fit:cover;border-radius:8px;transition:opacity .3s ease}.thumbnail-image[loading=lazy]{opacity:0;transition:opacity .3s ease}.thumbnail-image[loading=lazy].loaded{opacity:1}.premium-video-task-card{will-change:auto}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000080;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-video{width:100%;height:auto;max-height:90vh;display:block;border-radius:8px}.close-button{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#0009;color:#fff;border:none;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:20}.close-button:hover{background:#fff3;transform:scale(1.1)}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.image-modal-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center;animation:slideIn .3s ease}.pulse-tag{animation:pulse 2s infinite}.premium-video-task-card{contain:layout style paint}.task-card-inner{transform:translateZ(0);backface-visibility:hidden}.thumbnail-preview img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.video-preview{position:relative;overflow:hidden}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .2s ease}.video-preview:hover .video-overlay{opacity:1}.play-button{background:#ffffffe6;border:none;color:#1890ff;box-shadow:0 4px 12px #0000004d}.play-button:hover{background:#fff;transform:scale(1.1)}.video-duration{position:absolute;bottom:8px;right:8px}.premium-video-task-queue{min-height:100vh;background:transparent;position:relative;width:100%;height:100%}.premium-video-task-queue .queue-content{position:relative;z-index:1;padding:0;max-width:100%;margin:0;height:100%;display:flex;flex-direction:column}.premium-video-task-queue.loading-state{display:flex;align-items:center;justify-content:center;min-height:100vh}.premium-video-task-queue .loading-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);border-radius:24px;box-shadow:0 12px 48px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px;width:100%}.premium-video-task-queue .loading-content{text-align:center;padding:48px 32px}.premium-video-task-queue .loading-content .ant-spin{display:block;margin-bottom:24px}.premium-video-task-queue .tasks-section{flex:1;margin-bottom:0;overflow:hidden;display:flex;flex-direction:column}.premium-video-task-queue .actions-bar{background:#fffffff2;border:1px solid rgba(226,232,240,.6);border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.premium-video-task-queue .bar-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.premium-video-task-queue .bar-left{flex:1}.premium-video-task-queue .tasks-count{font-size:16px;color:#1e293b;font-weight:600}.premium-video-task-queue .active-alert{border-radius:8px;border:none;background:linear-gradient(135deg,#1890ff1a,#1890ff0d)}.premium-video-task-queue .bar-right{display:flex;align-items:center;gap:16px}.premium-video-task-queue .last-update{font-size:12px;font-family:SF Mono,Monaco,Roboto Mono,monospace}.premium-video-task-queue .view-toggle-group{display:flex;align-items:center}.premium-video-task-queue .view-toggle-btn{height:32px!important;min-width:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;transition:all .3s ease!important}.premium-video-task-queue .view-toggle-btn:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.premium-video-task-queue .view-toggle-btn:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:none!important}.premium-video-task-queue .view-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.premium-video-task-queue .view-toggle-btn.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.premium-video-task-queue .view-toggle-btn.ant-btn-primary:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.premium-video-task-queue .tasks-container{flex:1;overflow-y:auto;padding-right:4px;padding-bottom:32px}.premium-video-task-queue .tasks-container::-webkit-scrollbar{width:0px;background:transparent}.premium-video-task-queue .tasks-container::-webkit-scrollbar-track{background:transparent}.premium-video-task-queue .tasks-container::-webkit-scrollbar-thumb{background:transparent}.premium-video-task-queue .tasks-container::-webkit-scrollbar-thumb:hover{background:transparent}.premium-video-task-queue .tasks-grid{margin-bottom:48px;padding-bottom:24px}.premium-video-task-queue .tasks-container.grid-view .tasks-grid{display:flex;flex-wrap:wrap;gap:12px}.premium-video-task-queue .tasks-container.grid-view .tasks-grid .ant-col{flex:0 0 calc(25% - 9px);max-width:calc(25% - 9px);margin-bottom:24px;padding-bottom:8px}@media (max-width: 1200px){.premium-video-task-queue .tasks-container.grid-view .tasks-grid .ant-col{flex:0 0 calc(33.333% - 8px);max-width:calc(33.333% - 8px)}}@media (max-width: 768px){.premium-video-task-queue .tasks-container.grid-view .tasks-grid .ant-col{flex:0 0 calc(50% - 6px);max-width:calc(50% - 6px)}}@media (max-width: 576px){.premium-video-task-queue .tasks-container.grid-view .tasks-grid .ant-col{flex:0 0 100%;max-width:100%}}.premium-video-task-queue .tasks-container.list-view .tasks-grid{display:flex;flex-direction:column;gap:12px}.premium-video-task-queue .premium-empty-state{background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed rgba(226,232,240,.8);border-radius:24px;padding:32px 24px;text-align:center;margin:12px auto;max-width:600px;position:relative;overflow:hidden}.premium-video-task-queue .premium-empty-state:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.3'%3E%3Ccircle cx='20' cy='20' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.premium-video-task-queue .empty-illustration{font-size:72px;color:#cbd5e1;margin-bottom:24px;position:relative;z-index:1}.premium-video-task-queue .empty-title{color:#1e293b!important;margin-bottom:16px!important;font-weight:600;position:relative;z-index:1}.premium-video-task-queue .empty-description{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:32px;position:relative;z-index:1}.premium-video-task-queue .empty-actions{display:flex;justify-content:center;gap:16px;margin-bottom:48px;position:relative;z-index:1}.premium-video-task-queue .create-first-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;height:48px;padding:0 32px;font-size:16px;font-weight:600;box-shadow:0 8px 24px #667eea4d;transition:all .3s ease}.premium-video-task-queue .create-first-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66}.premium-video-task-queue .help-button{border:2px solid #e2e8f0;border-radius:12px;height:48px;padding:0 24px;font-size:16px;font-weight:500;color:#64748b;transition:all .3s ease}.premium-video-task-queue .help-button:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.premium-video-task-queue .empty-tips{position:relative;z-index:1}.premium-video-task-queue .tip-card{background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid rgba(226,232,240,.6);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-video-task-queue .tip-item{display:flex;align-items:center;gap:12px;text-align:left}.premium-video-task-queue .tip-icon{font-size:16px;color:#667eea;flex-shrink:0}.premium-video-task-queue .pagination-section{margin-top:32px;margin-bottom:24px;flex-shrink:0;padding:16px 0}.premium-video-task-queue .pagination-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);border-radius:16px;box-shadow:0 4px 12px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-video-task-queue .premium-pagination{display:flex;justify-content:center;align-items:center;gap:16px}.premium-video-task-queue .premium-pagination .ant-pagination-item{border-radius:8px;border:1px solid rgba(226,232,240,.8);background:linear-gradient(135deg,#fff,#f8fafc);transition:all .3s ease}.premium-video-task-queue .premium-pagination .ant-pagination-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.premium-video-task-queue .premium-pagination .ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.premium-video-task-queue .premium-pagination .ant-pagination-prev,.premium-video-task-queue .premium-pagination .ant-pagination-next{border-radius:8px;border:1px solid rgba(226,232,240,.8);background:linear-gradient(135deg,#fff,#f8fafc);transition:all .3s ease}.premium-video-task-queue .premium-pagination .ant-pagination-prev:hover,.premium-video-task-queue .premium-pagination .ant-pagination-next:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.premium-video-task-queue .ant-float-btn-group{z-index:100}.premium-video-task-queue .ant-float-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 8px 24px #667eea4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-video-task-queue .ant-float-btn:hover{transform:scale(1.1);box-shadow:0 12px 32px #667eea66}.premium-video-task-queue .ant-back-top{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);color:#667eea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.premium-video-task-queue .ant-back-top:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #667eea4d}.premium-video-task-queue .ant-spin-spinning{position:relative;border-radius:16px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-video-task-queue .ant-spin-dot{font-size:24px}.premium-video-task-queue .ant-spin-dot-item{background-color:#667eea}@media (max-width: 1200px){.premium-video-task-queue .queue-content{padding:0 16px}}@media (max-width: 768px){.premium-video-task-queue .queue-content{padding:0 12px}.premium-video-task-queue .tasks-container{padding-bottom:24px}.premium-video-task-queue .tasks-grid{margin-bottom:32px;padding-bottom:16px}.premium-video-task-queue .bar-content{flex-direction:column;gap:12px;align-items:stretch}.premium-video-task-queue .bar-left,.premium-video-task-queue .bar-right{width:100%}.premium-video-task-queue .bar-right{justify-content:space-between}.premium-video-task-queue .premium-empty-state{padding:32px 20px;margin:20px 0}.premium-video-task-queue .empty-illustration{font-size:48px}.premium-video-task-queue .empty-actions{flex-direction:column;align-items:center;gap:12px}.premium-video-task-queue .create-first-button,.premium-video-task-queue .help-button{width:100%;max-width:240px}.premium-video-task-queue .premium-pagination{flex-wrap:wrap;justify-content:center;gap:8px}.premium-video-task-queue .premium-pagination .ant-pagination-options{margin-top:8px;width:100%;display:flex;justify-content:center}}@media (max-width: 576px){.premium-video-task-queue .queue-content{padding:0 8px}.premium-video-task-queue .actions-bar{border-radius:8px;margin-bottom:16px}.premium-video-task-queue .premium-empty-state{padding:24px 16px;border-radius:16px}.premium-video-task-queue .empty-title{font-size:18px!important}.premium-video-task-queue .empty-description{font-size:14px}.premium-video-task-queue .create-first-button,.premium-video-task-queue .help-button{height:40px;font-size:14px}.premium-video-task-queue .tip-card .ant-card-body{padding:12px}.premium-video-task-queue .bar-content{gap:8px}.premium-video-task-queue .tasks-count{font-size:14px}.premium-video-task-queue .last-update{font-size:11px}}@media (prefers-color-scheme: dark){.premium-video-task-queue{background:linear-gradient(135deg,#0f172a,#1e293b)}.premium-video-task-queue .actions-bar,.premium-video-task-queue .pagination-card,.premium-video-task-queue .loading-card,.premium-video-task-queue .premium-empty-state{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569cc}.premium-video-task-queue .tip-card{background:linear-gradient(135deg,#1e293be6,#334155e6);border-color:#47556999}.premium-video-task-queue .tasks-count,.premium-video-task-queue .empty-title{color:#f1f5f9!important}.premium-video-task-queue .empty-description{color:#94a3b8}.premium-video-task-queue .help-button{border-color:#475569;color:#94a3b8}.premium-video-task-queue .help-button:hover{border-color:#667eea;color:#667eea}}@media (prefers-contrast: high){.premium-video-task-queue .actions-bar,.premium-video-task-queue .pagination-card,.premium-video-task-queue .premium-empty-state,.premium-video-task-queue .create-first-button{border:2px solid #000}}.premium-video-task-queue .tasks-grid>.ant-col{animation:fadeInUp .5s ease}.premium-video-task-queue .tasks-grid>.ant-col:nth-child(2){animation-delay:.1s}.premium-video-task-queue .tasks-grid>.ant-col:nth-child(3){animation-delay:.2s}.premium-video-task-queue .tasks-grid>.ant-col:nth-child(4){animation-delay:.3s}.video-queue-page{min-height:100vh;width:100%;position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0);overflow-x:hidden;overflow-y:hidden}.video-queue-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.03) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.login-prompt-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;position:relative;z-index:1}.login-result{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);border-radius:24px;box-shadow:0 20px 48px #0000001a,0 8px 16px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:100%;padding:48px 32px;text-align:center}.login-redirect-button{height:56px;font-size:16px;font-weight:600;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 8px 24px #667eea4d;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:200px}.login-redirect-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-group .ant-select,.filter-group .ant-input{transition:all .3s ease;border-radius:8px;border:1px solid rgba(226,232,240,.8);background:#ffffffe6}.filter-group .ant-select:hover,.filter-group .ant-input:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.filter-group .ant-select-focused,.filter-group .ant-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.video-queue-page .ant-tag{border:none;border-radius:12px;font-weight:500;font-size:12px;padding:4px 12px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-queue-page .ant-tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.video-queue-page .ant-card{border-radius:16px;border:1px solid rgba(226,232,240,.8);background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-queue-page .ant-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#667eea4d}.video-queue-page .ant-card-head{border-bottom:1px solid rgba(226,232,240,.5);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-radius:16px 16px 0 0}.video-queue-page .ant-btn{border-radius:8px;font-weight:500;transition:all .3s ease;border:1px solid rgba(226,232,240,.8)}.video-queue-page .ant-btn:hover{transform:translateY(-1px)}.video-queue-page .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea4d}.video-queue-page .ant-btn-primary:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 16px #667eea66}.video-queue-page .ant-drawer-content{border-radius:16px 0 0 16px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:-8px 0 24px #0000001a}.video-queue-page .ant-drawer-header{border-bottom:1px solid rgba(226,232,240,.5);padding:24px;background:linear-gradient(135deg,#ffffffe6,#f8fafce6)}.video-queue-page .ant-drawer-body{padding:24px;background:transparent}.video-queue-page .ant-drawer-title{font-weight:600;color:#1e293b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.video-queue-page .ant-card{animation:fadeInUp .6s ease-out}.status-processing .ant-tag{animation:pulse 2s infinite}.video-queue-page::-webkit-scrollbar{width:6px;height:6px}.video-queue-page::-webkit-scrollbar-track{background:#f1f5f9cc;border-radius:3px}.video-queue-page::-webkit-scrollbar-thumb{background:#94a3b8cc;border-radius:3px;transition:background .3s ease}.video-queue-page::-webkit-scrollbar-thumb:hover{background:#64748be6}.video-queue-page .ant-tooltip{font-size:12px}.video-queue-page .ant-tooltip-inner{border-radius:8px;padding:8px 12px;background:#1e293be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-queue-page .ant-badge-count{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;border:2px solid white}@media (prefers-color-scheme: dark){.video-queue-page{background:linear-gradient(135deg,#0f172a,#1e293b)}.video-queue-page:before{background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.08) 0%,transparent 50%)}.login-result,.video-queue-page .ant-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569cc}.video-queue-page .ant-card-head{background:linear-gradient(135deg,#1e293be6,#334155e6);border-bottom-color:#47556980}.video-queue-page .ant-drawer-content{background:linear-gradient(135deg,#1e293b,#334155)}.video-queue-page .ant-drawer-header{background:linear-gradient(135deg,#1e293be6,#334155e6);border-bottom-color:#47556980}.video-queue-page .ant-drawer-title{color:#f1f5f9}.filter-group .ant-select,.filter-group .ant-input{background:#1e293bcc;border-color:#475569cc;color:#f1f5f9}}@media (prefers-contrast: high){.video-queue-page .ant-card{border:2px solid #000}.video-queue-page .ant-btn{border-width:2px}.video-queue-page .ant-tag{border:1px solid currentColor}}@media (prefers-reduced-motion: reduce){.video-queue-page .ant-card,.video-queue-page .ant-btn,.video-queue-page .ant-tag,.filter-group .ant-select,.filter-group .ant-input{transition:none}.status-processing .ant-tag,.video-queue-page .ant-card{animation:none}}@media print{.video-queue-page{background:#fff}.video-queue-page:before{display:none}.video-queue-page .ant-card{box-shadow:none;border:1px solid #000;background:#fff}.video-queue-page .ant-btn,.video-queue-page .ant-drawer{display:none}}.premium-video-task-queue .ant-layout{background:transparent!important}.premium-video-task-queue .ant-layout-content{background:transparent!important;height:100%;overflow:hidden}.premium-video-task-queue .tasks-grid{margin-bottom:0!important}.premium-video-task-queue .tasks-grid .ant-col{margin-bottom:16px}.premium-video-task-queue .ant-pagination{margin:0!important}.premium-video-task-queue .ant-pagination-item{border-radius:6px!important;transition:all .2s ease!important}.premium-video-task-queue .ant-pagination-item:hover{border-color:#667eea!important}.premium-video-task-queue .ant-pagination-item-active{background:#667eea!important;border-color:#667eea!important}.premium-video-task-queue .ant-empty{padding:0!important;margin:0!important}.premium-video-task-queue .ant-empty-normal{margin:0!important;color:#64748b!important}.premium-video-task-queue .ant-btn-group .ant-btn{border-radius:0!important}.premium-video-task-queue .ant-btn-group .ant-btn:first-child{border-radius:6px 0 0 6px!important}.premium-video-task-queue .ant-btn-group .ant-btn:last-child{border-radius:0 6px 6px 0!important}.premium-video-task-queue .ant-float-btn{box-shadow:0 4px 16px #667eea40!important}.premium-video-task-queue .ant-float-btn:hover{box-shadow:0 6px 20px #667eea59!important}.premium-video-task-card .ant-card{height:100%!important;border:none!important;box-shadow:none!important;background:transparent!important}.premium-video-task-card .ant-card-body{padding:0!important;height:100%!important}.premium-video-task-card .ant-progress-line{margin-bottom:0!important}.premium-video-task-card .ant-progress-text{color:#64748b!important;font-size:11px!important}.premium-video-task-card .ant-tag{margin:0!important;font-size:11px!important;padding:2px 8px!important;border-radius:10px!important}.premium-video-task-card video{border-radius:0!important;outline:none!important}.premium-video-task-list-item{transition:all .2s ease!important}.premium-video-task-list-item:hover{border-color:#667eea4d!important}.premium-video-task-queue .ant-spin-container{height:100%!important}.premium-video-task-queue .ant-spin-spinning{border-radius:12px!important}.premium-video-task-queue .ant-tooltip-inner{border-radius:6px!important;font-size:12px!important}.ant-drawer-content-wrapper{box-shadow:-4px 0 16px #0000001a!important}.ant-drawer-header{border-bottom:1px solid rgba(0,0,0,.06)!important}@media (max-width: 768px){.premium-video-task-queue .tasks-grid .ant-col{margin-bottom:12px}.premium-video-task-queue .bar-content{padding:12px!important}.premium-video-task-queue .ant-pagination{text-align:center!important}.premium-video-task-queue .ant-pagination-item{min-width:32px!important;height:32px!important;line-height:30px!important}.premium-video-task-card .preview-section{height:140px!important}.premium-video-task-card .task-details{padding:12px!important;gap:6px!important}.premium-video-task-queue .ant-float-btn{width:48px!important;height:48px!important}}@media (max-width: 480px){.premium-video-task-queue .tasks-grid .ant-col{margin-bottom:8px}.premium-video-task-card .preview-section{height:120px!important}.premium-video-task-card .task-details{padding:8px!important;gap:4px!important}.premium-video-task-card .detail-label{font-size:10px!important}.premium-video-task-card .detail-value{font-size:11px!important}}.premium-video-task-card{will-change:transform}.premium-video-task-card:hover{will-change:auto}.premium-video-task-queue .tasks-grid .ant-col{transform:translateZ(0)}.premium-video-task-card .task-card-inner{backface-visibility:hidden;perspective:1000px}@media (prefers-contrast: high){.premium-video-task-card .task-card-inner{border:2px solid #000!important}.premium-video-task-queue .ant-btn{border:2px solid currentColor!important}}@media (prefers-reduced-motion: reduce){.premium-video-task-card,.premium-video-task-card .task-card-inner,.premium-video-task-queue .ant-btn,.premium-video-task-queue .ant-pagination-item{transition:none!important;animation:none!important}}@media (prefers-color-scheme: dark){.premium-video-task-card .task-card-inner{background:#1e293bf2!important;border-color:#47556999!important}.premium-video-task-card .card-header{background:#1e293bcc!important;border-bottom-color:#47556966!important}.premium-video-task-card .task-id,.premium-video-task-card .detail-value{color:#e2e8f0!important}.premium-video-task-card .task-time,.premium-video-task-card .detail-label{color:#94a3b8!important}}.premium-video-task-queue .ant-float-btn-group{z-index:999!important}.premium-video-task-queue .ant-back-top{z-index:998!important}.premium-video-task-card .video-modal-overlay{z-index:9999!important}.premium-video-task-queue *::-webkit-scrollbar{width:6px;height:6px}.premium-video-task-queue *::-webkit-scrollbar-track{background:#f1f5f94d;border-radius:3px}.premium-video-task-queue *::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:3px}.premium-video-task-queue *::-webkit-scrollbar-thumb:hover{background:#64748bb3}.requirement-analysis{padding:0}.form-card{margin-bottom:16px}.form-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 24px}.form-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.upload-area{padding:3px;text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-icon{font-size:32px;color:#d9d9d9;margin-bottom:8px}.upload-text p{margin:0;color:#8c8c8c}.upload-hint{font-size:12px;color:#bfbfbf}.result-card{position:sticky;top:16px}.result-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 16px}.result-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.result-card .ant-card-body{padding:16px}.analysis-result,.ai-params-result{margin-bottom:16px}.analysis-result h4,.ai-params-result h4{margin:0 0 12px;color:#595959;font-size:14px;font-weight:500}.result-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.result-item{display:flex;align-items:flex-start;margin-bottom:8px;font-size:13px;line-height:1.4}.result-item:last-child{margin-bottom:0}.result-item .ant-tag{margin-right:8px;flex-shrink:0;min-width:60px;text-align:center}.result-item span:last-child{color:#262626;word-break:break-word}.continue-btn{margin-top:16px;height:40px;font-size:16px;font-weight:500}@media (max-width: 768px){.step-header h2{font-size:20px}.form-card .ant-card-body,.result-card .ant-card-body,.upload-area{padding:16px}.upload-icon{font-size:36px}.result-item{flex-direction:column;align-items:flex-start}.result-item .ant-tag{margin-right:0;margin-bottom:4px}}.video-styles-section{margin-top:24px;padding:16px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.video-styles-section h4{margin:0 0 8px;color:#262626;font-size:16px;font-weight:600}.section-help{margin:0 0 16px;color:#8c8c8c;font-size:13px}.video-styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.video-style-card{background:#fff;border:1px solid #d9d9d9;border-radius:6px}.video-style-card .ant-card-head{padding:8px 12px;min-height:auto;border-bottom:1px solid #f0f0f0}.video-style-card .ant-card-head-title{font-size:14px;font-weight:600;color:#262626}.video-style-card .ant-card-body{padding:12px}.style-preview{margin-top:8px;padding:6px 8px;background:#f6f6f6;border-radius:4px;font-size:12px;color:#666;line-height:1.4}.scheme-card{background:#fff;border:1px solid #e8e8e8}.scheme-card .ant-card-head{padding:8px 12px;min-height:auto;border-bottom:1px solid #f0f0f0}.scheme-card .ant-card-head-title{font-size:13px;font-weight:600;color:#262626}.scheme-card .ant-card-body{padding:12px}.scheme-details .result-item{margin-bottom:6px}.scheme-details .result-item:last-child{margin-bottom:0}@media (max-width: 768px){.video-styles-grid{grid-template-columns:1fr;gap:8px}.video-styles-section{padding:12px;margin-top:16px}}.requirement-card{margin-bottom:16px}.requirement-card .ant-upload-drag{height:120px}.requirement-card .ant-upload-list-picture-card{margin-top:8px}.requirement-card .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px}.style-recommendations{margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.recommendations-header{display:flex;align-items:center;margin-bottom:12px}.recommendations-icon{font-size:20px;margin-right:8px}.recommendations-title{font-size:16px;font-weight:600;margin-right:8px}.recommendations-subtitle{font-size:12px;opacity:.8}.recommendations-list{display:flex;gap:8px;flex-wrap:wrap}.recommendation-item{display:flex;align-items:center;padding:8px 12px;background:#fff3;border-radius:20px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.recommendation-item:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.recommendation-icon{font-size:14px;margin-right:6px}.recommendation-label{font-size:12px;font-weight:500}.quick-select{margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.quick-select-title{display:flex;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;color:#262626}.quick-select-icon{margin-right:8px;font-size:16px}.quick-select-options{display:flex;gap:8px;flex-wrap:wrap}.quick-option{display:flex;align-items:center;padding:8px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:12px}.quick-option:hover{border-color:#40a9ff;background:#f6ffed;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.quick-option.selected{border-color:#52c41a;background:#f6ffed;color:#52c41a;font-weight:600}.quick-option-icon{margin-right:6px;font-size:14px}.quick-option-label{font-weight:500}.style-selector{margin-top:8px}.all-styles-container{padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.all-styles-title{display:flex;align-items:center;margin-bottom:16px;font-size:16px;font-weight:600;color:#262626}.all-styles-icon{margin-right:8px;font-size:18px}.all-styles-options{display:flex;flex-wrap:wrap;gap:8px}.style-option-capsule{display:flex;align-items:center;padding:8px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:12px;white-space:nowrap}.style-option-capsule:hover{border-color:#40a9ff;background:#f6ffed;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.style-option-capsule.selected{border-color:#52c41a;background:#f6ffed;color:#52c41a;font-weight:600;box-shadow:0 2px 8px #52c41a33}.style-option-icon{margin-right:6px;font-size:14px;transition:transform .3s ease}.style-option-capsule.selected .style-option-icon{transform:scale(1.1)}.style-option-label{font-weight:500;line-height:1.2}.style-preview{margin-top:16px;padding:16px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.style-description{font-size:14px;color:#262626;margin-bottom:8px;font-weight:500}.style-details{margin-top:8px}@media (max-width: 768px){.all-styles-container{padding:12px}.all-styles-options{gap:6px}.style-option-capsule{padding:6px 10px;font-size:11px}.style-option-icon{font-size:12px;margin-right:4px}.style-preview{padding:12px}}@media (max-width: 480px){.all-styles-container{padding:8px}.all-styles-title{font-size:14px;margin-bottom:12px}.all-styles-options{gap:4px}.style-option-capsule{padding:6px 8px;font-size:10px}.style-option-icon{font-size:11px;margin-right:3px}}.audio-player{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;padding:8px;margin-bottom:8px}.audio-controls{display:flex;align-items:center;gap:8px;margin-bottom:6px}.play-button{color:#1890ff;font-size:16px;padding:4px;min-width:auto;height:auto}.play-button:hover{color:#40a9ff;background:#1890ff1a}.audio-info{flex:1;min-width:0}.audio-title{display:block;font-size:12px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-time{font-size:10px;line-height:1}.download-button{color:#8c8c8c;font-size:14px;padding:4px;min-width:auto;height:auto}.download-button:hover{color:#1890ff;background:#1890ff1a}.audio-progress{height:2px;background:#e8e8e8;border-radius:1px;overflow:hidden}.audio-progress-bar{height:100%;background:#1890ff;transition:width .1s ease}@media (max-width: 768px){.audio-player{padding:6px}.audio-controls{gap:6px}.audio-title{font-size:11px}.audio-time{font-size:9px}}.prompt-editor-card{margin-bottom:24px;border-radius:12px;box-shadow:0 4px 20px #0000001a}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.prompt-editor-item{transition:all .3s ease;border:1px solid #e8e8e8}.prompt-editor-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.prompt-editor-item.has-custom-prompt{border-color:#52c41a;background:#f6ffed}.batch-operations-card{margin-bottom:24px;border-radius:12px;box-shadow:0 4px 20px #0000001a}.batch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.batch-header .ant-typography{margin:0;font-size:16px;font-weight:600;color:#262626}.batch-header .ant-space{gap:12px}.video-rows-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.video-row-card{border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;overflow:hidden}.video-row-card:hover{box-shadow:0 6px 24px #00000026;transform:translateY(-2px)}.video-row-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-bottom:1px solid #e8e8e8}.video-row-header .ant-typography{margin:0;font-size:16px;font-weight:600;color:#262626}.video-row-content{padding:20px}.video-preview-section,.audio-generation-section,.merge-section{height:100%;display:flex;flex-direction:column}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;color:#262626}.video-actions-header{margin-bottom:12px}.video-actions-header .ant-btn{height:32px;font-size:12px;border-radius:6px}.video-preview{flex:1;display:flex;flex-direction:column}.video-container{position:relative;border-radius:8px;overflow:hidden;background:#000;height:100%;min-height:200px}.video-container video{width:100%;height:100%;min-height:200px;object-fit:cover}.empty-video{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;background:#fafafa;border:2px dashed #d9d9d9;border-radius:8px;color:#8c8c8c}.empty-video .ant-typography{margin-top:8px;margin-bottom:0}.audio-controls,.merge-controls{display:flex;flex-direction:column;justify-content:flex-start}.audio-controls .ant-space,.merge-controls .ant-space{width:100%}.audio-control-item{margin-bottom:12px;padding:8px;background:#fafafa;border-radius:6px;border:1px solid #e8e8e8}.audio-control-item:last-child{margin-bottom:0}.audio-control-item .ant-input,.audio-control-item .ant-select{font-size:12px}.audio-control-item .ant-btn{font-size:11px;height:28px}.audio-control-item .ant-select{font-size:11px}.audio-control-item .ant-select .ant-select-selector{height:28px;font-size:11px}.audio-control-item .ant-select .ant-select-selection-item,.audio-control-item .ant-select .ant-select-selection-placeholder{line-height:26px;font-size:11px}.ant-select-dropdown .ant-select-item-option-content{font-size:11px}.ant-select-dropdown .ant-select-item-option-content .voice-option{display:flex;justify-content:space-between;align-items:center;width:100%}.ant-select-dropdown .ant-select-item-option-content .voice-name{font-weight:500;color:#262626}.ant-select-dropdown .ant-select-item-option-content .voice-description{font-size:10px;color:#8c8c8c;margin-left:8px}.final-preview{margin-top:8px;padding:8px;background:#f0f9ff;border:1px solid #bae7ff;border-radius:6px}.final-preview .ant-tag{margin-bottom:8px}.video-generation-section,.audio-generation-section,.merge-section{margin-bottom:32px;padding:20px;background:#fafafa;border-radius:8px;border:1px solid #e8e8e8;transition:all .3s ease}.video-generation-section:hover,.audio-generation-section:hover,.merge-section:hover{box-shadow:0 4px 12px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.section-header .ant-typography{margin:0;font-size:16px;font-weight:600;color:#262626}.section-header .ant-space{gap:12px}.generation-status{margin:16px 0;padding:16px;background:#f0f9ff;border:1px solid #bae7ff;border-radius:6px}.generation-status .ant-progress{margin-bottom:8px}.generation-status .ant-typography{margin:0;text-align:center}.quick-actions-bar{display:flex;justify-content:center;align-items:center;padding:20px;background:#fafafa;border-top:1px solid #e8e8e8;margin:24px -24px -24px}.quick-actions-bar .ant-space{gap:16px}.quick-actions-bar .ant-btn{min-width:120px;height:40px;border-radius:6px;font-weight:500}.bottom-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;padding:20px;background:#fafafa;border-radius:12px;box-shadow:0 2px 8px #0000001a;width:100%!important}.bottom-actions .ant-space{gap:16px}.bottom-actions .ant-btn{min-width:120px;height:40px;border-radius:6px;font-weight:500}@media (max-width: 1200px){.prompt-grid{grid-template-columns:repeat(2,1fr)}.video-row-content .ant-col{margin-bottom:16px}}@media (max-width: 768px){.prompt-grid{grid-template-columns:1fr}.video-row-header{flex-direction:column;gap:12px;text-align:center}.video-row-content .ant-col{margin-bottom:16px}.batch-header{flex-direction:column;gap:12px;text-align:center}.bottom-actions{flex-direction:column;gap:12px}.bottom-actions .ant-btn{width:100%}}.step-header{text-align:center;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 2px 8px #0000001a}.step-header .ant-typography{margin:0}.step-header .ant-typography:first-child{margin-bottom:8px;color:#262626}.step-header .ant-typography:last-child{color:#8c8c8c}.prompt-editor-modal .ant-modal-body{padding:0}.segment-preview-modal{text-align:center}.preview-video{margin-bottom:16px}.preview-info{text-align:left}.preview-info .ant-typography{margin:4px 0}.video-generation-section,.audio-generation-section,.merge-section{animation:fadeInUp .5s ease-out}.anticon-check-circle{color:#52c41a;font-size:16px}.anticon-clock-circle{color:#1890ff;font-size:16px}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 8px #667eea4d}.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.ant-btn{border-radius:6px;font-weight:500;transition:all .3s ease}.ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.ant-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.ant-progress-bg{background:linear-gradient(90deg,#1890ff,#52c41a)}.ant-tag{border-radius:4px;font-weight:500}.ant-space,.ant-space-vertical{width:100%}.bottom-actions .ant-space{width:auto!important;justify-content:flex-end!important}.video-composition{padding:0}.segments-card,.settings-card{margin-bottom:16px}.segments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.segment-preview-card{border:1px solid #e8e8e8;transition:all .3s ease;cursor:pointer}.segment-preview-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.segment-preview-card.previewing{border-color:#1890ff;background:#e6f7ff;box-shadow:0 2px 8px #1890ff33}.segment-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.segment-title{display:flex;align-items:center;font-weight:600;color:#262626}.segment-actions{display:flex;gap:4px}.segment-preview-content{display:flex;flex-direction:column;gap:8px}.segment-prompt{line-height:1.4;color:#595959;margin-bottom:12px}.segment-preview-card .segment-video-preview{margin:12px 0;padding:8px;background:#f0f7ff;border-radius:6px;border:1px solid #d6e4ff}.segment-preview-card .video-preview-header{margin-bottom:6px;display:flex;align-items:center}.segment-preview-card .video-container{background:#000;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;height:500px}.segment-preview-card .video-container video{width:100%;height:100%;max-height:500px;object-fit:cover}.video-preview-container{display:flex;flex-direction:column;gap:16px}.video-preview-header{display:flex;justify-content:space-between;align-items:center}.video-player-container{background:#000;border-radius:8px;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center}.video-info{display:flex;flex-direction:column;gap:8px}.preview-tip{margin-top:16px;padding:12px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px}.segments-card .ant-card-head,.settings-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 24px}.segments-card .ant-card-head-title,.settings-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.segments-info{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px}.segment-item{cursor:pointer;transition:all .3s ease;border-radius:6px;margin-bottom:8px}.segment-item:hover{background:#f5f5f5}.segment-item.selected{background:#e6f7ff;border:1px solid #91d5ff}.segment-meta{display:flex;align-items:center;gap:8px;margin-top:8px}.no-segments{text-align:center;padding:40px 20px;color:#8c8c8c}.no-segments-icon{font-size:48px;color:#d9d9d9;margin-bottom:16px;display:block}.preview-card{margin-bottom:16px}.preview-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 16px}.preview-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.preview-card .ant-card-body{padding:16px}.composition-preview{text-align:left}.preview-info h5{margin:0 0 16px;color:#262626;font-size:16px;font-weight:600}.info-item{margin-bottom:8px;padding:8px 12px;background:#f8f9fa;border-radius:4px}.info-item:last-child{margin-bottom:0}.no-preview{text-align:center;padding:40px 20px;color:#8c8c8c}.no-preview-icon{font-size:48px;color:#d9d9d9;margin-bottom:16px;display:block}.action-card{margin-top:16px}.action-card .ant-card-body{padding:16px}@media (max-width: 768px){.step-header h2{font-size:20px}.segments-card .ant-card-body,.settings-card .ant-card-body,.preview-card .ant-card-body{padding:16px}.segments-grid{grid-template-columns:1fr;gap:12px}.segment-preview-header{flex-direction:column;align-items:flex-start;gap:8px}.segment-actions{width:100%;justify-content:flex-end}.video-preview-header{flex-direction:column;align-items:flex-start;gap:8px}.segment-preview-card .segment-video-preview{margin:8px 0;padding:6px}.segment-preview-card .video-container{min-height:80px}.segment-preview-card .video-container video{max-height:500px}.no-segments,.no-preview{padding:20px 10px}.no-segments-icon,.no-preview-icon{font-size:36px}.segment-meta{flex-wrap:wrap}}.video-player{position:relative;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-player video{display:block;width:100%;height:100%;object-fit:cover;max-height:100%;max-width:100%;border:none;outline:none}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 16px 16px;opacity:0;transition:opacity .3s ease}.video-player:hover .video-controls{opacity:1}.progress-container{margin-bottom:12px}.progress-slider{margin:0}.progress-slider .ant-slider-track{background-color:#1890ff}.progress-slider .ant-slider-handle{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.controls-main{display:flex;justify-content:space-between;align-items:center;color:#fff}.control-btn{color:#fff!important;border:none!important;background:transparent!important;padding:4px 8px;height:auto;font-size:16px}.control-btn:hover{background:#ffffff1a!important;color:#fff!important}.time-display{color:#fff;font-size:12px;font-weight:500}.volume-control{display:flex;align-items:center;gap:8px}.volume-slider{width:80px;margin:0}.volume-slider .ant-slider-track{background-color:#fff}.volume-slider .ant-slider-handle{border-color:#fff;box-shadow:0 0 0 2px #fff3}.volume-slider .ant-slider-rail{background-color:#ffffff4d}.video-player:fullscreen .video-controls{padding:30px 24px 20px}.video-player:fullscreen .control-btn{font-size:20px;padding:6px 12px}.video-player:fullscreen .time-display{font-size:14px}.video-player:fullscreen .volume-slider{width:100px}@media (max-width: 768px){.video-controls{padding:16px 12px 12px}.controls-main{flex-wrap:wrap;gap:8px}.control-btn{font-size:14px;padding:2px 6px}.time-display{font-size:11px}.volume-slider{width:60px}}.video-player.loading{display:flex;align-items:center;justify-content:center;min-height:200px;background:#f5f5f5}.video-player.loading:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}.video-player.error{display:flex;align-items:center;justify-content:center;min-height:200px;background:#fff2f0;color:#ff4d4f;text-align:center}.video-player.error:before{content:"⚠️";font-size:48px;margin-bottom:16px;display:block}.video-preview{padding:0;background:#fff}.step-header{margin-bottom:24px;text-align:center}.step-header h2{margin:0 0 8px;color:#262626;font-size:24px;font-weight:600}.step-header p{margin:0;color:#8c8c8c;font-size:14px}.video-player-card,.export-settings-card{margin-bottom:16px}.video-player-card .ant-card-head,.export-settings-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 24px}.video-player-card .ant-card-head-title,.export-settings-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.video-container{text-align:center;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;margin-bottom:16px;position:relative;height:500px;display:flex;align-items:center;justify-content:center}.video-container:before{content:"视频预览区域";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#8c8c8c;font-size:16px;z-index:1;pointer-events:none}.video-container video{position:relative;z-index:2}.video-info{padding:16px 0}.info-item{text-align:center;padding:12px;background:#f8f9fa;border-radius:6px;margin-bottom:8px}.setting-item{margin-bottom:16px}.setting-item:last-child{margin-bottom:0}.action-panel-card,.project-info-card,.quick-actions-card{margin-bottom:16px}.action-panel-card .ant-card-head,.project-info-card .ant-card-head,.quick-actions-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 16px}.action-panel-card .ant-card-head-title,.project-info-card .ant-card-head-title,.quick-actions-card .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.action-panel-card .ant-card-body,.project-info-card .ant-card-body,.quick-actions-card .ant-card-body{padding:16px}.project-info{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-row .ant-typography{margin:0}@media (max-width: 768px){.step-header h2{font-size:20px}.video-player-card .ant-card-body,.export-settings-card .ant-card-body{padding:16px}.video-container{margin-bottom:12px}.info-item{padding:8px;margin-bottom:6px}.action-panel-card .ant-card-body,.project-info-card .ant-card-body,.quick-actions-card .ant-card-body{padding:12px}.info-row{padding:6px 0}}.progress-indicator{width:100%!important;padding:16px 0;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:visible!important;min-height:80px}.progress-container{padding:0;width:100%!important;max-width:100%;position:relative}.progress-header{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-direction:row!important;margin-bottom:24px;margin-left:24px;margin-right:24px;padding:16px 20px;background:#fffc;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(24,144,255,.1);width:calc(100% - 48px)!important;min-width:800px!important;box-sizing:border-box!important}.progress-status{display:flex!important;align-items:center!important;flex-direction:row!important;gap:16px;flex:1!important;min-width:400px!important;max-width:calc(100% - 120px)!important}.status-indicator{display:flex;align-items:center;gap:8px}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-dot.process{background:linear-gradient(135deg,#1890ff,#40a9ff);box-shadow:0 0 0 4px #1890ff33}.status-dot.finish{background:linear-gradient(135deg,#52c41a,#73d13d);box-shadow:0 0 0 4px #52c41a33}.status-dot.wait{background:#d9d9d9;box-shadow:0 0 0 4px #d9d9d933}@keyframes pulse{0%{box-shadow:0 0 #1890ff66}70%{box-shadow:0 0 0 8px #1890ff00}to{box-shadow:0 0 #1890ff00}}.status-text{font-size:14px;font-weight:600;color:#262626}.progress-details{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-width:0;flex:1;white-space:nowrap!important;overflow:hidden!important}.step-counter{font-size:14px;font-weight:600;color:#1890ff;background:#1890ff1a;padding:4px 8px;border-radius:6px;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;flex-shrink:0!important}.step-title{font-size:16px;font-weight:700;color:#262626;line-height:1.2;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;flex-shrink:1!important;max-width:200px!important}.progress-percentage{display:flex!important;align-items:center!important;margin-left:auto!important;flex-shrink:0!important;width:100px!important;min-width:100px!important;justify-content:flex-end!important}.percentage-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#40a9ff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #1890ff4d;position:relative}.percentage-circle:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#fff;border-radius:50%}.percentage-text{font-size:18px;font-weight:800;color:#1890ff;position:relative;z-index:1}.steps-container{position:relative;margin-bottom:16px;width:100%;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap;overflow:visible;height:60px}.step-indicator{display:flex;flex-direction:row;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;cursor:pointer;min-width:120px;flex:1;max-width:calc(25% - 6px);box-shadow:0 4px 16px #0000001f;position:relative;overflow:hidden}.step-indicator:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--step-bg-color, transparent);border-radius:12px;transition:all .3s ease;z-index:-1}.step-indicator:hover,.step-indicator.hovered{transform:translateY(-6px);box-shadow:0 12px 32px #0000002e;border-color:#1890ff66}.step-indicator.disabled{cursor:not-allowed;opacity:.6;background:#ffffffb3}.step-indicator.disabled:hover{transform:none;box-shadow:0 2px 8px #0000001a;border-color:transparent}.step-indicator.process{border-color:var(--step-color, #1890ff);box-shadow:0 4px 16px var(--step-color, #1890ff) 40}.step-indicator.finish{background:#52c41a1a;border-color:#52c41a4d;box-shadow:0 4px 16px #52c41a33}.step-indicator.wait{background:#fffffff2;border-color:#d9d9d94d}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;transition:all .3s ease;box-shadow:0 3px 12px #0003;flex-shrink:0}.step-indicator.process .step-icon{background:var(--step-color, #1890ff);box-shadow:0 4px 16px var(--step-color, #1890ff) 40}.step-indicator.finish .step-icon{background:linear-gradient(135deg,#52c41a,#73d13d);box-shadow:0 4px 16px #52c41a66}.step-indicator.wait .step-icon{background:linear-gradient(135deg,#d9d9d9,#bfbfbf);color:#8c8c8c;box-shadow:0 2px 8px #0000001a}.step-label{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;flex:1;min-width:0}.step-label .step-title{font-size:13px;font-weight:600;color:var(--step-color, #262626);line-height:1.2;white-space:nowrap;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;width:100%}.step-label .step-description{font-size:11px;color:#8c8c8c;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.step-tooltip-overlay .ant-tooltip-inner{background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:12px;max-width:280px}.step-tooltip{color:#fff}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tooltip-title{font-size:14px;font-weight:600;color:#fff}.tooltip-description{font-size:12px;color:#fffc;line-height:1.4;margin-bottom:8px}.tooltip-note{font-size:11px;color:#fff9;font-style:italic}@media (max-width: 480px){.progress-indicator{padding:16px 0}.progress-container{padding:0}.progress-header{flex-direction:column!important;gap:16px;padding:12px 16px;margin-bottom:20px;margin-left:16px;margin-right:16px}.progress-status{flex-direction:column!important;gap:12px;align-items:center!important}.progress-details{align-items:center;text-align:center}.step-title{font-size:14px}.percentage-circle{width:50px;height:50px}.percentage-text{font-size:16px}.progress-bar-container .ant-progress-bar,.progress-bar-container .ant-progress-bg{height:14px}.steps-overlay{top:-24px;left:16px;right:16px}.step-indicator{padding:8px 12px;min-width:80px;gap:8px}.step-icon{width:32px;height:32px;font-size:14px}.step-label .step-title{font-size:12px}.step-label .step-description{font-size:10px;max-width:60px}}@media (max-width: 480px){.progress-indicator{padding:12px 0}.progress-container{padding:0}.progress-header{padding:10px 12px;margin-bottom:16px;margin-left:12px;margin-right:12px}.status-dot{width:10px;height:10px}.status-text{font-size:12px}.step-counter{font-size:11px}.step-title{font-size:13px}.percentage-circle{width:44px;height:44px}.percentage-text{font-size:14px}.progress-bar-container .ant-progress-bar,.progress-bar-container .ant-progress-bg{height:12px}.steps-overlay{top:-20px;left:12px;right:12px}.step-indicator{padding:6px 8px;min-width:60px;gap:6px}.step-icon{width:28px;height:28px;font-size:12px}.step-label .step-title{font-size:11px}.step-label .step-description{font-size:9px;max-width:45px}}@media (max-width: 1200px){.steps-container{padding:0 16px;gap:6px}.step-indicator{min-width:100px;padding:8px 10px;gap:6px}.step-icon{width:32px;height:32px;font-size:12px}.step-label .step-title{font-size:11px}.step-label .step-description{font-size:9px}}@media (max-width: 768px){.steps-container{gap:4px;padding:0 12px}.step-indicator{min-width:80px;padding:6px 8px;gap:4px;max-width:calc(25% - 3px)}.step-icon{width:28px;height:28px;font-size:10px}.step-label .step-title{font-size:10px}.step-label .step-description{display:none}}.video-generation-workflow{min-height:100vh;background:#f5f5f5}.workflow-header{background:#fff;border-bottom:1px solid #e8e8e8;padding:16px 32px;box-shadow:0 4px 16px #00000014;min-height:80px}.workflow-toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.workflow-progress-bar{flex:1;margin-right:24px}.workflow-actions{display:flex;align-items:center;gap:8px}.workflow-content{padding:16px;background:#f5f5f5}.step-content-card{min-height:calc(100vh - 200px);background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.step-content-card .ant-card-body{padding:24px}.workflow-actions .ant-btn{border-radius:6px;font-weight:500;transition:all .3s ease}.workflow-actions .ant-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.load-draft-btn:hover{border-color:#40a9ff;color:#40a9ff}.preview-content{flex:1;overflow-y:auto}.preview-content h4{margin:0 0 12px;color:#595959;font-size:14px;font-weight:500}.requirements-preview pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;font-size:12px;line-height:1.4;overflow-x:auto;margin:0}.segments-preview{margin-bottom:16px}.segment-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:8px;font-size:13px}.segment-item:last-child{margin-bottom:0}.composition-preview pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;font-size:12px;line-height:1.4;overflow-x:auto;margin:0}.final-video-preview{text-align:center}.preview-video{width:100%;max-width:280px;border-radius:8px;box-shadow:0 4px 12px #00000026}@media (max-width: 1200px){.workflow-preview-sider{width:280px!important}}@media (max-width: 768px){.video-generation-workflow{flex-direction:column}.workflow-header{padding:16px;min-height:auto}.workflow-preview-sider{width:100%!important;height:auto}.workflow-content{padding:12px}.step-content-card .ant-card-body{padding:20px}.draft-actions{flex-direction:row;gap:12px}.draft-actions .ant-btn{flex:1}}@media (max-width: 480px){.workflow-header{padding:12px}.workflow-content{padding:8px}.step-content-card .ant-card-body{padding:16px}.draft-actions{flex-direction:column;gap:8px}}.ant-steps-item-process .ant-steps-item-icon{background:#1890ff;border-color:#1890ff}.ant-steps-item-finish .ant-steps-item-icon{background:#52c41a;border-color:#52c41a}.ant-steps-item-wait .ant-steps-item-icon{background:#f5f5f5;border-color:#d9d9d9}.workflow-loading{display:flex;justify-content:center;align-items:center;height:200px}.workflow-empty{text-align:center;padding:40px 20px;color:#8c8c8c}.workflow-empty .anticon{font-size:48px;margin-bottom:16px;color:#d9d9d9}.timeline-editor{width:100%}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px}.timeline-container{position:relative;height:80px;background:#f0f0f0;border-radius:6px;margin-bottom:16px;overflow:hidden}.timeline-track{position:relative;height:100%;width:100%}.timeline-segment{position:absolute;top:8px;height:calc(100% - 16px);background:linear-gradient(135deg,#1890ff,#40a9ff);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.timeline-segment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1890ff4d;border-color:#fff}.segment-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:4px}.segment-icon{font-size:16px}.segment-title{font-size:10px;line-height:1}.segment-duration{font-size:9px;opacity:.8}.timeline-info{padding:16px;background:#f8f9fa;border-radius:6px}.info-item{text-align:center;padding:8px}.info-item .ant-typography{display:block;margin-bottom:4px}.info-item .ant-typography:last-child{margin-bottom:0}@media (max-width: 768px){.timeline-header{flex-direction:column;align-items:flex-start;gap:8px}.timeline-container{height:60px}.timeline-segment{top:4px;height:calc(100% - 8px)}.segment-content{gap:2px;padding:2px}.segment-icon{font-size:12px}.segment-title{font-size:8px}.segment-duration{font-size:7px}.timeline-info{padding:12px}.info-item{padding:6px}}.wechat-payment-container{display:flex;flex-direction:column;gap:16px}.wechat-pay-button{background:linear-gradient(135deg,#07c160,#00a854);border:none;border-radius:8px;height:48px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #07c1604d;transition:all .3s ease}.wechat-pay-button:hover{background:linear-gradient(135deg,#00a854,#07c160);transform:translateY(-2px);box-shadow:0 6px 16px #07c16066}.wechat-pay-button:active{transform:translateY(0);box-shadow:0 2px 8px #07c1604d}.wechat-pay-button:disabled{background:#f5f5f5;color:#bfbfbf;box-shadow:none;transform:none}.wechat-payment-modal .ant-modal-content{border-radius:12px;overflow:hidden}.wechat-payment-modal .ant-modal-header{background:linear-gradient(135deg,#07c160,#00a854);border-bottom:none}.wechat-payment-modal .ant-modal-title{color:#fff;font-weight:600;font-size:18px}.wechat-payment-modal .ant-modal-close{color:#fff}.wechat-payment-modal .ant-modal-close:hover{color:#fffc}.payment-info .ant-card{border:none;box-shadow:none;background:transparent}.payment-amount .ant-typography{margin-bottom:8px;color:#262626}.amount-text{font-size:32px;font-weight:700;color:#07c160;display:block;margin-top:8px}.payment-details{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px;text-align:left}.payment-details .ant-typography{color:#595959;font-size:14px}.payment-status{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;margin-bottom:24px;border-radius:8px;background:#f8f9fa}.payment-status.pending{background:#e6f7ff;border:1px solid #91d5ff}.payment-status.success{background:#f6ffed;border:1px solid #b7eb8f}.payment-status.failed{background:#fff2f0;border:1px solid #ffccc7}.payment-status.cancelled{background:#fffbe6;border:1px solid #ffe58f}.payment-status .ant-typography{font-weight:500;margin:0}.payment-result{text-align:center;padding:32px 0}.payment-result .ant-result-title{font-size:24px;font-weight:600;margin-bottom:16px}.payment-result .ant-result-subtitle{font-size:16px;color:#595959;margin-bottom:32px}.payment-result .ant-result-extra{display:flex;gap:12px;justify-content:center}.payment-result .ant-btn{min-width:120px;height:40px;border-radius:6px}@media (max-width: 768px){.wechat-payment-modal{margin:16px}.wechat-payment-modal .ant-modal{max-width:calc(100vw - 32px)}.amount-text{font-size:28px}.payment-details,.payment-status{padding:12px}.payment-actions .ant-btn{height:44px;font-size:15px}}.payment-status.pending .ant-spin{margin-right:8px}.payment-status.pending .ant-spin-dot{font-size:20px}.payment-error{background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;padding:16px;margin-bottom:16px}.payment-error .ant-alert-message{color:#cf1322;font-weight:600}.payment-error .ant-alert-description{color:#434343;margin-top:8px}.payment-warning{background:#fffbe6;border:1px solid #ffe58f;border-radius:8px;padding:16px;margin-bottom:16px}.payment-warning .ant-alert-message{color:#d48806;font-weight:600}.payment-warning .ant-alert-description{color:#434343;margin-top:8px}.payment-success{background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;padding:16px;margin-bottom:16px}.payment-success .ant-alert-message{color:#389e0d;font-weight:600}.payment-success .ant-alert-description{color:#434343;margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-modal-content{animation:fadeIn .3s ease-out}.wechat-pay-button:hover{animation:pulse .3s ease-in-out}.payment-status .anticon{font-size:24px}.payment-status.success .anticon{color:#52c41a}.payment-status.failed .anticon{color:#ff4d4f}.payment-status.cancelled .anticon{color:#faad14}.wechat-payment-modal .ant-modal-close-x{width:48px;height:48px;line-height:48px;font-size:18px}.payment-details-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:16px;margin-bottom:24px}.payment-details-card .detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.payment-details-card .detail-item:last-child{border-bottom:none}.payment-details-card .detail-label{color:#595959;font-size:14px}.payment-details-card .detail-value{color:#262626;font-weight:500;font-size:14px}.qr-code-payment{text-align:center;padding:24px 0}.qr-code-header{margin-bottom:24px}.qr-code-header .ant-typography{margin:8px 0 0;color:#07c160}.qr-code-content{display:flex;flex-direction:column;align-items:center;gap:24px}.qr-code-container{padding:20px;background:#fff;border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 12px #0000001a}.qr-code-info{display:flex;flex-direction:column;gap:8px;text-align:center}.qr-code-info .ant-typography{margin:0}.qr-code-actions{display:flex;gap:12px;justify-content:center}.qr-code-actions .ant-btn{min-width:120px}@keyframes qrPulse{0%{transform:scale(1);box-shadow:0 4px 12px #07c16033}50%{transform:scale(1.02);box-shadow:0 6px 16px #07c1604d}to{transform:scale(1);box-shadow:0 4px 12px #07c16033}}.qr-code-container{animation:qrPulse 2s ease-in-out infinite}.wechat-payment-container .payment-confirmation-status{background:linear-gradient(135deg,#f6ffed,#f0f9ff);border:2px solid #b7eb8f;border-radius:16px;padding:24px;margin:20px 0;text-align:center;position:relative;overflow:hidden}.wechat-payment-container .payment-confirmation-status:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#07c160,#00a854,#07c160);animation:shimmer 2s ease-in-out infinite}.wechat-payment-container .payment-confirmation-icon{width:64px;height:64px;background:linear-gradient(135deg,#07c160,#00a854);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:pulse 2s ease-in-out infinite;box-shadow:0 8px 24px #07c1604d}.wechat-payment-container .payment-confirmation-icon .anticon{font-size:32px;color:#fff}.wechat-payment-container .payment-confirmation-title{font-size:20px;font-weight:600;color:#07c160;margin-bottom:8px;animation:fadeInUp .6s ease-out}.wechat-payment-container .payment-confirmation-message{font-size:14px;color:#595959;line-height:1.6;margin-bottom:16px;animation:fadeInUp .6s ease-out .1s both}.wechat-payment-container .payment-auto-check-status{display:flex;align-items:center;justify-content:center;gap:8px;background:#07c1601a;border-radius:20px;padding:8px 16px;margin:16px 0;animation:fadeInUp .6s ease-out .3s both}.wechat-payment-container .payment-auto-check-status .anticon{color:#07c160;font-size:16px;animation:spin 1s linear infinite}.wechat-payment-container .payment-auto-check-text{color:#07c160;font-size:14px;font-weight:500}.wechat-payment-container .payment-confirmation-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;animation:fadeInUp .6s ease-out .4s both}.wechat-payment-container .payment-confirmation-actions .ant-btn{min-width:120px;height:44px;border-radius:8px;font-weight:600;transition:all .3s ease}.wechat-payment-container .payment-confirmation-actions .ant-btn-primary{background:linear-gradient(135deg,#52c41a,#73d13d);border:none;box-shadow:0 4px 12px #52c41a4d}.wechat-payment-container .payment-confirmation-actions .ant-btn-primary:hover{background:linear-gradient(135deg,#389e0d,#52c41a);transform:translateY(-2px);box-shadow:0 6px 16px #52c41a66}.wechat-payment-container .payment-confirmation-actions .ant-btn-default{border:2px solid #d9d9d9;color:#595959}.wechat-payment-container .payment-confirmation-actions .ant-btn-default:hover{border-color:#07c160;color:#07c160;transform:translateY(-1px)}@media (max-width: 768px){.qr-code-container{padding:16px}.qr-code-container .ant-qrcode{width:160px!important;height:160px!important}.qr-code-actions{flex-direction:column;width:100%}.qr-code-actions .ant-btn{width:100%}.wechat-payment-container .payment-confirmation-status{padding:20px;margin:16px 0}.wechat-payment-container .payment-confirmation-icon{width:56px;height:56px}.wechat-payment-container .payment-confirmation-icon .anticon{font-size:28px}.wechat-payment-container .payment-confirmation-title{font-size:18px}.wechat-payment-container .payment-confirmation-actions{flex-direction:column;width:100%}.wechat-payment-container .payment-confirmation-actions .ant-btn{width:100%}}.credits-page{padding:32px;width:100%;max-width:none;margin:0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.page-header{text-align:center;margin-bottom:40px;padding:0;position:relative}.page-header:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#1890ff,#52c41a);border-radius:2px}.page-header h1{font-size:36px;font-weight:800;background:linear-gradient(135deg,#1890ff,#722ed1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-header p{font-size:18px;color:#666;margin:0;font-weight:500;opacity:.8}.balance-card{margin-bottom:32px;border-radius:20px;box-shadow:0 8px 32px #00000014;width:100%;border:none;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.balance-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.balance-card .ant-statistic-title{font-size:16px;color:#666;margin-bottom:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.balance-card .ant-statistic-content{font-size:28px;font-weight:700}.balance-card .ant-statistic-content-value{background:linear-gradient(135deg,#1890ff,#52c41a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding:24px 0;border-top:1px solid rgba(0,0,0,.06);margin-top:24px}.usage-info{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;background:#1890ff1a;padding:12px 16px;border-radius:12px;border-left:4px solid #1890ff}.history-card{border-radius:20px;box-shadow:0 8px 32px #00000014;width:100%;border:none;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.history-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.history-card .ant-card-head-title{font-size:20px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:8px}.recharge-packages{margin-bottom:20px;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-radius:16px;padding:20px;border:1px solid rgba(24,144,255,.1);position:relative;overflow:hidden}.recharge-packages:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1890ff,#722ed1,#52c41a)}.recharge-packages:after{content:"✨";position:absolute;top:12px;right:12px;font-size:16px;opacity:.6;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:.6}50%{transform:scale(1.2) rotate(180deg);opacity:1}}.recharge-packages h4{margin-bottom:16px;font-size:18px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:10px;position:relative;z-index:1}.recharge-packages h4:before{content:"💎";font-size:22px;animation:diamondGlow 3s ease-in-out infinite}@keyframes diamondGlow{0%,to{filter:drop-shadow(0 0 5px rgba(24,144,255,.5))}50%{filter:drop-shadow(0 0 15px rgba(24,144,255,.8))}}.package-card{text-align:center;border:2px solid #f0f0f0;border-radius:18px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;position:relative;box-shadow:0 4px 20px #00000014;transform-style:preserve-3d;perspective:1000px}.package-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#1890ff,#722ed1,#52c41a);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.package-card:hover:before{transform:scaleX(1)}.package-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1890ff0d,#722ed10d);opacity:0;transition:opacity .3s ease;pointer-events:none}.package-card:hover:after{opacity:1}.package-card:hover{border-color:#1890ff;transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px #1890ff4d}.package-card.selected{border-color:#1890ff;background:linear-gradient(135deg,#1890ff26,#52c41a26);box-shadow:0 12px 32px #1890ff66;transform:translateY(-4px) scale(1.01);position:relative}.package-card.selected:before{transform:scaleX(1)}.package-card.selected:after{opacity:1;background:linear-gradient(135deg,#1890ff1a,#52c41a1a)}.package-content{padding:16px 12px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}.package-amount{font-size:20px;font-weight:800;background:linear-gradient(135deg,#1890ff,#722ed1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative}.package-amount:before{content:"🎯";position:absolute;top:-8px;left:-12px;font-size:16px;opacity:.7}.package-price{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px;padding:4px 10px;background:linear-gradient(135deg,#f6ffed,#d9f7be);border-radius:12px;border:1px solid #b7eb8f;position:relative}.package-price:before{content:"💰";margin-right:6px;font-size:14px}.package-bonus{font-size:11px;color:#52c41a;background:linear-gradient(135deg,#f6ffed,#d9f7be);padding:4px 10px;border-radius:16px;display:inline-block;font-weight:700;box-shadow:0 2px 8px #52c41a40;border:1px solid #b7eb8f;position:relative;animation:pulse 2s infinite}.package-bonus:before{content:"🎁";margin-right:4px;font-size:12px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.custom-recharge{margin-bottom:20px;background:linear-gradient(135deg,#fff7e6,#fff2d9);border-radius:12px;padding:16px;border:1px solid rgba(250,173,20,.1);position:relative}.custom-recharge:before{content:"✨";position:absolute;top:16px;right:16px;font-size:20px;opacity:.6}.custom-recharge h4{margin-bottom:12px;font-size:16px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:8px}.custom-recharge h4:before{content:"🎨";font-size:20px}.selected-package-info{background:linear-gradient(135deg,#f6ffed,#d9f7be);border:2px solid #b7eb8f;border-radius:12px;padding:12px;margin-top:16px;position:relative;overflow:hidden}.selected-package-info:before{content:"✅";position:absolute;top:12px;right:12px;font-size:18px;opacity:.8}.selected-package-info:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#52c41a,#73d13d)}.selected-package-info p{margin:0 0 8px;color:#1a1a1a;font-weight:500;display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid rgba(82,196,26,.2);font-size:14px}.selected-package-info p:last-child{margin-bottom:0;border-bottom:none}.selected-package-info p:before{content:"•";color:#52c41a;font-weight:700;font-size:18px}@media (max-width: 768px){.credits-page{padding:20px;width:100%}.page-header h1{font-size:28px}.page-header p{font-size:16px}.balance-actions{flex-direction:column;align-items:stretch;gap:16px}.usage-info{justify-content:center;text-align:center}.package-card{margin-bottom:16px}.package-content{padding:20px 16px}.package-amount{font-size:24px}.package-price{font-size:16px;padding:6px 12px}.package-bonus{font-size:12px;padding:4px 10px}.recharge-packages,.custom-recharge{padding:20px}.info-section h4{font-size:16px;padding:10px 12px}.info-section li{padding:6px 10px;font-size:14px}}@media (max-width: 900px){.ant-modal-content[style*="width: 800px"]{width:95%!important;max-width:600px}.ant-modal-content[style*="width: 800px"] .recharge-packages .ant-col{flex:0 0 50%;max-width:50%}.ant-modal-content[style*="width: 800px"] .package-card{height:auto}}.recharge-packages .ant-row{margin:0 -8px}.recharge-packages .ant-col{padding:0 8px}.ant-modal-content[style*="width: 800px"] .recharge-packages .ant-col{flex:0 0 25%;max-width:25%}.ant-modal-content[style*="width: 800px"] .package-card{height:140px;display:flex;flex-direction:column;justify-content:center}.package-card:hover .package-amount{animation:glow 1.5s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px rgba(24,144,255,.5)}to{text-shadow:0 0 20px rgba(24,144,255,.8),0 0 30px rgba(24,144,255,.6)}}.package-card.selected .package-amount{animation:selectedGlow 2s ease-in-out infinite}@keyframes selectedGlow{0%,to{text-shadow:0 0 10px rgba(24,144,255,.6)}50%{text-shadow:0 0 25px rgba(24,144,255,.9),0 0 35px rgba(24,144,255,.7)}}.package-card{animation:fadeInUp .6s ease-out}.package-card:nth-child(1){animation-delay:.1s}.package-card:nth-child(2){animation-delay:.2s}.package-card:nth-child(3){animation-delay:.3s}.package-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.balance-card,.history-card,.credits-info-card{animation:fadeInUp .6s ease-out}.balance-card{animation-delay:.1s}.history-card{animation-delay:.2s}.credits-info-card{animation-delay:.3s}.credits-info-content::-webkit-scrollbar{width:6px}.credits-info-content::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.credits-info-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1890ff,#722ed1);border-radius:3px}.credits-info-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#40a9ff,#9254de)}.history-card .ant-table{width:100%;border-radius:12px;overflow:hidden}.history-card .ant-table-thead>tr>th{background:linear-gradient(135deg,#fafafa,#f0f0f0);font-weight:700;color:#1a1a1a;border-bottom:2px solid #e8e8e8;padding:16px 12px}.history-card .ant-table-tbody>tr>td{padding:16px 12px;border-bottom:1px solid #f0f0f0}.history-card .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#1890ff0d,#722ed10d)}.history-card .ant-table-tbody>tr:nth-child(2n)>td{background:#00000005}.ant-modal-content{border-radius:20px;box-shadow:0 20px 60px #0003;border:none;overflow:hidden;background:linear-gradient(135deg,#fff,#fafafa)}.ant-modal-header{border-radius:20px 20px 0 0;background:linear-gradient(135deg,#1890ff,#722ed1);border-bottom:none;padding:20px 20px 12px;position:relative}.ant-modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.ant-modal-title{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;gap:8px}.ant-modal-title:before{content:"💳";font-size:24px}.ant-modal-body{padding:20px;background:linear-gradient(135deg,#fff,#f8f9ff)}.ant-modal-footer{padding:12px 20px 20px;border-top:1px solid #f0f0f0;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:0 0 20px 20px}.ant-input{border-radius:6px;border:1px solid #e9ecef;padding:8px 12px;font-size:14px;transition:all .3s ease;background:#fff}.ant-input:focus,.ant-input-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;transform:translateY(-1px)}.ant-input:hover{border-color:#667eea}.ant-input-textarea{border-radius:6px;border:1px solid #e9ecef;transition:all .3s ease}.ant-input-textarea:focus,.ant-input-textarea-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.ant-input-textarea:hover{border-color:#667eea}.ant-divider{margin:20px 0;border-color:#0000000f;position:relative}.ant-divider-inner-text{background:linear-gradient(135deg,#fff,#f8f9ff);padding:0 20px;font-weight:600;color:#666;font-size:14px}.ant-divider-inner-text:before,.ant-divider-inner-text:after{content:"✨";margin:0 8px;font-size:12px;opacity:.6}.ant-pagination{margin-top:16px}.ant-pagination-item{border-radius:6px;border:1px solid #e9ecef;transition:all .3s ease}.ant-pagination-item:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 6px #667eea26}.ant-pagination-item-active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d}.ant-pagination-prev,.ant-pagination-next{border-radius:6px;border:1px solid #e9ecef;transition:all .3s ease}.ant-pagination-prev:hover,.ant-pagination-next:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 2px 6px #667eea26}.ant-tag{border-radius:6px;font-weight:500;padding:4px 10px;border:none;box-shadow:0 1px 4px #0000001a;transition:all .3s ease;font-size:12px}.ant-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.ant-tag-green{background:linear-gradient(135deg,#f6ffed,#d9f7be);color:#52c41a;border:1px solid #b7eb8f}.ant-tag-red{background:linear-gradient(135deg,#fff2f0,#ffccc7);color:#ff4d4f;border:1px solid #ffa39e}.ant-tag-blue{background:linear-gradient(135deg,#f0f9ff,#bae7ff);color:#1890ff;border:1px solid #91d5ff}.ant-statistic-content-value{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.credits-info-card{position:sticky;top:24px;height:fit-content;border-radius:20px;box-shadow:0 8px 32px #00000014;border:none;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.credits-info-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.credits-info-content{max-height:738px;overflow-y:auto}.info-section{margin-bottom:24px}.info-section:last-child{margin-bottom:0}.info-section h4{color:#1890ff;margin-bottom:16px;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#1890ff1a,#722ed11a);border-radius:12px;border-left:4px solid #1890ff}.info-section ul{margin:0;padding-left:20px}.info-section li{margin-bottom:12px;color:#666;line-height:1.7;padding:8px 12px;background:#00000005;border-radius:8px;transition:all .3s ease}.info-section li:hover{background:#1890ff0d;transform:translate(4px)}.info-section li:last-child{margin-bottom:0}.info-section strong{color:#1890ff;font-weight:600}@media (max-width: 1200px){.credits-info-card{position:static;margin-top:24px}}:root{--credits-primary-50: #eff6ff;--credits-primary-100: #dbeafe;--credits-primary-200: #bfdbfe;--credits-primary-300: #93c5fd;--credits-primary-400: #60a5fa;--credits-primary-500: #3b82f6;--credits-primary-600: #2563eb;--credits-primary-700: #1d4ed8;--credits-primary-800: #1e40af;--credits-primary-900: #1e3a8a;--credits-success-50: #ecfdf5;--credits-success-100: #d1fae5;--credits-success-500: #10b981;--credits-success-600: #059669;--credits-success-700: #047857;--credits-warning-50: #fffbeb;--credits-warning-100: #fef3c7;--credits-warning-500: #f59e0b;--credits-warning-600: #d97706;--credits-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--credits-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--credits-gradient-premium: linear-gradient(135deg, #8b5cf6 0%, #a855f7 50%, #c084fc 100%);--credits-gradient-gold: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #92400e 100%);--credits-shadow-soft: 0 1px 3px rgba(0, 0, 0, .05);--credits-shadow-medium: 0 4px 12px rgba(0, 0, 0, .08);--credits-shadow-strong: 0 8px 25px rgba(0, 0, 0, .12);--credits-shadow-premium: 0 20px 60px rgba(103, 126, 234, .2)}.premium-credits-modal .ant-modal{top:32px}.premium-credits-modal .ant-modal-content{border-radius:24px;overflow:hidden;box-shadow:var(--credits-shadow-premium);border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#fff,#f8fafc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.premium-credits-modal .ant-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--credits-gradient-premium);z-index:1}.premium-credits-modal .ant-modal-header{background:linear-gradient(145deg,#8b5cf60d,#a855f714,#c084fc0d);border-bottom:1px solid rgba(139,92,246,.1);padding:24px 32px 20px;border-radius:24px 24px 0 0;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-credits-modal .ant-modal-header:after{content:"";position:absolute;bottom:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.2) 50%,transparent 100%)}.premium-credits-modal .ant-modal-title{font-size:24px;font-weight:700;background:var(--credits-gradient-premium);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px;margin:0;letter-spacing:-.5px}.premium-credits-modal .ant-modal-title:before{content:"💎";font-size:28px;background:none;-webkit-text-fill-color:initial;filter:drop-shadow(0 2px 8px rgba(139,92,246,.3));animation:gemGlow 3s ease-in-out infinite}@keyframes gemGlow{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 2px 8px rgba(139,92,246,.3))}50%{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 16px rgba(139,92,246,.5))}}.premium-credits-modal .ant-modal-body{padding:20px;background:linear-gradient(145deg,#fff,#f8fafc);max-height:70vh;overflow-y:auto}.premium-recharge-packages{margin-bottom:20px;position:relative}.premium-recharge-packages:before{content:"";position:absolute;top:-16px;left:-16px;right:-16px;bottom:-16px;background:linear-gradient(145deg,#8b5cf608,#a855f70d,#c084fc08);border-radius:20px;z-index:-1}.premium-packages-header{text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(139,92,246,.1);position:relative}.premium-packages-header h3{font-size:20px;font-weight:700;background:var(--credits-gradient-premium);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:10px}.premium-packages-header h3:before{content:"⭐";background:none;-webkit-text-fill-color:initial;animation:starTwinkle 2s ease-in-out infinite}.premium-packages-header p{color:#64748b;font-size:14px;margin:0;font-weight:500}@keyframes starTwinkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.premium-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.premium-package-card{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid transparent;border-radius:12px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--credits-shadow-medium)}.premium-package-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#8b5cf60d,#a855f714,#c084fc0d);opacity:0;transition:opacity .3s ease;z-index:-1}.premium-package-card:hover:before{opacity:1}.premium-package-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--credits-shadow-strong);border-color:#8b5cf64d}.premium-package-card.selected{border-color:#8b5cf6;transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #8b5cf640}.premium-package-card.selected:before{opacity:1;background:linear-gradient(145deg,#8b5cf61a,#a855f726,#c084fc1a)}.premium-package-card.selected:after{content:"✨";position:absolute;top:12px;right:12px;font-size:16px;animation:selectedSparkle 1.5s ease-in-out infinite}@keyframes selectedSparkle{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.3) rotate(180deg);opacity:1}}.premium-package-amount{font-size:20px;font-weight:800;background:var(--credits-gradient-premium);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px;position:relative}.premium-package-amount:after{content:" 积分";font-size:12px;color:#64748b;font-weight:500;background:none;-webkit-text-fill-color:initial}.premium-package-price{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:6px;padding:4px 10px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:6px;display:inline-block;border:1px solid #e2e8f0}.premium-package-bonus{font-size:10px;color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:3px 6px;border-radius:8px;display:block;font-weight:600;border:1px solid #6ee7b7;position:relative;animation:bonusPulse 2s ease-in-out infinite;margin-top:6px;text-align:center}.premium-package-bonus:before{content:"🎁 ";font-size:10px}@keyframes bonusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.premium-package-card.popular{border-color:#f59e0b;position:relative}.premium-package-card.popular:before{background:linear-gradient(145deg,#f59e0b1a,#d9770626,#92400e1a);opacity:1}.premium-package-popular-badge{position:absolute;top:-2px;left:50%;transform:translate(-50%);background:var(--credits-gradient-gold);color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-radius:0 0 8px 8px;box-shadow:var(--credits-shadow-medium);animation:badgeGlow 2s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:var(--credits-shadow-medium)}50%{box-shadow:0 4px 20px #f59e0b66}}.premium-custom-recharge{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px;position:relative;transition:all .3s ease}.premium-custom-recharge:hover{border-color:#8b5cf633;box-shadow:var(--credits-shadow-medium)}.premium-custom-recharge:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--credits-gradient-premium);border-radius:16px;opacity:0;transition:opacity .3s ease;z-index:-1}.premium-custom-recharge:focus-within:before{opacity:1}.premium-custom-recharge:focus-within{border-color:transparent}.premium-custom-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.premium-custom-header h4{font-size:18px;font-weight:700;background:var(--credits-gradient-premium);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.premium-custom-header:before{content:"🎨";font-size:20px}.premium-custom-input{position:relative}.premium-custom-input .ant-input{font-size:16px;font-weight:600;padding:12px 16px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;transition:all .3s ease;text-align:center}.premium-custom-input .ant-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;transform:translateY(-1px)}.premium-custom-input .ant-input-group-addon{background:var(--credits-gradient-premium);color:#fff;border:none;font-weight:600;border-radius:0 12px 12px 0}.premium-order-summary{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px;position:relative}.premium-order-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--credits-gradient-premium);border-radius:16px 16px 0 0}.premium-summary-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.premium-summary-header h4{font-size:16px;font-weight:700;color:#1e293b;margin:0}.premium-summary-header:before{content:"📋";font-size:18px}.premium-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(226,232,240,.5)}.premium-summary-item:last-child{border-bottom:none;padding-top:12px;margin-top:8px;border-top:2px solid #e2e8f0;font-weight:700;color:#1e293b}.premium-summary-label{color:#64748b;font-weight:500}.premium-summary-value{font-weight:600;color:#1e293b}.premium-summary-total{font-size:18px;background:var(--credits-gradient-premium);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-credits-modal .ant-modal-footer{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-top:1px solid rgba(139,92,246,.1);padding:20px 32px 24px;border-radius:0 0 24px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.premium-modal-buttons{display:flex;gap:12px;align-items:center}.premium-cancel-btn{padding:8px 24px;height:44px;border-radius:12px;font-weight:600;font-size:14px;border:2px solid #e2e8f0;background:#fff;color:#64748b;transition:all .3s ease}.premium-cancel-btn:hover{border-color:#cbd5e1;color:#475569;transform:translateY(-1px);box-shadow:var(--credits-shadow-soft)}.premium-confirm-btn{padding:8px 32px;height:44px;border-radius:12px;font-weight:700;font-size:14px;border:none;background:var(--credits-gradient-premium);color:#fff;box-shadow:var(--credits-shadow-medium);transition:all .3s ease;position:relative;overflow:hidden}.premium-confirm-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.premium-confirm-btn:hover:before{left:100%}.premium-confirm-btn:hover{transform:translateY(-2px);box-shadow:var(--credits-shadow-strong)}.premium-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.premium-payment-methods{margin-bottom:16px}.premium-payment-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.premium-payment-header h4{font-size:16px;font-weight:700;color:#1e293b;margin:0}.premium-payment-header:before{content:"💳";font-size:18px}.premium-payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.premium-payment-option{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.premium-payment-option:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:var(--credits-shadow-soft)}.premium-payment-option.selected{border-color:#8b5cf6;background:#8b5cf60d}.premium-payment-option.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:16px;height:16px;background:#8b5cf6;color:#fff;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.premium-payment-icon{font-size:24px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;height:32px}.premium-payment-icon .anticon{font-size:24px}.premium-payment-name{font-size:12px;font-weight:600;color:#1e293b}.premium-promotion-tip{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;border-radius:8px;padding:8px 12px;margin-bottom:12px;position:relative}.premium-promotion-tip:before{content:"🎉";position:absolute;top:12px;left:12px;font-size:16px}.premium-promotion-content{margin-left:28px}.premium-promotion-title{font-size:14px;font-weight:700;color:#047857;margin:0 0 4px}.premium-promotion-desc{font-size:12px;color:#059669;margin:0}.premium-confirm-btn.loading{position:relative;color:transparent}.premium-confirm-btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.premium-credits-modal .ant-modal-content{margin:16px;border-radius:20px}.premium-credits-modal .ant-modal-body{padding:24px 20px}.premium-credits-modal .ant-modal-footer{padding:16px 20px 20px;flex-direction:column;gap:12px}.premium-modal-buttons{width:100%;justify-content:space-between}.premium-package-grid{grid-template-columns:repeat(2,1fr);gap:12px}.premium-payment-grid{grid-template-columns:repeat(2,1fr)}.premium-package-amount{font-size:20px}.premium-package-price{font-size:14px}}@media (max-width: 480px){.premium-package-grid,.premium-payment-grid{grid-template-columns:repeat(1,1fr)}.premium-credits-modal .ant-modal-title{font-size:20px}}.premium-package-card:focus-visible,.premium-payment-option:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}@media (prefers-contrast: high){.premium-package-card,.premium-custom-recharge,.premium-payment-option{border-width:3px}.premium-package-card.selected,.premium-payment-option.selected{border-width:4px}}@media (prefers-reduced-motion: reduce){.premium-package-card,.premium-confirm-btn,.premium-cancel-btn,.premium-payment-option{transition:none}.premium-confirm-btn:before,.gemGlow,.starTwinkle,.selectedSparkle,.bonusPulse,.badgeGlow{animation:none}}.alipay-payment-container{display:inline-block}.alipay-pay-button{background:linear-gradient(135deg,#1677ff,#4096ff);border:none;color:#fff;font-weight:600;height:40px;padding:0 24px;border-radius:8px;transition:all .3s ease}.alipay-pay-button:hover{background:linear-gradient(135deg,#0958d9,#1677ff);transform:translateY(-1px);box-shadow:0 4px 12px #1677ff4d}.alipay-pay-button:active{transform:translateY(0)}.alipay-payment-modal .ant-modal-content{border-radius:12px;overflow:hidden}.alipay-payment-modal .ant-modal-header{background:linear-gradient(135deg,#1677ff,#4096ff);border-bottom:none}.alipay-payment-modal .ant-modal-title{color:#fff;font-weight:600}.alipay-payment-modal .ant-modal-close{color:#fff}.alipay-payment-modal .ant-modal-close:hover{color:#fffc}.payment-modal-content{padding:24px 0}.payment-info{text-align:center}.payment-amount{margin-bottom:24px}.payment-amount .ant-typography{margin-bottom:8px}.amount-text{font-size:32px;font-weight:700;color:#1677ff;display:block;margin-top:8px}.payment-details{text-align:left;margin-bottom:24px}.payment-details .ant-typography{display:block;margin-bottom:8px;color:#666}.payment-actions{margin-top:24px}.payment-actions .ant-btn{height:48px;font-size:16px;font-weight:600;border-radius:8px}.payment-status{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0;padding:16px;border-radius:8px;background:#f5f5f5}.payment-status.pending{background:#e6f7ff;color:#1677ff}.payment-status.success{background:#f6ffed;color:#52c41a}.payment-status.failed{background:#fff2f0;color:#ff4d4f}.payment-status.cancelled{background:#fff7e6;color:#faad14}.alipay-payment-container .ant-alert{margin-bottom:16px}.alipay-payment-container .ant-alert-action{margin-left:8px}.alipay-payment-container .ant-btn-primary[data-key=confirm]{background:linear-gradient(135deg,#52c41a,#73d13d);border:none;color:#fff;font-weight:600;height:48px;font-size:16px;border-radius:8px;box-shadow:0 4px 12px #52c41a4d;transition:all .3s ease}.alipay-payment-container .ant-btn-primary[data-key=confirm]:hover{background:linear-gradient(135deg,#389e0d,#52c41a);transform:translateY(-1px);box-shadow:0 6px 16px #52c41a66}.alipay-payment-container .ant-btn-primary[data-key=confirm]:active{transform:translateY(0)}.payment-confirmation-message{text-align:center;margin:16px 0;padding:16px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;color:#389e0d}.payment-confirmation-status{background:linear-gradient(135deg,#e6f7ff,#f0f9ff);border:2px solid #91d5ff;border-radius:16px;padding:24px;margin:20px 0;text-align:center;position:relative;overflow:hidden}.payment-confirmation-status:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1677ff,#4096ff,#1677ff);animation:shimmer 2s ease-in-out infinite}.payment-confirmation-icon{width:64px;height:64px;background:linear-gradient(135deg,#1677ff,#4096ff);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:pulse 2s ease-in-out infinite;box-shadow:0 8px 24px #1677ff4d}.payment-confirmation-icon .anticon{font-size:32px;color:#fff}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #1677ff4d}50%{transform:scale(1.05);box-shadow:0 12px 32px #1677ff66}}.payment-confirmation-title{font-size:20px;font-weight:600;color:#1677ff;margin-bottom:8px;animation:fadeInUp .6s ease-out}.payment-confirmation-message{font-size:14px;color:#595959;line-height:1.6;margin-bottom:16px;animation:fadeInUp .6s ease-out .1s both}.payment-auto-check-status{display:flex;align-items:center;justify-content:center;gap:8px;background:#1677ff1a;border-radius:20px;padding:8px 16px;margin:16px 0;animation:fadeInUp .6s ease-out .3s both}.payment-auto-check-status .anticon{color:#1677ff;font-size:16px;animation:spin 1s linear infinite}.payment-auto-check-text{color:#1677ff;font-size:14px;font-weight:500}.payment-confirmation-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;animation:fadeInUp .6s ease-out .4s both}.payment-confirmation-actions .ant-btn{min-width:120px;height:44px;border-radius:8px;font-weight:600;transition:all .3s ease}.payment-confirmation-actions .ant-btn-primary{background:linear-gradient(135deg,#52c41a,#73d13d);border:none;box-shadow:0 4px 12px #52c41a4d}.payment-confirmation-actions .ant-btn-primary:hover{background:linear-gradient(135deg,#389e0d,#52c41a);transform:translateY(-2px);box-shadow:0 6px 16px #52c41a66}.payment-confirmation-actions .ant-btn-default{border:2px solid #d9d9d9;color:#595959}.payment-confirmation-actions .ant-btn-default:hover{border-color:#1677ff;color:#1677ff;transform:translateY(-1px)}@media (max-width: 768px){.alipay-payment-modal{margin:16px}.payment-modal-content{padding:16px 0}.amount-text{font-size:28px}.payment-actions .ant-btn{height:44px;font-size:15px}.payment-confirmation-status{padding:20px;margin:16px 0}.payment-confirmation-icon{width:56px;height:56px}.payment-confirmation-icon .anticon{font-size:28px}.payment-confirmation-title{font-size:18px}.payment-confirmation-actions{flex-direction:column;width:100%}.payment-confirmation-actions .ant-btn{width:100%}}.agent-settlement-page{padding:16px;background:#f5f5f5;min-height:100vh;width:100vw;max-width:100%;overflow-x:hidden;box-sizing:border-box}.agent-settlement-page .ant-breadcrumb{background:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.agent-settlement-page .ant-breadcrumb .ant-btn-link{color:#1890ff;font-weight:500}.agent-settlement-page .ant-breadcrumb .ant-btn-link:hover{color:#40a9ff}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.page-header h2{margin:0 0 4px;color:#1890ff}.page-header .ant-typography{margin:0}.summary-stats{margin-bottom:24px;width:100%}.summary-stats .ant-card{text-align:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;width:100%}.summary-stats .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.main-content{margin-bottom:24px;width:100%}.main-content .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;width:100%}.agents-section{overflow-y:auto;width:100%}.agents-grid,.agent-card,.agent-header,.agent-name,.agent-code,.agent-status,.agent-stats,.stat-item,.stat-label,.stat-value,.agent-actions{display:none!important}.agents-section .ant-table{background:#fff;border-radius:8px}.agents-section .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.agents-section .ant-table-tbody>tr>td{padding:12px 8px}.settlement-operation{min-height:200px;width:100%}.settlement-history{width:100%;overflow-x:hidden}.settlement-history .ant-card-body{overflow-x:hidden}.agent-card{border:1px solid #e8e8e8;border-radius:8px;padding:16px;background:#fff;transition:all .3s ease;cursor:pointer}.agent-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff26}.agent-card.active{border-color:#52c41a;background:#f6ffed}.agent-card.inactive{border-color:#ff4d4f;background:#fff2f0}.agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.agent-name{font-weight:600;font-size:16px;color:#262626}.agent-code{font-size:12px;color:#8c8c8c;background:#f5f5f5;padding:2px 8px;border-radius:4px}.agent-status{margin-bottom:12px}.agent-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.stat-item{text-align:center;padding:8px;background:#fafafa;border-radius:4px}.stat-label{font-size:12px;color:#8c8c8c;margin-bottom:4px}.stat-value{font-size:16px;font-weight:600;color:#262626}.agent-actions{display:flex;gap:8px}.settlement-period-selector{margin-bottom:16px}.period-options{display:flex;gap:8px;margin-bottom:12px}.period-option{padding:8px 16px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;transition:all .3s ease}.period-option:hover{border-color:#1890ff;color:#1890ff}.period-option.selected{background:#1890ff;border-color:#1890ff;color:#fff}.custom-date-range{margin-top:12px}.agent-selection{margin-bottom:16px}.agent-list{max-height:200px;overflow-y:auto;border:1px solid #d9d9d9;border-radius:6px;padding:8px}.agent-item{display:flex;align-items:center;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.agent-item:hover{background:#f5f5f5}.agent-item.selected{background:#e6f7ff;border:1px solid #91d5ff}.agent-item input[type=checkbox]{margin-right:8px}.settlement-actions{display:flex;gap:8px;justify-content:flex-end}.settlement-table{width:100%;overflow-x:hidden}.settlement-table .ant-table{width:100%}.settlement-table .ant-table-wrapper,.settlement-table .ant-table-container{overflow-x:hidden}.settlement-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.settlement-table .ant-table-tbody>tr>td{padding:12px 8px}.status-tag{border-radius:4px;font-size:12px;padding:2px 8px}.status-pending{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.status-paid{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-cancelled{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.settlement-modal .ant-modal-header{background:#fafafa;border-bottom:1px solid #e8e8e8}.settlement-modal .ant-modal-title{font-weight:600;color:#262626}.settlement-preview{max-height:400px;overflow-y:auto}.preview-section{margin-bottom:24px}.preview-section h4{margin-bottom:12px;color:#262626;border-bottom:1px solid #e8e8e8;padding-bottom:8px}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.preview-item:last-child{border-bottom:none}.preview-label{font-weight:500;color:#595959}.preview-value{font-weight:600;color:#262626}.preview-value.highlight{color:#1890ff;font-size:18px}@media (max-width: 768px){.agent-settlement-page{padding:12px}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.summary-stats .ant-col,.main-content .ant-col{margin-bottom:16px}.agents-grid,.agent-stats{grid-template-columns:1fr}.period-options{flex-wrap:wrap}.settlement-actions{flex-direction:column}}@media (min-width: 1200px){.agent-settlement-page{padding:20px}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.summary-stats .ant-col{padding:0 8px}.main-content .ant-row{margin:0 -8px}.main-content .ant-col{padding:0 8px}}@media (min-width: 1600px){.agent-settlement-page{padding:24px}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.main-content .ant-row{margin:0 -12px}.main-content .ant-col{padding:0 12px}}@media (min-width: 1920px){.agent-settlement-page{padding:32px}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.main-content .ant-row{margin:0 -16px}.main-content .ant-col{padding:0 16px}}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}.empty-container{text-align:center;padding:40px 20px}.empty-container .ant-empty-description{color:#8c8c8c}.agent-card,.summary-stats .ant-card,.main-content .ant-card{animation:fadeIn .3s ease-in-out}.agent-settlement-management-page{padding:24px;background-color:#f5f5f5;min-height:100vh}.agent-settlement-management-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.agent-settlement-management-page .page-header .ant-space{justify-content:flex-end;width:100%}.agent-settlement-management-page .page-header h2{margin:0 0 8px;color:#1890ff;white-space:nowrap}.agent-settlement-management-page .page-header .ant-typography{white-space:nowrap}.agent-settlement-management-page .summary-stats{margin-bottom:24px}.agent-settlement-management-page .summary-stats .ant-card{text-align:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.agent-settlement-management-page .summary-stats .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.agent-settlement-management-page .main-content{margin-bottom:24px;display:flex;align-items:stretch}.agent-settlement-management-page .main-content .ant-col{display:flex;flex-direction:column}.agent-settlement-management-page .main-content .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;flex:1;display:flex;flex-direction:column}.agent-settlement-management-page .main-content .ant-card .ant-card-body{flex:1;display:flex;flex-direction:column}.agent-settlement-management-page .settlement-application{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.agent-settlement-management-page .settlement-application .ant-card-head{color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.agent-settlement-management-page .settlement-application .ant-card-head-title,.agent-settlement-management-page .settlement-application .ant-typography{color:#fff}.agent-settlement-management-page .user-consumption{background:#fff}.agent-settlement-management-page .user-consumption .ant-table-wrapper{flex:1;display:flex;flex-direction:column}.agent-settlement-management-page .user-consumption .ant-table{flex:1}.agent-settlement-management-page .user-consumption .ant-table-tbody{max-height:300px;overflow-y:auto}.agent-settlement-management-page .settlement-history{background:#fff;height:100%;display:flex;flex-direction:column}.agent-settlement-management-page .settlement-history .ant-card-body{flex:1;display:flex;flex-direction:column;padding:16px}.agent-settlement-management-page .settlement-history .ant-table-wrapper{flex:1;display:flex;flex-direction:column}.agent-settlement-management-page .settlement-history .ant-table{flex:1}.agent-settlement-management-page .settlement-history .ant-table-tbody{max-height:400px;overflow-y:auto}.agent-settlement-management-page .ant-table{border-radius:6px;overflow:hidden}.agent-settlement-management-page .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600}.agent-settlement-management-page .ant-pagination{margin-top:16px;text-align:right}.agent-settlement-management-page .ant-statistic-title{font-size:14px;color:#666}.agent-settlement-management-page .ant-statistic-content{font-size:24px;font-weight:600}.agent-settlement-management-page .ant-tag{border-radius:4px;font-weight:500}.agent-settlement-management-page .ant-btn{border-radius:6px;font-weight:500}.agent-settlement-management-page .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.agent-settlement-management-page .ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px)}.agent-settlement-management-page .ant-card-head-title{font-size:16px;font-weight:600;color:#333}.agent-settlement-management-page .ant-descriptions-item-label{font-weight:600;color:#666}.agent-settlement-management-page .ant-descriptions-item-content{color:#333}.agent-settlement-management-page .ant-modal-header{border-radius:8px 8px 0 0}.agent-settlement-management-page .ant-modal-content{border-radius:8px}.agent-settlement-management-page .ant-modal-footer{border-radius:0 0 8px 8px}@media (max-width: 768px){.agent-settlement-management-page{padding:16px}.agent-settlement-management-page .page-header{flex-direction:column;gap:16px;padding:16px}.agent-settlement-management-page .summary-stats .ant-col,.agent-settlement-management-page .main-content .ant-col{margin-bottom:16px}.agent-settlement-management-page .main-content{flex-direction:column}.agent-settlement-management-page .settlement-history .ant-table-tbody{max-height:300px}.agent-settlement-management-page .user-consumption .ant-table-tbody{max-height:250px}}@media (max-width: 576px){.agent-settlement-management-page,.agent-settlement-management-page .page-header{padding:12px}.agent-settlement-management-page .page-header h2,.agent-settlement-management-page .ant-statistic-content{font-size:20px}.agent-settlement-management-page .settlement-history .ant-table-tbody{max-height:250px}.agent-settlement-management-page .user-consumption .ant-table-tbody{max-height:200px}}.agent-settlement-management-page .ant-card{transition:all .3s ease}.agent-settlement-management-page .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.agent-settlement-management-page .ant-btn{transition:all .3s ease}.agent-settlement-management-page .ant-btn:hover{transform:translateY(-1px)}.agent-settlement-management-page .ant-table-tbody>tr:hover>td{background-color:#f0f8ff}.agent-settlement-management-page .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0}.agent-settlement-management-page .ant-tag-orange{background-color:#fff7e6;border-color:#ffd591;color:#d46b08}.agent-settlement-management-page .ant-tag-green{background-color:#f6ffed;border-color:#b7eb8f;color:#389e0d}.agent-settlement-management-page .ant-tag-red{background-color:#fff2f0;border-color:#ffccc7;color:#cf1322}.agent-settlement-management-page .ant-spin{color:#1890ff}.agent-settlement-management-page .ant-spin-dot-item{background-color:#1890ff}.agent-settlement-management-page .ant-empty{padding:40px 0}.agent-settlement-management-page .ant-empty-description{color:#999}.agent-settlement-management-page .ant-pagination-item{border-radius:4px}.agent-settlement-management-page .ant-pagination-item-active{background-color:#1890ff;border-color:#1890ff}.agent-settlement-management-page .ant-pagination-item-active a{color:#fff}.agent-settlement-management-page .ant-input-search{border-radius:6px}.agent-settlement-management-page .ant-input-search .ant-input{border-radius:6px 0 0 6px}.agent-settlement-management-page .ant-input-search .ant-input-search-button{border-radius:0 6px 6px 0}.agent-settlement-management-page .ant-picker,.agent-settlement-management-page .ant-picker-range,.agent-settlement-management-page .ant-select{border-radius:6px}.agent-settlement-management-page .ant-select-selector{border-radius:6px!important}.agent-settlement-dashboard{padding:24px;background:#f5f5f5;min-height:100vh}.agent-settlement-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-title{flex:1}.header-title .ant-typography{margin-bottom:8px}.header-actions{flex-shrink:0}.main-content-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.main-content-card .ant-card-body{padding:0}.agent-settlement-dashboard .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{border-radius:8px 8px 0 0;border:1px solid #f0f0f0;background:#fafafa;margin-right:8px;transition:all .3s ease}.agent-settlement-dashboard .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab:hover{background:#f0f0f0;border-color:#d9d9d9}.agent-settlement-dashboard .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active{background:#fff;border-color:#1890ff;border-bottom-color:#fff;color:#1890ff;font-weight:500}.agent-settlement-dashboard .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active:hover{background:#fff;border-color:#1890ff}.agent-settlement-dashboard .ant-tabs-content-holder{background:#fff;border-radius:0 8px 8px;padding:24px;min-height:500px}.agent-settlement-dashboard .ant-btn-primary{background:#1890ff;border-color:#1890ff;border-radius:6px;font-weight:500;height:40px}.agent-settlement-dashboard .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.agent-settlement-dashboard .anticon{color:#1890ff}.agent-settlement-dashboard .page-header .anticon{margin-right:8px;font-size:24px}.agent-settlement-dashboard .ant-typography{color:#333}.agent-settlement-dashboard .ant-typography-caption{color:#999;font-size:12px}.agent-settlement-dashboard .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.agent-settlement-dashboard .ant-card:hover{box-shadow:0 4px 16px #00000026}.agent-settlement-dashboard .ant-space,.agent-settlement-dashboard .ant-space-vertical{width:100%}@media (max-width: 768px){.agent-settlement-dashboard{padding:16px}.page-header{padding:16px;margin-bottom:16px}.header-content{flex-direction:column;gap:16px}.header-actions,.header-actions .ant-btn{width:100%}.ant-tabs-content-holder{padding:16px}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{margin-right:4px;padding:8px 12px}}@media (max-width: 576px){.agent-settlement-dashboard,.page-header,.ant-tabs-content-holder{padding:12px}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{font-size:12px;padding:6px 8px}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab .anticon{font-size:14px}}.agent-settlement-dashboard .ant-spin-container{min-height:200px}.agent-settlement-dashboard .ant-tabs-content-holder{transition:all .3s ease}.agent-settlement-dashboard .ant-tabs-nav{margin-bottom:0;padding:0 24px;background:#fafafa;border-radius:8px 8px 0 0}.agent-settlement-dashboard .ant-tabs-nav:before{border-bottom:1px solid #f0f0f0}.agent-settlement-dashboard .ant-tabs-ink-bar{background:#1890ff;height:3px;border-radius:2px}.agent-settlement-dashboard .ant-tabs-tab{padding:12px 16px;font-weight:500;transition:all .3s ease}.agent-settlement-dashboard .ant-tabs-tab .anticon{margin-right:6px;font-size:16px}.agent-settlement-dashboard .ant-tabs-tab-active .anticon{color:#1890ff}.agent-settlement-dashboard .ant-tabs-tab:hover .anticon{color:#40a9ff}.agent-settlement-dashboard .ant-tabs-tab-disabled{color:#bfbfbf;cursor:not-allowed}.agent-settlement-dashboard .ant-tabs-tab-disabled .anticon{color:#bfbfbf}.agent-settlement-dashboard .ant-tabs-tabpane{padding:0}.agent-settlement-dashboard .ant-tabs-tabpane-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.agent-settlement-dashboard .ant-tabs-tabpane-empty{display:flex;justify-content:center;align-items:center;min-height:200px;color:#999}.agent-settlement-dashboard .ant-tabs-nav-wrap{overflow:hidden}.agent-settlement-dashboard .ant-tabs-nav-list{transition:transform .3s ease}.agent-settlement-dashboard .ant-tabs-nav-more{color:#bfbfbf;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.agent-settlement-dashboard .ant-tabs-nav-more:hover{color:#1890ff;background:#f0f0f0}.agent-settlement-dashboard .ant-tabs-dropdown{border-radius:6px;box-shadow:0 4px 16px #00000026}.agent-settlement-dashboard .ant-tabs-dropdown-menu-item{padding:8px 16px;transition:all .3s ease}.agent-settlement-dashboard .ant-tabs-dropdown-menu-item:hover{background:#f5f5f5;color:#1890ff}.agent-settlement-dashboard .ant-tabs-dropdown-menu-item-active{background:#e6f7ff;color:#1890ff}.agent-settlement-dashboard .ant-tabs-content-holder{overflow:visible;max-height:none}.settlement-request-card{border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 8px #0000000f}.settlement-request-card .ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0}.settlement-request-card .ant-card-head-title{color:#fff;font-weight:600}.settlement-request-card .ant-card-body{padding:24px}.settlement-request-card .ant-btn-primary{background:linear-gradient(135deg,#52c41a,#389e0d);border:none;box-shadow:0 4px 12px #52c41a4d;transition:all .3s ease}.settlement-request-card .ant-btn-primary:hover{background:linear-gradient(135deg,#73d13d,#52c41a);box-shadow:0 6px 16px #52c41a66;transform:translateY(-2px)}.settlement-request-card .ant-btn-primary:disabled{background:#d9d9d9;box-shadow:none;transform:none}.settlement-request-card .ant-alert{border-radius:6px;border:none}.settlement-request-card .ant-alert-info{background:#e6f7ff;border-left:4px solid #1890ff}.settlement-request-card .ant-picker{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s ease}.settlement-request-card .ant-picker:hover{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff1a}.settlement-request-card .ant-picker-focused{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.summary-stats .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border:1px solid #f0f0f0}.summary-stats .ant-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.summary-stats .ant-statistic-title{font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.summary-stats .ant-statistic-content{font-size:24px;font-weight:600}.summary-stats .ant-statistic-content-value{line-height:1.2}.summary-stats .ant-statistic-content-prefix{margin-right:8px;font-size:20px}@media (max-width: 768px){.summary-stats .ant-statistic-content{font-size:20px}.summary-stats .ant-statistic-content-prefix{font-size:16px}}@media (max-width: 576px){.summary-stats .ant-statistic-content{font-size:18px}.summary-stats .ant-statistic-title{font-size:12px}}.admin-system-config{padding:24px;background:#f5f5f5;min-height:100vh}.admin-system-config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.page-header{margin-bottom:24px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.page-header .ant-typography{margin-bottom:8px}.admin-system-config .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-system-config .ant-statistic{text-align:center;padding:16px;background:#fafafa;border-radius:6px;border:1px solid #f0f0f0}.admin-system-config .ant-statistic-title{color:#666;font-size:14px;margin-bottom:8px}.admin-system-config .ant-statistic-content{color:#1890ff;font-weight:600}.admin-system-config .ant-form-item-label>label{font-weight:500;color:#333}.admin-system-config .ant-input-number{border-radius:6px}.admin-system-config .ant-input-number:focus,.admin-system-config .ant-input-number-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.admin-system-config .ant-btn-primary{background:#1890ff;border-color:#1890ff;border-radius:6px;height:40px;font-weight:500}.admin-system-config .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.admin-system-config .ant-btn{border-radius:6px;height:40px}.admin-system-config .ant-alert{border-radius:6px;border:none}.admin-system-config .ant-alert-info{background:#e6f7ff;border-left:4px solid #1890ff}.admin-system-config .ant-alert-warning{background:#fff7e6;border-left:4px solid #faad14}.admin-system-config .ant-alert-error{background:#fff2f0;border-left:4px solid #ff4d4f}.admin-system-config .ant-tag{border-radius:4px;font-size:12px;padding:2px 8px}.admin-system-config .ant-tooltip-inner{background:#000000d9;border-radius:6px;font-size:12px}.admin-system-config .ant-modal-content{border-radius:8px}.admin-system-config .ant-modal-header{border-radius:8px 8px 0 0;border-bottom:1px solid #f0f0f0}.admin-system-config .ant-modal-body{padding:24px}@media (max-width: 768px){.admin-system-config{padding:16px}.page-header{padding:16px;margin-bottom:16px}.ant-statistic{padding:12px}.ant-statistic-title{font-size:12px}.ant-statistic-content{font-size:18px}}@media (max-width: 576px){.admin-system-config,.page-header{padding:12px}.ant-card,.ant-form-item{margin-bottom:16px}}.admin-system-config .ant-card{transition:all .3s ease}.admin-system-config .ant-card:hover{box-shadow:0 4px 16px #00000026}.admin-system-config .ant-btn,.admin-system-config .ant-input-number{transition:all .3s ease}.admin-system-config .ant-spin-container{min-height:200px}.admin-system-config .ant-form-item-has-error .ant-input-number{border-color:#ff4d4f}.admin-system-config .ant-form-item-has-error .ant-input-number:focus,.admin-system-config .ant-form-item-has-error .ant-input-number-focused{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f33}.config-change-item{background:#f5f5f5;border-radius:6px;padding:12px;margin-bottom:12px;border-left:3px solid #1890ff}.config-change-item .ant-tag{margin-right:8px}.admin-system-config .ant-statistic-content-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.admin-system-config .anticon{color:#1890ff}.page-header .anticon{margin-right:8px;font-size:24px}.admin-system-config .ant-divider{margin:24px 0;border-color:#f0f0f0}.admin-system-config .ant-space,.admin-system-config .ant-space-vertical{width:100%}.admin-system-config .ant-typography{color:#333}.admin-system-config .ant-typography-caption{color:#999;font-size:12px}.admin-system-config .ant-card-head-title{font-weight:600;color:#333}.admin-system-config .ant-card-extra{color:#666}.admin-system-config .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{color:#ff4d4f}.admin-system-config .ant-input-group-addon{background:#fafafa;border-color:#d9d9d9;color:#666;font-size:12px}.admin-system-config .ant-btn-group .ant-btn{border-radius:0}.admin-system-config .ant-btn-group .ant-btn:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.admin-system-config .ant-btn-group .ant-btn:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.agent-management-page{padding:24px;background:#fafafa;min-height:100vh}.agent-management-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.agent-management-page .page-header h2{margin:0;color:#1890ff}.agent-management-page .ant-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.agent-management-page .ant-tabs-content-holder{padding:24px}.summary-stats{margin-bottom:24px}.summary-stats .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.summary-stats .ant-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.summary-stats .ant-statistic-title{color:#666;font-size:14px;margin-bottom:8px}.summary-stats .ant-statistic-content{color:#262626;font-size:24px;font-weight:600}.agent-management .ant-table-wrapper{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.agent-management .ant-table-thead>tr>th{background:#fafafa;border-bottom:1px solid #f0f0f0;font-weight:600;color:#262626}.agent-management .ant-table-tbody>tr:hover>td{background:#f5f5f5}.agent-management .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px}.agent-management .ant-card-head{border-bottom:1px solid #f0f0f0;background:#fafafa}.agent-management .ant-card-head-title{font-weight:600;color:#262626}.agent-management .ant-btn-primary{background:#1890ff;border-color:#1890ff;border-radius:6px;font-weight:500}.agent-management .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.agent-management .ant-btn-link{padding:4px 8px;height:auto;border-radius:4px}.agent-management .ant-btn-link:hover{background:#f5f5f5}.agent-management .ant-tag{border-radius:4px;font-size:12px;font-weight:500;padding:2px 8px}.agent-management .ant-modal-header{border-bottom:1px solid #f0f0f0;background:#fafafa}.agent-management .ant-modal-title{font-weight:600;color:#262626}.agent-management .ant-form-item-label>label{font-weight:500;color:#262626}@media (max-width: 768px){.agent-management-page{padding:16px}.agent-management-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.summary-stats .ant-col{margin-bottom:16px}.ant-tabs-content-holder{padding:16px}}@media (max-width: 576px){.agent-management-page,.ant-tabs-content-holder{padding:12px}.summary-stats .ant-statistic-content{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;overflow-x:hidden;width:100%;min-width:100%}.landing-page{width:100vw;min-width:100%;max-width:100%;overflow-x:hidden}.navbar{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:15px 0;transition:all .3s ease;box-shadow:0 2px 20px #0000001a}.nav-container{max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;width:100%}.logo{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#00467f,#a5cc82);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover{color:#00467f}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background:#00467f;transition:width .3s ease}.nav-links a:hover:after{width:100%}.cta-button{background:linear-gradient(135deg,#00467f,#a5cc82);color:#fff;padding:12px 25px;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00467f66}.hero{height:100vh;background:linear-gradient(135deg,#00467f,#a5cc82);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="25" r="1" fill="white" opacity="0.05"/><circle cx="50" cy="50" r="1" fill="white" opacity="0.08"/><circle cx="25" cy="75" r="1" fill="white" opacity="0.03"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-content{max-width:1200px;padding:0 20px;position:relative;z-index:2;margin:0 auto}.hero h1{font-size:3.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:slideUp 1s ease}.hero p{font-size:1.3rem;margin-bottom:30px;opacity:.9;animation:slideUp 1s ease .2s both}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:slideUp 1s ease .4s both}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:#fff;color:#00467f;padding:15px 30px;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #ffffff4d}.btn-secondary{background:transparent;color:#fff;border:2px solid white;padding:15px 30px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.btn-secondary:hover{background:#fff;color:#00467f;transform:translateY(-3px)}.features{padding:100px 0;background:#f8f9ff}.container{max-width:100%;margin:0 auto;padding:0 20px;width:100%}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:2.5rem;color:#333;margin-bottom:15px}.section-title p{font-size:1.2rem;color:#666;max-width:800px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:60px;max-width:1400px;margin-left:auto;margin-right:auto}.feature-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid #e0e6ed}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#00467f,#a5cc82)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #00467f33}.feature-icon{font-size:3rem;margin-bottom:20px}.scene-edit-card .feature-icon{color:#00467f}.compose-card .feature-icon{color:#667eea}.video-card .feature-icon{color:#ff9800}.coming-soon-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,gold,orange);color:#333;padding:8px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:5px;box-shadow:0 4px 15px #ffd7004d;z-index:10;animation:pulse 2s infinite}.coming-soon-badge i{font-size:.7rem}.feature-card h3{font-size:1.8rem;margin-bottom:10px;color:#333}.feature-subtitle{color:#666;font-size:1rem;margin-bottom:25px;font-style:italic}.feature-details{text-align:left;margin-bottom:25px}.feature-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:8px 0}.feature-item i{color:#52c41a;margin-top:2px;flex-shrink:0}.feature-item span{color:#555;font-size:.95rem;line-height:1.5}.feature-stats{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.stat-item{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#00467f;padding:6px 12px;border-radius:15px;font-size:.85rem;font-weight:600}.products{padding:100px 0;background:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px;max-width:1400px;margin-left:auto;margin-right:auto}.product-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;padding:30px;transition:all .3s ease;border:1px solid #e0e6ed}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.product-card h4{font-size:1.3rem;color:#00467f;margin-bottom:15px;display:flex;align-items:center;gap:10px}.product-card ul{list-style:none}.product-card li{padding:8px 0;color:#555;display:flex;align-items:center;gap:10px}.product-card li:before{content:"✓";color:#00467f;font-weight:700}.tech-advantages{padding:100px 0;background:linear-gradient(135deg,#00467f,#a5cc82);color:#fff}.tech-advantages .section-title h2{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tech-advantages .section-title p{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);opacity:.95}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:60px;max-width:1400px;margin-left:auto;margin-right:auto}.advantage-item{text-align:center;padding:30px 20px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.advantage-item:hover{background:#fff3;transform:translateY(-5px)}.advantage-number{font-size:2.5rem;font-weight:700;margin-bottom:10px;display:block}.advantage-label{font-size:1.1rem;opacity:.9}.testimonials{padding:100px 0;background:#f8f9ff}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px;max-width:1400px;margin-left:auto;margin-right:auto}.testimonial-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;position:relative}.testimonial-card:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:#00467f;line-height:1}.testimonial-text{font-style:italic;margin-bottom:20px;color:#555;line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:15px}.author-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#00467f,#a5cc82);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.author-info h5{margin-bottom:5px;color:#333}.author-info p{color:#666;font-size:.9rem}.contact{padding:100px 0;background:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;max-width:1400px;margin-left:auto;margin-right:auto}.contact-form{background:#f8f9ff;padding:40px;border-radius:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e6ed;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00467f}.form-group textarea{resize:vertical;height:120px}.submit-btn{background:linear-gradient(135deg,#00467f,#a5cc82);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00467f66}.contact-info h3{color:#333;margin-bottom:20px;font-size:1.8rem}.contact-info p{color:#666;margin-bottom:30px;line-height:1.6}.contact-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.contact-item{display:flex;align-items:center;gap:15px}.contact-item i{width:40px;height:40px;background:linear-gradient(135deg,#00467f,#a5cc82);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.qr-code-section{margin-top:30px;text-align:center}.qr-code-container{display:inline-block;padding:30px;background:#fff;border-radius:20px;box-shadow:0 15px 40px #0000001a;border:2px solid #f0f0f0;margin:0 auto}.qr-code-content{display:flex;align-items:center;gap:30px}.qr-code-image{width:150px;height:150px;border-radius:10px;object-fit:cover;border:2px solid #f0f0f0;flex-shrink:0}.qr-code-info{flex:1}.qr-code-info h4{font-size:1.5rem;color:#00467f;margin-bottom:10px;font-weight:600}.qr-code-text{margin-bottom:15px;font-weight:600;color:#333;font-size:.9rem}.qr-code-features{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#00467f;padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:500}.footer{background:#2c3e50;color:#fff;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h4{margin-bottom:20px;font-size:1.2rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:10px}.footer-section a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#fff}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;background:#34495e;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-links a:hover{background:#00467f;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #34495e;color:#bdc3c7}@media (max-width: 768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.contact-content{grid-template-columns:1fr;gap:40px}.qr-code-content{flex-direction:column;text-align:center}.contact-details,.features-grid,.products-grid,.advantages-grid,.testimonials-grid{grid-template-columns:1fr}}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%{opacity:1;box-shadow:0 0 #52c41a66}70%{opacity:.7;box-shadow:0 0 0 10px #52c41a00}to{opacity:1;box-shadow:0 0 #52c41a00}}.text-to-image-chat-page{overflow:hidden;height:100vh}.text-to-image-chat{background:#fff;height:100vh;display:flex;flex-direction:column}.chat-container{flex:1;overflow-y:auto;background:#fff;scroll-behavior:smooth}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:#f1f1f1}.chat-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.message-container{display:flex;margin-bottom:24px;padding:0 24px}.message-container.user{justify-content:flex-end}.message-container.assistant{justify-content:flex-start}.message-content{display:flex;align-items:flex-start;max-width:800px;width:100%;gap:12px}.message-bubble{flex:1;min-width:0}.message-text{background-color:#10a37f;color:#fff;border-radius:12px;padding:16px 20px;line-height:1.6;font-size:14px;border:none}.message-text.assistant{background-color:#f7f7f8;color:#374151;border:1px solid #e5e7eb}.message-time{margin-top:8px;font-size:12px;opacity:.6;color:#fffc}.message-time.assistant{color:#6b7280}.image-message{background-color:#f7f7f8;border-radius:12px;padding:20px;border:1px solid #e5e7eb;margin-bottom:12px}.image-title{font-weight:600;font-size:16px;color:#374151;margin-bottom:16px}.image-prompt{font-size:13px;color:#6b7280;line-height:1.5;margin-top:8px}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.image-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;background-color:#fff}.image-item img{width:100%;height:200px;object-fit:cover;display:block}.image-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px}.image-action-btn{background-color:#ffffffe6;border:none;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.image-action-btn:hover{background-color:#fff;transform:scale(1.05)}.input-container{position:relative;background-color:#fff;border-top:1px solid #e5e7eb;padding:20px 24px}.input-wrapper{display:flex;align-items:flex-end;gap:12px;position:relative}.input-field{flex:1;position:relative}.input-textarea{border-radius:12px;border:1px solid #e5e7eb;padding:12px 16px;font-size:14px;line-height:1.5;resize:none;box-shadow:0 1px 2px #0000000d;transition:all .2s;min-height:44px;max-height:120px}.input-textarea:focus{border-color:#10a37f;box-shadow:0 0 0 2px #10a37f1a}.send-button{height:44px;border-radius:12px;background-color:#10a37f;border:none;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:44px;color:#fff}.send-button:disabled{background-color:#e5e7eb;color:#9ca3af}.send-button:hover:not(:disabled){background-color:#0d9488;transform:scale(1.02)}.suggestions-container{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:8px}.suggestion-item{background-color:#f3f4f6;border-radius:16px;padding:6px 12px;font-size:12px;color:#374151;cursor:pointer;border:1px solid #e5e7eb;transition:all .2s;display:flex;align-items:center;gap:6px}.suggestion-item:hover{background-color:#e5e7eb;transform:translateY(-1px)}.generating-status{margin-top:12px;display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px}.generating-dot{width:8px;height:8px;border-radius:50%;background-color:#f59e0b;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 24px;text-align:center}.empty-icon{width:80px;height:80px;border-radius:20px;background-color:#10a37f;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 4px 12px #10a37f4d}.empty-title{margin:0 0 16px;color:#374151;font-weight:600;font-size:24px}.empty-description{font-size:16px;color:#6b7280;margin:0 0 32px;max-width:500px;line-height:1.6}@media (max-width: 768px){.message-container{padding:0 16px}.input-container{padding:16px}.image-grid{grid-template-columns:1fr}.empty-container{padding:20px 16px}}.fade-in{animation:fadeIn .3s ease-in}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-controls{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px}.filter-controls .ant-input-search,.filter-controls .ant-select,.filter-controls .ant-picker{border-radius:6px}.filter-controls .ant-btn{border-radius:6px;font-weight:500}.stats-container{display:flex;gap:16px;margin-bottom:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.stat-card{flex:1;cursor:pointer;transition:all .3s ease;border:1px solid #f0f0f0}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f;border-color:#1890ff}.stat-card .ant-statistic-title{color:#666;font-size:14px;margin-bottom:8px}.stat-card .ant-statistic-content{font-size:24px;font-weight:700}.main-layout{display:flex;height:calc(100vh - 200px);gap:16px}.image-section{flex:6!important;display:flex;flex-direction:column;min-width:0;overflow:hidden}.image-container{flex:1;overflow-y:auto;padding:16px 0 80px;max-height:calc(100vh - 400px)}.image-container-wrapper{position:relative;height:100%}.image-container-wrapper .ant-row{margin-bottom:20px}.edit-section{flex:4!important;display:flex;flex-direction:column;min-width:0}.filter-toolbar{background:#fafafa;padding:16px;border-radius:8px;margin-bottom:16px}.filter-toolbar .ant-row{align-items:center}.image-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:16px 0;max-height:calc(100vh - 400px);overflow-y:auto}.image-card{transition:all .3s ease;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}.image-card .ant-card-body{padding:0!important}.image-card .ant-card-actions{margin:0;padding:4px 8px;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:2px}.image-card .ant-card-actions .ant-btn{flex:1;margin:0;padding:2px 4px;height:24px;font-size:11px;border:none;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:2px}.image-card .ant-card-actions .ant-btn .anticon{font-size:10px}.image-card .ant-card-actions .ant-btn:hover{background:#e6f7ff;color:#1890ff;transform:translateY(-1px)}.image-card .ant-card-actions .ant-btn.ant-btn-dangerous:hover{background:#fff2f0;color:#ff4d4f;transform:translateY(-1px)}.image-card .ant-card-actions .ant-btn:active{transform:translateY(0)}.image-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.image-card.selected{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.image-cover{position:relative;cursor:pointer;overflow:hidden}.image-cover img{transition:transform .3s ease}.image-cover:hover img{transform:scale(1.05)}.image-overlay{position:absolute;top:8px;right:8px;z-index:1}.image-overlay .ant-tag{margin:0;font-size:12px;padding:2px 8px;border-radius:4px}.image-prompt{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:12px 8px 8px;font-size:12px;line-height:1.4;z-index:2}.dialog-messages{height:calc(100% - 200px);overflow-y:auto;padding:16px 0;border-bottom:1px solid #f0f0f0;margin-bottom:16px}.dialog-messages::-webkit-scrollbar{width:6px}.dialog-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dialog-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dialog-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.message-bubble{display:flex;margin-bottom:16px;align-items:flex-start;animation:fadeIn .3s ease}.message-bubble.user{flex-direction:row-reverse}.message-avatar{margin:0 8px;flex-shrink:0}.message-avatar .ant-avatar{background:#f0f0f0;color:#666}.message-bubble.user .message-avatar .ant-avatar{background:#1890ff;color:#fff}.message-content{max-width:70%;background:#f5f5f5;padding:12px 16px;border-radius:12px;position:relative;word-wrap:break-word}.message-bubble.user .message-content{background:#1890ff;color:#fff}.message-text{line-height:1.5;margin-bottom:4px}.message-time{font-size:12px;color:#999;margin-top:4px}.message-bubble.user .message-time{color:#ffffffb3}.message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.message-images img{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.message-images img:hover{transform:scale(1.05)}.quick-actions{background:#fafafa;padding:16px;border-radius:8px;margin-bottom:16px}.quick-actions h4{margin-bottom:12px;color:#666;font-size:14px;font-weight:600}.quick-actions .ant-btn{margin-bottom:8px;border-radius:6px;font-size:12px;height:32px;padding:0 12px}.dialog-input{background:#fafafa;padding:16px;border-radius:8px}.dialog-input .ant-input{border-radius:8px;border:1px solid #d9d9d9;resize:none}.dialog-input .ant-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.dialog-input .ant-btn{border-radius:8px;height:40px;font-weight:500}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}@media (max-width: 1200px){.main-layout{height:calc(100vh - 180px)}.stats-container{gap:12px}.stat-card .ant-statistic-content{font-size:20px}.image-container{max-height:calc(100vh - 350px);padding:16px 0 80px}.image-grid{grid-template-columns:repeat(5,1fr);gap:10px}}@media (max-width: 768px){.main-layout{flex-direction:column;height:auto}.stats-container{flex-direction:column;gap:8px}.stat-card{margin-bottom:8px}.image-container{max-height:calc(100vh - 300px);padding:16px 0 80px}.image-grid{grid-template-columns:repeat(4,1fr);gap:10px}.edit-section{max-width:100%}.filter-toolbar .ant-row{flex-direction:column;gap:12px}.filter-toolbar .ant-col{width:100%}.message-content{max-width:85%}.quick-actions .ant-btn{width:100%;margin-bottom:8px}}@media (max-width: 576px){.stats-container{padding:12px}.stat-card .ant-statistic-content{font-size:18px}.image-container{max-height:calc(100vh - 250px);padding:16px 0 80px}.image-grid{grid-template-columns:repeat(3,1fr);gap:8px}.edit-section{max-width:100%}.message-content{max-width:90%;padding:8px 12px}.dialog-input{padding:12px}}@media (prefers-color-scheme: dark){.stats-container{background:#1f1f1f;border:1px solid #303030}.stat-card{background:#1f1f1f;border-color:#303030}.stat-card:hover{border-color:#1890ff}.filter-toolbar{background:#1f1f1f}.image-card{background:#1f1f1f;border-color:#303030}.message-content{background:#2f2f2f;color:#fff}.quick-actions,.dialog-input{background:#1f1f1f}}@media print{.main-layout{height:auto}.edit-section{display:none}.image-section{width:100%}.stats-container{box-shadow:none;border:1px solid #ccc}}.step-indicator{background:#fffffffa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:16px!important;padding:20px 24px!important;box-shadow:0 20px 60px #0000001a,0 8px 25px #0000000d,inset 0 1px #fffc!important;margin-bottom:24px!important;border:1px solid rgba(255,255,255,.3)!important;width:100%!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;min-width:0!important;overflow:visible!important;position:relative!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.step-indicator:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1890ff,#722ed1,#eb2f96);border-radius:20px 20px 0 0;opacity:.8}.step-indicator:hover{transform:translateY(-4px);box-shadow:0 25px 80px #00000026,0 12px 35px #00000014,inset 0 1px #ffffffe6}.step-indicator-header{text-align:center;margin-bottom:20px;position:relative}.step-title{font-size:24px;font-weight:700;color:#262626;margin:0 0 8px;background:linear-gradient(135deg,#1890ff,#722ed1,#eb2f96);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:normal;overflow:visible;text-overflow:unset;max-width:100%;position:relative;animation:titleGlow 3s ease-in-out infinite alternate;line-height:1.2;word-wrap:break-word;padding:0 10px}@keyframes titleGlow{0%{filter:drop-shadow(0 0 5px rgba(24,144,255,.3))}to{filter:drop-shadow(0 0 15px rgba(114,46,209,.4))}}.step-subtitle{font-size:14px;color:#666;margin:0;font-weight:500;opacity:.9;transition:opacity .3s ease}.step-indicator:hover .step-subtitle{opacity:1}.step-steps{margin-bottom:16px;width:100%;overflow:visible;display:flex;justify-content:flex-end}.step-steps .ant-steps{width:auto;max-width:80%}.step-steps .ant-steps-item{flex:0 0 auto;min-width:0;overflow:visible;padding:0 4px;width:20%;max-width:200px}.step-steps .ant-steps-item-content{width:100%;min-width:0;margin-top:4px}.step-steps .ant-steps-item-tail{top:16px}.step-steps .ant-steps-item-tail:after{background:linear-gradient(90deg,#e8e8e8,#f0f0f0)!important;height:2px!important;border-radius:1px!important;transition:all .4s ease!important}.step-steps .ant-steps-item-finish .ant-steps-item-tail:after{background:linear-gradient(90deg,#52c41a,#73d13d);box-shadow:0 2px 8px #52c41a4d}.step-steps .ant-steps-item-process .ant-steps-item-tail:after{background:linear-gradient(90deg,#52c41a,#1890ff,#722ed1);box-shadow:0 2px 8px #1890ff4d;animation:progressFlow 2s ease-in-out infinite}@keyframes progressFlow{0%,to{background:linear-gradient(90deg,#52c41a,#1890ff,#722ed1)}50%{background:linear-gradient(90deg,#73d13d,#40a9ff,#9254de)}}.step-steps .ant-steps-item-title{font-size:13px;font-weight:600;color:#262626;line-height:1.3;transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.step-steps .ant-steps-item-description{font-size:11px;color:#8c8c8c;line-height:1.3;margin-top:1px;transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.step-steps .ant-steps-item-process .ant-steps-item-title{color:#1890ff;font-weight:700}.step-steps .ant-steps-item-process .ant-steps-item-description{color:#1890ff}.step-steps .ant-steps-item-finish .ant-steps-item-title{color:#52c41a;font-weight:600}.step-steps .ant-steps-item-finish .ant-steps-item-description{color:#52c41a}.step-steps .ant-steps-item-wait .ant-steps-item-title{color:#8c8c8c}.step-steps .ant-steps-item-wait .ant-steps-item-description{color:#bfbfbf}.step-steps .ant-steps-item-icon{width:32px!important;height:32px!important;line-height:32px!important;font-size:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #e8e8e8!important;background:#fff!important;color:#999!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;border-radius:50%!important;position:relative!important;overflow:hidden!important}.step-steps .ant-steps-item-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:50%;opacity:0;transition:opacity .3s ease}.step-steps .ant-steps-item-icon:hover:before{opacity:1}.step-steps .ant-steps-item-process .ant-steps-item-icon{background:linear-gradient(135deg,#1890ff,#722ed1)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 25px #1890ff66,0 4px 12px #1890ff33,inset 0 1px #fff3!important;animation:pulseProcess 2s ease-in-out infinite!important}@keyframes pulseProcess{0%,to{box-shadow:0 8px 25px #1890ff66,0 4px 12px #1890ff33,inset 0 1px #fff3}50%{box-shadow:0 12px 35px #1890ff80,0 6px 18px #1890ff4d,inset 0 1px #ffffff4d}}.step-steps .ant-steps-item-finish .ant-steps-item-icon{background:linear-gradient(135deg,#52c41a,#73d13d)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 20px #52c41a4d,0 3px 10px #52c41a33,inset 0 1px #fff3!important;position:relative!important}.step-steps .ant-steps-item-finish .ant-steps-item-icon:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#fff}.step-steps .ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon{opacity:0}.step-steps .ant-steps-item-wait .ant-steps-item-icon{background:linear-gradient(135deg,#f5f5f5,#fafafa);border-color:#d9d9d9;color:#bfbfbf;box-shadow:inset 0 2px 4px #0000000d}.step-progress{display:flex;align-items:center;margin-top:8px}.progress-bar{flex:1!important;height:8px!important;background:linear-gradient(135deg,#f0f0f0,#e8e8e8)!important;border-radius:6px!important;overflow:hidden!important;box-shadow:inset 0 2px 4px #0000001a!important;position:relative!important}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill{height:100%!important;background:linear-gradient(135deg,#1890ff,#722ed1,#eb2f96)!important;border-radius:6px!important;transition:width .8s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShimmer 1.5s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 1024px) and (min-width: 769px){.step-indicator{max-width:900px;padding:20px 28px}.step-steps .ant-steps-item-title{font-size:15px}.step-steps .ant-steps-item-description{font-size:13px}.step-steps .ant-steps-item-icon{width:36px;height:36px;line-height:36px;font-size:17px}}@media (max-width: 768px){.step-indicator{padding:20px 16px;margin-bottom:16px;max-width:100%;margin-left:0;margin-right:0}.step-indicator-header{margin-bottom:20px}.step-title{font-size:22px;white-space:normal;text-overflow:unset;overflow:visible}.step-subtitle{font-size:14px}.step-steps{margin-bottom:16px;justify-content:center}.step-steps .ant-steps{flex-direction:column;width:100%;max-width:100%}.step-steps .ant-steps-item{flex:none;width:100%;max-width:none;margin-bottom:16px}.step-steps .ant-steps-item:last-child{margin-bottom:0}.step-steps .ant-steps-item-tail{display:none}.step-steps .ant-steps-item-title{font-size:14px;white-space:normal;text-overflow:unset;overflow:visible}.step-steps .ant-steps-item-description{font-size:12px;white-space:normal;text-overflow:unset;overflow:visible}.step-steps .ant-steps-item-icon{width:28px;height:28px;line-height:28px;font-size:14px}.step-progress{align-items:stretch}}@media (max-width: 480px){.step-indicator{padding:16px 12px;max-width:100%;margin-left:0;margin-right:0}.step-indicator-header{margin-bottom:16px}.step-title{font-size:18px;white-space:normal;text-overflow:unset;overflow:visible}.step-subtitle{font-size:13px}.step-steps,.step-steps .ant-steps-item{margin-bottom:12px}.step-steps .ant-steps-item-icon{width:24px;height:24px;line-height:24px;font-size:12px}.step-steps .ant-steps-item-title{font-size:13px}.step-steps .ant-steps-item-description{font-size:11px}}@media (prefers-color-scheme: dark){.step-indicator{background:#1e1e1efa;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d,0 8px 25px #0003,inset 0 1px #ffffff1a}.step-indicator:hover{box-shadow:0 25px 80px #0006,0 12px 35px #00000040,inset 0 1px #ffffff26}.step-title{color:#fff}.step-subtitle{color:#ccc}.step-steps .ant-steps-item-title{color:#fff}.step-steps .ant-steps-item-description{color:#aaa}.step-steps .ant-steps-item-wait .ant-steps-item-title{color:#666}.step-steps .ant-steps-item-wait .ant-steps-item-description{color:#555}.step-steps .ant-steps-item-wait .ant-steps-item-icon{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#444;color:#666}.step-steps .ant-steps-item-tail:after{background:linear-gradient(90deg,#333,#2a2a2a)}.progress-bar{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);box-shadow:inset 0 2px 4px #0000004d}}.dark-mode .step-indicator{background:#1e1e1efa;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d,0 8px 25px #0003,inset 0 1px #ffffff1a}.dark-mode .step-indicator:hover{box-shadow:0 25px 80px #0006,0 12px 35px #00000040,inset 0 1px #ffffff26}.dark-mode .step-title{color:#fff}.dark-mode .step-subtitle{color:#ccc}.dark-mode .step-steps .ant-steps-item-title{color:#fff}.dark-mode .step-steps .ant-steps-item-description{color:#aaa}.dark-mode .step-steps .ant-steps-item-wait .ant-steps-item-title{color:#666}.dark-mode .step-steps .ant-steps-item-wait .ant-steps-item-description{color:#555}.dark-mode .step-steps .ant-steps-item-wait .ant-steps-item-icon{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#444;color:#666}.dark-mode .step-steps .ant-steps-item-tail:after{background:linear-gradient(90deg,#333,#2a2a2a)}.dark-mode .progress-bar{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);box-shadow:inset 0 2px 4px #0000004d}.step-wizard{min-height:100vh!important;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.4) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.4) 0%,transparent 60%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0%,transparent 60%),radial-gradient(circle at 60% 60%,rgba(255,200,120,.2) 0%,transparent 50%),linear-gradient(135deg,#667eea,#764ba2)!important;padding:32px!important;display:flex!important;flex-direction:column!important;position:relative!important;overflow:hidden!important}.step-wizard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.15) 0%,transparent 60%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.1) 0%,transparent 60%),radial-gradient(circle at 50% 10%,rgba(255,255,255,.08) 0%,transparent 40%);pointer-events:none;animation:backgroundFloat 25s ease-in-out infinite;z-index:0}.step-wizard:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none;animation:backgroundFloat 30s ease-in-out infinite reverse;z-index:0}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-15px) rotate(.5deg) scale(1.02)}50%{transform:translateY(-30px) rotate(1deg) scale(1.05)}75%{transform:translateY(-10px) rotate(-.5deg) scale(1.02)}}.step-wizard-header{margin-bottom:40px!important;width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;position:relative!important;z-index:10!important}.step-wizard-content{flex:1!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;padding:0 20px!important;position:relative!important;z-index:10!important}.step-content-card{width:100%!important;max-width:900px!important;border-radius:24px!important;box-shadow:0 25px 80px #00000026,0 10px 40px #0000001a,inset 0 1px #fffc!important;border:1px solid rgba(255,255,255,.2)!important;background:#fffffffa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.step-content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1890ff,#722ed1,#eb2f96);border-radius:24px 24px 0 0;opacity:.8}.step-content-card:hover{box-shadow:0 35px 100px #0003,0 15px 50px #00000026,inset 0 1px #ffffffe6;transform:translateY(-4px)}.step-content-card .ant-card-body{position:relative}.step-wizard-footer{margin-top:40px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 32px!important;background:#fffffffa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:20px!important;box-shadow:0 15px 50px #0000001a,0 5px 20px #0000000d,inset 0 1px #fffc!important;border:1px solid rgba(255,255,255,.2)!important;position:relative!important;z-index:10!important;transition:all .3s ease!important;width:100%!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}.step-wizard-footer:hover{box-shadow:0 20px 60px #0000001f,0 8px 25px #00000014,inset 0 1px #ffffffe6;transform:translateY(-2px)}.footer-left{flex:0 0 auto;margin-right:auto}.footer-left .ant-btn{border-radius:12px;border:2px solid #e8e8e8;background:linear-gradient(135deg,#fff,#fafafa);color:#666;font-weight:600;height:48px;padding:0 24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d}.footer-left .ant-btn:hover{border-color:#1890ff;color:#1890ff;background:linear-gradient(135deg,#1890ff0d,#1890ff05);box-shadow:0 6px 20px #1890ff26;transform:translateY(-2px)}.footer-right{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center}.next-button{background:linear-gradient(135deg,#1890ff,#722ed1,#eb2f96);border:none;border-radius:12px;box-shadow:0 8px 25px #1890ff66,0 4px 12px #1890ff33;transition:all .3s cubic-bezier(.4,0,.2,1);height:48px;padding:0 32px;font-weight:700;position:relative;overflow:hidden}.next-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.next-button:hover:before{left:100%}.next-button:hover{background:linear-gradient(135deg,#40a9ff,#9254de,#f759ab);box-shadow:0 12px 35px #1890ff80,0 6px 18px #1890ff4d;transform:translateY(-3px)}.next-button:disabled{background:linear-gradient(135deg,#d9d9d9,#f0f0f0);box-shadow:none;transform:none;color:#999}.next-button:disabled:before{display:none}@media (max-width: 768px){.step-wizard{padding:20px}.step-wizard-header{margin-bottom:24px}.step-wizard-content{padding:0}.step-content-card{max-width:100%;border-radius:20px}.step-content-card .ant-card-body{padding:28px 20px}.step-wizard-footer{flex-direction:column;gap:20px;align-items:stretch;padding:20px;border-radius:16px;margin-top:24px;max-width:100%}.footer-left{flex:none;justify-content:center}.footer-right{flex:none;justify-content:flex-end}.footer-left .ant-btn{width:100%;height:44px}.footer-right .ant-space{width:100%;justify-content:flex-end}.footer-right .ant-space .ant-btn{flex:1;max-width:140px;height:44px}.next-button{height:44px;padding:0 24px}}@media (prefers-color-scheme: dark){.step-wizard{background:radial-gradient(circle at 20% 80%,rgba(60,60,120,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(120,60,100,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(60,120,150,.2) 0%,transparent 50%),linear-gradient(135deg,#1a1a2e,#16213e)}.step-content-card{background:#1e1e1efa;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 80px #0006,0 10px 40px #0000004d,inset 0 1px #ffffff1a}.step-content-card:hover{box-shadow:0 35px 100px #00000080,0 15px 50px #0006,inset 0 1px #ffffff26}.step-wizard-footer{background:#1e1e1efa;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 50px #0000004d,0 5px 20px #0003,inset 0 1px #ffffff1a}.step-wizard-footer:hover{box-shadow:0 20px 60px #0006,0 8px 25px #0000004d,inset 0 1px #ffffff26}.footer-left .ant-btn{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#444;color:#ccc}.footer-left .ant-btn:hover{border-color:#1890ff;color:#1890ff;background:linear-gradient(135deg,#1890ff1a,#1890ff0d)}}.dark-mode .step-wizard{background:radial-gradient(circle at 20% 80%,rgba(60,60,120,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(120,60,100,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(60,120,150,.2) 0%,transparent 50%),linear-gradient(135deg,#1a1a2e,#16213e)}.dark-mode .step-content-card{background:#1e1e1efa;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 80px #0006,0 10px 40px #0000004d,inset 0 1px #ffffff1a}.dark-mode .step-content-card:hover{box-shadow:0 35px 100px #00000080,0 15px 50px #0006,inset 0 1px #ffffff26}.dark-mode .step-wizard-footer{background:#1e1e1efa;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 50px #0000004d,0 5px 20px #0003,inset 0 1px #ffffff1a}.dark-mode .step-wizard-footer:hover{box-shadow:0 20px 60px #0006,0 8px 25px #0000004d,inset 0 1px #ffffff26}.dark-mode .footer-left .ant-btn{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#444;color:#ccc}.dark-mode .footer-left .ant-btn:hover{border-color:#1890ff;color:#1890ff;background:linear-gradient(135deg,#1890ff1a,#1890ff0d)}.product-image-upload{margin-bottom:24px}.upload-header{margin-bottom:16px}.upload-title{font-size:16px;color:#262626;display:flex;align-items:center;gap:8px}.upload-description{margin:8px 0 0;color:#8c8c8c;font-size:14px}.upload-area{border:2px dashed #d9d9d9;border-radius:8px;background:#fafafa;transition:all .3s ease}.upload-area:hover{border-color:#1890ff;background:#f0f8ff}.upload-header-row{display:flex;gap:24px;align-items:center;padding:12px}.upload-tips,.upload-action{flex:1;min-width:0}.upload-dragger{border:none!important;background:transparent!important;padding:12px;height:auto}.upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{font-size:32px;color:#1890ff;opacity:.8}.upload-text{text-align:center}.upload-hint{margin:4px 0 0;font-size:12px}.image-preview{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.preview-card{border:none;border-radius:0}.preview-content{display:flex;gap:16px;align-items:flex-start}.image-container{position:relative;flex-shrink:0}.preview-image{width:200px;height:150px;object-fit:cover;border-radius:6px;border:1px solid #e8e8e8}.image-overlay{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .3s ease}.image-container:hover .image-overlay{opacity:1}.image-info{flex:1;min-width:0}.info-header{margin-bottom:8px}.success-icon{color:#52c41a}.info-details{font-size:13px;line-height:1.5}.reupload-section{padding:12px 16px;background:#fafafa;border-top:1px solid #e8e8e8;text-align:center}@media (max-width: 768px){.upload-header-row{flex-direction:column;gap:16px}.upload-tips,.upload-action{flex:none;width:100%}.preview-content{flex-direction:column;align-items:center}.preview-image{width:100%;max-width:300px;height:auto;aspect-ratio:4/3}.image-info{width:100%;text-align:center}}.upload-dragger.ant-upload-drag-hover{border-color:#1890ff!important;background:#f0f8ff!important}.upload-dragger.ant-upload-drag-hover .upload-icon{color:#1890ff;transform:scale(1.1)}.upload-dragger.ant-upload-drag-uploading{opacity:.6}.upload-dragger.ant-upload-drag-uploading .upload-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.template-gallery{padding:24px 0}.gallery-header{text-align:center;margin-bottom:32px}.gallery-title{margin-bottom:8px!important;color:#262626}.gallery-description{font-size:16px;color:#8c8c8c;margin-bottom:0!important}.gallery-filters{margin-bottom:32px}.search-input,.category-select{border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;height:40px}.search-input .ant-input,.category-select .ant-select-selector{height:40px;display:flex;align-items:center}.search-input:focus,.search-input:hover,.category-select:focus,.category-select:hover{box-shadow:0 4px 12px #1890ff26;border-color:#1890ff}.template-grid{margin-bottom:30px}.template-card{border-radius:8px;border:1px solid #f0f0f0;transition:all .3s ease;overflow:hidden;height:100%;display:flex;flex-direction:column}.template-card:hover{border-color:#1890ff;box-shadow:0 8px 24px #1890ff26;transform:translateY(-4px)}.template-card.selected{border-color:#52c41a;box-shadow:0 8px 24px #52c41a33;background:linear-gradient(135deg,#52c41a0d,#52c41a05)}.template-preview{height:120px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.template-icon{font-size:48px;opacity:.8;transition:all .3s ease}.template-card:hover .template-icon{opacity:1;transform:scale(1.1)}.template-overlay{position:absolute;top:12px;right:12px}.template-tag{border-radius:12px;font-size:12px;font-weight:600}.template-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:6px}.template-title .ant-typography{flex:1;margin:0}.selected-tag{font-size:12px;border-radius:8px;flex-shrink:0;margin-left:8px}.template-description{margin-bottom:8px;flex:0 0 auto}.template-card .ant-card-meta{height:100%;display:flex;flex-direction:column}.template-card .ant-card-meta-detail{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.template-features{display:flex;flex-wrap:wrap;gap:2px;flex:0 0 auto}.template-features .ant-tag{border-radius:6px;font-size:11px;margin:0}@media (min-width: 1200px){.template-card{min-height:auto}.template-title{flex-direction:column;align-items:flex-start;gap:4px}.template-title .ant-typography{font-size:14px;line-height:1.4}.template-description .ant-typography{font-size:12px;line-height:1.4}.template-features{margin-top:6px}.template-features .ant-tag{font-size:10px;padding:2px 6px}}@media (max-width: 1199px) and (min-width: 992px){.template-card{min-height:auto}.template-title .ant-typography{font-size:13px}.template-description .ant-typography{font-size:11px}}.basic-input-section{background:#fafafa;border-radius:16px;padding:32px;border:1px solid #e8e8e8}.input-title{margin-bottom:24px!important;color:#262626;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.input-fields{max-width:800px;margin:0 auto}.input-group{margin-bottom:24px}.field-label{display:block;margin-bottom:8px;font-size:14px}.prompt-textarea{border-radius:8px;border:2px solid #e8e8e8;transition:all .3s ease;font-size:14px;line-height:1.6;height:80px!important;resize:none!important;overflow:hidden!important}.prompt-textarea .ant-input{height:80px!important;resize:none!important;overflow:hidden!important}.prompt-textarea:focus,.prompt-textarea:hover{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.style-input,.scene-input{border-radius:8px;border:2px solid #e8e8e8;transition:all .3s ease}.style-input:focus,.style-input:hover,.scene-input:focus,.scene-input:hover{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.field-tip{margin-top:8px;padding:8px 12px;background:#1890ff0d;border-radius:6px;border-left:3px solid #1890ff;display:flex;align-items:center;gap:6px}.field-tip .ant-typography{margin:0}@media (max-width: 768px){.template-gallery{padding:16px 0}.gallery-header{margin-bottom:24px}.gallery-title{font-size:20px!important}.gallery-description{font-size:14px}.gallery-filters{margin-bottom:24px}.template-grid{margin-bottom:32px}.template-preview{height:100px}.template-icon{font-size:36px}.basic-input-section{padding:24px 16px}.input-title{font-size:18px!important;margin-bottom:20px!important}.input-group{margin-bottom:20px}}@media (max-width: 480px){.template-preview{height:80px}.template-icon{font-size:28px}.basic-input-section{padding:20px 12px}.template-title{flex-direction:column;align-items:flex-start;gap:8px}.template-title .ant-typography{width:100%}.selected-tag{margin-left:0;margin-top:4px}}.cinematography-guide{padding:24px 0}.guide-header{text-align:center;margin-bottom:32px}.guide-title{margin-bottom:8px!important;color:#262626}.guide-description{font-size:16px;color:#8c8c8c;margin-bottom:0!important}.category-nav{margin-bottom:32px;display:flex;justify-content:center}.category-btn{border-radius:8px;height:40px;padding:0 16px;font-weight:500;transition:all .3s ease;border:2px solid #e8e8e8;background:#fff}.category-btn:hover{border-color:#1890ff;color:#1890ff;transform:translateY(-1px)}.category-btn.active{background:linear-gradient(135deg,#1890ff,#722ed1);border-color:transparent;color:#fff;box-shadow:0 4px 12px #1890ff4d}.options-section{margin-bottom:32px}.options-card{border-radius:16px;border:1px solid #e8e8e8;box-shadow:0 4px 16px #0000000f}.options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.options-title{margin:0!important;color:#262626}.help-icon{color:#8c8c8c;font-size:16px;cursor:help}.options-grid{margin-top:16px}.option-card{border-radius:12px;border:2px solid #f0f0f0;transition:all .3s ease;height:100%;cursor:pointer}.option-card:hover{border-color:#1890ff;box-shadow:0 6px 20px #1890ff26;transform:translateY(-2px)}.option-card.selected{border-color:#52c41a;background:linear-gradient(135deg,#52c41a0d,#52c41a05);box-shadow:0 6px 20px #52c41a33}.option-content{height:100%;display:flex;flex-direction:column}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.option-label{font-size:16px;color:#262626}.selected-indicator{width:20px;height:20px;background:#52c41a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.option-description{margin-bottom:12px!important;color:#595959;font-size:14px;line-height:1.5}.option-example{margin-top:auto;padding:8px 12px;background:#1890ff0d;border-radius:6px;border-left:3px solid #1890ff}.example-text{font-size:13px;color:#1890ff;display:flex;align-items:center;gap:4px}.selection-summary{margin-top:32px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e8e8e8}.summary-item .ant-typography{margin:0}@media (max-width: 768px){.cinematography-guide{padding:16px 0}.guide-header{margin-bottom:24px}.guide-title{font-size:20px!important}.guide-description{font-size:14px}.category-nav{margin-bottom:24px}.category-btn{height:36px;padding:0 12px;font-size:14px}.options-header{flex-direction:column;align-items:flex-start;gap:8px}.options-title{font-size:18px!important}.option-label{font-size:14px}.option-description{font-size:13px!important}.example-text{font-size:12px}.summary-title{font-size:18px!important;margin-bottom:16px!important}.summary-item{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.category-nav .ant-row{flex-direction:column;gap:8px}.category-btn{width:100%;justify-content:center}.option-card{margin-bottom:12px}.summary-item{padding:12px 0}}.timeline-editor{padding:24px 0}.editor-header{text-align:center;margin-bottom:32px}.editor-title{margin-bottom:8px!important;color:#262626}.editor-description{font-size:16px;color:#8c8c8c;margin-bottom:0!important}.tab-navigation{margin-bottom:32px;display:flex;justify-content:center}.tab-btn{border-radius:8px;height:44px;padding:0 20px;font-weight:500;transition:all .3s ease;border:2px solid #e8e8e8;background:#fff;position:relative}.tab-btn:hover{border-color:#1890ff;color:#1890ff;transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,#1890ff,#722ed1);border-color:transparent;color:#fff;box-shadow:0 4px 12px #1890ff4d}.tab-count{margin-left:4px;font-size:12px;opacity:.8}.tab-content{margin-bottom:32px}.timeline-section{background:#fafafa;border-radius:16px;padding:24px;border:1px solid #e8e8e8}.section-header{margin-bottom:24px;text-align:center}.section-title{margin-bottom:8px!important;color:#262626}.timeline-items{margin-bottom:24px}.timeline-item{margin-bottom:16px;border-radius:12px;border:1px solid #e8e8e8;transition:all .3s ease}.timeline-item:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff1a}.item-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#1890ff,#722ed1);color:#fff;border-radius:50%;font-size:14px;font-weight:700}.timing-input,.speaker-input,.content-input,.volume-input{display:flex;flex-direction:column;gap:4px}.timing-input .ant-input,.speaker-input .ant-input,.content-input .ant-input,.volume-input .ant-input{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s ease}.timing-input .ant-input:focus,.speaker-input .ant-input:focus,.content-input .ant-input:focus,.volume-input .ant-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.content-input .ant-input{border-radius:8px}.remove-btn{display:flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .3s ease;opacity:1!important;visibility:visible!important;position:relative;z-index:1}.remove-btn:hover{background:#ff4d4f;color:#fff;border-color:#ff4d4f}.remove-btn .anticon{font-size:14px}.timeline-item .remove-btn{background:#ff4d4f1a!important;border:1px solid rgba(255,77,79,.3)!important;color:#ff4d4f!important}.timeline-item .remove-btn:hover{background:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}@media (max-width: 480px){.timeline-item .remove-btn{background:#ff4d4f26!important;border:1px solid rgba(255,77,79,.4)!important;color:#ff4d4f!important;margin-top:8px!important}}.add-item-btn{height:48px;border-radius:8px;border:2px dashed #d9d9d9;background:#fafafa;color:#8c8c8c;font-size:16px;font-weight:500;transition:all .3s ease}.add-item-btn:hover{border-color:#1890ff;color:#1890ff;background:#1890ff0d}.timeline-preview{margin-top:32px}.preview-card{border-radius:16px;border:1px solid #e8e8e8;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.preview-title{margin-bottom:20px!important;color:#262626;text-align:center}.preview-timeline{padding:20px}.timeline-track{background:#fff;border-radius:8px;padding:16px;border:1px solid #e8e8e8}.timeline-ruler{display:flex;justify-content:space-between;margin-bottom:16px;padding:8px 0;border-bottom:1px solid #f0f0f0}.ruler-mark{text-align:center;font-size:12px}.timeline-events{min-height:60px;position:relative;background:#fafafa;border-radius:6px;border:1px dashed #d9d9d9}.no-events{display:flex;align-items:center;justify-content:center;height:60px;color:#8c8c8c;font-style:italic}.timeline-events-container{position:relative;height:60px;padding:8px 0}.timeline-event{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:500;box-shadow:0 2px 8px #00000026;transition:all .3s ease;cursor:pointer;max-width:200px;min-width:80px}.timeline-event:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #0003}.event-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px}.event-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.event-text{color:#fff!important;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.event-time{color:#fffc!important;font-size:10px;line-height:1}@media (max-width: 768px){.timeline-editor{padding:16px 0}.editor-header{margin-bottom:24px}.editor-title{font-size:20px!important}.editor-description{font-size:14px}.tab-navigation{margin-bottom:24px}.tab-btn{height:40px;padding:0 16px;font-size:14px}.timeline-section{padding:20px 16px}.section-title{font-size:18px!important}.timeline-item{margin-bottom:12px}.item-number{width:28px;height:28px;font-size:12px}.remove-btn{width:28px;height:28px;opacity:1!important;visibility:visible!important}.add-item-btn{height:44px;font-size:14px}.preview-title{font-size:18px!important}.preview-timeline{padding:16px}.timeline-ruler{flex-wrap:wrap;gap:8px}.ruler-mark{font-size:11px}.timeline-event{max-width:150px;min-width:60px;padding:4px 8px;font-size:11px}.event-text{font-size:10px}.event-time{font-size:9px}}@media (max-width: 480px){.tab-navigation .ant-row{flex-direction:column;gap:8px}.tab-btn{width:100%;justify-content:center}.timeline-section{padding:16px 12px}.timeline-item .ant-row{flex-direction:column;gap:12px}.timeline-item .ant-col{width:100%!important;max-width:100%!important;flex:none!important}.timeline-item .ant-col:last-child{width:auto!important;max-width:none!important;flex:none!important;display:flex!important;justify-content:flex-end!important}.item-number{align-self:flex-start}.remove-btn{align-self:flex-end;width:32px!important;height:32px!important;min-width:32px!important;flex-shrink:0!important}}.final-preview{padding:24px 0}.product-image-preview{margin-bottom:32px}.image-preview-card{border-radius:16px;border:1px solid #e8e8e8;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.image-preview-title{margin-bottom:16px!important;color:#262626;text-align:center}.image-preview-content{display:flex;align-items:center;gap:20px;justify-content:center}.image-info{text-align:left;font-size:13px;line-height:1.6}@media (max-width: 768px){.image-preview-content{flex-direction:column;text-align:center}.image-info{text-align:center}}.preview-header{text-align:center;margin-bottom:32px}.preview-title{margin-bottom:8px!important;color:#262626}.preview-description{font-size:16px;color:#8c8c8c;margin-bottom:0!important}.config-summary{margin-bottom:32px}.summary-card{border-radius:16px;border:1px solid #e8e8e8;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.summary-title{margin-bottom:20px!important;color:#262626;text-align:center}.summary-section{background:#fff;border-radius:12px;padding:16px;border:1px solid #e8e8e8;height:100%}.section-label{display:block;margin-bottom:12px;color:#262626;font-size:14px}.section-content{display:flex;flex-direction:column;gap:8px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f0f0f0}.summary-item:last-child{border-bottom:none}.summary-item .ant-typography{margin:0;font-size:13px}.validation-status{margin-top:16px}.status-valid,.status-invalid{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px}.status-valid{background:#52c41a1a;border:1px solid rgba(82,196,26,.3)}.status-invalid{background:#faad141a;border:1px solid rgba(250,173,20,.3)}.status-icon{font-size:20px}.status-icon.valid{color:#52c41a}.status-icon.invalid{color:#faad14}.status-content{flex:1}.status-text{display:block;margin-bottom:8px;font-size:14px}.status-issues{display:flex;flex-wrap:wrap;gap:4px}.issue-tag{font-size:12px;border-radius:4px}.prompt-preview{margin-bottom:32px}.prompt-card{border-radius:16px;border:1px solid #e8e8e8;box-shadow:0 4px 16px #0000000f}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;min-width:0}.prompt-title{margin:0!important;color:#262626;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;min-width:0}.prompt-content{margin-bottom:16px;width:100%;position:relative;max-height:400px;overflow:visible}.prompt-textarea{border-radius:8px;border:2px solid #e8e8e8;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;transition:all .3s ease;width:100%;min-height:200px;max-height:350px;resize:vertical;overflow-y:scroll!important;overflow-x:hidden;padding:12px 16px;background:#fafafa;box-sizing:border-box}.prompt-textarea::-webkit-scrollbar{width:10px!important;height:10px!important;-webkit-appearance:none}.prompt-textarea::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:5px!important;margin:2px 0!important;border:1px solid #e8e8e8}.prompt-textarea::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1890ff,#722ed1)!important;border-radius:5px!important;transition:all .3s ease!important;border:1px solid rgba(255,255,255,.2);min-height:20px}.prompt-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#40a9ff,#9254de)!important;box-shadow:0 2px 8px #1890ff4d!important;transform:scale(1.1)}.prompt-textarea::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#096dd9,#531dab)!important}.prompt-textarea::-webkit-scrollbar-corner{background:#f1f1f1!important}.prompt-textarea{scrollbar-width:thin!important;scrollbar-color:#1890ff #f1f1f1!important}.prompt-textarea{overflow-y:scroll!important;scrollbar-gutter:stable}.prompt-textarea{padding-right:20px!important}.prompt-textarea{direction:ltr;text-align:left}.prompt-textarea-container{position:relative;width:100%}.prompt-textarea:after{content:"";position:absolute;right:2px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(135deg,#1890ff,#722ed1);border-radius:2px;opacity:0;transition:opacity .3s ease;pointer-events:none}.prompt-textarea:hover:after{opacity:.3}.prompt-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.prompt-tips{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#1890ff0d;border-radius:8px;border-left:3px solid #1890ff}.tip-icon{color:#1890ff;font-size:16px}.tip-text{font-size:13px;color:#1890ff}.generation-params{margin-bottom:32px}.params-card{border-radius:16px;border:1px solid #e8e8e8;background:#fafafa}.params-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e8e8e8}.params-title{margin:0!important;color:#262626;display:flex;align-items:center;gap:8px}.param-group{display:flex;flex-direction:column;gap:8px}.param-label{font-size:14px;color:#262626}.param-group .ant-radio-group{display:flex;flex-wrap:wrap;gap:8px}.param-group .ant-radio-button-wrapper{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s ease}.param-group .ant-radio-button-wrapper:hover{border-color:#1890ff;color:#1890ff}.param-group .ant-radio-button-wrapper-checked{background:linear-gradient(135deg,#1890ff,#722ed1);border-color:transparent;color:#fff}.advanced-params{margin-top:16px}.generation-actions{text-align:center;margin-top:32px}.generate-button{height:56px;padding:0 48px;font-size:18px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#1890ff,#722ed1);border:none;box-shadow:0 6px 20px #1890ff4d;transition:all .3s ease}.generate-button:hover{background:linear-gradient(135deg,#40a9ff,#9254de);box-shadow:0 8px 24px #1890ff66;transform:translateY(-2px)}.generate-button:disabled{background:#d9d9d9;box-shadow:none;transform:none}.generate-tip{margin-top:12px}.generate-tip .ant-typography{font-size:14px}@media (max-width: 768px){.final-preview{padding:16px 0}.preview-header{margin-bottom:24px}.preview-title{font-size:20px!important}.preview-description{font-size:14px}.config-summary{margin-bottom:24px}.summary-title{font-size:18px!important;margin-bottom:16px!important}.summary-section{padding:12px;margin-bottom:12px}.section-label{font-size:13px;margin-bottom:8px}.summary-item .ant-typography{font-size:12px}.prompt-preview{margin-bottom:24px}.prompt-header{flex-direction:column;align-items:flex-start;gap:12px}.prompt-title{font-size:18px!important;white-space:nowrap;width:100%}.prompt-content{max-height:300px}.prompt-textarea{font-size:12px;min-height:150px;max-height:250px;line-height:1.5;padding:10px 12px}.prompt-textarea::-webkit-scrollbar{width:8px!important;height:8px!important}.prompt-textarea::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1890ff,#722ed1)!important;border-radius:4px!important;min-height:15px}.prompt-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#40a9ff,#9254de)!important}.prompt-textarea{padding-right:15px!important}.generation-params{margin-bottom:24px}.params-header{flex-direction:column;align-items:flex-start;gap:8px}.params-title{font-size:18px!important}.param-group .ant-radio-group{flex-direction:column;gap:4px}.param-group .ant-radio-button-wrapper{width:100%;text-align:center}.generate-button{height:48px;padding:0 32px;font-size:16px}}@media (max-width: 480px){.summary-section{padding:10px}.prompt-tips{flex-direction:column;align-items:flex-start;gap:4px}.tip-text{font-size:12px}.generate-button{width:100%;height:44px;font-size:15px}}.input-section .ant-form-item-label>label{font-weight:700!important;color:#262626!important;font-size:15px!important}.input-section .ant-input,.input-section .ant-select-selector{border-radius:12px!important;border:2px solid #e8e8e8!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 8px #0000000d!important}.input-section .ant-input:focus,.input-section .ant-select-focused .ant-select-selector{border-color:#1890ff!important;box-shadow:0 0 0 3px #1890ff26,0 4px 12px #1890ff33!important;background:#fff!important;transform:translateY(-1px)!important}.input-section .ant-input:hover,.input-section .ant-select:hover .ant-select-selector{border-color:#40a9ff!important;box-shadow:0 4px 12px #1890ff1a!important;transform:translateY(-1px)!important}.action-sequence,.dialogue-sequence{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;padding:16px}.action-item,.dialogue-item{margin-bottom:12px}.action-item:last-child,.dialogue-item:last-child{margin-bottom:0}.action-item .ant-input,.dialogue-item .ant-input{border-radius:4px}.action-item .ant-input-prefix,.dialogue-item .ant-input-prefix{color:#1890ff;font-weight:600;margin-right:8px}.add-button{border:2px dashed #1890ff!important;color:#1890ff!important;background:linear-gradient(135deg,#1890ff0d,#1890ff05)!important;border-radius:12px!important;height:48px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;font-weight:600!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 12px #1890ff1a!important}.add-button:hover{border-color:#40a9ff!important;color:#40a9ff!important;background:linear-gradient(135deg,#1890ff1a,#1890ff0d)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #1890ff33!important}.sound-effects-select .ant-select-selector{min-height:40px}.sound-effects-select .ant-select-selection-item{background:#f0f8ff;border:1px solid #91d5ff;color:#1890ff;border-radius:4px;margin:2px}.preview-section .ant-card-head{background:#fafafa;border-bottom:1px solid #e8e8e8}.preview-section .ant-card-head-title{color:#262626;font-weight:600}.preview-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin:12px 0;max-height:300px;overflow-y:auto;position:relative}.prompt-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;color:#495057;white-space:pre-wrap;word-break:break-word;margin:0}.preview-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.preview-actions .ant-btn{border-radius:6px;height:36px;padding:0 16px}.generate-controls{margin-top:24px;padding-top:24px;border-top:1px solid #e8e8e8}.generate-button{height:56px!important;font-size:18px!important;font-weight:700!important;border-radius:16px!important;background:linear-gradient(135deg,#1890ff,#722ed1,#eb2f96)!important;border:none!important;box-shadow:0 8px 25px #1890ff66,0 4px 12px #1890ff33!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.generate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.generate-button:hover:before{left:100%}.generate-button:hover{background:linear-gradient(135deg,#40a9ff,#9254de,#f759ab)!important;box-shadow:0 12px 35px #1890ff80,0 6px 18px #1890ff4d!important;transform:translateY(-3px)!important}.generate-button:active{transform:translateY(-1px)!important;box-shadow:0 6px 20px #1890ff66,0 3px 10px #1890ff33!important}.generate-button:disabled{background:linear-gradient(135deg,#d9d9d9,#f0f0f0)!important;color:#999!important;box-shadow:none!important;transform:none!important}.generate-button:disabled:before{display:none!important}.ant-radio-group-solid .ant-radio-button-wrapper{border-radius:6px;border:1px solid #d9d9d9;margin-right:8px;transition:all .3s ease}.ant-radio-group-solid .ant-radio-button-wrapper:hover{border-color:#40a9ff;color:#40a9ff}.ant-radio-group-solid .ant-radio-button-wrapper-checked{background:#1890ff;border-color:#1890ff;color:#fff;box-shadow:0 2px 4px #1890ff4d}@media (max-width: 768px){.input-section{margin:0 -8px;border-radius:0}.preview-content{max-height:200px;padding:12px}.prompt-text{font-size:12px;line-height:1.5}.generate-button{height:44px;font-size:15px}.preview-actions{flex-direction:column;gap:8px}.preview-actions .ant-btn{width:100%}}@media (max-width: 480px){.action-sequence,.dialogue-sequence{padding:12px}.action-item,.dialogue-item{margin-bottom:8px}.add-button{height:36px;font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-section{animation:fadeIn .3s ease-out}.preview-section{animation:fadeIn .3s ease-out .1s both}.ant-spin-container{min-height:200px}.ant-spin-blur{opacity:.5}.error-message{color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;padding:12px;margin:12px 0}.success-message{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;padding:12px;margin:12px 0}.sora2-generator{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.step-content-card{animation:fadeInUp .5s ease-out}.step-content-card .ant-card-body{animation:slideInRight .3s ease-out .2s both}.ant-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-btn:hover{transform:translateY(-1px)}.ant-btn:active{transform:translateY(0)}.ant-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.ant-input:focus,.ant-input-focused,.ant-select-focused .ant-select-selector,.ant-textarea:focus{box-shadow:0 0 0 2px #1890ff33;border-color:#1890ff}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{animation:pulse 2s infinite}.success-animation{animation:pulse .6s ease-out}.error-shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.sora2-generator{background:linear-gradient(135deg,#667eea,#764ba2)}.step-content-card .ant-card-body{padding:20px 16px}}@media (max-width: 480px){.step-content-card .ant-card-body{padding:16px 12px}}@media (prefers-color-scheme: dark){.sora2-generator{background:linear-gradient(135deg,#2c3e50,#34495e)}}@media (prefers-contrast: high){.ant-card,.ant-btn{border:2px solid #000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}