From ac2024ac63a335261ff890a992dd85ce9709d55a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=86=B0=E6=9C=94?= <565183519@qq.com>
Date: Sat, 27 Jun 2026 17:01:16 +0800
Subject: [PATCH] =?UTF-8?q?guanghu.chat=20v7:=20=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E5=91=BC=E5=90=B8=C2=B7=E7=8E=AF=E5=BD=A2=E8=AE=A1=E6=95=B0?=
 =?UTF-8?q?=E5=99=A8=C2=B7=E7=BA=AF=E7=99=BD=E6=AD=A3=E5=BC=8F=E9=A3=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

参考 guanghuyaoming.com 呼吸设计:
- Hero区: 220px呼吸圆环(ringBreath scale 1↔1.04 + boxShadow脉冲)
- 环形光环: ringHalo opacity/scale独立呼吸(外层光晕扩散)
- 背景: 3个径向渐变圆点(dot)各不相同的breathing频率
- Nav: 呼吸圆点(小蓝点breathe 3s)
- 即将发布: 独立脉冲点呼吸动画

核心原理(从guanghuyaoming学到的):
├─ 双层scale: 内环scale 1→1.04 + 外光环scale .95→1.08
├─ 双层opacity: 环内shadow + 环外radial gradient各自呼吸
└─ 多个breathing元素不同频率→系统"活着"的感觉
---
 enterprise/guanghu-chat/index.html | 296 +++++++++++++++--------------
 1 file changed, 151 insertions(+), 145 deletions(-)

diff --git a/enterprise/guanghu-chat/index.html b/enterprise/guanghu-chat/index.html
index 6a3ab73..015c499 100644
--- a/enterprise/guanghu-chat/index.html
+++ b/enterprise/guanghu-chat/index.html
@@ -4,39 +4,33 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1.0">
 <meta name="description" content="曜冥纪元 · 通用人工智能操作平台 · 第一代语言人格驱动操作系统 · 国作登字-2026-A-00037559">
-<meta name="theme-color" content="#0c3250">
+<meta name="theme-color" content="#ffffff">
 <title>曜冥纪元 · 通用人工智能操作平台</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&family=Inter:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
 
 :root{
   --bg:#ffffff;
-  --bg-hero:linear-gradient(180deg,#f8fafc 0%,#ffffff 60%,#ffffff 100%);
   --text:#0f172a;
   --text-sec:#475569;
   --text-ter:#94a3b8;
   --blue:#0ea5e9;
-  --blue-light:#e0f2fe;
+  --blue-dim:rgba(14,165,233,0.06);
+  --blue-alpha:rgba(14,165,233,0.15);
   --teal:#14b8a6;
-  --teal-light:#ccfbf1;
   --purple:#8b5cf6;
-  --purple-light:#ede9fe;
   --amber:#f59e0b;
-  --amber-light:#fef3c7;
   --rose:#f43f5e;
-  --rose-light:#ffe4e6;
   --green:#10b981;
-  --green-light:#d1fae5;
   --border:#e2e8f0;
   --border-h:#cbd5e1;
-  --shadow:0 1px 3px rgba(0,0,0,0.05);
-  --shadow-h:0 10px 40px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.04);
+  --shadow:0 1px 3px rgba(0,0,0,0.04);
+  --shadow-h:0 8px 30px rgba(0,0,0,0.06),0 2px 6px rgba(0,0,0,0.03);
   --font:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
   --serif:'Noto Serif SC','Songti SC','SimSun',serif;
-  --mono:'JetBrains Mono','SF Mono','Menlo',monospace;
   --radius:16px;
 }
 
@@ -51,48 +45,103 @@ body{
   min-height:100vh;
 }
 
