/* 豆豆 · 诊断复习页面  diagnostic-review-page.css  s-dr-c1（docs/223 V1.0 效果图 V0.5、补图 V0.6/V0.7） */
.dr-view{max-width:760px;margin:0 auto;padding:16px 16px 40px;color:#24332c}
.dr-loading{padding:40px 0;text-align:center;color:#6b7c73}
.dr-head small{color:#6b7c73}
.dr-title{display:flex;align-items:center;gap:12px;margin:4px 0 10px}
.dr-title h2{margin:0;font-size:26px}
.dr-qno{margin-left:auto;color:#6b7c73;font-weight:700}
.dr-close{border:1px solid #dfe8e3;background:#fff;border-radius:999px;padding:6px 12px;font:inherit;cursor:pointer}
.dr-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px}   /* c16：去掉吸附，题号条停在孩子滑到的位置 */
.dr-num{position:relative;flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:2px solid #dfe8e3;background:#fff;font:700 17px/1 inherit;cursor:pointer;scroll-snap-align:start}
.dr-num i{position:absolute;right:-4px;top:-4px;width:18px;height:18px;border-radius:50%;font:700 12px/18px inherit;font-style:normal;color:#fff}
.dr-num.dr-ok{background:#eaf8ef;border-color:#55a878}.dr-num.dr-ok i{background:#55a878}
.dr-num.dr-fix{background:#fff6ec;border-color:#ee913b}.dr-num.dr-fix i{background:#ee913b}
.dr-num.dr-no{background:#f1f3f2;border-color:#a9b4ae}.dr-num.dr-no i{background:#8d9892}
.dr-num.dr-nt{background:#f1f3f2;border-color:#c9d1cc}.dr-num.dr-nt i{background:#b3bdb7}
.dr-num.dr-current{box-shadow:0 0 0 4px rgba(238,145,59,.25);border-color:#24332c}
.dr-item>section{margin-top:14px;padding:16px;border-radius:18px;background:#fbfdfc;border:1px solid #e3ebe6}
.dr-kp{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}
.dr-tag{padding:2px 8px;border-radius:999px;background:#e5f4ea;color:#28714c;font-size:13px;font-weight:700}
.dr-why{color:#6b7c73;font-size:14px}
.dr-review h3,.dr-new h3{margin:0 0 8px;font-size:19px}
.dr-q{font-size:20px;font-weight:700;margin:6px 0 10px}
.dr-fig{margin:8px 0;max-width:100%;overflow-x:auto}
.dr-pair{display:flex;flex-wrap:wrap;gap:6px 24px}
.dr-mine{color:#b34135}.dr-right{color:#28714c}
.dr-red{outline:3px solid #e2483d;outline-offset:-2px;background:#fff0ed;color:#b34135}
.dr-locate{padding:8px 12px;border-radius:12px;background:#fff0ed;color:#8f2f25}
.dr-note{color:#6b7c73}
.dr-steps-table{border-collapse:collapse;margin:6px 0;font:600 18px/1.4 "SF Mono",ui-monospace,Menlo,monospace}
.dr-steps-table th,.dr-steps-table td{border:1px solid #dfe8e3;padding:6px 12px;text-align:center;min-width:56px}
.dr-steps-table th{font:600 14px/1.4 inherit;color:#6b7c73;background:#f6f9f7}
.dr-steps h4{margin:12px 0 4px}
.dr-steps ol{margin:0;padding-left:22px;line-height:1.7}
.dr-tip-green{padding:10px 14px;border-radius:14px;background:#eaf8ef;color:#28714c}
.dr-small{color:#6b7c73;font-size:14px}
.dr-answer{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.dr-input{font:600 22px/1.2 inherit;padding:10px 14px;border:2px solid #dfe8e3;border-radius:14px;max-width:320px}
.dr-hidden-input{display:none}
.dr-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.dr-choice{min-height:54px;border:2px solid #dfe8e3;border-radius:16px;background:#fff;font:800 19px/1.2 inherit;cursor:pointer}
.dr-choice.selected{border-color:#ee913b;background:#fff6ec}
.dr-primary{align-self:flex-start;border:0;border-radius:999px;background:#ee913b;color:#fff;font:800 18px/1 inherit;padding:14px 22px;cursor:pointer;margin-top:10px}
.dr-primary:disabled{opacity:.55;cursor:default}
.dr-ghost{border:2px solid #dfe8e3;border-radius:999px;background:#fff;font:700 16px/1 inherit;padding:12px 18px;cursor:pointer;margin-top:10px}
.dr-fixbox{padding:10px 14px;border-radius:14px;background:#fff6ec;color:#8a4b12}
.dr-fixbox p{margin:4px 0 0}
.dr-result{padding:12px 14px;border-radius:14px}
.dr-result.dr-ok{background:#eaf8ef;color:#28714c}
.dr-result.dr-no{background:#f1f3f2;color:#4d5a53}
.dr-result.dr-nt{background:transparent}
.dr-flash{color:#b34135;margin:0}
.dr-syserr{margin-top:14px;padding:14px;border:2px dashed #ee913b;border-radius:16px;background:#fffaf4;color:#8a4b12}
.dr-row{display:flex;flex-wrap:wrap;gap:10px}
.dr-done-line{color:#6b7c73}
.dr-finish{text-align:center}
.dr-parrot{display:flex;justify-content:center}.dr-parrot img{width:96px;height:auto;display:block}
.dr-four{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.dr-four div{padding:10px 4px;border-radius:14px;background:#fff;border:1px solid #e3ebe6}
.dr-four strong{display:block;font-size:26px}
.dr-four small{color:#6b7c73}
.dr-finish .dr-primary{align-self:center}
.dr-reward{font-weight:700;color:#8a4b12}
.dr-unfinished{margin-top:22px;border-top:1px solid #e3ebe6;padding-top:12px}
.dr-unfinished h3{font-size:16px;margin:0 0 8px}
.dr-unf-row{display:flex;justify-content:space-between;width:100%;margin-bottom:8px;padding:12px 14px;border:1px solid #e3ebe6;border-radius:14px;background:#fff;font:inherit;cursor:pointer}
.dr-unf-row b{color:#ee913b}
@media (max-width:420px){.dr-four{grid-template-columns:repeat(2,1fr)}.dr-q{font-size:18px}}
.dr-right-vertical h4{margin:12px 0 4px}
/* 方格纸回看：应该画的红虚线、她画的蓝线（PRD 第 4 节） */
.dr-grid-review svg{max-width:100%;height:auto}
.dr-grid-review .dgd-target line{stroke:#e2483d;stroke-width:.12;stroke-dasharray:.3 .16;stroke-linecap:round}
.dr-grid-review .dr-mine-lines line{stroke:#2d6fd6;stroke-width:.12;stroke-linecap:round}
.dr-key-blue{color:#2d6fd6;font-weight:700}.dr-key-red{color:#e2483d;font-weight:700}
.dr-go-new{margin-top:14px}
/* c6：竖式回看用线上共用竖式组件只读显示（春哥 11-02 21:03：自己画的作废，复用共用底座）；这里只收起只读时用不上的工具行 */
.drv-wrap{margin:8px 0 4px;overflow-x:auto}
.drv-lm .dlm-tools,.drv-lm .dlm-status{display:none}
.drv-lm.drv-review .dlm-carry,.drv-lm.drv-review .dlm-row-no,.drv-lm.drv-review .dlm-product-label{visibility:hidden}
.drv-lm.drv-review .dlm-carry{display:none}
.drv-lm.drv-no-rows .dlm-rows,.drv-lm.drv-no-rows .dlm-rows+.dlm-rule{display:none}
/* 独立复算第123号①：她空着的那一格带标错时，只读也要看得见红框（共用组件只读时把空格子藏起来） */
.drv-ld .dtb-locked input.dtb-cell.dtb-cell.dtb-cell.dtb-cell.dtb-flag{visibility:visible}
.drv-note-line{margin:4px 0 0;color:#b34135;font-size:14px}
/* c10：循环小数作答格放在诊断复习卡片里，格子收窄一点免得出框（格子本身是衔接诊断的） */
.dr-answer .dak-slot{width:30px}.dr-answer .dak-cell{width:26px}.dr-answer .dak-strip{max-width:100%}
.dr-rdot{position:relative}.dr-rdot::before{content:'';position:absolute;left:50%;top:-.12em;width:.22em;height:.22em;margin-left:-.11em;border-radius:50%;background:currentColor}
/* c12（学习前端第203号）：循环小数上次写的摆不回来时的提示和“重新写” */
.dr-answer .dak-blocked { margin: 0 0 8px; color: #b45309; font-size: 15px; }
.dr-answer .dak-again { margin: 0 0 10px; padding: 6px 16px; border: 1px solid #b45309; border-radius: 8px; background: #fff7ed; color: #b45309; font-size: 15px; }