*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#f7f4ec;color:#2b2b2b;line-height:1.6}
.topbar{background:#1f3a5f;color:#fff;padding:22px 16px;text-align:center}
.brand{font-size:26px;letter-spacing:6px;font-weight:700}
.sub{font-size:12px;opacity:.75;margin-top:6px;letter-spacing:1px}
.tabs{display:flex;background:#fff;border-bottom:1px solid #e5ddcb;position:sticky;top:0;z-index:10}
.tab{flex:1;border:0;background:#fff;padding:13px 0;font-size:15px;color:#666;cursor:pointer}
.tab.active{color:#1f3a5f;font-weight:700;border-bottom:3px solid #1f3a5f}
.badge{display:inline-block;min-width:20px;background:#c9562c;color:#fff;font-size:11px;border-radius:10px;padding:1px 6px;margin-left:4px}
main{max-width:720px;margin:0 auto;padding:18px 16px 60px}
.card{background:#fff;border-radius:12px;padding:22px 20px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.chip{display:inline-block;background:#e8f0e4;color:#3f6b34;font-size:12px;border-radius:20px;padding:3px 12px;margin-bottom:10px}
.card h1{font-size:21px;line-height:1.5;margin-bottom:8px}
.meta{font-size:12px;color:#999;margin-bottom:14px}
.meta a{color:#1f3a5f}
.toolbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.btn{border:1px solid #d8cfb8;background:#fbf9f3;border-radius:20px;padding:6px 14px;font-size:13px;cursor:pointer;color:#555}
.btn:active{background:#efe8d6}
.para{font-size:18px;line-height:2.2;margin-bottom:14px;text-align:justify}
.ch{position:relative;cursor:pointer;border-radius:3px;padding:2px 0}
.ch .py{display:none;position:absolute;top:-1.35em;left:50%;transform:translateX(-50%);font-size:11px;line-height:1;color:#c9562c;white-space:nowrap;background:#fff8ec;border:1px solid #f0d9a8;border-radius:4px;padding:1px 3px;z-index:5}
.ch.on .py{display:block}
.ch.on{background:#fff3dd}
.showall .ch .py{display:block}
.hist-item{display:block;background:#fff;border-radius:10px;padding:14px 16px;margin-bottom:10px;text-decoration:none;color:#2b2b2b;box-shadow:0 1px 6px rgba(0,0,0,.05)}
.hist-item .t{font-size:16px;font-weight:600;margin:4px 0}
.hist-item .d{font-size:12px;color:#999}
.empty{text-align:center;color:#999;padding:60px 20px;font-size:14px}
.sz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.sz-head h2{font-size:18px}
.sz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}
.sz-item{background:#fff;border-radius:10px;padding:10px 6px;text-align:center;box-shadow:0 1px 6px rgba(0,0,0,.05);position:relative}
.sz-item .zc{font-size:26px}
.sz-item .zp{font-size:12px;color:#c9562c;margin-top:2px}
.sz-item .zd{font-size:10px;color:#bbb;margin-top:4px}
.sz-del{position:absolute;top:2px;right:6px;border:0;background:none;color:#ccc;font-size:14px;cursor:pointer}
.toast{position:fixed;left:50%;bottom:70px;transform:translateX(-50%) translateY(20px);background:rgba(31,58,95,.92);color:#fff;font-size:14px;padding:10px 20px;border-radius:24px;opacity:0;transition:all .25s;pointer-events:none;z-index:50}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.foot{text-align:center;font-size:11px;color:#b3a98f;padding:20px 16px 40px}
.quiz-bar{margin-top:18px;text-align:center}
.hint{font-size:12px;color:#999;margin-top:10px;text-align:center}