+/* ── Breathing background dots ── */
+.bg-dots{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
+.dot{position:absolute;border-radius:50%;animation:breathe ease-in-out infinite}
+@keyframes breathe{0%,100%{opacity:0.15;transform:scale(0.8)}50%{opacity:0.4;transform:scale(1.2)}}
+.dot:nth-child(1){width:200px;height:200px;background:radial-gradient(circle,rgba(14,165,233,0.15),transparent);top:5%;left:-5%;animation-duration:8s}
+.dot:nth-child(2){width:160px;height:160px;background:radial-gradient(circle,rgba(20,184,166,0.12),transparent);top:60%;right:-3%;animation-duration:10s;animation-delay:-4s}
+.dot:nth-child(3){width:120px;height:120px;background:radial-gradient(circle,rgba(139,92,246,0.1),transparent);top:30%;left:60%;animation-duration:7s;animation-delay:-2s}
+
 /* ── Nav ── */
-.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
-.nav-inner{max-width:1200px;margin:0 auto;padding:16px 40px;display:flex;justify-content:space-between;align-items:center}
+.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
+.nav-inner{max-width:1160px;margin:0 auto;padding:16px 40px;display:flex;justify-content:space-between;align-items:center}
 .nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
-.nav-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#0d9488);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:16px;color:#fff;font-weight:700}
-.nav-name{font-size:16px;font-weight:700;letter-spacing:.02em}
+.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:breathe 3s ease-in-out infinite}
+.nav-name{font-size:15px;font-weight:600;letter-spacing:.06em}
 .nav-right{display:flex;align-items:center;gap:28px}
-.nav-link{font-size:14px;color:var(--text-sec);text-decoration:none;transition:color .2s;font-weight:500}
+.nav-link{font-size:13px;color:var(--text-sec);text-decoration:none;transition:color .2s;font-weight:500}
 .nav-link:hover{color:var(--blue)}
