: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;display:flex;place-items:center;min-width:320px;min-height:100vh}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}}:root{--primary-color: #7f5af0;--primary-dark: #9b76ff;--success-color: #2cb67d;--danger-color: #f5584f;--warning-color: #f5a623;--info-color: #5b9bf5;--text-primary: #fffffe;--text-secondary: #94a1b2;--text-light: #72757e;--bg-primary: #1c1c22;--bg-secondary: #16161a;--bg-surface: #232329;--bg-surface2: #2a2a32;--bg-gradient: linear-gradient(135deg, #7f5af0 0%, #9b76ff 100%);--border-color: rgba(255, 255, 255, .08);--border-color2: rgba(255, 255, 255, .13);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--transition: all .3s ease}html,body,#root{height:100%;margin:0;display:flex;justify-content:center;align-items:flex-start;width:100%;background-color:var(--bg-secondary)}.app{width:calc(100% - 200px);min-height:100vh;padding:0;margin-left:200px;background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box;display:block;transition:margin-left .3s ease}.page-container{width:100%;display:block;background:transparent;padding:20px 0 0}.image-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.queue-header-bar{flex-shrink:0;background:var(--bg-secondary);z-index:10}.image-page-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 0 16px;scrollbar-width:thin;scrollbar-color:#2a2a32 transparent;scrollbar-gutter:stable both-edges}.image-page-content::-webkit-scrollbar{width:4px}.image-page-content::-webkit-scrollbar-thumb{background:#2a2a32;border-radius:99px}.image-input-bar{flex-shrink:0;padding:88px 0 16px;background:transparent;position:relative;margin-top:-88px;z-index:5}.image-input-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.015) 18%,rgba(22,22,26,.72) 38%,rgba(22,22,26,.94) 55%,#16161a 68%);pointer-events:none;z-index:-1}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px;box-sizing:border-box}.section{background:var(--bg-primary);border-radius:var(--border-radius);padding:16px 20px;margin-bottom:16px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000004d}.label-with-link,.label-with-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;color:var(--text-primary)}.help-link{color:var(--info-color);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition)}.help-link:hover{color:var(--primary-dark);text-decoration:underline}.info-tag{background:var(--bg-secondary);padding:4px 10px;border-radius:12px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.input-key,.textarea-prompt{width:100%;padding:14px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:1rem;font-family:Monaco,Courier New,monospace;transition:var(--transition);box-sizing:border-box}.input-key:focus,.textarea-prompt:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.textarea-prompt{resize:vertical;min-height:100px;font-family:inherit}.hint{margin-top:8px;font-size:.85rem;color:var(--text-secondary)}.chinese-warning{background:#fff3cd;border-left:4px solid var(--warning-color);padding:12px 16px;border-radius:var(--border-radius-sm);color:#856404;margin-top:12px;font-size:.9rem}.upload-area{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:32px;text-align:center;transition:var(--transition);background:var(--bg-secondary)}.upload-area.drag-over{border-color:var(--primary-color);background:#667eea0d}.upload-hint{margin-top:12px;font-size:.9rem;color:var(--text-secondary)}.preview-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.preview-item{position:relative;display:inline-block}.preview-image{width:120px;height:120px;object-fit:cover;border-radius:var(--border-radius-sm);border:2px solid var(--primary-color);box-shadow:var(--shadow-sm)}.preview-remove{position:absolute;top:-8px;right:-8px;background:var(--danger-color);color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-weight:700;font-size:18px;box-shadow:var(--shadow-sm);transition:var(--transition)}.preview-remove:hover{background:#c0392b;transform:scale(1.1)}.preview-index{position:absolute;bottom:4px;left:4px;background:#0009;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px}.preview-success{margin:12px 0 0;color:var(--success-color);font-size:14px;font-weight:700}.uploading-section{margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:var(--border-radius-sm);border:2px dashed #dee2e6}.uploading-header{margin-bottom:12px}.uploading-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.preview-item.uploading{position:relative}.upload-progress-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);z-index:10}.progress-circle{position:relative;width:60px;height:60px;margin-bottom:8px}.progress-circle .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:600}.upload-status-text{color:#fff;font-size:12px;margin:0;text-align:center}.upload-success,.upload-error{display:flex;flex-direction:column;align-items:center;gap:8px}.success-icon{width:50px;height:50px;border-radius:50%;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.error-icon{width:50px;height:50px;border-radius:50%;background:#f44336;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.uploading-filename{margin-top:4px;font-size:11px;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.param-item{display:flex;flex-direction:column;gap:8px}.param-label{font-weight:600;color:var(--text-primary);font-size:.95rem}.param-select{padding:10px 14px;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:1rem;background:#fff;cursor:pointer;transition:var(--transition)}.param-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.param-slider{width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;cursor:pointer}.param-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}.param-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #667eea33}.param-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;-moz-transition:var(--transition);transition:var(--transition)}.param-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #667eea33}.param-hint{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-top:4px}.btn{padding:14px 32px;border:none;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--text-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--text-primary)}.btn-upload{background:var(--info-color);color:#fff;padding:12px 24px;border:none;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-upload:hover{background:#2980b9;transform:translateY(-2px)}.btn-generate{width:100%;padding:16px;font-size:1.1rem;background:linear-gradient(135deg,var(--success-color) 0%,#229954 100%);color:#fff;border:none;border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.btn-generate:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-generate:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed}.generate-hint{text-align:center;margin-top:12px;font-size:.9rem;color:var(--text-secondary)}.results-panel{margin-top:24px}.progress-section{margin-bottom:24px;padding:20px;background:#e3f2fd;border-left:4px solid var(--info-color);border-radius:var(--border-radius)}.progress-title{margin:0 0 12px;color:#1976d2;font-size:1.2rem}.progress-bar-container{position:relative;width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-dark) 100%);transition:width .3s ease-out}.progress-section .progress-text{margin:0 0 8px;color:#1976d2;font-size:14px;font-weight:500}.progress-hint{margin:0;color:#666;font-size:12px}.results-section{animation:fadeIn .3s ease-out}.results-header{margin-bottom:20px;padding:16px;background:#d5f4e6;border-left:4px solid var(--success-color);border-radius:var(--border-radius)}.results-title{margin:0 0 8px;color:var(--success-color);font-size:1.2rem}.results-meta{display:flex;gap:16px;flex-wrap:wrap;color:#16a085;font-size:14px}.results-meta span{display:inline-flex;align-items:center;gap:4px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.result-card{position:relative;border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:12px;background:#fff;box-shadow:var(--shadow-md);animation:fadeIn .3s ease-out;transition:transform .3s ease,box-shadow .3s ease}.result-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.result-badge{position:absolute;top:-12px;right:-12px;background:var(--success-color);color:#fff;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:700;box-shadow:var(--shadow-sm);z-index:1}.result-image-container{position:relative;cursor:pointer;border-radius:var(--border-radius-sm);overflow:hidden}.result-image{width:100%;height:auto;display:block;border-radius:var(--border-radius-sm);transition:var(--transition)}.result-image-container:hover .result-image{transform:scale(1.05)}.result-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);border-radius:var(--border-radius-sm)}.result-image-container:hover .result-overlay{opacity:1}.overlay-text{color:#fff;font-weight:600;font-size:1rem}.result-actions{margin-top:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.result-btn{padding:8px 14px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block}.result-btn-primary{background:var(--info-color);color:#fff}.result-btn-primary:hover{background:#2980b9}.result-btn-secondary{background:#9b59b6;color:#fff}.result-btn-secondary:hover{background:#8e44ad}.result-btn.copied{background:var(--success-color)}.batch-actions{display:flex;gap:12px;justify-content:center;padding:20px;background:var(--bg-secondary);border-radius:var(--border-radius)}.results-error{padding:32px;text-align:center;background:#fadbd8;border-left:4px solid var(--danger-color);border-radius:var(--border-radius);color:#c0392b}.error-icon{font-size:3rem;margin-bottom:16px}.results-error h3{margin:0 0 12px;font-size:1.5rem}.results-error>p{margin:0 0 20px;font-size:1rem}.error-suggestions{text-align:left;background:#fff;padding:20px;border-radius:var(--border-radius-sm);margin-top:20px}.error-suggestions strong{color:var(--text-primary)}.error-suggestions ul{margin:12px 0 0 20px;color:var(--text-secondary)}.error-suggestions li{margin:8px 0}.hint-item{display:inline-flex;align-items:baseline;gap:6px;flex:1;justify-content:center}.hint-icon{font-size:16px;display:inline-block;transform:translateY(2px)}.hint-text{font-size:12px;color:#666;font-weight:500;white-space:nowrap;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.app{margin-left:180px;width:calc(100% - 180px)}}@media(max-width:768px){.app{margin-left:72px;width:calc(100% - 72px)}.container{padding:20px 12px}.section{padding:16px}.params-grid,.results-grid{grid-template-columns:1fr}.batch-actions{flex-direction:column}}@media(max-width:480px){.app{margin-left:72px;width:calc(100% - 72px)}.btn{padding:12px 24px}.result-actions{flex-direction:column}}.data-management-grid{display:flex;gap:10px}.btn-equal{flex:1;text-align:center;padding:12px 0;font-size:1rem;border-radius:8px}.hp-root{background:#0d0d10;color:#fffffe;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hp-root input,.hp-root textarea,.hp-root [contenteditable]{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.hp-root{--hp-primary: #7f5af0;--hp-primary-light: #9b76ff;--hp-bg: #0d0d10;--hp-surface: #16161c;--hp-surface2: #1c1c25;--hp-text: #fffffe;--hp-muted: #94a1b2;--hp-border: rgba(255,255,255,.07);--hp-border-l: rgba(255,255,255,.12);--hp-green: #2cb67d;--hp-blue: #5b9bf5}.hp-header{position:fixed;top:20px;left:0;right:0;z-index:200;pointer-events:none}.hp-header-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:52px;pointer-events:none}.hp-logo{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;color:#fffffe;text-decoration:none;pointer-events:auto;cursor:pointer}.hp-logo-img{width:36px;height:36px;border-radius:9px;object-fit:contain}.hp-logo-text{font-size:18px;font-weight:700;letter-spacing:-.3px}.hp-header-right{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;pointer-events:auto}.hp-nav{display:flex;align-items:center;gap:2px;height:52px;padding:0 6px;border-radius:999px;border:.5px solid rgba(255,255,255,.12);background:#00000059;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;pointer-events:auto}.hp-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);pointer-events:none}.hp-nav-item{position:relative}.hp-nav-btn{display:flex;align-items:center;gap:5px;padding:8px 18px;border-radius:999px;border:none;background:transparent;color:#fffffe;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .18s;font-family:inherit}.hp-nav-btn:hover,.hp-nav-item:hover .hp-nav-btn{background:#ffffff17}.hp-nav-btn svg{transition:transform .2s ease;opacity:.7}.hp-nav-item:hover .hp-nav-btn svg{transform:rotate(180deg)}.hp-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);background:#101016f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:8px;min-width:200px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s;box-shadow:0 20px 40px #00000080}.hp-nav-item:hover .hp-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.hp-dropdown:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:12px}.hp-dd-label{font-size:11px;font-weight:500;color:var(--hp-muted);padding:6px 12px 4px}.hp-dd-item{display:flex;align-items:center;padding:9px 14px;border-radius:10px;color:#fffffe;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .14s}.hp-dd-item:hover{background:#ffffff14}.hp-dd-icon{width:15px;height:15px;object-fit:contain;opacity:.55;filter:brightness(0) invert(1);flex-shrink:0;margin-right:8px}.hp-dd-svg{width:15px;height:15px;flex-shrink:0;margin-right:8px;color:#ffffff8c}.hp-dd-divider{height:1px;background:#ffffff12;margin:6px 10px}.hp-btn-login{padding:8px 20px;border-radius:999px;border:none;background:transparent;color:var(--hp-muted);font-size:14px;font-weight:500;cursor:pointer;transition:color .18s;font-family:inherit}.hp-btn-login:hover{color:#fffffe}.hp-btn-cta{display:flex;align-items:center;gap:6px;padding:10px 22px;border-radius:999px;border:none;background:#fffffe;color:#0d0d10;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .18s,transform .18s;font-family:inherit;white-space:nowrap}.hp-btn-cta:hover{opacity:.85;transform:scale(.98)}.hp-hero{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;background:var(--hp-bg)}.hp-hero-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.55}.hp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hp-hero-bg-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(127,90,240,.18) 0%,transparent 70%),linear-gradient(180deg,#0d0d1073,#0d0d1040,#0d0d1099)}.hp-hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 100% at 50% 0%,rgba(0,0,0,.4) 0%,transparent 60%)}.hp-hero-fade{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--hp-bg),transparent);z-index:15}.hp-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(127,90,240,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(127,90,240,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(0,0,0,.6) 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(0,0,0,.6) 0%,transparent 70%)}.hp-hero-glow{position:absolute;width:600px;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(127,90,240,.14) 0%,rgba(127,90,240,.04) 40%,transparent 70%);border-radius:50%;animation:hp-pulse 4s ease-in-out infinite;z-index:1}@keyframes hp-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.hp-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.hp-particle{position:absolute;border-radius:50%;background:#9b76ff;opacity:0;animation:hp-float linear infinite}@keyframes hp-float{0%{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:.6}80%{opacity:.2}to{opacity:0;transform:translateY(-120vh) scale(1.2)}}.hp-hero-content{position:absolute;bottom:10vh;left:5%;z-index:20;max-width:620px}.hp-hero-eyebrow{font-size:14px;font-weight:500;color:var(--hp-primary-light);margin-bottom:12px;letter-spacing:.5px;opacity:.9}.hp-hero-title{font-size:clamp(42px,7vw,80px);font-weight:800;line-height:1;letter-spacing:-2px;margin-bottom:16px;background:linear-gradient(135deg,#fff,#ffffffbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-hero-title .hp-accent{background:linear-gradient(135deg,var(--hp-primary) 0%,var(--hp-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-hero-sub{font-size:clamp(24px,3.5vw,44px);font-weight:700;line-height:1.1;letter-spacing:-1px;color:#ffffff80;margin-bottom:20px}.hp-hero-desc{font-size:clamp(13px,1.4vw,15px);line-height:1.7;color:var(--hp-muted);max-width:460px;margin-bottom:32px}.hp-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hp-btn-primary{display:flex;align-items:center;gap:8px;padding:13px 28px;border-radius:999px;border:none;background:#fffffe;color:#0d0d10;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .18s,transform .18s;font-family:inherit;text-decoration:none}.hp-btn-primary:hover{opacity:.9;transform:scale(.98)}.hp-btn-secondary{display:flex;align-items:center;gap:7px;padding:12px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fffffe;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s;font-family:inherit;text-decoration:none}.hp-btn-secondary:hover{background:#ffffff14;border-color:#fff3}.hp-float-card{position:absolute;z-index:20;background:#14141cbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;min-width:220px;box-shadow:0 8px 32px #0006}.hp-fc1{top:22%;right:4%;animation:hp-floatY 6s ease-in-out infinite}.hp-fc2{top:44%;right:4%;animation:hp-floatY 8s ease-in-out infinite reverse}@keyframes hp-floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hp-fc-title{font-size:12px;font-weight:600;color:var(--hp-muted);margin-bottom:8px}.hp-fc-tags{display:flex;gap:6px;flex-wrap:wrap}.hp-tag{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid}.hp-tag.p{color:#9b76ff;border-color:#9b76ff4d;background:#7f5af01a}.hp-tag.g{color:#2cb67d;border-color:#2cb67d4d;background:#2cb67d14}.hp-tag.b{color:#5b9bf5;border-color:#5b9bf54d;background:#5b9bf514}.hp-fc-prog{margin-top:10px}.hp-fc-prog-label{display:flex;justify-content:space-between;font-size:11px;color:var(--hp-muted);margin-bottom:6px}.hp-fc-bar{height:4px;background:#ffffff14;border-radius:999px;overflow:hidden}.hp-fc-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--hp-primary),var(--hp-primary-light));animation:hp-grow 3s ease-out forwards}@keyframes hp-grow{0%{width:0%}}.hp-stats{position:absolute;bottom:10vh;right:5%;z-index:20;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.hp-stat-card{background:#14141cb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 18px;display:flex;align-items:center;gap:12px;min-width:180px}.hp-stat-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7f5af04d,#9b76ff33);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-stat-icon img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.9}.hp-stat-num{font-size:20px;font-weight:800;line-height:1}.hp-stat-lbl{font-size:11px;color:var(--hp-muted);margin-top:3px}.hp-scroll{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.4;animation:hp-bounce 2s ease-in-out infinite}.hp-scroll span{font-size:11px;color:var(--hp-muted);letter-spacing:1px}@keyframes hp-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.hp-section{position:relative}.hp-inner{max-width:1200px;margin:0 auto;padding:0 32px}.hp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--hp-primary-light);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.hp-eyebrow:before{content:"";display:block;width:20px;height:1px;background:var(--hp-primary-light);opacity:.6}.hp-section-title{font-size:clamp(26px,3.5vw,44px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:14px}.hp-section-desc{font-size:15px;line-height:1.7;color:var(--hp-muted);max-width:540px}.hp-section-hd{margin-bottom:56px}.hp-features{padding:120px 0;background:var(--hp-bg)}.hp-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hp-feat-card{position:relative;background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:20px;padding:26px;overflow:hidden;text-decoration:none;color:inherit;display:block;transition:transform .25s,border-color .25s,box-shadow .25s}.hp-feat-card:hover{transform:translateY(-4px)}.hp-feat-card.cv:hover{border-color:#7f5af066;box-shadow:0 20px 60px #7f5af026}.hp-feat-card.cg:hover{border-color:#2cb67d66;box-shadow:0 20px 60px #2cb67d1f}.hp-feat-card.cb:hover{border-color:#5b9bf566;box-shadow:0 20px 60px #5b9bf51f}.hp-feat-card.co:hover{border-color:#f906;box-shadow:0 20px 60px #ff99001a}.hp-feat-card.cp:hover{border-color:#ff5a8c66;box-shadow:0 20px 60px #ff5a8c1a}.hp-feat-card.featured{grid-column:span 2}.hp-feat-glow{position:absolute;width:200px;height:200px;border-radius:50%;top:-60px;right:-60px;opacity:.12;pointer-events:none}.hp-feat-card.cv .hp-feat-glow{background:radial-gradient(circle,#7f5af0,transparent)}.hp-feat-card.cg .hp-feat-glow{background:radial-gradient(circle,#2cb67d,transparent)}.hp-feat-card.cb .hp-feat-glow{background:radial-gradient(circle,#5b9bf5,transparent)}.hp-feat-card.co .hp-feat-glow{background:radial-gradient(circle,#ff9900,transparent)}.hp-feat-card.cp .hp-feat-glow{background:radial-gradient(circle,#ff5a8c,transparent)}.hp-feat-ico{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.hp-feat-card.cv .hp-feat-ico{background:#7f5af026}.hp-feat-card.cg .hp-feat-ico{background:#2cb67d26}.hp-feat-card.cb .hp-feat-ico{background:#5b9bf526}.hp-feat-card.co .hp-feat-ico{background:#ff990026}.hp-feat-card.cp .hp-feat-ico{background:#ff5a8c26}.hp-feat-ico img{width:22px;height:22px;filter:brightness(0) invert(1);opacity:.9}.hp-feat-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;margin-bottom:8px}.hp-feat-card.cv .hp-feat-badge{color:#9b76ff;background:#7f5af026}.hp-feat-card.cg .hp-feat-badge{color:#2cb67d;background:#2cb67d1f}.hp-feat-card.cb .hp-feat-badge{color:#5b9bf5;background:#5b9bf51f}.hp-feat-card.co .hp-feat-badge{color:#f90;background:#ff99001f}.hp-feat-card.cp .hp-feat-badge{color:#ff5a8c;background:#ff5a8c1f}.hp-feat-name{font-size:19px;font-weight:700;margin-bottom:10px;letter-spacing:-.3px}.hp-feat-desc{font-size:14px;line-height:1.65;color:var(--hp-muted)}.hp-feat-arrow{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:13px;font-weight:600;opacity:0;transform:translate(-6px);transition:opacity .2s,transform .2s}.hp-feat-card.cv .hp-feat-arrow{color:#9b76ff}.hp-feat-card.cg .hp-feat-arrow{color:#2cb67d}.hp-feat-card.cb .hp-feat-arrow{color:#5b9bf5}.hp-feat-card.co .hp-feat-arrow{color:#f90}.hp-feat-card.cp .hp-feat-arrow{color:#ff5a8c}.hp-feat-card:hover .hp-feat-arrow{opacity:1;transform:translate(0)}.hp-feat-disabled{opacity:.5;cursor:default;pointer-events:none;position:relative}.hp-feat-coming{position:absolute;top:16px;right:16px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:#ff990026;color:#f90;border:1px solid rgba(255,153,0,.25)}.hp-dd-disabled{display:flex;align-items:center;padding:9px 14px;border-radius:10px;color:#ffffff4d;font-size:13px;font-weight:600;cursor:default;white-space:nowrap}.hp-dd-soon{margin-left:auto;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#ff99001f;color:#ff9900b3;border:1px solid rgba(255,153,0,.2)}.hp-feat-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.hp-feat-preview{aspect-ratio:16/9;background:#0000004d;border-radius:12px;overflow:hidden;border:1px solid var(--hp-border)}.hp-feat-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:100%;height:100%}.hp-fp-item{background:var(--hp-surface2);position:relative;overflow:hidden}.hp-fp-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7f5af01a,#5b9bf50f)}.hp-fp-1{background:linear-gradient(135deg,#1a0a2e,#4a1a8a)}.hp-fp-2{background:linear-gradient(135deg,#0a1628,#1a4a6e)}.hp-fp-3{background:linear-gradient(135deg,#1a0f0a,#6b3518)}.hp-fp-4{background:linear-gradient(135deg,#0a1a10,#1a5a30)}.hp-fp-5{background:linear-gradient(135deg,#1a0a1a,#5a1a60)}.hp-fp-6{background:linear-gradient(135deg,#0f0f1a,#2d2d60)}.hp-gallery{padding:100px 0;background:linear-gradient(180deg,var(--hp-bg) 0%,#100f16 50%,var(--hp-bg) 100%);overflow:hidden}.hp-gallery-hd{text-align:center;margin-bottom:52px}.hp-gallery-hd .hp-eyebrow{justify-content:center}.hp-gallery-hd .hp-eyebrow:before{display:none}.hp-gallery-hd .hp-eyebrow:after{content:"";display:block;width:20px;height:1px;background:#9b76ff;opacity:.6}.hp-gallery-wrap{position:relative;width:100%}.hp-gallery-wrap:before,.hp-gallery-wrap:after{content:"";position:absolute;top:0;bottom:0;width:160px;z-index:2;pointer-events:none}.hp-gallery-wrap:before{left:0;background:linear-gradient(to right,var(--hp-bg),transparent)}.hp-gallery-wrap:after{right:0;background:linear-gradient(to left,var(--hp-bg),transparent)}.hp-gallery-track{display:flex;gap:16px;width:max-content;animation:hp-scroll 40s linear infinite}.hp-gallery-track:hover{animation-play-state:paused}@keyframes hp-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hp-gi{width:280px;height:180px;border-radius:16px;overflow:hidden;flex-shrink:0;border:1px solid rgba(155,118,255,.15);position:relative;background:#1a0d35;cursor:pointer}.hp-gi-media{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.hp-gi:hover .hp-gi-media{transform:scale(1.05)}.hp-gi-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.hp-gi:hover .hp-gi-overlay{opacity:1}.hp-gi-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hp-gi-label{position:absolute;bottom:10px;left:12px;font-size:11px;font-weight:600;color:#fff9;background:#00000080;padding:3px 8px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hp-gallery-cta{text-align:center;margin-top:44px}.hp-btn-outline{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fffffe;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s;font-family:inherit;text-decoration:none}.hp-btn-outline:hover{background:#ffffff0f;border-color:#fff3}.hp-how{padding:100px 0;background:var(--hp-bg)}.hp-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.hp-how-step{padding:40px 34px;background:var(--hp-surface);position:relative;border:1px solid var(--hp-border)}.hp-how-step:first-child{border-radius:20px 0 0 20px}.hp-how-step:last-child{border-radius:0 20px 20px 0}.hp-how-conn{position:absolute;right:-13px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--hp-bg);border:1px solid rgba(255,255,255,.12);border-radius:50%;z-index:1;display:flex;align-items:center;justify-content:center}.hp-how-step:last-child .hp-how-conn{display:none}.hp-how-num{font-size:60px;font-weight:900;line-height:1;color:#7f5af01f;margin-bottom:18px;letter-spacing:-3px}.hp-how-ico{width:44px;height:44px;border-radius:12px;background:#7f5af01f;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.hp-how-name{font-size:18px;font-weight:700;margin-bottom:10px}.hp-how-desc{font-size:14px;line-height:1.65;color:var(--hp-muted)}.hp-pricing{padding:100px 0 120px;background:linear-gradient(180deg,var(--hp-bg) 0%,#0f0e15 100%)}.hp-pricing-hd{text-align:center;margin-bottom:52px}.hp-pricing-hd .hp-eyebrow{justify-content:center}.hp-pricing-hd .hp-eyebrow:before{display:none}.hp-pricing-hd .hp-eyebrow:after{content:"";display:block;width:20px;height:1px;background:#9b76ff;opacity:.6}.hp-pricing-hd .hp-section-desc{margin:0 auto}.hp-price-skeleton{pointer-events:none}.hp-skel-line{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1a,#ffffff0f 75%);background-size:200% 100%;border-radius:6px;animation:hp-shimmer 1.4s infinite;margin-bottom:12px}.hp-skel-sm{height:14px;width:40%}.hp-skel-md{height:14px;width:75%}.hp-skel-lg{height:42px;width:55%}@keyframes hp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hp-price-empty{text-align:center;padding:48px 0;color:var(--hp-muted);font-size:15px}.hp-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.hp-price-card{background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:24px;padding:32px;position:relative;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}.hp-price-card.popular{border-color:#7f5af080;background:linear-gradient(160deg,rgba(127,90,240,.08) 0%,var(--hp-surface) 60%);transform:scale(1.03);box-shadow:0 0 0 1px #7f5af04d,0 24px 80px #7f5af033}.hp-price-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:4px 16px;background:linear-gradient(135deg,var(--hp-primary),var(--hp-primary-light));color:#fff;font-size:12px;font-weight:700;border-radius:999px;white-space:nowrap}.hp-price-plan{font-size:13px;font-weight:600;color:var(--hp-muted);margin-bottom:8px}.hp-price-num{font-size:42px;font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:4px}.hp-price-num .cur{font-size:22px;font-weight:700;vertical-align:top;margin-top:8px;display:inline-block}.hp-price-period{font-size:13px;color:var(--hp-muted);margin-bottom:22px}.hp-price-div{height:1px;background:var(--hp-border);margin-bottom:22px}.hp-price-feats{list-style:none;display:flex;flex-direction:column;gap:11px;flex:1}.hp-price-feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--hp-muted)}.hp-price-chk{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#2cb67d26;display:flex;align-items:center;justify-content:center;margin-top:1px}.hp-price-card.popular .hp-price-chk{background:#7f5af033}.hp-price-btn{margin-top:26px;width:100%;padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fffffe;font-size:15px;font-weight:700;cursor:pointer;transition:background .18s;font-family:inherit}.hp-price-btn:hover{background:#ffffff0f}.hp-price-card.popular .hp-price-btn{background:linear-gradient(135deg,var(--hp-primary),var(--hp-primary-light));border-color:transparent}.hp-price-card.popular .hp-price-btn:hover{opacity:.9}.hp-cta{padding:0 32px 100px}.hp-cta-inner{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#7f5af033,#5b9bf526,#2cb67d1a);border:1px solid rgba(127,90,240,.25);border-radius:28px;padding:64px;text-align:center;position:relative;overflow:hidden}.hp-cta-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;background:radial-gradient(ellipse 60% 60% at 50% 0%,rgba(127,90,240,.2),transparent)}.hp-cta-title{font-size:clamp(26px,3.5vw,42px);font-weight:800;letter-spacing:-1.5px;margin-bottom:14px;position:relative}.hp-cta-desc{font-size:16px;color:var(--hp-muted);max-width:460px;margin:0 auto 32px;line-height:1.7;position:relative}.hp-cta-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;position:relative}.hp-btn-cta-lg{display:flex;align-items:center;gap:8px;padding:14px 32px;border-radius:999px;border:none;background:#fff;color:#0d0d10;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .18s,transform .18s;font-family:inherit;text-decoration:none}.hp-btn-cta-lg:hover{opacity:.9;transform:scale(.98)}.hp-btn-ghost-lg{display:flex;align-items:center;gap:8px;padding:14px 32px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .18s;font-family:inherit}.hp-btn-ghost-lg:hover{background:#ffffff14}.hp-footer{border-top:1px solid var(--hp-border);padding:64px 32px 40px;background:var(--hp-bg)}.hp-footer-inner{max-width:1200px;margin:0 auto}.hp-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--hp-border)}.hp-footer-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fffffe;margin-bottom:16px}.hp-footer-logo img{width:32px;height:32px;border-radius:8px;object-fit:contain}.hp-footer-logo span{font-size:17px;font-weight:700}.hp-footer-tagline{font-size:14px;color:var(--hp-muted);line-height:1.6;max-width:240px;margin-bottom:22px}.hp-footer-social{display:flex;gap:10px}.hp-social-btn{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:var(--hp-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--hp-muted);transition:border-color .18s,background .18s,color .18s}.hp-social-btn:hover{border-color:#fff3;background:var(--hp-surface2);color:#fff}.hp-footer-col-title{font-size:13px;font-weight:700;margin-bottom:14px}.hp-footer-links{display:flex;flex-direction:column;gap:10px}.hp-footer-lnk{font-size:13px;color:var(--hp-muted);text-decoration:none;transition:color .15s;cursor:pointer}.hp-footer-lnk:hover{color:#fffffe}.hp-footer-bottom{padding-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.hp-footer-copy{font-size:13px;color:var(--hp-muted)}.hp-footer-beian{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hp-footer-beian a,.hp-footer-beian span{font-size:12px;color:var(--hp-muted);text-decoration:none;transition:color .15s}.hp-footer-beian a:hover{color:#fffffe}.hp-footer-beian-sep{color:#fff3}.hp-beian-icon{width:16px;height:16px;vertical-align:middle;margin-right:4px}@media(min-width:1280px){.hp-hero-content{left:7%;bottom:12vh}}@media(max-width:960px){.hp-feat-grid{grid-template-columns:repeat(2,1fr)}.hp-feat-card.featured{grid-column:span 1}.hp-feat-inner{grid-template-columns:1fr}.hp-price-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.hp-price-card.popular{transform:none}.hp-footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:768px){.hp-header{top:12px}.hp-nav{display:none}.hp-logo-text{font-size:16px}.hp-btn-login,.hp-float-card,.hp-stats{display:none}.hp-hero-content{left:5%;right:5%;bottom:8vh}.hp-inner{padding:0 20px}.hp-features,.hp-how,.hp-pricing,.hp-gallery{padding:72px 0}.hp-cta-inner{padding:40px 24px}.hp-footer{padding:48px 20px 32px}.hp-footer-top{grid-template-columns:1fr;gap:28px}.hp-how-grid{grid-template-columns:1fr;gap:14px}.hp-how-step{border-radius:16px!important}.hp-how-conn{display:none}.hp-feat-grid{grid-template-columns:1fr}}@media(max-width:600px){.hp-footer-bottom{flex-direction:column;align-items:flex-start}}.hp-login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.hp-login-modal{position:relative;background:#1a1530;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 36px 32px;width:100%;max-width:400px;box-shadow:0 24px 80px #00000080;display:flex;flex-direction:column;align-items:center;gap:0}.hp-login-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#fff6;font-size:22px;cursor:pointer;line-height:1;transition:color .15s}.hp-login-close:hover{color:#fff}.hp-login-logo{display:flex;align-items:center;gap:8px;margin-bottom:20px}.hp-login-logo img{width:32px;height:32px}.hp-login-logo span{font-size:16px;font-weight:700;color:#fffffe}.hp-login-title{font-size:20px;font-weight:700;color:#fffffe;margin:0 0 6px;text-align:center}.hp-login-sub{font-size:13px;color:#ffffff73;margin:0 0 22px;text-align:center}.hp-login-input{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fffffe;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s;margin-bottom:8px}.hp-login-input:focus{border-color:#9b76ff}.hp-login-error{width:100%;font-size:12px;color:#ff6b6b;margin-bottom:8px;padding-left:2px}.hp-login-btn{width:100%;padding:13px;background:linear-gradient(135deg,#9b76ff,#7c4dff);color:#fff;font-size:15px;font-weight:700;border:none;border-radius:10px;cursor:pointer;margin-top:6px;transition:opacity .2s}.hp-login-btn:hover{opacity:.88}.hp-login-divider{width:100%;text-align:center;position:relative;margin:20px 0 14px}.hp-login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff14}.hp-login-divider span{position:relative;background:#1a1530;padding:0 10px;font-size:12px;color:#ffffff59}.hp-login-buy-btn{width:100%;padding:11px;background:#9b76ff14;color:#9b76ff;font-size:14px;font-weight:600;border:1px solid rgba(155,118,255,.25);border-radius:10px;cursor:pointer;transition:background .2s}.hp-login-buy-btn:hover{background:#9b76ff26}.pm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.pm-modal{position:relative;background:#1e1e2e;border:1px solid #333;border-radius:16px;padding:32px;width:360px;max-width:95vw;color:#e0e0e0;display:flex;flex-direction:column;align-items:center;gap:16px}.pm-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:22px;color:#888;cursor:pointer;line-height:1}.pm-close:hover{color:#ccc}.pm-title{margin:0;font-size:20px;font-weight:600;color:#fff}.pm-subtitle{margin:0;font-size:13px;color:#888;text-align:center}.pm-packages{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%}.pm-package{flex:1 1 120px;border:1.5px solid #444;border-radius:10px;padding:14px 10px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.pm-package:hover{border-color:#009fe8}.pm-package--selected{border-color:#009fe8;background:#009fe814}.pm-package-label{font-size:13px;color:#aaa;margin-bottom:6px}.pm-package-credits{font-size:20px;font-weight:700;color:#fff}.pm-package-amount{font-size:13px;color:#009fe8;margin-top:4px}.pm-code-row{width:100%;display:flex;flex-direction:column;gap:6px}.pm-code-row label{font-size:13px;color:#aaa}.pm-code-input{width:100%;padding:9px 12px;background:#2a2a3e;border:1px solid #444;border-radius:8px;color:#e0e0e0;font-size:14px;box-sizing:border-box;outline:none}.pm-code-input:focus{border-color:#009fe8}.pm-error{width:100%;font-size:13px;color:#f56565;text-align:center}.pm-pay-method{display:flex;width:100%;gap:10px}.pm-pay-method-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 0;border:1.5px solid #444;border-radius:8px;background:#2a2a3e;color:#888;font-size:13px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.pm-pay-method-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;font-size:11px;font-weight:700;color:#fff}.pm-pay-method-btn--alipay .pm-pay-method-icon{background:#009fe8}.pm-pay-method-btn--wechat .pm-pay-method-icon{background:#07c160}.pm-pay-method-btn--alipay.active{border-color:#009fe8;color:#009fe8;background:#009fe814}.pm-pay-method-btn--wechat.active{border-color:#07c160;color:#07c160;background:#07c16014}.pm-pay-btn{width:100%;padding:12px;background:#009fe8;border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.pm-pay-btn:hover:not(:disabled){background:#007fc0}.pm-pay-btn:disabled{opacity:.5;cursor:not-allowed}.pm-pay-btn--wechat{background:#07c160}.pm-pay-btn--wechat:hover:not(:disabled){background:#06ad56}.pm-back-btn{background:none;border:1px solid #555;border-radius:8px;color:#888;font-size:13px;padding:8px 20px;cursor:pointer}.pm-back-btn:hover{color:#ccc;border-color:#888}.pm-qr-box{position:relative;display:inline-flex;flex-direction:column;align-items:center}.pm-qr-svg-wrap{width:220px;height:220px;border-radius:8px;border:3px solid #009fe8;display:flex;align-items:center;justify-content:center;background:#fff;padding:6px;box-sizing:border-box}.pm-qr-svg-wrap--wechat{border-color:#07c160}.pm-pay-badge{margin-top:8px;font-size:13px;color:#009fe8;font-weight:600;letter-spacing:1px}.pm-pay-badge--wechat{color:#07c160}.pm-amount-info{font-size:14px;color:#aaa}.pm-countdown{font-size:13px;color:#888}.pm-countdown span{color:#f6ad55;font-weight:600;font-variant-numeric:tabular-nums}.pm-polling-tip{font-size:12px;color:#666}.pm-success-icon{width:60px;height:60px;border-radius:50%;background:#38a169;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.pm-success-msg{font-size:14px;color:#aaa;text-align:center;line-height:1.6}.pm-success-msg strong{color:#fff}.pm-mode-tabs{display:flex;width:100%;background:#2a2a3e;border-radius:8px;padding:3px;gap:3px}.pm-mode-tab{flex:1;padding:7px 0;background:none;border:none;border-radius:6px;color:#888;font-size:13px;cursor:pointer;transition:background .2s,color .2s}.pm-mode-tab.active{background:#009fe8;color:#fff;font-weight:600}.pm-newcode-tip{width:100%;font-size:12px;color:#888;background:#ffffff0a;border:1px dashed #444;border-radius:8px;padding:10px 14px;text-align:center}.pm-new-code-box{display:flex;align-items:center;gap:8px;background:#2a2a3e;border:1px solid #444;border-radius:8px;padding:10px 14px;width:100%;box-sizing:border-box}.pm-new-code{flex:1;font-family:monospace;font-size:15px;color:#fff;letter-spacing:1px;word-break:break-all}.pm-copy-btn{flex-shrink:0;padding:5px 12px;background:#009fe8;border:none;border-radius:6px;color:#fff;font-size:12px;cursor:pointer}.pm-copy-btn:hover{background:#007fc0}.pm-code-warning{font-size:12px;color:#f6ad55;text-align:center;margin:0}.site-footer{width:100%;background:transparent;padding:16px 20px 12px;margin-top:40px;border-top:1px solid rgba(0,0,0,.06);box-sizing:border-box}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}.footer-company{font-size:13px;color:#555;font-weight:500}.footer-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px;font-size:12px;color:#666}.footer-item{display:inline-flex;align-items:center;gap:4px;color:#666}.footer-item a{color:#666;text-decoration:none;transition:color .2s}.footer-item a:hover{color:#333;text-decoration:underline}.footer-police{display:inline-flex;align-items:center;gap:4px}.footer-police-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle}.footer-sep{color:#bbb;padding:0 2px}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:500px}.toast{min-width:280px;max-width:100%;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:500;pointer-events:auto;cursor:pointer;animation:slideIn .3s ease;word-break:break-word}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0;line-height:1;margin-top:2px}.toast-message{flex:1;line-height:1.5;white-space:pre-line;word-wrap:break-word}.toast-success{background:#4caf50;color:#fff}.toast-error{background:#f44336;color:#fff}.toast-warning{background:#ff9800;color:#fff}.toast-info{background:#2196f3;color:#fff}@media(max-width:768px){.toast-container{left:10px;right:10px;top:10px;max-width:none}.toast{min-width:auto;width:100%;padding:14px 16px;font-size:13px}.toast-icon{font-size:18px}}.image-input-panel{background:#1c1c22;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff0d;overflow:visible}.iip-divider{height:1px;background:#ffffff0f}.iip-ref-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 18px 0}.iip-ref-add{width:46px;height:46px;border-radius:7px;border:1.5px dashed rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#72757e;font-size:20px;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.iip-ref-add:hover{border-color:#7f5af0;color:#9b76ff;background:#7f5af014}.iip-textarea-wrapper{position:relative;border-radius:8px;transition:box-shadow .15s}.iip-textarea-wrapper.drag-over{box-shadow:0 0 0 2px #7f5af0}.iip-textarea-wrapper.drag-over .iip-textarea{border-color:#7f5af0;background:#7f5af00a}.iip-drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#7f5af01a;border:2px dashed #7f5af0;z-index:10;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#9b76ff;pointer-events:none}.iip-drag-hint{margin-top:6px;font-size:12px;color:#72757e;display:flex;align-items:center;gap:5px}.iip-textarea{width:100%;padding:10px 60px 20px 18px;border:none;border-radius:0;font-size:14px;font-family:inherit;resize:none;min-height:62px;color:#fffffe;background:transparent;line-height:1.6;box-sizing:border-box}.iip-textarea::placeholder{color:#72757e}.iip-textarea:focus{outline:none}.iip-char-count{position:absolute;bottom:7px;right:8px;font-size:11px;color:#72757e;pointer-events:none}.iip-clear-btn{position:absolute;top:7px;right:8px;width:20px;height:20px;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;font-size:14px;color:#94a1b2;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}.iip-clear-btn:hover{background:#f5584f33;color:#f5584f}.iip-warning-hint{margin-top:5px;font-size:12px;color:#f5584f}.iip-prompt-hint{margin-top:6px;font-size:12px;color:#94a1b2}.iip-action-section{padding:10px 18px 14px;background:#16161a}.iip-action-row{display:flex;align-items:stretch;gap:8px}.iip-btn-generate{flex-shrink:0;width:auto;white-space:nowrap;padding:10px 16px;background:#7f5af0;color:#fffffe;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 12px #7f5af04d;transition:opacity .2s,transform .15s;letter-spacing:.2px}.iip-btn-generate:hover:not(.disabled){opacity:.88;transform:translateY(-1px)}.iip-btn-generate.disabled{background:#2a2a32;color:#72757e;cursor:not-allowed;box-shadow:none;transform:none}.iip-count-badge{background:#ffffff2e;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.iip-upload-row{flex:1;min-width:0;display:flex;align-items:center;gap:9px;border:1.5px dashed rgba(255,255,255,.12);border-radius:8px;padding:8px 12px;background:#1c1c22;transition:border-color .2s,background .2s;cursor:default}.iip-upload-row.drag-over{border-color:#7f5af0;background:#7f5af00f}.iip-upload-row.uploading{justify-content:flex-start;cursor:default}.iip-btn-upload{background:#7f5af0;color:#fffffe;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .2s}.iip-btn-upload:hover:not(:disabled){opacity:.85}.iip-btn-upload:disabled{opacity:.4;cursor:not-allowed}.iip-upload-hint{font-size:12px;color:#72757e;flex:1}.iip-upload-count{margin-left:auto;font-size:11px;color:#94a1b2;white-space:nowrap;flex-shrink:0}.iip-progress-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.iip-progress-fill{height:100%;background:linear-gradient(90deg,#7f5af0,#9b76ff);transition:width .2s}.iip-upload-error{margin-top:7px;padding:7px 10px;background:#f5584f14;border-left:3px solid #f5584f;border-radius:5px;font-size:12px;color:#f5584f}.iip-uploading-grid,.iip-preview-grid{display:flex;flex-wrap:wrap;gap:8px}.iip-uploading-grid,.iip-preview-section{margin-top:9px}.iip-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.iip-preview-title{font-size:12px;color:#2cb67d;font-weight:600}.iip-btn-clear-all{background:none;border:1px solid rgba(255,255,255,.1);padding:3px 8px;border-radius:5px;font-size:11px;color:#f5584f;cursor:pointer;transition:background .15s}.iip-btn-clear-all:hover{background:#f5584f1a}.iip-preview-item{position:relative;display:inline-block;cursor:-webkit-grab;cursor:grab}.iip-preview-item:active{cursor:-webkit-grabbing;cursor:grabbing}.iip-preview-item.iip-draggable:after{content:"拖拽换序";position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#0f0f14e0;color:#fffffe;font-size:11px;font-weight:500;padding:4px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;transition-delay:.35s;z-index:20;box-shadow:0 2px 8px #0006}.iip-preview-item.iip-draggable:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#0f0f14e0;pointer-events:none;opacity:0;transition:opacity .15s;transition-delay:.35s;z-index:20}.iip-preview-item.iip-draggable:hover:after,.iip-preview-item.iip-draggable:hover:before{opacity:1}.iip-preview-item.iip-draggable:active:after,.iip-preview-item.iip-draggable:active:before{opacity:0;transition-delay:0s}.iip-preview-item.iip-drop-left:before,.iip-preview-item.iip-drop-right:after{content:"";position:absolute;top:-4px;width:3px;height:calc(100% + 8px);background:#7f5af0;border-radius:2px;pointer-events:none;box-shadow:0 0 0 1px #7f5af04d,0 0 8px 1px #7f5af0b3}.iip-preview-item.iip-drop-left:before{left:-5px}.iip-preview-item.iip-drop-right:after{right:-5px}.iip-preview-img{width:46px;height:46px;object-fit:cover;border-radius:6px;border:1.5px solid rgba(127,90,240,.5);display:block}.iip-preview-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#f5584f;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;line-height:1;transition:opacity .15s}.iip-preview-remove:hover{opacity:.8}.iip-preview-index{position:absolute;bottom:3px;left:3px;background:#000000a6;color:#fff;padding:1px 4px;border-radius:3px;font-size:10px}.iip-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;border-radius:6px}.iip-overlay-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.iip-overlay-icon.success{background:#2cb67d}.iip-overlay-icon.error{background:#f5584f}.iip-queue-hint{margin-top:8px;padding:7px 10px;background:#7f5af014;border-left:3px solid #7f5af0;border-radius:5px;font-size:12px;color:#94a1b2}.iip-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fffffe;border-radius:50%;animation:iip-spin .7s linear infinite;flex-shrink:0}@keyframes iip-spin{to{transform:rotate(360deg)}}.iip-action-bar{display:flex;align-items:center;gap:6px;padding:8px 14px 10px;background:#16161a;border-top:1px solid rgba(255,255,255,.06);flex-wrap:nowrap;position:relative}.iip-action-bar.iip-action-bar-last{border-radius:0 0 12px 12px}.iip-attach-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#232329;cursor:pointer;font-size:12.5px;color:#94a1b2;white-space:nowrap;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.iip-attach-btn:hover:not(:disabled){border-color:#7f5af080;color:#9b76ff;background:#7f5af014}.iip-attach-btn:disabled{opacity:.4;cursor:not-allowed}.iip-attach-btn.has-images{border-color:#7f5af073;background:#7f5af01a;color:#9b76ff}.iip-attach-label{font-size:12px;font-weight:500;color:inherit;line-height:1}.iip-attach-count{font-size:11px;font-weight:700;color:inherit;line-height:1}.iip-bar-divider{width:1px;height:16px;background:#ffffff1a;flex-shrink:0}.iip-chip-wrapper{position:relative;flex-shrink:0}.iip-param-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#232329;cursor:pointer;font-size:12px;color:#94a1b2;white-space:nowrap;flex-shrink:0;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.iip-param-chip:hover:not(.chip-disabled){border-color:#7f5af080;color:#9b76ff;background:#7f5af014}.iip-param-chip.chip-open{border-color:#7f5af080;background:#7f5af01f;color:#9b76ff;box-shadow:0 0 0 2px #7f5af026}.iip-param-chip.chip-disabled{opacity:.35;cursor:not-allowed}.iip-chip-val{font-weight:600;color:#fffffe}.iip-chip-arr{font-size:10px;opacity:.45;flex-shrink:0;margin-left:auto;transition:transform .15s}.iip-param-chip.chip-open .iip-chip-arr{transform:rotate(180deg)}.iip-bar-spacer{flex:1;min-width:6px}.iip-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.iip-dropdown{position:absolute;bottom:calc(100% + 7px);left:0;z-index:200;background:#232329;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #00000080;padding:6px;animation:iip-drop-up .15s ease-out;min-width:160px}@keyframes iip-drop-up{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.iip-dropdown-title{padding:4px 10px 6px;font-size:10px;font-weight:700;color:#72757e;letter-spacing:.4px;text-transform:uppercase}.iip-dd-item{width:100%;display:flex;flex-direction:column;gap:1px;padding:8px 12px;border:none;background:none;cursor:pointer;border-radius:8px;text-align:left;transition:background .12s;border:1px solid transparent}.iip-dd-item:hover{background:#ffffff0d}.iip-dd-item.active{background:#7f5af026;border-color:#7f5af040}.iip-dd-item-name{font-size:13px;font-weight:600;color:#fffffe;display:flex;align-items:center;gap:8px}.iip-dd-item-rate{font-size:11px;font-weight:500;color:#9b76ff;background:#9b76ff1f;padding:1px 6px;border-radius:999px}.iip-dd-item.active .iip-dd-item-name{color:#9b76ff}.iip-dd-item-desc{font-size:11px;color:#72757e}.iip-chip-grid{display:flex;flex-wrap:wrap;gap:5px;padding:2px 4px 4px}.iip-mini-chip{padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#2a2a32;cursor:pointer;font-size:12px;color:#94a1b2;transition:border-color .12s,background .12s,color .12s;white-space:nowrap}.iip-mini-chip:hover{border-color:#7f5af080;color:#9b76ff}.iip-mini-chip.active{border-color:#7f5af0;background:#7f5af0;color:#fffffe;font-weight:600}.iip-temp-slider-row{display:flex;align-items:center;gap:10px;padding:6px 12px 8px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.iip-mini-slider{flex:1;height:4px;border-radius:2px;cursor:pointer;accent-color:#7f5af0}.iip-temp-val{font-size:12px;font-weight:700;color:#9b76ff;min-width:28px;text-align:right}.iip-below-bar{padding:0 18px 12px;background:#16161a;border-radius:0 0 12px 12px}.iip-uploading-progress{display:flex;align-items:center;gap:9px;padding:8px 0 4px;font-size:13px;color:#94a1b2}.iip-spinner-dark{border-color:#ffffff1f;border-top-color:#7f5af0}.iip-preview-img--zoomable{cursor:zoom-in}.iip-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:iip-viewer-fade .15s ease-out}@keyframes iip-viewer-fade{0%{opacity:0}to{opacity:1}}.iip-viewer-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh}.iip-viewer-img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 64px #0009;animation:iip-viewer-scale .15s ease-out;display:block}@keyframes iip-viewer-scale{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.iip-viewer-close{position:absolute;top:-44px;right:0;width:34px;height:34px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#fffc;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.iip-viewer-close:hover{background:#f5584f80;color:#fff;border-color:transparent}.iip-viewer-nav{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#ffffffd9;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.iip-viewer-nav:hover{background:#7f5af08c;color:#fff;border-color:transparent}.iip-viewer-prev{left:24px}.iip-viewer-next{right:24px}.iip-viewer-footer{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.iip-viewer-name{font-size:12px;color:#ffffff73;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iip-viewer-count{font-size:12px;color:#ffffff73;flex-shrink:0}.task-card{background:#1c1c22;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;margin-bottom:10px;transition:box-shadow .2s;box-shadow:0 1px 4px #00000040}.task-card:hover{box-shadow:0 4px 16px #0006}.task-status-generating{border-left:3px solid #7f5af0}.task-status-completed{border-left:3px solid #2cb67d}.task-status-failed{border-left:3px solid #f5584f}.task-status-cancelled{border-left:3px solid #72757e;opacity:.75}.task-status-pending{border-left:3px solid #f5a623}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);gap:10px;flex-wrap:nowrap}.task-header-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.task-header-center{display:flex;justify-content:center;align-items:center;flex:1;min-width:0;overflow:hidden}.task-header-actions{display:flex;align-items:center;gap:5px}.task-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-weight:600;font-size:11.5px;white-space:nowrap}.status-icon{font-size:13px}.task-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:#72757e;flex-shrink:0;white-space:nowrap}.task-id{font-family:monospace;background:#2a2a32;color:#94a1b2;padding:2px 6px;border-radius:4px;font-size:11px}.task-image-count{font-size:11px;color:#2cb67d;font-weight:600}.task-time,.task-duration{font-size:11px;color:#72757e}.task-prompt-section{margin-bottom:10px;font-size:13.5px;line-height:1.6}.task-prompt-label{color:#72757e;font-weight:500;margin-right:4px}.task-prompt-text{color:#94a1b2}.task-params-detail{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.task-params-detail::-webkit-scrollbar{display:none}.task-param-item{display:flex;align-items:center;gap:3px;padding:2px 7px;background:#2a2a32;border:1px solid rgba(255,255,255,.08);border-radius:5px;font-size:11px;white-space:nowrap;flex-shrink:0}.task-param-label{color:#72757e;font-weight:500}.task-param-value{color:#fffffe;font-weight:600}.task-progress{margin-bottom:10px}.task-progress-bar{width:100%;height:5px;background:#2a2a32;border-radius:99px;overflow:hidden;margin-bottom:5px}.task-progress-fill{height:100%;background:linear-gradient(90deg,#7f5af0,#9b76ff);border-radius:99px;transition:width .3s ease;animation:taskShimmer 2s ease-in-out infinite}@keyframes taskShimmer{0%,to{opacity:1}50%{opacity:.65}}.task-progress-text{font-size:11px;color:#72757e}.task-error{display:flex;align-items:flex-start;gap:8px;background:#f5584f14;border:1px solid rgba(245,88,79,.18);border-radius:7px;padding:8px 12px;margin-bottom:10px}.error-icon{font-size:14px;flex-shrink:0}.error-text{font-size:12px;color:#f5584f;line-height:1.4}.task-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin-bottom:10px}.task-thumbnail{position:relative;aspect-ratio:1;border-radius:7px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .15s;background:#2a2a32}.task-thumbnail:hover{border-color:#7f5af0;transform:scale(1.04)}.task-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#7f5af059;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;font-size:20px}.task-thumbnail:hover .thumbnail-overlay{opacity:1}.thumbnail-more{background:#2a2a32;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:15px;color:#9b76ff;font-weight:700;border:1px dashed rgba(255,255,255,.15);border-radius:7px;cursor:pointer;transition:background .15s}.thumbnail-more:hover{background:#7f5af01f}.task-stats{display:flex;gap:12px;font-size:12px;color:#72757e;margin-bottom:10px;padding:7px 10px;background:#232329;border-radius:7px;flex-wrap:wrap}.url-expiry-notice{color:#f5a623;font-weight:600;cursor:help;padding:2px 6px;background:#f5a6231a;border-radius:4px;font-size:11px;transition:background .15s;white-space:nowrap}.url-expiry-notice:hover{background:#f5a6232e}.task-actions{display:flex;gap:6px;flex-wrap:wrap}.task-btn{padding:4px 10px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s;background:#2a2a32;color:#94a1b2;white-space:nowrap;font-family:inherit}.task-btn:hover{opacity:.8}.task-btn-cancel{background:#f5584f26;color:#f5584f}.task-btn-retry{background:#5b9bf526;color:#5b9bf5}.task-btn-download{background:#2cb67d26;color:#2cb67d}.task-btn-expand{background:#7f5af026;color:#9b76ff}.task-btn-delete{background:#ffffff0f;color:#72757e}.image-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.image-viewer-content{position:relative;max-width:90vw;max-height:90vh;background:#1c1c22;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.viewer-close{position:absolute;top:14px;right:14px;background:#ffffff1f;color:#fffffe;border:none;width:34px;height:34px;border-radius:50%;font-size:18px;cursor:pointer;transition:background .15s;z-index:10}.viewer-close:hover{background:#ffffff38}.viewer-header{padding:14px 18px;background:#232329;border-bottom:1px solid rgba(255,255,255,.07)}.viewer-header h3{margin:0;font-size:15px;color:#fffffe;font-weight:600}.viewer-image-container{max-height:calc(90vh - 140px);overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;background:#16161a}.viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.viewer-actions{padding:10px 18px;background:#232329;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:10px;justify-content:center}.btn{padding:9px 18px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s;font-family:inherit}.btn-secondary{background:#7f5af0;color:#fffffe}.btn-secondary:hover{opacity:.85}.task-client-id{font-size:11px;color:#72757e;text-align:right;margin-top:6px;font-family:Courier New,Courier,monospace;-webkit-user-select:all;-moz-user-select:all;user-select:all}@media(max-width:768px){.task-thumbnails{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.task-actions{flex-direction:column}.task-btn{width:100%}}.task-queue-panel{width:100%;max-width:1200px;margin:0 auto}.queue-header-wrap{padding:0}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 0;background:transparent;border-bottom:1px solid rgba(255,255,255,.07)}.queue-title{margin:0;font-size:16px;font-weight:600;color:#fffffe}.queue-count{font-size:12px;color:#9b76ff;font-weight:600;background:#7f5af026;padding:2px 9px;border-radius:99px;margin-left:8px}.queue-actions{display:flex;gap:8px;margin-left:auto}.queue-action-btn{padding:5px 13px;border:none;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .18s;background:#f5a62326;color:#f5a623}.queue-action-btn:hover{opacity:.8}.queue-action-btn:active{opacity:.7}.queue-action-danger{background:#f5584f26;color:#f5584f}.queue-filters{display:flex;gap:6px;margin-bottom:14px;padding:6px 0;background:transparent;border-radius:10px;overflow-x:auto;scrollbar-width:none}.queue-filters::-webkit-scrollbar{display:none}.filter-tab{padding:5px 14px;border:1px solid rgba(255,255,255,.1);border-radius:7px;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s;background:transparent;color:#94a1b2;white-space:nowrap;font-family:inherit}.filter-tab:hover{color:#fffffe;border-color:#fff3}.filter-tab.active{background:#7f5af033;color:#9b76ff;border-color:#7f5af066}.queue-tasks{display:flex;flex-direction:column;gap:0}.queue-empty,.queue-empty-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#7f5af00a;border-radius:12px;border:1px dashed rgba(255,255,255,.08)}.video-task-queue-empty-icon{font-size:48px;margin-bottom:14px;opacity:.25;animation:float 3s ease-in-out infinite}.queue-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}.pagination-btn{padding:5px 14px;border:1px solid rgba(255,255,255,.12);border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;background:transparent;color:#94a1b2;font-family:inherit}.pagination-btn:hover:not(:disabled){border-color:#7f5af0;color:#9b76ff}.pagination-btn:active:not(:disabled){transform:none}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-size:12px;font-weight:500;color:#72757e;min-width:160px;text-align:center}@media(max-width:768px){.queue-header{flex-direction:column;align-items:flex-start;gap:10px}.queue-actions{width:100%;flex-direction:column;margin-left:0}.queue-action-btn{width:100%}.queue-filters{padding:4px 0}.filter-tab{font-size:12px;padding:5px 10px}.video-task-queue-empty-icon{font-size:36px}.video-task-queue-empty-text{font-size:14px}.queue-pagination{flex-direction:column;gap:10px}.pagination-btn{width:100%}.pagination-info{font-size:12px;min-width:auto}}.video-input-panel{background:#1c1c22;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff0d;overflow:visible}.vip-gallery-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 18px 0}.vip-gallery-item{position:relative;display:inline-block;flex-shrink:0}.vip-gallery-img{width:52px;height:52px;object-fit:cover;border-radius:7px;border:1.5px solid rgba(127,90,240,.45);display:block}.vip-gallery-item.role-first-frame .vip-gallery-img{border-color:#3b82f6}.vip-gallery-item.role-last-frame .vip-gallery-img{border-color:#f5584f}.vip-gallery-item.role-reference .vip-gallery-img{border-color:#7f5af073}.vip-gallery-role{position:absolute;bottom:3px;left:3px;padding:1px 4px;border-radius:3px;font-size:9px;font-weight:700;color:#fff;pointer-events:none;line-height:1.4}.role-first-frame .vip-gallery-role{background:#3b82f6}.role-last-frame .vip-gallery-role{background:#f5584f}.role-reference .vip-gallery-role{background:#0009}.vip-gallery-index{position:absolute;top:3px;right:3px;background:#0009;color:#fff;padding:1px 4px;border-radius:3px;font-size:9px;pointer-events:none}.vip-gallery-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#f5584f;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;line-height:1;transition:opacity .15s;z-index:1}.vip-gallery-remove:hover{opacity:.8}.vip-gallery-toggle{position:absolute;bottom:3px;right:3px;width:18px;height:18px;background:#000000a6;border:none;border-radius:3px;color:#fff;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:1}.vip-gallery-toggle:hover{background:#7f5af0b3}.vip-gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;border-radius:7px}.vip-gallery-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.vip-gallery-icon.success{background:#2cb67d}.vip-gallery-icon.error{background:#f5584f}.vip-gallery-img--zoomable{cursor:zoom-in}.vip-gallery-item.vip-gallery-draggable{cursor:-webkit-grab;cursor:grab}.vip-gallery-item.vip-gallery-draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.vip-gallery-item.vip-gallery-draggable:after{content:"拖拽换序";position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#0f0f14e0;color:#fffffe;font-size:11px;font-weight:500;padding:4px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;transition-delay:.35s;z-index:20;box-shadow:0 2px 8px #0006}.vip-gallery-item.vip-gallery-draggable:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#0f0f14e0;pointer-events:none;opacity:0;transition:opacity .15s;transition-delay:.35s;z-index:20}.vip-gallery-item.vip-gallery-draggable:hover:after,.vip-gallery-item.vip-gallery-draggable:hover:before{opacity:1}.vip-gallery-item.vip-gallery-draggable:active:after,.vip-gallery-item.vip-gallery-draggable:active:before{opacity:0;transition-delay:0s}.vip-gallery-item.vip-drop-left:before,.vip-gallery-item.vip-drop-right:after{content:"";position:absolute;top:-4px;width:3px;height:calc(100% + 8px);background:#7f5af0;border-radius:2px;pointer-events:none;box-shadow:0 0 0 1px #7f5af04d,0 0 8px 1px #7f5af0b3}.vip-gallery-item.vip-drop-left:before{left:-5px}.vip-gallery-item.vip-drop-right:after{right:-5px}.vip-gallery-clear{width:52px;height:52px;border-radius:7px;border:1.5px dashed rgba(245,88,79,.35);background:#f5584f0f;color:#f5584f;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,background .15s}.vip-gallery-clear:hover{border-color:#f5584f;background:#f5584f1f}.vip-bar-progress{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid rgba(127,90,240,.3);border-radius:8px;background:#7f5af014;font-size:12px;color:#9b76ff;white-space:nowrap}.vip-audio-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid rgba(127,90,240,.4);border-radius:8px;background:#7f5af01a;font-size:12px;color:#9b76ff;white-space:nowrap;max-width:200px}.vip-audio-chip-name{font-size:11px;font-weight:600;color:#fffffe;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.vip-audio-chip-meta{font-size:10px;color:#72757e;flex-shrink:0}.vip-audio-chip-remove{background:none;border:none;color:#72757e;cursor:pointer;font-size:14px;line-height:1;padding:0;flex-shrink:0;transition:color .15s}.vip-audio-chip-remove:hover{color:#f5584f}.vip-auto-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#232329;font-size:11.5px;color:#72757e;white-space:nowrap;cursor:default}.iip-param-chip.vip-chip-on{border-color:#2cb67d80;background:#2cb67d1a;color:#2cb67d}.iip-param-chip.vip-chip-on .iip-chip-val{color:#2cb67d}.vip-toggle-dot{width:7px;height:7px;border-radius:50%;background:#fff3;flex-shrink:0;transition:background .2s;margin-left:2px}.vip-toggle-dot.on{background:#2cb67d}.vip-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.vip-confirm-dialog{background:#232329;border:1px solid rgba(255,255,255,.1);border-radius:14px;width:320px;box-shadow:0 16px 48px #00000080;overflow:hidden}.vip-confirm-header{padding:16px 20px 10px;border-bottom:1px solid rgba(255,255,255,.07)}.vip-confirm-header h4{margin:0;font-size:15px;color:#fffffe;font-weight:600}.vip-confirm-body{padding:14px 20px}.vip-confirm-body p{margin:0;font-size:13.5px;color:#94a1b2;line-height:1.5}.vip-confirm-actions{display:flex;justify-content:flex-end;gap:10px;padding:10px 20px 16px}.vip-btn-cancel{background:none;border:1px solid rgba(255,255,255,.12);padding:7px 18px;border-radius:8px;font-size:13px;color:#94a1b2;cursor:pointer;transition:background .15s}.vip-btn-cancel:hover{background:#ffffff0f}.vip-btn-confirm{background:#f5584f;border:none;padding:7px 18px;border-radius:8px;font-size:13px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .15s}.vip-btn-confirm:hover{opacity:.85}.video-task-card{background:#1c1c22;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;margin-bottom:10px;transition:box-shadow .2s;box-shadow:0 1px 4px #00000040;color:#fffffe}.video-task-card:hover{box-shadow:0 4px 16px #0006}.video-task-card.video-status-generating{border-left:3px solid #7f5af0}.video-task-card.video-status-completed{border-left:3px solid #2cb67d}.video-task-card.video-status-failed{border-left:3px solid #f5584f}.video-task-card.video-status-cancelled{border-left:3px solid #72757e;opacity:.75}.video-task-card.video-status-pending{border-left:3px solid #f5a623}.video-task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);gap:10px;flex-wrap:nowrap}.video-task-header-left{display:flex;align-items:center;gap:7px;flex-shrink:0}.video-task-header-center{display:flex;justify-content:center;align-items:center;flex:1;min-width:0;overflow:hidden}.video-task-info{display:flex;align-items:center;gap:7px;flex-shrink:0}.video-task-actions{display:flex;gap:5px;align-items:center}.video-task-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-weight:600;font-size:11.5px;white-space:nowrap;background:#2a2a32;color:#94a1b2}.video-status-pending .video-task-status-badge{background:#f5a62326;color:#f5a623}.video-status-generating .video-task-status-badge{background:#7f5af026;color:#9b76ff}.video-status-completed .video-task-status-badge{background:#2cb67d26;color:#2cb67d}.video-status-failed .video-task-status-badge{background:#f5584f26;color:#f5584f}.video-status-cancelled .video-task-status-badge{background:#ffffff0f;color:#72757e}.video-task-time,.video-task-duration{font-size:11px;color:#72757e;white-space:nowrap}.video-task-btn{padding:4px 10px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s;background:#2a2a32;color:#94a1b2;white-space:nowrap;font-family:inherit;transform:none!important;box-shadow:none!important}.video-task-btn:hover{opacity:.8}.video-task-btn:active{opacity:.7}.video-task-btn-cancel{background:#f5584f26;color:#f5584f}.video-task-btn-retry{background:#5b9bf526;color:#5b9bf5}.video-task-btn-delete{background:#ffffff0f;color:#72757e}.video-task-btn-download{background:#2cb67d26;color:#2cb67d}.video-task-btn-lastframe{background:#7f5af026;color:#9b76ff;margin-left:auto;flex-shrink:0}.video-task-params{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:10px}.video-task-params::-webkit-scrollbar{display:none}.video-task-param-item{display:flex;align-items:center;gap:3px;padding:2px 7px;background:#2a2a32;border:1px solid rgba(255,255,255,.08);border-radius:5px;font-size:11px;white-space:nowrap;flex-shrink:0}.video-task-param-label{color:#72757e;font-weight:500}.video-task-param-value{color:#fffffe;font-weight:600}.video-task-prompt{margin-bottom:10px;font-size:13.5px;line-height:1.6;display:flex;align-items:baseline;gap:4px;overflow:hidden}.video-task-prompt-label{font-size:12px;color:#72757e;font-weight:500;flex-shrink:0}.video-task-prompt-text{color:#94a1b2;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-task-progress{margin-bottom:10px}.video-task-progress-bar{width:100%;height:5px;background:#2a2a32;border-radius:99px;overflow:hidden;margin-bottom:5px}.video-task-progress-fill{height:100%;background:linear-gradient(90deg,#7f5af0,#9b76ff);border-radius:99px;transition:width .3s ease;animation:videoShimmer 2s ease-in-out infinite}@keyframes videoShimmer{0%,to{opacity:1}50%{opacity:.65}}.video-task-progress-text{font-size:11px;color:#72757e}.video-task-error{display:flex;align-items:flex-start;gap:8px;background:#f5584f14;border:1px solid rgba(245,88,79,.18);border-radius:7px;padding:8px 12px;margin-bottom:10px}.video-task-error-icon{font-size:14px;flex-shrink:0}.video-task-error-text{flex:1;font-size:12px;color:#f5584f;line-height:1.4}.video-task-result{margin-bottom:10px}.video-task-preview{width:100%;height:auto;max-height:500px;border-radius:10px;background:#16161a;cursor:pointer;display:block;object-fit:contain;transition:box-shadow .2s}.video-task-preview:hover{box-shadow:0 0 0 2px #7f5af0}.video-task-preview-placeholder{width:100%;height:60px;border-radius:10px;background:#16161a;border:1px dashed rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:border-color .15s,background .15s}.video-task-preview-placeholder:hover{border-color:#7f5af073;background:#7f5af00a}.video-preview-play-icon{font-size:20px;color:#94a1b2}.video-preview-hint{font-size:13px;color:#72757e;font-weight:500}.video-task-footer{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.video-url-expiry-notice{font-size:11px;color:#f5a623;font-weight:600;cursor:help;padding:2px 6px;background:#f5a6231a;border-radius:4px;transition:background .15s;white-space:nowrap}.video-url-expiry-notice:hover{background:#f5a6232e}.video-task-draft-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:10px 12px;background:#f5a6230f;border:1px solid rgba(245,166,35,.18);border-radius:8px}.draft-badge{font-size:12px;font-weight:600;color:#f5a623;padding:3px 8px;background:#f5a6231f;border-radius:6px}.draft-final-controls{display:flex;align-items:center;gap:8px}.draft-resolution-select{padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#2a2a32;color:#fffffe;font-size:12px;font-weight:500;cursor:pointer;outline:none;font-family:inherit;transition:border-color .15s}.draft-resolution-select:focus{border-color:#7f5af080}.draft-resolution-select option{background:#2a2a32;color:#fffffe}.video-task-btn-generate-final{background:#f5a6232e;color:#f5a623;padding:5px 14px;font-size:12px;font-weight:600}.video-task-btn-generate-final:hover{opacity:.8}.video-task-client-id{font-size:11px;color:#72757e;text-align:right;margin-top:6px;font-family:Courier New,Courier,monospace;-webkit-user-select:all;-moz-user-select:all;user-select:all}@media(max-width:768px){.video-task-card{padding:12px}.video-task-header{flex-wrap:wrap}.video-task-params{justify-content:flex-start}.video-task-btn{font-size:11px;padding:4px 8px}.video-task-actions{flex-wrap:wrap}}.video-task-queue-panel{width:100%;max-width:1200px;margin:0 auto}.video-task-queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 0;background:transparent;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0;box-shadow:none}.video-task-queue-title{margin:0;font-size:16px;font-weight:600;color:#fffffe}.video-task-queue-actions{display:flex;gap:8px;margin-left:auto}.video-task-queue-btn{padding:5px 13px;border:none;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .18s;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none!important;box-shadow:none!important;color:#f5a623;background:#f5a62326}.video-task-queue-btn:hover{opacity:.8}.video-task-queue-btn:active{opacity:.7}.video-task-queue-btn-clear-completed{background:#f5a62326;color:#f5a623}.video-task-queue-btn-clear-all{background:#f5584f26;color:#f5584f}.video-task-queue-filters{display:flex;gap:6px;margin-bottom:14px;padding:6px 0;background:transparent;border-radius:0;overflow-x:auto;scrollbar-width:none}.video-task-queue-filters::-webkit-scrollbar{display:none}.video-task-queue-filter-btn{padding:5px 14px;border:1px solid rgba(255,255,255,.1);border-radius:7px;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s;background:transparent;color:#94a1b2;white-space:nowrap;font-family:inherit;transform:none!important}.video-task-queue-filter-btn:hover{color:#fffffe;border-color:#fff3;background:transparent}.video-task-queue-filter-btn.active{background:#7f5af033;color:#9b76ff;border-color:#7f5af066}.video-task-queue-list{display:flex;flex-direction:column;gap:0}.video-task-queue-empty,.video-task-queue-empty-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#7f5af00a;border-radius:12px;border:1px dashed rgba(255,255,255,.08);box-shadow:none}.video-task-queue-empty-icon{font-size:48px;margin-bottom:14px;opacity:.25;animation:vq-float 3s ease-in-out infinite}@keyframes vq-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.video-task-queue-empty-text{font-size:15px;font-weight:600;color:#72757e;margin-bottom:6px}.video-task-queue-empty-hint{font-size:13px;color:#72757e;opacity:.6;max-width:360px}.video-task-queue-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);background:transparent;border-radius:0}.video-pagination-btn{padding:5px 14px;border:1px solid rgba(255,255,255,.12);border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;background:transparent;color:#94a1b2;font-family:inherit}.video-pagination-btn:hover:not(:disabled){border-color:#7f5af0;color:#9b76ff;background:transparent;transform:none;box-shadow:none}.video-pagination-btn:active:not(:disabled){transform:none}.video-pagination-btn:disabled{opacity:.3;cursor:not-allowed;border-color:#ffffff1f;color:#94a1b2}.video-pagination-info{font-size:12px;font-weight:500;color:#72757e;min-width:160px;text-align:center}@media(max-width:768px){.video-task-queue-header{flex-direction:column;align-items:flex-start;gap:10px}.video-task-queue-actions{width:100%;flex-direction:column;margin-left:0}.video-task-queue-btn{width:100%}.video-task-queue-filters{padding:4px 0}.video-task-queue-filter-btn{font-size:12px;padding:5px 10px}.video-task-queue-empty-icon{font-size:36px}.video-task-queue-empty-text{font-size:14px}.video-task-queue-pagination{flex-direction:column;gap:10px}.video-pagination-btn{width:100%}.video-pagination-info{font-size:12px;min-width:auto}}.video-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.video-queue-header-bar{flex-shrink:0;background:var(--bg-secondary);z-index:10}.video-page-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 0 16px;scrollbar-width:thin;scrollbar-color:#2a2a32 transparent;scrollbar-gutter:stable both-edges}.video-page-content::-webkit-scrollbar{width:4px}.video-page-content::-webkit-scrollbar-thumb{background:#2a2a32;border-radius:99px}.video-input-bar{flex-shrink:0;padding:88px 0 16px;background:transparent;position:relative;margin-top:-88px;z-index:5}.video-input-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.015) 18%,rgba(22,22,26,.72) 38%,rgba(22,22,26,.94) 55%,#16161a 68%);pointer-events:none;z-index:-1}.video-page-container{width:100%;max-width:900px;margin:0 auto;padding:0 20px;box-sizing:border-box}.page-header{text-align:center;margin-bottom:30px;padding:30px 20px;background:#fffffff2;border-radius:16px;box-shadow:0 4px 16px #0000001a;transition:padding .3s ease}.page-header h1{margin:0 0 10px;font-size:2.5rem;color:#333;font-weight:700}.page-subtitle{margin:0;font-size:1.1rem;color:#666;font-weight:400}.page-section{margin-bottom:20px;animation:fadeInUp .5s ease;width:100%;box-sizing:border-box}.page-footer{margin-top:40px;padding:20px;background:#ffffffe6;border-radius:12px;text-align:center;transition:padding .3s ease}.footer-tip{margin:8px 0;font-size:.95rem;color:#666;line-height:1.6}.footer-tip:first-child{margin-top:0}.footer-tip:last-child{margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px)and (min-width:769px){.video-page-container{max-width:800px;padding:0 18px}.page-header{padding:25px 18px}.page-header h1{font-size:2.2rem}.page-subtitle{font-size:1.05rem}}@media(max-width:768px){.video-page{padding:15px 0}.video-page-container{padding:0 15px}.page-header{padding:20px 15px;margin-bottom:20px}.page-header h1{font-size:2rem}.page-subtitle{font-size:1rem}.page-section{margin-bottom:15px}.page-footer{margin-top:30px;padding:15px}.footer-tip{font-size:.9rem}}@media(max-width:480px){.video-page{padding:10px 0}.video-page-container{padding:0 10px}.page-header{padding:15px 10px;margin-bottom:15px}.page-header h1{font-size:1.75rem}.page-subtitle{font-size:.95rem}.page-section{margin-bottom:12px}.page-footer{margin-top:25px;padding:12px}.footer-tip{font-size:.85rem}}@media(prefers-color-scheme:dark){.video-page{background:linear-gradient(135deg,#1a1a2e,#16213e)}.page-header{background:#2d2d2df2}.page-header h1{color:#e0e0e0}.page-subtitle{color:#b0b0b0}.page-footer{background:#2d2d2de6}.footer-tip{color:#b0b0b0}}.video-page{scroll-behavior:smooth}.page-section.loading{opacity:.6;pointer-events:none}.page-section:focus-within{outline:none}.gallery-header{text-align:center;margin-bottom:32px}.gallery-header h1{margin:0 0 8px;color:#fffffe;font-size:2.5rem}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px;transition:all .3s ease}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:2px solid #72757e;border-radius:8px;background:transparent;color:#94a1b2;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#7f5af0;background:#7f5af01a;color:#fffffe}.filter-btn.active{background:#7f5af0;color:#fffffe;border-color:#7f5af0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:100%;margin:0 auto;transition:gap .3s ease}.gallery-card{background:#1f1f26;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0006;cursor:pointer;transition:all .3s ease;border:1px solid rgba(114,117,126,.2)}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #7f5af033;border-color:#7f5af066}.gallery-card-preview{position:relative;width:100%;aspect-ratio:4 / 3;min-height:200px;max-height:300px;overflow:hidden;background:var(--bg-secondary);display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.gallery-card-preview:has(img:only-child){grid-template-columns:1fr}.gallery-preview-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#242629,#2d2f35)}.placeholder-icon{font-size:3rem;margin-bottom:12px;opacity:.6;animation:float 3s ease-in-out infinite}.placeholder-text{font-size:.9rem;color:#94a1b2;font-weight:500;text-align:center;padding:0 16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gallery-preview-img{animation:fadeIn .3s ease-in}.gallery-card-placeholder:has(.placeholder-text:contains("正在加载")){background:linear-gradient(135deg,#7f5af0,#6b46d4)}.gallery-card-placeholder:has(.placeholder-text:contains("正在加载")) .placeholder-text{color:#fffffe;font-weight:600}.gallery-card-placeholder:has(.placeholder-text:contains("正在加载")) .placeholder-icon{opacity:.9;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.placeholder-icon{font-size:2.5rem}.placeholder-text{font-size:.85rem}}@media(max-width:480px){.placeholder-icon{font-size:2rem;margin-bottom:8px}.placeholder-text{font-size:.8rem}}.gallery-card:hover .gallery-preview-img{transform:scale(1.05)}.gallery-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:16px;display:flex;justify-content:flex-end}.image-count-badge{background:#7f5af0d9;color:#fffffe;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.gallery-card-info{padding:16px}.gallery-card-prompt{margin:0 0 12px;color:#fffffe;font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;color:#94a1b2}.meta-time,.meta-params{display:flex;align-items:center;gap:4px}.gallery-card-actions{display:flex;gap:8px;justify-content:flex-end}.card-action-btn{padding:6px 12px;border:1px solid #72757e;border-radius:6px;background:transparent;color:#94a1b2;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.card-action-btn:hover{background:#7f5af01a;border-color:#7f5af0;color:#fffffe}.card-action-btn.danger:hover{background:var(--danger-color);color:#fffffe;border-color:var(--danger-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.modal-content.gallery-modal{background:#1f1f26;border:1px solid rgba(114,117,126,.3);border-radius:16px;padding:32px;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0009;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:var(--danger-color);color:#fffffe;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.modal-close:hover{background:#c0392b;transform:scale(1.1)}.modal-content h2{margin:0 0 24px;color:#fffffe;font-size:1.8rem}.modal-section{margin-bottom:32px}.modal-section h3{margin:0 0 16px;color:#fffffe;font-size:1.2rem}.prompt-display{background:#72757e26;padding:16px;border-radius:8px;color:#fffffe;line-height:1.6;margin-bottom:12px;word-wrap:break-word;border:1px solid rgba(114,117,126,.2)}.params-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background:#72757e26;padding:16px;border-radius:8px;border:1px solid rgba(114,117,126,.2)}.param-item-display{display:flex;gap:8px}.param-item-display .param-label{font-weight:600;color:#94a1b2}.param-item-display .param-value{color:#fffffe}.modal-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;transition:gap .3s ease}.modal-image-item{background:#16161a;border-radius:8px;overflow:hidden;border:2px solid rgba(114,117,126,.3)}.modal-image-item img{width:100%;height:auto;display:block;object-fit:contain;background:#16161a}.modal-image-actions{display:flex;gap:8px;padding:12px;background:#1f1f26}.modal-actions{display:flex;gap:12px;justify-content:center;padding-top:24px;border-top:1px solid rgba(114,117,126,.3)}@media(max-width:1200px)and (min-width:901px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}}@media(max-width:900px)and (min-width:769px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;padding:0 14px}.gallery-card-preview{min-height:180px;max-height:250px}}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:0 12px}.gallery-header h1{font-size:2rem}.gallery-toolbar{flex-direction:column;align-items:stretch}.filter-buttons{justify-content:center}.modal-content.gallery-modal{padding:24px 16px;max-width:95%}.modal-images-grid,.params-display{grid-template-columns:1fr}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr;gap:12px;padding:0 10px}.gallery-card-preview{padding-top:56.25%;aspect-ratio:16 / 9;min-height:180px;max-height:220px}.modal-content h2{font-size:1.4rem}.modal-images-grid{grid-template-columns:1fr;gap:12px}}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.viewer-close{position:fixed;top:20px;right:20px;background:#7f5af04d;color:#fffffe;border:2px solid rgba(127,90,240,.6);border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10002}.viewer-close:hover{background:#7f5af099;transform:scale(1.1)}.viewer-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.viewer-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0009}.viewer-info{margin-top:16px;color:#94a1b2;font-size:1rem;text-align:center;background:#1f1f26cc;padding:8px 16px;border-radius:20px;border:1px solid rgba(114,117,126,.3)}.viewer-nav{position:fixed;top:50%;transform:translateY(-50%);background:#7f5af04d;color:#fffffe;border:2px solid rgba(127,90,240,.6);border-radius:50%;width:56px;height:56px;font-size:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.viewer-nav:hover{background:#7f5af099;transform:translateY(-50%) scale(1.1)}.viewer-nav-prev{left:40px}.viewer-nav-next{right:40px}@media(max-width:768px){.viewer-close{width:40px;height:40px;font-size:20px;top:12px;right:12px}.viewer-nav{width:44px;height:44px;font-size:28px}.viewer-nav-prev{left:12px}.viewer-nav-next{right:12px}.viewer-info{font-size:.9rem;padding:6px 12px}}.speech-task-queue-panel{width:100%;max-width:1200px;margin:0 auto}.speech-queue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#72757e;text-align:center}.speech-queue-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.speech-queue-empty-text{font-size:15px;font-weight:600;color:#72757e;margin-bottom:8px}.speech-queue-empty-hint{font-size:13px;color:#4a4a55}.speech-queue-empty-filter{text-align:center;padding:40px 20px;color:#72757e;font-size:14px}.speech-queue-empty-filter p{margin:0}.speech-queue-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 0 8px;border-top:1px solid rgba(255,255,255,.06);margin-top:8px}.speech-pagination-btn{padding:5px 14px;border:1px solid rgba(255,255,255,.12);border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;background:#232329;color:#94a1b2;transition:background .15s,color .15s}.speech-pagination-btn:hover:not(:disabled){background:#7f5af026;color:#9b76ff;border-color:#7f5af04d}.speech-pagination-btn:disabled{opacity:.35;cursor:not-allowed}.speech-pagination-info{font-size:12px;color:#72757e}.speech-task-card{background:#1c1c22;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;margin-bottom:10px;transition:box-shadow .2s;box-shadow:0 1px 4px #00000040;color:#fffffe}.speech-task-card:hover{box-shadow:0 4px 16px #0006}.speech-task-card.speech-status-generating{border-left:3px solid #7f5af0}.speech-task-card.speech-status-pending{border-left:3px solid #f5a623}.speech-task-card.speech-status-completed{border-left:3px solid #2cb67d}.speech-task-card.speech-status-failed{border-left:3px solid #f5584f}.speech-task-card.speech-status-cancelled{border-left:3px solid #72757e;opacity:.75}.speech-task-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.speech-task-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.speech-task-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.speech-task-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.speech-task-btn{padding:4px 10px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s;white-space:nowrap}.speech-task-btn:hover{opacity:.8}.speech-task-btn-cancel{background:#f5584f26;color:#f5584f}.speech-task-btn-retry{background:#7f5af026;color:#9b76ff}.speech-task-btn-download{background:#2cb67d26;color:#2cb67d}.speech-task-btn-delete{background:#ffffff0f;color:#72757e}.speech-task-header-center{flex:1;min-width:180px}.speech-task-params{display:flex;flex-wrap:wrap;gap:6px 14px}.speech-task-param-item{display:flex;align-items:center;gap:4px;font-size:12px}.speech-task-param-label{color:#72757e}.speech-task-param-value{color:#94a1b2;font-weight:500}.speech-task-info{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:100px;flex-shrink:0}.speech-task-time,.speech-task-duration,.speech-task-process-time{font-size:11px;color:#72757e}.speech-task-text{padding:8px 12px;background:#ffffff0a;border-radius:8px;margin-bottom:10px;font-size:13px;line-height:1.5;border:1px solid rgba(255,255,255,.06)}.speech-task-text-label{color:#72757e;font-weight:500;margin-right:6px}.speech-task-text-content{color:#94a1b2;word-break:break-all}.speech-task-progress{margin-bottom:10px}.speech-task-progress-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:5px}.speech-task-progress-fill{height:100%;background:linear-gradient(90deg,#7f5af0,#9b76ff);border-radius:2px;transition:width .3s ease}.speech-task-progress-text{font-size:11px;color:#72757e;text-align:center}.speech-task-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f5584f14;border-left:3px solid #f5584f;border-radius:6px;margin-bottom:10px}.speech-task-error-icon{font-size:14px;flex-shrink:0}.speech-task-error-text{font-size:12px;color:#f5584f}.speech-task-player{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0a;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.speech-task-play-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#7f5af0;border:none;border-radius:50%;cursor:pointer;transition:opacity .2s,transform .15s;flex-shrink:0;box-shadow:0 2px 8px #7f5af059}.speech-task-play-btn:hover{opacity:.88;transform:scale(1.05)}.speech-task-play-btn:active{transform:scale(.95)}.speech-task-player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.speech-task-player-progress{position:relative;height:4px;background:#ffffff1a;border-radius:2px;cursor:pointer;overflow:visible}.speech-task-player-progress-fill{height:100%;background:linear-gradient(90deg,#7f5af0,#9b76ff);border-radius:2px;transition:width .1s}.speech-task-player-progress-thumb{position:absolute;top:50%;width:10px;height:10px;background:#9b76ff;border:2px solid #16161a;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006;transition:left .1s}.speech-task-player-progress:hover .speech-task-player-progress-thumb{transform:translate(-50%,-50%) scale(1.2)}.speech-task-player-time{display:flex;gap:4px;font-size:11px;color:#72757e}.speech-task-file-size{font-size:11px;color:#72757e;white-space:nowrap;flex-shrink:0}@media(max-width:768px){.speech-task-card{padding:12px}.speech-task-header{flex-direction:column;gap:8px}.speech-task-actions{margin-left:0}.speech-task-info{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;min-width:unset}.speech-task-player{flex-wrap:wrap}.speech-task-player-info{width:100%;order:2}.speech-task-file-size{order:3;width:100%;text-align:center}}.speech-input-panel{background:#1c1c22;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff0d;overflow:visible}.sip-textarea-wrapper{position:relative;border-radius:8px;transition:box-shadow .15s}.sip-textarea{width:100%;padding:12px 60px 22px 18px;border:none;border-radius:0;font-size:14px;font-family:inherit;resize:none;min-height:70px;color:#fffffe;background:transparent;line-height:1.6;box-sizing:border-box}.sip-textarea::placeholder{color:#72757e}.sip-textarea:focus{outline:none}.sip-textarea.sip-textarea-error{background:#f5584f0a}.sip-char-count{position:absolute;bottom:7px;right:8px;font-size:11px;color:#72757e;pointer-events:none}.sip-char-count.over-limit{color:#f5584f;font-weight:600}.sip-clear-btn{position:absolute;top:7px;right:8px;width:20px;height:20px;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;font-size:14px;color:#94a1b2;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}.sip-clear-btn:hover{background:#f5584f33;color:#f5584f}.sip-mood-row{display:flex;align-items:center;gap:8px;padding:6px 18px 8px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.sip-mood-label{font-size:12px;color:#72757e;white-space:nowrap;flex-shrink:0}.sip-mood-tags{display:flex;flex-wrap:wrap;gap:5px}.sip-mood-tag{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border:1px solid rgba(255,255,255,.1);border-radius:99px;background:#232329;cursor:pointer;font-size:11px;color:#94a1b2;transition:border-color .12s,color .12s,background .12s;white-space:nowrap}.sip-mood-tag:hover:not(:disabled){border-color:#7f5af080;color:#9b76ff;background:#7f5af014}.sip-mood-tag:disabled{opacity:.35;cursor:not-allowed}.sip-action-bar{display:flex;align-items:center;gap:6px;padding:8px 14px 10px;background:#16161a;border-top:1px solid rgba(255,255,255,.06);flex-wrap:nowrap;position:relative}.sip-action-bar.sip-action-bar-last{border-radius:0 0 12px 12px}.sip-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.sip-chip-wrapper{position:relative;flex-shrink:0}.sip-param-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#232329;cursor:pointer;font-size:12px;color:#94a1b2;white-space:nowrap;flex-shrink:0;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sip-param-chip:hover{border-color:#7f5af080;color:#9b76ff;background:#7f5af014}.sip-param-chip.chip-open{border-color:#7f5af080;background:#7f5af01f;color:#9b76ff;box-shadow:0 0 0 2px #7f5af026}.sip-chip-val{font-weight:600;color:#fffffe}.sip-chip-arr{font-size:10px;opacity:.45;flex-shrink:0;transition:transform .15s}.sip-param-chip.chip-open .sip-chip-arr{transform:rotate(180deg)}.sip-bar-divider{width:1px;height:16px;background:#ffffff1a;flex-shrink:0}.sip-bar-spacer{flex:1;min-width:6px}.sip-btn-generate{flex-shrink:0;white-space:nowrap;padding:10px 16px;background:#7f5af0;color:#fffffe;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 12px #7f5af04d;transition:opacity .2s,transform .15s;letter-spacing:.2px}.sip-btn-generate:hover:not(.disabled){opacity:.88;transform:translateY(-1px)}.sip-btn-generate.disabled{background:#2a2a32;color:#72757e;cursor:not-allowed;box-shadow:none;transform:none}.sip-count-badge{background:#ffffff2e;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.sip-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#fffffe;border-radius:50%;animation:sip-spin .7s linear infinite;flex-shrink:0}@keyframes sip-spin{to{transform:rotate(360deg)}}.sip-below-bar{padding:0 18px 12px;background:#16161a;border-radius:0 0 12px 12px}.sip-queue-hint{padding:7px 10px;background:#7f5af014;border-left:3px solid #7f5af0;border-radius:5px;font-size:12px;color:#94a1b2}.sip-voice-dropdown{position:absolute;bottom:calc(100% + 7px);left:0;z-index:200;background:#232329;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #00000080;padding:8px;animation:sip-drop-up .15s ease-out;width:380px;max-width:90vw}@keyframes sip-drop-up{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sip-voice-dropdown-header{padding:4px 8px 8px;font-size:10px;font-weight:700;color:#72757e;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:6px}.sip-voice-filters{display:flex;flex-direction:column;gap:6px;padding:4px 4px 8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:8px}.sip-voice-filter-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.sip-filter-label{font-size:11px;color:#72757e;min-width:28px;flex-shrink:0}.sip-filter-chip{padding:3px 9px;border:1px solid rgba(255,255,255,.1);border-radius:99px;background:#2a2a32;cursor:pointer;font-size:11px;color:#94a1b2;transition:border-color .12s,background .12s,color .12s;white-space:nowrap}.sip-filter-chip:hover{border-color:#7f5af080;color:#9b76ff}.sip-filter-chip.active{border-color:#7f5af0;background:#7f5af0;color:#fffffe;font-weight:600}.sip-voice-count{font-size:11px;color:#72757e;padding:0 4px 6px}.sip-voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a2a32 transparent}.sip-voice-grid::-webkit-scrollbar{width:4px}.sip-voice-grid::-webkit-scrollbar-thumb{background:#2a2a32;border-radius:99px}.sip-voice-card{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#2a2a32;cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.sip-voice-card:hover{border-color:#7f5af066;background:#7f5af014}.sip-voice-card.active{border-color:#7f5af0;background:#7f5af026}.sip-voice-name{font-size:12px;font-weight:600;color:#fffffe}.sip-voice-card.active .sip-voice-name{color:#9b76ff}.sip-voice-desc{font-size:10px;color:#72757e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sip-voice-tags{display:flex;gap:4px;margin-top:2px}.sip-voice-tag{font-size:10px;padding:1px 5px;border-radius:4px}.sip-voice-tag.gender{background:#5b9bf526;color:#5b9bf5}.sip-voice-tag.age{background:#2cb67d26;color:#2cb67d}.speech-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.speech-queue-header-bar{flex-shrink:0;background:var(--bg-secondary);z-index:10}.speech-page-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 0 16px;scrollbar-width:thin;scrollbar-color:#2a2a32 transparent;scrollbar-gutter:stable both-edges}.speech-page-content::-webkit-scrollbar{width:4px}.speech-page-content::-webkit-scrollbar-thumb{background:#2a2a32;border-radius:99px}.speech-input-bar{flex-shrink:0;padding:88px 0 16px;background:transparent;position:relative;margin-top:-88px;z-index:5}.speech-input-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.015) 18%,rgba(22,22,26,.72) 38%,rgba(22,22,26,.94) 55%,#16161a 68%);pointer-events:none;z-index:-1}.credits-display{background:#7f5af00f;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000004d;margin-bottom:20px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;width:100%;box-sizing:border-box;overflow:hidden;animation:fadeIn .5s ease}.credits-display:hover{box-shadow:0 4px 14px #0006}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.credits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.credits-header h3{margin:0;font-size:14px;color:#9b76ff;font-weight:700;display:flex;align-items:center;gap:6px}.btn-refresh{background:#7f5af01a;border:none;width:28px;height:28px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0;color:#9b76ff}.btn-refresh:hover:not(:disabled){background:#7f5af033}.btn-refresh:active:not(:disabled){transform:scale(.92)}.btn-refresh:disabled{opacity:.4;cursor:not-allowed}.credits-empty{text-align:center;padding:16px 12px}.empty-icon{font-size:32px;margin-bottom:8px;opacity:.4}.empty-text{font-size:13px;font-weight:600;color:#72757e}.credits-loading{text-align:center;padding:20px 12px}.loading-spinner{width:28px;height:28px;border:3px solid rgba(127,90,240,.2);border-top-color:#7f5af0;border-radius:50%;margin:0 auto 8px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:12px;color:#72757e}.credits-error{text-align:center;padding:14px 12px}.error-icon{font-size:28px;margin-bottom:6px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.error-text{font-size:12px;color:#f5584f;margin-bottom:8px;font-weight:500}.btn-retry{padding:5px 14px;background:#7f5af0;color:#fffffe;border:none;border-radius:14px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s;box-shadow:0 2px 8px #7f5af04d}.btn-retry:hover{opacity:.85}.credits-info{margin-bottom:4px}.credits-main{text-align:center;margin-bottom:8px;padding:6px 10px;background:#ffffff0a;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.credits-remaining{display:flex;align-items:baseline;justify-content:center;gap:0;line-height:1;white-space:nowrap}.credits-number{font-size:36px;font-weight:800;background:linear-gradient(135deg,#7f5af0,#9b76ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-1px;animation:countUp .6s ease-out}.credits-total{font-size:36px;color:#72757e;font-weight:600;line-height:1;animation:countUp .6s ease-out}@keyframes countUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.credits-label{font-size:11px;color:#72757e;font-weight:600;margin-left:4px;align-self:flex-end;padding-bottom:3px}.credits-progress-bar{width:100%;height:5px;background:#ffffff12;border-radius:10px;overflow:hidden;margin-bottom:8px}.credits-progress-fill{height:100%;border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #2cb67d66}.credits-details{display:flex;justify-content:space-around;align-items:center;background:#ffffff0a;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.credits-detail-item{text-align:center;flex:1}.detail-label{display:block;font-size:10px;color:#72757e;font-weight:600}.detail-value{font-size:15px;font-weight:700;color:#9b76ff}.credits-divider{height:1px;background:#ffffff12;margin:12px 0}.key-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.key-title{font-size:12px;font-weight:700;color:#9b76ff;display:flex;align-items:center;gap:4px}.key-badge{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600}.badge-saved{background:#2cb67d26;color:#2cb67d}.badge-empty{background:#ffffff12;color:#72757e}.key-message{padding:7px 10px;margin-bottom:10px;border-radius:6px;font-size:12px;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.key-message-success{background:#2cb67d1a;color:#2cb67d;border-left:3px solid #2cb67d}.key-message-warning{background:#f5a6231a;color:#f5a623;border-left:3px solid #f5a623}.key-message-error{background:#f5584f1a;color:#f5584f;border-left:3px solid #f5584f}.key-input-wrapper{position:relative;margin-bottom:10px}.key-input-field{box-sizing:border-box;width:100%;padding:9px 38px 9px 12px;font-size:13px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#2a2a32;font-family:Courier New,monospace;color:#94a1b2;transition:border-color .2s}.key-input-field:focus{outline:none;border-color:#7f5af0}.key-input-field.has-value{border-color:#7f5af059;background:#7f5af00a}.key-input-field::placeholder{color:#72757e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.btn-toggle-visibility{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;cursor:pointer;padding:4px;opacity:.4;transition:opacity .2s;color:#94a1b2}.btn-toggle-visibility:hover{opacity:.8}.key-actions{display:flex;gap:8px}.btn-key-save{flex:1;padding:8px 10px;font-size:12px;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:#7f5af0;color:#fffffe;box-shadow:0 2px 8px #7f5af04d;transition:opacity .2s;font-family:inherit}.btn-key-save:hover{opacity:.85}.btn-key-clear{padding:8px 12px;font-size:13px;border:1px solid rgba(245,88,79,.25);border-radius:8px;cursor:pointer;background:#f5584f0f;color:#f5584f;transition:background .15s;font-family:inherit}.btn-key-clear:hover{background:#f5584f1f}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.confirm-dialog{background:#1c1c22;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0009;min-width:280px;max-width:90%;animation:slideUp .22s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.confirm-header{padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.confirm-header h4{margin:0;font-size:16px;color:#fffffe;font-weight:600}.confirm-body{padding:16px 20px}.confirm-body p{margin:0;font-size:14px;color:#94a1b2;line-height:1.6}.confirm-actions{padding:12px 20px 18px;display:flex;gap:10px;justify-content:flex-end}.confirm-actions button{padding:8px 18px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;min-width:72px;font-family:inherit}.confirm-actions .btn-cancel{background-color:#7f5af0;color:#fffffe}.confirm-actions .btn-cancel:hover{opacity:.85}.confirm-actions .btn-confirm{background-color:#f5584f;color:#fffffe}.confirm-actions .btn-confirm:hover{opacity:.85}.nav-bar .credits-display{margin-bottom:0;background:#7f5af00f;border:1px solid rgba(255,255,255,.07)}.nav-bar .credits-main{background:#ffffff08}@media(max-width:1024px)and (min-width:769px){.credits-display{padding:14px}.credits-number,.credits-total{font-size:30px}.credits-header h3{font-size:13px}}@media(max-width:768px){.credits-display{padding:8px;margin-bottom:12px}.credits-header{margin-bottom:6px}.credits-header h3{font-size:9px;writing-mode:vertical-rl;letter-spacing:1px}.btn-refresh{width:18px;height:18px;font-size:9px}.credits-main{padding:6px 2px;margin-bottom:4px}.credits-remaining{flex-direction:column;align-items:center;gap:2px}.credits-number{font-size:18px;letter-spacing:-.5px}.credits-total{font-size:10px}.credits-label{font-size:8px;margin-top:2px}.credits-progress-bar{height:3px;margin-bottom:4px}.credits-details,.credits-divider,.key-section{display:none}.empty-icon{font-size:18px}.empty-text{font-size:9px}.nav-bar .credits-header h3{writing-mode:vertical-rl;font-size:9px;letter-spacing:1px}.nav-bar .credits-main{padding:6px 2px}.nav-bar .credits-number{font-size:18px!important}.nav-bar .credits-total{font-size:10px!important}}.nav-bar{background:#1c1c22;box-shadow:1px 0 #ffffff0f;position:fixed;left:0;top:0;bottom:0;width:200px;display:flex;flex-direction:column;padding:16px 12px;z-index:1000;transition:width .3s ease,padding .3s ease;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.nav-bar::-webkit-scrollbar{display:none}.nav-brand{display:flex;flex-direction:row;align-items:center;gap:9px;color:#fffffe;font-weight:700;margin-bottom:8px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07);order:1;flex-shrink:0}.nav-credits{margin-bottom:12px;padding:0 2px;order:3;flex-shrink:0}.nav-credits .credits-display{background:#7f5af014;border-radius:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);box-shadow:none}.nav-credits .credits-header h3{font-size:12px;color:#94a1b2}.nav-credits .credits-number{font-size:24px}.nav-credits .credits-total{font-size:13px}.nav-credits .credits-label{font-size:10px}.nav-credits .credits-main{padding:5px 8px;margin-bottom:6px}.nav-credits .credits-progress-bar{height:5px;margin-bottom:6px}.nav-credits .credits-details{padding:6px 8px;font-size:11px}.nav-credits .detail-value{font-size:13px}.nav-credits .credits-empty,.nav-credits .credits-loading,.nav-credits .credits-error{padding:12px 8px}.nav-credits .empty-icon{font-size:24px}.nav-credits .empty-text{font-size:12px}.nav-credits .loading-spinner{width:20px;height:20px;border-width:2px}.nav-credits .loading-text,.nav-credits .error-text{font-size:11px}.nav-credits .credits-divider{margin:6px 0}.nav-credits .key-title{font-size:11px}.nav-credits .key-badge{font-size:9px;padding:1px 6px}.nav-credits .key-input-field{padding:6px 30px 6px 9px;font-size:12px;margin-bottom:6px}.nav-credits .btn-key-save{padding:6px 8px;font-size:11px}.nav-credits .btn-key-clear{padding:6px 8px;font-size:12px}.nav-credits .key-message{padding:5px 8px;font-size:11px;margin-bottom:6px}.brand-icon{width:32px;height:32px;object-fit:contain;border-radius:8px;flex-shrink:0}.brand-text{font-size:14px;color:#fffffe;font-weight:700;letter-spacing:.3px;white-space:nowrap}.nav-links{display:flex;flex-direction:column;gap:3px;flex:1;order:2}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 14px;color:#94a1b2;text-decoration:none;border-radius:10px;transition:all .18s;font-size:.9rem;font-weight:500;background:transparent;position:relative}.nav-link:hover{background:#ffffff0d;color:#fffffe}.nav-link.active{background:#7f5af026;color:#9b76ff}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:linear-gradient(to bottom,#7f5af0,#9b76ff);border-radius:0 3px 3px 0}.nav-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;opacity:.6}.nav-link.active .nav-icon,.nav-link:hover .nav-icon{opacity:1}.nav-label{font-size:.88rem}.nav-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.07);text-align:center;order:4;flex-shrink:0}.version{color:#72757e;font-size:.78rem}.nav-buy-btn{width:calc(100% - 16px);margin:0 8px 6px;padding:7px 0;background:#7f5af0;border:none;border-radius:8px;color:#fffffe;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s;letter-spacing:.5px}.nav-buy-btn:hover{opacity:.85}.nav-fix-btn{width:calc(100% - 16px);margin:4px 8px 6px;padding:6px 0;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#72757e;font-size:12px;cursor:pointer;transition:background .2s,color .2s;letter-spacing:.3px}.nav-fix-btn:hover{background:#ffffff0d;color:#94a1b2}@media(max-width:1024px)and (min-width:769px){.nav-bar{width:180px;padding:14px 10px}}@media(max-width:768px){.nav-bar{width:72px;padding:14px 6px}.brand-text,.nav-label,.nav-credits,.nav-footer{display:none}.nav-link{padding:11px 6px;justify-content:center}.nav-icon{font-size:1.4rem;opacity:1}.brand-icon{max-width:40px}}.version-mismatch-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.version-mismatch-modal{background:#fff;border-radius:16px;max-width:600px;width:90%;padding:0;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out;overflow:hidden}.modal-header{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:24px 32px;text-align:center}.modal-icon{font-size:48px;margin-bottom:12px;animation:pulse 2s ease-in-out infinite}.modal-header h2{margin:0;font-size:24px;font-weight:600}.modal-body{padding:32px}.warning-text{font-size:16px;line-height:1.6;color:#333;margin:0 0 24px;text-align:center}.version-info{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0;padding:20px;background:#f8f9fa;border-radius:12px}.version-item{display:flex;flex-direction:column;align-items:center;gap:8px}.version-item label{font-size:14px;color:#666;font-weight:500}.version-number{font-size:20px;font-weight:700;padding:8px 16px;border-radius:8px}.version-item.current .version-number{background:#fee;color:#e53935}.version-item.required .version-number{background:#e8f5e9;color:#2e7d32}.version-arrow{font-size:24px;color:#999;font-weight:700}.update-instructions{margin-top:24px;padding:20px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px}.update-instructions h3{margin:0 0 12px;font-size:16px;color:#856404}.update-instructions ol{margin:0;padding-left:20px;color:#856404}.update-instructions li{margin:8px 0;line-height:1.5}.modal-footer{display:flex;gap:12px;padding:0 32px 24px}.modal-footer button{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-refresh{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-download{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.modal-note{text-align:center;font-size:13px;color:#999;margin:0;padding:0 32px 24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.version-mismatch-modal{width:95%;max-width:none}.modal-header{padding:20px 24px}.modal-icon{font-size:36px}.modal-header h2{font-size:20px}.modal-body{padding:24px}.version-info{flex-direction:column;gap:12px}.version-arrow{transform:rotate(90deg)}.modal-footer{flex-direction:column;padding:0 24px 20px}.modal-footer button{width:100%}}