:root{--paper:#f6f1e7;--ink:#2b2b2b;--green:#2e8b57;--sand:#f2c94c;--red:#d9534f;--font-kai:"Kaiti SC","STKaiti","KaiTi",serif;--font-hei:"PingFang SC","Heiti SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font-hei);touch-action:none;margin:0;overflow:hidden}#game{position:absolute;inset:0}.panel{border:4px solid var(--ink);background:#fff;border-radius:24px;min-width:320px;max-width:92vw;padding:20px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px #00000026}.panel h2{font-size:28px;font-family:var(--font-kai);margin:0 0 12px}.shelf{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.item{border:3px solid var(--ink);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff8e7;border-radius:18px;padding:10px}.item:active{transform:scale(.96)}.item .pic{font-size:44px;line-height:1}.item .label{font-size:26px;font-family:var(--font-kai);margin-top:6px}.item.font-hei .label{font-family:var(--font-hei)}.item.wrong{border-color:var(--red);background:#fdecea}.item.right{border-color:var(--green);background:#e6f7ec}.hint{border:2px solid var(--ink);background:var(--sand);cursor:pointer;border-radius:999px;margin:10px 8px 0 0;padding:6px 12px;font-size:16px;display:inline-block}.bubble{font-size:24px;font-family:var(--font-kai);border:3px solid var(--ink);background:#fff8e7;border-radius:18px;margin-bottom:12px;padding:10px 14px}.hud{border:3px solid var(--ink);background:#fff;border-radius:14px;padding:6px 12px;font-size:18px;position:absolute;top:12px;left:12px}.toast{border:3px solid var(--ink);font-size:22px;font-family:var(--font-kai);background:#fff;border-radius:14px;padding:10px 16px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}