/* =========================================================
   mengxue.css — 蒙学诵读
   配合 base.css + tool.css 使用。强调色朱砂 + 墨青（暖冷对比）。
   ========================================================= */

body.mengxue{--a1:#e05a3c;--a2:#4fae9f}
.mengxue [hidden]{display:none!important}
body.mengxue .grad{background:linear-gradient(96deg,var(--a1),#f0977a 45%,var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- 选书条 ---------- */
.mx__bookseg{margin-bottom:18px;flex-wrap:wrap}
.mx__bookbtn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:.5em 1.05em;border:0;border-radius:999px;background:transparent;cursor:pointer;
  font-size:.86rem;font-weight:600;color:var(--muted);
  transition:color .25s,background .25s;
}
.mx__bookbtn:hover{color:var(--ink)}
.mx__bookbtn.is-on[aria-pressed="true"]{color:#0a0714;background:linear-gradient(100deg,var(--a1),var(--a2))}

/* ---------- 书名栏 ---------- */
.mx__bookbar{display:flex;align-items:center;gap:12px;margin-top:22px}
.mx__bookname{margin:0;font-family:var(--font-kai);font-size:1.5rem;font-weight:640;letter-spacing:.03em}
.mx__badge{
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;
  padding:.28em .6em;border-radius:6px;
  color:var(--a2);background:color-mix(in oklab,var(--a2) 14%,transparent);
  border:1px solid color-mix(in oklab,var(--a2) 32%,transparent);
}
.mx__badge[data-full="1"]{color:var(--mint);background:color-mix(in oklab,var(--mint) 14%,transparent);border-color:color-mix(in oklab,var(--mint) 32%,transparent)}
.mx__booksub{margin:8px 0 0;font-size:.86rem;line-height:1.7;color:var(--muted);max-width:60ch}

/* ---------- 诵读卡 ---------- */
.mx__reader{
  margin-top:22px;padding:clamp(22px,5vw,40px);border-radius:var(--radius);
  background:
    radial-gradient(120% 80% at 100% 0%,color-mix(in oklab,var(--a1) 18%,transparent),transparent 60%),
    var(--glass);
  border:1px solid var(--glass-brd);box-shadow:var(--shadow);
  backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
}
.mx__line{
  margin:0;font-family:var(--font-kai);font-weight:600;
  font-size:clamp(1.9rem,8vw,3.1rem);line-height:1.5;letter-spacing:.06em;color:#faf6ee;
}
.mx__readtag{display:inline-block;margin:10px 0 0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;color:var(--mint)}
.mx__plain{margin:18px 0 0;font-size:1.06rem;line-height:1.95;color:var(--ink-2)}
.mx__note{margin:14px 0 0;padding:12px 15px;border-radius:var(--radius-sm);font-size:.9rem;line-height:1.8;color:var(--ink-2);
  background:color-mix(in oklab,var(--a2) 10%,transparent);border-left:3px solid var(--a2)}
.mx__note::before{content:"读法 · ";font-family:var(--font-mono);font-size:.78em;letter-spacing:.08em;color:var(--a2)}

/* ---------- 进度条（复用 runbar） ---------- */
.mx__runbar{margin-top:18px}
.mx__controls{margin-top:14px}

/* ---------- 对照通读 ---------- */
.mx__cmpnote{margin:0 0 14px;line-height:1.7;max-width:60ch}
.mx__cmpsearch{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.mx__cmpsearch .input{flex:1;min-width:0}
.mx__cmplist{display:grid;gap:10px;margin-top:6px}
.mx__row{
  display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;width:100%;
  padding:16px 18px;border-radius:var(--radius-sm);cursor:pointer;
  background:rgba(255,255,255,.04);border:1px solid var(--line);
  transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.mx__row:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--a1) 55%,transparent);background:rgba(255,255,255,.07)}
.mx__row.is-read{border-left:3px solid var(--mint)}
.mx__row-t{font-family:var(--font-kai);font-size:1.24rem;font-weight:600;letter-spacing:.04em;line-height:1.6}
.mx__row-p{font-size:.92rem;line-height:1.8;color:var(--ink-2)}
.mx__row-n{font-size:.82rem;line-height:1.7;color:var(--muted);padding-top:2px;border-top:1px dashed var(--line);width:100%}

/* ---------- 背诵自测 ---------- */
.mx__quiz-stage{margin-top:8px}
.mx__quiz-ask{margin:0 0 6px;font-size:.92rem;color:var(--muted)}
.mx__quiz-top{font-family:var(--font-kai)}
.mx__reader .mx__line,.mx__quiz-top{color:#faf6ee}
.mx__quiz-ask .mx__quiz-top{
  display:block;margin-top:14px;font-family:var(--font-kai);
  font-size:clamp(1.6rem,6vw,2.4rem);font-weight:600;letter-spacing:.06em;line-height:1.5;color:#faf6ee;
}
.mx__quiz-opts{display:grid;gap:12px;margin-top:22px}
.mx__quiz-opt{
  min-height:60px;padding:14px 18px;border-radius:14px;text-align:left;cursor:pointer;
  font-family:var(--font-kai);font-size:1.12rem;font-weight:600;letter-spacing:.04em;
  background:rgba(255,255,255,.05);border:1px solid var(--line-2);color:var(--ink);
  transition:transform .2s var(--ease),background .2s,border-color .2s,opacity .2s;
}
.mx__quiz-opt:hover:not([disabled]){transform:translateY(-2px);background:rgba(255,255,255,.1)}
.mx__quiz-opt[disabled]{cursor:default;opacity:.75}
.mx__quiz-opt.is-right{border-color:var(--mint);background:color-mix(in oklab,var(--mint) 16%,transparent);color:#eafff6}
.mx__quiz-opt.is-wrong{border-color:var(--a1);background:color-mix(in oklab,var(--a1) 16%,transparent)}
.mx__quiz-prog{margin-top:14px;min-height:1.2em}
.mx__quiz-empty,.mx__quiz-over{text-align:center;padding:24px 16px;color:var(--ink-2);line-height:1.8}
.mx__quiz-over .mx__quiz-score{font-size:2.6rem;font-weight:700;color:#fff;margin:0 0 6px}

/* ---------- 读法说明 ---------- */
.mx__guidelist{display:grid;gap:14px}
.mx__guideitem{
  padding:20px 22px;border-radius:var(--radius-sm);
  background:rgba(255,255,255,.04);border:1px solid var(--line);
}
.mx__guide-t{margin:0 0 10px;font-size:1.06rem;font-weight:660;color:var(--a2);letter-spacing:.01em}
.mx__guide-pts{margin:0;padding-left:1.2em;display:grid;gap:7px}
.mx__guide-pts li{font-size:.92rem;line-height:1.8;color:var(--ink-2)}

/* ---------- 桌面 ---------- */
@media (min-width:761px){
  .mx__reader{padding:38px 44px}
  .mx__controls{grid-template-columns:repeat(2,1fr)}
  .mx__quiz-opts{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:400px){
  .mx__line{font-size:1.7rem}
}