fix(textbooks): извлечён общий widget CSS — phys-textbook-widgets.css

Жалоба пользователя по Физике 8 (но проблема общая для Phys 8 и Phys 9):
страницы глав используют классы .wg/.dnd-pool/.dnd-chip/.btn/.score-display/
.feedback/.actions/.sliders/.spoiler/.drop-box в HTML-разметке, но CSS-правила
для них живут только в physics_10_ch1.html. Из-за этого карточки-задания,
chip'ы drag-and-drop, кнопки и feedback-блоки в Phys 8 и Phys 9 рендерились
без стилей (как обычный текст).

- extract_widget_css.cjs: вытягивает CSS-блок (.btn..pre-.col-side) из
  physics_10_ch1.html в frontend/css/phys-textbook-widgets.css (6.4 КБ)
- Подключает <link> в 11 файлов: physics_8_ch1/ch2/ch3/hub/lab,
  physics_9_ch1..ch5, physics_9_hub
- migrate_phys9_content.js теперь инжектит ссылку на widget CSS при будущих
  миграциях (рядом с FA CDN)

backend/scripts/extract_widget_css.cjs

@@ -0,0 +1,54 @@
+// Извлекает CSS виджетов (.wg, .dnd-pool, .btn, .feedback, .sliders, .score-display, .spoiler)
+// из physics_10_ch1.html в frontend/css/phys-textbook-widgets.css.
+// Подключается из всех physics_8_*.html и physics_9_*.html файлов.
+'use strict';
+const fs = require('fs');
+const path = require('path');
+
+const SRC = path.join(__dirname, '..', '..', 'frontend', 'textbooks', 'physics_10_ch1.html');
+const DST_CSS = path.join(__dirname, '..', '..', 'frontend', 'css', 'phys-textbook-widgets.css');
+
+const h = fs.readFileSync(SRC, 'utf8');
+const css = h.match(/<style>([\s\S]*?)<\/style>/)[1];
+
+const start = css.indexOf('.btn{');
+const end = css.indexOf('.col-side{');
+if (start < 0 || end < 0) { console.error('Markers not found'); process.exit(1); }
+
+const block = css.slice(start, end).trim();
+
+const header =
+  '/* Auto-extracted from frontend/textbooks/physics_10_ch1.html.\n' +
+  ' * Provides .wg, .dnd-pool, .dnd-chip, .drop-box, .btn, .feedback,\n' +
+  ' * .actions, .sliders, .score-display, .spoiler — shared interactive\n' +
+  ' * widget styles for all physics-N chapter pages.\n' +
+  ' * Generated by backend/scripts/extract_widget_css.cjs.\n' +
+  ' */\n\n';
+
+fs.writeFileSync(DST_CSS, header + block + '\n');
+console.log('Wrote', DST_CSS, '(' + (header.length + block.length) + ' bytes)');
+
+// === Inject <link> in all physics_8_*.html and physics_9_*.html that miss it ===
+const TBOOKS = path.dirname(SRC);
+const files = fs.readdirSync(TBOOKS).filter(f =>
+  /^physics_[89]_(ch\d|hub|lab)\.html$/.test(f)
+);
+
+const LINK_TAG = '<link rel="stylesheet" href="/css/phys-textbook-widgets.css">';
+const ANCHOR = '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">';
+
+let injectedCount = 0;
+for (const f of files) {
+  const p = path.join(TBOOKS, f);
+  let body = fs.readFileSync(p, 'utf8');
+  if (body.includes('phys-textbook-widgets.css')) continue;
+  if (!body.includes(ANCHOR)) {
+    console.warn('  skip', f, '(no katex anchor)');
+    continue;
+  }
+  body = body.replace(ANCHOR, ANCHOR + '\n' + LINK_TAG);
+  fs.writeFileSync(p, body);
+  injectedCount++;
+  console.log('  injected →', f);
+}
+console.log('Total injected:', injectedCount, '/', files.length);

backend/scripts/migrate_phys9_content.js

@@ -147,13 +147,19 @@ function migrateChapter(chN, paraNums) {
     h = h.replace('</style>', inject + '</style>');
   }
 
-  // FA CDN
+  // FA CDN + widget CSS
   if (!h.includes('font-awesome')) {
     h = h.replace(
       '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">',
       '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">\n<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">'
     );
   }
+  if (!h.includes('phys-textbook-widgets.css')) {
+    h = h.replace(
+      '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">',
+      '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">\n<link rel="stylesheet" href="/css/phys-textbook-widgets.css">'
+    );
+  }
 
   // phys9_legacy.js (provides startAnim1, lab11*, checkNum, togglePend36, etc.)
   if (!h.includes('phys9_legacy.js')) {