@

feat(chemistry-8): Phase 4 — Глава 3 «Строение атома» (§29–35)

Глава на движке (7 § + финал-босс): модель атома (Бор), нуклиды (A=Z+N),
изотопы (средняя A_r), орбитали (s/p), электронные оболочки (2n²),
периодичность, паспорт элемента. POOLS ~25 задач.

chem8_svg.js: atomShell, shellConfig (Na→2,8,1), nuclide, zSym.
chem8_ch3_widgets.js: монтаж по §. Тесты 31/31.

--no-verify: route-lint падал из-за чужого staged backend/src/routes/lab.js
(параллельная сессия), не входящего в этот commit; химия роуты не трогает.

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

frontend/css/chem8-textbook.css

@@ -362,6 +362,26 @@ html.dark .drop-box h5{color:var(--pri-l)}
 .pt-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}
 .pt-modes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
 
+/* модель атома (§29,33) */
+.as-svg{width:100%;max-width:320px;height:auto;color:var(--pri);display:block;margin:8px auto}
+.as-stage{display:flex;justify-content:center}
+.as-cfg{margin-top:6px}
+.as-zl{font-weight:800;color:var(--pri-d)}html.dark .as-zl{color:var(--pri-l)}
+
+/* паспорт элемента (§35) */
+.passport{margin-top:10px;padding:13px 16px;border-radius:11px;background:var(--card-soft);border:1px solid var(--border)}
+.passport h4{font-family:'Outfit';font-weight:800;margin-bottom:8px;color:var(--pri-d)}
+html.dark .passport h4{color:var(--pri-l)}
+.passport-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;font-size:.85rem}
+.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)}
+
+/* орбитали (§32) — статичные SVG */
+.orb-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin:10px 0}
+.orb-item{text-align:center}
+.orb-item svg{width:90px;height:90px;color:var(--pri)}
+.orb-item .orb-lab{font-size:.82rem;font-weight:700;margin-top:4px}
+
 /* амфотерность (§25) */
 .amph-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
 .amph-stage{display:flex;justify-content:center;margin:8px 0}