feat(home): 极速下载卡中国点阵图 + CTA aurora + HarmonyOS 徽章

- 新增 ChinaDotMap：国界 GeoJSON 1.25° 网格采样为单条 SVG path
  （514 点，含台湾/海南补点与南海诸岛右下虚线框簇），8 个主要
  CDN 节点城市错峰呼吸脉冲，填充「极速下载」卡片留白
- CTA 卡片背景叠加弱化 aurora，与 hero 视觉呼应
- hero 徽章行改为双胶囊，新增「HarmonyOS 已支持」（真实占比已 4%）

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0112yBeEEYT8tyywNbypwXkN

Author: sunnylqm

home-visual-plan-2026-07-05.md

@@ -35,12 +35,12 @@ transition 滚动到目标数字；列 key 从个位向高位编号，保证低
 - [x] `LiveStats.tsx` 内实现 `RollingNumber` 组件替换纯文本
 - [x] home.scss 增加 odometer 样式 + reduced-motion 分支
 
-## 4. ⏸（备选）「极速下载」卡片补中国点阵地图 + CDN 节点脉冲
+## 4. ✅「极速下载」卡片补中国点阵地图 + CDN 节点脉冲
 
 点阵 SVG 中国轮廓 + 主要城市呼吸光点，为后续地理热力图做铺垫。
 等第 2 步地理数据方案启动时一起做。
 
-## 5. ⏸（备选）CTA 卡片背景复用弱化 aurora + hero 加「HarmonyOS 已支持」
+## 5. ✅ CTA 卡片背景复用弱化 aurora + hero 加「HarmonyOS 已支持」
 
 顺手项，本轮时间富余则做。
 
@@ -58,3 +58,8 @@ transition 滚动到目标数字；列 key 从个位向高位编号，保证低
 - 2026-07-05 任务 1–3 前端完成并验证：mock 页曲线 + 滚轮 + 光斑正常，
   计数器 3 秒内 8,412,855 → 8,413,196 平滑滚动；真实页优雅降级。
   待办：部署 pushy-server（3e5c715）/ cresc-server（416c225）后曲线自动出现。
+- 2026-07-05 服务端已部署，真实页曲线上线（hourly 23 项）。
+- 2026-07-05 备选 4、5 完成：ChinaDotMap 组件（国界 GeoJSON 网格采样
+  514 点 + 台湾/海南补点 + 南海诸岛右下角虚线框簇，8 个 CDN 节点错峰
+  脉冲，reduced-motion 关闭）；CTA 卡片叠加 50% 透明 aurora；hero 徽章
+  行改为双胶囊，新增「HarmonyOS 已支持」。构建与截图验证通过。

site/components/home/Banner.tsx

