/* 字形任务：保留自然页面滚动，不改其他模块的背景或画布。 */
.zc-quiz-guide { color:#64765b; font:400 14px/1.8 var(--font-reading); padding:10px 12px; background:#f0f3e8; border-left:2px solid #9bb480; }
.zc-quiz-build-bank { max-width:680px; margin:0 auto; padding:22px; border:1px solid #d7dfca; border-radius:12px; background:#f6f8ef; }
.zc-quiz-build-bank p { margin:12px 0; color:#53634b; font:400 15px/1.8 var(--font-reading); }
.zc-quiz-bank-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0; }
.zc-quiz-bank-options .zc-btn { font:400 34px/1.5 var(--font-brand); padding:10px; }
.zc-quiz-build-bank small { display:block; margin-top:12px; color:#5c6a4e; font:400 12px/1.7 var(--font-reading); }
.zc-quiz-modes { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; }
.zc-quiz-modes > div:first-child { flex:1; min-width:240px; }
.zc-quiz-modes p { margin:5px 0 0; font:400 15px/1.7 var(--font-brand); color:#52624c; }
.zc-quiz-modes > small { width:100%; color:#7a8272; font:400 11px/1.5 var(--font-reading); }
.zc-quiz-head { flex-wrap:wrap; }
.zc-quiz-head .zc-quiz-score { margin-left:0; }
.zc-quiz-head .zc-quiz-kind { margin-right:auto; }
.zc-quiz-exhibits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-self:center; }
.zc-quiz-exhibits figure { margin:0; text-align:center; background:#f3f5ed; border:1px solid #dce3d0; border-radius:12px; padding:12px; }
.zc-quiz-exhibits svg { display:block; width:100%; height:auto; }
.zc-quiz-exhibits figcaption { color:#5c6a4e; font:400 13px/1.6 var(--font-reading); }
/* 同 finishing.css 那条：小字压到 #5c6a4e。#77836c 在纸色上只有 3.8:1。 */
.zc-quiz-exhibits > p { grid-column:1/-1; margin:0; font:400 12px/1.6 var(--font-reading); color:#5c6a4e; text-align:center; }
.zc-quiz-opt-text { font:400 15px/1.7 var(--font-reading); }
.zc-quiz-card.is-evidence .zc-quiz-options { grid-template-columns:1fr; }
.zc-quiz-card.is-evidence .zc-quiz-opt { text-align:left; justify-content:flex-start; gap:12px; }
.zc-quiz-card.is-evidence .zc-quiz-opt::before { content:""; width:16px; height:16px; flex-shrink:0; border:1px solid #adba9e; border-radius:4px; }
.zc-quiz-card.is-evidence .zc-quiz-opt.is-picked::before { content:"✓"; color:#fffefa; background:#526e43; border-color:#526e43; font:500 12px/16px var(--font-reading); text-align:center; }
.zc-quiz-card .zc-quiz-opt.is-picked { border-color:#7f9a66; background:#edf3e4; }
.zc-quiz-layout-intro { color:#5c6a4e; font:400 13px/1.7 var(--font-reading); }
.zc-quiz-card.is-layout .zc-quiz-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
.zc-quiz-card.is-layout .zc-quiz-opt { display:flex; flex-direction:column; padding:12px; gap:8px; background:#f6f7f0; }
.zc-quiz-card.is-layout .zc-quiz-opt svg { display:block; width:100%; max-width:210px; height:auto; }
.zc-quiz-card.is-layout .zc-quiz-opt.is-ok { background:#e7efdd; }
.zc-quiz-card.is-layout .zc-quiz-opt.is-no { background:#f5e8df; }
.zc-quiz-hints { display:grid; align-content:start; gap:6px; margin-top:12px; padding-top:10px; border-top:1px dashed #d6dfcb; }
.zc-quiz-hints > button { justify-self:start; }
.zc-quiz-hints > small { color:#839077; font:400 11px/1.6 var(--font-reading); }
.zc-quiz-hints > p { margin:0; padding:8px 10px; background:#eff3e8; border-left:2px solid #9db586; color:#5e7550; font:400 13px/1.7 var(--font-reading); }
.zc-quiz-options button:focus-visible { outline:2px solid #789562; outline-offset:3px; }
@media(min-width:1050px) and (min-height:600px) {
  .zc-page-quiz .zc-quiz-card.is-context { grid-template-columns:1fr; grid-template-rows:auto auto auto auto; max-width:850px; width:100%; justify-self:center; }
  .zc-page-quiz .zc-quiz-card.is-context .zc-quiz-ask { grid-column:1; grid-row:1; }
  .zc-page-quiz .zc-quiz-card.is-context .zc-quiz-guide { grid-column:1; grid-row:2; margin:0; }
  .zc-page-quiz .zc-quiz-card.is-context .zc-quiz-options { grid-column:1; grid-row:3; grid-template-columns:repeat(4,minmax(0,1fr)); }
  .zc-page-quiz .zc-quiz-card.is-context .zc-quiz-feedback { grid-column:1; grid-row:4; }
  .zc-page-quiz .zc-quiz-card.is-glyph .zc-quiz-guide { grid-column:2; grid-row:2; margin:0; }
  .zc-page-quiz .zc-quiz-card.is-glyph .zc-quiz-options { grid-row:3; }
  .zc-page-quiz .zc-quiz-card.is-glyph .zc-quiz-feedback { grid-row:4; }
  .zc-page-quiz .zc-quiz-card.is-glyph .zc-quiz-glyph { grid-row:1/5; }
  .zc-page-quiz .zc-quiz { grid-template-rows:auto auto 4px auto; gap:12px; }
  .zc-page-quiz .zc-quiz-card.is-evidence { grid-template-rows:auto auto auto auto; }
  .zc-page-quiz .zc-quiz-exhibits { grid-column:1; grid-row:1/5; }
  .zc-page-quiz .zc-quiz-hints { grid-column:2; grid-row:3; margin:0; }
  .zc-page-quiz .zc-quiz-card.is-evidence .zc-quiz-submit { grid-column:2; grid-row:4; }
  .zc-page-quiz .zc-quiz-card.is-layout { grid-template-columns:1fr; grid-template-rows:auto auto auto auto; gap:12px; }
  .zc-page-quiz .zc-quiz-card.is-layout .zc-quiz-ask { grid-column:1; grid-row:1; }
  .zc-page-quiz .zc-quiz-layout-intro { grid-column:1; grid-row:2; }
  .zc-page-quiz .zc-quiz-card.is-layout .zc-quiz-options { grid-column:1; grid-row:3; grid-template-columns:repeat(4,minmax(0,1fr)); }
  .zc-page-quiz .zc-quiz-card.is-layout .zc-quiz-feedback,.zc-page-quiz .zc-quiz-card.is-layout .zc-quiz-hints { grid-column:1; grid-row:4; }
  .zc-page-quiz .zc-quiz-card.is-order .zc-quiz-hints,.zc-page-quiz .zc-quiz-card.is-build .zc-quiz-hints { grid-column:1/-1; grid-row:auto; }
}
@media(max-width:520px) {
  .zc-quiz-exhibits { gap:8px; }
  .zc-quiz-exhibits figure { padding:6px; }
  .zc-quiz-opt-text { font-size:14px; }
}