diff --git a/README.md b/README.md
index 825765e..5eeaa7c 100644
--- a/README.md
+++ b/README.md
@@ -8,9 +8,10 @@ Issue-Driven DevOps 平台技能仓库，核心产品是 `gitea-issue-devops-age
 
 ## 公网产品页
 
-- 产品官网（可直接访问渲染页）：`https://fun-md.com/Fun_MD/devops-skills/wiki`
+- 产品官网（独立前端渲染页，非 Wiki）：`https://fun-md.com/Fun_MD/devops-skills/raw/branch/main/site/index.svg`
 - 仓库入口：`https://fun-md.com/Fun_MD/devops-skills`
 - HTML 设计稿源码：`site/index.html`
+- SVG 官网文件：`site/index.svg`
 
 ## 一键安装
 
diff --git a/site/index.svg b/site/index.svg
new file mode 100644
index 0000000..431b07b
--- /dev/null
+++ b/site/index.svg
@@ -0,0 +1,213 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="2500" viewBox="0 0 1600 2500">
+  <defs>
+    <linearGradient id="bgGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#070c19"/>
+      <stop offset="55%" stop-color="#102347"/>
+      <stop offset="100%" stop-color="#0a3a4f"/>
+    </linearGradient>
+    <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#29d8ff"/>
+      <stop offset="100%" stop-color="#49f2c7"/>
+    </linearGradient>
+    <linearGradient id="cardGrad" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#122445" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#0f1d38" stop-opacity="0.95"/>
+    </linearGradient>
+    <filter id="softGlow" x="-40%" y="-40%" width="180%" height="180%">
+      <feGaussianBlur stdDeviation="18" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+    <style>
+      .title {
+        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+        fill: #ecf4ff;
+        font-weight: 700;
+      }
+      .subtitle {
+        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+        fill: #b8c9e9;
+        font-size: 30px;
+      }
+      .section-title {
+        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+        fill: #e7f1ff;
+        font-size: 44px;
+        font-weight: 700;
+      }
+      .card-title {
+        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+        fill: #def2ff;
+        font-size: 32px;
+        font-weight: 700;
+      }
+      .card-text {
+        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+        fill: #bad0ee;
+        font-size: 24px;
+      }
+      .mono {
+        font-family: "Cascadia Mono", Consolas, Menlo, monospace;
+        fill: #d8f1ff;
+        font-size: 21px;
+      }
+      .label {
+        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+        fill: #88a6d4;
+        font-size: 20px;
+      }
+      .badge {
+        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+        fill: #0a2b3f;
+        font-size: 21px;
+        font-weight: 700;
+      }
+      .btn {
+        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+        fill: #06253a;
+        font-size: 24px;
+        font-weight: 700;
+      }
+      .btn-muted {
+        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
+        fill: #d2e8ff;
+        font-size: 22px;
+        font-weight: 600;
+      }
+    </style>
+  </defs>
+
+  <rect x="0" y="0" width="1600" height="2500" fill="url(#bgGrad)"/>
+  <circle cx="1350" cy="240" r="260" fill="#29d8ff" opacity="0.13" filter="url(#softGlow)"/>
+  <circle cx="180" cy="320" r="220" fill="#49f2c7" opacity="0.11" filter="url(#softGlow)"/>
+  <circle cx="420" cy="2100" r="260" fill="#2fd8f0" opacity="0.10" filter="url(#softGlow)"/>
+
+  <rect x="70" y="70" width="1460" height="500" rx="32" fill="url(#cardGrad)" stroke="#345a90" stroke-width="2"/>
+  <rect x="110" y="120" width="390" height="56" rx="28" fill="url(#accentGrad)"/>
+  <text x="145" y="158" class="badge">Issue-Driven DevOps Platform</text>
+
+  <text x="110" y="255" class="title" font-size="74">gitea-issue-devops-agent</text>
+  <text x="110" y="325" class="subtitle">把 Issue → Branch → Preview Slot → Test Loop → Human-Confirmed Merge 变成标准交付引擎</text>
+  <text x="110" y="372" class="subtitle">不是临时脚本，而是可规模化的研发基础设施产品。</text>
+
+  <rect x="110" y="415" width="260" height="82" rx="14" fill="url(#accentGrad)"/>
+  <text x="152" y="468" class="btn">访问仓库</text>
+  <a href="https://fun-md.com/Fun_MD/devops-skills">
+    <rect x="110" y="415" width="260" height="82" rx="14" fill="#ffffff" opacity="0.001"/>
+  </a>
+
+  <rect x="390" y="415" width="330" height="82" rx="14" fill="#1b3157" stroke="#4068a5"/>
+  <text x="445" y="468" class="btn-muted">SKILL 规范文档</text>
+  <a href="https://fun-md.com/Fun_MD/devops-skills/raw/branch/main/skills/gitea-issue-devops-agent/SKILL.md">
+    <rect x="390" y="415" width="330" height="82" rx="14" fill="#ffffff" opacity="0.001"/>
+  </a>
+
+  <rect x="820" y="150" width="660" height="340" rx="22" fill="#0c1a34" stroke="#34598e"/>
+  <text x="860" y="215" class="label">核心指标</text>
+  <text x="860" y="285" class="title" font-size="58">3 Modes</text>
+  <text x="860" y="325" class="label">automatic / semi-automatic / manual</text>
+  <text x="1160" y="285" class="title" font-size="58">5 Scopes</text>
+  <text x="1160" y="325" class="label">skip / client / server / full / infra</text>
+  <text x="860" y="390" class="title" font-size="58">1 : 1 Binding</text>
+  <text x="860" y="430" class="label">Issue - Branch - Preview Slot 精确绑定</text>
+  <text x="1160" y="390" class="title" font-size="58">TTL Reclaim</text>
+  <text x="1160" y="430" class="label">空闲槽位自动回收</text>
+
+  <text x="80" y="680" class="section-title">产品核心价值</text>
+  <rect x="80" y="715" width="460" height="280" rx="20" fill="url(#cardGrad)" stroke="#35598f"/>
+  <text x="110" y="785" class="card-title">1. 分支隔离提测</text>
+  <text x="110" y="835" class="card-text">每个 issue 固定分支和预览环境，</text>
+  <text x="110" y="872" class="card-text">主干环境稳定回归，提测互不覆盖。</text>
+  <text x="110" y="909" class="card-text">团队并行效率显著提升。</text>
+
+  <rect x="570" y="715" width="460" height="280" rx="20" fill="url(#cardGrad)" stroke="#35598f"/>
+  <text x="600" y="785" class="card-title">2. 资源智能节流</text>
+  <text x="600" y="835" class="card-text">按改动自动识别部署范围，</text>
+  <text x="600" y="872" class="card-text">前端-only 改动不重启服务端，</text>
+  <text x="600" y="909" class="card-text">节省机器和运维成本。</text>
+
+  <rect x="1060" y="715" width="460" height="280" rx="20" fill="url(#cardGrad)" stroke="#35598f"/>
+  <text x="1090" y="785" class="card-title">3. 证据化闭环</text>
+  <text x="1090" y="835" class="card-text">提测结果、commit、环境链接、</text>
+  <text x="1090" y="872" class="card-text">验证步骤统一沉淀，</text>
+  <text x="1090" y="909" class="card-text">最终合并始终人工确认。</text>
+
+  <text x="80" y="1090" class="section-title">流程拓扑（Issue 到交付）</text>
+  <rect x="80" y="1125" width="1440" height="220" rx="20" fill="url(#cardGrad)" stroke="#35598f"/>
+  <rect x="112" y="1170" width="250" height="130" rx="14" fill="#13284b" stroke="#3d639b"/>
+  <text x="138" y="1223" class="card-title" font-size="26">1. 引导连接</text>
+  <text x="138" y="1263" class="card-text" font-size="20">repo_url + api_key + mode</text>
+  <rect x="402" y="1170" width="250" height="130" rx="14" fill="#13284b" stroke="#3d639b"/>
+  <text x="430" y="1223" class="card-title" font-size="26">2. 质量审计</text>
+  <text x="430" y="1263" class="card-text" font-size="20">Issue + 图片附件 + 去重评分</text>
+  <rect x="692" y="1170" width="250" height="130" rx="14" fill="#13284b" stroke="#3d639b"/>
+  <text x="720" y="1223" class="card-title" font-size="26">3. 分支修复</text>
+  <text x="720" y="1263" class="card-text" font-size="20">严格在 issue 分支迭代</text>
+  <rect x="982" y="1170" width="250" height="130" rx="14" fill="#13284b" stroke="#3d639b"/>
+  <text x="1007" y="1223" class="card-title" font-size="26">4. 按范围部署</text>
+  <text x="1007" y="1263" class="card-text" font-size="20">skip/client/server/full/infra</text>
+  <rect x="1272" y="1170" width="216" height="130" rx="14" fill="#13284b" stroke="#3d639b"/>
+  <text x="1300" y="1223" class="card-title" font-size="26">5. 自动回收</text>
+  <text x="1300" y="1263" class="card-text" font-size="20">TTL + Close Release</text>
+
+  <line x1="362" y1="1235" x2="402" y2="1235" stroke="#58d8ff" stroke-width="4"/>
+  <line x1="652" y1="1235" x2="692" y2="1235" stroke="#58d8ff" stroke-width="4"/>
+  <line x1="942" y1="1235" x2="982" y2="1235" stroke="#58d8ff" stroke-width="4"/>
+  <line x1="1232" y1="1235" x2="1272" y2="1235" stroke="#58d8ff" stroke-width="4"/>
+
+  <text x="80" y="1440" class="section-title">一键安装命令（Windows / macOS / Linux）</text>
+
+  <rect x="80" y="1480" width="470" height="300" rx="18" fill="url(#cardGrad)" stroke="#35598f"/>
+  <text x="110" y="1542" class="card-title">Linux</text>
+  <rect x="110" y="1568" width="410" height="178" rx="12" fill="#091327" stroke="#406aa6"/>
+  <text x="130" y="1620" class="mono">curl -fsSL https://fun-md.com/Fun_MD/</text>
+  <text x="130" y="1656" class="mono">devops-skills/raw/branch/main/install/</text>
+  <text x="130" y="1692" class="mono">install.sh | bash</text>
+
+  <rect x="565" y="1480" width="470" height="300" rx="18" fill="url(#cardGrad)" stroke="#35598f"/>
+  <text x="595" y="1542" class="card-title">macOS</text>
+  <rect x="595" y="1568" width="410" height="178" rx="12" fill="#091327" stroke="#406aa6"/>
+  <text x="615" y="1620" class="mono">curl -fsSL https://fun-md.com/Fun_MD/</text>
+  <text x="615" y="1656" class="mono">devops-skills/raw/branch/main/install/</text>
+  <text x="615" y="1692" class="mono">install.sh | bash</text>
+
+  <rect x="1050" y="1480" width="470" height="300" rx="18" fill="url(#cardGrad)" stroke="#35598f"/>
+  <text x="1080" y="1542" class="card-title">Windows PowerShell</text>
+  <rect x="1080" y="1568" width="410" height="178" rx="12" fill="#091327" stroke="#406aa6"/>
+  <text x="1100" y="1610" class="mono">powershell -NoProfile -ExecutionPolicy</text>
+  <text x="1100" y="1646" class="mono">Bypass -Command "iwr -useb https://</text>
+  <text x="1100" y="1682" class="mono">fun-md.com/Fun_MD/devops-skills/raw/</text>
+  <text x="1100" y="1718" class="mono">branch/main/install/install.ps1 | iex"</text>
+
+  <text x="80" y="1878" class="section-title">核心工具</text>
+  <rect x="80" y="1915" width="470" height="360" rx="18" fill="url(#cardGrad)" stroke="#35598f"/>
+  <text x="110" y="1976" class="card-title">issue_audit.py</text>
+  <text x="110" y="2014" class="card-text">拉取 issue / 评论 / 图片附件，去重并评分。</text>
+  <rect x="110" y="2042" width="410" height="205" rx="12" fill="#091327" stroke="#406aa6"/>
+  <text x="130" y="2091" class="mono">python .../issue_audit.py --base-url</text>
+  <text x="130" y="2127" class="mono">https://fun-md.com --repo FunMD/</text>
+  <text x="130" y="2163" class="mono">document-collab --token &lt;TOKEN&gt;</text>
+  <text x="130" y="2199" class="mono">--download-attachments</text>
+
+  <rect x="565" y="1915" width="470" height="360" rx="18" fill="url(#cardGrad)" stroke="#35598f"/>
+  <text x="595" y="1976" class="card-title">change_scope.py</text>
+  <text x="595" y="2014" class="card-text">识别部署范围，决定是否重启服务端。</text>
+  <rect x="595" y="2042" width="410" height="205" rx="12" fill="#091327" stroke="#406aa6"/>
+  <text x="615" y="2091" class="mono">python .../change_scope.py</text>
+  <text x="615" y="2127" class="mono">--repo-path . --base-ref origin/main</text>
+  <text x="615" y="2163" class="mono">--head-ref HEAD</text>
+
+  <rect x="1050" y="1915" width="470" height="360" rx="18" fill="url(#cardGrad)" stroke="#35598f"/>
+  <text x="1080" y="1976" class="card-title">preview_slot_allocator.py</text>
+  <text x="1080" y="2014" class="card-text">分配 / 复用 / 释放预览槽位。</text>
+  <rect x="1080" y="2042" width="410" height="205" rx="12" fill="#091327" stroke="#406aa6"/>
+  <text x="1100" y="2091" class="mono">python .../preview_slot_allocator.py</text>
+  <text x="1100" y="2127" class="mono">--state-file .tmp/preview-slots.json</text>
+  <text x="1100" y="2163" class="mono">--slots preview-a,preview-b --evict-oldest</text>
+
+  <rect x="80" y="2330" width="1440" height="110" rx="18" fill="#0b1730" stroke="#395d96"/>
+  <text x="120" y="2383" class="label">官网入口: https://fun-md.com/Fun_MD/devops-skills/raw/branch/main/site/index.svg</text>
+  <text x="120" y="2418" class="label">仓库地址: https://fun-md.com/Fun_MD/devops-skills</text>
+</svg>
diff --git a/site/probe.svg b/site/probe.svg
deleted file mode 100644
index 948e670..0000000
--- a/site/probe.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
-  <defs>
-    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#0ea5e9"/>
-      <stop offset="100%" stop-color="#22c55e"/>
-    </linearGradient>
-  </defs>
-  <rect width="1200" height="630" fill="#0b1220"/>
-  <rect x="40" y="40" width="1120" height="550" rx="20" fill="url(#g)" opacity="0.2"/>
-  <text x="80" y="170" fill="#e5f3ff" font-family="Arial, sans-serif" font-size="64" font-weight="700">DevOps Skills Probe</text>
-  <text x="80" y="250" fill="#b6cff2" font-family="Arial, sans-serif" font-size="34">If this renders as image, SVG delivery is possible.</text>
-</svg>