@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-screen{height:100vh}.w-full{width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#22c55e\]{border-color:#22c55e}.border-t-transparent{border-top-color:#0000}.bg-\[\#0d0d0d\]{background-color:#0d0d0d}.object-cover{object-fit:cover}.text-center{text-align:center}.text-\[\#22c55e\]{color:#22c55e}.text-\[\#444\]{color:#444}.text-\[\#666\]{color:#666}.text-\[\#888\]{color:#888}.text-\[\#64748b\]{color:#64748b}.text-\[\#a3a3a3\]{color:#a3a3a3}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:border-\[\#22c55e\]:hover{border-color:#22c55e}.hover\:underline:hover{text-decoration-line:underline}}:root{--bg-primary:#0a0f1a;--bg-secondary:#0d1424;--bg-tertiary:#111827;--bg-card:#151d2e;--bg-hover:#1a2438;--border:#1e293b;--border-light:#334155;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#22c55e;--accent-hover:#16a34a;--accent-light:#22c55e26;--gold:#f59e0b;--purple:#8b5cf6;--blue:#3b82f6;--pink:#ec4899}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.app-wrapper{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}@media (max-width:768px){.app-wrapper{height:auto;min-height:100vh;overflow:visible}}.app-layout{flex:1;width:100vw;display:flex;overflow:hidden}@media (max-width:768px){.app-layout{flex-direction:column;overflow:visible}}.main-panel.pricing-full-width{flex:1!important;width:100%!important}.side-nav{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:200px;min-width:200px;padding:16px 12px;display:flex}.brand-section{align-items:center;gap:10px;margin-bottom:8px;padding:4px 8px;display:flex}.brand-logo{flex-shrink:0;width:40px;height:40px;position:relative}.logo-img{object-fit:contain;border-radius:8px;width:100%;height:100%}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-name{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.3}.nav-divider{background:var(--border);height:1px;margin:12px 8px}.nav-section{margin-bottom:8px}.nav-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:8px 12px 6px;font-size:10px;font-weight:600}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:15px;transition:all .2s;display:flex;position:relative}.nav-item-text{font-size:13px;font-weight:500}.nav-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.nav-item.active{background:var(--accent-light);color:var(--accent)}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item.locked{opacity:.6}.nav-item.premium{color:var(--gold);background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.nav-item.premium:hover{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a)}.lock-badge{background:var(--gold);color:#000;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.nav-spacer{flex:1}.nav-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:8px}.user-section{cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;transition:all .2s;display:flex}.user-section:hover{background:#ef44441a}.user-avatar{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex;position:relative}.online-dot{background:var(--accent);border:2px solid var(--bg-secondary);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.user-info-text{flex-direction:column;display:flex}.user-email{color:var(--text-primary);font-size:12px;font-weight:500}.user-status{color:var(--text-muted);font-size:10px}.main-panel{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:340px;min-width:340px;max-width:340px;height:100%;display:flex;overflow:hidden}.top-slogan{background:linear-gradient(135deg,#22c55e1a,#3b82f61a);border-bottom:1px solid #22c55e33;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex}.slogan-icon{font-size:16px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.slogan-text{background:linear-gradient(135deg,var(--accent),#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:12px;font-weight:600}.panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.page-title{color:var(--text-primary);font-size:15px;font-weight:600}.user-credits{color:var(--gold);font-size:13px;font-weight:500}.panel-content{flex:1;min-height:0;padding:16px;overflow-y:auto}.panel-footer{border-top:1px solid var(--border);background:var(--bg-tertiary);z-index:10;flex-shrink:0;padding:14px 16px;position:relative}.right-panel-new{background:linear-gradient(#0d1424 0%,#0a0f1a 100%);flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.main-video-scroll{flex-direction:column;flex:1;padding:16px;display:flex;overflow-y:auto}.main-video-scroll::-webkit-scrollbar{width:6px}.main-video-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.main-video-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.generating-banner{border:1px solid var(--accent);color:var(--accent);background:linear-gradient(135deg,#22c55e26,#06b6d426);border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.video-list-scroll{flex-direction:column;gap:32px;padding:10px 0;display:flex}.video-card-item{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:all .2s;overflow:hidden}.video-card-item:hover{border-color:var(--accent);box-shadow:0 4px 24px #22c55e26}.video-card-item.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.video-card-item .video-card-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex}.video-card-item .card-ratio{color:var(--text-muted);background:var(--bg-tertiary);border-radius:6px;margin-left:auto;padding:4px 10px;font-size:11px}.video-prompt-preview{color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg-tertiary);height:calc(4.5em + 20px);max-height:calc(4.5em + 20px);padding:10px 16px;font-size:13px;line-height:1.5;overflow:hidden}.video-prompt-preview .prompt-text{-webkit-line-clamp:3;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.copy-prompt-btn-header{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:13px;transition:all .2s;display:flex}.copy-prompt-btn-header:hover{color:var(--accent);background:var(--accent-light)}.video-player-container{background:#000;border-radius:8px;justify-content:center;align-items:center;margin:24px 20px;display:flex;overflow:hidden}.video-player-container.landscape{aspect-ratio:16/9;width:calc(100% - 40px);max-width:100%}.video-player-container.portrait{aspect-ratio:9/16;width:calc(100% - 40px);max-width:320px;margin:24px auto}@media (max-width:768px){.video-player-container.landscape{aspect-ratio:16/9;width:calc(100% - 24px);max-width:100%;margin:16px 12px}@media (orientation:landscape){.video-player-container.landscape{aspect-ratio:16/9;width:calc(100% - 24px);max-width:100%;min-height:auto;margin:12px}.video-element-adaptive,.image-element-adaptive{object-fit:contain;width:100%;height:100%}.main-video-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.video-card-item{margin-bottom:16px}.video-list-scroll{padding:10px 0}}}.video-element-adaptive,.image-element-adaptive{object-fit:contain;background:#000;width:100%;height:100%}video,video[preload=metadata]{background:#000}.video-player-container.portrait .video-element-adaptive,.video-player-container.portrait .image-element-adaptive{object-fit:contain;width:100%;height:100%}.video-player-container{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.video-play-overlay{opacity:0;pointer-events:auto;z-index:2;cursor:pointer;background:#0000004d;border-radius:8px;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.video-player-container:hover .video-play-overlay:not([style*="display: none"]),.video-player-container:active .video-play-overlay:not([style*="display: none"]){opacity:1;background:#0006}.asset-play-overlay{opacity:0;pointer-events:auto;z-index:2;cursor:pointer;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.asset-card-phone:hover .asset-play-overlay,.asset-card-phone:active .asset-play-overlay{opacity:1;background:#0006}.asset-card-inner{position:relative}.asset-card-phone video{-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation}@media (max-width:768px){.video-play-overlay{opacity:0;background:#0006}.video-player-container:active .video-play-overlay:not([style*="display: none"]){opacity:1;background:#00000080}.asset-play-overlay{opacity:0;background:#0006}.asset-card-phone:active .asset-play-overlay{opacity:1;background:#00000080}.video-element-adaptive{-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}}.play-icon-large{color:#ffffffe6;filter:drop-shadow(0 2px 8px #00000080);font-size:64px}.history-thumb img{object-fit:cover;width:100%;height:100%}.video-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.video-time{color:var(--text-muted);font-size:12px}.download-btn-small{background:var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:6px;min-width:80px;min-height:36px;padding:8px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.download-btn-small:hover{background:var(--accent-hover);transform:translateY(-1px)}.download-btn-small:active{background:var(--accent-hover);transform:scale(.98)}.main-video-area{flex-direction:column;flex:1;padding:16px 20px;display:flex;overflow:hidden}.video-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.tab-item{color:var(--text-muted);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.tab-item:hover{color:var(--text-secondary);background:var(--bg-hover)}.tab-item.active{color:#fff;background:var(--bg-tertiary)}.current-task-display{flex:1;overflow-y:auto}.current-video-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.video-card-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.card-type-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.card-model-badge{color:var(--accent);background:#22c55e26;border-radius:4px;padding:4px 10px;font-size:12px}.card-model-name{color:var(--text-secondary);font-size:12px}.card-quality{color:var(--text-muted);margin-left:auto;font-size:12px}.video-prompt-text{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px}.main-video-player{background:#000;position:relative}.video-element{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%}.video-controls-bar{background:linear-gradient(#0000,#000c);justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.time-display{color:#fffc;font-size:12px}.controls-right{gap:12px;display:flex}.control-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:18px;transition:opacity .2s}.control-btn:hover{opacity:1}.video-actions-bar{border-top:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.action-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:12px;transition:all .2s}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.empty-video-state{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:400px;display:flex}.empty-video-state .empty-icon{color:var(--text-muted);margin-bottom:16px;font-size:48px}.empty-video-state p{color:var(--text-secondary);margin-bottom:8px;font-size:16px}.empty-video-state .empty-hint{color:var(--text-muted);font-size:13px}.generating-state{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:350px;padding:40px;display:flex}.generating-animation{margin-bottom:24px}.generating-title{color:var(--accent);margin-bottom:12px;font-size:20px;font-weight:600}.generating-hint{color:var(--text-muted);margin-bottom:24px;font-size:14px}.generating-progress{width:200px}.progress-bar{background:var(--bg-tertiary);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent),#06b6d4);border-radius:2px;width:30%;height:100%;animation:2s ease-in-out infinite progress-move}@keyframes progress-move{0%{width:10%;margin-left:0}50%{width:50%;margin-left:25%}to{width:10%;margin-left:90%}}.video-download-bar{border-top:1px solid var(--border);justify-content:flex-end;padding:12px 16px;display:flex}.download-btn{background:var(--accent);color:#fff;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.download-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.history-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;width:120px;min-width:120px;display:flex;overflow:hidden}@media (max-width:768px){.history-sidebar,.history-sidebar.mobile-hide{border-left:none!important;width:0!important;min-width:0!important;display:none!important}.right-panel-new{width:100%}}.history-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px;display:flex}.history-title{color:var(--text-secondary);font-size:12px;font-weight:500}.history-count{background:var(--bg-tertiary);color:var(--text-muted);border-radius:10px;padding:2px 6px;font-size:10px}.history-list{flex:1;padding:8px;overflow-y:auto}.history-empty{height:150px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.history-empty .anticon{font-size:24px}.history-item{cursor:pointer;border:2px solid #0000;border-radius:8px;margin-bottom:8px;transition:all .2s;position:relative;overflow:hidden}.history-item:hover{border-color:var(--border-light)}.history-item.active{border-color:var(--accent)}.history-thumb{aspect-ratio:9/16;background:var(--bg-tertiary);width:100%;position:relative;overflow:hidden}.history-thumb video{object-fit:cover;background:#000;width:100%;height:100%}.history-thumb video[preload=metadata]{background:#000}.thumb-loading,.thumb-failed,.thumb-pending{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-card));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.thumb-failed .anticon{color:#ef4444;font-size:20px}.thumb-pending .anticon{color:var(--text-muted);font-size:20px}.thumb-play-icon{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.history-item:hover .thumb-play-icon{opacity:1}.thumb-play-icon .anticon{color:#fff;font-size:24px}.history-item-status{font-size:12px;position:absolute;bottom:4px;right:4px}.status-done{color:var(--accent)}.status-processing{color:var(--blue)}.status-failed{color:#ef4444}.right-panel{background:linear-gradient(180deg,var(--bg-primary)0%,#030712 100%);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.logo-bg-animated{pointer-events:none;z-index:0;justify-content:center;align-items:center;width:120%;height:120%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-bg-animated img{opacity:.08;width:80%;max-width:600px;height:auto;animation:30s linear infinite logo-rotate,5s ease-in-out infinite logo-pulse}@keyframes logo-rotate{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}@keyframes logo-pulse{0%,to{opacity:.06;filter:blur()}50%{opacity:.12;filter:blur(2px)}}.logo-bg-overlay{background:radial-gradient(circle at center,transparent 0%,var(--bg-primary)70%);pointer-events:none;z-index:1;position:absolute;inset:0}.glow-orb{filter:blur(80px);pointer-events:none;z-index:2;border-radius:50%;position:absolute}.glow-1{background:#22c55e26;width:400px;height:400px;animation:8s ease-in-out infinite float1;top:-100px;right:-100px}.glow-2{background:#3b82f61f;width:300px;height:300px;animation:10s ease-in-out infinite float2;bottom:-50px;left:-50px}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.right-panel-slogan{z-index:10;text-align:center;padding:24px 32px;position:relative}.big-slogan{background:linear-gradient(135deg,var(--accent),#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700;animation:3s ease-in-out infinite text-shimmer;display:inline-block}@keyframes text-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.video-preview-container{aspect-ratio:16/9;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:700px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.video-preview-container video,.video-preview-container img{object-fit:cover;width:100%;height:100%}.video-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#000000b3;border-radius:8px;padding:6px 12px;font-size:12px;position:absolute;bottom:12px;left:12px}.hero-section{text-align:center;z-index:5;max-width:600px;position:relative}.hero-badge{color:var(--accent);background:#22c55e1a;border:1px solid #22c55e33;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:12px;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.hero-title{margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.1}.title-gradient{background:linear-gradient(135deg,var(--accent),#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.title-white{color:#fff;display:block}.hero-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:16px}.hero-stats{justify-content:center;align-items:center;gap:24px;margin-bottom:32px;display:flex}.stat-item{text-align:center}.stat-value{color:#fff;font-size:28px;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:12px}.stat-divider{background:var(--border);width:1px;height:40px}.hero-features{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.feature-tag{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:50px;padding:8px 16px;font-size:13px;transition:all .2s}.feature-tag:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.footer-info{color:var(--text-muted);z-index:1;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.footer-dot{opacity:.3}.ad-text{background:linear-gradient(135deg,var(--accent),var(--blue));-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;font-size:24px;font-weight:700;position:relative}.form-section{margin-bottom:16px}.form-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.form-label .hint{color:var(--text-muted);font-size:11px}.text-input{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;min-height:80px;color:var(--text-primary);resize:none;border-radius:8px;padding:12px;font-size:13px;transition:all .2s}.text-input:focus{border-color:var(--accent);outline:none}.text-input::placeholder{color:var(--text-muted)}.ai-toolbar{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ai-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:5px;min-height:32px;padding:6px 10px;font-size:11px;transition:all .2s;display:flex}.ai-btn:hover{border-color:var(--accent);color:var(--accent)}.ai-btn:active{transform:scale(.95)}.ai-btn .cost{background:var(--accent-light);color:var(--accent);border-radius:3px;padding:2px 5px;font-size:10px}.ai-btn .free{background:var(--gold);color:#000;border-radius:3px;padding:2px 5px;font-size:10px;font-weight:600}.selector-group{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.selector-item{background:var(--bg-tertiary);border:1px solid var(--border);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px;transition:all .2s;display:flex}.selector-item:hover{border-color:var(--border-light)}.selector-item:active{transform:scale(.98)}.selector-item.active{border-color:var(--accent);background:var(--accent-light)}.selector-item.disabled{opacity:.4;cursor:not-allowed}.selector-item-label{justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.model-badge{background:linear-gradient(135deg,var(--accent),#059669);color:#fff;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.selector-item-hint{color:var(--text-muted);margin-top:3px;font-size:10px}.upload-box{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--bg-tertiary);border-radius:10px;padding:24px;transition:all .2s}.upload-box:hover{border-color:var(--accent);background:var(--accent-light)}.uploaded-image-preview{border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden}.uploaded-image-preview .preview-image{object-fit:cover;width:100%;height:160px;display:block}.uploaded-image-preview .preview-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.uploaded-image-preview:hover .preview-overlay{opacity:1}.preview-delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.preview-delete-btn:hover{background:#dc2626;transform:scale(1.05)}.batch-image-preview{display:inline-block;position:relative}.batch-image-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .2s;display:flex;position:absolute;top:-6px;right:-6px}.batch-image-delete:hover{background:#dc2626;transform:scale(1.1)}.generate-btn{background:linear-gradient(135deg,var(--accent),#059669);color:#fff;cursor:pointer;-webkit-tap-highlight-color:#22c55e4d;touch-action:manipulation;-webkit-user-select:none;user-select:none;z-index:100;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative;pointer-events:auto!important}.generate-btn:hover{opacity:.9;transform:translateY(-1px)}.generate-btn:active{opacity:.8;transform:scale(.98)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.cost-display{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid #f59e0b33;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 12px;display:flex}.cost-label{color:var(--gold);font-size:12px}.cost-value{color:var(--gold);font-size:18px;font-weight:700}.batch-table{margin-top:12px}.batch-header{background:var(--bg-tertiary);color:var(--text-muted);border-radius:6px;grid-template-columns:40px 1fr 60px 50px;gap:8px;margin-bottom:8px;padding:8px;font-size:11px;display:grid}.batch-row{background:var(--bg-card);border-radius:6px;grid-template-columns:40px 1fr 60px 50px;align-items:center;gap:8px;margin-bottom:6px;padding:8px;display:grid}.batch-row .col-no{color:var(--text-muted);text-align:center;font-size:12px}.batch-row .col-prompt{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;min-height:50px;color:var(--text-primary);resize:none;border-radius:6px;padding:8px;font-size:12px}.upload-mini{border:1px dashed var(--border);background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex}.upload-mini:hover{border-color:var(--accent);color:var(--accent)}.add-row-btn{border:1px dashed var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;margin-top:8px;padding:10px;font-size:12px;transition:all .2s}.add-row-btn:hover{border-color:var(--accent);color:var(--accent)}.locked-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.assets-full-page{background:linear-gradient(180deg,var(--bg-primary)0%,#050a12 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.assets-full-page:before{content:"";aspect-ratio:1;opacity:.03;pointer-events:none;background:url(/images/logo.png) 50%/contain no-repeat;width:50%;max-width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.assets-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.assets-title{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.assets-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:20px;padding:4px 12px;font-size:13px}.assets-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.empty-icon{background:var(--bg-tertiary);width:80px;height:80px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:32px;display:flex}.assets-empty p{color:var(--text-muted);font-size:14px}.empty-action{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.empty-action:hover{background:var(--accent-hover)}.assets-grid-full{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,160px));align-content:start;gap:20px;padding:24px 32px;display:grid;overflow-y:auto}@media (max-width:768px){.assets-grid-full{grid-template-columns:repeat(2,1fr);justify-items:center;gap:12px;padding:12px}.asset-card-phone{border-radius:10px;width:100%;max-width:100%}}@media (max-width:360px){.assets-grid-full{grid-template-columns:1fr;gap:16px}}.asset-card-phone{aspect-ratio:9/16;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;max-width:100%;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.asset-card-phone:before{content:"";background:var(--border);z-index:10;border-radius:2px;width:40px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.asset-card-phone:hover{border-color:var(--accent);transform:translateY(-6px)scale(1.02);box-shadow:0 12px 40px #22c55e26}.asset-card-inner{flex-direction:column;width:100%;height:100%;display:flex}.asset-video{object-fit:cover;background:#000;flex:1;width:100%;height:100%;display:block}.asset-video[preload=auto]{background:#000}.asset-loading{background:linear-gradient(180deg,var(--bg-tertiary)0%,var(--bg-card)100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.loading-text{color:var(--blue);font-size:12px}.failed-text{color:#ef4444;font-size:12px}.pending-text{color:var(--text-muted);font-size:12px}.asset-card-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.asset-status{align-items:center;font-size:14px;display:flex}.asset-status.completed{color:var(--accent)}.asset-status.processing{color:var(--blue)}.asset-status.failed{color:#ef4444}.asset-status.pending{color:var(--text-muted)}.asset-time{color:var(--text-muted);font-size:10px}.asset-image{object-fit:cover;background:var(--bg-tertiary);flex:1;width:100%}.assets-header-right{align-items:center;gap:16px;display:flex}.batch-progress-hint{color:var(--accent);background:var(--accent-light);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.assets-pagination{justify-content:center;align-items:center;gap:16px;margin-top:auto;padding:24px;display:flex}.page-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:13px;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--text-secondary);font-size:14px}.animate-in{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pricing-modal .ant-modal-content{background:#fff!important;border-radius:16px!important}.pricing-modal input{color:#333!important;background:#f9fafb!important}.pricing-modal input::placeholder{color:#9ca3af!important}.pricing-modal .ant-input{color:#333!important}.user-info{align-items:center;gap:8px;display:flex}.app-layout:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#22c55e08 0%,#0000 50%),radial-gradient(at 80% 80%,#3b82f608 0%,#0000 50%);position:fixed;inset:0}.app-layout>*{z-index:1;position:relative}@media (max-width:768px){.app-layout:before{display:none}}.login-page-v2{background:#0a0f1a;width:100vw;height:100vh;display:flex;overflow:hidden}.login-left-v2{box-sizing:border-box;background:linear-gradient(#0c1220 0%,#080d18 100%);border-right:1px solid #22c55e26;flex-direction:column;justify-content:center;align-items:center;width:420px;min-width:420px;height:100%;padding:24px 36px;display:flex;position:relative}.lang-switch-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.lang-switch-btn:hover{color:#ffffffe6;border-color:#ffffff4d}.brand-section-v2{text-align:center;margin-bottom:36px}.brand-title-v2{margin:0;font-size:42px;font-weight:800;line-height:1.05}.brand-ai{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#22c55e 0%,#10b981 50%,#059669 100%);-webkit-background-clip:text;background-clip:text;display:block}.brand-factory{color:#fff;margin-top:2px;display:block}.brand-slogan-v2{color:#ffffff73;letter-spacing:.3px;margin-top:10px;font-size:13px}.form-container-v2{flex-direction:column;width:100%;max-width:320px;display:flex}.form-heading-v2{color:#fff;text-align:center;margin-bottom:20px;font-size:16px;font-weight:500}.login-type-tabs{background:#ffffff08;border-radius:8px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.type-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px 12px;font-size:13px;transition:all .2s}.type-tab:hover{color:#fffc}.type-tab.active{color:#22c55e;background:#22c55e26}.login-form-v2{flex-direction:column;gap:14px;display:flex}.input-field-v2{position:relative}.input-v2{background:#ffffff0a!important;border:1px solid #ffffff1a!important;border-radius:8px!important;height:46px!important}.input-v2:hover,.input-v2:focus,.input-v2:focus-within{border-color:#22c55e80!important}.input-v2 input{color:#fff!important;background:0 0!important;font-size:13px!important}.input-v2 input::placeholder{color:#ffffff4d!important}.field-icon{color:#ffffff59;font-size:15px}.phone-prefix{color:#ffffff80;border-right:1px solid #ffffff1a;margin-right:8px;padding-right:8px;font-size:13px}.code-field{gap:10px;display:flex}.code-input{flex:1}.send-code-btn{color:#22c55e;cursor:pointer;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:8px;flex-shrink:0;width:110px;height:46px;font-size:13px;transition:all .2s}.send-code-btn:hover:not(:disabled){background:#22c55e33}.send-code-btn:disabled{opacity:.5;cursor:not-allowed}.captcha-field{background:#ffffff08;border-radius:8px;align-items:center;gap:10px;margin-top:4px;padding:12px;display:flex}.captcha-input{flex:1;height:40px!important}.captcha-image{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1a2438,#0f172a);border-radius:6px;justify-content:center;align-items:center;width:90px;height:40px;display:flex;position:relative;overflow:hidden}.captcha-image:before{content:"";background:linear-gradient(45deg,#0000 45%,#ffffff1a 50%,#0000 55%),linear-gradient(-45deg,#0000 45%,#ffffff0d 50%,#0000 55%);position:absolute;inset:0}.captcha-text{letter-spacing:4px;color:#22c55e;text-shadow:2px 2px 4px #00000080;font-family:Courier New,monospace;font-size:20px;font-weight:700;transform:skew(-5deg)}.verify-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;height:40px;padding:8px 16px;font-size:13px;transition:all .2s}.verify-btn:hover:not(:disabled){background:#16a34a}.verify-email-info{text-align:center;padding:20px 0}.verify-email-info h3{color:#fff;margin:0 0 12px;font-size:18px;font-weight:600}.verify-email-info p{color:#fff9;margin:4px 0;font-size:13px}.verify-email-address{font-weight:500;color:#22c55e!important;font-size:14px!important}.verify-actions{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.resend-link,.back-link{color:#ffffff80;cursor:pointer;font-size:13px;transition:color .2s}.resend-link:hover:not(.disabled),.back-link:hover{color:#22c55e}.resend-link.disabled{opacity:.5;cursor:not-allowed}.submit-btn-v2{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:8px;height:46px;margin-top:6px;font-size:14px;font-weight:600;transition:all .3s}.submit-btn-v2:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e59}.wechat-login-v2{flex-direction:column;align-items:center;padding:20px 0;display:flex}.qrcode-box{text-align:center;width:100%}.qrcode-placeholder{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 12px;display:flex;position:relative;box-shadow:0 4px 20px #0000004d}.qr-logo{z-index:2;background:#fff;border-radius:6px;width:36px;height:36px;padding:4px;position:absolute}.qr-pattern{opacity:.15;background:repeating-linear-gradient(0deg,#000 0 3px,#0000 3px 6px),repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 6px);width:140px;height:140px}.qr-status{color:#fff9;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.qr-status-icon{background:#22c55e;border-radius:50%;width:8px;height:8px}.qr-status-icon.scanning{animation:1.5s ease-in-out infinite pulse-scan}@keyframes pulse-scan{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.qr-steps{justify-content:center;gap:20px;margin-bottom:16px;display:flex}.step-item{color:#ffffff73;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.step-num{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:flex}.refresh-qr-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;padding:8px 20px;font-size:12px;transition:all .2s}.refresh-qr-btn:hover{color:#22c55e;border-color:#22c55e80}.switch-mode-v2{text-align:center;margin-top:24px}.switch-text-v2{color:#ffffff73;font-size:13px}.switch-link-v2{color:#22c55e;cursor:pointer;margin-left:4px;font-size:13px;font-weight:500}.switch-link-v2:hover{text-decoration:underline}.copyright-v2{text-align:center;color:#ffffff40;font-size:11px;position:absolute;bottom:24px;left:0;right:0}.login-right-v2{box-sizing:border-box;background:linear-gradient(160deg,#040608 0%,#0a1020 40%,#0d1830 100%);flex-direction:column;flex:1;height:100%;padding:50px 60px 40px;display:flex;position:relative;overflow:hidden}.login-right-v2:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e14 0%,#0000 50%);width:60%;height:60%;animation:8s ease-in-out infinite glow-float;position:absolute;top:-20%;right:-10%}.login-right-v2:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf60f 0%,#0000 50%);width:50%;height:50%;animation:10s ease-in-out infinite reverse glow-float;position:absolute;bottom:-15%;left:5%}@keyframes glow-float{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}.online-badge{color:#22c55e;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e1a;border:1px solid #22c55e4d;border-radius:25px;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:500;display:flex;position:absolute;top:30px;right:50px}.online-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite blink-dot;box-shadow:0 0 10px #22c55e99}@keyframes blink-dot{0%,to{opacity:1;box-shadow:0 0 10px #22c55e99}50%{opacity:.5;box-shadow:0 0 20px #22c55ecc}}.hero-title-area{text-align:center;z-index:1;margin-bottom:30px;position:relative}.hero-main-text{-webkit-text-fill-color:transparent;letter-spacing:1px;background:linear-gradient(135deg,#22c55e 0%,#10b981 25%,#06b6d4 50%,#8b5cf6 75%,#ec4899 100%) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:34px;font-weight:700;line-height:1.4;animation:5s infinite gradient-flow}@keyframes gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-sub-text{color:#ffffff80;letter-spacing:8px;margin:0;font-size:16px;font-weight:300}.cinema-screen{z-index:1;flex:1;justify-content:center;align-items:center;margin-top:10px;margin-bottom:28px;display:flex;position:relative}.screen-frame{width:100%;max-width:780px;position:relative}.screen-content{aspect-ratio:16/9;background:#000;border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000b3,0 0 100px #22c55e14}.screen-media{object-fit:cover;width:100%;height:100%}.screen-video{object-fit:cover;background:#000;width:100%;height:100%}.sound-toggle-btn{color:#fffc;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.7;background:#00000080;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;transition:all .3s;display:flex;position:absolute;bottom:20px;right:20px}.screen-content:hover .sound-toggle-btn{opacity:1}.sound-toggle-btn:hover{color:#fff;background:#22c55ee6;border-color:#22c55e;transform:scale(1.1);box-shadow:0 0 30px #22c55e80}.screen-indicators{justify-content:center;gap:8px;margin-top:20px;display:flex}.indicator-dot{cursor:pointer;background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s}.indicator-dot:hover{background:#ffffff80}.indicator-dot.active{background:#22c55e;border-radius:4px;width:28px;box-shadow:0 0 15px #22c55e80}.stats-row-v2{z-index:1;justify-content:center;align-items:center;gap:60px;margin-bottom:20px;padding:20px 0;display:flex;position:relative}.stat-item-v2{text-align:center}.stat-number{color:#fff;margin-bottom:8px;font-size:32px;font-weight:700;line-height:1;display:block}.stat-label{color:#fff6;letter-spacing:1px;font-size:12px;font-weight:300}.stat-separator{background:linear-gradient(#0000,#ffffff1f,#0000);width:1px;height:40px}.model-tag-row-v2{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.model-tag-v2{color:#fff9;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;transition:all .3s;display:inline-flex}.model-tag-v2:first-child .anticon{color:#3b82f6}.model-tag-v2:nth-child(2) .anticon{color:#ec4899}.model-tag-v2:nth-child(3) .anticon{color:#a855f7}.model-tag-v2:nth-child(4) .anticon{color:#f97316}.model-tag-v2:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.showcase-title-area{z-index:1;margin-top:10px;margin-bottom:24px;position:relative}.showcase-main-title{color:#fff;letter-spacing:2px;margin:0 0 8px;font-size:32px;font-weight:800}.showcase-sub-title{color:#ffffff8c;margin:0;font-size:16px;font-weight:400}.video-showcase-grid{z-index:1;flex:1;grid-template-columns:repeat(3,1fr);gap:10px;max-height:calc(100vh - 340px);margin-bottom:24px;display:grid;position:relative}.showcase-grid-item{aspect-ratio:16/10;cursor:pointer;background:#151d2e;border:2px solid #0000;border-radius:8px;transition:all .3s;position:relative;overflow:hidden}.showcase-grid-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.showcase-grid-item:hover img{transform:scale(1.08)}.showcase-grid-item .item-overlay{opacity:0;background:#00000059;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.showcase-grid-item:hover .item-overlay{opacity:1}.play-icon{color:#fff;filter:drop-shadow(0 2px 8px #00000080);font-size:28px}.showcase-grid-item.active{border-color:#22c55e;box-shadow:0 0 20px #22c55e4d}.showcase-grid-item.active .item-overlay{opacity:1;background:#22c55e33}.active-border{border:2px solid #22c55e;border-radius:10px;animation:2s ease-in-out infinite pulse-border;position:absolute;inset:-2px}@keyframes pulse-border{0%,to{box-shadow:0 0 10px #22c55e66}50%{box-shadow:0 0 25px #22c55e99}}.stats-row{z-index:1;justify-content:center;align-items:center;gap:36px;margin-bottom:20px;padding:20px 0;display:flex;position:relative}.model-tag-row{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}@media (max-width:1200px){.login-left-v2{width:380px;min-width:380px;padding:20px 28px}.brand-title-v2{font-size:36px}.showcase-main-title{font-size:28px}}@media (max-width:900px){.login-page-v2{flex-direction:column}.login-left-v2{width:100%;min-width:auto;height:auto;min-height:100vh;padding:40px}.login-right-v2{display:none}}.login-split-page{background:#0a0f1a;min-height:100vh;display:flex;overflow:hidden}.login-left{background:linear-gradient(#0d1424 0%,#0a0f1a 100%);border-right:1px solid #ffffff0f;flex-direction:column;width:45%;min-width:420px;max-width:520px;padding:40px 50px;display:flex;position:relative}.login-lang-switch{position:absolute;top:24px;right:24px}.lang-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.lang-btn:hover{background:#ffffff1a;border-color:#fff3}.login-brand{margin-top:60px;margin-bottom:50px}.login-title{margin-bottom:12px;font-size:38px;font-weight:800;line-height:1.1}.title-ai{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;display:block}.title-factory{color:#fff;display:block}.login-slogan{color:#ffffff80;letter-spacing:.5px;font-size:14px}.login-form-section{flex-direction:column;flex:1;justify-content:center;display:flex}.form-title{color:#fff;margin-bottom:28px;font-size:20px;font-weight:600}.login-form{width:100%}.form-field{margin-bottom:18px}.login-input-new{background:#ffffff08!important;border:1px solid #ffffff1a!important;border-radius:10px!important;height:50px!important}.login-input-new:hover,.login-input-new:focus,.login-input-new:focus-within{border-color:var(--accent)!important;background:#22c55e08!important}.login-input-new input{color:#fff!important;background:0 0!important;font-size:14px!important}.login-input-new input::placeholder{color:#ffffff59!important}.input-icon{color:#fff6;font-size:16px}.login-btn-new{margin-top:8px;background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;border-radius:10px!important;height:50px!important;font-size:15px!important;font-weight:600!important;transition:all .3s!important}.login-btn-new:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #22c55e4d!important}.login-switch{text-align:center;margin-top:24px}.switch-text{color:#ffffff80;font-size:13px}.switch-link{color:#22c55e;cursor:pointer;margin-left:4px;font-size:13px;font-weight:500}.switch-link:hover{text-decoration:underline}.login-copyright{color:#ffffff4d;padding-top:30px;font-size:12px}.login-right{background:linear-gradient(135deg,#050a12 0%,#0d1424 100%);flex-direction:column;flex:1;padding:40px 50px;display:flex;position:relative;overflow:hidden}.login-right:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e14 0%,#0000 60%);width:60%;height:60%;position:absolute;top:-20%;right:-20%}.login-right:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#0000 60%);width:40%;height:40%;position:absolute;bottom:-10%;left:-10%}.status-badge{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e40;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;display:flex;position:absolute;top:30px;right:40px}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.showcase-header{z-index:1;margin-top:20px;margin-bottom:30px;position:relative}.showcase-title{color:#fff;letter-spacing:2px;margin-bottom:8px;font-size:36px;font-weight:800}.showcase-subtitle{color:#fff9;font-size:18px;font-weight:500}.video-grid-showcase{z-index:1;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px;display:grid;position:relative}.video-grid-item{aspect-ratio:16/9;cursor:pointer;background:#1a2438;border:1px solid #ffffff14;border-radius:10px;transition:all .3s;position:relative;overflow:hidden}.video-grid-item:hover{border-color:#22c55e66;transform:scale(1.03);box-shadow:0 8px 30px #0006}.video-grid-item img{object-fit:cover;width:100%;height:100%}.play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.video-grid-item:hover .play-overlay{opacity:1}.play-overlay .anticon{color:#fff;font-size:28px}.feature-stats{z-index:1;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:30px;margin-bottom:24px;padding:24px 0;display:flex;position:relative}.stat-box{text-align:center}.stat-num{color:#fff;margin-bottom:6px;font-size:32px;font-weight:700;line-height:1;display:block}.stat-text{color:#ffffff80;font-size:12px}.stat-divider-v{background:#ffffff1a;width:1px;height:45px}.model-tags{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto;display:flex;position:relative}.model-tag{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;transition:all .2s;display:inline-flex}.model-tag:hover{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}@media (max-width:1024px){.login-split-page{flex-direction:column}.login-left{width:100%;min-width:auto;max-width:none;padding:30px}.login-right{display:none}}.login-page{background:#050a12;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-hero-bg img{object-fit:cover;opacity:.6;width:100%;height:100%}.login-bg-overlay{pointer-events:none;z-index:1;background:linear-gradient(#050a124d 0%,#050a12f2 100%);position:absolute;inset:0}.login-container{z-index:10;width:100%;max-width:380px;position:relative}.login-logo-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;width:80px;height:80px;margin:0 auto 12px;padding:8px;overflow:hidden}.login-logo{object-fit:contain;width:100%;height:100%}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0f1acc;border:1px solid #ffffff14;border-radius:16px;padding:28px}.login-input{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:10px!important}.login-input:hover,.login-input:focus{border-color:var(--accent)!important}.login-input input{color:#fff!important;background:0 0!important}.login-input input::placeholder{color:#fff6!important}.login-btn{background:linear-gradient(135deg,var(--accent),#059669)!important;border:none!important;border-radius:10px!important;height:48px!important;font-size:15px!important;font-weight:600!important}.login-btn:hover{transform:translateY(-1px);opacity:.9!important}.login-footer{text-align:center;color:#fff6;margin-top:24px;font-size:12px}.ref-images-grid{flex-wrap:wrap;gap:10px;display:flex}.ref-image-item{border:1px solid var(--border);border-radius:8px;width:70px;height:70px;position:relative;overflow:hidden}.ref-image-item img{object-fit:cover;width:100%;height:100%}.ref-image-remove{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.ref-image-item:hover .ref-image-remove{opacity:1}.ref-image-add{border:2px dashed var(--border);width:70px;height:70px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.ref-image-add:hover{border-color:var(--accent);color:var(--accent)}.prompt-input-wrapper{border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:8px;min-height:80px;padding:12px;transition:all .2s;position:relative}.prompt-input-wrapper:hover{border-color:var(--accent);background:#22c55e0d}.prompt-preview{color:var(--text-secondary);-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.prompt-preview:empty:before,.prompt-input-wrapper .prompt-preview:first-child:last-child{color:var(--text-muted)}.prompt-expand-hint{color:var(--accent);opacity:0;font-size:11px;transition:opacity .2s;position:absolute;bottom:8px;right:10px}.prompt-input-wrapper:hover .prompt-expand-hint{opacity:1}.random-prompt-btn{cursor:pointer;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:4px 8px;font-size:16px;transition:all .2s;display:flex}.random-prompt-btn:hover{border-color:var(--accent);background:#22c55e33;transform:scale(1.05)}.random-prompt-btn:active{transform:scale(.95)}.advanced-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.advanced-toggle-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.advanced-toggle-btn .toggle-icon{color:var(--text-muted);font-size:12px;transition:transform .2s}.advanced-toggle-btn .toggle-icon.expanded{transform:rotate(90deg)}.advanced-section{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.activity-ticker{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#22c55e1a,#3b82f61a);border-bottom:1px solid #22c55e33;flex-shrink:0;align-items:center;width:100%;height:36px;display:flex;position:relative;overflow:hidden}.activity-ticker-content{align-items:center;gap:8px;width:100%;height:100%;padding:0 16px;display:flex}.activity-icon{font-size:16px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.activity-text-wrapper{flex:1;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.activity-text{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:500;animation:.5s slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.activity-ticker{z-index:100;background:var(--bg-secondary);border-bottom:1px solid var(--border);height:32px;font-size:11px;position:relative}.activity-text{font-size:11px}}.pricing-card.limited{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:2px solid #f59e0b;position:relative}.limited-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;align-items:center;gap:8px;padding:4px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-8px;left:16px;box-shadow:0 2px 8px #f59e0b4d}.limited-badge .countdown{background:#0003;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-weight:700}.pricing-card-credits .credits-hint{color:var(--text-muted);margin-left:4px;font-size:11px}.prompt-edit-modal .ant-modal-content{border:1px solid var(--border);background:var(--bg-secondary)!important}.prompt-edit-modal .ant-modal-header{border-bottom:1px solid var(--border);background:0 0!important}.prompt-edit-modal .ant-modal-title{color:var(--text-primary)!important}.prompt-edit-modal .ant-modal-close{color:var(--text-muted)!important}.prompt-modal-content{padding:16px 0}.prompt-modal-textarea{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;min-height:300px;color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;padding:16px;font-size:14px;line-height:1.8;transition:border-color .2s}.prompt-modal-textarea:focus{border-color:var(--accent)}.prompt-modal-textarea::placeholder{color:var(--text-muted)}.prompt-modal-footer{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.batch-table-compact{border:1px solid var(--border);border-radius:8px;overflow:hidden}.batch-header-compact{background:var(--bg-tertiary);border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;padding:10px 12px;font-size:12px;display:flex}.col-no-c{text-align:center;flex-shrink:0;width:36px}.col-content-c{flex:1;min-width:0}.col-ops-c{text-align:center;flex-shrink:0;width:40px}.batch-row-compact{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;padding:10px 12px;transition:background .2s;display:flex}.batch-row-compact:last-child{border-bottom:none}.batch-content-preview{align-items:center;gap:10px;min-width:0;display:flex}.batch-thumb-list{flex-shrink:0;gap:4px;display:flex}.batch-thumb{object-fit:cover;border:1px solid var(--border);border-radius:4px;width:32px;height:32px}.batch-thumb-more{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;font-size:10px;display:flex}.batch-prompt-preview{min-width:0;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.delete-row-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.delete-row-btn:hover{color:#ef4444}.batch-edit-modal .ant-modal-content{border:1px solid var(--border);background:var(--bg-secondary)!important}.batch-edit-modal .ant-modal-header{border-bottom:1px solid var(--border);background:0 0!important}.batch-edit-modal .ant-modal-title{color:var(--text-primary)!important}.batch-edit-content{padding:16px 0}.batch-edit-section{margin-bottom:20px}.batch-edit-section label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;display:block}.batch-edit-section .hint{color:var(--text-muted);font-size:11px}.batch-edit-textarea{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;padding:12px;font-size:14px;line-height:1.6}.batch-edit-textarea:focus{border-color:var(--accent)}.batch-edit-images{flex-wrap:wrap;gap:10px;display:flex}.batch-edit-img-item{border:1px solid var(--border);border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.batch-edit-img-item img{object-fit:cover;width:100%;height:100%}.batch-edit-img-delete{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.batch-edit-img-item:hover .batch-edit-img-delete{opacity:1}.batch-edit-img-add{border:2px dashed var(--border);width:80px;height:80px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex}.batch-edit-img-add:hover{border-color:var(--accent);color:var(--accent)}.batch-edit-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.batch-config-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.batch-cost-preview{color:var(--accent);background:#22c55e1a;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.apply-all-btn{float:right;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:4px 12px;font-size:12px;transition:all .2s}.apply-all-btn:hover{border-color:var(--accent);color:var(--accent);background:#22c55e1a}.col-model-c{flex-direction:column;flex:0 0 120px;gap:2px;display:flex}.col-cost-c{text-align:center;color:var(--accent);flex:0 0 50px;font-size:13px;font-weight:600}.model-tag-small{color:var(--accent);background:#22c55e26;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.config-hint{color:var(--text-muted);font-size:10px}.batch-header-compact{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.batch-row-compact{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:8px;padding:12px;transition:background .2s;display:flex}.batch-row-compact:hover{background:var(--bg-tertiary)}.col-no-c{text-align:center;color:var(--text-muted);flex:0 0 30px;font-size:12px}.col-content-c{flex:1;min-width:0;overflow:hidden}.col-ops-c{text-align:center;flex:0 0 40px}.task-progress-panel{padding:0}.progress-panel-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.progress-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.progress-title.failed{color:#ef4444}.progress-count{color:var(--accent);background:#22c55e26;border-radius:12px;padding:4px 10px;font-size:12px}.progress-list{background:var(--bg-secondary);border-radius:0 0 10px 10px;max-height:300px;overflow:hidden auto}.progress-list.completed-list{max-height:200px}.progress-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.progress-empty p{margin:0;font-size:13px}.progress-item{border-bottom:1px solid var(--border);padding:14px 16px;transition:background .2s}.progress-item:last-child{border-bottom:none}.progress-item:hover{background:var(--bg-tertiary)}.progress-item.completed{cursor:pointer}.progress-item.failed{background:#ef44440d}.progress-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-item-type{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.progress-item-status{border-radius:10px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:flex}.progress-item-status.processing{color:var(--accent);background:#22c55e1a}.progress-item-status.pending{color:#64748b;background:#64748b1a}.progress-item-prompt{color:var(--text-primary);margin-bottom:6px;font-size:13px;line-height:1.4}.progress-item-meta{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.nav-item.admin{color:#f59e0b!important}.nav-item.admin:hover,.nav-item.admin.active{color:#f59e0b!important;background:#f59e0b26!important}.admin-full-page{background:#0a0a0a;flex:1;display:flex;overflow:hidden}.admin-sidebar{background:#111;border-right:1px solid #222;flex-direction:column;width:200px;padding:20px 0;display:flex}.admin-logo{color:#f59e0b;border-bottom:1px solid #222;align-items:center;gap:10px;padding:0 20px 20px;font-size:18px;font-weight:700;display:flex}.admin-nav{flex:1;padding:16px 0}.admin-nav-item{color:#888;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:14px 20px;transition:all .2s;display:flex}.admin-nav-item:hover{color:#fff;background:#1a1a1a}.admin-nav-item.active{color:#f59e0b;background:#1a1a1a;border-left-color:#f59e0b}.nav-icon{font-size:16px}.system-status-badge{text-align:center;border-radius:8px;margin:16px 20px;padding:10px;font-size:13px;font-weight:600}.system-status-badge.online{color:#22c55e;background:#22c55e26}.system-status-badge.maintenance{color:#ef4444;background:#ef444426}.admin-main{background:#0d0d0d;flex:1;overflow-y:auto}.admin-page{padding:24px 32px}.page-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.page-header h2{color:#fff;margin:0;font-size:22px}.header-actions{align-items:center;gap:12px;display:flex}.refresh-btn{color:#ccc;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:8px 16px;transition:all .2s}.refresh-btn:hover{color:#f59e0b;border-color:#f59e0b}.primary-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;padding:10px 20px;font-weight:600}.secondary-btn{color:#ccc;cursor:pointer;background:#333;border:none;border-radius:6px;padding:10px 20px}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:#151515;border:1px solid #222;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.stat-card.primary{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e}.stat-card.success{border-color:#22c55e}.stat-card.warning{border-color:#f59e0b}.stat-card.danger{border-color:#ef4444}.stat-icon{font-size:28px}.stat-info{flex-direction:column;display:flex}.stat-value{color:#fff;font-size:28px;font-weight:700}.stat-card.primary .stat-value,.stat-card.success .stat-value{color:#22c55e}.stat-card.warning .stat-value{color:#f59e0b}.stat-card.danger .stat-value{color:#ef4444}.stat-value.profit{text-shadow:0 0 10px #22c55e4d;color:#22c55e!important}.section-title{color:#888;border-bottom:1px solid #222;margin:24px 0 12px;padding-bottom:8px;font-size:14px}.stat-label{color:#666;margin-top:4px;font-size:12px}.chart-card{background:#151515;border:1px solid #222;border-radius:12px;padding:24px}.chart-card h3{color:#fff;margin:0 0 20px;font-size:16px}.simple-chart{align-items:flex-end;gap:12px;height:180px;padding-bottom:30px;display:flex}.chart-bar-wrapper{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chart-bar{background:linear-gradient(#fbbf24,#f59e0b);border-radius:4px 4px 0 0;justify-content:center;width:100%;min-height:10px;display:flex;position:relative}.bar-value{color:#888;font-size:11px;position:absolute;top:-22px}.bar-label{color:#666;margin-top:8px;font-size:11px}.data-table{background:#151515;border:1px solid #222;border-radius:12px;margin-bottom:16px;overflow:hidden}.data-table table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #222;padding:14px 16px}.data-table th{color:#888;text-transform:uppercase;background:#1a1a1a;font-size:12px;font-weight:600}.data-table td{color:#ccc;font-size:13px}.data-table tr:hover td{background:#1a1a1a}.data-table tr.row-failed td{background:#ef44441a}.id-cell{font-family:monospace;color:#666!important;font-size:12px!important}.credits-cell{font-weight:600;color:#22c55e!important}.code-cell{font-family:monospace;color:#f59e0b!important}.prompt-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.model-tag{color:#f59e0b;background:#222;border-radius:4px;padding:4px 8px;font-size:11px}.status-tag{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.status-tag.normal,.status-tag.completed,.status-tag.paid,.status-tag.unused{color:#22c55e;background:#22c55e26}.status-tag.banned,.status-tag.failed,.status-tag.invalid{color:#ef4444;background:#ef444426}.status-tag.pending,.status-tag.processing{color:#3b82f6;background:#3b82f626}.status-tag.used{color:#6b7280;background:#6b728026}.action-cell{flex-wrap:wrap;gap:8px;display:flex}.action-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .2s}.action-btn:hover{color:#f59e0b;border-color:#f59e0b}.action-btn.add{color:#22c55e;border-color:#22c55e}.action-btn.minus,.action-btn.ban{color:#ef4444;border-color:#ef4444}.action-btn.unban{color:#22c55e;border-color:#22c55e}.action-btn.view{color:#3b82f6;border-color:#3b82f6}.action-btn.error{color:#f59e0b;border-color:#f59e0b}.pagination{justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.pagination button{color:#ccc;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:8px 16px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:#666;font-size:13px}.config-section{background:#151515;border:1px solid #222;border-radius:12px;margin-bottom:20px;padding:24px}.config-section h3{color:#fff;margin:0 0 20px;font-size:16px}.maintenance-toggle{cursor:pointer;background:#1a1a1a;border:2px solid #333;border-radius:10px;justify-content:space-between;align-items:center;padding:20px;transition:all .3s;display:flex}.maintenance-toggle:hover{border-color:#f59e0b}.maintenance-toggle.active{background:#ef44441a;border-color:#ef4444}.toggle-info{flex-direction:column;gap:4px;display:flex}.toggle-title{color:#fff;font-size:16px;font-weight:600}.toggle-desc{color:#888;font-size:13px}.toggle-switch{background:#333;border-radius:14px;width:56px;height:28px;transition:all .3s;position:relative}.toggle-switch.on{background:#ef4444}.toggle-dot{background:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-dot{left:30px}.announcement-form,.broadcast-form{background:#1a1a1a;border-radius:10px;padding:20px}.broadcast-form .form-row{margin-bottom:16px}.broadcast-form .form-row label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.broadcast-result{border:1px solid var(--border);background:#1a1a1a;border-radius:8px;margin-top:20px;padding:16px}.result-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.result-item:last-child{border-bottom:none}.result-item.success .result-value{color:var(--accent);font-weight:600}.result-item.error .result-value{color:#ef4444;font-weight:600}.result-label{color:var(--text-secondary);font-size:13px}.result-value{color:var(--text-primary);font-size:14px;font-weight:500}.failed-users{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.failed-title{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:500}.failed-item{color:#ef4444;background:#ef44441a;border-left:2px solid #ef4444;border-radius:4px;margin-bottom:6px;padding:6px 12px;font-size:12px}.form-row{align-items:center;gap:16px;margin-bottom:16px;display:flex}.form-row label{color:#888;width:80px;font-size:13px}.form-row .ant-input,.form-row .ant-select{flex:1}.form-actions{gap:12px;margin-top:20px;display:flex}.card-search{gap:12px;margin-bottom:16px;display:flex}.section-title{color:#fff;margin:24px 0 16px;font-size:16px}.card-modal .primary-btn{width:100%;margin-top:8px}.generated-codes{margin-top:20px}.generated-codes h4{color:#fff;margin-bottom:10px}.generated-codes textarea{color:#f59e0b;resize:none;background:#1a1a1a;border:1px solid #333;border-radius:6px;width:100%;padding:12px;font-family:monospace}.generated-codes button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:6px;width:100%;margin-top:10px;padding:10px}.loading-state{text-align:center;color:#666;padding:80px}.footer-links{color:#444;z-index:100;gap:12px;font-size:12px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.footer-links .footer-link{color:#555;cursor:pointer;text-decoration:none;transition:color .2s}.footer-links .footer-link:hover{color:#22c55e}.footer-links span{color:#333}.legal-content{color:#999;line-height:1.8}.legal-content section{margin-bottom:20px}.legal-content h3{color:#fff;margin-bottom:8px;font-size:15px;font-weight:600}.legal-content p{margin:0;font-size:13px}.legal-hint{color:#666;text-align:center;margin-top:16px;font-size:12px;line-height:1.6}.legal-link{color:#22c55e;cursor:pointer;transition:opacity .2s}.legal-link:hover{opacity:.8;text-decoration:underline}.payment-legal-hint{color:#888;text-align:center;background:#f9f9f9;border-top:1px solid #eee;padding:12px 24px 16px;font-size:11px}.support-section{border-top:1px solid var(--border);margin-top:auto;padding:16px}.support-item{color:#888;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.support-item:hover{background:var(--bg-tertiary);color:#22c55e}.support-item .anticon{font-size:16px}.support-info-card{background:#1a1a1a;border-radius:12px;padding:24px}.support-qr-section{align-items:flex-start;gap:24px;display:flex}.qr-placeholder{text-align:center;background:#222;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.qr-placeholder p{color:#888;margin:8px 0 4px;font-size:13px}.qr-hint{color:#555;font-size:10px;line-height:1.4}.support-details{flex:1}.detail-item{background:#222;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.detail-label{color:#888;white-space:nowrap;font-size:13px}.detail-value{color:#fff;flex:1;font-family:monospace;font-size:14px}.copy-btn{color:#888;cursor:pointer;background:#333;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .2s}.copy-btn:hover{color:#000;background:#22c55e}.footer-links.login-footer{z-index:100;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.wechat-qr-modal{text-align:center;padding:20px 0}.qr-image-box{background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 16px;display:flex;overflow:hidden}.qr-image{object-fit:contain;width:100%;height:100%}.qr-tip{color:#666;margin-bottom:16px;font-size:14px}.wechat-id-row{background:#f9f9f9;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.wechat-label{color:#888;font-size:13px}.wechat-id{color:#333;font-family:monospace;font-weight:600}.copy-wechat-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .2s}.copy-wechat-btn:hover{background:#16a34a}.ai-chat-window{z-index:1000;background:#1a1a1a;border:1px solid #333;border-radius:16px;flex-direction:column;width:380px;height:500px;display:flex;position:fixed;bottom:80px;right:24px;overflow:hidden;box-shadow:0 8px 32px #00000080}.ai-chat-header{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-chat-title{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.online-indicator{background:#fff;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.ai-chat-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:24px;line-height:1;transition:opacity .2s}.ai-chat-close:hover{opacity:1}.ai-chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-message{max-width:85%}.chat-message.user{align-self:flex-end}.chat-message.ai{align-self:flex-start}.chat-message .message-content{word-break:break-word;border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.5}.chat-message.user .message-content{color:#fff;background:#22c55e;border-bottom-right-radius:4px}.chat-message.ai .message-content{color:#e0e0e0;background:#2a2a2a;border-bottom-left-radius:4px}.message-content.typing{gap:4px;padding:16px 20px;display:flex}.message-content.typing span{background:#666;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.ai-chat-input{background:#111;border-top:1px solid #333;gap:8px;padding:16px;display:flex}.ai-chat-input input{color:#fff;background:#222;border:1px solid #333;border-radius:24px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:border-color .2s}.ai-chat-input input:focus{border-color:#22c55e}.ai-chat-input input::placeholder{color:#666}.ai-chat-input button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:24px;padding:12px 20px;font-weight:600;transition:all .2s}.ai-chat-input button:hover:not(:disabled){background:#16a34a}.ai-chat-input button:disabled{color:#666;cursor:not-allowed;background:#333}@media (max-width:480px){.ai-chat-window{width:calc(100vw - 16px);height:60vh;bottom:70px;right:8px}}.fullscreen-video-modal{animation:.15s fadeIn;z-index:10000!important;background:#000!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.fullscreen-video-close{color:#fff;cursor:pointer;z-index:10001;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;width:100%;height:100%;font-size:0;transition:opacity .15s;position:absolute;top:0;left:0}.fullscreen-video-close.visible{opacity:1;pointer-events:auto}.fullscreen-video-close:before{content:"";-webkit-backdrop-filter:blur(10px);background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:12px;left:12px}.fullscreen-video-close:after{content:"✕";color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:300;line-height:1;display:flex;position:absolute;top:12px;left:12px}.fullscreen-video-close:active:before{background:#000000b3;transform:scale(.95)}.fullscreen-video-content{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:0!important;display:flex!important;position:relative!important}.fullscreen-media{object-fit:contain!important;background:#000!important;width:100%!important;height:100%!important}.fullscreen-media video{object-fit:contain!important;width:100%!important;height:100%!important}.fullscreen-orientation-btn{color:#fff;cursor:pointer;z-index:10003;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:opacity .15s;display:flex;position:absolute;bottom:20px;right:20px}.fullscreen-orientation-btn.visible{opacity:1;pointer-events:auto}.fullscreen-orientation-btn:active{background:#000c;border-color:#fff6;transform:scale(.95)}.fullscreen-video-modal.landscape-mode .fullscreen-media,.fullscreen-video-modal.landscape-mode .fullscreen-media video,.fullscreen-video-modal.landscape-mode .fullscreen-media img{object-fit:cover!important;width:100vw!important;height:100vh!important}.fullscreen-video-modal.portrait-mode .fullscreen-media{object-fit:contain;width:auto;max-width:100vw;height:100vh}@media (max-width:768px){.fullscreen-video-modal.landscape-mode{width:100vw!important;height:100vh!important;margin:0!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important;transform:none!important}.fullscreen-video-modal.landscape-mode .fullscreen-media{object-fit:cover!important;width:100vw!important;height:100vh!important}@media (orientation:landscape){.fullscreen-video-modal{inset:0!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important;overflow:hidden!important}.fullscreen-video-content{width:100vw!important;height:100vh!important}.fullscreen-video-modal .fullscreen-media,.fullscreen-video-modal.landscape-mode .fullscreen-media,.fullscreen-video-modal .fullscreen-media video,.fullscreen-video-modal .fullscreen-media img{object-fit:cover!important;width:100vw!important;height:100vh!important}}@media (orientation:portrait){.fullscreen-video-modal.landscape-mode .fullscreen-media{object-fit:contain;width:100vw;height:100vh}}}.fullscreen-video-play-btn{color:#fff;cursor:pointer;z-index:10002;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;transition:opacity .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fullscreen-video-play-btn.visible{opacity:1;pointer-events:auto}.fullscreen-video-play-btn:active{background:#000000b3;transform:translate(-50%,-50%)scale(.95)}@media (min-width:769px){.fullscreen-video-modal{display:none!important}}.mobile-menu-btn{z-index:1001;background:var(--bg-secondary);border:1px solid var(--border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:none;position:fixed;top:12px;left:12px}.mobile-menu-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.mobile-menu-overlay{z-index:999;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}@media (max-width:768px){button,.nav-item,.selector-item,.ai-btn,.generate-btn,.download-btn-small,.empty-action,.asset-card-phone,.asset-download-btn{-webkit-tap-highlight-color:#22c55e33;touch-action:manipulation;cursor:pointer;z-index:10;position:relative}button{min-width:44px;min-height:44px}.video-card-item{-webkit-tap-highlight-color:transparent;z-index:1;position:relative}video{-webkit-playsinline:true}.generate-btn{z-index:10;-webkit-tap-highlight-color:#22c55e4d;position:relative;pointer-events:auto!important}.assets-grid-full,.asset-card-phone{z-index:1;pointer-events:auto;position:relative}.asset-card-phone *{pointer-events:auto}.selector-item{z-index:10;position:relative;pointer-events:auto!important}.panel-content,.form-section,.text-input,.selector-group,.upload-box{z-index:1;pointer-events:auto;position:relative}body{width:100%;height:auto;min-height:100vh;position:relative;overflow:auto}html{height:auto;min-height:100vh;overflow:auto}.app-layout{z-index:1;flex-direction:column;min-height:100vh;position:relative;overflow:visible}.main-panel,.right-panel-new,.assets-full-page{z-index:1;position:relative}.mobile-menu-btn{z-index:1001;display:flex;top:44px}.mobile-menu-overlay{display:block}.side-nav{z-index:1000;background:var(--bg-secondary);width:280px;max-width:85vw;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 20px #0000004d}.side-nav.mobile-open{transform:translate(0)}.main-panel{border-bottom:none;border-right:none;width:100%;min-width:100%;max-width:100%;display:block;position:relative;overflow:visible}.main-panel .panel-content{min-height:auto;padding:12px 12px 80px;overflow:visible}.main-panel .panel-footer{z-index:200;background:var(--bg-secondary);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000001a}.main-panel .panel-footer .generate-btn{flex:1;min-height:44px;font-size:16px;font-weight:600}.main-panel .panel-footer .cost-display{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.main-panel .panel-footer .cost-label{color:var(--text-muted);font-size:11px}.main-panel .panel-footer .cost-value{color:var(--gold);font-size:14px;font-weight:600}.right-panel-new{border-top:1px solid var(--border);width:100%;min-width:100%;padding-bottom:20px;display:block;position:relative;overflow:visible}.right-panel-new .main-video-scroll{min-height:auto;padding:12px;overflow:visible}.right-panel-new .video-list-scroll{flex-direction:column;gap:16px;display:flex}.main-video-scroll{padding:12px;overflow:visible}.video-card-item{margin-bottom:16px}.video-card-item .video-card-header{padding:12px 14px;font-size:12px}.video-prompt-preview{padding:8px 12px;font-size:12px}.video-player-container{margin:16px 12px}.video-card-footer{flex-wrap:wrap;gap:8px;padding:12px 14px}.panel-content,.panel-header{padding:12px}.page-title{font-size:14px}.user-credits{font-size:12px}.form-section{margin-bottom:12px}.form-label{margin-bottom:6px;font-size:11px}.text-input{min-height:60px;padding:10px;font-size:12px}.selector-group{grid-template-columns:1fr;gap:6px}.selector-item{padding:8px}.selector-item-label{font-size:12px}.generate-btn{padding:14px;font-size:13px}.top-slogan{padding:10px 12px}.slogan-text{font-size:11px}.brand-section{padding:8px}.brand-logo{width:32px;height:32px}.brand-name{font-size:12px}.nav-item{padding:12px;font-size:14px}.nav-item-text{font-size:13px}.user-section{padding:12px}.user-avatar{width:28px;height:28px}.user-email{font-size:11px}.user-status{font-size:9px}.history-sidebar,.history-sidebar.mobile-hide{display:none!important}.assets-grid-full{grid-template-columns:repeat(2,1fr);justify-items:center;gap:12px;padding:12px}.asset-card-phone{border-radius:12px}.video-list-scroll{gap:20px;padding:8px 0}.batch-header-compact{padding:8px;font-size:10px}.batch-row-compact{padding:10px;font-size:11px}.empty-video-state{height:300px;padding:20px}.empty-video-state .empty-icon{font-size:36px}.empty-video-state p{font-size:14px}.empty-video-state .empty-hint{font-size:12px}}@media (max-width:480px){.side-nav{width:260px}.panel-content{padding:10px}.form-section{margin-bottom:10px}.text-input{min-height:50px;padding:8px;font-size:11px}.selector-item{padding:6px}.generate-btn{padding:12px;font-size:12px}.video-card-item .video-card-header{padding:10px 12px}.video-prompt-preview{padding:6px 10px;font-size:11px}.assets-grid-full{grid-template-columns:repeat(2,1fr);justify-items:center;gap:10px;padding:12px}}.asset-action-btns{z-index:10;opacity:0;pointer-events:none;gap:8px;transition:opacity .2s;display:flex;position:absolute;bottom:12px;right:12px}.asset-card-phone:hover .asset-action-btns,.asset-card-phone:active .asset-action-btns{opacity:1;pointer-events:auto}@media (max-width:768px){.asset-card-phone.show-controls .asset-action-btns{opacity:1;pointer-events:auto}}.asset-download-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#22c55ee6;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s}.asset-download-btn:active{background:#22c55e;transform:scale(.95)}.asset-share-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.asset-share-btn:hover,.asset-share-btn:active{background:#000c;border-color:#fff6;transform:scale(1.05)}.share-menu{gap:16px;display:flex}.share-item{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px;transition:all .2s;display:flex}.share-item:hover{background:#ffffff1a;transform:scale(1.1)}.share-item span{color:#a0a0a0;font-size:11px}.footer-actions{align-items:center;gap:8px;display:flex}.share-btn-small{color:#a78bfa;cursor:pointer;background:#8a2be233;border:1px solid #8a2be280;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.share-btn-small:hover{color:#c4b5fd;background:#8a2be24d;border-color:#a78bfa}.pricing-modal .ant-modal-content{overflow:hidden;background:linear-gradient(#f8fafc 0%,#fff 100%)!important;border-radius:20px!important}.pricing-modal-content{padding:24px}.pricing-modal-title{text-align:center;color:#1a1a1a;margin-bottom:16px;font-size:22px;font-weight:700}.vip-status-badge{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:20px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;margin-left:auto;margin-right:auto;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.currency-switch{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.currency-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:10px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.currency-btn:hover{background:#e2e8f0}.currency-btn.active{color:#fff;background:#22c55e}.pricing-packages{flex-direction:column;gap:12px;display:flex}.pricing-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:16px;text-decoration:none;transition:all .25s;display:block;position:relative}.pricing-card:hover{border-color:#22c55e;transform:translateY(-2px);box-shadow:0 4px 20px #22c55e26}.pricing-card.popular{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#22c55e}.pricing-card.svip{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border-color:#8b5cf6}.pricing-card.svip:hover{border-color:#7c3aed;box-shadow:0 4px 20px #8b5cf633}.popular-badge{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:-10px;right:16px;box-shadow:0 2px 8px #22c55e4d}.svip-badge{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:-10px;right:16px;box-shadow:0 2px 8px #8b5cf64d}.pricing-card-main{justify-content:space-between;align-items:center;display:flex}.pricing-card-name{color:#1a1a1a;font-size:16px;font-weight:600}.pricing-card-credits{color:#64748b;margin-top:2px;font-size:13px}.pricing-card-desc{color:#94a3b8;margin-top:2px;font-size:12px}.pricing-card-price{color:#22c55e;font-size:24px;font-weight:700}.pricing-card.svip .pricing-card-price{color:#8b5cf6}.pricing-card-period{color:#94a3b8;text-align:right;font-size:12px}.pricing-card-features{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;display:flex}.feature-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:11px}.feature-tag.discount{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);font-weight:600}.feature-tag.exclusive{color:#6d28d9;background:linear-gradient(135deg,#ddd6fe 0%,#c4b5fd 100%);font-weight:600}.pricing-card-cta{text-align:center;color:#22c55e;margin-top:12px;font-size:13px;font-weight:600}.pricing-card.svip .pricing-card-cta{color:#8b5cf6}.lock-badge.svip{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.plan-cell{white-space:nowrap;font-size:12px}.currency-cell{text-align:center;font-size:12px}.card-modal .form-row{margin-bottom:16px}.card-modal .form-row label{color:#333;margin-bottom:8px;font-weight:500;display:block}.card-modal .ant-select{width:100%}.card-modal .ant-select-selector{height:40px!important;padding-top:4px!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}