:root{--primary: #2563eb;--primary-rgb: 37, 99, 235;--primary-hover: #3b82f6;--primary-light: rgba(37, 99, 235, .1);--primary-glow: rgba(99, 102, 241, .4);--accent: #0ea5e9;--accent-hover: #38bdf8;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #9333ea 100%);--gradient-card: linear-gradient(145deg, rgba(20, 20, 20, .8) 0%, rgba(10, 10, 10, .9) 100%);--gradient-hero: radial-gradient(ellipse at top, rgba(59, 130, 246, .1) 0%, transparent 50%);--btn-primary-bg: var(--gradient-primary);--btn-primary-text: #ffffff;--btn-primary-hover: var(--gradient-primary);--btn-primary-shadow: var(--shadow-md);--btn-primary-glow: var(--shadow-glow);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--primary-glow);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #0f1016;--bg-tertiary: #161720;--bg-card: rgba(26, 26, 40, .6);--bg-card-hover: rgba(35, 35, 55, .8);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 255, 255, .15);--glass-bg: rgba(20, 20, 30, .7);--glass-border: rgba(255, 255, 255, .1);--btn-primary-bg: var(--gradient-primary);--btn-primary-text: #ffffff;--btn-primary-hover: var(--gradient-primary);--btn-primary-shadow: var(--shadow-md);--btn-primary-glow: var(--shadow-glow);--input-bg: #121212;--input-border: #333333;--input-placeholder: #737373}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background-color:var(--input-bg);border-color:var(--input-border);border-radius:var(--radius-xl);color:var(--text-primary)}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaa' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}[data-theme=dark] .form-input::placeholder{color:var(--input-placeholder)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(255, 255, 255, 1);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--border-color: rgba(0, 0, 0, .08);--border-color-hover: rgba(0, 0, 0, .15);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .9) 0%, rgba(241, 245, 249, .95) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:var(--btn-primary-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--primary-light)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:var(--spacing-2xl);cursor:pointer}.form-textarea{min-height:120px;resize:vertical}.form-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.form-error{color:var(--error)}.card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary)}.badge-success{background:#22c55e1a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-error{background:#ef44441a;color:var(--error)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-color)}.avatar-sm{width:32px;height:32px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-fadeInUp{animation:fadeInUp var(--transition-base)}.animate-fadeInDown{animation:fadeInDown var(--transition-base)}.animate-scaleIn{animation:scaleIn var(--transition-base)}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@media(max-width:1024px){.container{padding:0 var(--spacing-md)}}@media(max-width:768px){:root{--font-size-3xl: 1.75rem;--font-size-4xl: 2rem}}@media(max-width:480px){:root{--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--primary);color:#fff}.main-content{padding-top:70px;min-height:calc(100vh - 70px)}.page-container{padding:var(--spacing-2xl) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5;color:var(--text-muted)}.empty-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-description{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xl)}.tabs{display:flex;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:var(--spacing-xs);border-radius:var(--radius-xl);width:fit-content}.tab{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;background:transparent}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e293bf2;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:toastSlideIn .3s ease forwards;min-width:300px;max-width:400px}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}.toast.info{border-left:4px solid var(--info, #3b82f6)}.toast.warning{border-left:4px solid var(--warning)}.toast-icon{font-size:1.2rem}.toast-message{font-size:.95rem;line-height:1.4}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.vip-badge{display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:0;font-size:14px;font-weight:900;font-style:italic;box-shadow:none;margin-left:6px;vertical-align:middle;-webkit-user-select:none;user-select:none;border:none;color:#f8d800}.vip-icon{height:22px;width:auto;margin-right:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.icon-grey{opacity:.35;filter:none}.role-badge-normal{display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px;background-color:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;margin-left:6px;vertical-align:middle;font-weight:400}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-dropdown);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.header-container{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:1220px;margin:0 auto;padding:0 16px}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);text-decoration:none;flex-shrink:0}.logo picture{display:block;line-height:0}.logo-img{height:34px;width:auto;max-width:132px;display:block;object-fit:contain}.logo-icon{font-size:1.5rem}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav{display:flex;gap:4px}.nav-item{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:6px 10px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);text-decoration:none;line-height:1;position:relative;white-space:nowrap;flex-shrink:0}.nav-label{white-space:nowrap}.has-hot-badge{padding-right:20px}.nav-hot-badge{position:absolute;top:-4px;right:4px;background:var(--error);color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;font-weight:800;font-style:italic;box-shadow:0 0 10px #ef444466;animation:hotFloat 2s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes hotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nav-item:hover{color:var(--text-primary);background:var(--primary-light)}.nav-item.active{color:var(--primary);background:var(--primary-light)}.nav-icon{display:flex;align-items:center;justify-content:center;color:inherit}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.theme-toggle{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast);overflow:hidden;cursor:pointer}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:rotate(15deg)}.theme-icon-dark,.theme-icon-light{position:absolute;font-size:1.2rem;transition:all var(--transition-base)}[data-theme=dark] .theme-icon-dark{opacity:1;transform:rotate(0)}[data-theme=dark] .theme-icon-light{opacity:0;transform:rotate(90deg)}[data-theme=light] .theme-icon-dark{opacity:0;transform:rotate(-90deg)}[data-theme=light] .theme-icon-light{opacity:1;transform:rotate(0)}.user-pill{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:3px;transition:all var(--transition-fast);color:var(--text-primary)}.user-pill:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-sm)}.user-points-info{display:flex;align-items:center;gap:6px;padding:0 10px 0 6px}.points-display{display:flex;align-items:center;gap:4px}.points-icon{font-size:.8rem;color:inherit;display:flex;align-items:center;justify-content:center;transform:scale(.85);transform-origin:center}.points-text{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.recharge-link-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-size:14px;font-weight:800;transition:all var(--transition-fast)}.recharge-link-icon:hover{transform:scale(1.1);box-shadow:var(--shadow-glow)}.pill-divider{width:1px;height:16px;background:var(--border-color);margin:0 4px}.user-dropdown{position:relative}.user-avatar-btn{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 12px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer}.user-avatar-btn .avatar{width:28px;height:28px}.avatar-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.header-notice-dot{display:inline-flex;width:8px;height:8px;border-radius:999px;background:#ff4d4f;box-shadow:0 0 0 2px #0f0f12f2;flex-shrink:0}.avatar-notice-dot{position:absolute;top:-1px;right:-1px}.username{font-size:var(--font-size-sm);font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{display:flex;align-items:center;justify-content:center;font-size:.6rem;color:inherit;opacity:.6;transition:transform var(--transition-fast)}.user-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-sm));left:-4px;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.user-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-fast);width:100%;text-align:left;text-decoration:none;background:none;border:none;cursor:pointer;line-height:1}.dropdown-notice-dot{margin-left:auto}.dropdown-item:hover{background:var(--primary-light);color:var(--primary)}.dropdown-item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.dropdown-divider{height:1px;background:var(--border-color);margin:var(--spacing-xs) 0}.logout-btn{color:var(--error)}.logout-btn:hover{background:#ef44441a;color:var(--error)}@media(max-width:768px){.header-container{padding:0 var(--spacing-md);height:60px}.logo-text{display:none}.logo-img{height:38px!important;max-width:108px}.main-nav{display:flex;gap:0;flex:1;justify-content:space-around;padding:0 4px}.nav-item{flex-direction:column;gap:2px;padding:4px 0;min-width:0;flex:1;border-radius:var(--radius-md)}.nav-label{display:block;font-size:10px;font-weight:500;transform:scale(.9);white-space:nowrap}.nav-icon{font-size:1.1rem}.nav-hot-badge{transform:scale(.7);top:-2px;right:4px}.username,.dropdown-arrow,.pill-divider,.user-points-info{display:none}.user-avatar-btn{padding:2px}.user-pill{background:transparent;border:none}.auth-buttons .btn-primary{display:none}.auth-buttons .btn-ghost{background:var(--gradient-primary)!important;color:#fff!important;border:none!important;padding:0 12px!important;font-size:11px!important;height:28px!important;display:flex!important}}.site-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.footer-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.footer-link{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary)}.footer-info{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center}.footer-text{color:var(--text-tertiary);font-size:var(--font-size-xs)}.icp-info{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.icp-link{display:flex;align-items:center;gap:4px;color:var(--text-tertiary);font-size:var(--font-size-xs);text-decoration:none;transition:color var(--transition-fast)}.icp-link:hover{color:var(--text-secondary)}@media(max-width:640px){.icp-info{flex-direction:column;gap:var(--spacing-xs)}}.task-card{position:relative;background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);animation:fadeInUp .5s ease both;overflow:hidden}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast)}.task-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 30px var(--primary-glow)}.task-card:hover:before{opacity:1}.task-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.task-header-left{display:flex;align-items:center}.task-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.task-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-md);white-space:nowrap}.task-time{font-size:var(--font-size-xs);color:var(--text-muted)}.badge-hot{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#f59e0b33;color:var(--warning);font-size:11px;font-weight:600;border-radius:var(--radius-sm)}.badge-hot svg{color:#f59e0b}.badge-new{display:inline-flex;align-items:center;padding:2px 6px;background:var(--error);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-sm);animation:pulse 1.5s infinite}.task-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.task-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-md)}.meta-icon{opacity:.7}.task-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.task-budget{font-size:var(--font-size-lg);font-weight:700;color:var(--accent)}.task-budget-label{font-size:var(--font-size-xs);font-weight:400;color:var(--text-muted);margin-left:var(--spacing-xs)}.task-stats{display:flex;gap:var(--spacing-md)}.task-stat{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--text-muted)}.stat-icon{opacity:.8}@media(max-width:480px){.task-card{padding:var(--spacing-md)}}.home-page{min-height:calc(100vh - 70px)}.hero{position:relative;padding:var(--spacing-3xl) 0;overflow:hidden}.hero-content{position:relative;text-align:center;max-width:960px;margin:0 auto;padding:0 var(--spacing-lg)}.hero-title{display:grid;gap:8px;margin-bottom:16px}.hero-title-line{display:block;font-weight:800;letter-spacing:-.05em;text-wrap:pretty;animation:fadeInUp .8s ease both}.hero-title-line:nth-child(1){animation-delay:0s}.hero-title-line:nth-child(2){animation-delay:.12s}.hero-title-line:nth-child(3){animation-delay:.24s}.hero-title-line-plain{font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.08;color:#fffffff0}.hero-title-line-strong{font-size:clamp(1.15rem,2.1vw,1.68rem);line-height:1.45;color:var(--text-primary);font-weight:700}.hero-title-line-gradient{margin-top:4px;font-size:clamp(1.05rem,1.9vw,1.55rem);line-height:1.3;letter-spacing:-.02em;background:linear-gradient(90deg,#67a8ff,#9e73ff 52%,#f36dc3);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.hero-subtitle{max-width:640px;margin:0 auto var(--spacing-2xl);font-size:clamp(1rem,1.45vw,1.18rem);color:var(--text-secondary);line-height:1.7;animation:fadeInUp .8s ease .1s both}.hero-actions{display:flex;justify-content:center;gap:34px;animation:fadeInUp .8s ease .2s both;margin-top:4px;flex-wrap:wrap}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:212px;height:102px;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary-lg{background:linear-gradient(135deg,#2563ebe6,#9333eae6);color:#fff;box-shadow:0 14px 28px #2563eb3d,inset 0 1px #ffffff2e}.btn-secondary-lg{background:linear-gradient(135deg,#ffffffe6,#f0f0ffe6);color:var(--text-primary);box-shadow:0 10px 20px #0000000d,inset 0 1px #ffffff80;border:1px solid rgba(255,255,255,.5)}[data-theme=dark] .btn-secondary-lg{background:linear-gradient(135deg,#1e293bcc,#0f172acc);color:#fff;border:1px solid rgba(255,255,255,.1)}.action-btn:hover{transform:translateY(-4px);box-shadow:0 18px 32px #2563eb4d}.btn-secondary-lg:hover{box-shadow:0 15px 30px #0000001a}.btn-icon{display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:6px}.action-btn{font-size:1.08rem;font-weight:700}.btn-desc{font-size:.82rem;font-weight:400;opacity:.84;margin-top:4px}.filter-section{position:sticky;top:70px;z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.filter-tabs{display:flex;gap:var(--spacing-xs);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-xs) 0}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer}.filter-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.filter-tab.active{color:#fff;background:var(--primary);border-color:var(--primary)}.filter-sort{flex-shrink:0}.sort-select{padding:8px 34px 8px 12px;min-width:124px;height:36px;font-size:.9rem;font-weight:500}.task-section{padding:var(--spacing-2xl) 0}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-magic-btn svg.spinning{animation:spin 1s linear infinite}.refresh-magic-btn:hover:not(:disabled) svg:not(.spinning){transform:rotate(180deg)}.refresh-magic-btn svg{transition:transform .3s ease}.no-tasks{text-align:center;padding:var(--spacing-4xl) 0;color:var(--text-muted)}.modal-content{position:relative;width:90%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);transform:scale(.9);transition:transform var(--transition-fast);animation:scaleIn .3s ease}.modal.active .modal-content{transform:scale(1)}.modal-body p{color:var(--text-secondary);text-align:center}.modal-footer{display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-lg);border-top:1px solid var(--border-color)}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.hero{padding:var(--spacing-2xl) 0}.hero-title{gap:6px}.hero-subtitle{margin-bottom:var(--spacing-lg)}.hero-actions{gap:var(--spacing-lg)}.action-btn{width:100%;max-width:320px}.filter-bar{flex-direction:column;align-items:stretch}.filter-sort{align-self:flex-end}.task-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero-content{padding:0 12px}.hero-title-line-plain{font-size:clamp(1.62rem,8.1vw,2.3rem)}.hero-title-line-strong{font-size:clamp(.98rem,4.3vw,1.18rem);line-height:1.45}.hero-title-line-gradient{margin-top:6px;font-size:clamp(.9rem,4.6vw,1.15rem)}}.landing-home-page{--landing-border: rgba(255, 255, 255, .08);--landing-text: #f4f7fb;--landing-muted: #9aa4b2;--landing-gradient: linear-gradient(135deg, #5b7cff 0%, #8d55ff 56%, #eb6ec8 100%);min-height:calc(100vh - 70px);background:radial-gradient(circle at top left,rgba(91,124,255,.18),transparent 28%),radial-gradient(circle at top right,rgba(235,110,200,.14),transparent 24%),linear-gradient(180deg,#090b11,#040507);color:var(--landing-text)}.landing-hero,.landing-modules{width:min(1240px,calc(100% - 32px));margin:0 auto}.landing-hero{position:relative;padding:42px 0 54px}.landing-hero-glow{position:absolute;border-radius:999px;filter:blur(120px);opacity:.72;pointer-events:none}.landing-hero-glow-left{width:320px;height:220px;top:62px;left:-60px;background:#536dfe38}.landing-hero-glow-right{width:260px;height:200px;right:20px;top:92px;background:#cf5aff2e}.landing-hero-banner{position:relative;padding:54px 34px 44px;animation:fadeInUp .8s ease}.landing-hero-banner:before{content:none}.landing-hero-kicker,.landing-section-kicker{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#d6ddf6;font-size:.92rem;font-weight:600;letter-spacing:.01em}.landing-section-kicker{animation:fadeInUp .8s ease}.landing-hero-title{display:grid;gap:10px;margin:24px 0 14px;animation:fadeInUp .8s ease .08s both;justify-items:start}.landing-hero-title span{display:block;letter-spacing:-.05em}.landing-hero-title-plain{font-size:clamp(2.1rem,4.4vw,3.7rem);line-height:1.04;color:#ffffffe6;font-weight:800}.landing-hero-title-strong{font-size:clamp(3.3rem,7.2vw,6.1rem);line-height:.95;color:#fff;font-weight:900}.landing-hero-offer{margin:0;font-size:clamp(1.18rem,2.2vw,1.82rem);line-height:1.35;font-weight:700;background:linear-gradient(90deg,#67a8ff,#9e73ff 52%,#f36dc3);-webkit-background-clip:text;background-clip:text;color:transparent;animation:fadeInUp .8s ease .16s both}.landing-hero-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;animation:fadeInUp .8s ease .24s both;justify-content:flex-start}.landing-hero-strip span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#edf1ff;font-size:.9rem;font-weight:600}.landing-modules{padding:6px 0 84px}.landing-module-list{display:grid;gap:24px}.landing-module-card{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:30px;align-items:center;padding:34px;border-radius:34px;background:linear-gradient(135deg,#ffffff08,#ffffff05),#08090eeb;border:1px solid var(--landing-border);box-shadow:0 24px 60px #0000003d;animation:fadeInUp .8s ease both}.landing-module-card:nth-child(1){animation-delay:.08s}.landing-module-card:nth-child(2){animation-delay:.16s}.landing-module-card:nth-child(3){animation-delay:.24s}.landing-module-card:nth-child(4){animation-delay:.32s}.landing-module-card.reverse{grid-template-columns:minmax(390px,.98fr) minmax(0,1.02fr)}.landing-module-card.reverse .landing-module-content{order:2}.landing-module-card.reverse .landing-module-preview{order:1}.landing-module-title{display:inline-flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin:0;padding:12px 20px 14px;border-radius:24px;background:linear-gradient(180deg,#10121cf5,#090b12fa),#0a0b11f5;border:1px solid rgba(132,144,182,.18);box-shadow:inset 0 1px #ffffff0a,0 16px 36px #00000038;font-size:clamp(1.8rem,2.97vw,2.7rem);line-height:1.04;letter-spacing:-.05em;font-weight:900;text-wrap:balance}.landing-module-title span:last-child{background:linear-gradient(90deg,#60a5fa,#c084fc,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-module-title-icon{display:inline-flex;align-items:center;justify-content:center;color:#b794f6;flex-shrink:0}.landing-module-title-icon svg{width:clamp(1.8rem,2.79vw,2.52rem);height:clamp(1.8rem,2.79vw,2.52rem);stroke-width:2}.landing-module-primary{margin-top:24px}.landing-module-primary h3{margin:0 0 12px;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.05;letter-spacing:-.05em;color:#fff;font-weight:900;text-wrap:balance}.landing-module-description{margin:0;font-size:1.1rem;line-height:1.78;color:#e8edf8}.landing-module-highlights{display:grid;gap:18px;margin-top:24px}.landing-module-highlight{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start}.landing-module-highlight-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#676fff38,#f36dc32e);color:#e7edff;border:1px solid rgba(130,145,255,.18)}.landing-module-highlight h4{margin:0 0 6px;font-size:1.32rem;line-height:1.34;color:#fff}.landing-module-highlight p{margin:0;font-size:1rem;line-height:1.78;color:var(--landing-muted)}.landing-pill-button,.landing-module-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.landing-module-cta{margin-top:26px;background:var(--landing-gradient);color:#fff;box-shadow:0 18px 38px #676fff47}.landing-module-cta:hover{transform:translateY(-1px)}.landing-module-preview{position:relative}.landing-preview-frame{position:relative;min-height:372px;border-radius:28px;padding:10px;background:linear-gradient(180deg,#ffffff0a,#ffffff04),#07080df2;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.landing-preview-frame:before{content:"";position:absolute;inset:10px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 18%,transparent 42%);pointer-events:none;z-index:2}.landing-preview-frame:after{content:"";position:absolute;inset:auto -8% -18% 28%;height:52%;background:radial-gradient(circle,rgba(103,111,255,.16),rgba(103,111,255,.04) 38%,transparent 72%);filter:blur(28px);transform:rotate(-12deg);pointer-events:none;z-index:1}.landing-preview-image{width:100%;height:100%;min-height:352px;display:block;object-fit:cover;object-position:center;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#0b0d13;position:relative;z-index:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.landing-section-head h2{text-wrap:balance}}@media(max-width:1080px){.landing-module-card,.landing-module-card.reverse{grid-template-columns:minmax(0,1fr)}.landing-module-card.reverse .landing-module-content,.landing-module-card.reverse .landing-module-preview{order:initial}}@media(max-width:768px){.landing-hero,.landing-modules{width:min(100%,calc(100% - 20px))}.landing-hero{padding:24px 0 42px}.landing-hero-banner,.landing-module-card{padding:24px;border-radius:28px}.landing-hero-title-strong{line-height:1}.landing-section-head h2{text-wrap:balance;font-size:clamp(1.9rem,9vw,3rem)}.landing-preview-frame,.landing-preview-image{min-height:260px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--bg-primary)}.auth-container{display:flex;width:100%;max-width:1000px;min-height:600px;background:var(--bg-secondary);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.auth-card{flex:1;padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:center}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg);text-decoration:none}.auth-logo .logo-icon{font-size:1.5rem}.auth-logo .logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-form{max-width:400px;margin:0 auto;width:100%}.auth-error{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--error);font-size:var(--font-size-sm);text-align:center}.form-input.input-error{border-color:var(--error)}.form-input.input-success{border-color:var(--success, #10b981)}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-xs);display:block}.form-hint.checking{color:var(--text-secondary)}.form-hint.success{color:var(--success, #10b981)}.form-hint.error{color:var(--error)}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.checkbox-label a{color:var(--primary)}.checkbox-label a:hover{text-decoration:underline}.forgot-link{color:var(--primary);font-size:var(--font-size-sm)}.forgot-link:hover{text-decoration:underline}.auth-submit{width:100%;margin-bottom:var(--spacing-lg)}.loading-btn-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.auth-submit .spinner{border-top-color:#fff}.auth-footer{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-footer a{color:var(--primary);font-weight:500}.auth-footer a:hover{text-decoration:underline}.login-mode-tabs{display:flex;width:100%;max-width:400px;margin:0 auto var(--spacing-lg);border-radius:var(--radius-lg);background:var(--bg-tertiary);padding:4px}.login-mode-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.login-mode-tab:hover{color:var(--text-primary)}.login-mode-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xl) 0;color:var(--text-muted);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-social{display:flex;gap:var(--spacing-md)}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.social-btn:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.social-btn.wechat:hover{border-color:#07c160;color:#07c160}.auth-bg{flex:1;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);position:relative;overflow:hidden}.auth-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.1) 0%,transparent 50%)}.auth-bg-content{position:relative;text-align:left;color:#fff;width:100%;max-width:400px}.auth-bg-content p{font-size:var(--font-size-md);opacity:.8;margin:0;line-height:1.4}.auth-features{display:flex;flex-direction:column;gap:var(--spacing-xl)}.feature-item{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:#ffffff1a;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.feature-icon{flex-shrink:0;background:#fff3;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:#fff}.feature-info h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs);color:#fff}.phone-input-row{display:flex;gap:var(--spacing-sm)}.phone-input-row .form-input{flex:1}.send-code-btn{flex-shrink:0;min-width:100px;white-space:nowrap}.verify-code-btn{flex-shrink:0;min-width:80px}.send-code-btn:disabled,.verify-code-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.auth-container{flex-direction:column;max-width:400px}.auth-bg{display:none}.auth-card{padding:var(--spacing-xl)}.phone-input-row{flex-direction:column}.send-code-btn,.verify-code-btn{width:100%}}.task-detail-page{padding:var(--spacing-2xl) 0}.task-detail-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-xl);align-items:start}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md);color:var(--text-muted)}.task-detail-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-detail-header{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.task-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.task-type-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md)}.task-time{font-size:var(--font-size-sm);color:var(--text-muted)}.task-detail-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.4}.task-stats-row{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.task-stats-row .stat-item{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.stat-item svg{color:var(--accent)}.task-info-card,.task-description-card,.task-attachments-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.task-info-card h3,.task-description-card h3,.task-attachments-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.task-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:var(--font-size-sm);color:var(--text-muted)}.info-value{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary)}.info-value.budget{font-size:var(--font-size-lg);font-weight:700;color:var(--accent)}.task-description-card p{color:var(--text-secondary);line-height:1.8;white-space:pre-wrap}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.attachment-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.attachment-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.attachment-item .attachment-video{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#000}.file-placeholder{width:100%;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-sm)}.file-placeholder span:first-child{font-size:2rem}.file-download-card{width:100%;aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.file-download-card:hover{border-color:var(--primary);background:var(--primary-light)}.file-download-card .file-icon{font-size:2.5rem}.file-download-card .file-action{font-size:var(--font-size-sm);color:var(--text-muted)}.no-attachments{color:var(--text-muted);text-align:center;padding:var(--spacing-xl)}.locked-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px dashed var(--border-color)}.lock-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.locked-content p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.locked-content .hint{font-size:var(--font-size-xs);color:var(--text-muted)}.hidden-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--spacing-md);font-size:2rem}.task-detail-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);position:sticky;top:calc(70px + var(--spacing-xl))}.publisher-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.publisher-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.publisher-info{display:flex;flex-direction:column;align-items:center;text-align:center}.publisher-avatar{width:80px;height:80px;border-radius:var(--radius-full);border:3px solid var(--primary);margin-bottom:var(--spacing-md)}.publisher-info h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.publisher-contact{width:100%;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.contact-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.contact-item svg{color:var(--accent)}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-buttons .btn{width:100%}.apply-modal{max-width:500px}.apply-hint{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.apply-note{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}@media(max-width:1024px){.task-detail-layout{grid-template-columns:1fr}.task-detail-sidebar{position:static;order:-1}}@media(max-width:768px){.task-info-grid{grid-template-columns:1fr}.task-detail-title{font-size:var(--font-size-xl)}}.publish-page{padding:var(--spacing-2xl) 0}.publish-header{text-align:center;margin-bottom:var(--spacing-2xl)}.publish-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.publish-header p{font-size:var(--font-size-base);color:var(--text-secondary)}.publish-form{max-width:800px;margin:0 auto}.form-section{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.form-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.section-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:calc(var(--spacing-lg) * -1);margin-bottom:var(--spacing-lg)}.form-row-single{grid-template-columns:1fr}.required{color:var(--error)}.upload-icon{margin-bottom:var(--spacing-md);color:var(--text-muted)}.upload-trigger *{pointer-events:none}.upload-area.dragging .upload-trigger{border-color:var(--primary);background:var(--primary-light);transform:scale(1.02)}.attachments-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.attachment-preview-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.attachment-preview-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md)}.attachment-preview-item .file-icon{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-muted)}.attachment-preview-item .file-name{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.attachment-preview-item .remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--error);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast)}.attachment-preview-item .remove-btn:hover{transform:scale(1.1)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl) 0}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.group-sidebar-panel,.group-content-panel,.group-search-card,.group-members-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.group-sidebar-panel,.group-content-panel{background:transparent}.group-manager-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-lg)}.group-sidebar-panel,.group-content-panel,.group-search-card,.group-members-card{padding:var(--spacing-lg)}.group-sidebar-header,.group-content-header,.group-members-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.group-sidebar-header h3,.group-content-header h3,.group-members-header h4{margin:0;color:var(--text-primary)}.group-sidebar-header span,.group-members-header span{color:var(--text-muted);font-size:var(--font-size-sm)}.group-sidebar-title{display:flex;align-items:baseline;gap:var(--spacing-sm)}.group-sidebar-header .btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.group-sidebar-header .btn:hover{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.22)}.group-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.group-list-item{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.group-list-item strong,.group-user-meta strong{display:block;margin-bottom:4px}.group-list-item p,.group-content-header p,.group-user-meta p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5}.group-list-item p{font-size:var(--font-size-xs)}.group-list-item:hover,.group-list-item.active{border-color:rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.08)}.group-content-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.group-meta-block{flex:1;min-width:0}.group-editable-line{display:inline-flex;align-items:center;gap:8px;max-width:100%}.group-editable-line+.group-editable-line{margin-top:6px}.group-editable-desc{display:flex}.group-inline-edit-trigger{border:none;background:transparent;color:var(--text-muted);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.group-editable-line:hover .group-inline-edit-trigger,.group-inline-edit-trigger:focus-visible{opacity:1}.group-inline-edit-trigger:hover{color:var(--text-primary)}.group-inline-editor{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.group-inline-edit-row{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.group-inline-edit-row-desc{display:flex}.group-inline-input{min-width:240px}.group-inline-title-input{min-width:220px}.group-search-card,.group-members-card{margin-top:var(--spacing-lg)}.group-section-label{display:inline-block;margin-bottom:var(--spacing-md);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);line-height:1.2}.group-search-row,.group-transfer-bar{display:flex;gap:var(--spacing-sm);align-items:center}.group-search-row .form-input,.group-transfer-bar .form-input{min-height:38px;height:38px;font-size:var(--font-size-sm)}.group-search-row input.form-input,.group-transfer-bar input.form-input{line-height:38px}.group-transfer-bar .form-select{line-height:normal;padding-top:0;padding-bottom:0;padding-left:var(--spacing-md);padding-right:calc(var(--spacing-2xl) + 4px)}.group-search-row .form-input::placeholder,.group-transfer-bar .form-input::placeholder,.group-transfer-bar .form-select{font-size:var(--font-size-sm)}.group-search-results,.group-member-list{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.group-user-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:12px var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary)}.group-user-meta{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.group-user-meta strong{font-size:var(--font-size-sm);line-height:1.3}.group-user-meta p{font-size:var(--font-size-xs);line-height:1.2}.group-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);background:var(--bg-secondary)}.group-member-check{display:flex;align-items:center}.group-member-check input{width:16px;height:16px;accent-color:var(--primary)}.member-row{justify-content:flex-start}.member-row .group-user-meta{flex:1}.group-empty-box{min-height:96px;border:1px dashed var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);padding:var(--spacing-lg);background:rgba(var(--primary-rgb),.03);font-size:var(--font-size-sm)}.group-empty-large{min-height:380px;flex-direction:column;gap:var(--spacing-sm)}.group-danger-btn{color:var(--error)}.group-member-list .group-danger-btn{opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.group-member-list .group-user-row:hover .group-danger-btn,.group-member-list .group-danger-btn:focus-visible{opacity:1}.group-pagination-wrap{margin-top:var(--spacing-md)}.group-simple-pager{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;width:100%}.group-simple-pager-text{font-size:var(--font-size-xs);line-height:1;color:var(--text-muted)}@media(max-width:1024px){.group-manager-layout{grid-template-columns:1fr}}@media(max-width:768px){.group-search-row,.group-transfer-bar,.group-content-header,.group-inline-edit-row,.group-simple-pager,.group-user-row{flex-direction:column;align-items:stretch}}.profile-page{padding:var(--spacing-2xl) 0}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl);align-items:start}.profile-sidebar{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:sticky;top:calc(70px + var(--spacing-xl))}.profile-avatar-section{text-align:center;padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.profile-avatar{width:100px;height:100px;border-radius:var(--radius-full);border:3px solid var(--primary);margin-bottom:var(--spacing-md)}.profile-avatar-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.profile-avatar-section p{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-md)}.profile-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.profile-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.profile-nav-item.active{background:var(--primary-light);color:var(--primary)}.profile-main{min-height:500px}.profile-section{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.profile-section h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.section-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.points-value-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),rgba(var(--primary-rgb),.03));border:1px solid var(--primary-light);border-radius:var(--radius-lg);margin-top:var(--spacing-xs);box-shadow:0 4px 12px rgba(var(--primary-rgb),.05)}.points-icon{font-size:1.2rem;color:var(--warning)}.points-number{font-size:var(--font-size-xl);font-weight:700;color:var(--primary)}.points-unit{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:4px}.profile-points-action-btn{background:linear-gradient(135deg,#3b82f6eb,#6366f1f0 52%,#a855f7eb);border-color:#818cf852;color:#fff;box-shadow:0 10px 24px #4f46e52e}.profile-points-action-btn:hover{background:linear-gradient(135deg,#3b82f6eb,#6366f1f0 52%,#a855f7eb);border-color:#818cf852;color:#fff;transform:translateY(-1px)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.form-hint.success{color:var(--success)}.upload-area{margin-bottom:var(--spacing-lg)}.upload-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .upload-trigger{background:#121212;border-color:#333}.upload-trigger:hover{border-color:var(--primary);background:var(--primary-light)}[data-theme=dark] .upload-trigger:hover{background:#1a1a1a;border-color:var(--primary)}.upload-trigger.small{padding:var(--spacing-lg);flex-direction:row}.upload-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.upload-text{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.upload-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.work-item{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);position:relative}.work-item img,.work-item video{width:100%;height:100%;object-fit:cover}.work-remove-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0009!important;color:#fff!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s;z-index:10}.work-remove-btn:hover{background:var(--error)!important;transform:scale(1.1)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--text-primary);font-size:var(--font-size-base)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-lg)}@media(max-width:1024px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static}.profile-nav{flex-direction:row;flex-wrap:wrap}.profile-nav-item{flex:1;min-width:120px;justify-content:center}}.security-card{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.security-card h3{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.security-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.works-attribution-group{margin-bottom:var(--spacing-lg)}.attribution-selector{display:flex;gap:var(--spacing-md);background:var(--bg-tertiary);padding:6px;border-radius:var(--radius-xl);border:1px solid var(--border-color)}[data-theme=dark] .attribution-selector{background:#121212;border-color:#333}.attr-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.attr-btn:hover{background:#ffffff0d;color:var(--text-primary)}.attr-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.attr-icon-svg{color:var(--text-muted)}.attr-btn.active .attr-icon-svg{color:var(--primary-color)}.attr-icon{font-size:1.1rem}.textarea-wrapper{position:relative}.portfolio-desc-input{min-height:120px;padding-bottom:40px!important;overflow-y:hidden;resize:none;transition:height .2s ease}.char-counter{position:absolute;bottom:12px;right:12px;font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:6px;pointer-events:none;z-index:5;box-shadow:0 2px 6px #0000000d}.input-with-counter{position:relative;display:flex;align-items:center}.input-char-counter{position:absolute;right:12px;font-size:11px;color:var(--text-muted);pointer-events:none;opacity:.6}.char-counter.near-limit{color:var(--error);font-weight:600}.upload-compact-area{margin-bottom:var(--spacing-md)}.portfolio-item-card{transition:all var(--transition-normal)}.portfolio-item-card:hover{border-color:rgba(var(--primary-rgb),.3);box-shadow:0 8px 24px #0000000d}.add-item-btn{width:100%;margin-top:1rem;padding:var(--spacing-md);border:1px dashed var(--primary);background:transparent;color:var(--primary);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.add-item-btn:hover{background:var(--primary-light);border-style:solid;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.upload-btn-compact{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:rgba(var(--primary-rgb),.05);border:1px dashed var(--primary-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-btn-compact:hover,.upload-btn-compact.drag-over{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-rgb),.15)}.up-icon-svg{color:var(--primary-color)}.up-icon{font-size:1.5rem;color:var(--primary);width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(var(--primary-rgb),.15)}.up-text-group{display:flex;flex-direction:column}.up-text-group .main-text{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.up-text-group .sub-text{font-size:11px;color:var(--text-muted)}.work-item.video{border:2px solid var(--primary-light)}.video-wrapper{position:relative;width:100%;height:100%}.video-play-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:14px;pointer-events:none;transition:all var(--transition-fast)}.work-item:hover .video-play-hint{transform:translate(-50%,-50%) scale(1.15);background:var(--primary)}@media(max-width:600px){.attribution-selector{flex-direction:column}}.promo-rules-box{margin-top:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),rgba(var(--primary-rgb),.02));border:1px solid rgba(var(--primary-rgb),.1);border-radius:var(--radius-lg);line-height:1.8}.promo-rules-box p{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.promo-rules-box p:last-child{margin-bottom:0}.promo-highlight{color:var(--primary);font-weight:600}.promo-stats-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px dashed rgba(var(--primary-rgb),.2);display:flex;justify-content:space-between;align-items:center}.promo-stats-label{color:var(--text-muted);font-size:var(--font-size-sm)}.promo-stats-value{color:var(--primary);font-size:var(--font-size-lg);font-weight:700;margin-left:4px}.promo-withdraw-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;opacity:.8}.my-published-page{padding:var(--spacing-2xl) 0}.tasks-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-manage-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.task-manage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xl);position:relative}.task-manage-info{flex:1}.task-manage-info h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:var(--spacing-sm) 0;cursor:pointer;transition:color var(--transition-fast)}.task-manage-info h3:hover{color:var(--primary)}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.task-meta span{display:flex;align-items:center;gap:6px}.task-meta .task-time{color:var(--text-muted)}.task-manage-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.btn-enter-factory{position:absolute;right:var(--spacing-xl);bottom:var(--spacing-xl);background-color:#1a1a1a;color:#fff;border:1px solid #333;margin-left:0}.applications-section{border-top:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-tertiary)}.applications-section h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.pending-badge{padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;color:#fff;background:var(--error);border-radius:var(--radius-full)}.applications-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.application-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.applicant-avatar{width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0}.applicant-info{flex:1;min-width:0}.applicant-info h5{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.apply-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-xs)}.apply-time{font-size:var(--font-size-xs);color:var(--text-muted)}.application-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.task-manage-header{flex-direction:column}.task-manage-actions{width:100%;justify-content:flex-start}.application-item{flex-direction:column}.application-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}@keyframes flashCard{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.02);box-shadow:0 0 20px rgba(var(--primary-rgb),.5)}}.flash-highlight{animation:flashCard 1s ease-in-out 3;z-index:10;position:relative;border-color:var(--primary)!important}.expand-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.expand-toggle-btn:hover{background:var(--bg-secondary);color:var(--primary);border-color:var(--primary)}.expand-toggle-btn .arrow-icon{display:inline-block;transition:transform .3s ease}.expand-toggle-btn:hover .arrow-icon{animation:arrowBounce .6s ease infinite}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.expand-toggle-btn.expanded:hover .arrow-icon{animation:arrowBounceUp .6s ease infinite}@keyframes arrowBounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.my-applications-page{padding:var(--spacing-2xl) 0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.tabs-section{margin-bottom:var(--spacing-xl)}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--spacing-lg)}.application-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-base)}.application-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.application-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.application-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);cursor:pointer;transition:color var(--transition-fast);line-height:1.4}.application-card-title:hover{color:var(--primary)}.application-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.application-card-meta span{display:flex;align-items:center;gap:6px}.application-card-message{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.application-card-message label{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-xs)}.application-card-message p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.application-card-time{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-md)}.publisher-info-card{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg)}.publisher-info-card h4{font-size:var(--font-size-sm);font-weight:600;color:var(--success);margin-bottom:var(--spacing-md)}.publisher-detail{display:flex;gap:var(--spacing-md)}.publisher-avatar{width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0}.publisher-contact h5{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.publisher-contact p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.application-card-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}@media(max-width:768px){.applications-grid{grid-template-columns:1fr}}.company-info-mini{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px dashed rgba(34,197,94,.3)}.company-info-mini p{font-weight:500;color:var(--success);margin-bottom:2px}.task-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-md);white-space:nowrap}.badge-icon{display:flex;align-items:center;justify-content:center}.ai-workstation-page{min-height:100vh;background:var(--bg-primary);padding-top:80px;padding-bottom:180px}.ai-workstation-page .container{max-width:900px;margin:0 auto;padding:0 2rem}.ai-preview-area{padding:1.5rem 0;min-height:calc(100vh - 260px)}.ai-tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;min-height:300px}.ai-tasks-empty .empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.ai-tasks-empty h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.ai-tasks-list{display:flex;flex-direction:column;gap:2.5rem}.ai-task-item{padding:0}.ai-task-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.ai-task-time{color:var(--text-secondary);font-size:.8rem}.ai-task-prompt{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.ai-task-tags{display:flex;gap:.5rem;margin-bottom:1rem}.ai-task-tag{padding:.2rem .6rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;color:var(--text-secondary)}.ai-task-tag.model{display:flex;align-items:center;gap:.3rem}.ai-task-images{display:flex;flex-wrap:wrap;gap:.75rem}.ai-task-image{max-width:280px;max-height:280px;object-fit:contain;border-radius:12px;cursor:zoom-in;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000001a;overflow:hidden}.ai-task-image:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000026}.ai-task-video{max-width:420px;width:100%;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000001a;background-color:#000;overflow:hidden}.ai-task-video:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000026}.ai-task-video video{width:100%;height:100%;object-fit:contain;display:block}.ai-video-duration,.ai-video-res{background:#0009;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-task-actions{display:flex;gap:.5rem;margin-top:.75rem}.ai-task-action-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.ai-task-action-btn:hover{background:var(--bg-primary);border-color:var(--primary);color:var(--primary)}.ai-task-action-btn.delete:hover{border-color:#dc3545;color:#dc3545}.ai-task-error{color:#ef4444;font-size:.85rem;padding:10px;background:#ef44440d;border-radius:8px;margin-bottom:12px}.ai-task-error-tips{color:var(--text-secondary);font-size:.75rem;line-height:1.5;background:#ffffff08;padding:8px 10px;border-radius:6px;border:1px dashed rgba(255,255,255,.1);margin-bottom:10px}.ai-task-loading{width:180px;height:180px;background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary);font-size:.85rem}.ai-control-area{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 4rem);max-width:900px;background:rgba(var(--bg-secondary-rgb, 30, 30, 30),.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1rem 1.5rem;z-index:100;box-shadow:0 4px 30px #0003;transition:all .3s ease}.ai-control-area.dragging{border-color:var(--primary);background:#8b5cf61a;box-shadow:0 0 20px #8b5cf64d}.ai-mode-tabs-wrapper{position:relative;margin-bottom:.25rem}.ai-mode-hint{display:flex;justify-content:center;align-items:center;gap:6px;padding:.15rem 0;cursor:pointer;animation:pulse-bounce 2s ease-in-out infinite;transition:opacity .3s ease,transform .3s ease}.ai-mode-pulse-label{font-size:10px;font-weight:700;line-height:8px;background:linear-gradient(135deg,var(--primary),#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.2px;white-space:nowrap}.ai-mode-pulse-dot{width:8px;height:8px;background:linear-gradient(135deg,var(--primary),#9333ea);border-radius:50%;opacity:.7}@keyframes pulse-bounce{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.ai-mode-tabs-wrapper:hover .ai-mode-hint{opacity:0;pointer-events:none;transform:translateY(-5px)}.ai-mode-tabs{display:flex;gap:.5rem;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;padding-bottom:0;border-bottom:none;margin-bottom:0}.ai-mode-tabs-wrapper:hover .ai-mode-tabs{max-height:50px;opacity:1;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.ai-mode-tabs-wrapper:hover{padding-bottom:.5rem}.ai-mode-tab{background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;padding:.4rem .8rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.ai-mode-tab:hover{color:var(--text-primary);background:#ffffff0d}.ai-mode-tab.active{color:var(--primary);background:#8b5cf626;font-weight:500}.ai-video-placeholder{min-height:100px;display:flex;justify-content:center;align-items:center}.ai-video-coming-soon{color:var(--text-secondary);font-size:1rem;text-align:center;padding:2rem}.ai-model-popup{position:absolute;bottom:calc(100% + 8px);left:0;background:#1e1e1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.75rem;display:flex;gap:.75rem;z-index:1001;box-shadow:0 8px 32px #0006}.ai-model-vendor-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);min-width:80px}.ai-task-tag.ref-img-tag:hover{background:#ffffff1a;color:var(--text-primary)}.ai-model-vendor-btn:hover{background:#ffffff0d;color:var(--text-primary)}.ai-model-vendor-btn.active{border-color:var(--primary);background:#8b5cf626;color:var(--primary)}.ai-model-vendor-btn.disabled{opacity:.5;cursor:not-allowed!important;filter:grayscale(1)}.ai-model-icon{width:40px;height:40px;border-radius:8px;object-fit:contain}.ai-model-icon-small{width:20px;height:20px;border-radius:4px;object-fit:contain;margin-right:.4rem}.ai-task-vendor-icon{width:16px;height:16px;border-radius:3px;object-fit:contain;margin-right:.4rem;vertical-align:middle}.ai-param-btn:has(.ai-model-icon-small){background:linear-gradient(135deg,#2563eb1a,#9333ea1a);border:1px solid rgba(37,99,235,.3)}.ai-param-btn:has(.ai-model-icon-small):hover{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-color:#8b5cf680}.ai-input-area{display:flex;flex-direction:column;gap:.75rem}.ai-prompt-input{width:100%;padding:.75rem 0;background:transparent;border:none;color:var(--text-primary);font-size:1rem;resize:none;font-family:inherit;min-height:48px;line-height:1.5}.ai-prompt-input::placeholder{color:var(--text-secondary)}.ai-prompt-input:focus{outline:none}.ai-params-bar{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap}.ai-param-btn{display:flex;align-items:center;gap:.3rem;padding:.35rem .6rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative;flex-shrink:0}.ai-param-btn:hover{border-color:var(--primary)}.ai-param-btn.active{border-color:var(--primary);background:#ff6b351a}.ai-param-btn select{background:transparent;border:none;color:inherit;font-size:inherit;cursor:pointer;outline:none;padding-right:.2rem}.ai-param-btn select option{background:#2a2a3e;color:#fff}.ai-params-spacer{flex:1;min-width:.5rem}.ai-params-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.ai-char-count{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.ai-submit-btn{width:38px;height:38px;background:linear-gradient(135deg,#2563eb,#9333ea);border:none;border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-submit-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 15px #6c63ff66}.ai-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ai-popup-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;min-width:320px;box-shadow:0 -8px 30px #00000026;z-index:200}.ai-popup-section{margin-bottom:1rem}.ai-popup-section:last-child{margin-bottom:0}.ai-popup-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;display:block}.ai-resolution-toggle{display:flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:3px}.ai-resolution-btn{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;cursor:pointer;border-radius:8px;transition:all .2s}.ai-resolution-btn.active{background:var(--bg-secondary);color:var(--text-primary);font-weight:500;box-shadow:0 2px 6px #0000001a}.ai-resolution-btn:disabled{opacity:.5;cursor:not-allowed}.ai-ratio-selector{display:flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:6px;gap:4px;flex-wrap:wrap}.ai-ratio-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border:none;background:transparent;color:var(--text-secondary);font-size:.7rem;cursor:pointer;border-radius:8px;transition:all .2s;min-width:40px}.ai-ratio-btn:hover{background:var(--bg-secondary)}.ai-ratio-btn.active{background:#6c63ff26;color:#6c63ff}.ai-ratio-icon{width:20px;height:20px;border:2px solid currentColor;border-radius:2px}.ai-ratio-btn[data-ratio="1:1"] .ai-ratio-icon{width:18px;height:18px}.ai-ratio-btn[data-ratio="3:4"] .ai-ratio-icon{width:15px;height:20px}.ai-ratio-btn[data-ratio="4:3"] .ai-ratio-icon{width:20px;height:15px}.ai-ratio-btn[data-ratio="16:9"] .ai-ratio-icon{width:22px;height:12px}.ai-ratio-btn[data-ratio="9:16"] .ai-ratio-icon{width:12px;height:22px}.ai-ratio-btn[data-ratio="2:3"] .ai-ratio-icon{width:14px;height:21px}.ai-ratio-btn[data-ratio="3:2"] .ai-ratio-icon{width:21px;height:14px}.ai-ratio-btn[data-ratio="21:9"] .ai-ratio-icon{width:24px;height:10px}.ai-popup-overlay{position:fixed;inset:0;z-index:150}.ai-preview-modal{position:fixed;inset:0;background:#000000e6;z-index:2000;display:flex;justify-content:center;align-items:center}.ai-preview-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.ai-preview-image-wrapper{position:relative;display:flex;align-items:center}.ai-preview-content img{max-width:70vw;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 0 50px #00000080}.ai-preview-modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:background .2s;z-index:2010}.ai-preview-modal-close:hover{background:#ffffff4d}.ai-nav-btn{background:#ffffff1a;border:none;color:#fff;font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-nav-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.ai-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.ai-nav-task-btns{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem}.ai-nav-img-btns{display:flex;gap:1rem;align-items:center}.ai-nav-img-btns .ai-nav-counter{color:#fff9;font-size:.9rem;min-width:60px;text-align:center}.ai-loading-spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite}.ai-submit-btn .ai-loading-spinner{width:16px;height:16px;border-color:#ffffff4d;border-top-color:#fff}.ai-reference-images-unified{display:flex;align-items:center;gap:0;flex-shrink:0;height:88px;min-height:88px}.ai-reference-item{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.ai-video-input-main{display:flex;gap:1rem;align-items:center}.ai-video-input-main-wrapper{flex:1;display:flex;flex-direction:column}.ai-video-reference-container{display:flex;align-items:center;gap:0;flex-shrink:0;height:88px;min-height:88px}.ai-video-frames{display:flex;align-items:center;gap:.5rem;flex-shrink:0;height:88px;min-height:88px}.ai-video-frame-slot{position:relative;width:68px;height:88px;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .2s,box-shadow .2s;overflow:hidden;cursor:pointer}.ai-video-frame-slot.start{transform:rotate(-3deg)}.ai-video-frame-slot.end{transform:rotate(3deg)}.ai-video-frame-slot.image-ref{transform:rotate(-3deg)}.ai-video-frame-slot:hover,.ai-video-frame-slot.dragging{transform:rotate(0) scale(1.1);border-color:var(--primary);background:#8b5cf614;box-shadow:0 8px 24px #00000059;z-index:10}.ai-video-frame-slot.dragging{border-style:dashed;border-width:2px}.ai-video-frame-slot.disabled{opacity:.5;border-style:solid;background:#0003;cursor:not-allowed}.ai-video-frame-slot.ai-video-ref-preview-item{margin-right:-2px;z-index:1;cursor:pointer;position:relative}.ai-video-ref-preview-item:first-of-type{margin-left:0}.ai-video-ref-preview-item:last-child{margin-right:0}.ai-video-ref-preview-item:hover{transform:rotate(0) scale(1.15)!important;z-index:10}.ai-video-ref-preview-item .frame-preview{width:100%;height:100%}.ai-video-frame-slot .frame-label{position:absolute;bottom:0;left:0;right:0;font-size:10px;color:var(--text-secondary);z-index:2;background:#00000080;text-align:center;padding:2px 0}.ai-video-frame-slot .frame-upload-btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-secondary);cursor:pointer}.ai-video-frame-slot .frame-upload-btn:hover{color:var(--primary);background:#ffffff05}.ai-video-frame-slot .frame-upload-btn input{display:none}.ai-video-frame-slot .frame-preview{width:100%;height:100%;position:relative;border-radius:7px;overflow:hidden}.ai-video-frame-slot .frame-preview img{width:100%;height:100%;object-fit:contain;background:#000}.ai-video-frame-slot .frame-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transition:opacity .2s ease,transform .2s ease,background .2s;z-index:5}.ai-video-frame-slot:hover .frame-remove{opacity:1}.ai-video-frame-slot .frame-remove:hover{background:var(--error);transform:scale(1.1)}.ai-video-frame-connector{font-size:1rem;color:var(--text-secondary);opacity:.6;margin-top:-10px}.ai-video-frame-slot.multimodal-item.type-image{border-color:#60a5fa66}.ai-video-frame-slot.multimodal-item.type-video{border-color:#fbbf2466}.ai-video-frame-slot.multimodal-item.type-audio{border-color:#a78bfa66}.multimodal-type-badge{font-size:9px!important;display:flex!important;align-items:center;gap:2px;padding:1px 4px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.multimodal-audio-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#a78bfa1a;border-radius:6px;padding:4px}.multimodal-audio-preview span{font-size:8px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:56px;text-align:center}.multimodal-audio-preview svg{color:var(--primary);opacity:.8}.ai-audio-toggle-icon{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0 6px;margin-left:4px;transition:all .2s}.ai-audio-toggle-icon.active{color:var(--primary)}.ai-audio-toggle-icon:not(.active){color:var(--text-secondary);opacity:.6}.ai-audio-toggle-icon:hover{color:var(--primary);transform:scale(1.1)}.ai-duration-slider-wrapper{display:flex;align-items:center;gap:12px;flex:1}.ai-duration-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none;cursor:pointer}.ai-duration-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 10px #00000080;cursor:grab;transition:transform .1s;border:2px solid var(--primary)}.ai-duration-slider::-webkit-slider-thumb:active{transform:scale(1.2);cursor:grabbing}.ai-duration-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--primary);cursor:grab;transition:transform .1s}.ai-duration-slider::-moz-range-thumb:active{transform:scale(1.2);cursor:grabbing}.ai-duration-value{min-width:32px;text-align:right;font-variant-numeric:tabular-nums;color:var(--primary);font-weight:700}.frame-disabled-mask{font-size:2rem;color:var(--text-secondary)}.spinner-sm{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.ai-reference-item img{width:100%;height:100%;object-fit:cover}.ai-reference-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#0009;border:none;border-radius:50%;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.ai-reference-item:hover .ai-reference-remove{opacity:1}.ai-prompt-row{flex:1;display:flex;align-items:flex-start;gap:.5rem;min-width:0}.ai-prompt-input{width:100%;min-height:88px;background:transparent;border:none;color:#fff;font-size:14px;line-height:1.6;resize:none;outline:none;padding:10px 0}.ai-duration-popup{position:absolute;bottom:calc(100% + 12px);left:0;width:180px;background:#171717f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;box-shadow:0 10px 30px #00000080;z-index:1001;display:flex;flex-direction:column;gap:12px}.ai-duration-quick-select{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-duration-quick-select button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:6px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.ai-duration-quick-select button:hover{background:#ffffff1a}.ai-duration-quick-select button.active{background:var(--primary);border-color:var(--primary);color:#fff}.ai-duration-custom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.ai-duration-custom span{font-size:12px;color:var(--text-secondary)}.ai-duration-input-wrapper{position:relative;display:flex;align-items:center}.ai-duration-input-wrapper input{width:60px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;padding:4px 20px 4px 8px;font-size:12px;outline:none}.ai-duration-input-wrapper .unit{position:absolute;right:8px;color:var(--text-secondary);pointer-events:none}.ai-duration-hint{font-size:10px;color:var(--text-secondary);opacity:.5;text-align:center}.ai-upload-ref-btn{flex-shrink:0;width:40px;height:40px;margin-top:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-upload-ref-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ai-upload-ref-btn:disabled{opacity:.5;cursor:not-allowed}.ai-task-tag.ref-img-tag{background:#8b5cf633;border-color:#8b5cf666;cursor:pointer}.ai-task-tag.ref-img-tag:hover{background:#8b5cf64d}.ai-ref-img-hover-preview{position:fixed;z-index:3000;background:#1e1e23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;display:flex;gap:8px;flex-wrap:wrap;max-width:400px;box-shadow:0 10px 40px #0006;pointer-events:none}.ai-ref-img-hover-preview img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.ai-ratio-btn[data-ratio=adaptive] .ai-ratio-icon{width:20px;height:20px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center}.ai-ratio-btn[data-ratio=adaptive] .ai-ratio-icon:after{content:"✨";font-size:12px}.ai-ref-img-fullscreen{position:fixed;inset:0;background:#000000e6;z-index:3000;display:flex;justify-content:center;align-items:center;cursor:pointer}.ai-ref-img-fullscreen img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 50px #00000080}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.modal.active{opacity:1;visibility:visible}.modal-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;width:90%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:scaleIn .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:var(--font-size-lg);font-weight:600}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;background:none;border:none}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--border-color)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ai-task-image-error{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;aspect-ratio:16/9;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:.9rem;gap:.5rem;-webkit-user-select:none;user-select:none;cursor:default}.ai-task-image-error span{font-size:1.5rem;opacity:.7}.ai-task-image-error p{margin:0;font-size:.85rem}.ai-scroll-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:900;opacity:0;pointer-events:none;transform:translateY(20px)}.ai-scroll-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.ai-scroll-top:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 8px 24px rgba(var(--primary-rgb, 139, 92, 246),.4);transform:translateY(-4px)}.ai-scroll-top-icon{width:20px;height:20px;border-left:2px solid var(--text-primary);border-top:2px solid var(--text-primary);transform:rotate(45deg) translate(2px,2px);transition:border-color .3s}.ai-scroll-top:hover .ai-scroll-top-icon{border-color:#fff}.ai-image-wrapper{position:relative;display:inline-block}.ai-download-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;border:1px solid rgba(255,255,255,.2);cursor:pointer;z-index:100}.ai-image-wrapper:hover .ai-download-btn{opacity:1}.ai-download-btn:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.ai-download-icon{font-size:1.2rem;color:#fff;line-height:1}[data-theme=light] .ai-control-area{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 30px #00000014}[data-theme=light] .ai-control-area.dragging{background:#8b5cf60d}[data-theme=light] .ai-prompt-input{background:#00000008;border-color:#0000001a;color:#333}[data-theme=light] .ai-prompt-input::placeholder{color:#0006}[data-theme=light] .ai-param-btn{background:#0000000d;border-color:#0000001a;color:#333}[data-theme=light] .ai-param-btn:hover{background:#00000014}[data-theme=light] .ai-popup-menu{background:#fffffff2;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001f}[data-theme=light] .ai-popup-label{color:#666}[data-theme=light] .ai-ratio-btn,[data-theme=light] .ai-resolution-btn{background:#0000000d;border-color:#0000001a;color:#333}[data-theme=light] .ai-ratio-btn:hover,[data-theme=light] .ai-resolution-btn:hover{background:#00000014}[data-theme=light] .ai-char-count{color:#666}[data-theme=light] .ai-ref-images-preview{background:#00000008;border-color:#0000001a}[data-theme=light] .ai-mode-tabs-wrapper:hover .ai-mode-tabs{border-bottom-color:#0000001a}[data-theme=light] .ai-mode-tab{color:#666}[data-theme=light] .ai-mode-tab:hover{color:#333;background:#0000000d}[data-theme=light] .ai-mode-tab.active{color:var(--primary);background:#8b5cf61a}[data-theme=light] .ai-upload-ref-btn{background:#fff;border-color:#0000001a;color:#666}[data-theme=light] .ai-upload-ref-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}[data-theme=light] .ai-reference-item{background:#00000008;border-color:#0000001a}[data-theme=light] .ai-generate-btn{box-shadow:0 2px 10px #8b5cf64d}[data-theme=light] .ai-model-popup{background:#fffffffa;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #00000026}[data-theme=light] .ai-model-vendor-btn{color:#666}[data-theme=light] .ai-model-vendor-btn:hover{background:#0000000d;color:#333}[data-theme=light] .ai-model-vendor-btn.active{background:#8b5cf61a;border-color:var(--primary);color:var(--primary)}[data-theme=light] .ai-prompt-input{background:transparent;border-color:#00000026;color:#333}[data-theme=light] .ai-prompt-input:focus{border-color:var(--primary);background:#ffffff80}.ai-ratio-btn:disabled,.ai-resolution-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:auto}.ai-ratio-btn[data-ratio=adaptive]:disabled.active{opacity:1;cursor:default}.video-fallback-link{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:#0009;padding:12px 20px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;width:80%;text-align:center;z-index:10}.video-fallback-link:hover{background:#000c;transform:translate(-50%,-50%) scale(1.05)}.jimeng-video-mode{background:#000;border:1px solid rgba(124,58,237,.2);cursor:pointer}.jimeng-direct-link{display:flex;width:100%;height:100%;text-decoration:none;color:#fff;justify-content:center;align-items:center;transition:all .3s ease}.jimeng-fallback-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:12px}.jimeng-fallback-overlay .fallback-icon{font-size:32px;opacity:.8}.jimeng-fallback-overlay .fallback-text{font-size:14px;line-height:1.6;color:#ffffffe6;font-weight:500}.jimeng-direct-link:hover{background:#7c3aed1a}.jimeng-direct-link:hover .fallback-icon{transform:scale(1.1)}.jimeng-direct-link:hover .fallback-text{color:var(--primary-color, #7c3aed)}.ai-result-item-content.video-error video{opacity:.3!important;display:block!important}.ai-result-item-content.video-error .video-fallback-link{display:flex}.ai-task-video .ai-task-image-error~.ai-download-btn,.ai-task-video .ai-task-image-error~.video-fallback-link{display:none!important}.aiw2-page{height:calc(100vh - 72px);background:var(--bg-primary);padding:16px 20px 20px;overflow:hidden}.aiw2-layout{max-width:1360px;height:100%;margin:0 auto;display:grid;grid-template-columns:minmax(344px,464px) 1fr;gap:18px;overflow:hidden}.aiw2-left,.aiw2-right{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;min-height:0;overflow:hidden}.aiw2-left{display:flex;flex-direction:column}.aiw2-left-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px 16px 8px;scrollbar-gutter:stable}.aiw2-right{display:flex;flex-direction:column;padding:16px;overflow-y:auto;scrollbar-gutter:stable}.aiw2-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.aiw2-row label{font-size:11px;color:var(--text-secondary);font-weight:500;letter-spacing:.3px}.aiw2-row select,.aiw2-row input,.aiw2-row textarea{width:100%;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:13px;transition:border-color .18s ease,background .18s ease}.aiw2-row textarea{resize:vertical;line-height:1.5}.aiw2-prompt-wrap{position:relative}.aiw2-prompt-editor{position:relative;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:8px;padding:8px;min-height:130px;transition:border-color .18s ease;overflow:visible}.aiw2-prompt-editor:focus-within{border-color:var(--primary)}.aiw2-prompt-editor textarea{width:100%;border:0;background:transparent;padding:0;border-radius:0;resize:none;min-height:88px}.aiw2-rich-editor{min-height:88px;outline:none;color:var(--text-primary);font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.aiw2-rich-editor:empty:before{content:attr(data-placeholder);color:var(--text-secondary);pointer-events:none}.aiw2-prompt-menu{position:absolute;right:auto;top:auto;z-index:9;width:min(220px,calc(100% - 12px));background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 20px #00000059;padding:6px;display:flex;flex-direction:column;gap:4px}.aiw2-prompt-menu button{border:0;background:transparent;color:var(--text-primary);border-radius:8px;text-align:left;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:6px 8px;cursor:pointer;font-size:12px}.aiw2-prompt-menu button img,.aiw2-prompt-menu-icon{width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.aiw2-prompt-menu button:hover{background:#ffffff12}.aiw2-prompt-menu button.active{background:#3b82f629}.aiw2-prompt-menu button em{font-style:normal;color:var(--text-secondary);font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:0}.aiw2-prompt-menu-empty{color:var(--text-secondary);font-size:12px;padding:8px}.aiw2-prompt-tags{margin:0 0 8px;display:flex;flex-wrap:wrap;gap:6px}.aiw2-prompt-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 4px;border-radius:999px;font-size:11px;line-height:1.2;background:#4f46e524;border:1px solid rgba(79,70,229,.38);color:#aab8ff}.aiw2-prompt-tag img,.aiw2-prompt-tag-icon{width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;flex:0 0 auto}.aiw2-prompt-tag b{font-weight:600}.aiw2-prompt-tag button{border:0;background:transparent;color:inherit;cursor:pointer;width:16px;height:16px;line-height:1;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0}.aiw2-prompt-tag button:hover{background:#ffffff2e}.aiw2-inline-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 6px 2px 4px;margin:0 2px;background:#4f46e524;border:1px solid rgba(79,70,229,.38);color:#aab8ff;vertical-align:middle}.aiw2-inline-chip.video{background:#3b82f624;border-color:#3b82f666;color:#8cc2ff}.aiw2-inline-chip.audio{background:#10b98124;border-color:#10b98166;color:#7ee7c7}.aiw2-inline-chip-thumb{width:16px;height:16px;border-radius:5px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex:0 0 auto}.aiw2-inline-chip b{font-size:11px;font-weight:600}.aiw2-inline-chip button{border:0;background:transparent;color:inherit;width:14px;height:14px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:11px}.aiw2-inline-chip button:hover{background:#ffffff29}.aiw2-prompt-tag.video{background:#3b82f624;border-color:#3b82f666;color:#8cc2ff}.aiw2-prompt-tag.audio{background:#10b98124;border-color:#10b98166;color:#7ee7c7}.aiw2-row select:focus,.aiw2-row input:focus,.aiw2-row textarea:focus{outline:none;border-color:var(--primary)}.aiw2-tabs{display:flex;flex-direction:row}.aiw2-segment-tabs{border:1px solid var(--border-color);border-radius:12px;padding:3px;gap:3px;background:#ffffff05}.aiw2-segment-tabs button,.aiw2-right-head button{border:0;background:transparent;color:var(--text-secondary);border-radius:7px;padding:7px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;transition:background .18s ease,color .18s ease}.aiw2-segment-tabs button{flex:1}.aiw2-segment-tabs button:hover:not(.active){background:#ffffff0d;color:var(--text-primary)}.aiw2-segment-tabs button.active{background:#ffffff1f;color:var(--text-primary);box-shadow:inset 0 0 0 1px #ffffff0a}.aiw2-mode-tabs{display:flex;flex-wrap:wrap}.aiw2-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.aiw2-category-cards button{min-height:58px;border:1px solid transparent;background:#ffffff0d;color:var(--text-primary);border-radius:8px;padding:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.aiw2-category-cards button:hover{background:#ffffff14}.aiw2-category-cards button.active{border-color:var(--primary);background:#3b82f61a}.aiw2-category-cards span{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--primary);font-size:12px;font-weight:700}.aiw2-upload-wrap{display:block;margin-bottom:14px}.aiw2-upload-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.aiw2-frame-upload{flex:1;min-width:0}.aiw2-frame-upload .aiw2-upload-square{width:100%;min-height:94px;height:94px}.aiw2-frame-upload .aiw2-upload-list{width:100%}.aiw2-frame-upload .aiw2-upload-grid{grid-template-columns:1fr}.aiw2-frame-upload .aiw2-upload-item{width:100%;height:94px}.aiw2-upload-wrap.dragging .aiw2-upload-square{border-color:var(--primary);background:#3b82f61a}.aiw2-upload-wrap.uploading .aiw2-upload-square{pointer-events:none}.aiw2-upload-square{width:78px;height:78px;border:1px dashed var(--border-color);background:#ffffff05;border-radius:8px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--primary);cursor:pointer;transition:border-color .18s ease,background .18s ease}.aiw2-upload-square:hover{border-color:var(--primary);background:#3b82f614}.aiw2-upload-square.disabled:hover{border-color:var(--border-color);background:#ffffff05}.aiw2-upload-square input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.aiw2-upload-square span{font-size:11px;color:var(--text-secondary)}.aiw2-upload-square.uploading>span{opacity:0}.aiw2-upload-square.uploading{border-color:#3b82f673;background:#3b82f614}.aiw2-uploading-mask{position:absolute;inset:0;border-radius:8px;background:#070c18c2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.aiw2-uploading-mask em{font-style:normal;font-size:10px;color:#dbeafe}.aiw2-uploading-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(219,234,254,.25);border-top-color:#60a5fa;animation:aiw2-spin .8s linear infinite}.aiw2-upload-caption{width:100%;margin-top:8px;font-size:11px;color:var(--text-secondary)}.aiw2-upload-list{display:flex;gap:8px;flex-wrap:wrap}.aiw2-upload-item{width:78px;height:78px;position:relative;overflow:hidden;display:block;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:11px}.aiw2-upload-item img,.aiw2-upload-item video{width:100%;height:100%;object-fit:cover;display:block}.aiw2-upload-item span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:7px;color:var(--text-primary);overflow:hidden;text-align:center;word-break:break-all}.aiw2-upload-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;color:#dbe4ff;background:radial-gradient(circle at top,rgba(67,97,238,.18),transparent 58%),linear-gradient(180deg,#0f172afa,#0a0c14)}.aiw2-upload-placeholder strong{font-size:11px;font-weight:600;letter-spacing:.02em}.aiw2-upload-placeholder.video{color:#cde5ff}.aiw2-upload-placeholder.audio{color:#d8e2ff}.aiw2-upload-placeholder.failed{color:#fecaca;background:radial-gradient(circle at top,rgba(220,38,38,.2),transparent 58%),linear-gradient(180deg,#190a0cfa,#100a0c)}.aiw2-upload-item em{position:absolute;left:0;right:0;bottom:0;padding:4px 5px;background:linear-gradient(to top,#000000b8,#0000);color:#fff;font-style:normal;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aiw2-upload-item>.aiw2-upload-remove-btn{position:absolute;right:4px;top:4px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#0000008c;color:#f87171;cursor:pointer;font-size:10px;padding:2px 5px}.aiw2-upload-item>.aiw2-upload-remove-btn:disabled{opacity:.45;cursor:not-allowed}.aiw2-upload-status-badge{position:absolute;left:4px;top:4px;z-index:2;border-radius:999px;padding:2px 6px;font-size:10px;line-height:1.2;color:#fff;background:#0f172ad1;border:1px solid rgba(148,163,184,.32)}.aiw2-upload-status-badge.waiting{background:#1e293bd6;color:#dbeafe}.aiw2-upload-status-badge.importing{background:#2563ebdb;color:#eff6ff;border-color:#93c5fd73}.aiw2-upload-status-badge.failed{background:#b91c1ce6;color:#fef2f2;border-color:#fca5a580}.aiw2-upload-media-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:#00000085;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.aiw2-asset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.aiw2-asset-card{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);padding:6px;display:flex;flex-direction:column;gap:5px;position:relative}.aiw2-asset-card img{width:100%;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--border-color)}.aiw2-asset-media-btn{width:100%;height:72px;border-radius:6px;border:1px solid var(--border-color);background:#05070c;padding:0;position:relative;overflow:hidden;cursor:pointer}.aiw2-upload-item>.aiw2-asset-media-btn{height:100%}.aiw2-asset-media-btn video{width:100%;height:100%;object-fit:cover;display:block}.aiw2-asset-media-btn.aiw2-asset-audio{display:flex;align-items:center;justify-content:center;color:#9cb5ff}.aiw2-asset-media-mask{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:999px;background:#00000085;border:1px solid rgba(255,255,255,.32);color:#fff;display:inline-flex;align-items:center;justify-content:center}.aiw2-upload-item .aiw2-asset-media-mask{width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none}.aiw2-asset-card span{width:100%;height:72px;border-radius:6px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:12px}.aiw2-asset-card em,.aiw2-asset-card small{font-style:normal;color:var(--text-secondary);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aiw2-asset-card button{border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#00000059;color:#f87171;cursor:pointer;font-size:11px;padding:4px 0}.aiw2-asset-card .aiw2-asset-delete{position:absolute;right:8px;top:8px;z-index:2;width:auto;padding:2px 6px;font-size:10px;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .18s ease}.aiw2-asset-card:hover .aiw2-asset-delete,.aiw2-asset-card:focus-within .aiw2-asset-delete{opacity:1;pointer-events:auto}.aiw2-asset-card .aiw2-asset-review-badge{position:absolute;right:8px;bottom:62px;z-index:2;width:auto;height:auto;min-height:0;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#0000008c;font-size:10px;line-height:1.2;color:#d1d5db}.aiw2-asset-card .aiw2-asset-review-badge.active{color:#4ade80}.aiw2-asset-card .aiw2-asset-review-badge.processing{color:#facc15}.aiw2-asset-card .aiw2-asset-review-badge.failed{color:#f87171}.aiw2-asset-card .aiw2-asset-use{color:#dbeafe;border-color:#3b82f659;background:#3b82f624}.aiw2-asset-card .aiw2-asset-use:hover{background:#3b82f633;border-color:#3b82f680}.aiw2-split-upload,.aiw2-multi-upload{display:flex;flex-wrap:wrap;gap:12px}.aiw2-start-end-layout{display:grid;grid-template-columns:1fr 36px 1fr;gap:10px;margin-bottom:12px;align-items:start}.aiw2-swap-btn{width:36px;height:94px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:16px}.aiw2-swap-btn:hover{color:var(--text-primary);border-color:var(--primary)}.aiw2-start-end-hint{grid-column:1 / -1;font-size:11px;color:var(--text-secondary)}.aiw2-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aiw2-inline{flex-direction:row;align-items:center;justify-content:space-between}.aiw2-inline-compact{margin-bottom:0;gap:10px}.aiw2-inline input[type=checkbox]{width:auto}.aiw2-portrait-tip{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:10px 12px;margin-bottom:12px;border:1px dashed rgba(59,130,246,.65);border-radius:10px;background:#2563eb14}.aiw2-portrait-tip-copy{position:relative;color:#b9d5ff}.aiw2-portrait-tip-copy svg{position:absolute;left:0;top:2px;color:#6fb2ff}.aiw2-portrait-tip-copy p{margin:0;font-size:12px;line-height:1.6;text-indent:18px}.aiw2-portrait-tip-toggle{padding-left:0;margin-left:auto;width:fit-content;gap:8px}.aiw2-text-link{border:0;background:transparent;color:#8ec5ff;padding:0 2px;cursor:pointer;font-size:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:2px}.aiw2-text-link:hover{color:#c5e0ff}.aiw2-switch{width:42px;height:24px;border:1px solid var(--border-color);border-radius:999px;background:#ffffff14;position:relative;cursor:pointer;transition:background .18s ease,border-color .18s ease}.aiw2-switch span{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:#fff;transition:transform .18s ease}.aiw2-switch.on{background:#3b82f638;border-color:var(--primary)}.aiw2-switch.on span{transform:translate(18px)}.aiw2-switch:disabled{cursor:not-allowed;opacity:.6}.aiw2-actions{flex-shrink:0;padding:12px 16px 16px;border-top:0;background:transparent;display:flex;align-items:center;align-self:stretch;overflow:visible}.aiw2-generate-btn{border:0;background:var(--primary);color:#fff;border-radius:9px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;width:100%;min-width:0;max-width:100%}.aiw2-generate-btn span{font-size:12px;opacity:.86;font-weight:500}.aiw2-generate-btn:disabled{opacity:.6;cursor:not-allowed}.aiw2-token-tip-wrap{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:#ffffffeb;position:relative;flex-shrink:0}.aiw2-token-tip{position:absolute;right:0;left:auto;bottom:calc(100% + 8px);top:auto;min-width:190px;max-width:280px;padding:8px 10px;border-radius:8px;border:1px dashed rgba(59,130,246,.35);background:#0a1224;color:#bfdbfe;font-size:11px;line-height:1.45;white-space:pre-wrap;word-break:break-word;box-shadow:0 10px 20px #00000040;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;z-index:30}.aiw2-token-tip-wrap:hover .aiw2-token-tip{opacity:1;transform:translateY(0)}.aiw2-generate-btn .aiw2-token-tip{font-size:11px;font-weight:500;opacity:0}.aiw2-right-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.aiw2-right-head h3{margin:0;font-size:15px}.aiw2-right-head button{border:1px solid var(--border-color);background:var(--bg-primary)}.aiw2-empty{border:1px dashed var(--border-color);border-radius:12px;text-align:center;color:var(--text-secondary);padding:32px 12px;font-size:13px}.aiw2-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.aiw2-load-more-sentinel{width:100%;height:2px}.aiw2-result-card{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column;min-height:0}.aiw2-result-media{position:relative;aspect-ratio:16 / 9;min-height:0;background:#ffffff05;cursor:pointer;overflow:hidden}.aiw2-result-media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:86px;background:linear-gradient(180deg,#0000,#0000009e);z-index:1;pointer-events:none}.aiw2-result-media:before{content:"";position:absolute;left:0;right:0;top:0;height:64px;background:linear-gradient(180deg,#0000008c,#0000);z-index:1;pointer-events:none}.aiw2-result-media img,.aiw2-result-media video{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;transition:transform .25s ease}.aiw2-result-card:hover .aiw2-result-media img,.aiw2-result-card:hover .aiw2-result-media video{transform:scale(1.02)}.aiw2-result-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}.aiw2-type-tag{position:absolute;top:10px;left:10px;z-index:4;padding:3px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#0000006b;color:#fff;font-size:12px}.aiw2-task-badge{position:absolute;top:10px;right:10px;z-index:4;max-width:56%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;border-radius:0;background:transparent;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:11px}.aiw2-model-tag{position:absolute;left:10px;bottom:10px;z-index:4;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;border-radius:0;background:transparent;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:12px}.aiw2-result-sync-warning{position:absolute;left:58px;top:16px;z-index:4;width:16px;height:16px;border-radius:50%;background:#ef4444f2;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1;box-shadow:0 8px 18px #ef444447;cursor:default}.aiw2-result-spin-tag{position:absolute;right:10px;bottom:10px;z-index:2;padding:3px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#0000008c;color:#fff;font-size:11px;display:inline-flex;align-items:center;gap:5px}.aiw2-result-failed-mask{position:absolute;left:8px;right:8px;bottom:46px;padding:0;color:#ff8a8a;z-index:4}.aiw2-result-failed-mask strong{font-size:12px}.aiw2-result-failed-mask p{margin:4px 0 0;font-size:12px;color:#ff8a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aiw2-result-delete-btn{position:absolute;right:8px;bottom:10px;z-index:5;border:1px solid rgba(248,113,113,.55);background:#dc262680;color:#ffe4e6;border-radius:8px;font-size:11px;line-height:1;padding:5px 8px;cursor:pointer;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,background .2s ease}.aiw2-result-card:hover .aiw2-result-delete-btn{opacity:1;transform:translateY(0)}.aiw2-result-delete-btn:hover{background:#dc2626b8;border-color:#fca5a5b8;color:#fff}.aiw2-result-meta{padding:10px 10px 6px;display:flex;flex-direction:column;gap:4px}.aiw2-result-meta em{font-style:normal;font-size:13px;color:var(--text-primary);font-weight:600}.aiw2-result-meta span{font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aiw2-result-actions{margin-top:auto;border-top:1px solid var(--border-color);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.aiw2-result-actions button{border:0;border-right:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:12px;padding:10px 6px;cursor:pointer}.aiw2-result-actions button:last-child{border-right:0}.aiw2-result-actions button:hover{color:var(--text-primary);background:#ffffff08}.aiw2-preview-mask{position:fixed;inset:0;z-index:220;background:#04081085;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:22px}.aiw2-preview-panel{width:min(1120px,100%);height:min(78vh,760px);background:linear-gradient(180deg,#0a101cfa,#080d18fa);border:1px solid rgba(116,157,255,.42);border-radius:12px;display:grid;grid-template-columns:2fr 1fr;overflow:hidden;position:relative;box-shadow:0 18px 60px #00000085,0 0 0 1px #ffffff0a inset}.aiw2-preview-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(120,158,255,.55);background:#121a2eeb;color:#f3f7ff;z-index:3;box-shadow:0 8px 20px #00000073;transition:all .18s ease}.aiw2-preview-close:hover{background:#2a4174f0;border-color:#92b6ffcc;transform:translateY(-1px)}.aiw2-preview-left{background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.aiw2-preview-media{width:auto;height:auto;max-width:100%;max-height:100%;display:block;object-fit:contain;object-position:center center;background:#000}.aiw2-preview-right{border-left:1px solid var(--border-color);padding:16px;overflow:auto;background:linear-gradient(180deg,#0b121ff0,#080e19eb)}.aiw2-preview-right h4{margin:0 0 12px;padding:0;border:0;background:transparent}.aiw2-preview-right h5{margin:14px 0 8px}.aiw2-preview-right p{margin:0 0 8px;padding:6px 8px;border-radius:7px;background:#090e18b8;border:1px solid rgba(255,255,255,.06);font-size:13px;color:#ecf4ffeb;word-break:break-all}.aiw2-preview-right pre{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#080e18d6;border:1px solid rgba(255,255,255,.09);white-space:pre-wrap;font-size:12px;color:#f4f8ff;word-break:break-word}.aiw2-preview-error{color:#ff8a8a!important}.spin{animation:aiw2-spin 1s linear infinite}@keyframes aiw2-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1120px){.aiw2-page{height:auto;min-height:100vh;overflow:visible}.aiw2-layout{grid-template-columns:1fr;height:auto;overflow:visible}.aiw2-left,.aiw2-right{height:auto;overflow:visible}.aiw2-left-scroll,.aiw2-right{overflow:visible}.aiw2-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aiw2-preview-panel{grid-template-columns:1fr;height:min(84vh,820px)}.aiw2-preview-right{border-left:0;border-top:1px solid var(--border-color)}}@media(max-width:560px){.aiw2-page{padding-top:12px;padding-left:12px;padding-right:12px}.aiw2-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.aiw2-grid,.aiw2-start-end-layout{grid-template-columns:1fr}.aiw2-swap-btn{width:100%;height:32px}.aiw2-result-grid{grid-template-columns:1fr}}.df-image-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:dfFadeIn .2s ease-out}.df-image-modal-content{position:relative;max-width:90vw;max-height:90vh;animation:dfZoomIn .3s cubic-bezier(.18,.89,.32,1.28)}.df-image-modal-img{max-width:100%;max-height:90vh;border-radius:4px;box-shadow:0 4px 20px #00000080;display:block}.df-image-modal-close{position:absolute;top:-40px;right:-40px;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.df-image-modal-close:hover{background:#fff;color:#000;transform:rotate(90deg)}@keyframes dfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dfZoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.app.toy-static-layout{height:100vh;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top,rgba(57,91,231,.14),transparent 24%),linear-gradient(180deg,#050913,#04070f)}.app.toy-static-layout .header{height:60px;background:#060a13f0;border-bottom:1px solid rgba(89,107,155,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app.toy-static-layout .header-container{max-width:1680px;height:60px;padding:0 14px}.app.toy-static-layout .main-content{padding-top:60px;height:100vh;min-height:100vh;overflow:auto hidden;background:transparent}.app.toy-static-layout .nav-item,.app.toy-static-layout .user-avatar-btn,.app.toy-static-layout .recharge-link-icon,.app.toy-static-layout .dropdown-item{transition:all .3s ease}.app.toy-static-layout .nav-item:hover,.app.toy-static-layout .nav-item:focus-visible{color:#f2f6ff;background:#ffffff0d}.app.toy-static-layout .nav-item.active{box-shadow:inset 0 -2px #526dffcc}.main-content:has(.toy-static-page){background:radial-gradient(circle at 18% 10%,rgba(65,103,255,.12),transparent 26%),radial-gradient(circle at 75% 8%,rgba(147,72,249,.08),transparent 24%),linear-gradient(180deg,#050913,#03050d)}.toy-static-page{--toy-page-bg: #060914;--toy-panel-bg: linear-gradient(180deg, rgba(11, 17, 31, .97), rgba(8, 13, 24, .98));--toy-border: rgba(86, 106, 152, .3);--toy-border-strong: rgba(118, 139, 189, .38);--toy-text: #eef3ff;--toy-subtext: #9aa8c6;--toy-muted: #7583a3;--toy-purple: #6f6aff;--toy-blue: #4a73ff;--toy-pink: #f07cd8;--toy-orange: #ffb264;--toy-gold: #ffd58f;width:fit-content;min-width:1360px;max-width:none;height:100%;margin:0 auto;padding:0 10px 12px;color:var(--toy-text);display:grid;overflow:hidden}.toy-stage-shell{display:grid;grid-template-columns:1360px 0px;gap:12px;height:100%;min-height:0;width:max-content;margin:0 auto;justify-content:start}.toy-stage-shell.has-detail{grid-template-columns:1360px 442px}.toy-stage-main{display:grid;grid-template-rows:252px minmax(0,1fr);gap:10px;width:1360px;min-width:1360px;min-height:0;overflow:hidden}.toy-static-page *,.toy-static-page *:before,.toy-static-page *:after{box-sizing:border-box}.toy-static-page button,.toy-static-page input,.toy-static-page textarea,.toy-static-page select{font:inherit}.toy-static-page button{cursor:pointer}.toy-static-page button,.toy-static-page a,.toy-static-page input,.toy-static-page textarea,.toy-static-page select{transition:all .3s ease}.toy-static-page button:focus-visible,.toy-static-page a:focus-visible,.toy-static-page input:focus-visible,.toy-static-page textarea:focus-visible,.toy-static-page select:focus-visible{outline:2px solid rgba(120,143,255,.75);outline-offset:2px}.toy-hero{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden;border-radius:0 0 18px 18px;background:#060a15}.toy-hero:after{content:"";position:absolute;inset:0;background-image:url(/assets/toy-design/hero-showcase.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;opacity:.98;pointer-events:none}.toy-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060a13fa,#060a13f0 22%,#060a13ad 34%,#060a1329 50%,#060a1314 64%,#060a1385,#060a13c7),linear-gradient(180deg,#090f1d0a,#04080f14);pointer-events:none;z-index:0}.toy-hero-grid{position:relative;z-index:1;min-height:0;padding:24px 36px 14px}.toy-hero-copy{position:absolute;left:36px;top:14px;width:580px;z-index:2;display:flex;flex-direction:column;gap:6px}.toy-hero-logos{display:flex;align-items:center;gap:4px;margin-left:-8px;margin-bottom:2px}.toy-hero-logo{height:44px;width:auto;display:block}.toy-hero-logo-x{font-size:20px;color:#00e676;font-weight:300;line-height:1}.toy-hero-title-text{position:relative;margin:0;font-size:52px;line-height:1.1;letter-spacing:-.02em;font-weight:900;white-space:nowrap;z-index:1}.toy-hero-title-text:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;color:#fff;-webkit-text-stroke:1.5px #fff;text-shadow:-4px -4px 0 #fff,0 -4px 0 #fff,4px -4px 0 #fff,-4px 0 0 #fff,4px 0 0 #fff,-4px 4px 0 #fff,0 4px 0 #fff,4px 4px 0 #fff,-3px -4px 0 #fff,3px -4px 0 #fff,-4px -3px 0 #fff,4px -3px 0 #fff,-4px 3px 0 #fff,4px 3px 0 #fff,-3px 4px 0 #fff,3px 4px 0 #fff,-2px -4px 0 #fff,2px -4px 0 #fff,-4px -2px 0 #fff,4px -2px 0 #fff,-4px 2px 0 #fff,4px 2px 0 #fff,-2px 4px 0 #fff,2px 4px 0 #fff;filter:drop-shadow(0 4px 10px rgba(114,106,255,.4))}.toy-hero-title-gradient{background:linear-gradient(102deg,#3595ff,#b54dff 45%,#ff14d1);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px transparent;display:inline-block}.toy-hero-subtitle-green{position:relative;top:-5px;font-size:24px;font-weight:900;color:#2eee15;-webkit-text-stroke:.5px #2EEE15;letter-spacing:0;text-shadow:0 2px 6px rgba(0,0,0,.4)}.toy-hero-copy>span{display:block;margin:-15px 0 0;font-size:16px;font-weight:700;line-height:1.5;color:#bcebf8;letter-spacing:0;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap}.toy-hero-showcase{display:none}.toy-hero-showcase-fg{position:absolute;top:-50px;right:0;max-width:none;pointer-events:none;z-index:1;will-change:transform;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.toy-quota-card{z-index:2;position:absolute;top:18px;right:10px;width:188px;min-height:auto;padding:11px 13px 10px 11px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:#161f3f4d;display:none!important;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;row-gap:2px}.toy-quota-icon{width:34px;height:34px;margin-top:1px;grid-column:1;grid-row:1;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff8f2,#ffd9ce 36%,#ff9d87);color:#ff7c63;display:grid;place-items:center;box-shadow:inset 0 1px #ffffffad,0 4px 12px #ff8f7847}.toy-quota-icon svg{width:18px;height:18px}.toy-quota-body{grid-column:2;grid-row:1}.toy-quota-card strong{display:block;margin-top:0;font-size:11px;line-height:1.25;font-weight:700;color:#f5f8fff5;text-shadow:0 1px 6px rgba(5,9,20,.38)}.toy-quota-count{margin-top:5px;font-size:12px;line-height:1;color:#fffffff0;text-shadow:0 1px 6px rgba(5,9,20,.34)}.toy-quota-count em{font-style:normal;margin:0 2px;font-size:28px;line-height:1;font-weight:400;color:#f6f1d7;text-shadow:0 2px 10px rgba(5,9,20,.42)}.toy-quota-card small{display:block;grid-column:1 / -1;grid-row:2;margin-top:1px;padding-left:0;color:#ffffffe0;font-size:9px;line-height:1.35;text-align:center;text-shadow:0 1px 4px rgba(5,9,20,.32)}.toy-flowbar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:calc(100% - 332px);margin:0 auto 12px 14px;padding:0;min-height:52px;border:0;border-radius:18px;background:linear-gradient(180deg,#2b396580,#121b329e),radial-gradient(circle at 20% 0%,rgba(112,138,255,.12),transparent 30%),radial-gradient(circle at 82% 100%,rgba(201,119,255,.1),transparent 32%);box-shadow:0 8px 20px #050a181a;align-self:end;overflow:hidden}.toy-flow-item{position:relative;min-height:52px;padding:8px 28px 8px 16px;border:0;background:transparent;display:flex;align-items:center;gap:10px;min-width:0}.toy-flow-item:first-child{padding-left:16px}.toy-flow-item:not(:last-child):after{content:"";position:absolute;right:10px;top:50%;width:14px;height:8px;background:no-repeat center / contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 4H11' stroke='%2395A7E6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M8 1L11.5 4L8 7' stroke='%2395A7E6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translateY(-50%);z-index:2}.toy-flow-item:not(:last-child):before{content:"";position:absolute;right:18px;top:50%;width:26px;height:1px;background:linear-gradient(90deg,#95a7e61a,#95a7e63d);transform:translateY(-50%)}.toy-flow-index{width:32px;height:32px;border:1px solid rgba(179,194,239,.34);border-radius:50%;color:#f0f5ff;display:grid;place-items:center;flex:none;font-size:11px;font-weight:500;letter-spacing:.02em;background:#ffffff05}.toy-flow-item>div:last-child{padding-right:28px;min-width:0}.toy-flow-item b{display:block;font-size:13px;line-height:1.1;font-weight:600;color:#f0f5fff5;white-space:nowrap}.toy-flow-item span{display:block;margin-top:4px;font-size:10px;line-height:1.2;color:#adb7d6e6;white-space:nowrap}.toy-main-grid{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.08fr) minmax(0,.94fr);gap:12px;min-height:0;overflow:hidden}.toy-panel{min-width:0;min-height:0;border:1px solid var(--toy-border);border-radius:16px;background:var(--toy-panel-bg);box-shadow:inset 0 1px #ffffff08,0 16px 32px #0000002e;display:flex;flex-direction:column;overflow:hidden}.toy-panel-scroll{flex:1;min-height:0;overflow-y:auto;margin:14px -14px -14px;padding:0 14px 14px;scrollbar-width:thin;scrollbar-color:rgba(114,132,186,.45) transparent}.toy-panel-scroll::-webkit-scrollbar{width:6px;height:6px}.toy-panel-scroll::-webkit-scrollbar-track{background:transparent}.toy-panel-scroll::-webkit-scrollbar-thumb{background:#7284ba73;border-radius:999px}.toy-library-panel,.toy-creator-panel,.toy-results-panel{padding:14px}.toy-library-panel{padding-bottom:0}.toy-panel h2{margin:0;font-size:14px;line-height:1.2;font-weight:700;color:#f5f7ff}.toy-panel-title-row{display:flex;align-items:baseline;gap:8px}.toy-panel-title-row span{color:#8a96b2;font-size:11px}.toy-filter-tabs,.toy-style-pills,.toy-ratio-pills,.toy-action-row,.toy-orders-tabs{display:flex;flex-wrap:wrap;gap:8px}.toy-filter-tabs{margin-top:14px;gap:10px}.toy-filter-tabs button,.toy-style-pills button,.toy-ratio-pills button,.toy-orders-tabs button{border:1px solid rgba(70,86,122,.18);border-radius:10px;background:#232c3fb8;color:#c2cbe0d6;box-shadow:none}.toy-filter-tabs button:hover,.toy-style-pills button:hover,.toy-ratio-pills button:hover,.toy-orders-tabs button:hover,.toy-select-button:hover,.toy-api-input button:hover,.toy-detail-head button:hover,.toy-action-row button:hover,.toy-order-link:hover,.toy-ip-card:hover,.toy-result-card:hover,.toy-next-cta:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0000002e}.toy-filter-tabs button.is-active,.toy-style-pills button.is-active,.toy-ratio-pills button.is-active{border-color:#acc2ffe0;background:linear-gradient(180deg,#4e68c4f5,#3e54a8f5);color:#fffffffa;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #8197ff2e,0 10px 20px #354aa838}.toy-filter-tabs button{min-width:56px;height:32px;padding:0 14px;font-size:13px;font-weight:500}.toy-library-scroll{margin-bottom:0;padding-bottom:12px}.toy-library-nav{display:flex;align-items:center;gap:8px;margin-top:2px;color:#a7b4d1;font-size:12px}.toy-library-nav strong{font-size:12px;font-weight:600;color:#eef3ff}.toy-library-back{padding:0;border:0;background:transparent;color:#7f95ff;font-size:12px;font-weight:600}.toy-ip-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.toy-ip-card{position:relative;padding:0;border:1px solid rgba(90,106,145,.34);border-radius:12px;background:#0f1523fa;overflow:hidden;color:inherit;text-align:left;box-shadow:inset 0 1px #ffffff08}.toy-ip-card-art{position:relative;height:142px;background:#1a2336;overflow:hidden}.toy-ip-card-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.toy-ip-card-shade{position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(180deg,#050a1300,#050a13cc 58%,#050a13f5);pointer-events:none}.toy-ip-card-name{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 10px 10px;font-size:12px;line-height:1.2;font-weight:600;color:#eff4ff;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.35)}.toy-ip-category-badge{position:absolute;left:10px;top:10px;z-index:1;display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#111727c2;border:1px solid rgba(120,136,184,.22);color:#edf3ff;font-size:10px;font-weight:600;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toy-library-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;margin-top:12px;padding:12px 14px 14px;border-top:1px solid rgba(80,96,138,.16);color:#7f8eae;font-size:12px;background:linear-gradient(180deg,#0a0f1b00,#0a0f1be6 18%,#0a0f1bfa)}.toy-library-footer button{padding:0;border:0;background:transparent;color:#7f95ff;font-size:12px;font-weight:600}.toy-creator-panel{display:flex;flex-direction:column;overflow:hidden}.toy-creator-scroll{flex:1;min-height:0;overflow-y:auto;margin:14px -14px 0;padding:0 14px;scrollbar-width:thin;scrollbar-color:rgba(114,132,186,.4) transparent}.toy-creator-scroll::-webkit-scrollbar{width:6px}.toy-creator-scroll::-webkit-scrollbar-thumb{background:#7284ba66;border-radius:999px}.toy-creator-footer{margin-top:0;padding-top:4px;background:linear-gradient(180deg,#0a0f1b00,#0a0f1be0 16%,#0a0f1bfa)}.toy-field{margin-top:12px}.toy-creator-panel .toy-field label{display:inline-flex;align-items:center;gap:6px;color:#8d9ab9;font-size:12px;font-weight:400;line-height:1.3}.toy-field label em{font-style:normal;font-size:12px;color:#6e7a98;display:inline-block;transform:scale(.833);transform-origin:left center}.toy-style-pills,.toy-ratio-pills{margin-top:6px}.toy-style-pills{position:relative;z-index:4}.toy-style-pills button,.toy-ratio-pills button{height:28px;padding:0 11px;font-size:12px}.toy-style-pills button{position:relative;overflow:visible}.toy-style-pills button:hover,.toy-style-pills button:focus-visible{z-index:30}.toy-style-pills button.has-preview{padding-left:0}.toy-style-pill-body{display:inline-flex;align-items:center;gap:0}.toy-style-pill-thumb{width:24px;height:26px;margin-right:5px;border-radius:10px 0 0 10px;overflow:hidden;flex-shrink:0}.toy-style-pill-thumb img{width:100%;height:100%;object-fit:cover;display:block}.toy-style-pill-body>span:last-child{padding-right:2px}.toy-style-pill-tooltip-portal{position:fixed;max-width:260px;max-height:220px;padding:6px;border-radius:14px;border:1px solid rgba(85,103,149,.34);background:#0c111df5;box-shadow:0 18px 40px #0000004d;pointer-events:none;z-index:99999;animation:tooltipFadeIn .15s ease-out forwards}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.toy-style-pill-tooltip-portal img{max-width:248px;max-height:208px;width:auto;height:auto;border-radius:10px;display:block;object-fit:contain}.toy-ratio-pills button{min-width:36px;height:30px;padding:0 10px;border-radius:8px;background:#374260c7;color:#b9c4de;border:0}.toy-ratio-pills button.is-active{background:linear-gradient(180deg,#4662d6f5,#3248a8f5);color:#f6f9ff}.toy-ref-upload-single{margin-top:0;width:calc((100% - 40px) / 6);display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:#a0abc7;flex:none}.toy-ref-demo-row{display:flex;align-items:start;gap:8px;margin-top:8px}.toy-ref-gallery{display:flex;flex-wrap:nowrap;gap:8px;min-height:64px;flex:1;min-width:0}.toy-ref-upload-box{width:100%;aspect-ratio:1 / 1;border:1px dashed rgba(108,124,168,.42);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0f142194}.toy-ref-upload-plus{font-size:26px;line-height:1;color:#4e7bff}.toy-ref-upload-inline-label{font-size:11px;line-height:1;color:#b5c0dc}.toy-ref-demo-card{width:64px;height:64px;margin-top:0;border-radius:10px;overflow:hidden;border:1px solid rgba(92,111,154,.28);background:#121a2cb8}.toy-ref-demo-card img{width:100%;height:100%;object-fit:cover;display:block}.toy-ref-thumb{position:relative;width:calc((100% - 32px)/5);min-width:0;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;border:1px solid rgba(92,111,154,.28);background:#121a2cb8}.toy-ref-thumb img{width:100%;height:100%;object-fit:cover;display:block}.toy-ref-thumb-remove{position:absolute;top:4px;right:4px;width:18px;height:18px;border:0;border-radius:999px;background:#060a13bd;color:#f6f8ff;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:18px;padding:0}.toy-ref-helptext{margin-top:10px;font-size:11px;line-height:1.3;color:#8b98b7}.toy-textarea{margin-top:8px;min-height:84px;padding:12px;border:1px solid rgba(88,105,150,.32);border-radius:12px;background:#090d18f0;display:flex;flex-direction:column}.toy-textarea textarea{font-size:12px;line-height:1.65}.toy-textarea textarea::placeholder{color:#7c89a8;font-size:12px;line-height:1.65}.toy-textarea p{margin:0;color:#dde6fb;font-size:12px;line-height:1.65}.toy-textarea span{display:block;margin-top:auto;text-align:right;color:#7c89a8;font-size:11px;line-height:1}.toy-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;margin-top:2px;align-items:end}.toy-select-button,.toy-api-input{width:100%;min-height:38px;margin-top:8px;border:1px solid rgba(88,105,150,.32);border-radius:12px;background:#090d18f0;color:#e9efff}.toy-select-button{min-width:188px;padding:0 28px 0 12px;font-size:11px;line-height:1;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#aeb9d6 50%),linear-gradient(135deg,#aeb9d6 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.toy-select-button span{font-size:12px;line-height:1}.toy-select-button i{width:9px;height:9px;border-right:2px solid #aeb9d6;border-bottom:2px solid #aeb9d6;transform:rotate(45deg) translateY(-2px)}.toy-ratio-pills{margin-top:8px;display:flex;flex-wrap:nowrap;gap:6px;padding:4px;border:1px solid rgba(88,105,150,.28);border-radius:10px;background:#090d18f0}.toy-inline-icon{width:13px;height:13px;color:#7b87a7}.toy-api-input{padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between;margin-top:10px}.toy-api-input input{font-size:12px;line-height:1}.toy-api-input input::placeholder{color:#7c89a8;font-size:12px;line-height:1}.toy-field-api{margin-top:0}.toy-api-input span{color:#f2f6ff;letter-spacing:.12em;font-size:11px}.toy-api-input button{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#8b98b7;display:grid;place-items:center}.toy-api-input svg{width:18px;height:18px}.toy-generate-button{width:100%;min-height:50px;margin-top:16px;border:0;border-radius:12px;background:linear-gradient(90deg,#416eff,#7d62ff 52%,#ffb36d);color:#fff;font-size:16px;line-height:1;font-weight:700;letter-spacing:.02em;box-shadow:0 12px 24px #5666ff3d;display:flex;align-items:center;justify-content:center;gap:8px}.toy-generate-button:hover{filter:brightness(1.05);box-shadow:0 16px 32px #5666ff4d}.toy-generate-icon{width:20px;height:20px}.toy-results-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toy-result-card{position:relative;aspect-ratio:1 / 1;min-height:156px;padding:0;border:1px solid rgba(104,120,170,.22);border-radius:12px;overflow:hidden;background:#0a0f1cf5;display:flex;flex-direction:column}.toy-card-main-hit{position:absolute;inset:0;z-index:1;padding:0;border:0;background:transparent;cursor:pointer}.toy-card-main-hit:disabled{cursor:default}.toy-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toy-loading-card{width:100%;height:100%;min-height:156px;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit;animation:toyFadeIn .3s ease}.toy-loading-media{flex:1;min-height:0;background:linear-gradient(90deg,#121727 25%,#1a2134,#121727 75%);background-size:200% 100%;animation:toySkeletonPulse 1.5s infinite linear;display:flex;align-items:center;justify-content:center}.toy-loading-info{height:44px;padding:0 12px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center}.toy-loading-bar{width:62%;height:8px;border-radius:999px;background:#ffffff14}.toy-loading-spinner-box{display:flex;flex-direction:column;align-items:center;gap:12px;color:#c2cce466;font-size:12px}.toy-spinner-ai{width:32px;height:32px;border:3px solid rgba(255,255,255,.06);border-top:3px solid rgba(113,126,220,.95);border-radius:50%;animation:toySpin 1s linear infinite}.toy-result-card.is-selected{border-color:#798ffffa;box-shadow:inset 0 0 0 2px #a8b7ff57,0 0 0 1px #5772ff6b,0 14px 28px #273fa257}.toy-result-card.is-selected:after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 1px #eff4ff2e;pointer-events:none}.toy-result-card-art{position:relative;width:100%;height:100%;flex:1;overflow:hidden}.toy-result-card-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.toy-result-empty-card{grid-column:1 / -1;aspect-ratio:auto;min-height:84px;display:flex;align-items:center;justify-content:center;padding:12px 18px;border-style:dashed;border-color:#52608885;background:transparent}.toy-result-empty-content{width:100%;max-width:320px;text-align:center;opacity:1}.toy-result-empty-title{margin:0;color:#d7e1f7;font-size:14px;line-height:1.5;font-weight:600}.toy-result-empty-desc{margin:4px 0 0;color:#9aa7c6e6;font-size:12px;line-height:1.65;font-weight:400}.toy-result-failed-box{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:18px;background:radial-gradient(circle at top,rgba(170,73,73,.22),transparent 48%),#0e1422f5;color:#f5dada;text-align:left}.toy-result-failed-box strong{font-size:15px;font-weight:700;color:#ffd3d3}.toy-result-failed-box p{margin:0;font-size:12px;line-height:1.55;color:#ffe0e0d1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.toy-result-tag-stack{position:absolute;left:8px;top:8px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.toy-result-tag{z-index:2;padding:4px 8px;border-radius:6px;background:#5da751;color:#f4fff3;font-size:10px;line-height:1.2;font-weight:500;box-shadow:0 4px 10px #0000001a}.toy-result-tag.is-featured{background:linear-gradient(90deg,#f39f48,#dd7f2a);color:#fff8ee}.toy-result-tag-status{position:absolute;top:8px;right:8px;left:auto;background:#4c5b82;color:#eff4ff}.toy-result-tag-status.is-pending{background:#536cbb}.toy-result-tag-status.is-error{background:#b74a4a}.toy-static-page .toy-card-delete-btn{position:absolute;right:8px;bottom:8px;z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border:0;border-radius:6px;background:#be383deb;color:#fff5f5;font-size:10px;font-weight:500;line-height:1.2;box-shadow:0 4px 10px #67131947;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,background .18s ease}.toy-card-delete-btn svg{width:12px;height:12px}.toy-result-card:hover .toy-card-delete-btn,.toy-asset-item:hover .toy-card-delete-btn{opacity:1;pointer-events:auto;transform:translateY(0)}.toy-card-delete-btn:hover{background:#d34349}button.toy-results-more{width:100%;min-height:38px;margin-top:12px;border:1px solid rgba(88,105,150,.24);border-radius:10px;background:#121a2ca8;color:#c9d4ee;font-size:12px;font-weight:400}@keyframes toySkeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toyFadeIn{0%{opacity:0}to{opacity:1}}.toy-detail-panel{width:442px;max-width:0;padding:0;border-color:transparent;opacity:0;pointer-events:none;overflow:hidden;transition:opacity .15s ease}.toy-detail-panel.is-open{max-width:442px;padding:14px;border-color:var(--toy-border);opacity:1;pointer-events:auto;display:flex;flex-direction:column;margin-top:12px;height:calc(100% - 12px);overflow-y:auto}.toy-detail-head{display:flex;align-items:center;justify-content:space-between}.toy-detail-head h2{font-size:14px;font-weight:700;margin:0}.toy-detail-head button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#99a7c8;display:grid;place-items:center}.toy-detail-head svg{width:18px;height:18px}.toy-detail-preview{flex-shrink:0;position:relative;height:250px;margin-top:14px;padding:0;border:1px solid rgba(103,121,168,.28);border-radius:12px;background:#161c2ef5;overflow:hidden}.toy-detail-preview:after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;pointer-events:none;background:linear-gradient(180deg,#080b1400,#080b1494)}.toy-detail-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.toy-detail-photo.is-previewable,.toy-preview-left img.is-previewable{cursor:zoom-in}.toy-detail-loading-card{width:100%;height:100%;min-height:248px;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(90deg,#121727 25%,#1a2134,#121727 75%);background-size:200% 100%;animation:toySkeletonPulse 1.5s infinite linear}.toy-detail-loading-card .toy-loading-media{height:100%}.toy-detail-failed-card{background:radial-gradient(circle at top,rgba(170,73,73,.18),transparent 48%),#101727f0}.toy-loading-failed-box{gap:14px}.toy-loading-failed-box strong{font-size:18px;font-weight:700;color:#ffd8d8}.toy-loading-failed-box span{max-width:260px;color:#ffe0e0d1;line-height:1.65;text-align:center;word-break:break-word}.toy-detail-time-badge{position:absolute;right:12px;bottom:8px;z-index:2;color:#eaf0fff2;font-size:11px;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.45)}.toy-action-row{margin-top:12px;display:flex;gap:12px}.toy-action-row button{flex:1;min-height:32px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#a0aabf;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.toy-action-row svg{width:15px;height:15px}.toy-next-section{margin-top:14px}.toy-next-section h3{margin:0 0 14px;font-size:13px;line-height:1.4;color:#e8eef8;font-weight:600}.toy-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.toy-next-card{padding:10px 8px;border:1px solid rgba(102,120,166,.28);border-radius:12px;background:#121724cc;display:flex;flex-direction:column}.toy-next-card.is-active{border-color:#f0b56d80;background:radial-gradient(circle at 50% 0%,#f0b56d4d,#121724cc 90%);box-shadow:inset 0 0 14px #f0b56d14}.toy-next-card.is-active .toy-next-topline strong{color:#f0b56d}.toy-next-card.tone-cyan{border-color:#5fc8bc66;background:radial-gradient(circle at 50% 0%,#5fc8bc4d,#121724cc 90%)}.toy-next-card.tone-orange{border-color:#c58f4c66;background:radial-gradient(circle at 50% 0%,#c58f4c4d,#121724cc 90%)}.toy-next-topline{display:flex;align-items:center;position:relative;min-height:22px}.toy-next-topline strong{font-size:13px;line-height:1.2;white-space:nowrap}.toy-next-topline span{position:absolute;right:0;top:-4px;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#ffdc96,#ff9253);border:none;color:#422008;font-size:10px;font-weight:900;white-space:nowrap;box-shadow:0 4px 10px #ff925373;line-height:1.2}.toy-next-body{margin-top:8px}.toy-next-body p{margin:0;color:#a0aabf;font-size:11px;line-height:1.4}.toy-next-preview{position:relative;display:grid;place-items:center;flex:1;min-height:70px;margin-top:10px;margin-bottom:10px;border-radius:6px;background:transparent;overflow:hidden}.toy-next-preview-img{width:auto;height:auto;max-width:94%;max-height:94%;object-fit:contain;mix-blend-mode:normal}.toy-next-card.is-active .toy-next-preview-img{width:94%;height:94%;object-fit:cover}.toy-next-preview.is-video svg{width:38px;height:38px;color:#fff}.toy-next-cta{width:100%;height:22px;padding:0;border:0;border-radius:4px;background:linear-gradient(90deg,#f0b56d,#ff8e83);color:#362012;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.toy-next-cta span{display:inline-block;transform:scale(.75);transform-origin:center;font-weight:900;-webkit-text-stroke:.4px currentColor}.toy-next-card.tone-cyan .toy-next-cta{background:linear-gradient(90deg,#d2a6ff,#ffb3ea);color:#381a5a}.toy-next-card.tone-orange .toy-next-cta{background:linear-gradient(90deg,#ffc77a,#ffa073);color:#4a2105}.toy-orders-section{margin-top:14px}.toy-orders-tabs{gap:24px;padding-bottom:10px;border-bottom:1px solid rgba(92,110,154,.26)}.toy-orders-tabs button{padding:0;height:auto;border:0;border-radius:0;background:transparent;color:#7482a3;font-size:12px}.toy-orders-tabs button.is-active{color:#eef3ff;position:relative}.toy-orders-tabs button.is-active:after{content:"";position:absolute;bottom:-11px;left:0;right:0;height:2px;background:#5b7ef7;border-radius:2px}.toy-order-card{margin-top:14px;padding:12px 14px;border:1px solid rgba(103,122,170,.22);border-radius:14px;background:#111624;position:relative}.toy-order-head{display:flex;align-items:center;gap:12px}.toy-order-head>div{display:flex;align-items:center}.toy-order-head>span{display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:24px;border-radius:999px;background:#ffab4129;color:#ffad47;font-size:11px;font-weight:700}.toy-order-head small{color:#8190b0;font-size:11px}.toy-order-head b{margin-left:8px;color:#8190b0;font-size:11px;font-weight:400}.toy-order-head button{margin-left:10px;padding:2px 8px;border:0;border-radius:4px;background:#ffffff14;color:#8d9ab9;font-size:11px}.toy-order-meta{margin-top:12px}.toy-order-meta p{display:flex;align-items:center;margin:0 0 8px;color:#8190b0;font-size:11px;min-width:0}.toy-order-meta p span{width:60px;margin-right:12px;flex:0 0 60px;white-space:nowrap}.toy-order-meta b{color:#eaf1ff;font-weight:400;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toy-order-meta .is-green{color:#49c972}.toy-order-link{display:flex;align-items:center;position:absolute;right:14px;bottom:14px;padding:2px 8px;border:1px solid rgba(90,107,152,.28);border-radius:12px;background:transparent;color:#8a96b4;font-size:10px;transform:scale(.85);transform-origin:bottom right}.toy-order-link.is-compact{transform:scale(.75)}.toy-order-link svg{width:15px;height:15px}@media(max-width:1480px){.toy-stage-shell.has-detail{grid-template-columns:1360px 462px}}@media(max-width:1180px){.app.toy-static-layout .main-content{overflow:auto}}@media(max-width:768px){.app.toy-static-layout .main-content{overflow:auto}}.toy-asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.toy-asset-grid.is-video-grid{align-items:start}.toy-asset-empty-card{grid-column:1 / -1;margin-top:0}.toy-asset-item{aspect-ratio:3 / 4;border-radius:12px;border:1px solid rgba(103,122,170,.22);overflow:hidden;cursor:pointer;background:#111624;position:relative}.toy-asset-item img,.toy-asset-item video{width:100%;height:100%;object-fit:cover;display:block}.toy-asset-item video{background:#0c1020}.toy-loading-card.is-poster,.toy-loading-card.is-video{min-height:0}.toy-asset-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.toy-asset-pagination button{min-width:64px;height:28px;border:1px solid rgba(88,105,150,.24);border-radius:8px;background:#121a2ca8;color:#c9d4ee;font-size:12px}.toy-asset-pagination button:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.toy-asset-pagination span{color:#94a3c6;font-size:12px}.toy-preview-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.toy-preview-backdrop{position:absolute;inset:0;padding:0;border:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toy-preview-content{position:relative;width:800px;max-width:90vw;background:#14192b;border:1px solid rgba(103,122,170,.3);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000080}.toy-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(103,122,170,.2)}.toy-preview-header-left{display:flex;align-items:center;gap:12px}.toy-preview-icon-btn{background:transparent;border:none;color:#8190b0;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.toy-preview-header h2{margin:0;font-size:14px;color:#eaf1ff;font-weight:500}.toy-preview-body{display:flex;padding:24px;gap:32px}.toy-preview-left{flex:1;display:flex;justify-content:center;align-items:center;background:#0a0d17;border-radius:12px;overflow:hidden;padding:0;border:1px solid rgba(103,122,170,.15)}.toy-preview-media-frame{width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px;background:#0a0d17}.toy-preview-media-frame.is-video{aspect-ratio:auto;min-height:520px;display:flex;align-items:center;justify-content:center;background:#000}.toy-preview-left img,.toy-preview-video{width:100%;height:100%;display:block}.toy-preview-left img{object-fit:cover}.toy-preview-video{object-fit:contain;background:#000}.toy-preview-video:fullscreen,.toy-preview-video:-webkit-full-screen{object-fit:contain;background:#000}.toy-preview-right{flex:1;display:flex;flex-direction:column;gap:24px;background:#0003;padding:24px;border-radius:12px}.toy-preview-right h4{margin:0 0 12px;color:#eaf1ff;font-size:14px;font-weight:500}.toy-preview-copy-section p{color:#8190b0;font-size:13px;line-height:1.6;margin:0 0 16px}.toy-preview-btn-primary{width:100%;padding:12px;border-radius:8px;border:none;background:#6366f1;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.toy-preview-download-btns{display:flex;gap:12px}.toy-preview-download-btns button{flex:1;padding:12px;border-radius:8px;border:none;background:#252b43;color:#eaf1ff;font-size:12px;font-weight:500;cursor:pointer}.toy-unified-prompt-box{margin-top:16px;border:1px solid rgba(88,105,150,.32);border-radius:12px;background:#090d18f0;display:flex;flex-direction:column;padding:12px 16px;gap:12px}.toy-prompt-top{display:flex;gap:12px}.toy-prompt-ref-area{width:76px;flex:none}.toy-prompt-ref-area .toy-ref-upload-single,.toy-prompt-ref-area .toy-ref-thumb{width:76px;height:76px}.toy-prompt-ref-area .toy-ref-upload-box{width:100%;height:100%;border-radius:10px}.toy-prompt-input-area{flex:1;min-width:0;width:100%}.toy-creator-panel .toy-prompt-input-area textarea{width:100%;min-height:64px;background:transparent;border:none;color:#eaf1ff;outline:none;resize:none;font-size:12px;line-height:1.65;font-family:inherit;padding:0;margin:0;box-shadow:none}.toy-creator-panel .toy-prompt-input-area textarea:focus,.toy-creator-panel .toy-prompt-input-area textarea:focus-visible{outline:none;box-shadow:none;border:none}.toy-creator-panel .toy-prompt-input-area textarea::placeholder{color:#7c89a8;font-size:12px;line-height:1.65}.toy-prompt-bottom{display:flex;justify-content:space-between;align-items:center}.toy-prompt-tools-left,.toy-prompt-tools-right{display:flex;align-items:center;gap:10px}.toy-creator-panel .toy-simple-select-wrapper,.toy-creator-panel .toy-simple-ratio-wrapper{display:flex;align-items:center;border:1px solid rgba(120,136,184,.22);border-radius:6px;height:28px;padding-left:8px;background:transparent;overflow:hidden}.toy-creator-panel .toy-simple-label{color:#6e7a98;font-size:11px;margin-right:4px;flex-shrink:0}.toy-creator-panel .toy-simple-select{background:transparent;border:none;border-radius:0;color:#b9c4de;font-size:11px;padding:0 8px 0 0;height:100%;outline:none;cursor:pointer}.toy-simple-ratio-pills{display:flex;height:100%}.toy-creator-panel .toy-simple-ratio-pills button{height:100%;padding:0 10px;border-radius:0;background:#20283cb3;color:#b9c4de;border:none;font-size:11px;cursor:default}.toy-creator-panel .toy-prompt-clear-btn{background:transparent;border:none;color:#8d9ab9;font-size:12px;display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;flex-shrink:0}.toy-creator-panel .toy-prompt-clear-btn svg{width:14px;height:14px}.toy-prompt-clear-btn:hover{color:#eaf1ff}.toy-prompt-char-count{color:#5c6a8a;font-size:12px}.toy-hover-preview-btn{position:absolute;left:8px;top:8px;transform:scale(.8);width:28px;height:28px;border-radius:50%;background:#0c111dbf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);z-index:10}.toy-hover-preview-btn svg{width:16px;height:16px}.toy-ip-card-art:hover .toy-hover-preview-btn,.toy-ref-thumb:hover .toy-hover-preview-btn{opacity:1;pointer-events:auto;transform:scale(1)}.toy-hover-preview-btn:hover{background:#0c111de6;border-color:#ffffff4d;transform:scale(1.1);color:#a7bfff}.toy-ref-thumb .toy-hover-preview-btn{left:50%;top:50%;transform:translate(-50%,-50%) scale(.8)}.toy-ref-thumb:hover .toy-hover-preview-btn{transform:translate(-50%,-50%) scale(1)}.toy-ref-thumb .toy-hover-preview-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.tutorials-page{min-height:calc(100vh - 70px);padding:24px 0;background:radial-gradient(circle at top right,rgba(37,99,235,.06),transparent 420px),radial-gradient(circle at bottom left,rgba(147,51,234,.06),transparent 420px)}.tutorials-shell{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.tutorials-header{margin-bottom:20px}.tutorials-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.tutorials-header-copy{min-width:0;flex:0 0 auto}.tutorials-header h1{font-size:36px;font-weight:800;margin-bottom:8px;display:inline-block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.tutorials-header p{color:var(--text-secondary);font-size:16px}.tutorials-header-categories{min-width:0;flex:1;display:flex;align-items:center;gap:18px}.tutorials-header-divider{width:1px;height:86px;margin-top:2px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.16),transparent)}.tutorials-empty{border:1px solid var(--border-color);background:var(--gradient-card);border-radius:24px;padding:72px 24px;text-align:center;color:var(--text-secondary)}.tutorials-layout{display:grid;grid-template-columns:minmax(0,1.6fr) 420px;gap:20px;align-items:start}.tutorials-main,.tutorials-sidebar{min-width:0}.tutorials-player-card,.tutorials-sidebar{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tutorials-player-card{overflow:hidden;margin-bottom:16px}.tutorials-player-wrap{background:#000;aspect-ratio:16 / 9}.tutorials-main-video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.tutorials-main-meta{padding:18px 20px 20px}.tutorials-main-meta h2{margin:0 0 10px;font-size:24px;color:var(--text-primary)}.tutorials-main-meta p{margin:0;color:var(--text-secondary);line-height:1.7}.tutorials-sidebar{padding:16px;position:sticky;top:88px;max-height:calc(100vh - 110px);overflow:hidden;display:flex;flex-direction:column}.tutorials-category-strip{display:flex;flex-wrap:wrap;align-content:center;gap:10px;overflow-x:visible;padding-bottom:10px;margin-bottom:12px}.tutorials-category-strip-header{margin-bottom:0;padding-bottom:0;min-height:86px;align-items:center}.tutorial-category-chip{flex:0 0 auto;border:1px solid var(--border-color);background:#0f172a73;color:var(--text-secondary);border-radius:12px;padding:10px 18px;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center}.tutorial-category-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tutorials-playlist-header{position:relative;display:block;margin-bottom:12px}.tutorials-playlist-title-group{min-width:0}.tutorials-playlist-header h3{margin:0;font-size:18px;padding-right:72px}.tutorials-playlist-title-group p{margin:6px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.5}.tutorials-playlist-header span{position:absolute;top:0;right:0;color:var(--text-secondary);font-size:13px;white-space:nowrap}.tutorials-playlist{overflow:auto;display:grid;gap:12px;padding-top:4px;padding-right:2px}.tutorial-episode-card{border:1px solid var(--border-color);border-radius:18px;background:#02061761;padding:10px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;cursor:pointer;text-align:left;transition:all var(--transition-base)}.tutorial-episode-card:hover,.tutorial-episode-card.active{border-color:#3b82f6cc;background:#1e293bc7;transform:translateY(-1px);box-shadow:0 0 0 1px #3b82f62e}.tutorial-episode-video-wrap{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000}.tutorial-episode-video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.tutorial-episode-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(to top,#02061773,#0206171f);pointer-events:none}.tutorial-episode-meta{min-width:0;display:flex;flex-direction:column;justify-content:center}.tutorial-episode-meta h3{margin:0 0 8px;font-size:15px;line-height:1.45;color:var(--text-primary)}.tutorial-episode-meta p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-section{animation:fadeInUp var(--transition-base) .15s both}.resource-card{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--gradient-card);border:1px solid var(--border-color);border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base);gap:16px}.resource-card:hover{border-color:var(--primary);background:var(--bg-card-hover)}.resource-info{display:flex;align-items:center;gap:18px;min-width:0}.resource-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);border-radius:18px;flex-shrink:0}.resource-text h3{font-size:22px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.resource-text p{font-size:14px;color:var(--text-secondary);margin:0}.resource-action .btn-primary{padding:14px 28px;border-radius:999px;font-weight:600;white-space:nowrap}@media(max-width:1100px){.tutorials-header-top{flex-direction:column;align-items:stretch}.tutorials-header-categories{display:block}.tutorials-header-divider{display:none}.tutorials-layout{grid-template-columns:1fr}.tutorials-sidebar{position:static;max-height:none}}@media(max-width:768px){.tutorials-shell{padding:0 14px}.tutorials-header h1{font-size:30px}.tutorials-playlist-header{flex-direction:column}.tutorial-episode-card{grid-template-columns:1fr}.resource-card{flex-direction:column;align-items:stretch}}.works-circle-page{min-height:100vh;padding-bottom:5rem;background:var(--bg-primary)}.works-section{padding:2rem 0}.works-masonry{columns:5 240px;column-gap:1.25rem;width:100%}.work-card{break-inside:avoid;margin-bottom:1.25rem;background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border-light);transition:all .4s cubic-bezier(.165,.84,.44,1);cursor:pointer;position:relative;box-shadow:0 4px 12px #0000000d}.work-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary-light)}.hero{position:relative;overflow:hidden}.hero-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-title{margin:0}.hero-title .gradient-text{display:block;font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.08;font-weight:800;letter-spacing:-.05em;color:#fffffff0;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;animation:fadeInUp .8s ease 0s both}.hero-subtitle{margin:0;text-align:center;font-size:clamp(1.15rem,2.1vw,1.68rem);line-height:1.45;color:var(--text-primary);font-weight:700;animation:fadeInUp .8s ease .12s both}.hero-actions{margin-top:1rem;display:flex;justify-content:center;width:100%;animation:fadeInUp .8s ease .36s both}.hero-highlight-line{margin:0;font-size:clamp(1.05rem,1.9vw,1.55rem);line-height:1.3;letter-spacing:-.02em;background:linear-gradient(90deg,#67a8ff,#9e73ff 52%,#f36dc3);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;text-align:center;animation:fadeInUp .8s ease .24s both}.hero-actions .btn-lg{padding:12px 40px;font-size:1.1rem;border-radius:100px;box-shadow:0 10px 20px rgba(var(--primary-rgb),.3)}.work-cover-wrapper{position:relative;width:100%;overflow:hidden;background:#f0f0f0}[data-theme=dark] .work-cover-wrapper{background:#252525}.work-cover{width:100%;height:auto;display:block;object-fit:cover;transition:transform .6s ease}.work-card:hover .work-cover{transform:scale(1.04)}.work-cover-placeholder{min-height:160px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;background:#ffffff0a}.work-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.work-card:hover .work-overlay{opacity:1}.view-btn{background:#fffffff2;color:#1a1a1a;padding:6px 16px;border-radius:100px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #0000001a}.work-info{padding:1rem;background:var(--bg-secondary)}.work-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;line-height:1.5}.work-author{display:flex;align-items:center;gap:8px;padding-top:.75rem;border-top:1px solid var(--border-light)}.author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#eee;border:1px solid var(--border-light)}.author-detail{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.author-name{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-tag{font-size:8px;background:var(--primary-light);color:var(--primary);padding:1px 4px;border-radius:3px;flex-shrink:0;width:fit-content;font-weight:500}.loading-state,.empty-state{text-align:center;padding:10vh 0;color:var(--text-muted)}.works-loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--primary-rgb),.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite;margin:0 auto 1rem}.spinner-mini{display:inline-block;font-size:.9rem;color:var(--text-muted);padding:1rem}.spinner-mini:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid rgba(var(--primary-rgb),.2);border-top-color:var(--primary);border-radius:50%;margin-right:8px;animation:spin 1s linear infinite;vertical-align:middle}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem;opacity:.8}.empty-state h3{font-size:1.25rem;margin-bottom:.4rem}.empty-state p{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.home-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) 0;color:var(--text-secondary);gap:var(--spacing-lg)}.home-refresh-wrapper{display:flex;justify-content:center;padding:var(--spacing-3xl) 0;margin-top:var(--spacing-xl)}.refresh-magic-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-3xl);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.refresh-magic-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 20px #6366f126}.refresh-magic-btn:active:not(:disabled){transform:translateY(0)}.refresh-magic-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform var(--transition-normal)}.refresh-icon.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-magic-btn:hover .refresh-icon{transform:rotate(180deg)}@media(max-width:1400px){.works-masonry{columns:4 240px}}@media(max-width:1100px){.works-masonry{columns:3 220px}}@media(max-width:800px){.works-masonry{columns:2 180px;column-gap:1rem}.work-info{padding:.75rem}}@media(max-width:480px){.works-masonry{columns:1}.hero-title{font-size:2.2rem}}.portfolio-detail-page{min-height:100vh;padding:2rem 0 6rem;background-color:var(--bg-primary);background-image:var(--gradient-hero);position:relative;overflow:hidden}.portfolio-detail-page:before{content:"";position:absolute;top:-10%;right:-10%;width:40%;height:40%;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);filter:blur(80px);z-index:0;pointer-events:none}.portfolio-detail-page .container-narrow{position:relative;z-index:1}.container-narrow{max-width:1000px;margin:0 auto;padding:0 1.5rem}.back-nav-btn-bordered{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:2.5rem;transition:all .2s;padding:6px 16px;border-radius:8px;font-weight:500}.back-nav-btn-bordered:hover{color:var(--text-primary);border-color:var(--primary);background:rgba(var(--primary-rgb),.15)}.portfolio-header{margin-bottom:2.5rem}.portfolio-full-title{font-size:2.8rem;font-weight:800;line-height:1.25;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.25rem;letter-spacing:-.01em}.author-strip{display:flex;align-items:center;gap:14px;position:relative;width:fit-content}.author-strip-hoverable{cursor:default}.portfolio-contact-tooltip{position:absolute;left:0;top:calc(100% + 8px);min-width:250px;padding:14px 16px;border-radius:16px;background:#121826;border:1px solid rgba(83,111,188,.42);box-shadow:0 18px 32px #00000047;display:grid;gap:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:auto;-webkit-user-select:text;user-select:text;z-index:12}.portfolio-contact-tooltip:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.author-strip-hoverable:hover .portfolio-contact-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.portfolio-contact-row{display:grid;grid-template-columns:18px 40px minmax(0,1fr);align-items:center;gap:10px;color:#dbe7ff;font-size:.88rem}.portfolio-contact-icon{color:#26b3ff;display:inline-flex;align-items:center;justify-content:center}.portfolio-contact-label{color:#dbe7ffc7}.portfolio-contact-value{color:#fff;word-break:break-all;cursor:text}.author-info-stack{display:flex;flex-direction:column;gap:2px}.author-avatar-lg{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.2)}.author-name-lg{font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.2}.attribution-badge-minimal{font-size:.75rem;color:var(--primary);background:rgba(var(--primary-rgb),.1);padding:2px 8px;border-radius:6px;width:fit-content;border:1px solid rgba(var(--primary-rgb),.2);font-weight:600;line-height:1.2}.portfolio-content{margin-bottom:3.5rem}.portfolio-item-group{margin-bottom:4rem;animation:portfolioItemFadeIn .5s ease-out forwards}.portfolio-divider{border:none;height:1px;background:linear-gradient(to right,transparent,rgba(var(--primary-rgb),.2),transparent);margin:4rem 0}@keyframes portfolioItemFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-full-description{font-size:1.15rem;line-height:1.75;color:var(--text-primary);margin-bottom:3.5rem;white-space:pre-wrap;opacity:.95}.works-vertical-list{display:flex;flex-direction:column;gap:2rem}.work-item-row{width:100%}.work-media-full{max-width:500px;margin:0 auto;height:auto;border-radius:12px;display:block;box-shadow:0 10px 30px #0000000d}.work-media-full.clickable{cursor:zoom-in;transition:transform .3s ease}.work-media-full.clickable:hover{transform:translateY(-4px)}.portfolio-preview-modal{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:portfolioFadeIn .3s ease}.preview-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:80%;max-height:90%;justify-content:center}.preview-img-active{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px;box-shadow:0 0 60px #00000080}.preview-side-btn{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:60px;height:60px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:2010;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.preview-side-btn:hover:not(:disabled){background:#fff3;border-color:#fff;transform:translateY(-50%) scale(1.1)}.preview-side-btn:disabled{opacity:.1;cursor:not-allowed}.preview-side-btn.prev{left:80px}.preview-side-btn.next{right:80px}.preview-bottom-stats{position:absolute;bottom:-40px;color:#fff9;font-size:.95rem;font-weight:500}.preview-counter{min-width:60px;text-align:center}.preview-close-btn{position:fixed;top:30px;right:80px;background:none;border:none;color:#ffffff80;font-size:2.5rem;cursor:pointer;transition:all .2s;z-index:2020;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.preview-close-btn:hover{color:#fff;transform:rotate(90deg)}@keyframes portfolioFadeIn{0%{opacity:0}to{opacity:1}}.back-to-top-fab{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0000001a;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:100}.back-to-top-fab:hover{transform:scale(1.1);background:var(--primary);color:#fff;border-color:var(--primary)}.fab-icon{font-size:1.5rem;font-weight:700}.portfolio-detail-loading,.portfolio-detail-empty,.portfolio-detail-unauthorized{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.portfolio-detail-unauthorized .unauthorized-icon{font-size:4rem;margin-bottom:.5rem}.portfolio-detail-unauthorized h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--text-primary)}.portfolio-detail-unauthorized p{color:var(--text-muted);margin-bottom:.5rem}@media(max-width:768px){.portfolio-full-title{font-size:2.2rem}.portfolio-full-description{font-size:1.1rem;line-height:1.7}.back-to-top-fab{bottom:1.5rem;right:1.5rem}.portfolio-contact-tooltip{left:-4px;min-width:220px;max-width:min(82vw,300px)}}.recharge-page{min-height:100vh;padding:100px 20px 60px;background-color:var(--bg-primary);background-image:var(--gradient-hero);position:relative;overflow:hidden}.recharge-page:before{content:"";position:absolute;top:-10%;right:-10%;width:40%;height:40%;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);filter:blur(80px);z-index:0}.recharge-page .container{position:relative;z-index:1}.recharge-card{max-width:580px;margin:0 auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-xl);animation:fadeInUp .6s ease-out}.recharge-card h1{text-align:center;margin-bottom:28px;font-size:var(--font-size-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recharge-desc{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:var(--font-size-sm)}.recharge-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;margin-bottom:var(--spacing-xl);padding:6px;border-radius:var(--radius-xl);background:#ffffff0a;border:1px solid var(--border-color)}.recharge-switch-btn{height:44px;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.recharge-switch-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.membership-plan-card{position:relative;margin-bottom:var(--spacing-xl);padding:28px 24px 22px;border-radius:var(--radius-2xl);background:linear-gradient(180deg,#ffd7001f,#ffffff08);border:1px solid rgba(255,215,0,.35);overflow:hidden}.membership-plan-card.disabled{opacity:.7}.membership-badge{position:absolute;top:0;left:0;padding:5px 12px;border-bottom-right-radius:var(--radius-lg);background:linear-gradient(135deg,#ffd84d,#facc15);color:#3b2f00;font-size:12px;font-weight:800}.membership-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.membership-plan-top h3{margin:10px 0 8px;font-size:24px;color:var(--text-primary)}.membership-plan-notes{margin-top:4px;display:grid;gap:8px}.membership-plan-note{margin:0;display:flex;align-items:center;gap:8px;color:#a5d8ff;font-size:13px;font-weight:700;line-height:1.6}.membership-plan-note:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;flex-shrink:0}.membership-plan-price{flex-shrink:0;display:flex;align-items:baseline;color:#facc15;font-weight:800}.price-symbol{font-size:18px;margin-right:2px}.price-value{font-size:42px;line-height:1}.membership-plan-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--text-secondary);font-size:var(--font-size-sm)}.membership-validity,.membership-owned{display:inline-flex;align-items:center;gap:8px}.membership-owned{color:#facc15}.discount-banner{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.discount-banner-content{display:inline-flex;align-items:center;gap:8px}.discount-banner strong{color:#22c55e}.amount-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.amount-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-sm);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.amount-card:hover{border-color:var(--primary);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.amount-card.selected{background:var(--primary-light);border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.amount-card.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:18px;height:18px;background:var(--primary);color:#fff;font-size:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.test-badge{position:absolute;top:0;left:0;background:var(--warning);color:#fff;font-size:10px;padding:2px 8px;border-bottom-right-radius:var(--radius-lg);font-weight:700;text-transform:uppercase;z-index:1}.bonus-badge{position:absolute;top:0;left:0;background:#ef4444;color:#fff;padding:2px 8px;border-bottom-right-radius:var(--radius-lg);font-weight:700;z-index:1;display:inline-flex;align-items:baseline;gap:2px}.bonus-badge-prefix,.bonus-badge-unit{font-size:10px}.bonus-badge-value{font-size:12px}.amount-card .amount{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;justify-content:center;gap:0}.amount-card .points{font-size:var(--font-size-base);color:var(--primary);font-weight:500;margin-top:var(--spacing-xs);display:flex;align-items:baseline;justify-content:center;gap:0}.amount-card .amount-prefix,.amount-card .amount-symbol,.amount-card .amount-unit,.amount-card .points-prefix,.amount-card .points-unit{font-size:var(--font-size-sm)}.amount-card .amount-prefix{margin-right:.25em}.amount-card .amount-value{font-size:var(--font-size-2xl)}.amount-card .points-prefix,.amount-card .points-value,.amount-card .points-unit{color:var(--primary)}.amount-card .points-value{font-size:calc(var(--font-size-base) + 4px);font-weight:600}.amount-card .points-prefix{margin-right:.25em}.payment-notice{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--spacing-md);background:rgba(var(--primary-rgb, 99, 102, 241),.1);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);color:var(--text-secondary);font-size:var(--font-size-sm);border:1px solid var(--primary-light)}.alipay-logo-img{height:1.2rem;width:auto;object-fit:contain}.recharge-btn{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-weight:600;height:56px;border-radius:var(--radius-xl)}.recharge-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary);color:var(--text-muted)}.qr-section{text-align:center;animation:fadeIn var(--transition-base)}.qr-hint{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.qr-container{display:inline-block;background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);border:4px solid var(--primary-light)}.qr-container img{width:200px;height:200px;display:block}.order-info{margin-bottom:var(--spacing-xl);background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-lg)}.order-info p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.order-info strong{color:var(--text-primary);font-size:var(--font-size-base)}.status-pending{display:flex;align-items:center;justify-content:center;gap:12px;padding:var(--spacing-md);background:var(--primary-light);border-radius:var(--radius-lg);color:var(--primary);margin-bottom:var(--spacing-lg);font-weight:500}.dot-pulse{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.cancel-btn{width:100%;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-btn:hover{background:#ffffff0d;color:var(--text-primary)}.success-section{text-align:center;padding:10px 0;animation:scaleIn .5s var(--transition-base)}.success-icon{font-size:5rem;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 0 20px var(--success))}.success-section h2{font-size:var(--font-size-2xl);color:var(--success);margin-bottom:var(--spacing-sm)}.points-added{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary);margin:var(--spacing-lg) 0}.success-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.success-actions .btn{flex:1}@media(max-width:640px){.recharge-card{padding:var(--spacing-xl)}.amount-options{grid-template-columns:1fr}.membership-plan-top,.membership-plan-meta{flex-direction:column;align-items:flex-start}}.recharge-history-page{min-height:100vh;padding:100px 20px 60px;background-color:var(--bg-primary);background-image:var(--gradient-hero)}.history-container{max-width:900px;margin:0 auto;animation:fadeInUp .6s ease-out}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.history-header h1{font-size:var(--font-size-3xl);font-weight:800;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-state,.empty-state{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);text-align:center;color:var(--text-secondary);box-shadow:var(--shadow-lg)}.empty-state p{margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg)}.empty-icon{margin-bottom:var(--spacing-xl);color:var(--primary);display:flex;justify-content:center;opacity:.8}.history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-xl);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;transition:all var(--transition-base);box-shadow:var(--shadow-sm);min-height:80px;box-sizing:border-box;overflow:visible}.item-main-row{display:flex;justify-content:space-between;align-items:center;width:100%}.history-item:hover{transform:translate(4px);background:var(--bg-card-hover);border-color:var(--primary-light);box-shadow:var(--shadow-md)}.item-main{flex:1;display:flex;align-items:center;gap:var(--spacing-2xl);min-height:48px}.item-info{display:flex;flex-direction:column;justify-content:center;gap:4px;width:260px}.order-no{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);font-family:monospace}.order-time{font-size:var(--font-size-xs);color:var(--text-muted)}.item-amount{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;flex:1}.item-amount .amount{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.item-amount .points,.item-amount .points-balance{font-size:var(--font-size-sm);color:var(--primary);font-weight:600}.item-amount .points-balance{color:var(--text-muted)}.remark-container{display:flex;align-items:center;gap:4px}.remark-icon{flex-shrink:0;color:inherit;opacity:.8}.item-status{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.status-badge{display:flex;align-items:center;justify-content:center;min-width:80px;height:28px;padding:0 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1;letter-spacing:.5px;white-space:nowrap;margin:0;box-sizing:border-box}.status-badge.history-pending{background:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.25)}.status-badge.history-success{background:#22c55e1f;color:var(--success);border:1px solid rgba(34,197,94,.25)}.status-badge.history-failed{background:#ef44441f;color:var(--error);border:1px solid rgba(239,68,68,.25)}.finance-tabs{display:flex;position:relative;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--border-color)}.tab-btn{flex:1;border:none;background:none;padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;z-index:1;transition:color var(--transition-base)}.tab-btn.active{color:#fff!important}.tab-indicator{position:absolute;top:4px;height:calc(100% - 8px);background:var(--primary);border-radius:var(--radius-md);transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.point-biz-type{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:2px}.biz-label{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.model-tag{font-size:10px;padding:2px 6px;background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:4px;font-weight:500;border:1px solid rgba(var(--primary-rgb),.2)}.points-balance{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.text-success{color:var(--success)!important}.text-danger{color:var(--error)!important}.load-more-container{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.no-more-history{text-align:center;padding:var(--spacing-3xl) 0;color:var(--text-muted);font-size:var(--font-size-sm);opacity:.8}.item-status{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.proof-badge{display:flex;align-items:center;gap:6px;background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:6px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid rgba(var(--primary-rgb),.2);white-space:nowrap}.proof-badge:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.proof-badge svg{flex-shrink:0}@media(max-width:768px){.history-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.finance-tabs{flex-wrap:wrap;gap:8px;background:none;border:none;padding:0;height:auto}.tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1 1 calc(50% - 4px);min-width:130px;height:44px}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.tab-indicator{display:none}.history-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg)}.item-main{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);width:100%}.item-info{width:100%}}.image-preview-modal{position:fixed;inset:0;width:100%;height:100%;background:#000000d9;z-index:10000;display:none;justify-content:center;align-items:center}.image-preview-modal.active{display:flex}.enlarged-image-container{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.enlarged-image-container img{max-width:100%;max-height:90vh;display:block;border-radius:8px;box-shadow:0 20px 50px #00000080;object-fit:contain}.image-preview-modal .close-btn{position:absolute;top:-20px;right:-20px;width:40px;height:40px;font-size:32px;color:#fff;background:#ef4444e6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10001}.image-preview-modal .close-btn:hover{background:#ef4444}@media(max-width:768px){.enlarged-image-container{max-width:95vw}.image-preview-modal .close-btn{top:10px;right:10px;width:30px;height:30px;font-size:24px}}.promo-page{min-height:100vh;padding:100px 20px 60px;background-color:var(--bg-primary);background-image:var(--gradient-hero)}.promo-page .container{max-width:800px;margin:0 auto}.promo-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--spacing-lg);transition:color var(--transition-base)}.promo-back:hover{color:var(--primary)}.promo-header{margin-bottom:60px}.promo-header h1{font-size:var(--font-size-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.promo-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.promo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.stat-card .stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted)}.promo-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.promo-card h3{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.promo-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.promo-empty p{font-size:var(--font-size-xs)}.promo-empty h2{margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:var(--font-size-lg);color:var(--text-primary)}.invite-link-row{display:flex;gap:var(--spacing-sm)}.invite-link-row .form-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm)}.invite-link-row .btn{white-space:nowrap;display:flex;align-items:center;gap:6px}.promo-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:4px}.promo-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition-base)}.promo-tab:hover{color:var(--text-primary)}.promo-tab.active{background:var(--glass-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.payment-select-row{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-wrap:wrap}.payment-select-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-base)}.payment-select-btn.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.no-payment-tip{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.no-payment-tip p{margin:0;font-size:var(--font-size-sm)}.withdraw-section{padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.withdraw-input-row{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.withdraw-input-row .form-input{flex:1}.log-list{display:flex;flex-direction:column}.log-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.log-item:last-child{border-bottom:none}.log-info{display:flex;flex-direction:column;gap:4px}.log-amount{font-weight:700;font-size:var(--font-size-base)}.log-amount.income{color:#22c55e}.log-amount.expense{color:#ef4444}.log-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.log-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.log-time{font-size:var(--font-size-xs);color:var(--text-muted)}.reject-reason{font-size:var(--font-size-xs);color:#ef4444}.promo-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:var(--font-size-xs);font-weight:500}.badge-pending{background:#eab30826;color:#eab308}.badge-approved{background:#22c55e26;color:#22c55e}.badge-rejected{background:#ef444426;color:#ef4444}.badge-completed{background:#6366f126;color:var(--primary)}.pagination-row{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.no-data{text-align:center;color:var(--text-muted);padding:var(--spacing-2xl);font-size:var(--font-size-sm)}.promo-loading{text-align:center;color:var(--text-muted);padding:var(--spacing-2xl)}@media(max-width:640px){.promo-stats,.payment-form{grid-template-columns:1fr}.invite-link-row,.withdraw-input-row{flex-direction:column}}@font-face{font-family:BaoInter;src:url(/bao-haoju/fonts/Inter-Variable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.bao-landing{--bao-bg: #030303;--bao-panel: rgba(255, 255, 255, .03);--bao-panel-strong: rgba(255, 255, 255, .06);--bao-border: rgba(255, 255, 255, .08);--bao-text: #f4f4f5;--bao-muted: #a1a1aa;--bao-gradient: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);background:radial-gradient(circle at top left,rgba(124,58,237,.18),transparent 30%),radial-gradient(circle at top right,rgba(37,99,235,.16),transparent 28%),var(--bao-bg);color:var(--bao-text);font-family:BaoInter,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh;padding-bottom:48px}.bao-hero,.bao-section,.bao-footer{width:min(1200px,calc(100% - 32px));margin:0 auto}.bao-hero{position:relative;padding:28px 0 72px}.bao-hero-glow{position:absolute;border-radius:999px;filter:blur(120px);pointer-events:none;opacity:.7}.bao-hero-glow-left{width:380px;height:240px;left:-40px;top:120px;background:#7c3aed47}.bao-hero-glow-right{width:300px;height:220px;right:30px;top:80px;background:#3b82f63d}.bao-hero-topbar{z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border:1px solid rgba(255,255,255,.05);background:#030303ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px}.bao-brand{display:inline-flex;align-items:center;gap:0}.bao-brand-logo{width:36px;height:36px;border-radius:12px;object-fit:cover;box-shadow:0 16px 40px #2563eb3d}.bao-brand-text{font-size:1.15rem;font-weight:800;letter-spacing:-.03em}.bao-brand-text-gradient{letter-spacing:.01em;background:linear-gradient(90deg,#60a5fa,#c084fc 52%,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.bao-hero-links{display:inline-flex;align-items:center;gap:14px}.bao-hero-links a{color:var(--bao-muted);text-decoration:none;transition:color .2s ease}.bao-hero-links a:hover{color:var(--bao-text)}.bao-hero-body{position:relative;max-width:860px;margin:68px auto 0;text-align:center}.bao-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#d4d4d8;font-size:.92rem}.bao-hero-body h1{margin:28px 0 24px;font-size:clamp(2.3rem,5.8vw,4.1rem);line-height:1.08;letter-spacing:-.05em}.bao-hero-line{display:block}.bao-hero-line-plain{color:var(--bao-text)}.bao-hero-line-gradient{background:linear-gradient(90deg,#60a5fa,#c084fc,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.bao-hero-body p{max-width:760px;margin:0 auto;color:var(--bao-muted);font-size:1.1rem;line-height:1.8}.bao-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:780px;margin:32px auto 0}.bao-hero-metric{display:grid;justify-items:center;gap:10px}.bao-hero-metric-notes{display:flex;flex-direction:column;align-items:center;gap:6px;margin:28px auto 10px}.bao-hero-metric-notes span{display:block;text-align:center;font-size:clamp(1.125rem,2.16vw,1.935rem);line-height:1.2;font-weight:600;letter-spacing:-.02em;background:linear-gradient(90deg,#60a5fa,#c084fc,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.bao-hero-metric strong{font-size:clamp(2.25rem,4.32vw,3.87rem);line-height:1;letter-spacing:-.05em;color:var(--bao-text)}.bao-hero-metric span{font-size:1.05rem;color:var(--bao-muted);line-height:1.2}.bao-hero-actions,.bao-modal-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.bao-hero-actions{margin-top:42px}.bao-pill-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.bao-pill-button:hover{transform:translateY(-1px)}.bao-pill-button-gradient{background:var(--bao-gradient);color:#fff;min-width:240px;font-size:1.15rem;box-shadow:0 20px 50px #7c3aed3d}.bao-pill-button-gradient-compact{min-width:136px;min-height:36px;padding:9px 22px;font-size:1rem;box-shadow:0 16px 38px #7c3aed38}.bao-pill-button-light{background:#fff;color:#09090b}.bao-pill-button-muted{background:#ffffff0f;border-color:#ffffff1a;color:var(--bao-text)}.bao-pill-button-upgrade{background:linear-gradient(135deg,#7c3aedeb,#2563ebeb);border-color:#7c3aed47;color:#fff;box-shadow:0 10px 24px #7c3aed33}.bao-pill-button-large{padding-inline:30px;font-size:1.05rem}.bao-section{padding:32px 0}.bao-section-panel{padding-top:8px}.bao-grid-two{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:36px;border-radius:32px;background:var(--bao-panel);border:1px solid rgba(255,255,255,.05)}.bao-grid-two h2,.bao-section-heading h2,.bao-final-cta h2{font-size:clamp(2rem,5vw,3.3rem);line-height:1.12;letter-spacing:-.04em}.bao-point-list{display:grid;gap:22px;margin-top:28px}.bao-point-card{display:grid;grid-template-columns:16px 1fr;gap:14px}.bao-point-dot{width:12px;height:12px;margin-top:8px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 0 0 8px #ef44441f}.bao-point-card h3,.bao-feature-card h3{margin-bottom:8px;font-size:1.15rem}.bao-point-card p,.bao-section-heading p,.bao-feature-card p,.bao-final-cta p{color:var(--bao-muted);line-height:1.8}.bao-workbench-preview{display:grid;grid-template-columns:.9fr 1.2fr;gap:14px;min-height:420px;padding:20px;border-radius:28px;background:linear-gradient(135deg,#18181bf2,#09090bfa);border:1px solid var(--bao-border);box-shadow:0 24px 80px #00000059}.bao-preview-sidebar,.bao-preview-main{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.bao-preview-line,.bao-preview-chip,.bao-preview-progress{border-radius:999px;background:#ffffff1a}.bao-preview-line{height:10px;width:78%}.bao-preview-line-strong{height:14px;width:58%;background:#fff3}.bao-preview-line-short{width:50%}.bao-preview-card{margin-top:auto;min-height:120px;border-radius:18px}.bao-preview-card-purple{background:linear-gradient(135deg,#7c3aed38,#3b82f62e);border:1px solid rgba(192,132,252,.2)}.bao-preview-stage{min-height:180px;border-radius:20px;background:linear-gradient(135deg,#2563eb38,#60a5fa14);border:1px solid rgba(96,165,250,.18)}.bao-preview-action-row{display:flex;gap:10px}.bao-preview-chip{width:74px;height:32px}.bao-preview-timeline{margin-top:auto;display:grid;gap:10px;color:#d4d4d8;font-size:.92rem}.bao-preview-progress{height:12px;width:100%;background:linear-gradient(90deg,#7c3aedcc,#3b82f6cc 70%,#ffffff1a 70%)}.bao-section-heading{margin-bottom:24px;text-align:center}.bao-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bao-feature-card{padding:28px;border-radius:24px;background:var(--bao-panel);border:1px solid rgba(255,255,255,.05);transition:background .2s ease,transform .2s ease}.bao-feature-card:hover{background:var(--bao-panel-strong);transform:translateY(-3px)}.bao-feature-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:18px;color:#c084fc;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.bao-final-cta{position:relative;padding:48px 24px;border-radius:32px;text-align:center;background:linear-gradient(180deg,#18181bf0,#000000fa);border:1px solid var(--bao-border)}.bao-final-cta p{margin:18px auto 30px}.bao-footer{display:grid;justify-items:center;gap:10px;padding-top:18px;color:#71717a}.bao-brand-footer{opacity:.72}.bao-modal{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:24px}.bao-modal-overlay{position:absolute;inset:0;background:#000000b8;border:0;cursor:pointer}.bao-modal-card{position:relative;width:min(540px,100%);padding:28px;border-radius:28px;background:linear-gradient(180deg,#141418fa,#09090b);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #00000080}.bao-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.bao-modal-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:12px;border-radius:999px;background:#7c3aed24;color:#d8b4fe;font-size:.8rem;letter-spacing:.04em}.bao-modal-tag-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 10px #ef444459}.bao-modal-header h3{font-size:1.6rem}.bao-modal-close{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff0f;color:#fff;border:0;cursor:pointer}.bao-modal-card p{margin:20px 0 24px;color:var(--bao-muted);line-height:1.8}.bao-modal-copy{display:grid;gap:10px}@media(max-width:960px){.bao-grid-two,.bao-feature-grid{grid-template-columns:1fr}.bao-workbench-preview{min-height:360px}}@media(max-width:768px){.bao-hero-topbar{position:static;flex-direction:column;align-items:stretch}.bao-hero-links{justify-content:space-between;flex-wrap:wrap}.bao-hero-links a{display:none}.bao-hero-body{margin-top:48px}.bao-hero-metrics{gap:20px}.bao-grid-two{padding:24px}.bao-workbench-preview{grid-template-columns:1fr}}@media(max-width:560px){.bao-hero,.bao-section,.bao-footer{width:min(100% - 24px,1200px)}.bao-hero-body p,.bao-point-card p,.bao-feature-card p,.bao-final-cta p,.bao-modal-card p{font-size:.96rem}.bao-hero-metrics{grid-template-columns:1fr;gap:18px;margin-top:28px}.bao-hero-metric{gap:6px}.bao-pill-button,.bao-pill-button-large{width:100%}}.df-storyboard-layout{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.df-storyboard-container{display:grid;grid-template-columns:300px 1fr;gap:24px;height:100%;overflow:hidden;align-items:flex-start}.df-sb-sidebar{background:#111;border:1px solid var(--df-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto}.df-sb-side-section h3{font-size:13px;color:var(--df-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.df-sb-config-item{background:#1a1a1a;padding:12px;border-radius:8px;border:1px solid #222;position:relative}.df-sb-config-item.clickable{cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.df-sb-config-item.clickable:hover{background:#222;border-color:#333}.df-sb-config-item.active{border-color:#555;background:#222}.df-dropdown-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #444;transition:transform .2s}.df-sb-config-item.active .df-dropdown-icon{transform:translateY(-50%) rotate(180deg)}.df-custom-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 10px 25px #00000080;z-index:1000;overflow:hidden;padding:6px;animation:fadeInScale .2s ease-out}.df-menu-item{padding:8px 12px;font-size:13px;color:#888;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-menu-item:hover{background:#252525;color:#fff}.df-menu-item.active{background:#fff;color:#000}.df-sb-config-label{display:block;font-size:12px;color:#555;margin-bottom:4px}.df-sb-config-value{font-size:14px;color:#fff;line-height:1.5}.df-btn-sm{padding:0 16px;font-size:13px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#1a1a1a;border:1px solid #333;color:#eee;cursor:pointer;transition:all .2s;text-decoration:none;box-sizing:border-box}.df-btn-sm:hover{background:#252525;border-color:#444}.df-btn-block{display:flex;width:100%}.df-sb-material-tag{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0d0d0d;border:1px solid #222;border-radius:6px;color:#999;font-size:11px;text-decoration:none;transition:all .2s ease;cursor:pointer}.df-sb-materials-list{display:flex;flex-direction:column;gap:6px}.df-sb-material-tag:hover{background:#141414;border-color:#333;color:#eee}.df-sb-mat-icon{display:flex;align-items:center;justify-content:center;color:#666}.df-sb-material-tag:hover .df-sb-mat-icon{color:#aaa}.df-sb-mat-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-toolbar{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--df-border)}.df-select{background-color:var(--df-bg-tertiary);border:1px solid var(--df-border);color:var(--df-text-main);padding:6px 12px;border-radius:4px;min-width:180px;font-size:13px;outline:none;cursor:pointer}.df-select:focus{border-color:#555}.df-sb-main{flex:1;height:100%;overflow-y:auto;padding-right:12px;padding-top:0}.df-sb-sidebar::-webkit-scrollbar,.df-sb-main::-webkit-scrollbar{width:6px}.df-sb-sidebar::-webkit-scrollbar-thumb,.df-sb-main::-webkit-scrollbar-thumb{background:#222;border-radius:3px}.df-storyboard-grid{display:flex;flex-direction:column;padding-bottom:80px}.df-shot-inserter{height:28px;margin:2px 0;position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.df-shot-inserter.is-first{margin-top:0;margin-bottom:2px}.df-shot-inserter:hover{height:48px;margin:0}.df-shot-inserter .inserter-line{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00d2ff,#3a7bd5,transparent);opacity:0;transition:all .3s;box-shadow:0 0 10px #00d2ff66}.df-shot-inserter:hover .inserter-line{opacity:.8}.df-shot-inserter .inserter-hint{display:inline-flex;align-items:center;gap:6px;color:#ffffffb8;font-size:11px;letter-spacing:.02em;opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.65)}.df-shot-inserter:hover .inserter-hint{opacity:0;transform:translateY(-4px)}.df-shot-inserter .inserter-btn{position:absolute;background:#000;border:1px solid #00d2ff;color:#00d2ff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00d2ff33;padding:0}.df-shot-inserter .inserter-btn .label{position:absolute;left:36px;white-space:nowrap;font-size:11px;color:#00d2ff;opacity:0;transform:translate(-5px);transition:all .3s;pointer-events:none;font-weight:600}.df-shot-inserter:hover .inserter-btn{opacity:1;transform:scale(1)}.df-shot-inserter .inserter-btn:hover{background:#00d2ff;color:#000;border-color:#00d2ff;width:110px;border-radius:20px;box-shadow:0 0 20px #00d2ff99}.df-shot-inserter .inserter-btn:hover .label{opacity:1;transform:translate(0);color:#000}.df-shot-inserter .plus{font-size:16px;font-weight:400;transition:transform .3s}.df-shot-inserter .inserter-btn:hover .plus{transform:translate(-28px);color:#000}.df-sb-card{background-color:var(--df-bg-tertiary);border:1px solid var(--df-border);border-radius:12px;display:flex;flex-direction:row;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);height:auto;min-height:auto;box-shadow:0 4px 15px #00000026;margin-bottom:2px;align-items:stretch}.df-sb-card:hover{border-color:#fff3;background:#111}.df-sb-header-label{position:absolute;top:8px;left:8px;z-index:10;background:#000000b3;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;transition:all .2s}.df-action-btn-inline.delete-shot{background:none;border:none;color:#ff4d4f;padding:0;display:flex;align-items:center;cursor:pointer;opacity:0;width:0;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.df-sb-card:hover .df-action-btn-inline.delete-shot{opacity:1;width:16px;margin-left:4px}.df-action-btn-inline.delete-shot svg{width:14px;height:14px}.df-sb-card:active{cursor:grabbing}.df-sb-card.dragging{opacity:.4;border-style:dashed;transform:scale(.98)}.df-sb-header{padding:8px 12px;background-color:#ffffff08;border-bottom:1px solid var(--df-border);display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--df-text-muted);text-transform:uppercase;letter-spacing:.5px}.df-sb-content{flex:1;display:flex;padding:0;gap:0}.df-sb-image-container{width:300px;height:180px;border-right:1px solid var(--df-border);position:relative;background:#000;display:flex;flex-direction:column;overflow:hidden}.df-sb-image-container img{width:100%;height:100%;object-fit:cover}.df-sb-image-placeholder{width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;color:#444;font-size:12px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.df-sb-image-placeholder.has-image{cursor:default}.df-image-overlay{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5}.df-sb-image-placeholder:hover .df-image-overlay{opacity:1}.img-action-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.img-action-btn:hover{background:#fff;color:#000;transform:scale(1.1)}.img-action-btn.danger:hover{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.df-sb-inputs-col{flex:2;display:flex;flex-direction:column;padding:12px 16px;gap:10px;border-right:1px solid var(--df-border);background:#ffffff01}.df-sb-assets-col{width:200px;flex-shrink:0;display:flex;flex-direction:column;padding:12px;gap:10px;background:#ffffff04;position:relative}.df-sb-prompts-row{display:flex;gap:16px;width:100%}.df-sb-input-group{flex:1;display:flex;flex-direction:column;gap:4px}.df-sb-input-group label,.df-sb-input-row label{font-size:10px;color:#555;text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.df-sb-textarea.compact{background-color:#0c0c0c;border:1px solid #1a1a1a;color:var(--df-text-main);padding:8px 10px;border-radius:6px;width:100%;min-height:52px;resize:none;font-size:13px;line-height:1.4;transition:all .2s}.df-sb-textarea.compact:focus,.df-sb-input-single:focus{border-color:#444;background-color:#111;outline:none}.df-sb-input-row{display:flex;flex-direction:column;gap:4px}.df-sb-input-single{background-color:#0c0c0c;border:1px solid #1a1a1a;color:var(--df-text-main);padding:0 10px;border-radius:4px;width:100%;height:32px;font-size:13px;transition:all .2s}.df-sb-asset-section{display:flex;flex-direction:column;gap:6px}.df-sb-asset-section-header{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #1a1a1a;padding-bottom:4px}.df-sb-asset-section-header svg{stroke:#444;width:14px;height:14px}.df-sb-asset-section-header .label-text{margin-top:1px}.df-asset-chips-unified{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.df-asset-tag-pro{display:inline-flex;align-items:center;gap:6px;padding:0 8px;height:24px;background:#111;border:1px solid #333;border-radius:4px;font-size:11px;color:#ccc;cursor:default;transition:all .2s;box-sizing:border-box}.df-asset-tag-pro.active{border-color:#fff3;background:#222}.df-asset-tag-pro .type-icon-svg{display:flex;opacity:.7}.df-asset-tag-pro.character .type-icon-svg{color:#818cf8}.df-asset-tag-pro.prop .type-icon-svg{color:#34d399}.df-asset-tag-pro.scene .type-icon-svg{color:#fbbf24}.remove-asset-btn{width:14px;height:14px;border-radius:50%;background:transparent;border:none;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;margin-left:2px}.remove-asset-btn:hover{background:#fff3;color:#fff}.df-asset-add-wrapper{position:relative;display:inline-block}.df-asset-add-btn{padding:0 8px;height:24px;background:transparent;border:1px dashed #444;border-radius:4px;font-size:11px;color:#666;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.df-asset-add-btn:hover{border-color:#666;color:#ccc;background:#ffffff0d}.df-asset-tag-pro.character.active{background:#818cf826;border-color:#818cf8;color:#818cf8}.df-asset-tag-pro.prop.active{background:#34d39926;border-color:#34d399;color:#34d399}.df-asset-tag-pro.scene.active{background:#fbbf2426;border-color:#fbbf24;color:#fbbf24}.df-asset-tag-pro.active .type-icon-svg svg{stroke:currentColor}.df-asset-tag-pro .type-icon-svg{display:flex;align-items:center;opacity:.7}.df-asset-tag-pro.active .type-icon-svg{opacity:1}.df-asset-none{font-size:11px;color:#333;font-style:italic;margin-top:4px}.df-action-btn.delete-card-fixed{position:absolute;bottom:10px;right:10px;opacity:.2;transition:opacity .2s;background:none;border:none;color:#888;cursor:pointer;font-size:14px}.df-sb-card:hover .df-action-btn.delete-card-fixed{opacity:1}.df-action-btn.delete-card-fixed:hover{color:#ff4d4f}.df-image-upload-guide{display:flex;flex-direction:column;align-items:center;gap:12px;color:#333;transition:all .3s}.df-sb-image-placeholder:hover .df-image-upload-guide{color:#666;transform:scale(1.05)}.df-image-upload-guide svg{width:32px;height:32px;stroke:currentColor}.df-image-upload-guide span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.df-sb-image-placeholder{width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;color:#444;font-size:12px;cursor:pointer;overflow:hidden}.df-action-btn{background:none;border:none;color:var(--df-text-muted);cursor:pointer;font-size:12px}.df-action-btn:hover{color:var(--df-text-main)}.df-shot-inserter-line{flex-grow:1;height:1px;background-color:var(--df-border);margin:0 10px}.df-shot-inserter-button{padding:6px 12px;background-color:var(--df-bg-secondary);border:1px solid var(--df-border);border-radius:4px;color:var(--df-text-muted);font-size:12px;cursor:pointer;transition:all .2s}.df-shot-inserter-button:hover{background-color:var(--df-bg-hover);border-color:#555;color:var(--df-text-main)}.df-empty-state.big-add-box{height:160px;border:1px dashed #333;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .3s;background:#ffffff05}.df-empty-state.big-add-box:hover{border-color:#555;background:#ffffff0d;color:#fff}.df-empty-state.big-add-box .add-icon{font-size:32px;font-weight:200;color:#444;transition:all .3s}.df-empty-state.big-add-box p{font-size:13px;color:#666}.df-empty-state.big-add-box:hover .add-icon{color:#fff;transform:scale(1.1)}.df-sb-img-wrapper{width:100%;height:100%;position:relative}.df-sb-duration-badge{position:absolute;bottom:6px;right:6px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-family:monospace;font-weight:600;cursor:pointer;z-index:10;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:36px}.df-sb-duration-badge:hover{background:#000c;border-color:#fff6;transform:scale(1.05)}.df-sb-duration-input{width:36px;background:#000;border:1px solid #1890ff;color:#fff;padding:2px 0;border-radius:2px;font-size:12px;outline:none;text-align:center;font-family:monospace;height:16px;line-height:16px}.df-sb-duration-input::-webkit-inner-spin-button,.df-sb-duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.df-preview-media{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 10px 40px #00000080;background:#000}@keyframes df-scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.df-md-modal-content{background:#111;border:1px solid #333;border-radius:8px;width:800px;max-width:90vw;color:#fff;display:flex;flex-direction:column;max-height:85vh}.df-md-modal-header{padding:16px 24px;border-bottom:1px solid #222;display:flex;justify-content:space-between;align-items:center}.df-md-modal-header h3{margin:0;font-size:16px;font-weight:500}.df-md-modal-body{padding:24px;overflow-y:auto;flex:1}.df-md-textarea{width:100%;height:300px;background:#000;border:1px solid #333;border-radius:4px;color:#ccc;padding:12px;font-family:monospace;font-size:13px;resize:vertical;transition:border-color .2s}.df-md-textarea:focus{outline:none;border-color:#444}.df-md-preview-container{margin-top:20px;border-top:1px dashed #333;padding-top:20px}.df-md-preview-stats{margin-bottom:12px;font-size:13px;color:#888}.df-md-preview-table{width:100%;border-collapse:collapse;font-size:12px}.df-md-preview-table th,.df-md-preview-table td{padding:8px 12px;border:1px solid #222;text-align:left;vertical-align:top}.df-md-preview-table th{background:#1a1a1a;color:#888;font-weight:400}.df-md-preview-table td{background:#0d0d0d;color:#ccc}.df-md-help{margin-bottom:12px;font-size:12px;color:#666;line-height:1.5;background:#1a1a1a;padding:10px;border-radius:4px}.df-md-modal-footer{padding:16px 24px;border-top:1px solid #222;display:flex;justify-content:flex-end;gap:12px}.drama-factory-root{--df-bg-primary: #000000;--df-bg-secondary: #0a0a0a;--df-bg-tertiary: #000000;--df-border: rgba(255, 255, 255, .1);--df-text-main: #ffffff;--df-text-muted: #888888;--df-accent: #ffffff;--df-subnav-height: 72px;background-color:var(--df-bg-primary);color:var(--df-text-main);display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;position:relative}.df-sub-nav{height:var(--df-subnav-height);background:var(--df-bg-tertiary);border-bottom:1px solid var(--df-border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;flex-shrink:0;z-index:10}.df-sub-nav-left{display:flex;align-items:center;gap:20px;flex:1}.df-sub-nav-right{flex:1.5;display:flex;justify-content:flex-end}.df-back-btn{background:#ffffff0d;border:1px solid var(--df-border);color:var(--df-text-main);padding:8px 16px;border-radius:10px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s}.df-back-btn:hover{background:#ffffff1a}.df-divider{width:1px;height:24px;background:var(--df-border)}.df-task-info{display:flex;flex-direction:column;gap:2px}.df-task-label{font-size:11px;color:var(--df-text-muted);text-transform:uppercase;letter-spacing:.5px}.df-task-id{font-size:15px;font-weight:700}.df-nav-pills{display:flex;align-items:center;background:#111;padding:4px;border-radius:14px;border:1px solid rgba(255,255,255,.05);gap:4px}.df-pill,.df-pill-btn{padding:6px 16px;height:34px;background:transparent;border:none;color:#888;font-size:13px;font-weight:600;cursor:pointer;border-radius:10px;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.df-pill:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.df-pill:hover,.df-pill-btn:hover{color:#fff}.df-pill.active,.df-pill-btn.active{background:#fff;color:#000}.df-section-header .df-pill-btn{background:#fff;color:#000;border:1px solid #ffffff;border-radius:10px}.df-section-header .df-pill-btn:hover{background:#f0f0f0;border-color:#f0f0f0;color:#000}.df-pill-gap{width:1px;height:20px;background:#ffffff1a;margin:0 6px}.df-nav-pills+.df-nav-pills{margin-left:12px}.df-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.df-content{flex:1;overflow-y:auto;padding:24px 40px;background-color:#0a0a0a}.df-content.is-storyboard{overflow:hidden;padding-top:20px;padding-bottom:20px}.df-content::-webkit-scrollbar{width:8px}.df-content::-webkit-scrollbar-track{background:#000}.df-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.df-content::-webkit-scrollbar-thumb:hover{background:#444}.df-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #222}.df-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.df-count{background:#ffffff1a;color:var(--df-text-muted);font-size:14px;font-weight:400;padding:2px 8px;border-radius:6px;margin-left:10px}.df-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.df-episode-card{background-color:var(--df-bg-tertiary);border:1px solid var(--df-border);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;cursor:pointer;position:relative}.df-episode-card:hover{border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.df-episode-card.selected{border-color:#fff;box-shadow:0 0 15px #fff3}.df-card-cover{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#111;position:relative;overflow:hidden}.df-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8));display:flex;align-items:flex-end;padding:12px;opacity:0;transition:opacity .3s ease;z-index:3}.df-episode-card:hover .df-card-overlay{opacity:1}.df-episode-card:hover .df-card-actions{opacity:1;transform:scale(1.05)}.df-selection-indicator{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;z-index:5;opacity:0}.df-card-cover:hover .df-selection-indicator,.df-selection-indicator.active{opacity:1}.df-selection-indicator.active{background:#000;border-color:#fff;box-shadow:0 0 10px #00000080;color:#fff}.df-action-icon-btn{background:transparent;border:none;color:var(--df-text-muted);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.df-action-icon-btn:hover{color:#fff;background:#ffffff1a}.df-action-icon-btn.danger:hover{color:#ff4d4f;background:#ff4d4f1a}.df-action-icon-btn svg{width:14px;height:14px}.df-status-badge{position:absolute;top:12px;right:12px;padding:2px 8px;background:#0009;border-radius:6px;font-size:10px;color:#fff;border:1px solid rgba(255,255,255,.2);z-index:4;font-weight:600}.df-card-body{padding:10px 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#111;height:44px}.df-card-body h3{font-size:13px;font-weight:600;color:#fff;margin:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.df-meta{font-size:11px;color:var(--df-text-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.df-card-actions{display:flex;align-items:center;gap:4px;opacity:0;transform:translate(5px);transition:all .3s ease;padding-left:8px}.df-btn{background:#1a1a1a;border:1px solid var(--df-border);color:#fff;padding:6px 12px;border-radius:10px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.df-btn-primary{background:#fff;color:#000}.df-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:df-fadeIn .2s ease-out}@keyframes df-fadeIn{0%{opacity:0}to{opacity:1}}.df-modal{background:#111;border:1px solid #333;box-shadow:0 20px 40px #0009;border-radius:16px;width:600px;padding:0;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:df-scaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes df-scaleUp{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}.df-modal-header{padding:16px 24px;border-bottom:1px solid #222;display:flex;justify-content:space-between;align-items:center;background:#161616}.df-modal-header h3{margin:0;font-size:15px;font-weight:600;color:#eee}.df-close-btn{background:transparent;border:none;color:#666;font-size:18px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.df-close-btn:hover{background:#ffffff1a;color:#fff}.df-modal-body{padding:24px;overflow-y:auto;flex:1}.df-form-row{display:flex;gap:20px;margin-bottom:20px}.flex-1{flex:1;min-width:0}.df-form-group{margin-bottom:16px}.df-form-group:last-child{margin-bottom:0}.df-form-group label{display:block;font-size:12px;font-weight:500;color:#888;margin-bottom:6px}.df-file-dropper{width:100%;aspect-ratio:2.2/1;background:#141414;border:1px dashed #333;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.df-file-dropper.file-mode{aspect-ratio:auto;height:70px}.df-file-dropper:hover,.df-file-dropper.dragging{border-color:#555;background:#1a1a1a}.df-drop-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;gap:8px;padding:10px}.df-file-dropper.file-mode .df-drop-placeholder{flex-direction:row;justify-content:flex-start;padding-left:16px;gap:12px}.df-drop-placeholder p{margin:0;font-size:13px;font-weight:500;color:#999}.df-drop-placeholder span{font-size:11px;color:#555}.df-drop-preview{width:100%;height:100%;background-size:cover;background-position:center}.df-file-dropper.file-mode .df-drop-preview{display:flex;align-items:center;padding:0 16px;background:#1a1a1a}.df-drop-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;font-size:12px;gap:6px;font-weight:500}.df-file-dropper:hover .df-drop-overlay{opacity:1}.df-upload-status{display:block;font-size:11px;color:#4ade80;margin-top:4px}.df-material-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}.df-material-item{display:flex;align-items:center;padding:6px 10px;background:#161616;border:1px solid #222;border-radius:6px;gap:8px;transition:background .2s}.df-material-item:hover{background:#1c1c1c}.df-material-name{flex:1;font-size:12px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-material-actions{display:flex;gap:6px}.df-mini-btn{background:#252525;border:1px solid #333;color:#888;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.df-mini-btn:hover{background:#333;color:#fff;border-color:#444}.df-mini-btn.df-danger:hover{background:#dc262633;color:#ef4444;border-color:#dc26264d}.df-crew-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;background:#141414;padding:12px;border-radius:8px;border:1px solid #222}.df-crew-item{display:flex;align-items:center;gap:8px;padding:6px 28px 6px 8px;background:#1a1a1a;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none}.df-crew-item:hover{background:#222;border-color:#ffffff2e}.df-crew-item.active{background:#00d9ff1a;border:2px solid rgba(0,217,255,.85);box-shadow:0 0 0 1px #00d9ff1f,0 8px 18px #00d9ff14;color:#fff}.df-crew-item.active .df-crew-name{color:#fff;font-weight:500}.df-crew-avatar{width:24px;height:24px;border-radius:50%;background:#333;object-fit:cover}.df-crew-name{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.df-crew-check{position:absolute;top:50%;right:8px;width:16px;height:16px;transform:translateY(-50%);background:#00d9ff;color:#081014;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #00d9ff2e;font-weight:700}.df-no-crew{grid-column:1/-1;font-size:12px;color:#555;text-align:center;padding:10px 0}.df-input,.df-textarea{width:100%;background:#141414;border:1px solid #333;color:#eee;padding:8px 12px;border-radius:8px;margin-top:0;font-size:13px;transition:all .2s;line-height:1.4;resize:none}.df-input:focus,.df-textarea:focus{outline:none;border-color:#555;background:#1a1a1a}.df-input::placeholder,.df-textarea::placeholder{color:#444}.df-exempt-switch-container{display:flex;align-items:center;justify-content:space-between;background:#1a1a1a;padding:12px 16px;border-radius:12px;border:1px solid #333;margin-top:4px}.df-exempt-info{display:flex;flex-direction:column;gap:2px}.df-exempt-info label{margin-bottom:0!important;color:#eee!important;font-size:13px!important}.df-exempt-info p{margin:0;font-size:11px;color:#666}.df-switch{position:relative;display:inline-block;width:44px;height:24px}.df-switch input{opacity:0;width:0;height:0}.df-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.3s;border-radius:24px}.df-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#888;transition:.3s;border-radius:50%}.df-switch input:checked+.df-switch-slider{background-color:#fff}.df-switch input:checked+.df-switch-slider:before{transform:translate(20px);background-color:#000}.df-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #222;background:#161616}.df-floating-action-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px #0006;z-index:1000;transition:transform .4s cubic-bezier(.18,.89,.32,1.28);color:#000}.df-floating-action-bar.visible{transform:translate(-50%) translateY(0)}.df-floating-info{font-size:13px;font-weight:600;white-space:nowrap;color:#000}.df-floating-btn{background:#000;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.df-floating-btn:hover{background:#222;transform:scale(1.05)}.df-no-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;color:#444;font-size:13px;font-weight:500;gap:10px;transition:background .2s}.df-episode-card:hover .df-no-cover-placeholder{background:#161616}.df-preview-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:df-fadeIn .2s ease-out}.df-preview-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:16px;animation:df-scaleUp .3s cubic-bezier(.16,1,.3,1)}.df-preview-media{max-width:100%;max-height:calc(90vh - 80px);border-radius:8px;box-shadow:0 10px 40px #00000080;background:#000}.df-preview-close{position:fixed;top:24px;right:24px;background:#ffffff26;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s;z-index:3010}.df-preview-close:hover{background:#ffffff4d;transform:rotate(90deg)}.df-preview-filename{color:#eee;font-size:14px;font-weight:500}.df-tag-input-container{background:#111;border:1px solid #333;border-radius:8px;padding:6px 12px;display:flex;flex-wrap:wrap;gap:8px;min-height:42px;align-items:center;transition:border-color .2s}.df-tag-input-container:focus-within{border-color:#555}.df-tags-list{display:flex;flex-wrap:wrap;gap:6px}.df-tag{background:#252525;color:#eee;padding:2px 8px;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:6px;border:1px solid #333}.df-tag-remove{background:transparent;border:none;color:#666;cursor:pointer;font-size:10px;padding:0;line-height:1}.df-tag-remove:hover{color:#ff4d4f}.df-tag-input{background:transparent;border:none;color:#fff;font-size:13px;outline:none;flex:1;min-width:100px;padding:4px 0}:root{--df-prod-bg: #0a0a0a;--df-prod-box-bg: #111111;--df-prod-border: rgba(255, 255, 255, .1);--df-prod-accent: #ffffff;--df-prod-text: #ffffff;--df-prod-text-muted: #888888}.df-production-layout{display:flex;flex-direction:column;flex:1;height:100%;background-color:var(--df-prod-bg);color:var(--df-prod-text);overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.df-production-layout .df-sub-nav{height:72px;background:#000;border-bottom:1px solid var(--df-prod-border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;flex-shrink:0;z-index:10}.df-production-layout .df-sub-nav-left{display:flex;align-items:center;gap:20px;flex:1}.df-production-layout .df-sub-nav-right{flex:1.5;display:flex;justify-content:flex-end}.df-production-layout .df-back-btn{background:#ffffff0d;border:1px solid var(--df-prod-border);color:#fff;padding:8px 16px;border-radius:10px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s}.df-production-layout .df-back-btn:hover{background:#ffffff1a}.df-production-layout .df-divider{width:1px;height:24px;background:var(--df-prod-border)}.df-production-layout .df-task-info{display:flex;flex-direction:column;gap:8px}.df-production-layout .df-task-id{font-size:15px;font-weight:700;color:#fff}.df-production-layout .df-prod-grid{flex:1;display:flex;padding:20px 40px;gap:12px;overflow:hidden;background:#0a0a0a}.df-production-layout .df-prod-box{background:var(--df-prod-box-bg);border:1px solid var(--df-prod-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.df-production-layout .df-merged-box{width:600px;flex:none;flex-direction:row}.df-production-layout .df-box-section{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;min-width:0}.df-production-layout .df-req-section{background:#0000004d}.df-production-layout .df-box-title{font-size:13px;font-weight:600;color:var(--df-prod-text-muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}.df-production-layout .df-vertical-divider{width:1px;background:#ffffff0d;margin:0}.df-production-layout .df-prod-right-col{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.df-production-layout .df-output-box{flex:1;padding:20px;overflow:visible!important;min-height:0;position:relative;z-index:10}.df-production-layout .df-panel-body{height:100%;overflow-y:auto;overflow-x:visible;padding-bottom:20px;scrollbar-gutter:stable}.df-production-layout .df-timeline-box{background-color:#0c0c0c;height:170px;padding:12px 20px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;transition:height .3s ease-in-out,padding .3s ease-in-out}.df-production-layout .df-timeline-box.collapsed{height:44px;padding:12px 20px}.df-collapse-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff9;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.df-collapse-btn:hover{background:#ffffff26;color:#fff;border-color:#fff3}.df-collapse-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotate(0)}.df-timeline-box:not(.collapsed) .df-collapse-btn svg{transform:rotate(180deg)}.df-production-layout .df-timeline-box .df-box-title{padding:0 4px}.df-production-layout .df-ai-form{display:flex;flex-direction:column;gap:16px;flex:1}.df-production-layout .df-form-group{display:flex;flex-direction:column;gap:6px}.df-production-layout .df-label{font-size:11px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.df-production-layout .df-select,.df-production-layout .df-textarea{background:#1a1a1a;border:1px solid #222;border-radius:8px;color:#fff;padding:10px 12px;font-size:13px;transition:all .2s}.df-production-layout .df-select:focus,.df-production-layout .df-textarea:focus{outline:none;border-color:#444;background:#222}.df-production-layout .df-textarea{resize:none;line-height:1.5;margin:0}.df-production-layout .df-btn-primary{background:#fff;color:#000;border:none;height:36px;padding:0 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.df-production-layout .df-btn-primary:hover{background:#e0e0e0}.df-production-layout .df-req-content{flex:1;overflow-y:auto}.df-production-layout .df-req-item{background:#ffffff08;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.05);margin-bottom:12px}.df-production-layout .df-req-item:last-child{margin-bottom:0}.df-production-layout .df-value{color:#ddd;font-size:13px;line-height:1.5;margin-top:4px}.df-production-layout .df-timeline-container{flex:1;overflow:hidden;position:relative;display:flex;align-items:center;margin-top:4px}.df-production-layout .df-timeline{height:100%;width:100%;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;padding:0 4px;gap:12px}.df-production-layout .df-timeline-item{width:160px;height:90px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;flex-shrink:0;position:relative;cursor:pointer;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-timeline-item:hover{border-color:#666;transform:translateY(-2px)}.df-production-layout .df-timeline-item.active{border-color:var(--df-prod-accent);box-shadow:0 0 0 2px #fff3;transform:translateY(-2px)}.df-production-layout .df-timeline-img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .2s}.df-production-layout .df-timeline-item:hover .df-timeline-img,.df-production-layout .df-timeline-item.active .df-timeline-img{opacity:1}.df-production-layout .df-timeline-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;font-size:10px;padding:6px 6px 2px;font-weight:600}.df-production-layout .df-model-selector-box{background:#1a1a1a;padding:12px;border-radius:8px;border:1px solid #222;position:relative;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;margin-bottom:2px}.df-production-layout .df-model-selector-box:hover{background:#222;border-color:#333}.df-production-layout .df-model-selector-box.active{border-color:#555;background:#222}.df-production-layout .df-model-label{display:block;font-size:11px;color:#555;margin-bottom:4px;text-transform:uppercase;font-weight:700}.df-production-layout .df-model-value{font-size:14px;color:#fff;line-height:1.5;font-weight:500}.df-production-layout .df-dropdown-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #444;transition:transform .2s}.df-production-layout .df-model-selector-box.active .df-dropdown-icon{transform:translateY(-50%) rotate(180deg)}.df-production-layout .df-custom-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 10px 25px #00000080;z-index:1000;overflow:hidden;padding:6px;animation:fadeInScale .2s ease-out}.df-production-layout .df-menu-item{padding:8px 12px;font-size:13px;color:#888;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-production-layout .df-menu-item:hover{background:#252525;color:#fff}.df-production-layout .df-menu-item.active{background:#fff;color:#000}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.df-production-layout .df-capsule-tabs{display:flex;background:transparent;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.1);margin-bottom:8px;gap:2px}.df-production-layout .df-capsule-btn{flex:1;border:none;background:transparent;color:#aaa;padding:5px 0;font-size:11px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-capsule-btn:hover:not(.active){color:#fff;background:#ffffff0d}.df-production-layout .df-capsule-btn.active{background:#ffffff14;color:#fff}.df-production-layout .df-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px;padding:4px 12px;box-sizing:border-box}.df-production-layout .df-production-load-more{grid-column:1 / -1;width:100%;height:2px}.df-production-layout .df-production-loading-more{grid-column:1 / -1;padding:10px 0;color:#555;font-size:12px;text-align:center}.df-production-layout .df-file-card{background:#181818;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:visible!important;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;display:flex;flex-direction:column;animation:slideInUp .5s ease-out backwards;z-index:1;min-width:330px;content-visibility:auto;contain-intrinsic-size:auto 230px}.df-production-layout .df-file-card:hover{z-index:100}.df-production-layout .df-file-card:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:0 12px 24px #0006}.df-production-layout .df-card-media{position:relative;aspect-ratio:16/9;background:#000;cursor:pointer;overflow:hidden;border-top-left-radius:11px;border-top-right-radius:11px;isolation:isolate;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.df-production-layout .df-card-img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.df-production-layout .df-file-card:hover .df-card-img{transform:scale(1.05)}.df-production-layout .df-card-overlay-top{position:absolute;top:0;left:0;right:0;padding:12px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.df-production-layout .df-result-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.df-production-layout .df-result-badge.manual{color:#00d2ff;border:1px solid rgba(0,210,255,.3)}.df-production-layout .df-result-badge.video,.df-production-layout .df-result-badge.image,.df-production-layout .df-result-badge.type{color:#aaa;border:1px solid rgba(255,255,255,.1)}.df-production-layout .df-result-badge.imported{color:#ddd;border:1px solid rgba(255,255,255,.12)}.df-production-layout .df-card-actions-bar{display:flex;align-items:center;padding:8px 12px;background:#202020;border-top:1px solid rgba(255,255,255,.05);gap:4px;border-bottom-left-radius:11px;border-bottom-right-radius:11px;overflow:visible!important;position:relative}.df-production-layout .df-card-btn{background:transparent;border:none;color:#999;font-size:12px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,opacity .2s,box-shadow .2s;display:flex;align-items:center;gap:4px}.df-production-layout .df-card-btn:hover:not(:disabled){color:#fff;background:#ffffff0d}.df-production-layout .df-card-btn:disabled{opacity:.3;cursor:not-allowed;color:#666}.df-production-layout .df-disabled-ref-btn{opacity:.5;cursor:not-allowed!important}.df-production-layout .df-disabled-ref-btn:hover{background-color:transparent!important;border-color:#ffffff1a!important;color:#999!important}.df-production-layout .df-card-divider{width:1px;height:12px;background:#ffffff1a;margin:0 4px}.df-production-layout .df-card-more-btn{margin-left:auto}.df-production-layout .df-loading-card{background:#181818;border:1px dashed rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .3s ease}.df-production-layout .df-loading-media{aspect-ratio:16/9;background:linear-gradient(90deg,#1a1a1a 25%,#222,#1a1a1a 75%);background-size:200% 100%;animation:skeletonPulse 1.5s infinite linear;display:flex;align-items:center;justify-content:center}.df-production-layout .df-loading-info{padding:8px 12px;background:#202020;border-top:1px solid rgba(255,255,255,.05);height:45px;display:flex;align-items:center}.df-production-layout .df-loading-bar{height:8px;width:60%;background:#2a2a2a;border-radius:4px}.df-production-layout .df-loading-spinner-box{display:flex;flex-direction:column;align-items:center;gap:12px;color:#444}.df-production-layout .df-spinner-ai{width:32px;height:32px;border:3px solid rgba(255,255,255,.05);border-top:3px solid #5a5a7a;border-radius:50%;animation:spin 1s linear infinite}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.df-preview-modal{position:fixed;inset:0;background:#000000f2;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .3s ease}.df-preview-content{position:relative;max-width:90%;max-height:80%;display:flex;align-items:center;justify-content:center}.df-preview-img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 50px #00000080}.df-preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 40px;pointer-events:none}.df-nav-btn{width:48px;height:48px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto}.df-nav-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.df-nav-btn:disabled{opacity:.3;cursor:default}.df-preview-close{position:absolute;top:40px;right:40px;width:40px;height:40px;background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;opacity:.6;transition:opacity .2s}.df-preview-close:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.df-production-layout ::-webkit-scrollbar{width:6px;height:6px}.df-production-layout ::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.df-upload-btn{flex:1;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:36px;background:#ffffff08;border:1px solid #3a3a5a;border-radius:8px;font-size:12px;color:#aaa;cursor:pointer;transition:all .2s ease;margin:0;padding:0 12px;text-align:center;position:relative;box-sizing:border-box;line-height:normal}.df-upload-btn>*{display:flex;align-items:center;justify-content:center}.df-upload-btn input[type=file]{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}.df-dashed-upload{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:80px;width:100%;border:1px dashed #4a4a6a;border-radius:8px;background:#ffffff05;color:#6a6a8a;font-size:12px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease;text-align:center;position:relative;box-sizing:border-box;line-height:normal}.df-dashed-upload>span{display:flex;align-items:center;justify-content:center}.df-dashed-upload input[type=file]{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}.df-dashed-upload.dragging{border-color:#7a7aff;background:#7a7aff1a;color:#fff;transform:scale(1.02)}.df-dashed-upload.disabled{opacity:.6;cursor:not-allowed}.df-add-more-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px dashed #4a4a6a;border-radius:8px;background:#ffffff05;color:#6a6a8a;font-size:18px;cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.df-add-more-btn.dragging{border-color:#7a7aff;background:#7a7aff1a;color:#fff;transform:scale(1.1)}.df-add-more-btn.disabled{opacity:.3;cursor:not-allowed}.df-add-more-btn input[type=file]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.df-add-more-btn:hover:not(.disabled){border-color:#6a6a9a;background:#ffffff0d;color:#9a9aba}.df-add-more-btn.disabled{opacity:.6;cursor:not-allowed}.df-dashed-upload:hover:not(.disabled){border-color:#6a6a9a;background:#ffffff0d;color:#9a9aba}.df-upload-btn:hover:not(:disabled):not(.disabled){background:#ffffff14;border-color:#5a5a7a;color:#fff;box-shadow:0 2px 8px #0003}.df-upload-btn:disabled,.df-upload-btn.disabled{opacity:.6;cursor:not-allowed}.df-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.df-sub-nav-right .df-user-balance{background:#ffffff08;padding:6px 12px;border-radius:8px;border:1px solid var(--df-prod-border)}.df-production-layout .df-shot-ref-card{position:relative;width:100%;aspect-ratio:16/9;background-color:#000;border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .2s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-ref-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .4s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-shot-ref-card:hover{border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.df-production-layout .df-shot-ref-card:hover .df-ref-bg{transform:scale(1.05)}.df-production-layout .df-v2-results-section{padding-top:16px;overflow:hidden}.df-production-layout .df-v2-results-header{height:32px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.df-production-layout .df-v2-results-header .df-box-title{margin-bottom:0}.df-production-layout .df-v2-results-header .df-icon-btn{color:#8a8a8a;background:transparent;border:1px solid transparent}.df-production-layout .df-v2-results-header .df-icon-btn:hover:not(:disabled){color:#d8d8d8;background:transparent;border-color:transparent}.df-production-layout .df-v2-results-header .df-icon-btn:disabled{color:#555;background:transparent;opacity:.6}.df-production-layout .df-v2-result-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.df-production-layout .df-v2-result-card{width:100%;flex:none;padding:0;border:0;background:transparent;color:inherit;text-align:left;content-visibility:auto;contain-intrinsic-size:auto 150px}.df-production-layout .df-v2-result-card.is-imported .df-v2-result-media{opacity:.72}.df-production-layout .df-v2-result-media,.df-production-layout .df-v2-result-media:hover{border-color:#ffffff1a;box-shadow:none}.df-production-layout .df-v2-result-overlay{right:auto;bottom:auto;width:auto;gap:4px;background:transparent}.df-production-layout .df-v2-result-overlay .df-result-badge{font-size:9px;padding:2px 5px}.df-production-layout .df-v2-result-media video,.df-production-layout .df-v2-result-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-v2-result-card:hover .df-v2-result-media video,.df-production-layout .df-v2-result-card:hover .df-v2-result-image{transform:scale(1.05)}.df-production-layout .df-v2-hover-actions{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:10px;background:#0000002e;opacity:0;pointer-events:none;transition:opacity .2s ease}.df-production-layout .df-v2-result-card:hover .df-v2-hover-actions{opacity:1;pointer-events:auto}.df-production-layout .df-v2-hover-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#00000094;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease}.df-production-layout .df-v2-hover-btn:hover:not(:disabled){background:#ffffff24;border-color:#ffffff6b;transform:translateY(-1px)}.df-production-layout .df-v2-hover-btn:disabled{cursor:default;opacity:.45}.df-production-layout .df-v2-importing{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;background:#000000ad;color:#fff;font-size:12px}.df-production-layout .df-v2-importing .df-spinner{width:14px;height:14px}.df-production-layout .df-v2-result-empty,.df-production-layout .df-v2-loading-more{padding:28px 8px;color:#555;font-size:12px;text-align:center}.df-production-layout .df-v2-loading-more{padding:8px}.df-production-layout .df-v2-load-more{width:100%;height:2px;flex:none}.df-production-layout .df-ref-placeholder{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#444;font-size:11px;font-weight:500;text-transform:uppercase;background:#111}.df-production-layout .df-ref-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 60%,#0009);pointer-events:none;padding:8px;display:flex;flex-direction:column;justify-content:flex-end}.df-production-layout .df-ref-header{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;align-items:flex-start}.df-production-layout .df-ref-label{font-size:10px;font-weight:700;color:#fff9;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.df-production-layout .df-ref-number{font-size:18px;font-weight:800;color:#fff;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.df-production-layout .df-ref-duration-badge{position:absolute;bottom:8px;right:8px;pointer-events:auto;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:4px 8px;display:flex;align-items:center;cursor:pointer;color:#fff;min-width:48px;justify-content:center;transition:all .2s}.df-production-layout .df-ref-duration-badge:hover{background:#000c;border-color:#fff6}.df-production-layout .df-dur-input{width:40px;background:transparent;border:none;color:#fff;font-size:13px;font-weight:700;text-align:center;padding:0;outline:none}.df-production-layout .df-dur-val{font-size:13px;font-weight:700}.df-production-layout .df-dur-unit{font-size:10px;color:#ffffffb3;margin-left:2px;font-weight:600;margin-top:2px}.df-production-layout .df-shot-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.df-production-layout .df-shot-slot{aspect-ratio:16/9;background:#000;border:1px dashed rgba(255,255,255,.1);border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .2s}.df-production-layout .df-shot-slot.filled{border-style:solid;border-color:#ffffff26;background:#111}.df-production-layout .df-shot-slot.filled.primary{border-color:#00d2ff;box-shadow:0 0 10px #00d2ff33}.df-production-layout .df-shot-slot.candidate{border:1px dashed #fa8c16!important}.df-production-layout .df-shot-slot img,.df-production-layout .df-shot-slot video{width:100%;height:100%;object-fit:cover}.df-production-layout .df-prod-status-badge{position:absolute;top:5px;left:5px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;z-index:5;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.df-production-layout .df-prod-status-badge.reviewing{color:#faad14;border-color:#faad14}.df-production-layout .df-prod-status-badge.approved{color:#52c41a;border-color:#52c41a}.df-production-layout .df-prod-status-badge.candidate{color:#fa8c16;border-color:#fa8c16}.df-production-layout .df-prod-status-badge.rejected{color:#f5222d;border-color:#f5222d}.df-production-layout .df-prod-role-tag{position:absolute;bottom:5px;left:5px;padding:2px 6px;background:#00d2ff;color:#000;font-size:9px;font-weight:700;border-radius:3px;z-index:5}.df-production-layout .df-prod-slot-actions{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s;z-index:10}.df-production-layout .df-shot-slot:hover .df-prod-slot-actions{opacity:1}.df-production-layout .df-prod-slot-actions button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.df-production-layout .df-prod-slot-actions button:hover{background:#fff;color:#000;border-color:#fff}.df-production-layout .df-prod-slot-actions button:last-child:hover{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.df-production-layout .df-slot-empty{color:#333}.df-production-layout .df-file-card.approved{border:1px dashed #52c41a}.df-production-layout .df-file-card.rejected{border:1px dashed #f5222d}.df-production-layout .df-file-card.candidate{border:1px dashed #fa8c16}.df-candidate-toggle{width:auto;height:24px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:4px;background:#0009;border-radius:4px;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;opacity:0;margin-left:auto;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.df-candidate-toggle.readonly{cursor:default;opacity:1}.df-card-overlay-top{display:flex;justify-content:space-between;width:100%}.df-file-card:hover .df-candidate-toggle,.df-candidate-toggle.active{opacity:1}.df-favorite-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:50%;cursor:pointer;transition:all .2s;opacity:0;margin-left:auto;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.df-favorite-toggle:hover{background:#fff3;transform:scale(1.1)}.df-favorite-toggle.active{opacity:1;color:#ffc107}.df-file-card:hover .df-favorite-toggle{opacity:1}.df-filter-capsule{display:flex;background:#ffffff14;padding:3px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.df-filter-btn{border:none;background:transparent;color:#fff9;font-size:11px;font-weight:600;padding:4px 12px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.df-filter-btn:hover{color:#fff;background:#ffffff0d}.df-filter-btn.active{background:#fff;color:#000;box-shadow:0 2px 8px #0000004d}.df-candidate-toggle:hover:not(.readonly){background:#fa8c16cc}.df-candidate-toggle.active{background:#fa8c16;color:#fff}.df-draggable-window{position:fixed;width:420px;background:#262626;border-radius:12px;box-shadow:0 8px 32px #00000080;border:1px solid #333;display:flex;flex-direction:column;overflow:hidden}.df-modal-title-bar{padding:10px 16px;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;cursor:move}.df-modal-title-bar .df-close-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:4px;transition:color .2s}.df-modal-title-bar .df-close-btn:hover{color:#fff}.df-status-tag-clickable:hover{filter:brightness(1.2);box-shadow:0 1px 4px #0003;transform:translateY(-1px)}.df-status-tag-clickable:active{transform:translateY(0)}.df-production-layout .df-upload-slot{border:1px dashed #4a4a6a;background:#ffffff05;color:#6a6a8a;font-size:12px;border-radius:8px}.df-production-layout .df-upload-slot:hover{border-color:#6a6a9a!important;background:#ffffff0d!important;color:#9a9aba!important;transition:all .2s cubic-bezier(.4,0,.2,1)}.df-production-layout .df-slot-empty{transition:all .2s}.df-production-layout .df-slot-empty:hover{border-color:#888!important;background:#ffffff0d;color:#fff!important}.df-upload-slot.dragging,.df-slot-empty.dragging{border-color:#0af!important;background:#00aaff0d!important;box-shadow:0 0 10px #0af3}.df-duration-slider{-webkit-appearance:none;width:100%;height:6px;background:#333;border-radius:3px;outline:none;margin:16px 0 10px}.df-duration-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:12px;background:#e0e0e0;cursor:pointer;border-radius:6px;border:none;box-shadow:0 0 10px #fff3;transition:all .2s}.df-duration-slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:#fff}.df-duration-slider::-moz-range-thumb{width:24px;height:12px;background:#e0e0e0;cursor:pointer;border-radius:6px;border:none;box-shadow:0 0 10px #fff3}.df-info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;margin-bottom:20px}.df-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.df-info-row:last-child{margin-bottom:0}.df-info-row .df-label{margin-bottom:0;color:#888}.df-info-row .df-value.bold{font-weight:600;color:#fff;font-size:15px}.df-keyword-box{background:#111;border:1px solid #222;border-radius:6px;padding:8px 12px;font-size:13px;color:#00d2ff;line-height:1.4;font-family:monospace}.df-status-tag{background:#6366f133;color:#818cf8;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.df-config-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #222}.df-config-section:last-child{border-bottom:none}.df-config-section h4{margin-top:0;margin-bottom:12px;color:#fff;font-size:14px}.df-hint{color:#666;font-size:12px;margin-bottom:20px}.df-card-overlay-center{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-weight:600;cursor:pointer}.df-card-media:hover .df-card-overlay-center{opacity:1}.df-slots-grid-9{margin-top:10px}.df-hint-trigger{position:relative;display:inline-flex;align-items:center;cursor:help;margin-left:6px;color:#fff6;transition:color .2s}.df-hint-trigger:hover{color:#00d2ff}.df-hint-trigger:hover .df-hint-popup{visibility:visible;opacity:1;transform:translateY(0)}.df-hint-popup{width:220px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;box-shadow:0 10px 30px #000c;z-index:10000;pointer-events:none;text-transform:none;letter-spacing:normal}.df-hint-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1a1a1a}.df-hint-content{display:flex;flex-direction:column;gap:12px}.df-hint-item{display:flex;flex-direction:column;gap:4px}.df-hint-title{font-size:13px;font-weight:600;color:#fff;text-align:left}.df-hint-desc{font-size:11px;color:#888;line-height:1.5;text-align:left}:root{--admin-bg: #0f111a;--admin-sidebar-bg: #1a1d2e;--admin-card-bg: #1e2235;--admin-border: #2d324d;--admin-text: #e2e8f0;--admin-text-muted: #94a3b8;--admin-primary: #3b82f6;--admin-danger: #ef4444;--admin-success: #10b981}.admin-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--admin-bg);color:var(--admin-text);font-family:Inter,sans-serif}.admin-login-card{background-color:var(--admin-card-bg);padding:2rem;border-radius:12px;width:100%;max-width:400px;border:1px solid var(--admin-border);box-shadow:0 10px 25px #00000080}.admin-login-card h2{margin-bottom:1.5rem;text-align:center}.admin-form-group{margin-bottom:1.2rem}.admin-form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--admin-text-muted)}.admin-input{width:100%;height:38px;padding:0 .75rem;background-color:var(--admin-bg);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text);font-size:.9rem;outline:none;transition:all .2s;display:flex;align-items:center}textarea.admin-input{height:auto;min-height:80px;padding:.75rem;display:block}.admin-input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 2px #3b82f61a}.admin-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem!important}.admin-btn{height:38px;padding:0 1rem;background-color:var(--admin-primary);color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.admin-btn-sm{width:auto;height:26px!important;padding:0 8px;min-width:26px;font-size:.7rem;border-radius:4px}.admin-btn-secondary{background-color:#4b5563!important}.admin-btn:hover{opacity:.9}.admin-form-group label.admin-btn{display:inline-flex;margin-bottom:0;color:#fff}.admin-upload-btn{width:100%}.admin-layout{display:flex;min-height:100vh;background-color:var(--admin-bg);color:var(--admin-text)}.admin-sidebar{width:240px;background-color:var(--admin-sidebar-bg);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:100}.admin-logo{padding:1.5rem;font-size:1.1rem;font-weight:700;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--admin-border);letter-spacing:1px}.admin-logout-icon-btn{background:none;border:none;cursor:pointer;color:var(--admin-text-muted);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;transition:all .2s}.admin-logout-icon-btn:hover{background-color:#ef44441a;color:#ef4444}.admin-nav{flex:1;padding:1.5rem 0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.admin-nav-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:.875rem 1.5rem;color:var(--admin-text-muted);text-decoration:none;position:relative;transition:background-color .2s,color .2s;font-size:1.05rem;font-weight:500}.admin-nav-item svg{opacity:.7;transition:opacity .2s}.admin-nav-item:hover,.admin-nav-item.active{background-color:#3b82f61f;color:var(--admin-primary)}.admin-nav-item:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background-color:var(--admin-primary);transform:scaleY(0);opacity:0;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s;transform-origin:center}.admin-nav-item:hover:after,.admin-nav-item.active:after{transform:scaleY(1);opacity:1}.admin-nav-item:hover svg,.admin-nav-item.active svg{opacity:1}.admin-sidebar-footer{margin-top:auto;padding:1rem;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--admin-border);background:#0000001a}.sidebar-footer-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;background:none;border:none;color:var(--admin-text-muted);font-size:.9rem;font-weight:500;width:100%;cursor:pointer;border-radius:6px;transition:all .2s}.sidebar-footer-btn:hover{background-color:#3b82f61a;color:var(--admin-primary)}.sidebar-footer-btn.logout:hover{background-color:#ef44441a;color:var(--admin-danger)}.sidebar-footer-btn svg{opacity:.8}.admin-main{flex:1;display:flex;flex-direction:column}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-header{height:60px;border-bottom:1px solid var(--admin-border);display:flex;align-items:center;justify-content:flex-end;padding:0 1.5rem}.admin-content{flex:1;padding:1.5rem 2rem;overflow-y:auto}.admin-page-header{margin-bottom:1.5rem}.admin-page-header h2{font-size:1.5rem;margin-bottom:.25rem;font-weight:600}.admin-page-header p{font-size:.875rem;color:var(--admin-text-muted);margin:0}.admin-card{background-color:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:14px;padding:16px;box-shadow:0 8px 24px #0000002e}.admin-table-container{background-color:var(--admin-card-bg);border-radius:8px;border:1px solid var(--admin-border);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.5rem 1rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--admin-border);font-size:.9rem}.admin-table tbody tr{transition:background-color .18s ease}.admin-table tbody tr:hover{background-color:#3b82f614}.admin-table th{background-color:#ffffff0d;font-weight:600;color:#ccd6e0;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.admin-text-semi{color:#cbd5e1}.admin-text-highlight{color:#f8fafc;font-weight:500}.admin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-summary-card{min-height:96px;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;background:linear-gradient(180deg,#ffffff08,#fff0),var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:16px;box-shadow:inset 0 1px #ffffff08}.admin-summary-card__label{color:#94a3b8;font-size:12px;letter-spacing:.02em}.admin-summary-card__value{color:#f8fafc;font-size:24px;font-weight:700;line-height:1.1}.admin-summary-card__subtext{color:#64748b;font-size:12px;line-height:1.2}.admin-summary-card--positive .admin-summary-card__value{color:#10b981}.admin-summary-card--negative .admin-summary-card__value{color:#ef4444}.admin-summary-card--accent .admin-summary-card__value{color:#38bdf8}.admin-summary-card--warning .admin-summary-card__value{color:#f59e0b}.admin-status-tag{display:inline-block;padding:7px 8px 0;min-width:58px;height:24px;border-radius:4px;font-size:12px;line-height:1;background:#4b5563;color:#fff;box-sizing:border-box;vertical-align:middle;text-align:center}.admin-status-tag--compact{min-width:48px;height:22px;padding:6px 6px 0;font-size:11px}.admin-status-tag--gold{background:#facc15;color:#111827}.admin-status-cell{text-align:center!important}.admin-status-cell-inner{width:100%;line-height:0;font-size:0;text-align:center}.admin-status-pending{background-color:#eab30826;color:#eab308}.admin-status-completed{background-color:#10b98126;color:#10b981}.admin-status-rejected{background-color:#ef444426;color:#ef4444}.admin-filter-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--admin-border);padding-bottom:.5rem}.admin-filter-tab{background:#ffffff08;border:1px solid var(--admin-border);color:#cbd5e1;padding:.5rem 1rem;cursor:pointer;font-weight:500;border-radius:8px;transition:all .22s ease}.admin-filter-tab:hover{color:#f8fafc;border-color:#3b82f673;background:#3b82f61a}.admin-filter-tab.active{color:#fff;background-color:var(--admin-primary);border-color:transparent;box-shadow:0 4px 12px #3b82f64d}.admin-search-bar{margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:center}.admin-search-bar input[type=date]{position:relative}.admin-search-bar input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}@media(max-width:1200px){.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.admin-summary-grid{grid-template-columns:1fr}}.admin-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-modal{background:var(--admin-card-bg);width:95%;max-width:600px;border-radius:12px;border:1px solid var(--admin-border);animation:adminModalFade .3s ease-out}@keyframes adminModalFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-modal-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--admin-border)}.admin-modal-header button{background:none;border:none;color:#94a3b8;cursor:pointer}.admin-modal-body{padding:1.5rem}.admin-modal-footer{padding:1.25rem 1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--admin-border)}.admin-modal-footer .admin-btn{width:auto;min-width:100px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-switch-row{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem}.admin-checkbox-row{display:inline-flex;align-items:center;gap:.55rem;color:var(--admin-text);font-size:.9rem;cursor:pointer}.admin-checkbox-row input{accent-color:var(--admin-primary)}.admin-permission-panel{border:1px solid var(--admin-border);border-radius:10px;padding:1rem;background:#ffffff08}.admin-permission-title{display:inline-flex;align-items:center;gap:.45rem;color:#cbd5e1;font-size:.9rem;font-weight:600;margin-bottom:.9rem}.admin-permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.admin-permission-item{display:flex;align-items:center;gap:.65rem;min-height:42px;padding:.75rem .85rem;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:#0f111a8c;color:var(--admin-text);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.admin-permission-item:hover{border-color:#3b82f67a;background:#3b82f614}.admin-permission-item input{accent-color:var(--admin-primary)}.admin-permission-item.disabled{opacity:.75;cursor:not-allowed}.admin-audit-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--admin-bg-primary);border-radius:8px}.info-item label{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px}.info-item .value{font-weight:600}.admin-upload-zone{border:2px dashed var(--admin-border);border-radius:8px;padding:1.5rem;text-align:center;background:var(--admin-bg-primary);transition:all .3s}.upload-label{cursor:pointer;color:var(--admin-accent);font-weight:500}.proof-preview{margin-top:1rem;display:flex;flex-direction:column;align-items:center;color:#10b981}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:2rem;font-size:14px}.page-btn{height:32px;padding:0 12px;background:var(--admin-card-bg);border:1px solid var(--admin-border);color:var(--admin-text-muted);border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.page-btn:hover:not(.disabled){border-color:var(--admin-primary);color:var(--admin-primary)}.page-btn.disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:4px}.page-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--admin-text-muted);border-radius:6px;cursor:pointer;transition:all .2s}.page-num:hover:not(.active){background:#ffffff0d}.page-num.active{background:var(--admin-primary);color:#fff;font-weight:600}.page-dots{color:var(--admin-text-muted);width:32px;text-align:center}.pagination-info{color:var(--admin-text-muted);margin-left:8px;font-size:13px}.page-jump{display:flex;align-items:center;gap:6px;color:var(--admin-text-muted);margin-left:12px}.page-jump input{width:50px;height:32px;background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:4px;color:#fff;text-align:center;outline:none}.page-jump input:focus{border-color:var(--admin-primary)}.page-jump button{height:32px;padding:0 8px;background:var(--admin-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:700}.openapi-docs{min-height:calc(100vh - 64px);background:#f7f8fb;color:#1f2937;display:grid;grid-template-columns:300px minmax(0,1fr)}.openapi-sidebar{position:sticky;top:0;height:calc(100vh - 64px);border-right:1px solid #e5e7eb;background:#f1f3f7;padding:24px 18px;overflow-y:auto}.openapi-brand{font-weight:700;font-size:16px;margin-bottom:18px}.openapi-search{height:40px;border:1px solid #d8dee8;border-radius:8px;background:#fff;color:#8a94a6;display:flex;align-items:center;padding:0 14px;margin-bottom:26px;font-size:13px}.openapi-search-btn{width:100%;cursor:pointer;justify-content:center;font-weight:600;transition:all .2s ease}.openapi-search-btn:hover{border-color:#93c5fd;color:#0f5bd7;background:#f8fbff}.openapi-nav-group{margin-bottom:22px}.openapi-nav-title{color:#7b8497;font-size:13px;margin-bottom:8px}.openapi-nav-item{width:100%;min-height:38px;border:0;background:transparent;border-radius:7px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#334155;cursor:pointer;font-size:14px}.openapi-nav-item.active{background:#e9ddff;color:#6d4cff;font-weight:700}.openapi-nav-item b{font-size:10px;color:#f97316;background:#fff1e8;padding:2px 5px;border-radius:5px}.openapi-content{max-width:1180px;width:100%;margin:0 auto;padding:34px 48px 72px}.openapi-topline{color:#64748b;font-size:14px;margin-bottom:8px}.openapi-content h1{font-size:34px;line-height:1.2;margin:0 0 22px;color:#172033}.openapi-section{border-bottom:1px solid #e5e7eb;padding:22px 0}.openapi-section h2{font-size:22px;margin:0 0 16px;color:#172033}.openapi-switch-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin:0 0 14px;border:1px dashed #60a5fa;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-size:14px;line-height:1.7}.openapi-switch-notice-icon{flex:0 0 auto;min-width:20px;height:20px;border-radius:999px;background:#dbeafe;color:#2563eb;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;margin-top:1px}.openapi-subtitle{font-size:18px;margin:18px 0 10px;color:#172033}.openapi-subsection-title{font-size:22px;margin:28px 0 16px;color:#172033}.openapi-section-title{font-weight:700;margin-bottom:10px}.openapi-muted{color:#718096;font-size:14px;line-height:1.7}.openapi-model-bar{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:28px;align-items:start;position:sticky;top:70px;z-index:20;padding:0 0 22px;background:#f7f8fb}.openapi-model-pills,.openapi-provider-pills{display:flex;flex-wrap:wrap;gap:8px}.openapi-model-pills button,.openapi-provider-pills button{border:1px solid #dbe3ef;background:#fff;color:#334155;border-radius:8px;padding:8px 12px;cursor:pointer}.openapi-model-pills button.active,.openapi-provider-pills button.active{border-color:#1677ff;background:#eaf2ff;color:#0f5bd7;font-weight:700}.openapi-provider-pills button{min-width:80px}.openapi-endpoint{min-height:46px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 12px;margin-bottom:16px}.openapi-endpoint.small{margin-top:14px}.openapi-endpoint span{color:#22c55e;background:#111827;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:800}.openapi-endpoint code{color:#25324a;font-size:14px;word-break:break-all}.openapi-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.openapi-meta-grid div{border:1px solid #e3e8f0;background:#fff;border-radius:8px;padding:12px;min-height:74px}.openapi-meta-grid b{display:block;color:#718096;font-size:12px;margin-bottom:8px}.openapi-meta-grid span{color:#1f2937;font-size:14px;word-break:break-word}.openapi-copy-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.openapi-copy-row em{font-style:normal;flex:1;min-width:0;overflow-wrap:anywhere}.openapi-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.openapi-copy-row-standalone{display:flex;justify-content:flex-end;margin:8px 0 10px}.openapi-copy-btn{border:1px solid #dbe3ef;background:#fff;color:#334155;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.openapi-copy-btn:hover{border-color:#93c5fd;color:#0f5bd7}.openapi-input{width:100%;height:38px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;padding:0 10px;color:#1f2937;font-size:14px}.openapi-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.openapi-table th,.openapi-table td{text-align:left;border-bottom:1px solid #edf0f5;padding:16px 14px;vertical-align:top;font-size:14px}.openapi-table th{color:#667085;background:#fafbfc;font-weight:700}.openapi-table tr:last-child td{border-bottom:0}.openapi-table code{background:#f3f4f6;border-radius:5px;padding:3px 6px;color:#111827}.openapi-table.compact{margin-top:12px}.openapi-table+.openapi-code,.openapi-code+.openapi-endpoint,.openapi-code+.openapi-subtitle,.openapi-code+.openapi-subsection-title,.openapi-code+.openapi-muted{margin-top:16px}.openapi-block-divider{border-top:1px solid #e5e7eb;margin:26px 0 8px}.openapi-code{margin:0;padding:18px 20px;border-radius:8px;background:#1d1d20;color:#f4f4f5;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.65;box-shadow:0 18px 40px #0f172a1f}.openapi-empty{margin-top:28px;border:1px dashed #cbd5e1;color:#64748b;border-radius:8px;padding:28px;text-align:center;background:#fff}@media(max-width:900px){.openapi-docs{grid-template-columns:1fr}.openapi-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #e5e7eb}.openapi-content{padding:24px 18px 48px}.openapi-model-bar,.openapi-meta-grid{grid-template-columns:1fr}.openapi-model-bar{top:70px;padding:0 0 18px}}.app{min-height:100vh;display:flex;flex-direction:column}.app.df-workshop-layout{height:100vh;overflow:hidden}.app.df-workshop-layout .main-content{padding-top:70px;flex:1;overflow:hidden;display:flex;flex-direction:column}.main-content{flex:1;padding-top:70px;min-height:calc(100vh - 70px)}.main-content.no-padding{padding-top:0}