*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font:16px/1.6 'Microsoft YaHei',system-ui,sans-serif;color:#263a39;background:#edf0eb}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d59951;outline-offset:4px}#stage{position:absolute;inset:0;touch-action:none;outline:none}canvas{display:block}header{position:absolute;top:30px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:14px}.mark{background:#244b43;color:white;width:48px;height:48px;display:grid;place-items:center;font:26px Georgia;border-radius:50%}small{font-size:12px;letter-spacing:2px;color:#637770}h1{font-size:20px;letter-spacing:2px;line-height:1.4;margin:3px 0 0}header a{font-size:14px;background:#ffffffd9;border:1px solid #d5dcd5;border-radius:30px;padding:10px 20px;text-decoration:none;color:#244b43;pointer-events:auto}aside{position:absolute;left:36px;top:155px;width:230px;pointer-events:none}.eyebrow{color:#64776f;font-size:12px;letter-spacing:2px}h2{font:34px/1.4 'Microsoft YaHei',sans-serif;font-weight:500;margin:12px 0}aside p{font-size:14px;color:#66756e;max-width:210px}.tags{font-size:13px;border-top:1px solid #cbd6ce;padding-top:18px;margin-top:22px;color:#476157}.note{margin-top:32px!important;font-size:12px!important;color:#728077!important}.textbtn{pointer-events:auto;border:0;padding:14px 0;background:none;color:#285847;font-size:14px}.tools{position:absolute;right:30px;top:155px;display:grid;gap:8px}.tools button{border:1px solid #d1dad3;color:#456158;background:#fffdf9e8;border-radius:12px;padding:11px 15px;font-size:14px;box-shadow:0 3px 10px #234b4310}.tools button[aria-pressed=true]{color:white;background:#2b594a;border-color:#2b594a}.tools button:hover{transform:translateY(-1px)}footer{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:max-content;max-width:95%;text-align:center}.help{font-size:13px;color:#6a7b72;margin-bottom:14px}.help i{padding:0 8px}.help span{display:none}nav{display:flex;gap:5px;padding:7px;background:#ffffffed;border:1px solid #d4dfd6;border-radius:20px;box-shadow:0 12px 40px #234a4320}nav button{display:flex;align-items:center;gap:13px;border:0;background:transparent;padding:14px 23px;border-radius:14px;color:#65776e;font-size:14px;white-space:nowrap}nav b{font-size:20px;font-weight:500}nav .active{background:#234e43;color:white}.compass{position:absolute;left:36px;bottom:44px;font-size:12px;text-align:center;color:#82928a;pointer-events:none}.compass span{font-size:30px;display:block;line-height:1.2}.compass small{display:block;font-size:10px;letter-spacing:0}#status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:12px;padding:15px 25px;background:#fff;color:#244b43}#status:empty{display:none}dialog{border:0;border-radius:16px;width:min(1300px,94vw);padding:18px;background:#fffdf8}dialog::backdrop{background:#123028b8}dialog img{width:100%;display:block}dialog button{float:right;padding:7px 18px;border:0;border-radius:8px;background:#234e43;color:white;margin-bottom:8px}dialog p{font-size:13px;color:#637770;margin:6px 0}
@media(max-width:900px){header{top:20px;left:20px;right:20px}h1{font-size:17px}aside{top:110px;left:22px;width:180px}h2{font-size:27px}aside p{font-size:12px;max-width:160px}.tools{right:16px;top:115px}.tools button{font-size:12px;padding:9px 11px}.tags,.note{display:none}nav button{padding:12px 18px;gap:7px}.compass{display:none}}@media(max-width:600px){header a{padding:8px 12px;font-size:12px}.mark{width:38px;height:38px;font-size:22px}.brand{gap:8px}header small{font-size:10px;letter-spacing:1px}h1{font-size:14px}aside{top:95px;left:20px}aside h2{font-size:24px;margin:5px 0}aside p{display:none}.eyebrow{font-size:10px}.textbtn{font-size:12px;padding-top:5px}.tools{top:100px;gap:5px}.tools button{border-radius:8px;padding:7px 9px;font-size:12px}footer{bottom:14px;width:calc(100% - 20px)}nav{justify-content:space-between;border-radius:16px;padding:5px}nav button{flex:1;display:grid;gap:0;padding:8px 4px;font-size:11px;border-radius:11px}nav b{font-size:19px}.help{font-size:0;margin-bottom:8px}.help span{display:block;font-size:12px}.help i{display:none}}