*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:'PingFang TC','Noto Sans TC','Heiti TC',sans-serif;-webkit-font-smoothing:antialiased;background:#E9E4E0}
.app{position:relative;max-width:520px;height:100%;margin:0 auto;overflow:hidden}
.hs{display:flex;overflow-x:auto;scrollbar-width:none}.hs::-webkit-scrollbar{display:none}
.vs{overflow-y:auto;scrollbar-width:none}.vs::-webkit-scrollbar{display:none}
.serif{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif}
.toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);background:rgba(30,26,28,.88);color:#fff;font-size:14px;padding:10px 18px;border-radius:20px;opacity:0;transition:.25s;pointer-events:none;z-index:99;white-space:nowrap}
.toast.on{opacity:1}
.zb{display:inline-flex;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-radius:18px;padding:3px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.zb span{font-size:13px;padding:6px 13px;border-radius:15px;color:#7A6A6E;cursor:pointer}.zb span.on{background:#2B2326;color:#fff}
.fb{display:none;margin-top:8px;gap:6px}.fb.show{display:flex}
.fb span{font-size:12px;padding:5px 10px;border-radius:13px;background:rgba(255,255,255,.8);color:#7A6A6E;cursor:pointer}.fb span.on{background:#C9677F;color:#fff}
.zb.lt{background:rgba(43,35,38,.6)}.zb.lt span{color:#E6D9D2}.zb.lt span.on{background:#F3ECE6;color:#2B2326}
.fb.lt span{background:rgba(43,35,38,.55);color:#E6D9D2}.fb.lt span.on{background:#D9B99A;color:#1F1A1C}