*{box-sizing:border-box}body{color:#fff;background:#050510;margin:0;font-family:Microsoft YaHei,system-ui,sans-serif}#vite-error-overlay,.vite-error-overlay{pointer-events:none!important;display:none!important}.top-bar{z-index:20;align-items:center;gap:8px;display:flex;position:fixed;top:16px;right:16px}.top-bar button{color:#fff;cursor:pointer;background:#1e2850d9;border:1px solid #a0c8ff80;border-radius:12px;padding:8px 14px;font-size:14px}.top-bar button:hover{background:#465aa0f2}.ai-working{color:#9fd7ff;background:#0000008c;border-radius:999px;padding:6px 10px;font-size:13px}.menu-button{z-index:25;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#9fd7ff;letter-spacing:2px;text-align:center;background:#0f193cbf;border:1px solid #8cbeff66;border-radius:8px;width:80px;padding:8px 0;font-family:inherit;font-size:14px;transition:all .2s;position:fixed;top:14px;right:18px}.menu-button:hover{color:#fff;background:#283c78cc;border-color:#b4dcffb3;box-shadow:0 0 16px #508cf04d}.menu-dropdown{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1432e6;border:1px solid #78b4f066;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed;top:52px;right:16px;box-shadow:0 4px 16px #00000080}.menu-dropdown button{color:#b0d4ff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:13px;transition:background .15s}.menu-dropdown button:hover{background:#3c64b480}.dialog-overlay{z-index:10;pointer-events:none;position:absolute;inset:auto 0 0}.dialog-choices{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 0 6px;display:flex}.dialog-choice-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#d7e7ff;cursor:pointer;box-sizing:border-box;white-space:normal;text-align:center;background:#141e46e6;border:1px solid #b4dcff80;border-radius:10px;width:fit-content;max-width:50vw;padding:8px 16px;font-size:14px;line-height:1.45;transition:background .15s}.dialog-choice-btn:hover{background:#3c5096f2;border-color:#c8e6ffcc}.dialog-main{pointer-events:auto;align-items:flex-end;gap:0;min-height:120px;padding:0 4%;display:flex}.dialog-content-column{flex-direction:column;flex:auto;justify-content:flex-end;min-width:0;display:flex}.dialog-portrait-area{flex:none;justify-content:flex-end;align-self:stretch;align-items:flex-end;display:flex}.dialog-portrait-area.left{order:-1;margin-right:4px}.dialog-portrait-area.right{order:1;margin-left:4px}.dialog-portrait{object-fit:contain;object-position:bottom;width:auto;max-width:26vw;max-height:50vh;image-rendering:pixelated;filter:drop-shadow(0 0 8px #00000080);align-self:flex-end;display:block}.dialog-box{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#050814d9;border:1px solid #b4dcff59;border-radius:12px;width:100%;min-height:80px;max-height:32vh;padding:10px 16px;overflow:hidden;box-shadow:0 0 20px #5078ff33}.dialog-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.dialog-speaker{color:#9fd7ff;font-size:15px;font-weight:700}.dialog-chapter{color:#a0c8ff80;font-size:11px}.dialog-text{color:#e8f0ff;font-size:15px;line-height:1.65}.dialog-text.narrator{line-height:1.35}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.dialog-action-btn{color:#b9d9ff;cursor:pointer;background:#1e2850cc;border:1px solid #a0c8ff66;border-radius:8px;padding:6px 16px;font-size:13px;transition:background .15s}.dialog-action-btn:hover{background:#3c5096e6}.dialog-action-btn.ai{color:#ffcc80;border-color:#ffb45080}.dialog-action-btn.close{color:#ff9090;border-color:#ff787866}.dialog-arrow-down{text-align:center;pointer-events:none;padding-top:2px;line-height:1;animation:1s ease-in-out infinite arrow-float}.arrow-icon{color:#96c8ff99;font-size:14px}@keyframes arrow-float{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.9;transform:translateY(4px)}}.typing-cursor{color:#9fd7ff;animation:.7s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.status-panel{z-index:15;background:#00000094;border:1px solid #a0c8ff33;border-radius:14px;width:240px;padding:14px;font-size:13px;position:fixed;top:16px;left:16px}.status-panel h3,.ai-trace-panel h3{margin-top:0}.ai-trace-panel{z-index:15;background:#00000094;border:1px solid #a0c8ff33;border-radius:14px;width:380px;max-height:48vh;padding:14px;font-size:13px;position:fixed;top:72px;right:16px;overflow:auto}.ai-trace-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ai-trace-header h3{margin:0}.ai-trace-close{color:#9fd7ff;cursor:pointer;background:#1e285080;border:1px solid #a0c8ff4d;border-radius:6px;padding:2px 8px;font-size:14px;line-height:1}.ai-trace-close:hover{background:#465aa0b3}.ai-trace-panel pre{white-space:pre-wrap;word-break:break-word;color:#d7e7ff}.error-page{padding:48px}.vn-root{width:100vw;height:100vh;position:relative;overflow:hidden}.scene-background{filter:brightness(.76);background-position:50%;background-size:cover;position:absolute;inset:0}.scene-background:after{content:"";background:radial-gradient(circle,#1e50a014,#00000094);position:absolute;inset:0}.chapter-badge{z-index:10;color:#b9d9ff;background:#00000073;border:1px solid #78b4ff59;border-radius:999px;padding:8px 14px;font-size:14px;position:fixed;top:72px;left:280px}.vn-content{z-index:5;position:absolute;bottom:8%;left:8%;right:8%}.dialogue-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050814d1;border:1px solid #b4dcff59;border-radius:16px;padding:24px;box-shadow:0 0 30px #5078ff40}.speaker-name{color:#9fd7ff;margin-bottom:12px;font-weight:700}.dialogue-text{font-size:18px;line-height:1.8}.choice-panel{flex-direction:column;gap:12px;margin-top:18px;display:flex}.choice-button,.next-button{color:#fff;cursor:pointer;background:#1e2850d9;border:1px solid #a0c8ff80;border-radius:12px;padding:12px 18px;font-size:16px}.choice-button:hover,.next-button:hover{background:#465aa0f2}.cg-overlay{z-index:12;pointer-events:none;background:#000;position:absolute;inset:0}.cg-overlay.cg-phone-transparent{z-index:18;background:0 0}.cg-overlay.cg-phone-transparent .cg-background{display:none}.cg-overlay.cg-exiting .cg-background,.cg-overlay.cg-exiting .cg-portrait-area,.cg-overlay.cg-exiting .cg-choices,.cg-overlay.cg-exiting .cg-dialog-area,.cg-overlay.cg-exiting .cg-center-portrait-image,.cg-overlay.cg-exiting .papers-fall-layer{opacity:0;transition:opacity .35s ease-in}.cg-background{image-rendering:auto;background-position:50%;background-size:cover;position:absolute;inset:0}.cg-background-fade-in{animation:.7s ease-out both cgSceneFadeIn}@keyframes cgSceneFadeIn{0%{opacity:0;filter:brightness(0)}to{opacity:1;filter:brightness()}}.papers-fall-layer{z-index:5;pointer-events:none;position:absolute;inset:-12vh 0 0;overflow:hidden}.falling-paper{opacity:0;background:linear-gradient(90deg,#0000 12%,#b42020b8 13% 17%,#0000 18%),repeating-linear-gradient(#f2ead8 0 7px,#b8a991 8px,#f2ead8 9px 13px);border:1px solid #822323a6;animation-name:paperFall;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-14vh;box-shadow:0 3px 8px #00000059}.falling-paper:nth-child(3n){background:linear-gradient(90deg,#0000 58%,#b42020b8 59% 65%,#0000 66%),repeating-linear-gradient(#eee6d5 0 6px,#aa9b85 7px,#eee6d5 8px 12px)}@keyframes paperFall{0%{opacity:0;transform:translate(-20px,-10vh)rotate(0)rotateY(0)}8%{opacity:.95}50%{transform:translate(48px,56vh)rotate(190deg)rotateY(110deg)}to{opacity:.78;transform:translate(-35px,125vh)rotate(420deg)rotateY(240deg)}}.cg-countdown-display{z-index:3;color:#fff;letter-spacing:.08em;text-shadow:0 0 12px #fffc;font-family:Courier New,monospace;font-size:clamp(4rem,12vw,9rem);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cg-ui-stack{z-index:24;pointer-events:none;position:absolute;inset:auto 0 0}.cg-dialog-main{pointer-events:auto;align-items:flex-end;min-height:120px;padding:0 4%;display:flex}.cg-portrait-area{pointer-events:none;flex:none;justify-content:flex-end;align-self:stretch;align-items:flex-end;display:flex}.cg-portrait-area.left{order:-1;margin-right:4px}.cg-portrait-area.right{order:1;margin-left:4px}.cg-portrait{object-fit:contain;object-position:bottom;width:auto;max-width:26vw;max-height:50vh;image-rendering:pixelated;filter:drop-shadow(0 0 12px #0009);display:block}.cg-choices{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 0 6px;display:flex}.cg-choice-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#d7e7ff;cursor:pointer;box-sizing:border-box;white-space:normal;text-align:center;background:#0a0f28d9;border:1px solid #c8dcff80;border-radius:10px;width:fit-content;max-width:50vw;padding:10px 20px;font-size:15px;line-height:1.45;transition:background .15s}.cg-choice-btn:hover{background:#32468ce6;border-color:#c8e6ffcc}.cg-dialog-area{pointer-events:auto;width:100%;padding:0}.cg-content-column{flex-direction:column;flex:auto;justify-content:flex-end;min-width:0;display:flex}.cg-dialog-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#050814d1;border:1px solid #b4dcff4d;border-radius:12px;min-height:70px;max-height:30vh;padding:10px 18px;overflow:hidden;box-shadow:0 0 24px #5078ff2e}.cg-dialog-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.cg-dialog-speaker{color:#9fd7ff;font-size:15px;font-weight:700}.cg-dialog-chapter{color:#a0c8ff73;font-size:11px}.cg-dialog-text{color:#e8f0ff;white-space:pre-wrap;font-size:15px;line-height:1.7}.cg-dialog-text.narrator{line-height:1.35}.eye-open-overlay{z-index:20;pointer-events:none;background:#000;position:absolute;inset:0}@keyframes eyeBlink{0%{opacity:1}10%{opacity:1}15%{opacity:.15}20%{opacity:1}25%{opacity:1}30%{opacity:.15}35%{opacity:1}40%{opacity:1}45%{opacity:.15}50%{opacity:1}70%{opacity:.6}to{opacity:0}}.eye-open-overlay.blinking{animation:2s ease-in-out forwards eyeBlink}.react-flash-overlay{z-index:30;pointer-events:none;position:absolute;inset:0}.react-flash-overlay.red{background:#f00c;animation:.8s ease-out forwards flashFadeOut}@keyframes flashFadeOut{0%{opacity:1}to{opacity:0}}.scripted-screen-effect{z-index:31;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scripted-screen-effect.golden_light{background:radial-gradient(at 50% 92%,#ffe260f2 0%,#ffbf366b 24%,#ffcd5614 58%,#0000 76%),radial-gradient(at 50% 52%,#fff8c77a 0%,#ffda5b2e 36%,#0000 68%);animation:3.6s ease-in-out forwards goldenLightFade}.scripted-screen-effect.golden_light:before,.scripted-screen-effect.golden_light:after{content:"";filter:blur(10px);background:linear-gradient(#fff0,#fff3aab8,#ffbe240d);border-radius:50%;width:22vw;height:116vh;animation:3.2s ease-out forwards goldenLightRise;position:absolute;bottom:-14vh;left:50%;transform:translate(-50%)rotate(-9deg)}.scripted-screen-effect.golden_light:after{width:12vw;animation-delay:.15s;transform:translate(-50%)rotate(13deg)}.scripted-screen-effect.shatter_screen{background:linear-gradient(112deg,#0000 0 43%,#fffffff2 43.2% 43.6%,#0000 43.8% 100%),linear-gradient(28deg,#0000 0 52%,#ffffffc7 52.2% 52.5%,#0000 52.7% 100%),linear-gradient(151deg,#0000 0 38%,#ffffffb3 38.2% 38.5%,#0000 38.7% 100%),radial-gradient(circle at 50% 48%,#ffffffbf,#0000 34%);animation:.9s ease-out forwards shatterScreenFlash}@keyframes goldenLightFade{0%{opacity:0;filter:saturate(1.1)}16%{opacity:1;filter:saturate(1.35)brightness(1.05)}72%{opacity:.92}to{opacity:0;filter:saturate(1.1)brightness(1.25)}}@keyframes goldenLightRise{0%{opacity:0;filter:blur(18px);bottom:-72vh}24%{opacity:1}72%{opacity:.82;filter:blur(7px);bottom:6vh}to{opacity:0;filter:blur(15px);bottom:34vh}}@keyframes shatterScreenFlash{0%{opacity:0;filter:brightness();transform:scale(1.02)}18%{opacity:1;filter:brightness(1.7);transform:scale(1)}48%{opacity:.86;filter:brightness(1.35)}to{opacity:0;filter:brightness(2.1);transform:scale(1.08)}}.system-info-stage{z-index:35;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.system-info-panel{color:#eefaff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#185e9ac7,#06193ac2),radial-gradient(circle at 0 0,#77d8ff38,#0000 46%);border:1px solid #90dcffe6;border-radius:18px;width:min(720px,72vw);max-height:58vh;padding:28px 34px 24px;animation:.24s ease-out both systemInfoIn;box-shadow:0 0 28px #44beff61,inset 0 0 22px #91e1ff24}.system-info-stage.closing .system-info-panel{animation:.36s ease-in both systemInfoOut}.system-info-title{letter-spacing:.08em;text-align:center;color:#fff;text-shadow:0 0 14px #5bd0ffe6;font-size:28px;font-weight:800}.system-info-subtitle{text-align:center;color:#c4ecffd6;margin-top:8px;font-size:15px}.system-info-lines{gap:12px;margin-top:22px;font-size:17px;line-height:1.65;display:grid}.system-info-line{background:#010f2440;border-left:3px solid #8ce2ffc7;padding:8px 12px}.system-info-hint{text-align:right;color:#dcf4ffb8;margin-top:22px;font-size:13px;animation:1.4s ease-in-out infinite systemHintPulse}@keyframes systemInfoIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes systemInfoOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.985)}}@keyframes systemHintPulse{0%,to{opacity:.45}50%{opacity:1}}.floating-text-layer{z-index:18;pointer-events:none;position:absolute;inset:0}.floating-text{color:#fff;white-space:normal;text-shadow:0 0 10px #d2e6ffbf,0 2px 8px #000c;max-width:46vw;line-height:1.45;animation:.4s ease-out both floatingTextIn;position:absolute}.floating-text.climax{text-align:center;white-space:nowrap;color:#fff8d8;background:linear-gradient(#fff 0%,#fff4be 38%,#f5c451 72%,#d99a20 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 18px #ffdc69f2,0 0 42px #ffffff9e;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:.25s ease-out both floatingTextCenterIn,.12s infinite ritualShake;transform:translate(-50%,-50%)}.floating-text.gold{color:#fff5c4;text-shadow:0 0 14px #ffda54e6,0 2px 8px #000000d9}.floating-text.backlash{color:#e6ebf0e6;filter:blur(.2px);text-shadow:0 0 8px #b4bed28c,0 2px 8px #000000e6;animation:.35s ease-out both floatingTextIn,.2s infinite ritualShake}@keyframes floatingTextIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes floatingTextCenterIn{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes ritualShake{0%,to{margin-left:0}25%{margin-left:-1px}75%{margin-left:1px}}.phone-chat-stage{z-index:17;pointer-events:none;align-items:center;display:flex;position:absolute;top:5vh;bottom:16vh}.phone-cg-blackout{z-index:16;pointer-events:none;background:#000;position:absolute;inset:0}.phone-chat-stage.center{left:50%;transform:translate(-50%)}.phone-chat-stage.left{left:7vw}.phone-chat-stage.right{right:7vw}.phone-chat-device{pointer-events:auto;background:#e9edf3;border:10px solid #111827;border-radius:34px;flex-direction:column;width:min(390px,34vw);min-width:300px;height:min(690px,76vh);animation:.35s ease-out both phoneChatAppear;display:flex;overflow:hidden;box-shadow:0 18px 60px #0000008c,inset 0 0 0 1px #ffffff4d}.phone-chat-device.stable{animation:none}.phone-chat-speaker{background:#111827cc;border-radius:999px;width:72px;height:5px;margin:10px auto 6px}.phone-chat-header{text-align:center;background:#f6f8fcf5;border-bottom:1px solid #78829647;padding:8px 16px 12px}.phone-chat-title{color:#111827;font-size:15px;font-weight:700}.phone-chat-subtitle{color:#6b7280;margin-top:3px;font-size:11px}.phone-chat-body{background:radial-gradient(circle at 20% 8%,#ffffffb3,#0000 18%),linear-gradient(#eef2f7 0%,#dfe5ee 100%);flex:1;padding:14px 12px 18px;overflow:hidden auto}.phone-chat-members,.phone-chat-announcement{flex-direction:column;gap:10px;display:flex}.phone-member-row{background:#ffffffb8;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.phone-member-name{color:#1f2937;flex:1;font-size:14px}.phone-member-badge{color:#2563eb;background:#3b82f629;border-radius:999px;padding:2px 6px;font-size:11px}.phone-announcement-title{color:#64748b;letter-spacing:.08em;font-size:13px}.phone-announcement-card{color:#111827;text-align:center;background:#ffffffd1;border:1px solid #94a3b852;border-radius:14px;padding:18px 16px;font-size:18px;line-height:1.6}.phone-chat-row{align-items:flex-start;gap:8px;margin:8px 0;animation:.22s ease-out both phoneBubbleIn;display:flex}.phone-chat-row.left{justify-content:flex-start}.phone-chat-row.right{justify-content:flex-end}.phone-chat-row.center{justify-content:center}.phone-chat-avatar{color:#fff;background:linear-gradient(135deg,#6b8cff,#9fd7ff);border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid;overflow:hidden}.phone-chat-avatar.self{background:linear-gradient(135deg,#49c26d,#a7f3c0)}.phone-chat-avatar img{object-fit:cover;width:100%;height:100%}.phone-chat-bubble{color:#111827;border-radius:10px;max-width:72%;padding:7px 10px 8px;box-shadow:0 1px 2px #00000014}.phone-chat-bubble.left{background:#fff;border-top-left-radius:3px}.phone-chat-bubble.right{background:#9eea6a;border-top-right-radius:3px}.phone-chat-bubble.center{color:#667085;max-width:86%;box-shadow:none;text-align:center;background:#7882962e;border-radius:999px;padding:5px 10px;font-size:12px}.phone-chat-sender{color:#6b7280;margin-bottom:3px;font-size:11px;line-height:1.2}.phone-chat-text{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.45}.phone-chat-typing-dots{gap:4px;padding:3px 2px;display:flex}.phone-chat-typing-dots span{background:#9ca3af;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite phoneTypingDot}.phone-chat-typing-dots span:nth-child(2){animation-delay:.12s}.phone-chat-typing-dots span:nth-child(3){animation-delay:.24s}.phone-chat-footer{color:#7b8494;text-align:center;background:#f6f8fcf5;border-top:1px solid #78829633;padding:7px 12px 11px;font-size:11px}@keyframes phoneChatAppear{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes phoneBubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes phoneTypingDot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.start-menu{z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-menu-bg{image-rendering:auto;background-position:50%;background-size:cover;position:absolute;inset:0}.start-menu-overlay{background:linear-gradient(#00000059 0%,#0000008c 50%,#000000bf 100%);position:absolute;inset:0}.start-menu-main{z-index:1;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.start-menu-title{color:#e8f0ff;text-shadow:0 0 30px #64a0ff80,0 4px 12px #000000b3;letter-spacing:8px;margin:0;font-size:48px;font-weight:700}.start-menu-subtitle{color:#b4d2ff99;letter-spacing:6px;margin:0 0 32px;font-size:16px}.start-menu-buttons{flex-direction:column;align-items:center;gap:12px;display:flex}.start-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#c8deff;cursor:pointer;letter-spacing:2px;background:#0f193cbf;border:1px solid #8cbeff66;border-radius:8px;width:220px;padding:12px 0;font-size:16px;transition:all .2s}.start-btn:hover{color:#fff;background:#283c78cc;border-color:#b4dcffb3;box-shadow:0 0 16px #508cf04d}.start-btn.exit-btn{color:#b4bed299;border-color:#9696aa59;width:140px;margin-top:16px;padding:8px 0;font-size:13px}.start-btn.exit-btn:hover{color:#faa;background:#3c1e1eb3;border-color:#dc787880;box-shadow:0 0 12px #dc505040}.start-btn.back-btn{align-self:center;width:160px;margin-top:12px;font-size:14px}.start-menu-version{color:#96b4dc59;letter-spacing:2px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.start-menu-load{z-index:1;flex-direction:column;align-items:center;gap:16px;max-height:80vh;display:flex;position:relative;overflow:auto}.load-title{color:#9fd7ff;letter-spacing:4px;margin:0;font-size:22px}.load-slots{flex-direction:column;gap:8px;width:340px;display:flex}.load-empty{text-align:center;color:#a0c8f066;padding:24px}.load-slot-btn{color:#c8deff;cursor:pointer;text-align:left;background:#0f193c99;border:1px solid #78b4f04d;border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;transition:all .15s;display:flex}.load-slot-btn:hover{background:#283c78b3;border-color:#a0d2ff80}.load-slot-num{color:#9fd7ff;font-size:14px;font-weight:700}.load-slot-time{color:#a0c8f073;font-size:11px}.load-slot-preview{color:#b4d2f099;font-size:12px}.game-menu-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-menu-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a122deb;border:1px solid #78b4f04d;border-radius:16px;flex-direction:column;align-items:center;gap:14px;min-width:340px;max-width:96vw;padding:36px 48px;display:flex;box-shadow:0 0 40px #3c78dc26}.game-menu-title{color:#9fd7ff;letter-spacing:4px;margin:0 0 4px;font-size:20px}.game-menu-buttons{flex-direction:column;align-items:center;gap:8px;display:flex}.tutorial-overlay{z-index:72}.tutorial-panel{color:#eaf2ff;background:radial-gradient(circle at 0 0,#4c93ff29,#0000 38%),linear-gradient(145deg,#101c44f7,#080d22fa);border:1px solid #94cdff61;border-radius:18px;flex-direction:column;width:min(720px,92vw);max-height:min(720px,86vh);display:flex;overflow:hidden;box-shadow:0 26px 78px #00000094,0 0 32px #4696ff1f}.tutorial-header{border-bottom:1px solid #94cdff33;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 28px 16px;display:flex}.tutorial-title{color:#f5f9ff;letter-spacing:.08em;margin:0;font-size:26px}.tutorial-subtitle{color:#a9c6f6;margin:8px 0 0;font-size:13px}.tutorial-content{padding:22px 28px 8px;overflow-y:auto}.tutorial-section{background:#0c183a9e;border:1px solid #87beff33;border-radius:14px;padding:16px 18px}.tutorial-section+.tutorial-section{margin-top:14px}.tutorial-section-title{color:#9fd7ff;letter-spacing:.06em;margin:0 0 10px;font-size:17px}.tutorial-lines{color:#dce8ff;margin:0;padding-left:20px;font-size:15px;line-height:1.85}.tutorial-confirm{align-self:center;margin:18px 0 24px}.confirm-panel{flex-direction:column;align-items:center;min-width:360px;max-width:400px;padding:28px 36px 24px;display:flex}.confirm-text{color:#e0e8ff;text-align:center;margin:0 0 20px;font-size:14px;line-height:1.6}.confirm-buttons{justify-content:center;gap:20px;width:100%;display:flex}.confirm-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#c8deff;cursor:pointer;letter-spacing:2px;background:#0f193cbf;border:1px solid #8cbeff66;border-radius:8px;width:120px;padding:10px 0;font-size:15px;transition:all .2s}.confirm-btn:hover{color:#fff;background:#283c78cc;border-color:#b4dcffb3;box-shadow:0 0 16px #508cf04d}.confirm-btn.cancel{color:#b4bed2a6;border-color:#9696aa59}.confirm-btn.cancel:hover{color:#faa;background:#3c1e1eb3;border-color:#dc787880;box-shadow:0 0 12px #dc505040}.save-slots{flex-direction:column;gap:6px;width:480px;max-width:90vw;max-height:60vh;padding-right:2px;display:flex;overflow-y:auto}.save-slot-card{background:#0c16378c;border:1px solid #64a0dc40;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.save-slot-card:hover{background:#142655b3;border-color:#8cc8ff73}.save-slot-card--empty{background:#0a122d59;border-color:#5078b426}.save-slot-index{flex:0 0 32px;justify-content:center;align-items:center;display:flex}.save-slot-num{color:#7dc8f8;border:1px solid #78b4f059;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.save-slot-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.save-slot-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.save-slot-chapter{color:#a8d8ff;letter-spacing:.5px;font-size:11px;font-weight:700}.save-slot-map{color:#96c8f099;border:1px solid #78aadc4d;border-radius:3px;padding:0 5px;font-size:10px;line-height:1.6}.save-slot-preview{color:#c8e1ffbf;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.save-slot-time{color:#8cb4dc66;font-size:10px}.save-slot-nil{color:#78a0c84d;font-size:12px;font-style:italic}.save-slot-empty{text-align:center;color:#8cb4dc59;padding:20px 0;font-size:13px}.save-slot-actions{flex-direction:column;flex:none;gap:4px;display:flex}.slot-action-btn{color:#a0c8f0;cursor:pointer;white-space:nowrap;background:#14234699;border:1px solid #8cbef04d;border-radius:4px;padding:4px 12px;font-size:11px;transition:all .15s}.slot-action-btn:hover{background:#325096b3;border-color:#8cbef08c}.slot-action-btn.save-action{color:#8de0b8;border-color:#64c89659}.slot-action-btn.save-action:hover{background:#1e5a3c99}.slot-action-btn.load-action{color:#8dc8f8;border-color:#64aaf059}.slot-action-btn.load-action:hover{background:#1e3c78b3}.slot-action-btn.del-action{color:#dc8c8cb3;border-color:#c8646440}.slot-action-btn.del-action:hover{color:#faa;background:#b4282880;border-color:#dc787880}.load-slot-row{background:#0f193c66;border:1px solid #64a0dc33;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.load-slot-preview.empty-slot{color:#8cb4dc4d;font-style:italic}.settings-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a122df0;border:1px solid #78b4f04d;border-radius:16px;flex-direction:column;align-items:center;gap:28px;width:420px;max-width:90vw;padding:36px 40px;display:flex;box-shadow:0 0 40px #3c78dc2e}.settings-title{color:#9fd7ff;letter-spacing:4px;margin:0;font-size:20px}.settings-body{flex-direction:column;gap:22px;width:100%;display:flex}.settings-row{flex-direction:column;gap:10px;display:flex}.settings-label{color:#c8deff;letter-spacing:1px;align-items:center;gap:8px;font-size:14px;display:flex}.settings-hint{color:#a0c8f073;font-size:12px;font-weight:400}.settings-slider-wrap{align-items:center;gap:14px;display:flex}.settings-slider{appearance:none;cursor:pointer;background:#3c6ec859;border-radius:2px;outline:none;flex:1;height:4px}.settings-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#7ec8ff;border:2px solid #b4dcffcc;border-radius:50%;width:16px;height:16px;transition:background .15s;box-shadow:0 0 8px #64b4ff80}.settings-slider::-webkit-slider-thumb:hover{background:#b8e0ff}.settings-slider::-moz-range-thumb{cursor:pointer;background:#7ec8ff;border:2px solid #b4dcffcc;border-radius:50%;width:16px;height:16px}.settings-value{color:#9fd7ff;text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-size:13px}.backlog-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a122deb;border:1px solid #78b4f04d;border-radius:16px;flex-direction:column;width:460px;max-width:90vw;max-height:80vh;padding:24px 28px;display:flex;box-shadow:0 0 40px #3c78dc26}.backlog-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.backlog-title{color:#9fd7ff;letter-spacing:3px;margin:0;font-size:18px}.backlog-count{color:#a0c8f066;font-size:12px}.backlog-list{flex-direction:column;flex:1;gap:12px;max-height:60vh;padding-right:4px;display:flex;overflow-y:auto}.backlog-empty{text-align:center;color:#a0c8f059;padding:36px 0;font-size:14px}.backlog-entry{background:#0f193c4d;border-left:2px solid #64a0dc2e;border-radius:4px;padding:8px 12px}.backlog-entry-speaker{color:#9fd7ff;margin-bottom:4px;font-size:12px;font-weight:700}.backlog-entry-text{color:#c8deff;font-size:13px;line-height:1.5}.backlog-list::-webkit-scrollbar{width:4px}.backlog-list::-webkit-scrollbar-track{background:0 0}.backlog-list::-webkit-scrollbar-thumb{background:#64a0dc40;border-radius:2px}.portrait-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.portrait-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a122ded;border:1px solid #78b4f04d;border-radius:16px;flex-direction:column;width:520px;max-width:92vw;max-height:85vh;padding:28px 32px;display:flex;overflow:auto;box-shadow:0 0 50px #3c78dc33}.portrait-generated-image{aspect-ratio:16/9;object-fit:contain;width:100%;image-rendering:pixelated;background:#080b18;border:2px solid #d8b45bbf;display:block}.portrait-generated-summary{color:#cbd6ea;margin:10px 0 16px;line-height:1.6}.cg-center-portrait-image{z-index:4;aspect-ratio:16/9;object-fit:contain;width:min(78vw,1120px);max-height:68vh;image-rendering:pixelated;background:#080b18;border:4px solid #d8b45be6;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 36px #d8b45b4d}.demo-portrait-generating{z-index:60;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ai-scene-generating{z-index:44;pointer-events:auto;background:#0003;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ai-scene-generating-text{color:#e8f0ff;letter-spacing:.08em;background:#050814e0;border:1px solid #b4dcff73;border-radius:10px;padding:12px 22px;box-shadow:0 0 24px #5078ff38}.demo-portrait-generating-text{color:#f5d878;letter-spacing:4px;font-size:28px;animation:1.2s ease-in-out infinite typingBlink}.portrait-title{color:#9fd7ff;letter-spacing:4px;text-align:center;margin:0 0 20px;font-size:22px}.portrait-empty{flex-direction:column;align-items:center;gap:12px;padding:36px 20px;display:flex}.portrait-empty-icon{margin:0;font-size:48px}.portrait-empty-text{color:#b0c8e8;text-align:center;font-size:15px;line-height:1.6}.portrait-records{flex-direction:column;gap:20px;max-height:60vh;padding-right:4px;display:flex;overflow-y:auto}.portrait-record{background:#0f193c66;border:1px solid #64a0dc33;border-radius:10px;padding:16px}.portrait-record-header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.portrait-ending-title{color:#e0f0ff;font-size:15px;font-weight:700}.portrait-record-time{color:#a0c8f066;font-size:11px}.portrait-traits-grid{flex-direction:column;gap:10px;display:flex}.portrait-trait-row{flex-direction:column;gap:2px;display:flex}.portrait-trait-header{justify-content:space-between;align-items:baseline;display:flex}.portrait-trait-name{color:#a8c8e8;font-size:12px}.portrait-trait-value{font-size:12px;font-weight:700}.portrait-trait-desc{color:#a0c8f059;margin-bottom:2px;font-size:10px}.portrait-trait-bar-bg{background:#3c50784d;border-radius:3px;height:6px;overflow:hidden}.portrait-trait-bar-fill{border-radius:3px;height:100%;transition:width .5s}.notebook-overlay{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000009e;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.notebook-panel{color:#e5edff;background:linear-gradient(145deg,#121e44f5,#080e22f7),#080e22f5;border:1px solid #94beff61;border-radius:18px;flex-direction:column;width:min(1080px,92vw);max-height:min(760px,86vh);display:flex;overflow:hidden;box-shadow:0 24px 70px #00000094}.notebook-header{border-bottom:1px solid #94beff38;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 18px;display:flex}.notebook-title{color:#f5f8ff;letter-spacing:.08em;margin:0;font-size:28px}.notebook-subtitle{color:#9db3dc;margin:8px 0 0;font-size:14px}.notebook-close{color:#eaf2ff;cursor:pointer;background:#324b9194;border:1px solid #a0c8ff59;border-radius:10px;padding:8px 18px}.notebook-close:hover{background:#4b69b9b8}.notebook-content{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px 24px 26px;display:grid;overflow-y:auto}.notebook-section{min-width:0}.notebook-section-title{color:#ffd98a;letter-spacing:.08em;margin:0 0 12px;font-size:18px}.notebook-entry-list{flex-direction:column;gap:12px;display:flex}.notebook-entry{background:#070f26ad;border:1px solid #82aaeb38;border-radius:14px;padding:14px 15px}.notebook-entry-title{color:#f1f6ff;margin:0 0 9px;font-size:16px}.notebook-entry-lines{color:#c5d4f3;margin:0;padding-left:18px;font-size:13px;line-height:1.7}.notebook-entry-lines li+li{margin-top:4px}.notebook-empty{color:#9db3dc;text-align:center;padding:50px 28px}.notebook-content::-webkit-scrollbar{width:8px}.notebook-content::-webkit-scrollbar-track{background:#ffffff0a}.notebook-content::-webkit-scrollbar-thumb{background:#87aae659;border-radius:4px}@media (width<=900px){.notebook-content{grid-template-columns:1fr}}.notebook-toast{display:none}.notebook-toast p{margin:0}