feat: 全站配图与 NeuralMix v2.0 页面更新，新增改版博客

- NeuralMix 页面同步 v2.0：Redis 高速缓冲、实时+静态参数融合、边缘部署与开放 API
- 新增运行图表实录：收敛分析、判定轨迹、参数场、异常检测、运行段聚类、GTU-CNN
- 工具页新增界面实录：Sequence-Diagram 双视图、Uni-Viewer 工作台、UniTouch HMI、Engine Craft 计算模型
- 首页/研究页 NeuralMix 特性区改用真实截图；Hero 改为圆角面板并调小字号，精简副标题
- 新增博客《站点改版记录：从博客到产品矩阵》

website/static/css/style.css

@@ -158,7 +158,9 @@ a:hover { color: var(--brand-dark); }
 .hero {
   position: relative; overflow: hidden; color: #fff;
   background: var(--bg-dark);
-  padding: 108px 0 116px;
+  max-width: 1360px; width: calc(100% - 56px);
+  margin: 28px auto 0; border-radius: 26px;
+  padding: 60px 0 68px;
 }
 .hero::before {
   content: ""; position: absolute; inset: 0;
@@ -176,8 +178,8 @@ a:hover { color: var(--brand-dark); }
 }
 .hero .container { position: relative; z-index: 1; }
 .hero h1 {
-  font-size: clamp(2.3rem, 5.2vw, 3.8rem);
-  font-weight: 700; line-height: 1.12; letter-spacing: -0.02em;
+  font-size: clamp(1.7rem, 3vw, 2.5rem);
+  font-weight: 700; line-height: 1.2; letter-spacing: -0.02em;
 }
 .hero-eyebrow {
   display: inline-block; font-size: 0.82rem; font-weight: 600;
@@ -206,14 +208,17 @@ a:hover { color: var(--brand-dark); }
 /* Page hero (sub pages, compact dark) */
 .page-hero {
   position: relative; overflow: hidden; color: #fff;
-  background: var(--grad-dark); padding: 72px 0 76px;
+  background: var(--grad-dark);
+  max-width: 1360px; width: calc(100% - 56px);
+  margin: 28px auto 0; border-radius: 26px;
+  padding: 56px 0 60px;
 }
 .page-hero::after {
   content: ""; position: absolute; width: 640px; height: 640px; right: -220px; top: -320px;
   background: radial-gradient(circle, rgba(34, 200, 255, 0.22) 0%, transparent 68%);
 }
 .page-hero .container { position: relative; z-index: 1; }
-.page-hero h1 { font-size: clamp(1.9rem, 3.6vw, 2.8rem); font-weight: 700; line-height: 1.18; letter-spacing: -0.02em; }
+.page-hero h1 { font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 700; line-height: 1.22; letter-spacing: -0.02em; }
 .page-hero-sub { max-width: 720px; margin: 16px 0 0; color: rgba(235, 244, 255, 0.8); font-size: 1rem; }
 .page-hero .hero-actions { margin-top: 28px; }
 .page-hero .hero-eyebrow { margin-bottom: 14px; }
@@ -330,6 +335,19 @@ a:hover { color: var(--brand-dark); }
 .product-card .product-link { font-size: 0.9rem; font-weight: 600; color: var(--brand); }
 .product-card .product-meta { font-size: 0.78rem; color: var(--ink-3); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
 
+/* Screenshots & figures */
+.gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 22px; margin-top: 32px; }
+.shot {
+  background: #071022; border: 1px solid var(--line); border-radius: var(--radius);
+  overflow: hidden; box-shadow: var(--shadow); margin: 0;
+}
+.shot img { display: block; width: 100%; height: auto; }
+.shot figcaption { padding: 13px 18px; font-size: 0.86rem; color: var(--ink-2); background: #fff; border-top: 1px solid var(--line); }
+.shot.wide { grid-column: 1 / -1; }
+.shot.contain img { background: #fff; }
+.feature-visual.has-image { padding: 0; background: #071022; }
+.feature-visual.has-image img { width: 100%; height: 100%; min-height: 340px; object-fit: cover; display: block; }
+
 /* Steps */
 .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 34px; counter-reset: step; }
 .step {
@@ -495,8 +513,8 @@ table.admin .actions { white-space: nowrap; }
 @media (max-width: 720px) {
   .container { padding: 0 18px; }
   .form-row { grid-template-columns: 1fr; }
-  .hero { padding: 76px 0 84px; }
-  .page-hero { padding: 56px 0 60px; }
+  .hero { padding: 44px 0 52px; width: calc(100% - 24px); margin-top: 14px; border-radius: 20px; }
+  .page-hero { padding: 42px 0 46px; width: calc(100% - 24px); margin-top: 14px; border-radius: 20px; }
   .section { padding: 52px 0; }
   .hero-actions .btn { width: 100%; }
   .feature { padding: 44px 0; }