現在の4ファイルに共通で採用されている正式構造の定義です。本文は `https://trick2009trick.blogspot.com/2026/10/399.html` の post-body をそのままヒト/問い/AI分離に再配置しています。

## 1. HTML構造定義（正式採用版）

### 基本骨格
```html
<!DOCTYPE html>
<html lang="ja">
<head>
  meta charset/viewport
  title: 草稿 Einstein 氏の さぼり 399 ...
  style :root 変数定義
  MathJax config
</head>
<body class="dark-mode">
  div.settings-ui          // 上部UI 非固定
  h1 タイトル
  div.link-section         // 先頭リンク2本
  div.message.human-message   // 🧑 ヒト側
  div.message.prompt-message  // 💬 問い
  div.message.ai-message      // 🤖 AI側
  div.link-section         // 末尾リンク / 背景記事7選
  script
</body>
</html>

CSS変数 :root

--base-font-size: 22px
--base-line-height: 1.95
--bg-color: #f4f5f7 / dark: #121212
--text-color: #111 / dark: #e8e8e8
--human-bg: #e3f2fd / dark: #1a2f4a  border: #1565c0
--prompt-bg: #fff8e1 / dark: #3a3220 border: #f9a825
--ai-bg: #e8f5e9 / dark: #1e3324     border: #2e7d32

上部UI 非固定仕様（非常駐）

.settings-ui {
  position: relative; /* sticky禁止、スクロールで消える */
  top: auto;
  z-index: 1;
  background: var(--human-bg);
  border: 2px solid var(--box-border);
  border-radius: 10px;
}

• 文字サイズ: range 12-36px → --base-font-size 更新
• 行間: lh = 1.35 + (fontSize/38)*0.95 で自動計算
• 数式表示切替: select#math-style-select
• AI選択: ChatGPT / Gemini / Meta / Claude
• 保存 / 反転ボタン

link-section

.link-section { background:#fff; border:1px solid var(--box-border); padding:18px; border-radius:10px; margin-bottom:22px; }

• 先頭: = Blogger本文 + 同URL
• 末尾: = Notion2本 + 解説記事5本 + 石川氏量子言語

message分離

<div class="message human-message">
  <div class="label">🧑 HUMAN / ヒト側</div>
  本文 p / img / hr / blockquote
</div>
<div class="message prompt-message">
  <div class="label">💬 PROMPT / 問い</div>
</div>
<div class="message ai-message">
  <div class="label">🤖 AI / 解答側</div>
</div>

• .message img { max-width:100%; border-radius:8px; margin:16px 0; display:block; }
• 13枚の blogger.googleusercontent.com 画像をw640で保持

数式：正式採用構造

window.MathJax = { tex: { inlineMath: [['$','$'],['\\(','\\)']], displayMath: [['$$','$$'],['\\[','\\]']] } }

body.force-inline mjx-container[display="true"] { display:inline-block !important; }
body.force-display mjx-container[display="false"] { display:block !important; margin:1.0em 0 !important; text-align:center; }

• auto: 標準
• inline: 全数式をインライン統一
• display: 全数式を独立行統一

保存機能

filename = `_Einstein399_${AI}_${yyyyMMddhhmmss}_human_ai_distinct.html`
blob = "<!DOCTYPE html>\n" + document.documentElement.outerHTML

AI名 + 時刻付きで保存。

2. プロンプト正式版 仕様説明

ファイル名で役割分担：

• einstein_399_final.html = 最終版
• einstein_399_official_adopted.html = official adopted版（同内容、採用履歴保持）
• einstein_official_prompt_template.html = プロンプト雛形版（同内容、他記事への転用用）
• einstein_398_final_v2.html = 398版（ChatGPT側、構造のみ同一）

プロンプト本文構造（prompt-message内）：

1. Pythonスクリプトの話は しない 参考資料だ
2. 以下の 7つの背景記事を読んだ上で、最後に提示する対象記事について分析・解説
3. 背景7選 + α：
   • 二重の嘘 / 高速列車の靴 / 観測者の現在は幻想か / 光線情報が描く世界 / 時空と記憶維持 / 座標世界016 媒体を時間軸だとしよう / 最初の理解者 / AI Studio 物理学の現実と数学の誤解
4. 俺の文書をまとめ 何を俺が 問うことしようとしてるのか考えて
5. まだ俺は文書の途中までしか 入力していないことも考慮してくれ

運用ルール：

• 本文だけ差し替え → div.post-body 内をヒト/問い/AIに分解、リンクは link-sectionへ分離
• 冒頭リンク2本厳守
• 画像は削除せず message img として保持
• 数式は $ $ / $$ $$ をそのまま、MathJaxで描画
• 上部UIは絶対に position: sticky にしない（非常駐が正式）