:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-top:#08111d;--bg-bottom:#040811;--panel:#070f1c47;--panel-strong:#08101eb8;--panel-soft:#0a14246b;--border:#cbdeff2e;--text:#f6f7fb;--muted:#e8eefab8;--accent:#ea7aa8;--accent-soft:#a7d1ff;--user:#66a4db38;--assistant:#ea7aa829;--shadow:0 24px 80px #00000059}*{box-sizing:border-box}html,body{height:100vh;min-height:100vh;margin:0;overflow:hidden}body{color:var(--text);background:radial-gradient(circle at top, #5a80c433, transparent 32%), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}button,input,textarea,summary{font:inherit}#app{height:100vh}.shell{isolation:isolate;background:radial-gradient(circle at 12% 12%,#6ca8dc24,#0000 24%),radial-gradient(circle at 82% 18%,#ea7aa824,#0000 24%),linear-gradient(#060a1233,#04080e61);height:100vh;min-height:100vh;position:relative;overflow:hidden}.avatar-stage{background:radial-gradient(circle at 50% 34%,#90b9eb24,#0000 28%),linear-gradient(#0b132157,#04080f4d);position:absolute;inset:0;overflow:hidden}.scene-scrim{z-index:1;pointer-events:none;background:linear-gradient(#04080e75 0%,#04080e2e 18%,#04080e0a 40%,#04080e0d 58%,#04080e1f 78%,#04080e33 100%),radial-gradient(circle,#0000 0 62%,#03060a14 100%);position:absolute;inset:0}.shell-hud{z-index:5;width:min(30rem,100vw - 48px);padding:0;position:absolute;top:24px;left:24px}.kicker{color:var(--accent-soft);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.shell-hud h1,.chat-header h2{margin:0;font-family:STZhongsong,Georgia,serif;font-weight:500}.shell-hud h1{text-shadow:0 10px 26px #00000052;font-size:clamp(1.7rem,3vw,2.5rem)}.name-roman{color:#e8eefab8;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 0;font-size:13px}.character-copy,.chat-subtle,.hint{color:var(--muted);line-height:1.65}.character-copy{display:none}.status-row{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060a1270;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;display:inline-flex}.status-dot{background:#ad6077;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 5px #ad607729}.status-dot.is-online{background:#78ddb6;box-shadow:0 0 0 5px #78ddb629}.settings-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);box-shadow:var(--shadow);background:linear-gradient(#070e1bd1,#070e1b9e);border-radius:18px}.settings-float{z-index:6;width:min(360px,100vw - 32px);padding:16px 18px 18px;position:absolute;top:24px;right:24px}.settings-card summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;list-style:none}.settings-card summary::-webkit-details-marker{display:none}.settings-card summary:after{content:"展开";float:right;color:var(--accent-soft);font-size:13px}.settings-card[open] summary:after{content:"收起"}.settings-card[open] summary{margin-bottom:16px}.settings-card label{color:var(--muted);gap:8px;margin-bottom:14px;font-size:14px;display:grid}.settings-card input,.composer textarea{width:100%;color:var(--text);background:#060a126b;border:1px solid #ffffff1f;border-radius:14px;outline:none;padding:12px 14px}.settings-card input:focus,.composer textarea:focus{border-color:#a7d1ff7a;box-shadow:0 0 0 3px #a7d1ff1a}.settings-card input[type=file]{padding:10px 12px}.settings-card input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ea7aa8f0,#63aadcf0);border:0;border-radius:999px;margin-right:12px;padding:8px 12px}.settings-actions{justify-content:space-between;align-items:center;gap:14px;margin:-4px 0 14px;display:flex}.settings-actions .hint{margin:0}.ghost-btn,.primary-btn{cursor:pointer;border-radius:999px;padding:11px 16px}.ghost-btn{color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f}.ghost-btn:disabled{opacity:.46;cursor:default}.primary-btn{color:#fff;background:linear-gradient(135deg, var(--accent), #5ea7da);border:0;font-weight:600}.subtitle-stage{z-index:5;pointer-events:none;gap:8px;width:min(760px,100vw - 32px);display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.subtitle-history{pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;min-height:0;max-height:min(24vh,260px);overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000000eb 22%,#000 100%);mask-image:linear-gradient(#0000 0,#000000eb 22%,#000 100%)}.subtitle-history-list{flex-direction:column;justify-content:end;align-items:center;gap:5px;min-height:100%;padding:6px 8px 4px;display:flex}.subtitle-history-line{-webkit-backdrop-filter:none;backdrop-filter:none;width:fit-content;max-width:min(72vw,680px);box-shadow:none;background:linear-gradient(#ffffff06,#ffffff01),linear-gradient(135deg,#78a6e206,#ea7aa803),#070c1601;border:1px solid #e2eeff0f;border-radius:999px;align-items:baseline;gap:8px;padding:5px 10px;transition:opacity .18s,transform .18s;display:inline-flex}.subtitle-history-fresh{opacity:.76;transform:translateY(0)scale(1)}.subtitle-history-mid{opacity:.52;transform:translateY(-1px)scale(.988)}.subtitle-history-far{opacity:.28;transform:translateY(-2px)scale(.976)}.subtitle-history-text{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;line-height:1.42;overflow:hidden}.subtitle-current{pointer-events:auto;touch-action:pan-y;justify-items:center;display:grid}.subtitle-bubble{-webkit-backdrop-filter:none;backdrop-filter:none;width:fit-content;max-width:min(72vw,700px);box-shadow:none;background:linear-gradient(#ffffff05,#ffffff01),linear-gradient(135deg,#78a6e206,#ea7aa803),#080c1601;border:1px solid #e2eeff0a;border-radius:14px;padding:9px 14px 11px;transition:opacity .18s,transform .18s,box-shadow .18s}.subtitle-user{background:linear-gradient(#ffffff05,#ffffff01),linear-gradient(135deg,#6ea4e208,#6ea4e203),#080e1801}.subtitle-assistant{background:linear-gradient(#ffffff05,#ffffff01),linear-gradient(135deg,#ea7aa807,#93b5ec03),#0a0e1801}.subtitle-focus{width:min(100%,660px);box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff03}.subtitle-live{box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #c4dfff0d,0 0 12px #a8caff08}.subtitle-role{color:var(--accent-soft);text-align:center;text-shadow:0 2px 10px #00000080;flex:none;margin:0 0 4px;font-size:10px}.subtitle-text{white-space:normal;word-break:break-word;text-align:center;text-shadow:0 2px 10px #0000008a,0 0 18px #0000002e;font-size:clamp(.82rem,1vw,.96rem);line-height:1.55}.composer{gap:12px;display:grid}.composer-floating{pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#070c164d,#070c162e),#060a1229;border:1px solid #c6d6ff14;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;width:min(600px,100vw - 24px);margin:0 auto;padding:7px 9px;box-shadow:0 12px 28px #0000001f,inset 0 1px #ffffff05}.composer-floating textarea{resize:none;min-height:36px;max-height:64px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 4px 7px 2px;font-size:.88rem;line-height:1.42}.composer-floating textarea:focus{box-shadow:none}.composer-send{background:linear-gradient(#ee8eba1f,#81b2e714),#ffffff06;border:1px solid #f4bcd829;border-radius:10px;min-width:58px;min-height:34px;padding:7px 12px;box-shadow:0 8px 18px #0000001a}.moon{opacity:.72;z-index:0;background:radial-gradient(circle at 30% 30%,#fff8d8,#c4d5f3 68%,#0000 72%);border-radius:999px;width:clamp(88px,10vw,140px);height:clamp(88px,10vw,140px);position:absolute;top:72px;right:13vw}.spark{z-index:0;background:#fff4faf0;border-radius:999px;width:10px;height:10px;animation:4.8s ease-in-out infinite drift;position:absolute;box-shadow:0 0 16px #ffffffb8}.spark-a{top:168px;left:12vw}.spark-b{animation-delay:1.1s;top:216px;right:18vw}.portrait{z-index:2;place-items:end center;width:min(76vw,920px);height:min(92vh,1180px);transition:opacity .22s,transform .22s;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.portrait-halo{aspect-ratio:1;filter:blur(20px);background:radial-gradient(circle,#ea7aa838,#0000 68%);border-radius:999px;width:min(58vw,620px);position:absolute;bottom:11vh}.portrait-floor{filter:blur(10px);background:radial-gradient(circle,#05080ef0,#0000 72%);border-radius:999px;width:min(60vw,640px);height:42px;position:absolute;bottom:24px}.live2d-waiting{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;z-index:4;background:linear-gradient(#141e328f,#0a0f195c),#ffffff0a;border:1px solid #f4bcd82e;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #0000002e,0 0 26px #ea7aa814}.live2d-error{color:#ffe4e4eb;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#260c14b8;border:1px solid #ffabab3d;border-radius:14px;max-width:min(88vw,560px);padding:10px 14px;font-size:13px;line-height:1.45;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000042}.live2d-waiting-dot{background:#f4e8f0eb;border-radius:999px;width:8px;height:8px;animation:1.15s ease-in-out infinite waitingPulse;box-shadow:0 0 12px #f4e8f075}.live2d-waiting-dot:nth-child(2){animation-delay:.16s}.live2d-waiting-dot:nth-child(3){animation-delay:.32s}.live2d-waiting-text{color:#f6f7fbe0;letter-spacing:.04em;font-size:13px}.portrait-core{background:radial-gradient(circle at 50% 16%,#879fe438,#0000 28%),linear-gradient(#1e2e54b3,#0d162ad1 58%,#070c18f5);border:1px solid #98b8f02e;border-radius:42% 42% 18% 18%/24% 24% 10% 10%;width:min(48vw,460px);height:min(62vh,720px);animation:5.2s ease-in-out infinite avatarFloat;position:relative;box-shadow:0 24px 60px #00000042,inset 0 0 0 1px #ffffff0a}.portrait-core:before{content:"";opacity:.86;background:linear-gradient(#4e62a247,#0e16280a),radial-gradient(circle at 50% 0,#ffffff0f,#0000 38%);border-radius:44% 44% 20% 20%/24% 24% 12% 12%;position:absolute;inset:8% 8% 14%}.portrait-shimmer{filter:blur(12px);background:radial-gradient(circle,#f2cae53d,#84b0ec05 68%,#0000 72%);border-radius:999px;width:min(22vw,180px);height:min(26vh,240px);animation:4.4s ease-in-out infinite breathe;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.portrait-shimmer:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);border-radius:999px;width:48px;height:48px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.live2d-shell{z-index:3;pointer-events:none;justify-content:center;align-items:end;transition:opacity .18s;display:flex;position:absolute;inset:0}.avatar-stage.is-live2d-ready .portrait{opacity:0;transform:translate(-50%)translateY(10px)}.avatar-stage[data-live2d-mode=shinano] .live2d-shell{opacity:1;pointer-events:auto}.avatar-stage.is-speaking .live2d-canvas{filter:drop-shadow(0 18px 36px #0000003d)drop-shadow(0 0 24px #ea7aa824)}.avatar-stage.is-awaiting .portrait-halo{animation:1.9s ease-in-out infinite waitingHalo}.avatar-stage.is-awaiting .portrait-floor{filter:blur(12px);transform:scaleX(1.03)}.avatar-stage.is-awaiting .live2d-shell{filter:drop-shadow(0 0 28px #ea7aa82e)}.avatar-stage.is-awaiting .live2d-canvas{animation:1.9s ease-in-out infinite waitingFloat}.avatar-stage.is-awaiting .live2d-waiting{opacity:1;transform:translate(-50%)translateY(-4px)}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(4px)scale(1.012)}}@keyframes blink{0%,to{opacity:.82}50%{opacity:1}}@keyframes drift{0%,to{opacity:.42;transform:translateY(0)translate(0)}50%{opacity:1;transform:translateY(-12px)translate(6px)}}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes waitingPulse{0%,to{opacity:.42;transform:translateY(2px)scale(.92)}50%{opacity:1;transform:translateY(-2px)scale(1.08)}}@keyframes waitingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes waitingHalo{0%,to{opacity:.58;filter:blur(20px);transform:scale(.98)}50%{opacity:.92;filter:blur(26px);transform:scale(1.04)}}@media (width<=960px){.shell-hud{width:min(22rem,100vw - 32px);top:16px;left:16px}.shell-hud h1{font-size:1.5rem}.settings-float{width:min(320px,100vw - 32px);padding:14px 16px 16px;top:16px;right:16px}.subtitle-stage{width:calc(100vw - 18px);bottom:10px}.subtitle-history{max-height:min(20vh,170px)}.subtitle-history-list{padding:4px 2px 0}.subtitle-history-line{gap:6px;max-width:calc(100vw - 36px);padding:5px 9px}.settings-actions{flex-direction:column;align-items:stretch}.subtitle-bubble{max-width:calc(100vw - 40px);padding:8px 11px 10px}.subtitle-text{font-size:.82rem;line-height:1.48}.composer-floating{grid-template-columns:1fr;gap:6px;width:min(520px,100vw - 24px);padding:7px 8px 8px}.composer-send{width:100%;min-height:34px}.portrait{width:min(108vw,760px);height:min(90vh,940px)}.portrait-core{width:min(90vw,460px);height:min(58vh,620px)}.portrait-halo,.portrait-floor{width:min(82vw,460px)}.portrait-shimmer{width:min(32vw,150px);height:min(18vh,160px)}.live2d-waiting{max-width:calc(100vw - 32px);padding:9px 14px;bottom:14%}.live2d-waiting-text{font-size:12px}.moon{top:96px;right:24px}.spark-a{left:32px}.spark-b{right:36px}}