/* 嵌入式参考章节：HAL 代码 → 寄存器 → 引脚 的三联动面板（深色仪器风，与其它交互一致）。 */

.mcu-viz{background:#101f26;color:#c9d8ce;border:1px solid #2b444a;border-radius:12px;padding:16px 18px;margin:20px 0;box-shadow:0 8px 24px #1b2f2614}
.mcu-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.mcu-head b{font-size:13px;color:#e4efdd;font-weight:600}
.mcu-toggle{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:#a3b9ab}
.mcu-regs{display:flex;flex-direction:column;gap:6px}
.mcu-reg{display:flex;justify-content:space-between;align-items:center;background:#0a171c;border:1px solid #23393f;border-radius:6px;padding:6px 10px}
.mcu-reg code{font:10.5px Consolas,monospace;color:#9dbbb2;background:none;border:0;padding:0}
.mcu-reg b{font:12px Consolas,monospace;color:#f0d99a}
.mcu-state{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.mcu-state>div{background:#0a171c;border:1px solid #23393f;border-radius:6px;padding:7px 9px}
.mcu-state small{display:block;font-size:9px;color:#7f978b}
.mcu-state b{font:13px Consolas,monospace;color:#eaf5e4}
.mcu-note{font-size:11.5px;color:#a7c0b2;line-height:1.8;margin:12px 0 0;min-height:20px}
.mcu-controls{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.mcu-controls button{background:#1d3a42;color:#d6e6da;border:1px solid #365558;border-radius:7px;font:12px system-ui,sans-serif;padding:8px 12px;cursor:pointer}
.mcu-controls button:hover{background:#27505a}
.mcu-progress{margin-left:auto;font:11px Consolas,monospace;color:#8fae9c}

.mcu-viz .cviz-line code{white-space:pre-wrap;word-break:break-word}
.mcu-viz .cviz-line{padding:4px 12px}

/* 普通代码块：复制按钮与卡片化外观 */
.code-wrap{position:relative;margin:16px 0}
.code-wrap pre.code{margin:0;background:#0f2028;border:1px solid #243b41;border-radius:10px;padding:16px 18px;overflow:auto}
.code-wrap pre.code code{font:12.5px/1.85 Consolas,"Cascadia Code",monospace;color:#d7e6d6;background:none;border:0;padding:0;white-space:pre}
.code-copy{position:absolute;right:10px;top:10px;background:#1e3a42;color:#cfe3d3;border:1px solid #35565a;border-radius:6px;font:11px/1 system-ui,sans-serif;padding:6px 10px;cursor:pointer;opacity:.85}
.code-copy:hover{opacity:1;background:#27484f}

/* 实验课：代码对照条 */
.ws-code{background:#0a171c;border:1px solid #2b444a;border-radius:8px;padding:8px 0;margin:10px 0 14px;overflow:auto}
.ws-code .cviz-line{padding:3px 12px;font:11.5px/1.7 Consolas,monospace}
.ws-code .cviz-line code{white-space:pre-wrap;word-break:break-word}