@@ -74,19 +74,24 @@ function Banner(_props: BannerProps) {
 				<div className="grid lg:grid-cols-[1.05fr_0.95fr] items-center gap-16 lg:gap-10 pt-24 pb-24 lg:pt-32 lg:pb-32">
 					{/* ---- Left: copy ---- */}
 					<div className="max-w-2xl">
-						<a
-							href="/docs/skills"
-							data-reveal
-							className="group inline-flex items-center gap-2.5 rounded-full border border-white/10 bg-white/[0.04] backdrop-blur px-4 py-1.5 text-sm text-slate-300 hover:border-blue-400/40 hover:text-white transition-colors duration-300 mb-10"
-						>
-							<span className="relative flex w-2 h-2">
-								<span className="pushy-live-dot absolute inline-flex h-full w-full rounded-full bg-emerald-400" />
-							</span>
-							官方 Skill 已上线 · AI 一句话完成接入
-							<span className="text-blue-400 group-hover:translate-x-0.5 transition-transform duration-300">
-								→
+						<div data-reveal className="flex flex-wrap items-center gap-3 mb-10">
+							<a
+								href="/docs/skills"
+								className="group inline-flex items-center gap-2.5 rounded-full border border-white/10 bg-white/[0.04] backdrop-blur px-4 py-1.5 text-sm text-slate-300 hover:border-blue-400/40 hover:text-white transition-colors duration-300"
+							>
+								<span className="relative flex w-2 h-2">
+									<span className="pushy-live-dot absolute inline-flex h-full w-full rounded-full bg-emerald-400" />
+								</span>
+								官方 Skill 已上线 · AI 一句话完成接入
+								<span className="text-blue-400 group-hover:translate-x-0.5 transition-transform duration-300">
+									→
+								</span>
+							</a>
+							<span className="inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/[0.04] backdrop-blur px-4 py-1.5 text-sm text-slate-300">
+								<span className="w-2 h-2 rounded-full bg-violet-400" />
+								HarmonyOS 已支持
 							</span>
-						</a>
+						</div>
 
 						<h1
 							data-reveal

site/components/home/ChinaDotMap.tsx

@@ -0,0 +1,63 @@
+// Decorative dot-matrix map of China with pulsing CDN node markers.
+// DOTS_PATH is pre-generated: a ~1.25° grid sampled inside the national
+// boundary (geo.datav.aliyun.com areas_v3/bound/100000.json), equirectangular
+// projection corrected by cos(35°), plus reinforcement dots for Taiwan /
+// Hainan and a bottom-right inset cluster for the South China Sea islands.
+// Each dot is an `M x y h0` segment drawn with round line caps.
+const DOTS_PATH = "M2.5 28.9h0M4.9 26.5h0M4.9 28.9h0M4.9 31.4h0M4.9 33.9h0M7.4 26.5h0M7.4 28.9h0M7.4 31.4h0M7.4 33.9h0M9.8 24.0h0M9.8 26.5h0M9.8 28.9h0M9.8 31.4h0M9.8 33.9h0M9.8 36.3h0M9.8 38.8h0M9.8 43.7h0M12.3 19.1h0M12.3 21.6h0M12.3 24.0h0M12.3 26.5h0M12.3 28.9h0M12.3 31.4h0M12.3 33.9h0M12.3 36.3h0M12.3 38.8h0M12.3 41.2h0M12.3 43.7h0M14.7 19.1h0M14.7 21.6h0M14.7 24.0h0M14.7 26.5h0M14.7 28.9h0M14.7 31.4h0M14.7 33.9h0M14.7 36.3h0M14.7 38.8h0M14.7 41.2h0M14.7 43.7h0M14.7 46.1h0M17.2 14.2h0M17.2 16.7h0M17.2 19.1h0M17.2 21.6h0M17.2 24.0h0M17.2 26.5h0M17.2 28.9h0M17.2 31.4h0M17.2 33.9h0M17.2 36.3h0M17.2 38.8h0M17.2 41.2h0M17.2 43.7h0M17.2 46.1h0M19.6 14.2h0M19.6 16.7h0M19.6 19.1h0M19.6 21.6h0M19.6 24.0h0M19.6 26.5h0M19.6 28.9h0M19.6 31.4h0M19.6 33.9h0M19.6 36.3h0M19.6 38.8h0M19.6 41.2h0M19.6 43.7h0M19.6 46.1h0M19.6 48.6h0M22.1 11.8h0M22.1 14.2h0M22.1 16.7h0M22.1 19.1h0M22.1 21.6h0M22.1 24.0h0M22.1 26.5h0M22.1 28.9h0M22.1 31.4h0M22.1 33.9h0M22.1 36.3h0M22.1 38.8h0M22.1 41.2h0M22.1 43.7h0M22.1 46.1h0M22.1 48.6h0M24.5 11.8h0M24.5 14.2h0M24.5 16.7h0M24.5 19.1h0M24.5 21.6h0M24.5 24.0h0M24.5 26.5h0M24.5 28.9h0M24.5 31.4h0M24.5 33.9h0M24.5 36.3h0M24.5 38.8h0M24.5 41.2h0M24.5 43.7h0M24.5 46.1h0M24.5 48.6h0M27.0 11.8h0M27.0 14.2h0M27.0 16.7h0M27.0 19.1h0M27.0 21.6h0M27.0 24.0h0M27.0 26.5h0M27.0 28.9h0M27.0 31.4h0M27.0 33.9h0M27.0 36.3h0M27.0 38.8h0M27.0 41.2h0M27.0 43.7h0M27.0 46.1h0M27.0 48.6h0M29.4 19.1h0M29.4 21.6h0M29.4 24.0h0M29.4 26.5h0M29.4 28.9h0M29.4 31.4h0M29.4 33.9h0M29.4 36.3h0M29.4 38.8h0M29.4 41.2h0M29.4 43.7h0M29.4 46.1h0M29.4 48.6h0M31.9 19.1h0M31.9 21.6h0M31.9 24.0h0M31.9 26.5h0M31.9 28.9h0M31.9 31.4h0M31.9 33.9h0M31.9 36.3h0M31.9 38.8h0M31.9 41.2h0M31.9 43.7h0M31.9 46.1h0M31.9 48.6h0M31.9 51.0h0M34.3 19.1h0M34.3 21.6h0M34.3 24.0h0M34.3 26.5h0M34.3 28.9h0M34.3 31.4h0M34.3 33.9h0M34.3 36.3h0M34.3 38.8h0M34.3 41.2h0M34.3 43.7h0M34.3 46.1h0M34.3 48.6h0M34.3 51.0h0M36.8 21.6h0M36.8 24.0h0M36.8 26.5h0M36.8 28.9h0M36.8 31.4h0M36.8 33.9h0M36.8 36.3h0M36.8 38.8h0M36.8 41.2h0M36.8 43.7h0M36.8 46.1h0M36.8 48.6h0M39.3 24.0h0M39.3 26.5h0M39.3 28.9h0M39.3 31.4h0M39.3 33.9h0M39.3 36.3h0M39.3 38.8h0M39.3 41.2h0M39.3 43.7h0M39.3 46.1h0M39.3 48.6h0M41.7 24.0h0M41.7 26.5h0M41.7 28.9h0M41.7 31.4h0M41.7 33.9h0M41.7 36.3h0M41.7 38.8h0M41.7 41.2h0M41.7 43.7h0M41.7 46.1h0M41.7 48.6h0M41.7 51.0h0M41.7 53.5h0M41.7 55.9h0M41.7 58.4h0M44.2 24.0h0M44.2 26.5h0M44.2 28.9h0M44.2 31.4h0M44.2 33.9h0M44.2 36.3h0M44.2 38.8h0M44.2 41.2h0M44.2 43.7h0M44.2 46.1h0M44.2 48.6h0M44.2 51.0h0M44.2 53.5h0M44.2 55.9h0M44.2 58.4h0M44.2 60.8h0M44.2 63.3h0M46.6 24.0h0M46.6 26.5h0M46.6 28.9h0M46.6 31.4h0M46.6 33.9h0M46.6 36.3h0M46.6 38.8h0M46.6 41.2h0M46.6 43.7h0M46.6 46.1h0M46.6 48.6h0M46.6 51.0h0M46.6 53.5h0M46.6 55.9h0M46.6 58.4h0M46.6 60.8h0M49.1 24.0h0M49.1 26.5h0M49.1 28.9h0M49.1 31.4h0M49.1 33.9h0M49.1 36.3h0M49.1 38.8h0M49.1 41.2h0M49.1 43.7h0M49.1 46.1h0M49.1 48.6h0M49.1 51.0h0M49.1 53.5h0M49.1 55.9h0M49.1 58.4h0M49.1 60.8h0M51.5 24.0h0M51.5 26.5h0M51.5 28.9h0M51.5 31.4h0M51.5 33.9h0M51.5 36.3h0M51.5 38.8h0M51.5 41.2h0M51.5 43.7h0M51.5 46.1h0M51.5 48.6h0M51.5 51.0h0M51.5 53.5h0M51.5 55.9h0M51.5 58.4h0M54.0 24.0h0M54.0 26.5h0M54.0 28.9h0M54.0 31.4h0M54.0 33.9h0M54.0 36.3h0M54.0 38.8h0M54.0 41.2h0M54.0 43.7h0M54.0 46.1h0M54.0 48.6h0M54.0 51.0h0M54.0 53.5h0M54.0 55.9h0M54.0 58.4h0M56.4 24.0h0M56.4 26.5h0M56.4 28.9h0M56.4 31.4h0M56.4 33.9h0M56.4 36.3h0M56.4 38.8h0M56.4 41.2h0M56.4 43.7h0M56.4 46.1h0M56.4 48.6h0M56.4 51.0h0M56.4 53.5h0M56.4 55.9h0M56.4 58.4h0M56.4 60.8h0M56.4 63.3h0M58.2 68.7h0M58.9 24.0h0M58.9 26.5h0M58.9 28.9h0M58.9 31.4h0M58.9 33.9h0M58.9 36.3h0M58.9 38.8h0M58.9 41.2h0M58.9 43.7h0M58.9 46.1h0M58.9 48.6h0M58.9 51.0h0M58.9 53.5h0M58.9 55.9h0M58.9 58.4h0M58.9 60.8h0M58.9 63.3h0M58.9 68.2h0M59.0 67.5h0M60.0 66.7h0M61.3 21.6h0M61.3 24.0h0M61.3 26.5h0M61.3 28.9h0M61.3 31.4h0M61.3 33.9h0M61.3 36.3h0M61.3 38.8h0M61.3 41.2h0M61.3 43.7h0M61.3 46.1h0M61.3 48.6h0M61.3 51.0h0M61.3 53.5h0M61.3 55.9h0M61.3 58.4h0M61.3 60.8h0M61.3 63.3h0M63.8 19.1h0M63.8 21.6h0M63.8 24.0h0M63.8 26.5h0M63.8 28.9h0M63.8 31.4h0M63.8 33.9h0M63.8 36.3h0M63.8 38.8h0M63.8 41.2h0M63.8 43.7h0M63.8 46.1h0M63.8 48.6h0M63.8 51.0h0M63.8 53.5h0M63.8 55.9h0M63.8 58.4h0M63.8 60.8h0M66.2 19.1h0M66.2 21.6h0M66.2 24.0h0M66.2 26.5h0M66.2 28.9h0M66.2 31.4h0M66.2 33.9h0M66.2 36.3h0M66.2 38.8h0M66.2 41.2h0M66.2 43.7h0M66.2 46.1h0M66.2 48.6h0M66.2 51.0h0M66.2 53.5h0M66.2 55.9h0M66.2 58.4h0M66.2 60.8h0M68.7 16.7h0M68.7 19.1h0M68.7 21.6h0M68.7 24.0h0M68.7 26.5h0M68.7 28.9h0M68.7 31.4h0M68.7 33.9h0M68.7 36.3h0M68.7 38.8h0M68.7 41.2h0M68.7 43.7h0M68.7 46.1h0M68.7 48.6h0M68.7 51.0h0M68.7 53.5h0M68.7 55.9h0M68.7 58.4h0M71.1 9.3h0M71.1 11.8h0M71.1 16.7h0M71.1 19.1h0M71.1 21.6h0M71.1 24.0h0M71.1 26.5h0M71.1 28.9h0M71.1 31.4h0M71.1 33.9h0M71.1 36.3h0M71.1 38.8h0M71.1 41.2h0M71.1 43.7h0M71.1 46.1h0M71.1 48.6h0M71.1 51.0h0M71.1 53.5h0M71.1 55.9h0M71.1 58.4h0M73.6 9.3h0M73.6 11.8h0M73.6 14.2h0M73.6 16.7h0M73.6 19.1h0M73.6 21.6h0M73.6 24.0h0M73.6 26.5h0M73.6 31.4h0M73.6 33.9h0M73.6 36.3h0M73.6 38.8h0M73.6 41.2h0M73.6 43.7h0M73.6 46.1h0M73.6 48.6h0M73.6 51.0h0M73.6 53.5h0M73.6 55.9h0M76.1 2.0h0M76.1 4.4h0M76.1 6.9h0M76.1 9.3h0M76.1 11.8h0M76.1 14.2h0M76.1 16.7h0M76.1 19.1h0M76.1 21.6h0M76.1 24.0h0M76.1 26.5h0M76.1 33.9h0M76.1 38.8h0M76.1 41.2h0M76.1 43.7h0M76.1 46.1h0M76.1 48.6h0M76.1 51.0h0M76.1 60.8h0M76.5 59.7h0M77.2 57.3h0M78.0 56.5h0M78.5 2.0h0M78.5 4.4h0M78.5 6.9h0M78.5 9.3h0M78.5 11.8h0M78.5 14.2h0M78.5 16.7h0M78.5 19.1h0M78.5 21.6h0M78.5 24.0h0M78.5 28.9h0M78.5 43.7h0M81.0 2.0h0M81.0 4.4h0M81.0 6.9h0M81.0 9.3h0M81.0 11.8h0M81.0 14.2h0M81.0 16.7h0M81.0 19.1h0M81.0 21.6h0M81.0 24.0h0M81.0 26.5h0M83.4 2.0h0M83.4 4.4h0M83.4 6.9h0M83.4 9.3h0M83.4 11.8h0M83.4 14.2h0M83.4 16.7h0M83.4 19.1h0M83.4 21.6h0M83.4 24.0h0M85.9 4.4h0M85.9 6.9h0M85.9 9.3h0M85.9 11.8h0M85.9 14.2h0M85.9 16.7h0M85.9 19.1h0M85.9 21.6h0M85.9 24.0h0M88.0 56.0h0M88.3 9.3h0M88.3 11.8h0M88.3 14.2h0M88.3 16.7h0M88.3 19.1h0M88.3 21.6h0M88.3 24.0h0M89.5 63.0h0M90.0 59.0h0M90.8 9.3h0M90.8 11.8h0M90.8 14.2h0M90.8 16.7h0M90.8 19.1h0M90.8 21.6h0M91.5 66.5h0M92.0 62.0h0M93.2 14.2h0M93.2 16.7h0M93.2 19.1h0M93.5 65.0h0M94.5 68.0h0M95.7 14.2h0M95.7 16.7h0M98.1 11.8h0";
+
+const VIEW_W = 100;
+const VIEW_H = 70.7;
+
+// Major Aliyun CDN regions, projected with the same transform as DOTS_PATH.
+const NODES = [
+	{ name: "北京", x: 69.8, y: 27.3, delay: "0s" },
+	{ name: "上海", x: 77.9, y: 44.3, delay: "0.4s" },
+	{ name: "广州", x: 64.7, y: 60.2, delay: "0.8s" },
+	{ name: "成都", x: 50.0, y: 45.4, delay: "1.2s" },
+	{ name: "武汉", x: 66.4, y: 45.6, delay: "1.6s" },
+	{ name: "西安", x: 57.8, y: 38.2, delay: "2.0s" },
+	{ name: "沈阳", x: 81.1, y: 23.6, delay: "2.4s" },
+	{ name: "乌鲁木齐", x: 23.5, y: 19.6, delay: "2.8s" },
+];
+
+function ChinaDotMap() {
+	return (
+		<div className="relative mt-8 select-none" aria-hidden="true">
+			<svg viewBox={`0 0 ${VIEW_W} ${VIEW_H}`} className="block w-full">
+				<path
+					d={DOTS_PATH}
+					stroke="rgba(148, 163, 184, 0.26)"
+					strokeWidth="1.15"
+					strokeLinecap="round"
+					fill="none"
+				/>
+				{/* South China Sea islands inset frame */}
+				<rect
+					x="85"
+					y="53"
+					width="12.5"
+					height="16.5"
+					rx="1.5"
+					fill="none"
+					stroke="rgba(148, 163, 184, 0.16)"
+					strokeWidth="0.35"
+					strokeDasharray="1.6 1.2"
+				/>
+			</svg>
+			{NODES.map((node) => (
+				<span
+					key={node.name}
+					className="pushy-cdn-node"
+					style={{
+						left: `${node.x}%`,
+						top: `${(node.y / VIEW_H) * 100}%`,
+						animationDelay: node.delay,
+					}}
+				/>
+			))}
+		</div>
+	);
+}
+
+export default ChinaDotMap;

site/components/home/CtaBand.tsx

@@ -11,6 +11,9 @@ function CtaBand() {
 						className="absolute inset-0 bg-[radial-gradient(ellipse_100%_120%_at_50%_120%,rgba(79,70,229,0.35),rgba(10,17,32,0.4)_55%,transparent)]"
 						aria-hidden="true"
 					/>
+					<div className="pushy-aurora opacity-50" aria-hidden="true">
+						<div className="pushy-aurora__cyan" />
+					</div>
 					<div className="pushy-noise-layer" aria-hidden="true" />
 					<div
 						className="absolute inset-x-16 top-0 h-px bg-gradient-to-r from-transparent via-blue-400/50 to-transparent"

site/components/home/Page1.tsx

@@ -3,6 +3,7 @@ import type {
 	MouseEvent as ReactMouseEvent,
 	ReactNode,
 } from "react";
+import ChinaDotMap from "./ChinaDotMap";
 
 interface FeatureIconProps {
 	children: ReactNode;
@@ -149,6 +150,7 @@ function Page1() {
 							<p className="mt-3 text-[15px] leading-relaxed text-slate-400">
 								阿里云高速 CDN 全网分发，全国各地客户端秒级拉取，弱网环境也稳定可达。
 							</p>
+							<ChinaDotMap />
 						</div>
 					</div>
 

site/components/home/home.scss

@@ -383,6 +383,30 @@ body:has(.home-wrapper) {
   opacity: 1;
 }
 
+/* ---------- CDN node pulses (ChinaDotMap) ---------- */
+
+.pushy-cdn-node {
+  position: absolute;
+  width: 5px;
+  height: 5px;
+  margin: -2.5px 0 0 -2.5px;
+  border-radius: 9999px;
+  background: #38bdf8;
+  animation: pushy-node-pulse 3s ease-in-out infinite;
+}
+
+@keyframes pushy-node-pulse {
+  0%,
+  100% {
+    opacity: 0.55;
+    box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.45);
+  }
+  50% {
+    opacity: 1;
+    box-shadow: 0 0 0 5px rgba(56, 189, 248, 0);
+  }
+}
+
 /* ---------- Odometer (rolling digits) ---------- */
 
 .pushy-odometer {
@@ -523,6 +547,7 @@ body:has(.home-wrapper) {
   .pushy-progress::after,
   .pushy-float,
   .pushy-live-dot,
+  .pushy-cdn-node,
   .pushy-marquee__track,
   .pushy-caret,
   .pushy-diff-bar,