*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#a7b4ae;color:#e8eeea;font-family:Microsoft YaHei,sans-serif;font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #d7e5dd38;background:#18322c4d;backdrop-filter:blur(16px);padding:12px 18px;transition:background .2s,border-color .2s}button:hover{background:#36564eaa;border-color:#d8e6dd88}button:focus-visible,a:focus-visible{outline:2px solid #eff6d6;outline-offset:5px}[hidden]{display:none!important}#world{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.grain{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#102d2b94 0%,transparent 65%),linear-gradient(0deg,#102a2877,transparent 25%,transparent 80%,#102a2822);z-index:1}header{position:fixed;top:36px;left:44px;right:44px;display:flex;justify-content:space-between;align-items:center;z-index:3}.brand{font-family:Georgia,SimSun,serif;font-size:25px;letter-spacing:4px;color:inherit;text-decoration:none}.brand span{display:block;font:9px sans-serif;letter-spacing:2.5px;margin-top:10px;color:#d0dbd2b3}.header-right{display:flex;align-items:center;gap:26px}.demo{font-size:10px;letter-spacing:3px;opacity:.7}#weather{border-radius:30px;font-size:12px;letter-spacing:2px}.intro{position:fixed;left:8%;top:27%;z-index:2}.eyebrow{font:9px sans-serif;letter-spacing:3px;color:#d3dfd7b0}h1{font-family:Songti SC,SimSun,serif;font-weight:400;font-size:clamp(38px,4.4vw,68px);line-height:1.4;letter-spacing:7px;margin:27px 0}.description{font-size:12px;line-height:2.2;letter-spacing:3px;color:#dce5debd}.primary{margin-top:25px;padding:16px 22px;min-width:190px;background:#e0e8dd;color:#263d34;border:0;font-size:12px;letter-spacing:3px}.primary:hover{background:#f0f4e9}.primary span{margin-left:40px}.tiny{font-size:9px;letter-spacing:1px;margin-top:17px;opacity:.5}.location{position:fixed;bottom:74px;left:44px;z-index:2;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:2px}.dot{height:5px;width:5px;border-radius:50%;background:#d4e4c7}.divider{opacity:.4}.hint{position:fixed;bottom:76px;right:44px;font-size:10px;letter-spacing:2px;opacity:.7;z-index:2;pointer-events:none}footer{position:fixed;left:44px;right:44px;bottom:26px;z-index:3;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dbe6dd2a;padding-top:16px}footer span{font:8px sans-serif;letter-spacing:3px;opacity:.5}footer button{font-size:10px;padding:4px 0;border:0;background:transparent;opacity:.7}.actions{position:fixed;left:50%;transform:translate(-50%);bottom:116px;display:flex;gap:8px;z-index:3;white-space:nowrap}.actions button{font-size:11px;border-radius:3px;letter-spacing:1px}.back{position:fixed;top:125px;left:44px;z-index:4;font-size:11px}#panel{position:fixed;right:25px;top:110px;bottom:110px;width:360px;max-width:calc(100% - 36px);padding:36px;background:#e6e9dfed;color:#34473f;z-index:6;backdrop-filter:blur(20px);overflow:auto;box-shadow:0 20px 80px #101e2133}#panel h2{font-family:SimSun,serif;font-weight:400;font-size:29px;letter-spacing:3px;line-height:1.6}#panel p{font-size:12px;line-height:2;letter-spacing:1px}#panel .eyebrow{color:#6b7b70}#panel button{color:#34473f;background:#c5d1c555}#panel .close{position:absolute;right:14px;top:10px;padding:4px 10px;border:0;background:none;font-size:26px}.sleeve{height:200px;background:linear-gradient(145deg,#a2b4a9,#536c68 55%,#283f40);display:flex;align-items:end;padding:20px;color:#e4e7da;font:italic 23px Georgia;letter-spacing:2px;margin:20px 0}.note{background:#d5dfcd;padding:14px;margin:12px 0;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}textarea{width:100%;min-height:100px;padding:12px;background:#f7f7ee88;border:1px solid #8b9d8d;color:#34473f;font:13px Microsoft YaHei;resize:vertical}#toast{position:fixed;left:50%;top:100px;transform:translate(-50%);background:#e1e8dc;color:#30463c;padding:14px 25px;font-size:12px;z-index:8;opacity:0;pointer-events:none;transition:opacity .3s}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#93a59c;z-index:10;font-size:13px;letter-spacing:5px}#tooltip{position:fixed;pointer-events:none;padding:8px 13px;background:#1e3730da;border:1px solid #b3c6b65c;z-index:5;font-size:11px;letter-spacing:2px}@media(max-width:700px){header{top:22px;left:22px;right:22px}.demo{display:none}.brand{font-size:21px}.intro{left:8%;top:24%}h1{font-size:40px}.grain{background:linear-gradient(90deg,#102d2b88,transparent),linear-gradient(0deg,#102a2855,transparent)}.location{left:22px;bottom:70px;font-size:9px;gap:6px}.hint{right:22px;bottom:94px;font-size:9px;max-width:85%;text-align:right}footer{left:22px;right:22px}footer span{font-size:7px;letter-spacing:1px}.actions{bottom:124px;width:calc(100% - 36px);display:grid;grid-template-columns:1fr 1fr}.actions button{padding:10px;font-size:10px}.back{left:22px;top:104px}#panel{top:90px;bottom:70px;right:18px;padding:30px}}.compass{position:fixed;left:50%;transform:translate(-50%);top:108px;font-size:10px;letter-spacing:1px;color:#dce6d4;z-index:2;white-space:nowrap;text-shadow:0 1px 8px #18322c}footer div{display:flex;gap:22px}@media(max-width:700px){.compass{top:157px;font-size:8px;letter-spacing:0}}.door-hotspot{position:fixed;transform:translate(-50%,-50%);z-index:4;border-radius:24px;padding:10px 17px;font-size:11px;letter-spacing:2px;background:#d9e3d5de;color:#304b3e;border:1px solid #eff4e599;box-shadow:0 3px 18px #0d241b44;white-space:nowrap}.door-hotspot:hover{background:#edf1e4}body[data-scene=outside] .grain{background:linear-gradient(90deg,#26343a62,transparent 58%),linear-gradient(0deg,#26343a40,transparent 28%,transparent 85%,#26343a15)}