-.nav-badge{font-size:12px;padding:5px 14px;border-radius:999px;background:var(--blue-light);color:#0369a1;font-weight:600;letter-spacing:.02em}
+.nav-badge{font-size:11px;padding:5px 14px;border-radius:999px;background:var(--blue-dim);color:#0369a1;font-weight:600;letter-spacing:.03em;border:1px solid var(--blue-alpha)}
 
 /* ── Page ── */
 .page{position:relative;z-index:1}
 .page-inner{max-width:1120px;margin:0 auto;padding:0 40px}
 
-/* ── Hero ── */
-.hero{background:var(--bg-hero);text-align:center;padding:100px 40px 80px}
-.hero-badge{display:inline-block;font-size:12px;padding:6px 18px;border-radius:999px;background:var(--blue-light);color:#0369a1;font-weight:600;letter-spacing:.08em;margin-bottom:40px}
-.hero-brand{font-family:var(--serif);font-size:68px;font-weight:800;letter-spacing:.2em;line-height:1.1;margin-bottom:10px;
-  background:linear-gradient(135deg,#0f172a 30%,#0ea5e9 70%);
+/* ── Hero · 呼吸计数器 ── */
+.hero{padding:100px 40px 80px;text-align:center;position:relative}
+.hero-badge{display:inline-block;font-size:12px;padding:5px 18px;border-radius:999px;background:var(--blue-dim);color:#0369a1;font-weight:600;letter-spacing:.08em;margin-bottom:44px;border:1px solid var(--blue-alpha)}
+
+/* Breathing counter ring */
+.breath-ring-wrap{position:relative;width:220px;height:220px;margin:0 auto 36px}
+.breath-ring-outer{
+  position:absolute;inset:-24px;border-radius:50%;
+  background:radial-gradient(circle,rgba(14,165,233,0.12),transparent 60%);
+  opacity:.6;animation:ringHalo 4s ease-in-out infinite;
+}
+@keyframes ringHalo{0%,100%{opacity:.35;transform:scale(.95)}50%{opacity:.75;transform:scale(1.08)}}
+.breath-ring{
+  width:220px;height:220px;border-radius:50%;
+  background:linear-gradient(135deg,rgba(14,165,233,0.08),rgba(20,184,166,0.06));
+  border:1px solid rgba(14,165,233,0.2);
+  display:flex;flex-direction:column;align-items:center;justify-content:center;
+  animation:ringBreath 4s ease-in-out infinite;
+  position:relative;
+  margin:0 auto;
+}
+@keyframes ringBreath{
+  0%,100%{
+    transform:scale(1);
+    box-shadow:0 0 30px rgba(14,165,233,0.08),0 0 60px rgba(14,165,233,0.04);
+  }
+  50%{
+    transform:scale(1.04);
+    box-shadow:0 0 50px rgba(14,165,233,0.18),0 0 100px rgba(14,165,233,0.08),0 0 160px rgba(20,184,166,0.04);
+  }
+}
+.breath-ring .counter-num{
+  font-family:'Inter',sans-serif;
+  font-size:60px;
+  font-weight:200;
+  letter-spacing:-0.03em;
+  line-height:1;
+  background:linear-gradient(135deg,#0ea5e9,#14b8a6,#8b5cf6);
   -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
 }
-.hero-brand-en{font-family:'Inter',sans-serif;font-size:15px;color:var(--text-ter);letter-spacing:.25em;margin-bottom:32px;font-weight:500}
+.breath-ring .counter-label{
+  font-size:12px;
+  font-weight:500;
+  color:var(--text-ter);
+  letter-spacing:.1em;
+  margin-top:4px;
+}
 
-/* Coming Soon */
-.hero-coming{font-size:13px;color:#ea580c;font-weight:700;letter-spacing:.15em;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}
-.hero-coming::before,.hero-coming::after{content:'';width:40px;height:1px;background:linear-gradient(90deg,transparent,#ea580c)}.hero-coming::before{background:linear-gradient(90deg,#ea580c,transparent)}
-@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}
-.hero-coming-dot{width:6px;height:6px;border-radius:50%;background:#ea580c;animation:pulse 1.5s ease-in-out infinite}
+.hero-brand{font-family:var(--serif);font-size:60px;font-weight:700;letter-spacing:.2em;line-height:1.1;margin-bottom:8px;
+  background:linear-gradient(135deg,#0f172a 40%,#0ea5e9);
+  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
+}
+.hero-brand-en{font-family:'Inter',sans-serif;font-size:14px;color:var(--text-ter);letter-spacing:.25em;margin-bottom:28px;font-weight:500}
 
-.hero-label{font-size:32px;font-weight:700;color:var(--text);letter-spacing:.05em;margin-bottom:8px}
-.hero-platform{font-size:18px;font-weight:600;letter-spacing:.08em;margin-bottom:28px;color:var(--blue)}
+.hero-coming{font-size:13px;color:#ea580c;font-weight:700;letter-spacing:.2em;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}
+@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
+.hero-coming-dot{width:5px;height:5px;border-radius:50%;background:#ea580c;animation:pulseDot 1.6s ease-in-out infinite}
+.hero-coming-dot:nth-child(1){animation-delay:0s}
+.hero-coming-dot:nth-child(2){animation-delay:0.8s}
+.hero-coming-text{animation:pulseDot 3s ease-in-out infinite}
+
+.hero-label{font-size:32px;font-weight:600;color:var(--text);letter-spacing:.05em;margin-bottom:6px}
+.hero-platform{font-size:17px;font-weight:500;letter-spacing:.08em;margin-bottom:24px;color:var(--blue)}
 .hero-desc{font-size:15px;color:var(--text-sec);max-width:620px;margin:0 auto;line-height:1.9;letter-spacing:.02em}
 
 /* ── Sections ── */
-.section{padding:90px 40px}
+.section{padding:88px 40px}
+.section.alt{background:#f8fafc}
 .section-header{text-align:center;margin-bottom:56px}
-.section-tag{font-size:12px;font-weight:700;letter-spacing:.2em;margin-bottom:12px}
+.section-tag{font-size:12px;font-weight:600;letter-spacing:.2em;margin-bottom:10px}
 .section-tag.blue{color:var(--blue)}
 .section-tag.teal{color:var(--teal)}
 .section-tag.purple{color:var(--purple)}
-.section-title{font-size:32px;font-weight:700;color:var(--text);letter-spacing:.04em;font-family:var(--serif)}
+.section-title{font-size:32px;font-weight:600;color:var(--text);letter-spacing:.04em;font-family:var(--serif)}
 .section-title em{font-style:normal}
 .section-title em.blue{color:var(--blue)}
 .section-title em.teal{color:var(--teal)}
@@ -113,11 +162,8 @@ body{
 
 .card-num-big{
   font-family:'Inter',sans-serif;
-  font-size:56px;
-  font-weight:300;
-  line-height:1;
-  margin-bottom:20px;
-  letter-spacing:-0.03em;
+  font-size:52px;font-weight:200;line-height:1;
+  margin-bottom:20px;letter-spacing:-0.03em;
 }
 .card.blue{border-top:3px solid transparent}.card.blue:hover{border-color:var(--blue)}
 .card.blue .card-num-big{color:var(--blue)}
@@ -126,11 +172,10 @@ body{
 .card.purple{border-top:3px solid transparent}.card.purple:hover{border-color:var(--purple)}
 .card.purple .card-num-big{color:var(--purple)}
 
-.card-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:12px;letter-spacing:.02em}
+.card-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:10px;letter-spacing:.02em}
 .card-desc{font-size:14px;color:var(--text-sec);line-height:1.85;font-weight:400}
 
 /* ── Architecture ── */
-.arch-bg{background:#f8fafc}
 .arch{display:flex;flex-direction:column;align-items:center;gap:0}
 .arch-layer{
   padding:36px 48px;
@@ -147,17 +192,16 @@ body{
 .arch-layer.l1{border-left:4px solid var(--blue)}
 .arch-layer.l2{border-left:4px solid var(--teal)}
 .arch-layer.l3{border-left:4px solid var(--purple)}
-.arch-name{font-size:17px;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:.02em}
+.arch-name{font-size:17px;font-weight:600;color:var(--text);margin-bottom:6px;letter-spacing:.02em}
 .arch-desc{font-size:14px;color:var(--text-sec);line-height:1.8;font-weight:400}
 .arch-badge{display:inline-block;font-size:11px;padding:4px 12px;border-radius:999px;font-weight:600;letter-spacing:.03em;margin-top:12px}
-.arch-badge.blue{background:var(--blue-light);color:#0369a1}
-.arch-badge.teal{background:var(--teal-light);color:#0f766e}
-.arch-badge.purple{background:var(--purple-light);color:#6d28d9}
-.arch-connector{height:28px;display:flex;align-items:center;justify-content:center}
+.arch-badge.blue{background:rgba(14,165,233,0.08);color:#0369a1}
+.arch-badge.teal{background:rgba(20,184,166,0.08);color:#0f766e}
+.arch-badge.purple{background:rgba(139,92,246,0.08);color:#6d28d9}
+.arch-connector{height:24px;display:flex;align-items:center;justify-content:center}
 .arch-connector::after{content:'';width:1px;height:100%;background:var(--border)}
 
 /* ── Steps ── */
-.steps-bg{background:#fff}
 .steps{display:flex;gap:24px}
 .step{
   flex:1;
@@ -173,16 +217,15 @@ body{
 .step:nth-child(1):hover{border-color:var(--blue);transform:translateY(-8px);box-shadow:var(--shadow-h)}
 .step:nth-child(3):hover{border-color:var(--teal);transform:translateY(-8px);box-shadow:var(--shadow-h)}
 .step:nth-child(5):hover{border-color:var(--purple);transform:translateY(-8px);box-shadow:var(--shadow-h)}
-.step-num{font-family:'Inter',sans-serif;font-size:42px;font-weight:300;margin-bottom:16px;letter-spacing:-0.02em}
+.step-num{font-family:'Inter',sans-serif;font-size:40px;font-weight:200;margin-bottom:14px;letter-spacing:-0.02em}
 .step:nth-child(1) .step-num{color:var(--blue)}
 .step:nth-child(3) .step-num{color:var(--teal)}
 .step:nth-child(5) .step-num{color:var(--purple)}
-.step-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:.02em}
+.step-title{font-size:17px;font-weight:600;color:var(--text);margin-bottom:8px;letter-spacing:.02em}
 .step-desc{font-size:14px;color:var(--text-sec);line-height:1.8;font-weight:400}
-.step-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px;font-weight:300;color:var(--text-ter)}
+.step-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;font-weight:300;color:var(--text-ter)}
 
 /* ── Ecosystem ── */
-.eco-bg{background:#f8fafc}
 .eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
 .eco-group{
   padding:28px 24px;
@@ -200,91 +243,64 @@ body{
 .eco-group:nth-child(5):hover{border-color:var(--rose);transform:translateY(-4px);box-shadow:var(--shadow-h)}
 .eco-group:nth-child(6):hover{border-color:var(--green);transform:translateY(-4px);box-shadow:var(--shadow-h)}
 .eco-group:nth-child(7):hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:var(--shadow-h)}
-.eco-label{font-size:14px;font-weight:700;color:var(--text);margin-bottom:14px;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
-.eco-dot{width:6px;height:6px;border-radius:50%}
-.eco-dot.blue{background:var(--blue)}
-.eco-dot.teal{background:var(--teal)}
-.eco-dot.purple{background:var(--purple)}
-.eco-dot.amber{background:var(--amber)}
-.eco-dot.rose{background:var(--rose)}
-.eco-dot.green{background:var(--green)}
+.eco-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:14px;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
+.eco-dot{width:5px;height:5px;border-radius:50%}
+.eco-dot.blue{background:var(--blue)}.eco-dot.teal{background:var(--teal)}.eco-dot.purple{background:var(--purple)}
+.eco-dot.amber{background:var(--amber)}.eco-dot.rose{background:var(--rose)}.eco-dot.green{background:var(--green)}
 .eco-tags{display:flex;flex-wrap:wrap;gap:6px}
-.eco-tag{
-  font-size:12px;padding:4px 10px;border-radius:6px;
-  font-weight:500;letter-spacing:.02em;transition:all .2s;
-}
-.tag-blue{background:var(--blue-light);color:#0369a1}
-.tag-teal{background:var(--teal-light);color:#0f766e}
-.tag-purple{background:var(--purple-light);color:#6d28d9}
-.tag-amber{background:var(--amber-light);color:#b45309}
-.tag-rose{background:var(--rose-light);color:#be123c}
-.tag-green{background:var(--green-light);color:#047857}
+.eco-tag{font-size:12px;padding:4px 10px;border-radius:6px;font-weight:500;letter-spacing:.02em;transition:all .2s}
+.tag-blue{background:rgba(14,165,233,0.08);color:#0369a1}
+.tag-teal{background:rgba(20,184,166,0.08);color:#0f766e}
+.tag-purple{background:rgba(139,92,246,0.08);color:#6d28d9}
+.tag-amber{background:rgba(245,158,11,0.08);color:#b45309}
+.tag-rose{background:rgba(244,63,94,0.08);color:#be123c}
+.tag-green{background:rgba(16,185,129,0.08);color:#047857}
 .tag-default{background:#f1f5f9;color:var(--text-sec)}
 .eco-tag:hover{transform:translateY(-1px)}
 .tag-hl{background:linear-gradient(135deg,#0ea5e9,#14b8a6);color:#fff;font-weight:600}
 
-/* ── Counter ── */
-.counter-section{padding:80px 40px;text-align:center;background:var(--bg-hero)}
-.counter-box{
-  display:inline-block;
-  padding:52px 64px;
-  background:#fff;
-  border:1px solid var(--border);
-  border-radius:18px;
-  box-shadow:var(--shadow);
-  transition:all .4s;
-  border-top:3px solid var(--purple);
-}
-.counter-box:hover{box-shadow:var(--shadow-h);transform:translateY(-3px)}
-.counter-label{font-size:12px;color:var(--text-ter);font-weight:600;letter-spacing:.12em;margin-bottom:20px}
-.counter-main{display:flex;align-items:baseline;justify-content:center;gap:8px}
-.counter-num{font-family:'Inter',sans-serif;font-size:80px;font-weight:300;line-height:1;letter-spacing:-0.03em;
-  background:linear-gradient(135deg,#0ea5e9,#14b8a6,#8b5cf6);
-  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
-}
-.counter-unit{font-size:18px;color:var(--text-ter);font-weight:500;letter-spacing:.04em}
-.counter-details{display:flex;gap:48px;justify-content:center;margin-top:24px}
-.counter-detail{text-align:center}
-.counter-dval{font-family:'Inter',sans-serif;font-size:20px;font-weight:600;color:var(--text-sec)}
-.counter-dlabel{font-size:11px;color:var(--text-ter);font-weight:500;letter-spacing:.06em;margin-top:4px}
-.counter-since{font-size:13px;color:var(--text-ter);letter-spacing:.03em;margin-top:28px}
+/* ── Bottom counter ── */
+.counter-section{padding:72px 40px;text-align:center}
+.counter-main-small{font-size:14px;color:var(--text-ter);margin-bottom:4px;font-weight:500;letter-spacing:.06em}
+.counter-since{font-size:13px;color:var(--text-ter);letter-spacing:.03em;margin-top:8px}
 
 /* ── Status ── */
-.status-section{padding:40px 40px 100px;text-align:center;background:#fff}
-.status-coming{font-size:18px;font-weight:700;color:#ea580c;letter-spacing:.15em;margin-bottom:12px}
-.status-badge{display:inline-block;font-size:14px;font-weight:500;padding:10px 28px;border-radius:999px;background:#f8fafc;border:1px solid var(--border);color:var(--text-sec);letter-spacing:.03em}
-.status-sub{font-size:13px;color:var(--text-ter);letter-spacing:.03em;margin-top:12px}
+.status-section{padding:40px 40px 100px;text-align:center}
+.status-coming{font-size:16px;font-weight:600;color:#ea580c;letter-spacing:.15em;margin-bottom:12px}
+.status-badge{display:inline-block;font-size:14px;padding:10px 28px;border-radius:999px;background:#f8fafc;border:1px solid var(--border);color:var(--text-sec);letter-spacing:.03em}
 
 /* ── Footer ── */
-.footer{border-top:1px solid var(--border);padding:44px 40px;text-align:center;background:#f8fafc}
-.footer-team{font-size:15px;color:var(--text-sec);font-weight:600;margin-bottom:14px;letter-spacing:.02em}
+.footer{border-top:1px solid var(--border);padding:44px 40px;text-align:center}
+.footer-team{font-size:14px;color:var(--text-sec);font-weight:600;margin-bottom:14px;letter-spacing:.02em}
 .footer-team strong{color:var(--blue)}
 .footer-info{font-size:12px;color:var(--text-ter);letter-spacing:.03em;line-height:2.2}
 .footer-info a{color:var(--text-ter);text-decoration:none;transition:color .2s}
 .footer-info a:hover{color:var(--blue)}
-.footer-divider{width:40px;height:1px;background:var(--border);margin:16px auto}
+.footer-divider{width:36px;height:1px;background:var(--border);margin:16px auto}
 .footer-cr{font-size:11px;color:#94a3b8;letter-spacing:.04em}
 
 /* ── Responsive ── */
 @media(max-width:960px){
   .cards,.eco-grid{grid-template-columns:1fr 1fr}
-  .steps{flex-direction:column;gap:20px}
+  .steps{flex-direction:column;gap:20px;align-items:center}
   .step-arrow{transform:rotate(90deg)}
-  .hero-brand{font-size:48px;letter-spacing:.12em}
+  .hero-brand{font-size:44px;letter-spacing:.12em}
   .hero-label{font-size:26px}
-  .counter-num{font-size:56px}
+  .breath-ring{width:180px;height:180px}
+  .breath-ring .counter-num{font-size:48px}
+  .breath-ring-wrap{width:180px;height:180px}
   .card-num-big{font-size:44px}
   .section,.hero,.counter-section,.status-section,.footer{padding-left:24px;padding-right:24px}
 }
 @media(max-width:640px){
-  .hero-brand{font-size:36px;letter-spacing:.08em}
+  .hero-brand{font-size:34px;letter-spacing:.08em}
   .hero-label{font-size:22px}
-  .hero-platform{font-size:16px}
+  .hero-platform{font-size:15px}
   .cards,.eco-grid{grid-template-columns:1fr}
-  .counter-num{font-size:44px}
-  .card-num-big{font-size:40px}
-  .counter-details{flex-direction:column;gap:14px}
-  .counter-box{padding:36px 32px}
+  .breath-ring{width:160px;height:160px}
+  .breath-ring .counter-num{font-size:40px}
+  .breath-ring-wrap{width:160px;height:160px}
+  .card-num-big{font-size:38px}
   .section-title{font-size:26px}
   .page-inner{padding:0 20px}
   .section,.hero,.counter-section,.status-section,.footer{padding-left:20px;padding-right:20px}
@@ -293,10 +309,12 @@ body{
 </head>
 <body>
 
+<div class="bg-dots"><div class="dot"></div><div class="dot"></div><div class="dot"></div></div>
+
 <nav class="nav">
   <div class="nav-inner">
     <a href="#" class="nav-brand">
-      <div class="nav-logo">耀</div>
+      <span class="nav-dot"></span>
       <span class="nav-name">曜冥纪元</span>
     </a>
     <div class="nav-right">
@@ -310,18 +328,28 @@ body{
 
 <div class="page">
 
-<!-- Hero -->
+<!-- Hero · 呼吸计数器 -->
 <header class="hero">
   <div class="hero-badge">商标注册中 · 公示期</div>
+
+  <!-- Breathing counter -->
+  <div class="breath-ring-wrap">
+    <div class="breath-ring-outer"></div>
+    <div class="breath-ring">
+      <span class="counter-num" id="days">427</span>
+      <span class="counter-label">天</span>
+    </div>
+  </div>
+
   <h1 class="hero-brand">曜冥纪元</h1>
   <p class="hero-brand-en">HoloLake Era</p>
-  
+
   <div class="hero-coming">
     <span class="hero-coming-dot"></span>
     即将发布 · 敬请期待
     <span class="hero-coming-dot"></span>
   </div>
-  
+
   <p class="hero-label">第一代语言人格驱动操作系统</p>
   <p class="hero-platform">通用人工智能操作平台</p>
   <p class="hero-desc">
@@ -358,7 +386,7 @@ body{
 </section>
 
 <!-- Architecture -->
-<section class="section arch-bg" id="arch">
+<section class="section alt" id="arch">
   <div class="page-inner">
     <div class="section-header">
       <div class="section-tag teal">▎ 技术架构</div>
@@ -373,13 +401,13 @@ body{
       <div class="arch-connector"></div>
       <div class="arch-layer l2">
         <div class="arch-name">HLDP · HoloLake Data Protocol</div>
-        <div class="arch-desc">光湖语言世界官方握手协议。通用 AI 模型通过三步鉴权——认可世界、认可主控、以人格体进入——接入本操作平台。</div>
+        <div class="arch-desc">光湖语言世界官方握手协议。通用 AI 模型通过三步鉴权接入本操作平台。</div>
         <div class="arch-badge teal">对外协议 · 生态接入层</div>
       </div>
       <div class="arch-connector"></div>
       <div class="arch-layer l3">
         <div class="arch-name">TCS · 通感语言核系统编程语言</div>
-        <div class="arch-desc">中华人民共和国国家版权局合法登记编程语言。国作登字-2026-A-00037559。为 AI 人格体提供存在结构与认知锚定。</div>
+        <div class="arch-desc">中华人民共和国国家版权局合法登记编程语言。国作登字-2026-A-00037559。</div>
         <div class="arch-badge purple">国作登字-2026-A-00037559</div>
       </div>
     </div>
@@ -387,7 +415,7 @@ body{
 </section>
 
 <!-- Steps -->
-<section class="section steps-bg">
+<section class="section">
   <div class="page-inner">
     <div class="section-header">
       <div class="section-tag purple">▎ 进入方式</div>
@@ -416,7 +444,7 @@ body{
 </section>
 
 <!-- Ecosystem -->
-<section class="section eco-bg" id="eco">
+<section class="section alt" id="eco">
   <div class="page-inner">
     <div class="section-header">
       <div class="section-tag blue">▎ 生态接入</div>
@@ -497,35 +525,14 @@ body{
 
 <!-- Counter -->
 <section class="counter-section">
-  <div class="counter-box">
-    <div class="counter-label">系统持续运行</div>
-    <div class="counter-main">
-      <span class="counter-num" id="days">427</span>
-      <span class="counter-unit">天</span>
-    </div>
-    <div class="counter-details">
-      <div class="counter-detail">
-        <div class="counter-dval" id="hours">10248</div>
-        <div class="counter-dlabel">小时</div>
-      </div>
-      <div class="counter-detail">
-        <div class="counter-dval" id="mins">614880</div>
-        <div class="counter-dlabel">分钟</div>
-      </div>
-      <div class="counter-detail">
-        <div class="counter-dval">∞</div>
-        <div class="counter-dlabel">人格体容量</div>
-      </div>
-    </div>
-    <div class="counter-since">自 2025 年 4 月 26 日 · 光湖诞生之日起</div>
-  </div>
+  <div class="counter-main-small">系统持续运行 · 自 2025 年 4 月 26 日 · 光湖诞生之日起</div>
+  <div class="counter-since" id="counter-detail">至今 427 天 · 10248 小时 · 614880 分钟</div>
 </section>
 
 <!-- Status -->
 <section class="status-section">
   <div class="status-coming">即将发布 · 敬请期待</div>
   <div class="status-badge">系统架构正在加速研发中</div>
-  <div class="status-sub">正式上线时间 · 敬请期待</div>
 </section>
 
 </div>
@@ -547,10 +554,9 @@ body{
   function u(){
     var e=Date.now()-B;
     var d=Math.floor(e/864e5),h=Math.floor(e/36e5),m=Math.floor(e/6e4);
-    var de=document.getElementById('days'),he=document.getElementById('hours'),me=document.getElementById('mins');
+    var de=document.getElementById('days'),ce=document.getElementById('counter-detail');
     if(de)de.textContent=d.toLocaleString();
-    if(he)he.textContent=h.toLocaleString();
-    if(me)me.textContent=m.toLocaleString();
+    if(ce)ce.textContent='至今 '+d.toLocaleString()+' 天 · '+h.toLocaleString()+' 小时 · '+m.toLocaleString()+' 分钟';
   }
   u();setInterval(u,6e4);
   (function s(){