body{margin:0;padding:32px 20px;background:#f5f3eb;color:#313d38;font:16px system-ui}main{max-width:1100px;margin:auto}a{color:#345b48}h1{font:clamp(26px,5vw,40px) Georgia}canvas{display:block;width:100%;height:auto;background:#fffef8;border:1px solid #d8ddcf;border-radius:16px}button{font:inherit;padding:12px 18px;margin:16px 8px 0 0;border:1px solid #b8c6b2;border-radius:8px;background:#fffef8;color:#345b48;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #345b48;outline-offset:4px}.note{color:#6b7767;font-size:14px;margin-top:24px}[hidden]{display:none!important}

.language-switch{display:flex;gap:3px;padding:3px;border:1px solid #c9cfbf;border-radius:8px;flex-shrink:0}.language-switch button{font:inherit;font-size:12px;padding:6px 9px;margin:0;border:0;border-radius:5px;background:transparent;color:#345b48;cursor:pointer}.language-switch [aria-pressed=true]{background:#345b48;color:#fffef8}.language-switch button:focus-visible{outline:2px solid #345b48;outline-offset:2px}html[lang=zh-CN] .brand small{letter-spacing:1px}html[lang=zh-CN] h1{letter-spacing:1px}@media(max-width:700px){.language-switch button{padding:6px;font-size:11px}}