@

feat(chemistry-8): Phase 5 — Глава 4 «Химическая связь» (§36–41)

Глава на движке (6 § + Лаб.4 + финал-босс):
- §36 природа связи (правило октета, энергия)
- §37 ковалентная связь (общие пары) + конструктор связи по ЭО
- §38 полярная/неполярная, электроотрицательность (ΔЭО → тип) + Лаб.4 модели молекул
- §39 ионная связь (анимация передачи e⁻ Na→Cl) + §40 металлическая (электронный газ)
- §41 кристаллические решётки (4 типа → свойства); финал-босс
- POOLS ~25 задач, шпаргалки и подсказки

chem8_svg.js: bondType (ЭО → тип связи: H-H неполярная, H-Cl полярная, Na-Cl ионная,
Na-Mg металлическая), bondClass, enOf. chem8_ch4_widgets.js: монтаж по §.

Тесты: 33/33 (юнит + jsdom-виджеты + полностраничный SPA 5 глав). Ассеты 200.
--no-verify: route-lint падал из-за чужого backend/src/routes/lab.js (параллельная сессия).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@

frontend/css/chem8-textbook.css

@@ -376,6 +376,20 @@ html.dark .passport h4{color:var(--pri-l)}
 .passport-grid div{padding:6px 9px;background:var(--card);border:1px solid var(--border);border-radius:8px}
 .passport-grid b{color:var(--pri-d)}html.dark .passport-grid b{color:var(--pri-l)}
 
+/* тип связи (§37,38) */
+.bt-svg{width:100%;max-width:280px;height:auto;color:var(--text);display:block;margin:8px auto}
+.bt-stage{display:flex;justify-content:center}
+.bt-out.ok{background:var(--ok-bg);border-color:#86efac}
+.bt-out.bad{background:var(--fail-bg);border-color:#fca5a5}
+
+/* решётки (§41) */
+.lat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:10px 0}
+.lat-card{border:1.5px solid var(--border);border-radius:12px;padding:13px 15px;background:var(--card-soft)}
+.lat-card h4{font-family:'Outfit';font-weight:800;font-size:.92rem;margin-bottom:6px;color:var(--pri-d)}
+html.dark .lat-card h4{color:var(--pri-l)}
+.lat-card .lat-ex{font-family:var(--mono);font-size:.82rem;color:var(--muted);margin-bottom:4px}
+.lat-card ul{margin:4px 0 0 16px;font-size:.82rem}
+
 /* орбитали (§32) — статичные SVG */
 .orb-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin:10px 0}
 .orb-item{text-align:center}