/* pm.css —— 小学数学互动课包统一皮肤（源自五上 M5A 皮肤，小学段增强） */

:root{
  --bg:#eef2f9; --card:#ffffff; --ink:#1e293b; --ink2:#475569; --ink3:#94a3b8;
  --line:#e6ecf5; --brand:#4f46e5; --brand2:#0ea5e9; --brand3:#7c3aed;
  --ok:#10b981; --bad:#ef4444; --warn:#f59e0b;
  --sun:#f59e0b; --grass:#10b981; --berry:#ec4899; --sea:#06b6d4;
  --r:20px; --r2:14px;
  --sh:0 8px 24px rgba(30,41,59,.09); --sh2:0 2px 8px rgba(30,41,59,.06);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;padding:0 0 88px;color:var(--ink);font-size:16px;line-height:1.75;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  background:var(--bg);
  background-image:
    radial-gradient(circle at 6% -8%,rgba(79,70,229,.18),transparent 42%),
    radial-gradient(circle at 96% 0%,rgba(6,182,212,.16),transparent 38%),
    radial-gradient(circle at 50% 108%,rgba(236,72,153,.10),transparent 44%);
  background-attachment:fixed;
}
.wrap{max-width:860px;margin:0 auto;padding:16px 14px 0}

/* ---------- 顶部 ---------- */
header.top{position:relative;color:#fff;overflow:hidden;
  background:linear-gradient(135deg,#4f46e5 0%,#5b5bd6 42%,#0ea5e9 100%);
  border-radius:0 0 28px 28px;box-shadow:0 10px 28px rgba(79,70,229,.28)}
header.top::after{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);
  background-size:26px 26px;
  mask-image:radial-gradient(circle at 82% 18%,#000,transparent 62%);
  -webkit-mask-image:radial-gradient(circle at 82% 18%,#000,transparent 62%)}
.topWrap{position:relative;z-index:1;max-width:860px;margin:0 auto;display:flex;gap:12px;
  align-items:flex-start;justify-content:space-between;padding:18px 18px 20px}
.chip{display:inline-block;font-size:12px;letter-spacing:.4px;padding:3px 10px;border-radius:999px;
  background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35)}
.homebtn{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#fff;
  font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);
  transition:background .15s,transform .15s;white-space:nowrap}
.homebtn:active{transform:scale(.96)}
@media(hover:hover){.homebtn:hover{background:rgba(255,255,255,.34)}}
.homebtn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.taskbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.countdown{font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px;
  background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);white-space:nowrap}
.countdown.warn{background:rgba(255,236,204,.95);border-color:#f0b429;color:#8a5a00}
.countdown.dead{background:rgba(254,226,226,.95);border-color:#e05a5a;color:#9b1c1c}
body.locked .panel{opacity:.55;filter:grayscale(.4)}
body.locked .quizLock{display:block}
.quizLock{display:none;background:#fff5f5;border:1px solid #f6c9c9;color:#9b1c1c;
  border-radius:14px;padding:14px;font-size:14px;line-height:1.7;margin-bottom:12px}
header.top h1{margin:9px 0 4px;font-size:22px;line-height:1.35;font-weight:800;letter-spacing:.3px}
header.top .sub{margin:0;font-size:13px;opacity:.92;line-height:1.6}
.ring{flex:0 0 auto;width:62px;height:62px;border-radius:50%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;background:rgba(255,255,255,.16);
  border:1.5px solid rgba(255,255,255,.45);box-shadow:inset 0 0 14px rgba(255,255,255,.18)}
.ring b{font-size:20px;line-height:1;font-weight:800}
.ring small{font-size:10px;opacity:.85;margin-top:3px}
.ring.celebrate{animation:pop .6s ease}
@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.18)}100%{transform:scale(1)}}

/* ---------- 卡片 ---------- */
.panel{display:none;animation:fade .28s ease}
.panel.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh2);padding:16px 16px 18px;margin:0 0 14px;
  border:1px solid rgba(255,255,255,.9)}
