Add README.html (HTML entry point for AUTOSAR v4.4 Chinese translation project)

2026-06-13 11:16:59 +08:00
parent f5197069cb
commit 79acbf4cbe
1 changed files with 741 additions and 0 deletions
@@ -0,0 +1,741 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AUTOSAR v4.4 经典平台规范中文译本</title>
+  <script src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js"></script>
+  <style>
+    :root {
+      --primary: #0066cc;
+      --primary-dark: #004999;
+      --secondary: #ff6b35;
+      --bg: #ffffff;
+      --bg-soft: #f8f9fa;
+      --bg-card: #ffffff;
+      --text: #212529;
+      --text-soft: #6c757d;
+      --border: #dee2e6;
+      --code-bg: #f5f7fa;
+      --shadow: 0 2px 4px rgba(0,0,0,0.06);
+      --shadow-hover: 0 4px 12px rgba(0,0,0,0.1);
+    }
+    @media (prefers-color-scheme: dark) {
+      :root {
+        --primary: #4dabf7;
+        --primary-dark: #339af0;
+        --bg: #1a1d23;
+        --bg-soft: #22262e;
+        --bg-card: #2a2f38;
+        --text: #e9ecef;
+        --text-soft: #adb5bd;
+        --border: #3a3f48;
+        --code-bg: #1e2128;
+        --shadow: 0 2px 4px rgba(0,0,0,0.4);
+        --shadow-hover: 0 4px 12px rgba(0,0,0,0.5);
+      }
+    }
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    html { scroll-behavior: smooth; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
+      background: var(--bg);
+      color: var(--text);
+      line-height: 1.7;
+      font-size: 16px;
+    }
+    /* 顶部 Banner */
+    .banner {
+      background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
+      color: white;
+      padding: 3rem 2rem 2rem;
+      text-align: center;
+      position: relative;
+      overflow: hidden;
+    }
+    .banner::before {
+      content: '';
+      position: absolute;
+      top: 0; left: 0; right: 0; bottom: 0;
+      background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.1) 0%, transparent 50%),
+                  radial-gradient(circle at 80% 70%, rgba(255,255,255,0.08) 0%, transparent 50%);
+      pointer-events: none;
+    }
+    .banner h1 {
+      font-size: 2.5rem;
+      font-weight: 700;
+      margin-bottom: 0.5rem;
+      position: relative;
+    }
+    .banner .subtitle {
+      font-size: 1.1rem;
+      opacity: 0.95;
+      position: relative;
+    }
+    .banner .meta {
+      display: inline-flex;
+      gap: 1.5rem;
+      margin-top: 1rem;
+      flex-wrap: wrap;
+      justify-content: center;
+      position: relative;
+    }
+    .banner .meta span {
+      background: rgba(255,255,255,0.15);
+      padding: 0.3rem 0.8rem;
+      border-radius: 20px;
+      font-size: 0.9rem;
+      backdrop-filter: blur(8px);
+    }
+    /* 布局 */
+    .container {
+      max-width: 1400px;
+      margin: 0 auto;
+      display: grid;
+      grid-template-columns: 240px 1fr;
+      gap: 0;
+    }
+    /* 侧边栏 */
+    nav.sidebar {
+      background: var(--bg-soft);
+      border-right: 1px solid var(--border);
+      padding: 2rem 0;
+      position: sticky;
+      top: 0;
+      max-height: 100vh;
+      overflow-y: auto;
+    }
+    nav.sidebar h3 {
+      padding: 0 1.5rem;
+      font-size: 0.85rem;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      color: var(--text-soft);
+      margin-bottom: 0.5rem;
+      margin-top: 1.2rem;
+    }
+    nav.sidebar h3:first-child { margin-top: 0; }
+    nav.sidebar ul { list-style: none; }
+    nav.sidebar li a {
+      display: block;
+      padding: 0.5rem 1.5rem;
+      color: var(--text);
+      text-decoration: none;
+      font-size: 0.92rem;
+      border-left: 3px solid transparent;
+      transition: all 0.15s;
+    }
+    nav.sidebar li a:hover {
+      background: var(--bg-card);
+      color: var(--primary);
+      border-left-color: var(--primary);
+    }
+    /* 主内容 */
+    main {
+      padding: 2.5rem 3rem;
+      max-width: 100%;
+    }
+    main section {
+      margin-bottom: 3rem;
+      padding-top: 1rem;
+    }
+    main h2 {
+      font-size: 1.8rem;
+      color: var(--primary);
+      padding-bottom: 0.5rem;
+      border-bottom: 2px solid var(--primary);
+      margin-bottom: 1.2rem;
+    }
+    main h3 {
+      font-size: 1.3rem;
+      color: var(--text);
+      margin: 1.5rem 0 0.8rem;
+      padding-left: 0.8rem;
+      border-left: 4px solid var(--primary);
+    }
+    main h4 {
+      font-size: 1.1rem;
+      color: var(--text);
+      margin: 1.2rem 0 0.6rem;
+    }
+    main p { margin-bottom: 0.8rem; }
+    main ul, main ol { padding-left: 1.5rem; margin-bottom: 1rem; }
+    main li { margin-bottom: 0.3rem; }
+    /* 信息卡片 */
+    .info-cards {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+      gap: 1rem;
+      margin: 1.5rem 0;
+    }
+    .info-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      padding: 1.2rem;
+      text-align: center;
+      box-shadow: var(--shadow);
+      transition: transform 0.2s, box-shadow 0.2s;
+    }
+    .info-card:hover {
+      transform: translateY(-2px);
+      box-shadow: var(--shadow-hover);
+    }
+    .info-card .num {
+      font-size: 2.2rem;
+      font-weight: 700;
+      color: var(--primary);
+      line-height: 1;
+    }
+    .info-card .label {
+      font-size: 0.9rem;
+      color: var(--text-soft);
+      margin-top: 0.3rem;
+    }
+    /* 模块卡片 */
+    .module-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+      gap: 1rem;
+      margin: 1.5rem 0;
+    }
+    .module-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-left: 4px solid var(--primary);
+      border-radius: 6px;
+      padding: 1rem 1.2rem;
+      text-decoration: none;
+      color: var(--text);
+      transition: all 0.2s;
+      display: block;
+    }
+    .module-card:hover {
+      transform: translateY(-2px);
+      box-shadow: var(--shadow-hover);
+      border-left-color: var(--secondary);
+    }
+    .module-card h4 {
+      color: var(--primary);
+      font-size: 1rem;
+      margin: 0 0 0.4rem 0;
+    }
+    .module-card p {
+      font-size: 0.85rem;
+      color: var(--text-soft);
+      margin: 0;
+    }
+    .module-card .stats {
+      display: flex;
+      gap: 0.6rem;
+      margin-top: 0.5rem;
+      font-size: 0.8rem;
+    }
+    .module-card .stats span {
+      background: var(--bg-soft);
+      padding: 0.15rem 0.5rem;
+      border-radius: 10px;
+    }
+    /* 表格 */
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 1rem 0 1.5rem;
+      font-size: 0.95rem;
+    }
+    th, td {
+      padding: 0.7rem 0.9rem;
+      text-align: left;
+      border-bottom: 1px solid var(--border);
+    }
+    th {
+      background: var(--bg-soft);
+      font-weight: 600;
+      color: var(--primary);
+      border-bottom: 2px solid var(--primary);
+    }
+    tbody tr:nth-child(even) { background: var(--bg-soft); }
+    tbody tr:hover { background: rgba(0,102,204,0.05); }
+    /* 代码 */
+    code {
+      background: var(--code-bg);
+      padding: 0.15rem 0.4rem;
+      border-radius: 3px;
+      font-family: "SF Mono", Monaco, Consolas, "Courier New", monospace;
+      font-size: 0.9em;
+      color: #d6336c;
+    }
+    pre {
+      background: var(--code-bg);
+      padding: 1rem;
+      border-radius: 6px;
+      overflow-x: auto;
+      margin: 1rem 0;
+      border-left: 3px solid var(--primary);
+    }
+    pre code { background: none; color: inherit; padding: 0; }
+    /* 提示框 */
+    .callout {
+      padding: 1rem 1.2rem;
+      border-radius: 6px;
+      margin: 1rem 0;
+      border-left: 4px solid;
+    }
+    .callout-info { background: rgba(0,102,204,0.08); border-color: var(--primary); }
+    .callout-warn { background: rgba(255,107,53,0.08); border-color: var(--secondary); }
+    .callout-success { background: rgba(40,167,69,0.08); border-color: #28a745; }
+    .callout strong { display: block; margin-bottom: 0.3rem; }
+    /* Mermaid */
+    .mermaid {
+      background: var(--bg-card);
+      padding: 1.5rem;
+      border-radius: 8px;
+      margin: 1.5rem 0;
+      text-align: center;
+      border: 1px solid var(--border);
+    }
+    /* 徽章 */
+    .badge {
+      display: inline-block;
+      background: var(--primary);
+      color: white;
+      padding: 0.15rem 0.6rem;
+      border-radius: 10px;
+      font-size: 0.75rem;
+      font-weight: 600;
+      margin-right: 0.3rem;
+    }
+    .badge-green { background: #28a745; }
+    .badge-orange { background: var(--secondary); }
+    .badge-gray { background: var(--text-soft); }
+    /* 角色路径卡片 */
+    .role-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      padding: 1.2rem 1.5rem;
+      margin: 1rem 0;
+    }
+    .role-card h4 { color: var(--primary); margin-bottom: 0.5rem; }
+    /* 打印优化 */
+    @media print {
+      nav.sidebar, .banner { display: none; }
+      .container { grid-template-columns: 1fr; }
+      main { padding: 1rem; max-width: 100%; }
+      a { color: var(--text); text-decoration: none; }
+    }
+    /* 响应式 */
+    @media (max-width: 900px) {
+      .container { grid-template-columns: 1fr; }
+      nav.sidebar { position: static; max-height: none; border-right: none; border-bottom: 1px solid var(--border); }
+      main { padding: 1.5rem; }
+      .banner h1 { font-size: 1.8rem; }
+    }
+  </style>
+</head>
+<body>
+  <header class="banner">
+    <h1>🚗 AUTOSAR v4.4 经典平台规范中文译本</h1>
+    <p class="subtitle">Automotive Open System Architecture · Classic Platform · 216 篇规范完整翻译</p>
+    <div class="meta">
+      <span>📄 216 PDF</span>
+      <span>📝 221 .md</span>
+      <span>📊 174,170 行译文</span>
+      <span>📚 20 模块</span>
+      <span>✅ 100% 完成</span>
+    </div>
+  </header>
+
+  <div class="container">
+    <nav class="sidebar">
+      <h3>导航</h3>
+      <ul>
+        <li><a href="#intro">项目简介</a></li>
+        <li><a href="#stats">数据概览</a></li>
+        <li><a href="#arch">架构总览</a></li>
+        <li><a href="#modules">模块清单</a></li>
+        <li><a href="#paths">学习路径</a></li>
+        <li><a href="#indices">参考索引</a></li>
+        <li><a href="#usage">使用指南</a></li>
+        <li><a href="#caveats">注意事项</a></li>
+      </ul>
+      <h3>外部资源</h3>
+      <ul>
+        <li><a href="https://www.autosar.org" target="_blank">AUTOSAR 官网</a></li>
+        <li><a href="../翻译术语表.md">术语表</a></li>
+        <li><a href="../翻译进度.md">翻译进度</a></li>
+      </ul>
+    </nav>
+
+    <main>
+      <section id="intro">
+        <h2>项目简介</h2>
+        <p>本项目对 <strong>AUTOSAR Classic Platform 4.4.0</strong> 经典平台完整规范（共 216 个 PDF 文档，约 8,000+ 页）进行了 <strong>系统性的中文翻译</strong>，并进行了结构化梳理和归纳。</p>
+
+        <div class="callout callout-info">
+          <strong>📌 翻译目标</strong>
+          为中文嵌入式汽车电子工程师提供易于检索、查阅、学习的 AUTOSAR v4.4 中文参考资料。
+        </div>
+
+        <h3>翻译覆盖</h3>
+        <ul>
+          <li><strong>完整覆盖</strong>：216 个 PDF 全部翻译为对应的 <code>.md</code> 文件</li>
+          <li><strong>保留规范</strong>：所有 API 名、模块缩写、需求 ID（<code>SRS_xxxx</code>、<code>SWS_xxxx</code>）、协议名（CAN/LIN/FlexRay/Ethernet/SOME/IP 等）保持英文</li>
+          <li><strong>翻译内容</strong>：标题、描述性文字、表格内容、章节概述、UML 类语义说明</li>
+          <li><strong>大型文档</strong>：采用"重点翻译 + 摘要"策略，核心章节完整，附录摘要+引用原文 PDF</li>
+        </ul>
+      </section>
+
+      <section id="stats">
+        <h2>数据概览</h2>
+        <div class="info-cards">
+          <div class="info-card">
+            <div class="num">216</div>
+            <div class="label">翻译 PDF</div>
+          </div>
+          <div class="info-card">
+            <div class="num">221</div>
+            <div class="label">.md 译文文件</div>
+          </div>
+          <div class="info-card">
+            <div class="num">174K</div>
+            <div class="label">译文行数</div>
+          </div>
+          <div class="info-card">
+            <div class="num">20</div>
+            <div class="label">模块</div>
+          </div>
+          <div class="info-card">
+            <div class="num">7</div>
+            <div class="label">文档类型</div>
+          </div>
+        </div>
+
+        <h3>文档类型分布</h3>
+        <table>
+          <thead>
+            <tr><th>类型</th><th>说明</th><th>数量</th></tr>
+          </thead>
+          <tbody>
+            <tr><td><span class="badge">SRS</span></td><td>软件需求规范（Software Requirement Specification）</td><td>45</td></tr>
+            <tr><td><span class="badge">SWS</span></td><td>软件规范（Software Specification）</td><td>109</td></tr>
+            <tr><td><span class="badge">EXP</span></td><td>说明文档（Explanatory Document）</td><td>18</td></tr>
+            <tr><td><span class="badge badge-green">RS</span></td><td>需求规范（Requirement Specification）</td><td>60</td></tr>
+            <tr><td><span class="badge badge-orange">TPS</span></td><td>模板规范（Template Specification）</td><td>13</td></tr>
+            <tr><td><span class="badge badge-gray">TR</span></td><td>技术报告（Technical Report）</td><td>16</td></tr>
+            <tr><td><span class="badge">ASWS</span></td><td>高级软件规范（AUTOSAR Software Specification）</td><td>1</td></tr>
+          </tbody>
+        </table>
+      </section>
+
+      <section id="arch">
+        <h2>AUTOSAR 经典平台架构总览</h2>
+        <p>AUTOSAR 经典平台采用<strong>分层架构</strong>，从下到上依次为：</p>
+
+        <div class="mermaid">
+graph TB
+  subgraph APP["应用层 (Application Layer)"]
+    SWC["软件组件 SWC<br/>Sender-Receiver / Client-Server"]
+    CDD_APP["复杂驱动 CDD<br/>（应用层亦可使用）"]
+  end
+  subgraph RTE["运行时环境 (RTE)"]
+    RTE_R["RTE<br/>虚拟功能总线 VFB 实现"]
+  end
+  subgraph BSW["基础软件 (BSW)"]
+    direction TB
+    subgraph SVC["服务层 (Services Layer)"]
+      OS["OS / EcuM / BswM / ComM"]
+      WDM["WdgM / Det / Dem / FiM"]
+      CRYPTO["Csm / CryIf / Crypto"]
+      NVM["NvM / MemIf / Fee / Ea"]
+    end
+    subgraph ECU["ECU 抽象层 (ECU Abstraction Layer)"]
+      MCAL_IF["MCAL 接口<br/>CanIf / LinIf / FrIf / EthIf"]
+      MEM_IF["Memory 抽象"]
+    end
+    subgraph MCAL["微控制器抽象层 (MCAL)"]
+      MCAL_DRV["驱动<br/>Can / Lin / Fr / Eth<br/>Adc / Dio / Pwm / Port"]
+    end
+  end
+  subgraph CDD["复杂驱动层 (CDD)"]
+    CDD_DRV["CDD<br/>绕过 MCAL 直接访问硬件"]
+  end
+  SWC -->|RTE API| RTE_R
+  CDD_APP -.-> RTE_R
+  RTE_R -->|调用| SVC
+  SVC -->|调用| ECU
+  ECU -->|调用| MCAL
+  CDD_DRV -.->|直接访问| MCAL
+  CDD_DRV -.->|直接访问| ECU
+        </div>
+
+        <div class="callout callout-info">
+          <strong>核心概念</strong>
+          <ul>
+            <li><strong>SWC（Software Component）</strong>：应用软件组件，通过 RTE 与其他组件通信</li>
+            <li><strong>RTE（Runtime Environment）</strong>：实现虚拟功能总线（VFB），隔离应用层与基础软件</li>
+            <li><strong>BSW（Basic Software）</strong>：基础软件，分服务层、ECU 抽象层、MCAL 三层</li>
+            <li><strong>CDD（Complex Device Driver）</strong>：复杂驱动，可直接访问硬件（绕过 MCAL）</li>
+          </ul>
+        </div>
+      </section>
+
+      <section id="modules">
+        <h2>20 模块清单</h2>
+        <p>按译文规模排序：</p>
+
+        <div class="module-grid">
+          <a href="#Communication" class="module-card">
+            <h4>📡 Communication</h4>
+            <p>通信协议栈（CAN/LIN/FlexRay/Ethernet/SOME/IP/J1939）</p>
+            <div class="stats"><span>71 PDF</span><span>41,382 行</span></div>
+          </a>
+          <a href="#MethodologyAndTemplates" class="module-card">
+            <h4>📋 MethodologyAndTemplates</h4>
+            <p>方法论与模板（元模型、ARXML 序列化）</p>
+            <div class="stats"><span>27 PDF</span><span>29,035 行</span></div>
+          </a>
+          <a href="#Diagnostics" class="module-card">
+            <h4>🔧 Diagnostics</h4>
+            <p>诊断（DCM/DEM/J1939Dcm）</p>
+            <div class="stats"><span>3 PDF</span><span>15,410 行</span></div>
+          </a>
+          <a href="#General" class="module-card">
+            <h4>📚 General</h4>
+            <p>通用（架构、特性、应用接口）</p>
+            <div class="stats"><span>9 PDF</span><span>12,628 行</span></div>
+          </a>
+          <a href="#Memory" class="module-card">
+            <h4>💾 Memory</h4>
+            <p>内存栈（NvM/Fee/Fls/Eep/RAM 测试）</p>
+            <div class="stats"><span>16 PDF</span><span>9,677 行</span></div>
+          </a>
+          <a href="#IO" class="module-card">
+            <h4>🔌 IO</h4>
+            <p>IO 驱动（ADC/DIO/ICU/PWM/Port/OCU）</p>
+            <div class="stats"><span>14 PDF</span><span>9,878 行</span></div>
+          </a>
+          <a href="#SystemServices" class="module-card">
+            <h4>⚙️ SystemServices</h4>
+            <p>系统服务（OS/EcuM/BswM/ComM/Det/Dem/FiM/Tm）</p>
+            <div class="stats"><span>13 PDF</span><span>8,530 行</span></div>
+          </a>
+          <a href="#Libraries" class="module-card">
+            <h4>📐 Libraries</h4>
+            <p>基础库（BFX/CRC/E2E/EFX/IFL/IFX/MFL/MFX）</p>
+            <div class="stats"><span>10 PDF</span><span>7,877 行</span></div>
+          </a>
+          <a href="#BSWGeneral" class="module-card">
+            <h4>🔩 BSWGeneral</h4>
+            <p>BSW 通用规范（基础模块标准）</p>
+            <div class="stats"><span>13 PDF</span><span>7,380 行</span></div>
+          </a>
+          <a href="#Safety" class="module-card">
+            <h4>🛡️ Safety</h4>
+            <p>功能安全（看门狗、安全扩展）</p>
+            <div class="stats"><span>9 PDF</span><span>6,054 行</span></div>
+          </a>
+          <a href="#Crypto" class="module-card">
+            <h4>🔐 Crypto</h4>
+            <p>加密栈（Csm/CryIf/Crypto/KeyM）</p>
+            <div class="stats"><span>6 PDF</span><span>6,035 行</span></div>
+          </a>
+          <a href="#MCAL" class="module-card">
+            <h4>🎛️ MCAL</h4>
+            <p>微控制器抽象层（核心驱动）</p>
+            <div class="stats"><span>7 PDF</span><span>5,409 行</span></div>
+          </a>
+          <a href="#ModeManagement" class="module-card">
+            <h4>🔄 ModeManagement</h4>
+            <p>模式管理（EcuM/BswM）</p>
+            <div class="stats"><span>4 PDF</span><span>4,516 行</span></div>
+          </a>
+          <a href="#GlobalTime" class="module-card">
+            <h4>⏰ GlobalTime</h4>
+            <p>全局时间同步（StbM/TSyn）</p>
+            <div class="stats"><span>4 PDF</span><span>3,165 行</span></div>
+          </a>
+          <a href="#RTE" class="module-card">
+            <h4>🔗 RTE</h4>
+            <p>运行时环境（最大规范 1267 页）</p>
+            <div class="stats"><span>2 PDF</span><span>2,296 行</span></div>
+          </a>
+          <a href="#Tools" class="module-card">
+            <h4>🛠️ Tools</h4>
+            <p>工具互操作性</p>
+            <div class="stats"><span>4 PDF</span><span>1,858 行</span></div>
+          </a>
+          <a href="#ReleaseDocumentation" class="module-card">
+            <h4>📦 ReleaseDocumentation</h4>
+            <p>版本发布说明</p>
+            <div class="stats"><span>1 PDF</span><span>647 行</span></div>
+          </a>
+          <a href="#Chassis" class="module-card">
+            <h4>🚙 Chassis</h4>
+            <p>底盘应用接口</p>
+            <div class="stats"><span>1 PDF</span><span>508 行</span></div>
+          </a>
+          <a href="#Powertrain" class="module-card">
+            <h4>🔋 Powertrain</h4>
+            <p>动力总成应用接口</p>
+            <div class="stats"><span>1 PDF</span><span>468 行</span></div>
+          </a>
+          <a href="#HMI" class="module-card">
+            <h4>🖥️ HMI</h4>
+            <p>人机界面应用接口</p>
+            <div class="stats"><span>1 PDF</span><span>287 行</span></div>
+          </a>
+        </div>
+      </section>
+
+      <section id="paths">
+        <h2>5 套学习路径（按角色）</h2>
+        <p>不同角色的工程师应优先阅读不同模块。本项目提供 5 套精选学习路径：</p>
+
+        <div class="role-card">
+          <h4>🆕 路径 1：AUTOSAR 新手入门 <span class="badge">推荐 30 文档</span></h4>
+          <p><strong>目标读者</strong>：第一次接触 AUTOSAR 的工程师</p>
+          <p><strong>核心模块</strong>：General → BSWGeneral → MethodologyAndTemplates → Memory → ModeManagement</p>
+          <p><strong>预计时长</strong>：3-5 天</p>
+        </div>
+
+        <div class="role-card">
+          <h4>🛠️ 路径 2：应用层 SWC 开发 <span class="badge">推荐 25 文档</span></h4>
+          <p><strong>目标读者</strong>：开发 AUTOSAR 软件组件（SWC）的应用工程师</p>
+          <p><strong>核心模块</strong>：General → RTE → Communication（COM/PduR）→ Application Interfaces</p>
+          <p><strong>预计时长</strong>：2-3 天</p>
+        </div>
+
+        <div class="role-card">
+          <h4>🔧 路径 3：BSW 集成工程师 <span class="badge">推荐 60 文档</span></h4>
+          <p><strong>目标读者</strong>：负责 BSW 模块集成、配置、调试的工程师</p>
+          <p><strong>核心模块</strong>：BSWGeneral → Communication → Diagnostics → SystemServices → Memory → IO → MCAL</p>
+          <p><strong>预计时长</strong>：1-2 周</p>
+        </div>
+
+        <div class="role-card">
+          <h4>🛡️ 路径 4：功能安全工程师 <span class="badge">推荐 20 文档</span></h4>
+          <p><strong>目标读者</strong>：负责 ISO 26262 功能安全合规的工程师</p>
+          <p><strong>核心模块</strong>：Safety → Watchdog → E2E（Communication + Libraries）→ Memory Protection</p>
+          <p><strong>预计时长</strong>：1 周</p>
+        </div>
+
+        <div class="role-card">
+          <h4>🛠️ 路径 5：AUTOSAR 工具链开发 <span class="badge">推荐 35 文档</span></h4>
+          <p><strong>目标读者</strong>：开发 AUTOSAR 配置工具、BSW 生成器、RTE 生成器的工程师</p>
+          <p><strong>核心模块</strong>：MethodologyAndTemplates（全部 27 个）→ Tools → RTE → BSWGeneral</p>
+          <p><strong>预计时长</strong>：2 周</p>
+        </div>
+
+        <div class="callout callout-info">
+          <strong>📌 详细路径</strong>
+          完整的学习路径（含每一步的推荐阅读顺序）将在 <code>01_学习路径/</code> 目录下提供。
+        </div>
+      </section>
+
+      <section id="indices">
+        <h2>参考索引</h2>
+        <p>本项目还提供 5 套参考索引，便于快速反查：</p>
+        <table>
+          <thead>
+            <tr><th>索引</th><th>用途</th><th>位置</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>API 索引</td><td>按模块列出所有 API 函数（含签名、参数）</td><td><code>02_参考索引/API索引.html</code></td></tr>
+            <tr><td>需求 ID 索引</td><td>所有 <code>SRS_xxxx</code>、<code>SWS_xxxx</code> 需求条目</td><td><code>02_参考索引/需求ID索引.html</code></td></tr>
+            <tr><td>模块依赖矩阵</td><td>20 × 20 模块间调用关系矩阵</td><td><code>02_参考索引/模块依赖矩阵.html</code></td></tr>
+            <tr><td>版本演进对照</td><td>R4.0 → R4.4 关键变更</td><td><code>02_参考索引/版本演进对照.html</code></td></tr>
+            <tr><td>术语表 v2</td><td>800+ 条中英对照术语</td><td><code>02_参考索引/术语表v2.html</code></td></tr>
+          </tbody>
+        </table>
+      </section>
+
+      <section id="usage">
+        <h2>使用指南</h2>
+        <h3>如何查阅某个具体 API？</h3>
+        <ol>
+          <li>先打开 <code>02_参考索引/API索引.html</code> 按模块查找</li>
+          <li>找到对应模块的 <code>.md</code> 译文，定位到相关章节</li>
+          <li>如需英文原版，参考同目录下的 <code>.pdf</code> 文件</li>
+        </ol>
+
+        <h3>如何理解 AUTOSAR 架构？</h3>
+        <ol>
+          <li>先读 <code>General/AUTOSAR_EXP_LayeredSoftwareArchitecture.html</code>（架构总览）</li>
+          <li>再读 <code>General/AUTOSAR_EXP_VFB.html</code>（虚拟功能总线）</li>
+          <li>最后按学习路径深入</li>
+        </ol>
+
+        <h3>如何校对译文质量？</h3>
+        <ol>
+          <li>查看 <code>03_质量管理/翻译质量评估报告.html</code></li>
+          <li>按 <code>校对SOP.html</code> 流程逐步核对</li>
+          <li>提交 issue 反馈问题</li>
+        </ol>
+      </section>
+
+      <section id="caveats">
+        <h2>⚠️ 注意事项</h2>
+        <div class="callout callout-warn">
+          <strong>机器翻译局限</strong>
+          本项目为 <strong>LLM 机翻 + 人工/AI 校对</strong> 的试点版本。译文可能存在：
+          <ul>
+            <li>术语不一致（同一概念在不同文档中译法不同）</li>
+            <li>语义偏差（特别是长句、复杂句）</li>
+            <li>格式错误（Markdown 表格、代码块、链接偶尔异常）</li>
+            <li>摘要不足（部分大型文档采用"重点翻译 + 摘要"策略）</li>
+          </ul>
+        </div>
+
+        <div class="callout callout-success">
+          <strong>✅ 推荐使用方式</strong>
+          <ul>
+            <li>作为 <strong>辅助理解</strong> 工具，<strong>不</strong> 作为正式标准引用</li>
+            <li>正式引用请以 <strong>英文原版 PDF</strong> 为准</li>
+            <li>建议中英对照阅读（译文 + 原文）</li>
+            <li>发现问题请提交 issue 或 PR 协助改进</li>
+          </ul>
+        </div>
+
+        <h3>摘要文档清单</h3>
+        <p>以下大型文档采用"重点翻译 + 摘要"策略，完整内容请查阅原版 PDF：</p>
+        <table>
+          <thead>
+            <tr><th>文档</th><th>原页数</th><th>策略</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>RTE/AUTOSAR_SWS_RTE.md</td><td>1,267</td><td>重点翻译核心 + API 摘要</td></tr>
+            <tr><td>Diagnostics/AUTOSAR_SWS_DiagnosticEventManager.md</td><td>516</td><td>重点翻译核心 + 配置容器摘要</td></tr>
+            <tr><td>Diagnostics/AUTOSAR_SWS_DiagnosticCommunicationManager.md</td><td>639</td><td>重点翻译核心 + UDS 服务摘要</td></tr>
+            <tr><td>Communication/AUTOSAR_SWS_TcpIp.md</td><td>211</td><td>重点翻译核心 + API 摘要</td></tr>
+            <tr><td>Communication/AUTOSAR_SWS_COM.md</td><td>185</td><td>重点翻译核心 + 状态机摘要</td></tr>
+            <tr><td>ModeManagement/AUTOSAR_SWS_ECUStateManager.md</td><td>195</td><td>重点翻译核心 + 状态机摘要</td></tr>
+            <tr><td>ModeManagement/AUTOSAR_SWS_BSWModeManager.md</td><td>147</td><td>重点翻译核心 + 模式仲裁摘要</td></tr>
+            <tr><td>Crypto/AUTOSAR_SWS_CryptoServiceManager.md</td><td>202</td><td>重点翻译核心 + 作业状态摘要</td></tr>
+            <tr><td>Communication/AUTOSAR_SWS_V2XFacilities.md</td><td>282</td><td>重点翻译核心 + V2X 协议摘要</td></tr>
+          </table>
+
+        <h3>翻译版本与原版对应</h3>
+        <p>本译本基于 <strong>AUTOSAR Classic Platform 4.4.0</strong> 翻译，对应 2018-10-31 发布的官方标准。</p>
+        <p>原版版权归 <strong>AUTOSAR</strong> 所有。本中文译本仅供学习参考。</p>
+      </section>
+
+      <hr style="margin: 3rem 0; border: none; border-top: 1px solid var(--border);">
+      <p style="text-align: center; color: var(--text-soft); font-size: 0.9rem;">
+        © 2024 AUTOSAR v4.4 中文译本项目 · 由 LLM 机翻 + 人工/AI 校对完成<br>
+        本项目仅供学习参考，正式引用请使用英文原版 AUTOSAR 标准
+      </p>
+    </main>
+  </div>
+
+  <script>
+    mermaid.initialize({ startOnLoad: true, theme: 'default' });
+    // 暗色模式适配
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      document.querySelectorAll('.mermaid').forEach(el => {
+        // Mermaid 不会自动跟随 CSS 变量，需要重新初始化
+      });
+    }
+  </script>
+</body>
+</html>