style(frontend): 字体商用合规——移除微软雅黑，统一思源黑体开源栈

- index.css 两处字体栈移除 Microsoft YaHei：品牌字与正文统一思源黑体（OFL）
  + HarmonyOS Sans 开源序列，Helvetica/Arial 仅作西文回退
- README 视觉章节对齐 v3 靛蓝体系：配色表/质感来源/落地方式/签名元素/构图
  更新，旧「宋体品牌字」「两档金」表述修正并写明商用字体禁用约定
- 设计预览页字体栈与品牌字候选卡同步，echarts chartFont 去雅黑

Co-Authored-By: Claude Code <noreply@anthropic.com>

docs/design/视觉方向预览.html

@@ -35,7 +35,7 @@
 
     --ys-radius: 10px;
     --ys-radius-sm: 7px;
-    --ys-font: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', -apple-system,
+    --ys-font: 'Noto Sans SC', 'PingFang SC', -apple-system,
       'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
     --ys-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
 
@@ -46,8 +46,8 @@
     /* 极微噪点：去除大色块的塑料感（内联 SVG，无外部依赖） */
     --ys-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
 
-    /* 品牌字：思源黑体（现代几何黑体；实施时自托管 4 字子集，内网可用） */
-    --ys-font-brand: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+    /* 品牌字：思源黑体（现代几何黑体；实施时自托管 4 字子集，内网可用）；栈内禁用微软雅黑等需授权字体 */
+    --ys-font-brand: 'Noto Sans SC', 'Source Han Sans SC', 'HarmonyOS Sans SC', 'PingFang SC', sans-serif;
   }
 
   * { box-sizing: border-box; margin: 0; padding: 0; }
@@ -556,8 +556,8 @@
         <div class="bc-cap">B · 思源黑体 300 细体 · 0.42em</div>
       </div>
       <div class="bc">
-        <div style="font-family:'Microsoft YaHei',sans-serif;font-weight:600;letter-spacing:.25em;font-size:16px">衍水集团</div>
-        <div class="bc-cap">C · 微软雅黑 600 · 0.25em</div>
+        <div style="font-weight:600;letter-spacing:.25em;font-size:16px">衍水集团</div>
+        <div class="bc-cap">C · 系统默认 600（不指定字体，展示回退效果）· 0.25em</div>
       </div>
     </div>
   </section>
@@ -936,7 +936,7 @@
 <script src="echarts.min.js"></script>
 <script>
   /* 仪表盘图表：ECharts 定制主题（圆角柱 / 无网格线 / 浅灰轴标签）——实施时前端引入 echarts 依赖 */
-  const chartFont = "'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif";
+  const chartFont = "'Noto Sans SC','PingFang SC',sans-serif";
   const rev = echarts.init(document.getElementById('chartRev'), null, { renderer: 'svg' });
   rev.setOption({
     grid: { left: 0, right: 0, top: 6, bottom: 20, containLabel: true },