:root{--ink:#17100c;--paper:#efe1c1;--paper-2:#fff7e7;--red:#922d24;--gold:#d6a83d;--muted:#b8aa90;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#090706;color:#fff}body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;overflow:hidden}.hidden{display:none!important}button,a{font:inherit}button{cursor:pointer}.screen{position:fixed;inset:0;padding-top:calc(56px + var(--safe-top));overflow:hidden}.eyebrow{font-family:Georgia,serif;font-size:11px;letter-spacing:.24em;color:var(--gold);font-weight:700;text-transform:uppercase}
.game-topbar{position:fixed;inset:0 0 auto;height:calc(56px + var(--safe-top));padding:var(--safe-top) 16px 0;z-index:3000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(10,7,5,.84);border-bottom:1px solid rgba(214,168,61,.22);backdrop-filter:blur(14px)}.back-link{color:#eee1c5;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:6px}.topbar-brand{display:flex;align-items:center;gap:8px;color:#f7ecd5;font-weight:700;font-size:14px;white-space:nowrap}.topbar-brand img{border-radius:50%}.icon-btn{justify-self:end;width:44px;height:44px;border:1px solid rgba(214,168,61,.45);border-radius:50%;color:var(--gold);background:rgba(0,0,0,.25);font-size:20px}.icon-btn[aria-pressed="true"]{background:var(--gold);color:#1b1209}
.landing-screen{display:grid;place-items:center;background:url('assets/bg_banquet.webp') center/cover no-repeat}.landing-shade{position:absolute;inset:0;background:radial-gradient(circle at 65% 36%,transparent 0,rgba(5,3,2,.35) 38%,rgba(5,3,2,.92) 100%),linear-gradient(180deg,rgba(5,3,2,.15),rgba(5,3,2,.88))}.landing-content{position:relative;text-align:center;width:min(92%,620px);padding:38px 26px;animation:opening 1s both}.landing-content h1{font-family:KaiTi,STKaiti,serif;font-size:clamp(64px,16vw,108px);letter-spacing:.16em;margin:.08em -.16em .12em 0;color:#f4e6c5;text-shadow:0 8px 28px #000}.landing-kicker{max-width:520px;margin:0 auto 24px;line-height:1.85;color:#e4d8c4;font-size:clamp(15px,3.6vw,18px)}.experience-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}.experience-tags span{padding:7px 12px;border:1px solid rgba(214,168,61,.38);background:rgba(14,9,6,.48);font-size:12px;color:#eadbbf}.primary-btn{min-height:50px;padding:0 34px;border:1px solid #e3b84f;background:linear-gradient(135deg,#9f3026,#6e1815);color:#fff7e5;letter-spacing:.15em;font-weight:700;box-shadow:0 10px 30px rgba(80,12,8,.42);transition:.2s}.primary-btn:hover,.primary-btn:focus-visible{transform:translateY(-2px);box-shadow:0 14px 36px rgba(120,25,18,.58)}.free-note{margin-top:14px;color:#b9ac99;font-size:12px}.scroll-cue{position:absolute;bottom:calc(18px + var(--safe-bottom));left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.18em;color:#a8977d;white-space:nowrap}
.briefing-screen{overflow-y:auto;background:url('assets/bg_paper.webp') center/cover}.briefing-screen:before{content:"";position:fixed;inset:56px 0 0;background:linear-gradient(rgba(18,10,6,.15),rgba(18,10,6,.5));pointer-events:none}.briefing-paper{position:relative;width:min(92%,760px);margin:clamp(24px,6vh,70px) auto;padding:clamp(24px,6vw,58px);color:#302219;background:rgba(255,248,230,.94);border:1px solid rgba(132,76,36,.4);box-shadow:0 24px 70px rgba(0,0,0,.42);text-align:center}.briefing-paper:before{content:"密";position:absolute;right:26px;top:22px;width:54px;height:54px;border:3px double var(--red);display:grid;place-items:center;color:var(--red);font-family:KaiTi,serif;font-size:28px;transform:rotate(8deg);opacity:.76}.briefing-paper h2{font-family:KaiTi,STKaiti,serif;font-size:clamp(34px,8vw,58px);margin:10px 0 18px}.case-intro{line-height:1.9;color:#5e4b3b;max-width:620px;margin:0 auto 24px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.case-grid article{padding:13px 10px;background:#f3e7cd;border-top:2px solid #a13b2e}.case-grid strong,.case-grid span{display:block}.case-grid strong{font-size:12px;color:#8f3027;margin-bottom:5px}.case-grid span{font-size:13px}.suspect-strip{display:flex;justify-content:center;gap:12px;margin:20px 0 28px}.suspect-strip figure{width:30%;max-width:150px;background:#e8d8b7;padding:7px}.suspect-strip img{width:100%;height:120px;object-fit:contain;background:linear-gradient(#ded1b4,#bca77f)}.suspect-strip figcaption{font-weight:700;padding:6px 2px 2px}.suspect-strip small{font-weight:400;color:#806b52}.text-btn{display:block;margin:14px auto 0;min-height:44px;border:0;background:transparent;color:#795e42;text-decoration:underline}
#game-container{width:min(100%,760px);left:50%;right:auto;transform:translateX(-50%);background:#000;box-shadow:0 0 80px rgba(0,0,0,.9)}.case-hud{position:absolute;top:calc(56px + var(--safe-top));left:0;right:0;height:52px;z-index:90;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:linear-gradient(rgba(7,5,4,.9),rgba(7,5,4,.25));font-size:12px;color:#dfd3bd}.case-hud>div{min-width:130px}.progress-track{height:2px;background:rgba(255,255,255,.18);margin-top:6px}.progress-track i{display:block;width:0;height:100%;background:var(--gold);transition:width .4s}.case-hud button{min-height:40px;padding:0 13px;border:1px solid rgba(214,168,61,.4);background:rgba(12,8,6,.62);color:#f2e4c7;border-radius:20px}.case-hud b{color:var(--gold)}
#story-mode-layer,#chat-mode-layer{position:absolute;inset:0}#background-layer{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .35s,transform 5s;transform:scale(1.03)}#background-layer.scene-change{opacity:.15;transform:scale(1.08)}.scene-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 38%,rgba(0,0,0,.65)),radial-gradient(circle at 50% 45%,transparent 35%,rgba(0,0,0,.42));pointer-events:none}.scene-vignette:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0,rgba(255,196,91,.05) 48%,transparent 64%);animation:lightSweep 8s linear infinite}.scene-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.scene-flash.flash{animation:flash .45s}
#character-layer{position:absolute;z-index:8;left:50%;bottom:190px;height:min(58vh,560px);width:min(92%,520px);transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;pointer-events:none;animation:charEnter .45s both}#character-img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.75))}.speaker-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#dialogue-box{position:absolute;z-index:20;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));min-height:166px;padding:18px 18px 54px;color:#fff;background:linear-gradient(135deg,rgba(14,10,8,.94),rgba(35,19,15,.9));border:1px solid rgba(214,168,61,.5);box-shadow:0 16px 48px rgba(0,0,0,.6);backdrop-filter:blur(10px)}#speaker-name{font-family:KaiTi,STKaiti,serif;font-size:20px;color:#e7b951}#dialogueHint{font-size:11px;color:#a99981}#dialogue-text{font-family:"Songti SC",SimSun,serif;font-size:16px;line-height:1.8;white-space:pre-line;min-height:58px}.keyword{color:#f2c85b;font-weight:700;text-shadow:0 0 12px rgba(242,200,91,.25)}#next-btn{position:absolute;right:12px;bottom:10px;min-width:96px;min-height:40px;border:0;background:transparent;color:#e9c66d;font-weight:700}#next-btn span{font-size:23px;vertical-align:-2px;animation:nudge 1s infinite}
#story-options{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:90px 22px 24px;background:rgba(5,3,2,.82);backdrop-filter:blur(7px)}.option-heading{font-family:KaiTi,serif;font-size:28px;margin-bottom:10px}.option-btn{width:min(100%,500px);min-height:58px;padding:14px 18px;border:1px solid rgba(214,168,61,.58);background:linear-gradient(135deg,rgba(68,26,20,.92),rgba(27,16,12,.94));color:#fff3db;text-align:left;transition:.2s}.option-btn:hover,.option-btn:focus-visible{transform:translateX(5px);border-color:#edc35f;background:#79251f}
#search-layer{position:absolute;inset:0;z-index:25;background:rgba(5,3,2,.12)}.search-prompt{position:absolute;top:112px;left:50%;transform:translateX(-50%);width:max-content;max-width:88%;text-align:center;padding:10px 16px;background:rgba(8,5,4,.72);border:1px solid rgba(214,168,61,.4);backdrop-filter:blur(8px)}.search-prompt span,.search-prompt strong,.search-prompt small{display:block}.search-prompt span{font-size:10px;letter-spacing:.2em;color:var(--gold)}.search-prompt strong{font-family:KaiTi,serif;font-size:20px;margin:4px 0}.search-prompt small{color:#c9bda8}.scene-hotspot{position:absolute;left:57%;top:43%;width:72px;height:72px;border:1px solid rgba(255,218,116,.8);border-radius:50%;background:rgba(146,45,36,.22);color:#fff;box-shadow:0 0 0 0 rgba(242,200,91,.6);animation:pulse 1.8s infinite}.scene-hotspot i{position:absolute;inset:18px;border:1px solid #f1c557;border-radius:50%}.scene-hotspot span{position:absolute;top:76px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;text-shadow:0 2px 4px #000}
#clue-popup{position:absolute;inset:0;z-index:160;display:grid;place-items:center;padding:22px;background:rgba(3,2,2,.82);backdrop-filter:blur(8px)}.clue-content{width:min(100%,420px);padding:28px 24px;color:#302118;text-align:center;background:linear-gradient(135deg,#fff7e5,#e9d4a8);border:2px solid #d5a43a;box-shadow:0 0 45px rgba(219,174,68,.42);animation:clueOpen .42s both}.clue-content h3{font-family:KaiTi,serif;font-size:32px;color:#88271f;margin:8px 0 12px}.clue-content img{width:100%;max-height:190px;object-fit:cover;margin-bottom:14px;border:1px solid #b99657}.clue-content>p:not(.eyebrow){line-height:1.75;margin-bottom:20px}.clue-content button{min-height:48px;padding:0 20px;border:0;background:#8e2b22;color:white;font-weight:700}
#chat-mode-layer{display:flex;flex-direction:column;background:#e7e1d8;color:#222;padding-top:calc(108px + var(--safe-top))}.chat-header{height:56px;flex:0 0 56px;background:#17130f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.chat-header strong,.chat-header span{display:block}.chat-header span{font-size:10px;color:#78a77c;margin-top:2px}.chat-header button{min-height:38px;padding:0 10px;border:1px solid #5f554b;background:transparent;color:#d8cdbf}#chat-history{flex:1;min-height:0;overflow-y:auto;padding:15px 12px 20px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)),url('assets/bg_paper.webp') center/cover}.message{display:flex;align-items:flex-start;max-width:88%;animation:messageIn .3s both}.message.me{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message.system{align-self:center;max-width:96%;margin:4px 0}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#fff}.avatar img{width:100%;height:100%;object-fit:cover}.msg-content{background:#fff;padding:10px 12px;border-radius:4px;margin:0 8px;font-size:14px;line-height:1.55;box-shadow:0 2px 5px rgba(0,0,0,.08)}.message.me .msg-content{background:#b8d99c}.message.system .msg-content{background:rgba(75,67,58,.85);color:#fff5e4;font-size:12px;border-radius:15px;padding:6px 12px}.msg-name{font-size:11px;color:#756c61;margin:0 9px 3px}.message.me .msg-name{text-align:right}.msg-img{display:block;width:min(190px,55vw);max-height:150px;object-fit:cover;margin-bottom:7px}.chat-controls{height:74px;flex:0 0 calc(74px + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(3,1fr);background:#f7f2e9;border-top:1px solid #d2c7b8}.chat-controls button{border:0;border-right:1px solid #ddd2c4;background:transparent;min-width:0;color:#3c332b;font-size:12px;font-weight:700}.chat-controls span{display:block;font-size:21px;color:#8e2b22;margin-bottom:2px}.chat-controls .danger{color:#8e2b22}
#chat-options-panel{position:absolute;z-index:120;left:0;right:0;bottom:0;max-height:65%;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -14px 42px rgba(0,0,0,.3);padding-bottom:var(--safe-bottom);animation:sheetUp .28s both}.panel-header{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.panel-header button,.drawer-head button{width:44px;height:44px;border:0;background:transparent;font-size:26px}.chat-opt-btn{width:100%;min-height:56px;padding:14px 18px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;color:#302a25}.chat-opt-btn:hover{background:#f8f0df}.chat-opt-btn[disabled]{color:#9a9188;background:#f5f3ef}
.clue-bag{position:absolute;z-index:220;top:0;right:0;bottom:0;width:min(88%,390px);padding:calc(76px + var(--safe-top)) 18px calc(18px + var(--safe-bottom));color:#312218;background:linear-gradient(135deg,#f9eed5,#e4c98e);box-shadow:-20px 0 50px rgba(0,0,0,.45);overflow-y:auto;animation:drawerIn .3s both}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(117,78,35,.25);padding-bottom:14px}.drawer-head h2{font-family:KaiTi,serif;font-size:34px}.clue-list{display:grid;gap:12px;padding-top:16px}.clue-card{display:grid;grid-template-columns:74px 1fr;gap:12px;padding:10px;background:rgba(255,252,241,.72);border-left:3px solid #9a3026}.clue-card img{width:74px;height:72px;object-fit:cover;background:#cbb88e}.clue-card strong{display:block;color:#8c2b22;margin-bottom:5px}.clue-card p{font-size:12px;line-height:1.5;color:#685440}.empty-clue{padding:30px 10px;text-align:center;color:#806c54;line-height:1.7}.drawer-backdrop{position:absolute;z-index:210;inset:0;background:rgba(0,0,0,.56)}.toast{position:absolute;z-index:400;left:50%;bottom:110px;transform:translate(-50%,20px);padding:10px 16px;border:1px solid rgba(214,168,61,.5);background:rgba(20,13,9,.92);color:#f7e9ca;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes opening{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes charEnter{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes lightSweep{from{transform:translateX(-80%)}to{transform:translateX(100%)}}@keyframes nudge{50%{transform:translateX(4px)}}@keyframes pulse{70%{box-shadow:0 0 0 22px rgba(242,200,91,0)}}@keyframes flash{20%{opacity:.5}to{opacity:0}}@keyframes clueOpen{from{opacity:0;transform:scale(.88) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes messageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}@keyframes drawerIn{from{transform:translateX(100%)}to{transform:none}}
@media(max-width:480px){.topbar-brand span{display:none}.back-link span{display:none}.landing-content{padding-inline:18px}.case-grid{grid-template-columns:1fr}.case-grid article{display:flex;justify-content:space-between;gap:12px}.suspect-strip img{height:92px}.briefing-paper:before{display:none}#character-layer{height:50vh;bottom:180px}#dialogue-box{min-height:170px}.scene-hotspot{left:58%;top:42%}}
@media(min-width:761px){body{background:radial-gradient(circle,#2a1710,#070504)}#game-container{border-inline:1px solid rgba(214,168,61,.28)}.briefing-screen{display:grid;place-items:start center}.briefing-paper{margin-top:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}