.card.hl{box-shadow:var(--sh);border-color:#dbe3f3}
h2.sec{display:flex;align-items:center;gap:9px;font-size:17px;margin:2px 0 12px;font-weight:800;letter-spacing:.2px}
h2.sec .bar{width:5px;height:19px;border-radius:3px;background:linear-gradient(180deg,var(--brand),var(--brand2))}
h3.sub{font-size:15px;font-weight:700;margin:16px 0 8px;color:var(--brand3);display:flex;align-items:center;gap:7px}
h3.sub::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand2);box-shadow:0 0 0 3px rgba(14,165,233,.16)}
p{margin:8px 0}
.lead{font-size:15px;color:var(--ink2)}
.muted{color:var(--ink3);font-size:13px}
.hl{color:var(--brand);font-weight:700}
.hl2{color:#db2777;font-weight:700}
.num{font-family:ui-monospace,Menlo,Consolas,"Cambria Math",monospace;font-weight:800;color:#1d4ed8}
.hintbar{background:linear-gradient(135deg,#eef2ff,#e0f2fe);border:1px solid #dbe4ff;border-radius:var(--r2);
  padding:11px 13px;font-size:13.5px;color:#3730a3;line-height:1.75}
.hintbar b{color:#4338ca}

/* ---------- 学习目标 ---------- */
.themeCard{background:linear-gradient(135deg,#f8faff,#f0f9ff);border:1px solid #e6eefc;
  border-radius:var(--r2);padding:12px 13px;margin-bottom:10px}
.themeCard h4{margin:0 0 5px;font-size:14.5px;color:#1d4ed8}
.themeCard p{margin:0;font-size:14px;color:var(--ink2);line-height:1.7}
.tg{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;margin:3px 5px 3px 0;
  background:#eef2ff;color:#4338ca;font-weight:700}
.tg.g{background:#ecfdf5;color:#047857} .tg.y{background:#fffbeb;color:#b45309}
.tg.p{background:#fdf2f8;color:#be185d} .tg.s{background:#e0f2fe;color:#0369a1}
.goal3{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
@media(min-width:620px){.goal3{grid-template-columns:1fr 1fr}}
.g{background:#fcfdff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--r2);padding:11px 13px}
.g.b{border-left-color:var(--brand2)} .g.c{border-left-color:var(--berry)} .g.d{border-left-color:var(--ok)}
.g b{display:block;font-size:14px;color:var(--brand);margin-bottom:4px}
.g.b b{color:#0369a1} .g.c b{color:#be185d} .g.d b{color:#047857}
.g ul{margin:4px 0 0;padding-left:18px}
.g li{margin:4px 0;font-size:14px;color:var(--ink2);line-height:1.7}

/* ---------- 课时清单（备课助手抽取用） ---------- */
.clist{margin-top:6px}
.ci{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--r2);
  background:#fbfcff;border:1px solid var(--line);margin-bottom:8px}
.ci .nm{flex:0 0 auto;min-width:44px;font-weight:800;font-size:13px;color:#fff;text-align:center;
  background:linear-gradient(135deg,#4f46e5,#0ea5e9);border-radius:9px;padding:3px 8px}
.ci .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.ci .tx b{font-size:14.5px}
.ci .tx i{font-style:normal;font-size:12.5px;color:var(--ink3);line-height:1.55}
.ci .rc{flex:0 0 auto;font-size:12px;color:#4338ca;background:#eef2ff;border-radius:999px;padding:3px 10px;font-weight:700}

/* ---------- 问题链 / 追问 ---------- */
.qc{background:linear-gradient(180deg,#f8faff,#ffffff);border:1px solid #e8eefb;
  border-left:4px solid var(--brand2);border-radius:var(--r2);padding:12px 14px;margin:11px 0}
.qc .qh{font-weight:700;font-size:15px;color:#1e3a8a;display:flex;gap:8px;align-items:baseline}
.qc .no{flex:0 0 auto;width:22px;height:22px;border-radius:7px;background:var(--brand2);color:#fff;
  font-size:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transform:translateY(4px)}
details.reveal{margin-top:9px;border-radius:11px;background:#fff;border:1px dashed #cfd9ee;overflow:hidden}
details.reveal>summary{list-style:none;cursor:pointer;padding:9px 12px;font-size:13.5px;color:var(--brand);
  font-weight:700;user-select:none;display:flex;align-items:center;gap:6px}
details.reveal>summary::-webkit-details-marker{display:none}
details.reveal>summary::before{content:"▸";transition:transform .2s;display:inline-block}
details.reveal[open]>summary::before{transform:rotate(90deg)}
details.reveal .body{padding:2px 13px 13px;font-size:14.5px;color:var(--ink2);animation:fade .25s ease}
details.reveal .body b{color:var(--brand3)}

/* ---------- 例题分步 ---------- */
.steps{counter-reset:sp}
.step{position:relative;padding:11px 13px 11px 46px;border-radius:var(--r2);background:#fbfcff;
  border:1px solid var(--line);margin-bottom:9px}
.step::before{counter-increment:sp;content:counter(sp);position:absolute;left:12px;top:11px;
  width:24px;height:24px;border-radius:9px;background:linear-gradient(135deg,#4f46e5,#0ea5e9);color:#fff;
  font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.step .st{font-weight:700;font-size:14.5px;color:#1e3a8a;margin-bottom:3px}
.step .sd{font-size:14px;color:var(--ink2);line-height:1.75}
.step.warnstep{border-left:4px solid var(--warn)}
.step.warnstep::before{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.step .why{margin-top:7px;font-size:13.5px;color:#0f766e;background:#f0fdfa;border-radius:10px;padding:7px 10px}

/* ---------- 结论 / 公式 / 提示 ---------- */
.key{background:linear-gradient(135deg,#f0fdfa,#eef2ff);border:1px solid #d8f3ee;border-radius:var(--r2);
  padding:13px 14px;margin:12px 0}
.key .kt{font-size:13px;font-weight:800;color:#0f766e;letter-spacing:.5px;margin-bottom:6px;display:flex;gap:6px;align-items:center}
.key ul{margin:6px 0 0;padding-left:20px}
.key li{margin:5px 0}
.fr{display:block;margin:11px 0;padding:12px 14px;border-radius:12px;background:#0f172a;color:#e2e8f0;
  font-family:"Cambria Math",Cambria,"Times New Roman",Georgia,serif;font-size:18px;text-align:center;
  letter-spacing:.5px;overflow-x:auto;white-space:nowrap;box-shadow:inset 0 0 24px rgba(56,189,248,.14)}
.fr em{color:#67e8f9;font-style:normal}
.tip,.warn{border-radius:var(--r2);padding:11px 13px;margin:11px 0;font-size:14.5px;line-height:1.7}
.tip{background:#eff6ff;border:1px solid #dbeafe;border-left:4px solid #3b82f6}
.warn{background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid var(--warn)}
.tip b,.warn b{display:block;margin-bottom:3px}
.tip b{color:#1d4ed8}
.warn b{color:#b45309}
.think{background:linear-gradient(135deg,#fdf4ff,#f5f3ff);border:1px solid #e9d5ff;border-left:4px solid var(--brand3);
  border-radius:var(--r2);padding:12px 13px;margin:12px 0}
.think .tt{font-weight:800;color:#6d28d9;font-size:14px;margin-bottom:5px;display:flex;gap:6px;align-items:center}
.think .td{font-size:14px;color:var(--ink2);line-height:1.75}
.g2{display:grid;grid-template-columns:1fr;gap:11px}
@media(min-width:620px){.g2{grid-template-columns:1fr 1fr}}
.box{border:1px solid var(--line);border-radius:var(--r2);padding:12px 13px;background:#fcfdff}
.box .bt{font-weight:700;font-size:14.5px;color:var(--brand);margin-bottom:6px}

/* ---------- 交互控件 ---------- */
.lab{display:flex;align-items:center;gap:10px;margin:11px 0;font-size:14.5px;flex-wrap:wrap}
.lab .name{flex:0 0 auto;font-weight:700;color:var(--ink2);min-width:62px}
.lab .val{flex:0 0 auto;min-width:64px;text-align:center;
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:13.5px;color:#fff;background:linear-gradient(135deg,#4f46e5,#0ea5e9);border-radius:9px;padding:3px 8px}
input[type=range]{-webkit-appearance:none;appearance:none;flex:1 1 130px;height:6px;border-radius:6px;
  background:linear-gradient(90deg,#c7d2fe,#bae6fd);outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;
  background:#fff;border:3px solid var(--brand);box-shadow:0 2px 8px rgba(79,70,229,.4);cursor:pointer}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;
  border:3px solid var(--brand);cursor:pointer}
.btn{border:none;border-radius:12px;padding:11px 18px;font-size:15px;font-weight:700;cursor:pointer;
  background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;
  box-shadow:0 6px 16px rgba(79,70,229,.28);transition:transform .12s,box-shadow .12s;font-family:inherit}
.btn:active{transform:translateY(1px) scale(.985)}
.btn.ghost{background:#fff;color:var(--brand);border:1.5px solid #c7d2fe;box-shadow:none}
.btn.sm{padding:8px 14px;font-size:14px}
.btnrow{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.segbtns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.segb{flex:1 1 auto;min-width:74px;padding:10px 6px;border-radius:11px;border:1.5px solid #dbe4ff;background:#fff;
  color:var(--ink2);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:.15s}
.segb.on{background:linear-gradient(135deg,#4f46e5,#0ea5e9);color:#fff;border-color:transparent;
  box-shadow:0 5px 14px rgba(79,70,229,.3)}
canvas{display:block;width:100%;height:auto;border-radius:var(--r2);background:#fff;
  border:1px solid var(--line);touch-action:none}
.readout{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:11px}
@media(min-width:620px){.readout{grid-template-columns:repeat(4,1fr)}}
.ro{background:#f8faff;border:1px solid var(--line);border-radius:12px;padding:9px 10px;text-align:center}
.ro .k{font-size:11.5px;color:var(--ink3)}
.ro .v{font-size:16.5px;font-weight:800;color:var(--brand);
  font-family:ui-monospace,Menlo,Consolas,monospace}
.ro .v.ok{color:var(--ok)} .ro .v.bad{color:var(--bad)}
.tag{display:inline-block;font-size:12px;padding:2px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-weight:700}
.tag.g{background:#ecfdf5;color:#047857} .tag.r{background:#fef2f2;color:#b91c1c} .tag.y{background:#fffbeb;color:#b45309}
table.tb{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0}
table.tb th,table.tb td{border:1px solid var(--line);padding:8px 9px;text-align:center}
table.tb th{background:#f5f8ff;color:var(--brand);font-weight:700}
table.tb td.l{text-align:left}
table.hundred{font-size:12px}
table.hundred th,table.hundred td{padding:3px 1px;border-color:#e6ecfa}
table.hundred td{font-family:ui-monospace,monospace;color:#1d4ed8;background:#fbfdff}
.readbox{background:linear-gradient(180deg,#fbfdff,#f4f8ff);border:1px solid #dbe4ff;border-left:4px solid #4f46e5;border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.95;color:#334155}
.readbox p{margin:0 0 10px}

/* ---------- 通关测试 ---------- */
.qtop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 12px}
.dots{display:flex;gap:6px}
.dots i{width:22px;height:6px;border-radius:4px;background:#dbe4ff;display:block;transition:.25s}
.dots i.cur{background:var(--brand2);width:30px}
.dots i.ok{background:var(--ok)} .dots i.no{background:var(--bad)}
.scoreB{font-size:13px;color:var(--ink3)}
.scoreB b{color:var(--brand);font-size:16px}
.qcard{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:16px 15px 18px;border:1px solid #eef2ff}
.qmeta{display:flex;gap:8px;align-items:center;margin-bottom:9px;flex-wrap:wrap}
.lvl{font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.4px}
.lvl1{background:#e0f2fe;color:#0369a1} .lvl2{background:#ede9fe;color:#5b21b6} .lvl3{background:#ffe4e6;color:#be123c}
.stem{font-size:16.5px;line-height:1.85;margin:0 0 12px;font-weight:600}
.opt{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;padding:13px 14px;margin-bottom:9px;
  border-radius:13px;border:1.5px solid #e3e9f7;background:#fbfcff;font-size:16px;color:var(--ink);
  font-family:inherit;line-height:1.65;cursor:pointer;transition:.15s}
.opt .k{flex:0 0 auto;width:27px;height:27px;border-radius:9px;background:#eef2ff;color:#4338ca;
  font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.opt:active{transform:scale(.99)}
.opt.ok{border-color:var(--ok);background:#f0fdf4;box-shadow:0 0 0 3px rgba(16,185,129,.12)}
.opt.ok .k{background:var(--ok);color:#fff}
.opt.bad{border-color:var(--bad);background:#fef2f2;box-shadow:0 0 0 3px rgba(239,68,68,.1)}
.opt.bad .k{background:var(--bad);color:#fff}
.opt[disabled]{cursor:default}
.exp{margin-top:4px;border-radius:13px;padding:12px 13px;font-size:14.5px;line-height:1.78;
  background:#f0f9ff;border:1px solid #bae6fd;animation:fade .3s ease}
.exp .et{font-weight:800;margin-bottom:5px;display:flex;gap:6px;align-items:center}
.exp.good{background:#f0fdf4;border-color:#bbf7d0} .exp.good .et{color:#047857}
.exp.bad{background:#fff7ed;border-color:#fed7aa} .exp.bad .et{color:#b45309}
.exp .why{display:block;margin-top:6px;font-size:13.5px;color:#0f766e;background:#f0fdfa;border-radius:10px;padding:7px 10px}
.result{text-align:center;padding:20px 16px}
.result .big{font-size:52px;font-weight:900;line-height:1;letter-spacing:-1px;
  background:linear-gradient(135deg,#4f46e5,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}
.stars{font-size:30px;letter-spacing:6px;margin:10px 0 4px;color:#cbd5e1}
.stars i{font-style:normal;display:inline-block;transition:.3s}
.stars i.on{color:#fbbf24;text-shadow:0 3px 10px rgba(251,191,36,.5);animation:pop .5s ease}
.rsay{color:var(--ink2);font-size:15px;margin:6px 0 4px}
.wrongList{text-align:left;margin-top:18px}
.wrongList .wi{background:#fff;border:1px solid #fecaca;border-radius:13px;padding:12px;margin-bottom:10px}
.wrongList .wi .wq{font-weight:700;font-size:14.5px;margin-bottom:6px}
.wrongList .wi .wa{font-size:14px;color:var(--ink2)}
.wrongList .wi .wa em{font-style:normal;color:#047857;font-weight:700}

/* ---------- 底部标签 ---------- */
nav.tabs{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;
  background:rgba(255,255,255,.95);backdrop-filter:blur(14px);
  border-top:1px solid #e6ecf5;box-shadow:0 -6px 22px rgba(30,41,59,.07);
  padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
nav.tabs .tab{flex:1;border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:6px 2px;font-size:11.5px;color:var(--ink3);font-family:inherit;cursor:pointer;border-radius:12px;transition:.15s}
nav.tabs .tab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
nav.tabs .tab.on{color:var(--brand);background:linear-gradient(180deg,#f5f7ff,rgba(238,242,255,.5))}
nav.tabs .tab.on svg{stroke-width:2.2}
.foot{text-align:center;color:var(--ink3);font-size:12px;margin:20px 0 6px;line-height:1.7}
.badgeRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.badgeRow .bd{font-size:12.5px;padding:6px 11px;border-radius:11px;background:#fff;border:1px solid var(--line);color:var(--ink2)}
.badgeRow .bd b{color:var(--brand)}
/* 小学数学组件通用 */
.mpbox{margin:12px 0;padding:12px;border-radius:var(--r2);background:#fbfdff;border:1px solid var(--line)}
.mptitle{font-size:13.5px;font-weight:800;color:#4338ca;margin-bottom:8px;display:flex;gap:6px;align-items:center}
.mptitle::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#0ea5e9)}
.mpnote{font-size:12.5px;color:var(--ink3);margin-top:8px;line-height:1.6}
.mpcnt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}
.mpcnt button{width:44px;height:44px;border-radius:13px;border:1.5px solid #c7d2fe;background:#fff;color:#4338ca;
  font-size:22px;font-weight:700;cursor:pointer;font-family:inherit;line-height:1}
.mpcnt button:active{transform:scale(.95)}
.mpcnt .cv{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:22px;font-weight:800;color:#1d4ed8;
  min-width:64px;text-align:center}
.ballrow{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}
.ballrow span{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;color:#fff;font-weight:700}
@media print{nav.tabs{display:none}body{padding-bottom:0}}

/* ==================== 底部功能条统一优化（2026-10-04） ==================== */
/* 各功能项均匀分布铺满整条底栏；高中语文 7 项在小屏也不左挤、不横向滚动 */
nav.tabs .tab{flex:1 1 0;min-width:0}
nav.tabs .tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:700px){
  nav.tabs{max-width:920px;margin:0 auto;border-radius:18px 18px 0 0;border-left:1px solid #e6ecf5;border-right:1px solid #e6ecf5}
  nav.tabs .tab{font-size:12.5px;gap:3px;padding:7px 2px;border-radius:14px}
  nav.tabs .tab svg{width:22px;height:22px}
}

/* ==========================================================
   pm.css · 小学段增强（三~六年级通用）
   设计原则：字更大、点更大、图更多、反馈更快
   ========================================================== */

/* ---------- 互动台外壳 ---------- */
.mpbox{
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 60%);
  border:1.5px solid #dbe3f3;border-radius:18px;padding:14px 13px 12px;margin:12px 0 4px;
  box-shadow:0 6px 18px rgba(79,70,229,.07);position:relative;overflow:hidden;
}
.mpbox::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,var(--brand),var(--brand2))}
.mpbox canvas{display:block;width:100%;height:auto;border-radius:12px;background:#fff;
  border:1px solid #eef2f8;touch-action:none}
.mptitle{font-size:14.5px;font-weight:800;color:#3730a3;margin:0 0 9px;letter-spacing:.2px;
  display:flex;align-items:center;gap:7px}
.mptitle::before{content:"🧩";font-size:15px}
.mpnote{margin:9px 0 0;font-size:13px;color:var(--ink2);line-height:1.7;
  background:#f1f5fb;border-left:3px solid #c7d2fe;border-radius:0 10px 10px 0;padding:7px 11px}
.btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.btn{border:none;border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:700;
  font-family:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s,background .15s;
  background:linear-gradient(135deg,var(--brand),#6366f1);color:#fff;
  box-shadow:0 4px 10px rgba(79,70,229,.24);min-height:38px;touch-action:manipulation}
.btn:active{transform:translateY(1px) scale(.98)}
.btn.ghost{background:#fff;color:#4338ca;border:1.5px solid #c7d2fe;box-shadow:none}
.btn.gold{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 10px rgba(245,158,11,.28)}
.btn.sm{padding:6px 12px;font-size:12.5px;min-height:34px}
@media(hover:hover){.btn:hover{filter:brightness(1.06)}}

/* ---------- 度量卡 / 读数 ---------- */
.pmStat{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pmStat .st{flex:1 1 92px;min-width:92px;background:#fff;border:1.5px solid #e2e8f4;border-radius:14px;
  padding:8px 10px;text-align:center;box-shadow:0 2px 6px rgba(30,41,59,.05)}
.pmStat .st b{display:block;font-size:17px;font-weight:800;color:#1d4ed8;
  font-family:ui-monospace,Menlo,Consolas,monospace;line-height:1.3}
.pmStat .st span{display:block;font-size:11.5px;color:var(--ink3);margin-top:2px}

/* ---------- 反馈气泡 ---------- */
.pmSay{margin-top:10px;border-radius:14px;padding:10px 13px;font-size:13.5px;line-height:1.7;
  background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;color:#065f46;font-weight:600}
.pmSay.bad{background:linear-gradient(135deg,#fef2f2,#fff5f5);border-color:#fecaca;color:#991b1b}
.pmSay.tip{background:linear-gradient(135deg,#fffbeb,#fefce8);border-color:#fde68a;color:#92400e}
.pmSay b{color:#047857}

/* ---------- 可点标签 / 选项卡 ---------- */
.pmChip{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;margin:0 6px 6px 0;
  border-radius:999px;border:1.5px solid #dbe3f3;background:#fff;font-size:13px;font-weight:700;
  color:var(--ink2);cursor:pointer;min-height:36px;transition:all .15s;touch-action:manipulation}
.pmChip.on{background:linear-gradient(135deg,var(--brand),#6366f1);color:#fff;border-color:transparent;
  box-shadow:0 4px 10px rgba(79,70,229,.22)}
.pmChip:active{transform:scale(.96)}

/* ---------- 拖拽槽 ---------- */
.pmSlots{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.pmSlot{min-width:74px;min-height:56px;border:2px dashed #c7d2fe;border-radius:14px;background:#f8faff;
  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#4338ca}
.pmSlot.full{border-style:solid;background:#eef2ff}

/* ---------- 低年级大字号（三年级） ---------- */
body.g3 .lead,body.g3 p{font-size:16px}
body.g3 .card{padding:18px 16px 20px}
body.g3 .btn{font-size:14.5px;min-height:42px}

/* ---------- 动画 ---------- */
@keyframes wiggle{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes bounceIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.pmAnim{animation:bounceIn .45s ease both}
.shake{animation:wiggle .3s ease 2}

/* ---------- 小学专属：情景卡 / 目标卡 ---------- */
.pmscene{position:relative;border-radius:18px;padding:14px 16px;margin:0 0 12px;color:#fff;overflow:hidden;
  background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 45%,#06b6d4 100%);
  box-shadow:0 8px 20px rgba(99,102,241,.26)}
.pmscene::after{content:"";position:absolute;right:-16px;top:-24px;width:96px;height:96px;border-radius:50%;
  background:rgba(255,255,255,.13)}
.pmscene h4{margin:0 0 6px;font-size:14.5px;font-weight:800;letter-spacing:.3px;display:flex;align-items:center;gap:6px}
.pmscene p{margin:0;font-size:14.5px;line-height:1.75;opacity:.97}
.pmscene .num{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}

.goalRow{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
.goalRow .g{flex:1 1 100%;display:flex;align-items:flex-start;gap:8px;background:#f6f8fd;border:1px solid #e6ecf5;
  border-radius:12px;padding:9px 11px;font-size:13.5px;color:var(--ink2);line-height:1.65}
.goalRow .g i{flex:0 0 auto;width:20px;height:20px;border-radius:50%;color:#fff;font-style:normal;
  font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand2));margin-top:2px}

/* ---------- 小徽章强化 ---------- */
.badgeRow .bd{font-size:12.5px}

/* ---------- 手机端：按钮更好点 ---------- */
@media(max-width:520px){
  .btnrow .btn{flex:1 1 auto;justify-content:center}
  .mpbox{padding:12px 10px 10px}
  .pmStat .st{flex:1 1 78px;min-width:78px}
  .pmChip{padding:7px 14px;min-height:40px}
}
@media(min-width:900px){
  .mpbox{padding:18px 18px 14px}
  .mpbox canvas{max-width:760px;margin:0 auto}
}

/* ---------- pm-kit 配套（练习引擎 / 组件条） ---------- */
.qbtns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.qbtns .btn{min-width:132px}
.exp .ed{font-size:14.5px;color:#334155;line-height:1.78}
.pmChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.result .wrongList .wi.ok{border-color:#bbf7d0;background:#f0fdf4}
.result .wrongList .wi.ok .wa em{color:#047857}

/* ---------- 填空题（fill）——数字键盘 / 大触控区 / 即时反馈 ---------- */
.lvlFill{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.fillRow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 4px}
.fillIn{
  flex:1 1 200px;min-width:0;font-size:26px;font-weight:800;letter-spacing:1px;text-align:center;
  padding:12px 14px;border:2px solid #cbd5e1;border-radius:14px;background:#f8fafc;color:#0f172a;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;outline:none;transition:border-color .15s,box-shadow .15s;
}
.fillIn::placeholder{font-size:15px;font-weight:600;letter-spacing:0;color:#94a3b8}
.fillIn:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px rgba(79,70,229,.14)}
.fillIn[disabled]{opacity:1;background:#f1f5f9;border-color:#e2e8f0;color:#334155}
.fillUnit{font-size:17px;font-weight:800;color:#475569}
.fillTip{min-height:20px;font-size:13.5px;font-weight:700;color:#b45309;margin:2px 0 0}
.fillIn.shake{animation:fillShake .4s}
@keyframes fillShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@media(max-width:520px){
  .fillIn{font-size:22px;padding:11px 10px;flex:1 1 100%}
  .fillRow .btn{flex:1 1 100%;min-height:46px}
}

.result .wrongList .wexp{font-size:13.5px;color:#475569;margin-top:4px;line-height:1.7}