:root{--st-green: #2f6b4f;--st-yellow: #c9a227;--st-yellow-ink: #7a5a0f;--st-yellow-bg: #fbefc9;--st-black: #7a4a2e;--st-block: #c0492f;--st-closed: #b8791f;--st-mute: #8d9296;--st-face: #5b6472;--st-ink: #1f2328;--st-ink-2: #5b6472;--st-ink-3: #8d9296;--st-green-bg: #e2efe5;--st-green-ink: #245b43;--pin-g: 14px;--pin-y: 12px;--pin-b: 12px;--pin-x: 12px;--hit: 44px;--z-area-face: 30;--z-area-label: 35;--z-mask: 115;--z-pin: 120;--z-label: 130;--z-sheet: 200;--z-legend: 140;--radius: 8px;--radius-lg: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:#f6f7f8;color:var(--st-ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}#app{max-width:560px;margin:0 auto;min-height:100vh;background:#fff}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.num{font-variant-numeric:tabular-nums}:root{--hm-paper: #faf7f1;--hm-ink: #23201c;--hm-ink-3: #8b857a;--hm-jing-bg: #e4efe8;--hm-jing-ink: #235540;--hm-diao-bg: #e2edf4;--hm-diao-ink: #1e4a63;--hm-gu-bg: #f1eadd;--hm-gu-ink: #5a4526;--hm-qi-bg: #e9f1e1;--hm-qi-ink: #3a5729;--hm-ying-bg: #f4efdc;--hm-ying-ink: #5c4c1f;--hm-mo-bg: #f7e8dc;--hm-mo-ink: #6b3c20}