:root{font-family:Arial,'Microsoft YaHei',sans-serif;color:#333d36;background:#e7e7df;letter-spacing:0;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:none;touch-action:manipulation}button svg,a svg{width:19px;height:19px;stroke-width:1.5;pointer-events:none;flex-shrink:0}button:focus-visible,a:focus-visible{outline:2px solid #af5948;outline-offset:4px}button:active{transform:translateY(1px)}button:hover{color:#a04e3c}a{color:inherit;text-decoration:none}#scene{display:block;width:100%;height:100%;outline:0;touch-action:none}.masthead{position:absolute;z-index:2;left:42px;right:42px;top:max(32px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.masthead>*{pointer-events:auto}.identity{display:flex;align-items:center;gap:15px}.seal{font-family:serif;background:#a54e3e;color:#f7e8d2;width:40px;height:49px;border:3px double #c77860;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:19px;font-size:16px}.identity b{font-family:'Songti SC',STSong,'Noto Serif CJK SC',serif;font-size:25px;font-weight:500}.identity small{display:block;font-size:8px;margin-top:6px;color:#70796e;letter-spacing:0}.edition{display:flex;align-items:center;gap:13px;font-size:11px;color:#6e786e}.live-dot{width:5px;height:5px;border-radius:50%;background:#869e7f}.separator{width:1px;height:12px;background:#6a766338;margin:0 6px}.header-tools{display:flex;gap:8px}.round{width:36px;height:36px;border-radius:50%;border:1px solid #71806f25;background:#f3f4eb30}.round:hover{background:#f6f6efb3}.scene-note{position:absolute;top:25%;left:48px;z-index:1;pointer-events:none}.eyebrow{font-size:8px;font-weight:600;color:#7e8778}.scene-note h1{font-family:'Songti SC',STSong,'Noto Serif CJK SC',serif;font-size:43px;font-weight:400;line-height:1.6;margin:15px 0 20px}.scene-note p{font-family:serif;font-size:12px;line-height:2.1;color:#7c8577;margin:0}.note-line{display:block;width:30px;height:1px;background:#89917f70;margin-top:32px}.note-index{display:block;margin-top:15px;font-size:9px;color:#858c7c}.places{position:absolute;z-index:2;right:36px;top:36%;display:flex;flex-direction:column;align-items:stretch;gap:17px}.places button{font-size:12px;gap:10px;justify-content:flex-end;padding:4px 9px;border-right:2px solid transparent;min-height:28px}.places button span{font-size:8px;color:#929985}.places button b{font-weight:400}.places button.active{border-color:#ac5542;color:#a95645}.places button.active span{color:#a95645}.bottom{position:absolute;z-index:2;left:42px;right:42px;bottom:max(30px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.bottom>*{pointer-events:auto}.hint{display:flex;align-items:center;gap:9px;font-size:9px;color:#7f887b;max-width:26%}.hint em{font-style:normal;margin:0 7px;color:#a5ad9b}.mouse{width:25px;height:25px;display:grid;place-items:center}.mouse svg{width:15px;height:15px;stroke-width:1.3}.toolbar{background:#fafaf0e8;box-shadow:0 3px 20px #26362a0c;border:1px solid #ffffff66;border-radius:6px;display:flex;padding:5px;align-items:center;gap:1px;backdrop-filter:blur(12px);height:49px}.toolbar button{padding:10px 15px;height:37px;font-size:11px;border-radius:3px;white-space:nowrap}.toolbar button:hover{background:#e9ece160;color:#375142}.toolbar button[aria-pressed=true]{color:#3d6954}.toolbar #walk[aria-pressed=true],.toolbar #night[aria-pressed=true]{background:#dce7d5}.tool-divider{width:1px;height:20px;background:#a3aa9550;margin:0 4px}.coordinates{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;color:#838c7c;font-size:11px;min-width:126px;justify-content:end}.coordinates svg{width:23px;height:23px;stroke-width:1;transform:rotate(-30deg)}.coordinates small{font:8px Arial,sans-serif;display:block}.walk-pad{display:none;position:absolute;left:24px;bottom:97px;z-index:3;text-align:center;touch-action:none}.walk-pad.visible{display:block}.walk-pad>div{display:flex;gap:5px;margin-top:5px}.walk-pad button{width:44px;height:44px;border-radius:4px;background:#f2f6ebbb;border:1px solid #fff8;backdrop-filter:blur(5px)}.walk-pad button:active{background:#d6e6ca}.focus-mark{position:absolute;left:50%;top:50%;width:4px;height:4px;border:1px solid #fff8;border-radius:50%;pointer-events:none;box-shadow:0 0 1px #000}#caption{position:absolute;bottom:102px;left:50%;transform:translate(-50%,8px);z-index:3;opacity:0;transition:.4s;pointer-events:none;font-family:serif;font-size:14px;color:#52614d;background:#fafaf0de;padding:11px 19px;border-radius:4px;max-width:70%;text-align:center}#caption.show{opacity:1;transform:translate(-50%,0)}#loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e8e9e0;transition:opacity .7s}#loading.hide{opacity:0;pointer-events:none}.loading-seal{font:40px serif;color:#a95844;border:1px solid #a9584455;padding:16px 21px}.loading-seal:after{content:'';display:block;width:20px;height:1px;background:#a9584466;margin:10px auto 0}#loading h2{font:22px serif;margin:22px 0 0}#loadText{font:11px serif;color:#7a8573;margin:12px 0 20px}.load-track{width:120px;height:1px;background:#64745e30}.load-track i{display:block;height:100%;background:#a95844;width:5%;transition:width .3s}#retry{margin-top:20px;border:1px solid #9aab9244;padding:10px 20px}dialog{background:#f3f4eb;color:#46503f;border:1px solid #f9faee;border-radius:6px;width:min(480px,calc(100% - 40px));padding:28px;max-height:85%;box-shadow:0 15px 80px #15251733}dialog::backdrop{background:#233d3338;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}dialog h2{font:25px serif;font-weight:400;margin:18px 0 25px}dialog dl{margin:0}dialog dl>div{display:grid;grid-template-columns:65px 1fr;gap:15px;border-top:1px solid #89997f22;padding:13px 0;font-size:12px;line-height:1.8}dt{color:#9a634c}dd{margin:0;color:#7b8672}dialog a{margin-top:20px;display:flex;gap:15px;font-size:11px;align-items:center;border-top:1px solid #89997f22;padding-top:18px}body.night{color:#e0e5ce}.night .scene-note p,.night .note-index,.night .edition,.night .identity small,.night .hint,.night .eyebrow{color:#a2b09c}.night .round{background:#d2e1c916;border-color:#c3d9b72a}.night .places button{color:#b7c7ae}.night .places button.active{color:#eedab0;border-color:#eedab0}.night .places button.active span{color:#eedab0}.night .toolbar{color:#d4dfcc;background:#273b32e8;border-color:#90a48725}.night .toolbar button[aria-pressed=true]{color:#dcebc4}.night .toolbar #night[aria-pressed=true],.night .toolbar #walk[aria-pressed=true]{background:#58725b55}.night .toolbar button:hover{background:#728b6140;color:white}.night .walk-pad button{background:#31483ce8;border-color:#c6d3ac22;color:#dcebc9}body.walking .scene-note{opacity:0}.scene-note{transition:opacity .3s}@media(max-width:1000px){.hint{display:none}.coordinates{min-width:0}.bottom{justify-content:center}.coordinates{position:absolute;right:0}.scene-note{left:30px}.scene-note h1{font-size:34px}.masthead{left:30px;right:30px}.edition>span:last-child,.edition .separator{display:none}.places{right:23px}.bottom{left:25px;right:25px}}@media(max-width:650px){.masthead{top:max(22px,env(safe-area-inset-top));left:22px;right:22px}.identity{gap:10px}.identity b{font-size:22px}.identity small{font-size:6px}.seal{width:33px;height:40px;font-size:14px;line-height:15px}.edition{display:none}.header-tools{gap:5px}.round{width:33px;height:33px}.scene-note{top:117px;left:25px}.scene-note h1{font-size:27px;line-height:1.6;margin:8px 0 0}.scene-note h1 br{display:none}.scene-note p,.note-line,.note-index{display:none}.scene-note .eyebrow{font-size:6px}.places{top:auto;bottom:102px;left:22px;right:22px;flex-direction:row;justify-content:center;gap:9px}.places button{padding:7px 3px;border-right:0;border-bottom:1px solid transparent;font-size:11px;gap:5px;min-width:42px}.places button span{font-size:7px}.places button.active{border-bottom-color:#a95645}.bottom{left:15px;right:15px;bottom:max(24px,env(safe-area-inset-bottom))}.toolbar{padding:4px;gap:0;height:49px;max-width:100%}.toolbar button{padding:10px 12px;gap:6px;font-size:10px}.toolbar button svg{width:17px;height:17px}.toolbar #reset{padding:10px}.tool-divider{margin:0 2px}.coordinates{display:none}#caption{bottom:153px;font-size:12px}.walk-pad{bottom:162px;left:22px}.walk-pad button{width:40px;height:40px}.night .places button.active{border-bottom-color:#e2d3a9}dialog{padding:23px}}@media(max-width:370px){.toolbar button{padding:9px}.toolbar button span{display:none}.toolbar button svg{width:21px;height:21px}.toolbar button{min-width:45px}.places{gap:5px}}@media(max-height:520px){.masthead{top:17px}.scene-note{top:100px}.scene-note h1{font-size:27px;line-height:1.4}.scene-note p,.note-line,.note-index{display:none}.places{top:98px;gap:5px}.bottom{bottom:15px}.toolbar{height:44px}.toolbar button{height:32px}.walk-pad{bottom:75px}.coordinates{display:none}}