:root{color:#253b30;background:#f4f4ef;font-family:"DM Sans","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{height:76px;border-bottom:1px solid #dce2d9;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600}.brand img{width:31px;height:31px;border-radius:50%}.brand span{font-size:12px;color:#869085;font-weight:400}.back{font-size:12px;color:#66776a}main{max-width:1560px;margin:auto;padding:36px 5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font:10px monospace;letter-spacing:2px;color:#6d8a6c;display:flex;align-items:center;gap:7px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7aac6b}h1{font-size:32px;letter-spacing:-1px;margin:12px 0}h1 span{font-size:16px;font-weight:400;color:#889482;letter-spacing:1px;margin-left:21px}.intro p{font-size:12px;color:#7f8b7c;margin:0}.edition{text-align:right;font:9px monospace;letter-spacing:1.5px;color:#8b9889}.edition b{display:block;margin-top:10px;font:11px sans-serif;color:#586f56}.world{height:clamp(440px,63vh,800px);position:relative;overflow:hidden;border:1px solid #d9e3d2;border-radius:19px;background:#e6eedd}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.scene-top,.scene-bottom{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.scene-top{top:20px;font-size:10px;color:#536c50}.live{display:flex;gap:7px;align-items:center;background:#fff9;padding:8px 11px;border:1px solid #fff9;border-radius:20px}.weather{font-size:12px}.scene-title{position:absolute;left:27px;top:78px;pointer-events:none}.scene-title>span{font:8px monospace;letter-spacing:2px;color:#819375}.scene-title h2{font-size:21px;letter-spacing:1px;margin:9px 0;color:#4a6444}.scene-title p{font-size:10px;color:#7e9274}.utilities{position:absolute;right:18px;bottom:60px;display:grid;gap:7px}.utilities button{width:34px;height:34px;border:1px solid #fff;border-radius:10px;background:#ffffffc9;color:#546d4b;font-size:19px;box-shadow:0 3px 10px #33442206}.scene-bottom{bottom:18px;font-size:9px;color:#6f8366}.gesture b{margin:0 9px;color:#b0beaa}.navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid #dce2d9}.zones{display:flex;gap:8px}.zones button,#tour{border:1px solid transparent;background:transparent;border-radius:9px;padding:12px 18px;font-size:12px;color:#758471;white-space:nowrap}.zones button span{margin-right:7px;font-size:16px}.zones button.active{background:#e5f0dc;border-color:#d5e4c8;color:#3f693d}.zones button:hover{background:#e9eedf}#tour{background:#a7ed62;color:#294f28;padding:13px 22px}#tour[aria-pressed=true]{background:#345c3b;color:white}button:focus-visible,a:focus-visible{outline:2px solid #488646;outline-offset:3px}footer{display:flex;justify-content:space-between;padding:21px 0;font-size:10px;color:#8b9587}footer i{margin-right:7px;width:5px;height:5px}footer b{margin-left:9px;color:#4b7445}#tooltip{display:none;position:absolute;padding:9px 12px;background:#fffef2;border-radius:10px;box-shadow:0 5px 24px #34532222;font-size:11px;pointer-events:none;color:#42603d;max-width:200px}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e8efdf;transition:opacity .8s;z-index:5}#loading.done{opacity:0;pointer-events:none}#loading h2{font-size:20px}#loading p{font-size:12px;color:#819075}.sprout{font-size:50px;color:#81a967;animation:grow 2s ease-in-out infinite}@keyframes grow{50%{transform:rotate(30deg) scale(1.1)}}@media(max-width:780px){header{height:60px}.brand span,.edition{display:none}main{padding:24px 4% 0}h1{font-size:26px}h1 span{display:block;margin:8px 0 0;font-size:13px}.intro{margin-bottom:18px}.world{height:62vh;min-height:430px}.scene-title{left:17px;top:67px}.scene-title h2{font-size:17px}.scene-top,.scene-bottom{left:16px;right:16px}.navigation{align-items:stretch;flex-direction:column;padding:12px 0}.zones{overflow:auto;gap:4px}.zones button{flex:1;padding:11px 9px;font-size:11px}.zones button span{display:block;margin:0 0 4px;font-size:17px}#tour{align-self:stretch;padding:11px}.gesture{font-size:8px}.gesture b{margin:0 4px}#performance,footer>span:last-child{display:none}footer{font-size:9px}.utilities{right:12px}} /* P10：无 JS / 爬虫场景下的可索引介绍层（只在