:root{--bg-deep: #050810;--bg-primary: #080d1c;--bg-card: rgba(12, 18, 40, .88);--bg-glass: rgba(10, 16, 34, .75);--bg-glass-strong: rgba(8, 14, 30, .92);--border-subtle: rgba(212, 168, 83, .18);--border-glow: rgba(45, 212, 191, .35);--border-red: rgba(200, 80, 60, .25);--gold: #d4a853;--gold-bright: #f5d078;--gold-light: #f0c75e;--gold-dim: rgba(212, 168, 83, .4);--gold-glow: rgba(240, 199, 94, .15);--cyan: #2dd4bf;--cyan-light: #5eead4;--cyan-bright: #80fff0;--cyan-dim: rgba(45, 212, 191, .3);--cyan-glow: rgba(45, 212, 191, .12);--red: #c85040;--red-bright: #e8634e;--red-dim: rgba(200, 80, 60, .3);--red-glow: rgba(200, 80, 60, .1);--purple: #a78bfa;--purple-dim: rgba(167, 139, 250, .3);--text-primary: #f0e6d3;--text-secondary: rgba(240, 230, 211, .6);--text-dim: rgba(240, 230, 211, .35);--font-display: "Noto Serif SC", "Songti SC", Georgia, serif;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(/gallery/thangka-bg-hero.jpg) center center / cover no-repeat;opacity:.12;pointer-events:none}.scanline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.025) 2px,rgba(0,0,0,.025) 4px);mix-blend-mode:multiply}.hud-frame{position:relative}.hud-frame:before,.hud-frame:after,.hud-frame>.hud-br,.hud-frame>.hud-bl{content:"";position:absolute;width:20px;height:20px;pointer-events:none;z-index:2}.hud-frame:before{top:-1px;left:-1px;border-top:2px solid var(--gold);border-left:2px solid var(--gold);opacity:.6}.hud-frame:after{top:-1px;right:-1px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);opacity:.6}.hud-br{bottom:-1px;right:-1px;border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan);opacity:.4}.hud-bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--cyan);border-left:2px solid var(--cyan);opacity:.4}.ui{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 28px;background:linear-gradient(180deg,#080d1cf7,#080d1cb3);border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:relative}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold-dim) 15%,var(--gold) 30%,var(--cyan) 50%,var(--gold) 70%,var(--gold-dim) 85%,transparent 100%);opacity:.5}.header-left{display:flex;align-items:center;gap:14px}.header-logo{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold) 50%,#a07830 100%);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#1a0f00;box-shadow:0 0 16px #d4a8534d,0 0 40px #d4a8531a;position:relative}.header-logo:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:11px;border:1px solid var(--gold-dim);animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}.header-title h1{font-size:16px;font-weight:600;letter-spacing:4px;font-family:var(--font-display);background:linear-gradient(90deg,var(--gold-bright),var(--gold),var(--cyan-light),var(--gold-bright));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleShimmer 8s ease-in-out infinite}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.header-title p{font-size:10.5px;color:var(--text-dim);margin-top:2px;letter-spacing:1.5px;font-family:var(--font-mono)}.header-right{display:flex;align-items:center;gap:20px}.sys-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);font-family:var(--font-mono)}.sys-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d39999;animation:dotBlink 2s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}.sys-stat{text-align:center}.sys-stat-val{font-size:15px;font-weight:700;font-family:var(--font-mono);color:var(--cyan-light);text-shadow:0 0 12px var(--cyan-dim)}.sys-stat-label{font-size:10px;color:var(--text-dim);letter-spacing:1px}.sys-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent,var(--border-subtle),transparent)}.sidebar-toggle{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:#d4a85314;border-color:var(--gold-dim);color:var(--gold-light)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:500;background:#060a14;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);padding:16px 12px}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:499;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.sidebar-top{display:flex;flex-direction:column;gap:4px}.sidebar-new-chat{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--gold-dim);background:linear-gradient(135deg,#d4a8531a,#d4a8530a);color:var(--gold-light);font-size:14px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .2s}.sidebar-new-chat:hover{background:linear-gradient(135deg,#d4a8532e,#d4a85314);border-color:var(--gold);box-shadow:0 0 16px var(--gold-glow)}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:13.5px;font-family:var(--font-body);cursor:pointer;transition:all .2s;text-align:left;width:100%}.sidebar-item:hover{background:#f0e6d30a;color:var(--text-primary)}.sidebar-arrow{margin-left:auto;opacity:.4;transition:opacity .2s}.sidebar-item:hover .sidebar-arrow{opacity:.8}.sidebar-divider{height:1px;margin:12px 0;background:linear-gradient(90deg,var(--border-subtle),transparent)}.sidebar-label{font-size:11px;color:var(--text-dim);letter-spacing:1.5px;padding:4px 14px 8px;font-family:var(--font-mono)}.sidebar-history{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.sidebar-history::-webkit-scrollbar{width:3px}.sidebar-history::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.sidebar-history-item{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-history-item:hover{background:#f0e6d30a;color:var(--text-primary)}.sidebar-history-item svg{flex-shrink:0;opacity:.4}.sidebar-empty{padding:20px 14px;color:var(--text-dim);font-size:12.5px;text-align:center}.stage{flex:1;display:flex;position:relative;overflow:hidden}.avatar-zone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;gap:4px}.avatar-area{width:240px;height:240px;position:relative;flex-shrink:0;cursor:default;transition:height .6s cubic-bezier(.16,1,.3,1),width .6s cubic-bezier(.16,1,.3,1),opacity .6s ease}.avatar-label{text-align:center;font-size:11px;color:var(--text-dim);letter-spacing:3px;font-family:var(--font-mono);text-transform:uppercase;transition:opacity .4s ease,height .4s ease,margin .4s ease}.avatar-zone.thinking-mode{justify-content:center}.avatar-zone.thinking-mode .avatar-area{width:320px;height:320px}.avatar-zone.thinking-mode .welcome-msg{display:none!important}.avatar-zone.thinking-mode .bottom-section{position:absolute;bottom:0;left:0;right:0;max-width:none;padding:0 24px 14px;background:linear-gradient(0deg,rgba(5,8,16,.95) 0%,rgba(5,8,16,.4) 60%,transparent 100%);z-index:20}.avatar-zone.thinking-mode .bottom-section .input-wrap{max-width:780px;margin:0 auto}.avatar-zone.result-mode{justify-content:flex-start;padding-top:8px;gap:0;transition:padding .6s cubic-bezier(.16,1,.3,1)}.avatar-zone.result-mode .avatar-area{height:0;width:0;opacity:0}.avatar-zone.result-mode .avatar-label{opacity:0;height:0;margin:0;overflow:hidden}.avatar-zone.result-mode .phase-bar{margin-top:0}.avatar-zone.result-mode .bottom-section{margin-top:auto}#neural{transition:opacity .8s ease}#neural.faded{opacity:.15}.phase-bar{display:flex;align-items:center;gap:10px;padding:10px 24px;background:var(--bg-glass-strong);border:1px solid var(--border-subtle);border-radius:24px;opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out;position:relative;box-shadow:0 0 30px var(--cyan-glow),inset 0 0 20px #2dd4bf08}.phase-bar.visible{opacity:1;transform:translateY(0)}.phase-indicator{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan-dim);animation:phaseGlow .8s ease-in-out infinite}@keyframes phaseGlow{0%,to{opacity:1;box-shadow:0 0 12px var(--cyan-dim)}50%{opacity:.4;box-shadow:0 0 4px var(--cyan-dim)}}.phase-text{font-size:13px;color:var(--cyan-light);letter-spacing:1.5px;font-family:var(--font-mono)}.phase-counter{font-size:11px;color:var(--gold);margin-left:4px;font-family:var(--font-mono)}.response-panel{width:100%;max-width:700px;padding:0 24px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.response-panel::-webkit-scrollbar{width:3px}.response-panel::-webkit-scrollbar-track{background:transparent}.response-panel::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.response-bubble{background:linear-gradient(135deg,#0c1228eb,#080e1ee0);border:1px solid rgba(212,168,83,.12);border-left:2px solid rgba(212,168,83,.4);border-radius:6px 14px 14px 6px;padding:28px 32px;line-height:1.9;font-size:14px;color:var(--text-primary);animation:bubbleIn .6s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 2px 24px #0003,0 0 30px #d4a8530f}@keyframes bubbleIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.response-bubble strong{color:var(--gold-bright);text-shadow:0 0 6px rgba(240,199,94,.1)}.response-bubble .tag{display:inline-block;background:linear-gradient(135deg,#2dd4bf1f,#2dd4bf0f);color:var(--cyan-light);border:1px solid rgba(45,212,191,.25);padding:1px 10px;border-radius:10px;font-size:12px;margin:2px;font-family:var(--font-mono)}.response-cursor{display:inline-block;width:2px;height:17px;background:var(--gold-bright);margin-left:2px;vertical-align:text-bottom;animation:blink .6s step-end infinite;box-shadow:0 0 6px var(--gold-dim)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.thread-separator{height:1px;margin:24px 0;background:linear-gradient(90deg,transparent,rgba(45,212,191,.15),transparent)}.thinking-dots{display:flex;gap:6px;padding:16px 20px;align-items:center}.thinking-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:dotPulse 1.2s ease-in-out infinite}.thinking-dots .dot:nth-child(2){animation-delay:.2s}.thinking-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.user-query{text-align:right;margin-bottom:20px}.user-query-text{display:inline-block;background:linear-gradient(135deg,#d4a8531a,#d4a8530a);border:1px solid rgba(212,168,83,.2);border-radius:18px 18px 4px;padding:10px 20px;font-size:14px;color:var(--gold-light);max-width:75%;box-shadow:0 2px 16px #d4a8530f}:root{--sp-wide: 40vw;--sp-narrow: 40vw;--sp-ease: .5s cubic-bezier(.16, 1, .3, 1)}.side-panel-area{flex-shrink:0;position:relative;display:flex;align-items:stretch;transition:width var(--sp-ease)}.side-panel-drag{width:0;flex-shrink:0;cursor:col-resize;z-index:25;display:flex;align-items:center;justify-content:center;position:relative;opacity:0;pointer-events:none;transition:opacity .3s,width .3s}.side-panel-drag.visible{width:12px;opacity:1;pointer-events:auto}.side-panel-drag:after{content:"";width:3px;height:40px;border-radius:2px;background:var(--border-subtle);transition:background .2s,height .2s}.side-panel-drag:hover:after,.side-panel-drag.dragging:after{background:var(--gold);height:60px;box-shadow:0 0 8px var(--gold-glow)}body.panel-dragging{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.panel-dragging *{cursor:col-resize!important}.side-panel-toggle{position:absolute;left:-14px;top:50%;transform:translateY(-50%);z-index:20;width:28px;height:52px;border-radius:8px 0 0 8px;border:1px solid var(--border-subtle);border-right:none;background:#080e1ef2;color:var(--gold-light);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;opacity:0;pointer-events:none}.side-panel-toggle.visible{opacity:1;pointer-events:auto}.side-panel-toggle:hover{background:#d4a8531f;border-color:var(--gold);box-shadow:0 0 16px var(--gold-glow)}.toggle-icon{transition:transform .3s}.side-panel{overflow:hidden;padding:14px 14px 14px 0;transition:width var(--sp-ease),padding var(--sp-ease);min-width:0}.side-panel[data-mode=wide]{width:var(--sp-wide)}.side-panel[data-mode=narrow]{width:var(--sp-narrow)}.side-panel[data-mode=hidden]{width:0;padding:14px 0;overflow:hidden}.side-panel-content{width:100%;height:100%;background:var(--bg-glass-strong);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 4px 40px #0000004d,0 0 30px var(--cyan-glow);display:flex;flex-direction:column;overflow:hidden;transition:opacity .3s ease}.side-panel[data-mode=hidden] .side-panel-content{opacity:0;pointer-events:none}.side-panel[data-mode=hidden]~.side-panel-toggle .toggle-icon,.side-panel[data-mode=hidden]+.side-panel-toggle .toggle-icon{transform:rotate(180deg)}.panel-section-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);font-size:11.5px;font-weight:600;letter-spacing:1.5px;position:relative;background:#080e1e99}.panel-section-header:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.2}.panel-section-header .icon{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px}.panel-graph .panel-section-header{color:var(--cyan-light)}.panel-graph .panel-section-header .icon{background:linear-gradient(135deg,var(--cyan-dim),rgba(45,212,191,.1));border:1px solid rgba(45,212,191,.25)}.panel-media .panel-section-header{color:var(--gold-light)}.panel-media .panel-section-header .icon{background:linear-gradient(135deg,var(--gold-dim),rgba(212,168,83,.1));border:1px solid rgba(212,168,83,.25)}.side-panel-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.side-panel-scroll::-webkit-scrollbar{width:3px}.side-panel-scroll::-webkit-scrollbar-track{background:transparent}.side-panel-scroll::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.avatar-zone.creation-mode{justify-content:flex-start;padding:0}.avatar-zone.creation-mode .avatar-area,.avatar-zone.creation-mode .avatar-label,.avatar-zone.creation-mode .welcome-msg,.avatar-zone.creation-mode .response-panel,.avatar-zone.creation-mode .phase-bar,.avatar-zone.creation-mode .bottom-section{display:none!important}.creation-workspace{width:100%;height:100%;display:flex;flex-direction:column;animation:welcomeFade .4s ease-out}.creation-header{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.creation-back{display:flex;align-items:center;gap:4px;padding:7px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:12.5px;font-family:var(--font-body);cursor:pointer;transition:all .2s}.creation-back:hover{background:#d4a85314;border-color:var(--gold-dim);color:var(--gold-light)}.creation-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;font-family:var(--font-display);color:var(--purple);letter-spacing:2px}.creation-body{flex:1;overflow-y:auto;padding:20px 24px 32px;display:flex;flex-direction:column;gap:16px;max-width:800px;width:100%;margin:0 auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.creation-body::-webkit-scrollbar{width:3px}.creation-body::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.creation-types-wrap{overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:4px 24px;position:sticky;top:0;z-index:10;background:var(--bg-deep);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 24px,#000 calc(100% - 24px),transparent 100%)}.creation-types-wrap::-webkit-scrollbar{display:none}.creation-types{display:flex;gap:6px;width:max-content;padding:2px 0}.creation-type-btn{display:flex;align-items:center;gap:5px;padding:8px 16px;border-radius:10px;border:1px solid var(--border-subtle);background:#0a102299;color:var(--text-secondary);font-size:12.5px;font-family:var(--font-body);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;flex-shrink:0}.creation-type-btn:hover{border-color:var(--purple-dim);color:var(--text-primary);background:#a78bfa0f}.creation-type-btn.active{border-color:#a78bfa80;background:linear-gradient(135deg,#a78bfa26,#a78bfa0f);color:var(--purple);box-shadow:0 0 16px #a78bfa1a}.creation-styles{display:flex;flex-direction:column;gap:6px}.creation-style-label{font-size:10.5px;color:var(--text-dim);letter-spacing:1.5px;font-family:var(--font-mono)}.creation-style-chips{display:flex;gap:8px;flex-wrap:wrap}.creation-style-chip{padding:6px 16px;border-radius:16px;border:1px solid var(--border-subtle);background:#0a102299;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.creation-style-chip:hover{border-color:var(--gold-dim);color:var(--gold-light)}.creation-style-chip.active{border-color:var(--gold);background:#d4a8531a;color:var(--gold-bright)}.creation-prompt-wrap{position:relative;background:#080e1ef2;border:1px solid rgba(212,168,83,.18);border-radius:14px;transition:border-color .3s,box-shadow .3s}.creation-prompt-wrap:focus-within{border-color:var(--gold-dim);box-shadow:0 0 20px var(--gold-glow)}.creation-prompt{width:100%;background:transparent;border:none;padding:14px 90px 14px 18px;color:var(--text-primary);font-size:14px;font-family:var(--font-body);resize:none;min-height:56px;outline:none}.creation-prompt::placeholder{color:var(--text-dim)}.creation-generate-btn{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;border:none;background:linear-gradient(135deg,var(--purple),rgba(120,80,220,1));color:#fff;font-size:12.5px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 0 14px #a78bfa33}.creation-generate-btn:hover{box-shadow:0 0 24px #a78bfa66;transform:scale(1.04)}.creation-generate-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.creation-result{display:none}.creation-result.visible{display:block}.creation-result .creation-canvas-wrap{position:relative;width:100%;height:340px;background:#050810;border-radius:12px;border:1px solid var(--border-subtle);overflow:hidden;box-shadow:0 4px 30px #0000004d}.creation-result .creation-canvas{display:block;width:100%;height:100%}.creation-result .creation-generated-img{display:block;width:100%;height:auto;border-radius:12px;background:#050810}.creation-result .creation-status{position:absolute;bottom:12px;left:14px;font-size:11px;color:var(--purple);font-family:var(--font-mono);letter-spacing:1px;display:flex;align-items:center;gap:6px}.creation-result .creation-status.done:before{display:none}.creation-result .creation-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--purple);animation:phaseGlow .8s ease-in-out infinite}.creation-gallery-label{font-size:11px;color:var(--text-dim);letter-spacing:1.5px;font-family:var(--font-mono);margin-bottom:4px}.creation-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.creation-gallery-card{border-radius:10px;overflow:hidden;border:1px solid rgba(240,230,211,.06);cursor:pointer;position:relative;background:#0a0e1a;transition:all .25s cubic-bezier(.16,1,.3,1)}.creation-gallery-card:hover{border-color:var(--gold-dim);transform:translateY(-3px);box-shadow:0 8px 24px #0000004d,0 0 12px var(--gold-glow)}.creation-gallery-card canvas,.creation-gallery-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#060a14;transition:transform .4s cubic-bezier(.16,1,.3,1)}.creation-gallery-card video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#060a14;transition:transform .4s cubic-bezier(.16,1,.3,1)}.creation-gallery-card:hover canvas,.creation-gallery-card:hover img,.creation-gallery-card:hover video{transform:scale(1.04)}.gallery-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);font-size:28px;color:#fffc;text-shadow:0 2px 12px rgba(0,0,0,.7);pointer-events:none;transition:transform .3s}.creation-gallery-card:hover .gallery-play-icon{transform:translate(-50%,-70%) scale(1.15);color:var(--gold-bright)}.creation-video-player{width:100%;height:100%;border-radius:12px;background:#000;outline:none}.creation-video-title{position:absolute;top:12px;left:14px;font-size:12px;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:1px;background:#0009;padding:4px 10px;border-radius:6px}.creation-gallery-card .gallery-placeholder{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4a85314,#2dd4bf0f);border-bottom:1px solid rgba(240,230,211,.04);font-size:36px;color:#d4a8534d;font-family:PingFang SC,Microsoft YaHei,sans-serif}.creation-gallery-card .gallery-label{padding:8px 10px;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.creation-gallery-card:hover .gallery-label{color:var(--gold-light)}.creation-gallery-card .gallery-style-tag{position:absolute;top:6px;right:6px;padding:2px 8px;border-radius:4px;background:#000000a6;font-size:9px;color:var(--cyan);font-family:var(--font-mono)}.panel-graph{display:flex;flex-direction:column;border-top:1px solid var(--border-subtle);background:#080d1c;flex:1;min-height:0}#graph-container{width:100%;flex:1;min-height:0}.graph-explore-btn{margin-left:auto;display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;border:1px solid rgba(45,212,191,.2);background:#2dd4bf0f;color:var(--cyan);font-size:10px;font-family:var(--font-mono);cursor:pointer;transition:all .2s}.graph-explore-btn:hover{background:#2dd4bf1f;border-color:#2dd4bf66;box-shadow:0 0 10px var(--cyan-glow)}.graph-explore-btn.active{background:#2dd4bf26;border-color:var(--cyan);color:var(--cyan-bright)}.graph-filters{display:flex;gap:4px;padding:6px 12px;flex-wrap:wrap;border-bottom:1px solid var(--border-subtle);background:#080e1e80}.graph-filter-btn{padding:3px 10px;border-radius:12px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-dim);font-size:10px;font-family:var(--font-body);cursor:pointer;transition:all .2s}.graph-filter-btn:hover{border-color:var(--cyan-dim);color:var(--text-secondary)}.graph-filter-btn.active{border-color:#2dd4bf80;background:#2dd4bf1a;color:var(--cyan)}.side-panel[data-mode=explore]{width:70vw!important}.side-panel[data-mode=explore] .panel-graph{flex:1}.panel-media{border-top:1px solid var(--border-subtle);background:#080d1c;flex-shrink:0;min-height:130px}.media-grid{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;scrollbar-width:none}.media-grid::-webkit-scrollbar{display:none}.media-item{width:120px;min-width:120px;height:90px;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden;border:1px solid var(--border-subtle);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.media-item:hover{transform:translateY(-2px) scale(1.03);border-color:var(--gold);box-shadow:0 6px 20px #d4a85326,0 0 12px var(--gold-glow)}.media-item canvas{display:block;width:100%;height:100%;border-radius:7px 7px 0 0}.media-item-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:14px 6px 4px;font-size:9.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-item-type{position:absolute;top:4px;right:4px;background:#000000b3;border:1px solid rgba(45,212,191,.2);border-radius:3px;padding:1px 5px;font-size:8px;color:var(--cyan);font-family:var(--font-mono)}.media-item-link{position:absolute;top:4px;left:4px;background:#000000b3;border:1px solid rgba(212,168,83,.3);border-radius:3px;padding:1px 4px;font-size:8px;color:var(--gold-light)}.bottom-section{width:100%;max-width:780px;padding:0 24px 12px;flex-shrink:0;margin-top:8px}.reco-row{display:flex;gap:8px;padding:6px 0;overflow-x:auto;justify-content:center;flex-wrap:wrap;scrollbar-width:none}.reco-row::-webkit-scrollbar{display:none}.reco-chip{padding:8px 18px;border-radius:20px;background:#0a1022d9;border:1px solid rgba(212,168,83,.12);font-size:12.5px;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden}.reco-chip:before{content:"›";margin-right:5px;color:var(--gold-dim);font-weight:700;transition:color .3s}.reco-chip:hover{border-color:var(--gold);color:var(--gold-bright);background:#d4a85314;box-shadow:0 0 20px var(--gold-glow),0 0 60px #d4a8530f;transform:translateY(-2px)}.reco-chip:hover:before{color:var(--gold-bright)}.input-bar{position:relative;margin-top:6px}.input-wrap{display:flex;align-items:center;background:#080e1ef2;border:1px solid rgba(212,168,83,.25);border-radius:28px;padding:4px 6px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 20px #0003,0 0 24px #d4a85314}.input-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 24px var(--gold-glow),0 0 60px #d4a8530f}.attach-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-subtle);background:#2dd4bf0f;color:var(--cyan-light);font-size:22px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;margin-right:4px;line-height:1}.attach-btn:hover{background:#2dd4bf1f;border-color:var(--cyan);box-shadow:0 0 16px var(--cyan-glow);transform:rotate(90deg)}.attach-btn.active{background:#2dd4bf26;border-color:var(--cyan);transform:rotate(45deg)}.attach-menu{position:absolute;bottom:calc(100% + 8px);left:6px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-glass-strong);border:1px solid var(--border-subtle);border-radius:14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,0 0 24px var(--cyan-glow);opacity:0;pointer-events:none;transform:translateY(8px) scale(.95);transition:all .25s cubic-bezier(.16,1,.3,1);min-width:320px}.attach-menu.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.attach-group-label{font-size:10px;color:var(--text-dim);letter-spacing:1.5px;padding:2px 8px 4px;font-family:var(--font-mono)}.attach-group-items{display:flex;gap:4px}.attach-group+.attach-group{border-top:1px solid var(--border-subtle);padding-top:6px}.attach-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .2s;font-size:11px;color:var(--text-secondary);min-width:64px}.attach-item:hover{background:#2dd4bf14;color:var(--cyan-light)}.attach-svg{width:20px;height:20px;color:var(--cyan-light);opacity:.7;transition:all .2s}.attach-item:hover .attach-svg{opacity:1;color:var(--gold-light);transform:scale(1.08)}.input-ai-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;background:linear-gradient(135deg,var(--purple-dim),rgba(167,139,250,.12));border:1px solid rgba(167,139,250,.35);color:var(--purple);font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0;animation:chipIn .3s cubic-bezier(.16,1,.3,1)}.input-ai-chip .chip-close{cursor:pointer;font-size:14px;line-height:1;opacity:.6;transition:opacity .2s;margin-left:2px}.input-ai-chip .chip-close:hover{opacity:1}@keyframes chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.input-field{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:14.5px;font-family:var(--font-body);padding:12px 8px;min-width:0}.input-field::placeholder{color:var(--text-dim)}.send-btn{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold) 50%,#a07830 100%);color:#1a0f00;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;box-shadow:0 0 20px #d4a8534d}.send-btn:hover{box-shadow:0 0 30px #d4a85380,0 0 60px #d4a85333;transform:scale(1.08)}.send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.welcome-msg{text-align:center;max-width:560px;animation:welcomeFade 1s ease-out}@keyframes welcomeFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-msg h2{font-size:20px;font-weight:600;font-family:var(--font-display);background:linear-gradient(90deg,var(--gold-bright),var(--gold),var(--cyan-light));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;animation:titleShimmer 6s ease-in-out infinite}.welcome-msg p{font-size:13px;color:var(--text-secondary);line-height:1.7}.welcome-stats{display:flex;gap:12px;justify-content:center;margin-top:14px}.welcome-stat{text-align:center;padding:12px 18px;background:#0a102299;border:1px solid rgba(212,168,83,.1);border-radius:10px;min-width:88px;transition:all .3s ease;position:relative;overflow:hidden}.welcome-stat:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.4}.welcome-stat-val{font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--cyan-light);text-shadow:0 0 16px var(--cyan-dim)}.welcome-stat-label{font-size:10px;color:var(--text-dim);margin-top:2px;letter-spacing:1px}.tibetan-border-top,.tibetan-border-bottom{position:fixed;left:0;right:0;height:3px;z-index:100;opacity:.6}.tibetan-border-top{top:0;background:linear-gradient(90deg,transparent 0%,var(--red) 5%,var(--gold-bright) 10%,var(--red) 15%,transparent 20%,var(--gold) 30%,var(--cyan) 35%,var(--gold) 40%,transparent 45%,var(--gold-bright) 55%,var(--red-bright) 60%,var(--gold-bright) 65%,transparent 70%,var(--cyan) 80%,var(--gold) 85%,var(--cyan) 90%,transparent 100%)}.tibetan-border-bottom{bottom:0;background:linear-gradient(90deg,transparent 0%,var(--cyan) 10%,var(--gold) 20%,var(--red) 30%,transparent 40%,transparent 60%,var(--red) 70%,var(--gold) 80%,var(--cyan) 90%,transparent 100%)}.video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.video-overlay.visible{opacity:1;pointer-events:auto}.video-player-wrap{width:90vw;max-width:960px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 60px var(--gold-glow);transform:scale(.92) translateY(20px);transition:transform .5s cubic-bezier(.16,1,.3,1)}.video-overlay.visible .video-player-wrap{transform:scale(1) translateY(0)}.video-player-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-subtle);background:#080d1ce6}.video-player-title-area{display:flex;align-items:center;gap:10px}.video-player-badge{padding:2px 10px;border-radius:4px;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.25);font-size:10px;color:var(--cyan);font-family:var(--font-mono);letter-spacing:1px}.video-player-title{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:1px}.video-player-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-subtle);background:#c8503c1a;color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.video-player-close:hover{background:#c8503c40;border-color:var(--red);color:var(--red-bright)}.video-player-screen{position:relative;background:#000;aspect-ratio:16/9}.video-canvas{display:block;width:100%;height:100%;cursor:pointer}.video-play-big{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:48px;color:#f0e6d3cc;cursor:pointer;transition:all .3s;pointer-events:auto}.video-play-big:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#00000080;border:2px solid rgba(240,230,211,.3);z-index:-1;transition:all .3s}.video-play-big:hover{color:var(--gold-bright)}.video-play-big:hover:before{background:#d4a85333;border-color:var(--gold);box-shadow:0 0 30px var(--gold-glow)}.video-controls{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#080d1cf2;border-top:1px solid var(--border-subtle)}.video-ctrl-play,.video-ctrl-full{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-subtle);background:#d4a85314;color:var(--gold-light);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.video-ctrl-play:hover,.video-ctrl-full:hover{background:#d4a8532e;border-color:var(--gold)}.video-progress-bar{flex:1;height:6px;background:#f0e6d31a;border-radius:3px;cursor:pointer;position:relative}.video-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--cyan));border-radius:3px;transition:width .05s linear}.video-progress-handle{position:absolute;top:50%;left:0;width:14px;height:14px;border-radius:50%;background:var(--gold-bright);border:2px solid var(--bg-deep);box-shadow:0 0 10px var(--gold-dim);transform:translate(-50%,-50%);transition:left .05s linear;pointer-events:none}.video-time{font-size:11px;color:var(--text-dim);font-family:var(--font-mono);white-space:nowrap;min-width:90px;text-align:center}.perf-idle .header-logo:after{animation-play-state:paused}.perf-idle .header-title h1,.perf-idle .sys-dot,.perf-idle .welcome-msg h2{animation-play-state:paused}.perf-idle .scanline-overlay{display:none}.reco-chip,.media-item,.attach-item,.attach-btn,.send-btn,.side-panel-toggle,.header-left,.creation-type-btn,.creation-style-chip,.creation-gallery-card,.creation-generate-btn,.creation-back{transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.reco-chip:focus-visible,.send-btn:focus-visible,.attach-btn:focus-visible,.creation-type-btn:focus-visible,.creation-generate-btn:focus-visible,.creation-back:focus-visible,.creation-gallery-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.input-field:focus-visible{outline:none}.panel-section{transition:opacity .3s ease}.reco-chip:active{transform:scale(.97)}.send-btn:active:not(:disabled){transform:scale(.94)}.media-item:active{transform:scale(.97)}.creation-type-btn:active,.creation-style-chip:active{transform:scale(.96)}.creation-gallery-card:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.scanline-overlay{display:none}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}