:root{color-scheme:dark;--night:#070d20;--ink:#e5e9f3;--muted:#8b98b2;--gold:#e6c18c;--line:rgba(158,179,223,.17);font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--night)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;flex-shrink:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:hover{color:#fff}#experience{position:relative;width:100%;height:100%;height:100svh;isolation:isolate}#scene{width:100%;height:100%;display:block;touch-action:none;outline:none}#scene:focus-visible{outline:1px solid #9bafd55e;outline-offset:-3px}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,transparent 40%,#03081755 100%);z-index:1}.topbar{position:absolute;left:40px;right:40px;top:max(30px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;gap:13px;align-items:center}.brand>svg{width:32px;height:32px;color:var(--gold);stroke-width:1.1}.brand-name{display:block;font-size:17px;letter-spacing:.18em;font-weight:500;line-height:1.7}.brand-sub{display:block;font-size:9px;letter-spacing:.24em;color:var(--muted);margin-top:2px}nav{display:flex;gap:25px;align-items:center}.back{font-size:12px;color:#a7b2c8;display:flex;gap:8px;align-items:center;transition:color .2s}.back:hover{color:var(--gold)}.back svg{width:16px;height:16px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#13213a42;color:#a8b5ce;transition:.2s}.icon-button:hover{background:#26364c80;border-color:#8b98b2}.bottom-bar{position:absolute;bottom:max(33px,env(safe-area-inset-bottom));left:40px;right:40px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;z-index:2;pointer-events:none}.caption{flex-shrink:0}.caption h1{font-family:Songti SC,"Noto Serif CJK SC",SimSun,Georgia,serif;font-weight:400;font-size:25px;letter-spacing:.13em;line-height:1.6;margin:0 0 8px;color:#d7dce7}.caption p{font-size:11px;letter-spacing:.17em;color:var(--muted);margin:0;line-height:1.9}.hint{font-size:10px;letter-spacing:.06em;color:#78849d;display:flex;align-items:center;gap:8px;margin:0 0 15px;white-space:nowrap}.hint svg{width:16px;height:16px;opacity:.75}.touch-hint{display:none}.controls{pointer-events:auto;display:flex;align-items:center;gap:3px;padding:7px 9px;border:1px solid var(--line);border-radius:14px;background:#0e182bd4;box-shadow:0 12px 40px #0002;backdrop-filter:blur(18px)}.controls button{background:transparent;border:0;min-width:57px;min-height:47px;padding:5px 9px;display:flex;align-items:center;flex-direction:column;gap:6px;color:#8996ae;border-radius:8px;transition:background .18s,color .18s}.controls button svg{width:18px;height:18px}.controls button span{font-size:10px;letter-spacing:.1em}.controls button[aria-pressed=true]{color:var(--gold)}.controls button:hover{background:#849bc615;color:#f0debd}.controls .divider{width:1px;height:25px;background:var(--line);margin:0 3px}.loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:24px;justify-content:center;align-items:center;background:#070d20;z-index:4;font-size:12px;letter-spacing:.2em;color:var(--muted);transition:opacity .8s,visibility .8s}.loading.loaded{opacity:0;visibility:hidden;pointer-events:none}.loading-ring{width:35px;height:35px;border-radius:50%;border:1px solid #849ac02b;border-top-color:var(--gold);animation:spin 1.4s linear infinite}.fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:480px;width:85%;text-align:center;z-index:5;background:var(--night);padding:25px;color:var(--muted);font-size:14px;line-height:1.9}.fallback h1{color:var(--ink);font-size:23px}.fallback button,.fallback a{display:inline-block;padding:9px 19px;border:1px solid var(--line);border-radius:6px;background:transparent;margin:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.hint{position:absolute;bottom:85px;left:50%;transform:translate(-50%)}.caption h1{font-size:21px}.bottom-bar,.topbar{left:28px;right:28px}}@media(max-width:600px){.topbar{left:22px;right:22px;top:max(24px,env(safe-area-inset-top))}.brand{gap:9px}.brand-name{font-size:15px}.brand-sub{font-size:8px}.brand>svg{width:27px}.back{font-size:11px}nav{gap:14px}.icon-button{width:38px;height:38px}.bottom-bar{left:22px;right:22px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;flex-direction:column;gap:22px}.caption{text-align:center}.caption h1{font-size:23px;margin-bottom:7px;letter-spacing:.1em}.caption p{font-size:10px;letter-spacing:.14em}.controls{gap:9px;padding:6px 12px}.controls button{min-width:54px;min-height:46px}.hint{bottom:185px;font-size:9px;color:#8693ae}.touch-hint{display:inline}.mouse-hint{display:none}.vignette{background:linear-gradient(0deg,#070d20bb,transparent 28%,transparent 85%,#070d2040)}}@media(max-height:540px)and (min-width:601px){.topbar{top:16px}.bottom-bar{bottom:16px}.caption h1{font-size:18px}.hint{bottom:67px}.controls{padding:3px 7px}.controls button{min-height:40px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.scene-switcher{position:absolute;inset:0;pointer-events:none;z-index:3;display:block}.scene-arrow{position:absolute;top:46%;transform:translateY(-50%);width:48px;height:58px;display:grid;place-items:center;background:#1421379c;border:1px solid #a7bac12d;border-radius:28px;color:#dac5a0;backdrop-filter:blur(12px);pointer-events:auto;transition:background .2s,border-color .2s}.scene-arrow:hover{background:#31454bd9;border-color:#e6c18c7a}.scene-arrow svg{width:23px;height:23px}.scene-prev{left:28px}.scene-next{right:28px}.scene-position{position:absolute;left:50%;bottom:39px;transform:translate(-50%);margin:0;white-space:nowrap;font-size:10px;letter-spacing:.14em;color:#b1baca;font-variant-numeric:tabular-nums}.panel-open .scene-switcher{visibility:hidden}.scene-arrow:disabled{cursor:wait}@media(max-width:600px){.scene-arrow{top:45%;width:44px;height:48px;background:#14213773}.scene-prev{left:9px}.scene-next{right:9px}.scene-position{bottom:243px;font-size:9px}.bottom-bar .hint{display:none}}@media(max-height:620px)and (min-width:601px){.scene-position{bottom:30px}.scene-arrow{height:46px;width:44px}}.topbar nav{gap:7px}.nav-action{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid transparent;padding:10px 13px;min-height:44px;border-radius:9px;color:#b6c1d4;font-size:12px;letter-spacing:.04em}.nav-action svg{width:17px;height:17px}.nav-action:hover{background:#33465e40;border-color:var(--line);color:var(--gold)}.topbar #fullscreen{margin-left:10px}.bottom-bar{bottom:max(60px,calc(env(safe-area-inset-bottom) + 46px))}.site-legal{position:absolute;z-index:2;bottom:13px;left:20px;right:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:7px 15px;color:#75829b;font-size:9px;line-height:1.5;letter-spacing:.02em}.site-legal a:hover{color:var(--gold)}.hotspots{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.hotspot{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 12px;border:1px solid #d5c08c4a;background:#111c30c9;color:#e4d4b5;border-radius:24px;font-size:11px;letter-spacing:.08em;white-space:nowrap;backdrop-filter:blur(12px);pointer-events:auto;box-shadow:0 4px 20px #0004;transition:background .2s}.hotspot:hover{background:#304157ed;color:#fff4dc}.hotspot-dot,.live-dot{width:5px;height:5px;border-radius:50%;background:#e8c892;box-shadow:0 0 9px #e3ba70b3;flex-shrink:0}.hotspot:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:15px;background:linear-gradient(#e8c89280,transparent)}.panel-open .hotspots{opacity:0;visibility:hidden}.timer-peek{position:absolute;left:40px;top:101px;z-index:3;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:24px;background:#142137c9;padding:11px 14px;font-size:11px;color:#b5c2d7;min-height:42px;backdrop-filter:blur(15px)}.timer-peek strong{color:var(--gold);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.08em}.tool-drawer{color:var(--ink);background:linear-gradient(145deg,#142137f7,#0d1728fc);border:1px solid #9aacc32e;border-radius:20px;box-shadow:-15px 0 100px #02071266;position:fixed;inset:22px 22px 22px auto;margin:0;padding:0;width:470px;max-width:calc(100vw - 44px);max-height:none;height:calc(100dvh - 44px);overflow:hidden;backdrop-filter:blur(25px)}.tool-drawer[open]{display:flex;flex-direction:column}.tool-drawer::backdrop{background:#030b1866;backdrop-filter:blur(2px)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 20px;flex-shrink:0}.drawer-head .icon-button{background:transparent;width:38px;height:38px}.drawer-overline{font-size:10px;letter-spacing:.14em;color:#92a2b9;margin:0 0 9px}.drawer-head h2{font-family:Songti SC,SimSun,serif;font-size:27px;letter-spacing:.1em;font-weight:400;margin:0}.drawer-tabs{display:flex;border-bottom:1px solid var(--line);margin:0 28px;flex-shrink:0;gap:24px}.drawer-tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 2px;color:#8b9bb5;font-size:12px;min-width:55px;min-height:44px;letter-spacing:.12em}.drawer-tabs button[aria-selected=true]{color:#edd4ad;border-color:#d0b17c}.drawer-content{padding:25px 28px 30px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#687b9340 transparent;overscroll-behavior:contain}.panel-intro{font-size:12px;line-height:1.85;letter-spacing:.03em;color:#a4b1c4;margin:0 0 22px}.small-status{font-size:11px;line-height:1.8;color:#95a8bf;min-height:20px}.primary-button,.secondary-button,.text-button{font:inherit;font-size:12px;border-radius:9px;padding:12px 15px;min-height:44px;line-height:1.5;cursor:pointer}.primary-button{background:#dec296;border:1px solid #dec296;color:#192332;font-weight:600;letter-spacing:.08em}.primary-button:hover{background:#eed2a8;color:#192332}.secondary-button{background:#7b96b80c;border:1px solid #8aa3c02e;color:#b3c2d6}.secondary-button:hover{border-color:#e0c49380;color:#e9d0a9}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:none;border:0;color:#cabb9e;padding-left:0;padding-right:0}.text-button svg{width:17px;height:17px}button:disabled{opacity:.42;cursor:not-allowed}input,textarea{font:inherit;color:var(--ink)}input:focus-visible,textarea:focus-visible{outline:1px solid #d4b881;outline-offset:2px}.text-field,.search-field,textarea{background:#0712226e;border:1px solid #8aa3c02b;border-radius:10px}.text-field{width:100%;padding:13px 14px;font-size:12px;line-height:1.65;min-height:46px}input::placeholder,textarea::placeholder{color:#798ca7}input[type=search]::-webkit-search-cancel-button{cursor:pointer}.field-label{display:block;font-size:11px;color:#9cacc3;margin-bottom:10px;letter-spacing:.07em}.search-field{display:flex;align-items:center;padding:0 13px;gap:10px}.search-field svg{color:#7e91ac;width:17px;height:17px}.search-field input{background:none;border:0;width:100%;min-width:0;min-height:46px;padding:12px 0;font-size:12px}.search-field input:focus-visible{outline-offset:6px}.post-filters{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 12px}.post-filters button{font-size:10px;min-height:32px;padding:7px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#8fa1b9}.post-filters button[aria-pressed=true]{color:#edd4ad;background:#d6be9210;border-color:#d6be923d}.post-filters button:hover{color:#e9d0a9}.post-list{border-top:1px solid var(--line)}.post-entry{width:100%;display:block;text-align:left;padding:21px 0 22px;border:0;border-bottom:1px solid var(--line);background:transparent}.post-entry:hover h3{color:#f0d7af}.post-meta{font-size:10px;color:#92a7c2;letter-spacing:.04em}.post-entry h3{font-family:Songti SC,SimSun,serif;font-size:19px;font-weight:400;line-height:1.7;color:#e0e3e9;margin:10px 0 8px;transition:color .2s}.post-entry p{font-size:11px;color:#9dacbf;line-height:1.9;margin:0}.post-entry .post-foot{display:flex;justify-content:space-between;margin-top:14px;font-size:10px;color:#cbb591}.post-foot svg{width:14px;height:14px}.article-meta{color:#a3b4c7;font-size:10px;line-height:1.9;margin:20px 0 12px}.article-title{font-family:Songti SC,SimSun,serif;font-size:28px;line-height:1.65;font-weight:400;margin:0 0 18px;letter-spacing:.05em;color:#eee6d8}.article-summary{font-size:13px;color:#bdc7d5;line-height:2;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--line)}.article-body{font-size:14px;line-height:2.1;color:#c3cedc;overflow-wrap:anywhere}.article-body p{margin:0 0 20px}.article-body h2,.article-body h3{font-size:18px;font-weight:500;color:#e5d9c3;line-height:1.8;margin:30px 0 14px}.article-body blockquote{border-left:2px solid #b39765;padding:2px 0 2px 17px;margin:25px 0;color:#c8b798;font-style:italic}.article-body ul,.article-body ol{padding-left:22px}.article-body li{padding-left:3px;margin:6px 0}.article-body a{color:#e8c78f;text-decoration:underline}.article-body pre{max-width:100%;overflow:auto;background:#050d1c;padding:12px;border-radius:8px}.article-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.empty-state{padding:35px 15px;text-align:center;line-height:1.9;font-size:13px;color:#aebdd0}.timer-face{width:226px;height:226px;position:relative;margin:24px auto}.timer-face>svg{width:100%;height:100%;transform:rotate(-90deg);stroke-width:1.25}.timer-face circle{fill:none}.timer-track{stroke:#7f96b52e}#timer-progress{stroke:#d4b985;stroke-dasharray:100;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset .6s}.timer-face>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.timer-face p{font-size:10px;color:#99aac3;letter-spacing:.1em;margin:0 0 13px}.timer-face output{font-family:Segoe UI,sans-serif;font-size:53px;line-height:1.15;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:.035em;color:#efe4d3}.timer-face span{font-size:10px;letter-spacing:.1em;color:#899fb9;margin-top:12px}.duration-presets{display:flex;gap:8px;justify-content:center}.duration-presets button{flex:1;border:1px solid #8aa3c02e;background:transparent;border-radius:8px;min-height:41px;padding:8px 5px;color:#9caec5;font-size:11px}.duration-presets button[aria-pressed=true]{color:#e6ca9e;border-color:#ddc09575;background:#c9ac7910}.custom-duration{margin:17px 0 22px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#a3b3ca}.custom-duration input{width:61px;background:#0712227a;border:1px solid var(--line);border-radius:5px;padding:7px;text-align:center;font-size:12px}.custom-duration span{font-size:9px;color:#8094b0;margin-left:3px}.timer-actions{display:flex;gap:10px}.timer-actions>.primary-button{flex:1}.focus-summary{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);margin-top:20px;font-size:11px;color:#97aac4;gap:10px}.focus-summary strong{color:#cdbc9e;font-weight:400}.privacy-hint{font-size:10px;line-height:1.95;color:#849ab6;margin:19px 0 0}.note-label{margin-top:23px}#note-body{display:block;width:100%;resize:vertical;min-height:250px;height:37dvh;max-height:600px;padding:16px;font-size:13px;line-height:2;tab-size:2}.note-meta{display:flex;justify-content:space-between;gap:12px;margin-top:11px;font-size:10px;line-height:1.8;color:#8da5be}#note-status[data-error=true]{color:#e4b28d}.note-actions{display:flex;gap:10px;margin-top:25px}.note-actions .primary-button{flex:1}@media(max-width:1080px){.timer-peek{left:28px}.bottom-bar{bottom:65px}}@media(max-width:600px){.topbar{left:18px;right:18px;gap:7px;align-items:center}.topbar nav{gap:0}.nav-action{min-width:41px;padding:9px 7px;font-size:11px;gap:0}.nav-action svg{display:none}.topbar #fullscreen{margin-left:5px;width:33px;height:36px}.brand-name{font-size:14px;letter-spacing:.13em}.brand-sub{font-size:7px;letter-spacing:.19em}.brand{gap:7px}.brand>svg{width:24px}.bottom-bar{bottom:max(63px,calc(env(safe-area-inset-bottom) + 54px));gap:19px}.site-legal{font-size:8px;gap:3px 8px;bottom:10px;left:14px;right:14px;line-height:1.7}.site-legal span{display:none}.site-legal a:last-child{flex-basis:100%;text-align:center}.hotspot{font-size:9px;padding:7px 9px;min-height:32px;gap:5px}.timer-peek{left:18px;top:88px;padding:8px 12px;min-height:36px;font-size:10px}.tool-drawer{inset:auto 0 0;width:100%;max-width:100%;height:92dvh;border-radius:19px 19px 0 0;border-bottom:0;box-shadow:0 -15px 70px #0006}.drawer-head{padding:22px 24px 16px}.drawer-head h2{font-size:25px}.drawer-overline{font-size:9px}.drawer-tabs{margin:0 24px}.drawer-content{padding:22px 24px 28px;padding-bottom:max(28px,env(safe-area-inset-bottom))}.timer-face{width:206px;height:206px;margin:21px auto}.timer-face output{font-size:48px}.panel-intro{font-size:11px}.article-title{font-size:25px}.article-body{font-size:13px}.hotspot:after{height:10px}}@media(max-width:360px){.brand>svg{display:none}.topbar{left:14px;right:14px}.brand-sub{font-size:6px}.brand-name{font-size:13px}.caption h1{font-size:20px}.tool-drawer{height:95dvh}}@media(max-width:600px){.nav-action{min-width:44px}.topbar #fullscreen{width:44px;height:44px}.site-legal{font-size:9px}}@media(min-width:601px)and (max-height:800px){#panel-focus .panel-intro{margin-bottom:14px}#panel-focus .field-label{margin-bottom:7px}.timer-face{width:175px;height:175px;margin:15px auto}.timer-face output{font-size:41px}.timer-face p{margin-bottom:8px}.timer-face span{margin-top:8px}.custom-duration{margin:12px 0 16px}}@media(max-height:620px)and (min-width:601px){.drawer-head{padding:16px 24px 12px}.drawer-content{padding-top:17px}.timer-face{width:165px;height:165px;margin:12px auto}.timer-face output{font-size:38px}.timer-face p{margin-bottom:7px}.timer-face span{margin-top:7px}.topbar .nav-action{padding-top:7px;padding-bottom:7px}.bottom-bar{bottom:47px}.caption p{font-size:10px}.hint{bottom:70px}.timer-peek{top:72px}}