From 0b6e1c75e7b7d52f2af616f3f250461be87a01d9 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:08:00 +0800
Subject: [PATCH] =?UTF-8?q?guanghu.chat=20v9:=2080px=E5=A4=A7=E5=AD=97"?=
 =?UTF-8?q?=E5=8D=B3=E5=B0=86=E5=8F=91=E5=B8=83"+srv-card=E5=8F=8D?=
 =?UTF-8?q?=E5=85=89=E7=8E=BB=E7=92=83=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

冰朔要求修正:
- 圆环已删除
- "即 将 发 布"80px青紫渐变大字+呼吸动画(核心视觉锚点)
- "敬请期待"36px金色呼吸文字
- 卡片: srv-card反光风格(::before顶部渐变线常显+.::after底部光晕hover淡入)
- 所有卡片backdrop-filter blur玻璃态
- 底部: 系统运行天数小字计数器
---
 enterprise/guanghu-chat/index.html | 547 ++++++++++++-----------------
 1 file changed, 219 insertions(+), 328 deletions(-)

diff --git a/enterprise/guanghu-chat/index.html b/enterprise/guanghu-chat/index.html
index 9a378c3..a3b012b 100644
--- a/enterprise/guanghu-chat/index.html
+++ b/enterprise/guanghu-chat/index.html
@@ -8,14 +8,15 @@
 <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@300;400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&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;800&family=Noto+Serif+SC:wght@400;500;600;700;800&family=Inter:wght@200;300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
 
 :root{
   --bg:#060a14;
-  --card-bg:rgba(14,20,48,0.55);
-  --card-hover:rgba(14,20,48,0.7);
+  --card:rgba(14,20,48,0.55);
+  --card-border:rgba(96,165,250,0.1);
+  --card-hover:rgba(96,165,250,0.18);
   --text:#eaf0ff;
   --dim:#94a7d0;
   --muted:rgba(120,150,200,0.4);
@@ -24,29 +25,16 @@
   --purple:#a78bfa;
   --gold:#d4a574;
   --border:rgba(96,165,250,0.1);
-  --border-h:rgba(96,165,250,0.25);
   --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',monospace;
 }
 
 html{font-size:16px;scroll-behavior:smooth;background:var(--bg)}
-body{
-  font-family:var(--font);
-  background:var(--bg);
-  color:var(--text);
-  -webkit-font-smoothing:antialiased;
-  line-height:1.75;
-  overflow-x:hidden;
-  min-height:100vh;
-}
+body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.75;overflow-x:hidden;min-height:100vh}
 
-/* Cosmos */
 .cosmos{position:fixed;inset:0;z-index:0;pointer-events:none}
-.cosmos-grad{position:absolute;inset:0;
-  background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(40,60,120,0.35),transparent 50%),
-             radial-gradient(ellipse 60% 40% at 80% 80%,rgba(25,45,90,0.25),transparent 50%),
-             var(--bg);}
+.cosmos-grad{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(40,60,120,0.35),transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(25,45,90,0.25),transparent 50%),var(--bg)}
 .stars{position:fixed;inset:0;z-index:0;pointer-events:none}
 .star{position:absolute;background:#fff;border-radius:50%;animation:twinkle ease-in-out infinite}
 @keyframes twinkle{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}
@@ -64,185 +52,192 @@ body{
 .nav-badge{font-size:11px;padding:5px 14px;border-radius:999px;background:rgba(34,211,238,0.06);border:1px solid rgba(34,211,238,0.15);color:var(--cyan);font-weight:600;letter-spacing:.03em}
 
 /* Page */
-.page{position:relative;z-index:1}
-.page-inner{max-width:1120px;margin:0 auto;padding:0 40px}
+.page{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 40px}
 
-/* Hero */
-.hero{text-align:center;padding:90px 40px 72px}
-.hero-badge{display:inline-block;font-size:12px;padding:5px 18px;border-radius:999px;background:rgba(34,211,238,0.05);border:1px solid rgba(34,211,238,0.12);color:var(--cyan);font-weight:600;letter-spacing:.08em;margin-bottom:40px}
+/* ── Hero ── */
+.hero{text-align:center;padding:100px 0 72px}
+.hero-badge{display:inline-block;font-size:11px;padding:4px 16px;border-radius:999px;background:rgba(34,211,238,0.05);border:1px solid rgba(34,211,238,0.12);color:var(--cyan);font-weight:600;letter-spacing:.08em;margin-bottom:32px}
+.hero-brand{font-family:var(--serif);font-size:22px;font-weight:500;color:var(--dim);letter-spacing:.25em;margin-bottom:6px}
+.hero-brand-en{font-family:'Inter',sans-serif;font-size:12px;color:var(--muted);letter-spacing:.25em;margin-bottom:48px;font-weight:400}
 
-/* Breathing ring */
-.breath-ring-wrap{position:relative;width:200px;height:200px;margin:0 auto 40px}
-.breath-ring-outer{position:absolute;inset:-24px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,0.12),transparent 60%);opacity:.5;animation:ringHalo 5s ease-in-out infinite}
-@keyframes ringHalo{0%,100%{opacity:.3;transform:scale(.95)}50%{opacity:.7;transform:scale(1.08)}}
-.breath-ring{
-  width:200px;height:200px;border-radius:50%;
-  background:rgba(14,20,48,0.5);
-  border:1px solid rgba(34,211,238,0.25);
-  display:flex;flex-direction:column;align-items:center;justify-content:center;
-  animation:ringBreath 5s ease-in-out infinite;
-  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
-  position:relative;margin:0 auto;
-}
-@keyframes ringBreath{
-  0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(34,211,238,0.1),0 0 40px rgba(34,211,238,0.05)}
-  50%{transform:scale(1.04);box-shadow:0 0 40px rgba(34,211,238,0.2),0 0 80px rgba(167,139,250,0.08),0 0 120px rgba(34,211,238,0.04)}
-}
-.breath-ring .counter-num{
-  font-family:'Inter',sans-serif;font-size:56px;font-weight:300;line-height:1;letter-spacing:-.02em;
-  background:linear-gradient(135deg,#22d3ee,#a78bfa);
+/* ── COMING SOON · 核心大字 ── */
+.hero-coming-wrap{padding:40px 0 48px}
+.hero-coming{
+  font-family:var(--serif);
+  font-size:80px;
+  font-weight:800;
+  letter-spacing:.4em;
+  margin-bottom:16px;
+  background:linear-gradient(135deg,#eaf0ff 20%,#22d3ee 50%,#a78bfa 80%);
   -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
+  line-height:1.2;
+  animation:comingBreathe 5s ease-in-out infinite;
 }
-.breath-ring .counter-label{font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:4px;font-family:var(--mono);text-transform:uppercase}
-
-.hero-brand{font-family:var(--serif);font-size:58px;font-weight:600;letter-spacing:.25em;line-height:1.1;margin-bottom:8px;
-  background:linear-gradient(135deg,#eaf0ff 30%,#22d3ee 60%,#a78bfa);
-  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
+@keyframes comingBreathe{
+  0%,100%{filter:brightness(0.85)}
+  50%{filter:brightness(1.15)}
+}
+.hero-coming-sub{
+  font-family:var(--serif);
+  font-size:36px;
+  font-weight:600;
+  letter-spacing:.3em;
+  color:var(--gold);
+  animation:subBreathe 6s ease-in-out infinite;
+}
+@keyframes subBreathe{
+  0%,100%{opacity:.55}
+  50%{opacity:.95}
 }
-.hero-brand-en{font-family:'Inter',sans-serif;font-size:14px;color:var(--muted);letter-spacing:.3em;margin-bottom:28px;font-weight:500}
 
-.hero-coming{font-size:13px;color:var(--gold);font-weight:600;letter-spacing:.2em;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}
-.hero-coming-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:dotPulse 1.6s ease-in-out infinite}
-.hero-coming-dot:nth-child(1){animation-delay:0s}.hero-coming-dot:nth-child(2){animation-delay:.8s}
-@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
+.hero-divider{width:1px;height:48px;background:linear-gradient(transparent,rgba(34,211,238,0.3),rgba(167,139,250,0.2),transparent);margin:36px auto}
 
-.hero-label{font-size:30px;font-weight:500;color:var(--text);letter-spacing:.06em;margin-bottom:6px}
-.hero-platform{font-size:17px;font-weight:500;letter-spacing:.1em;margin-bottom:24px;color:var(--cyan)}
-.hero-desc{font-size:15px;color:var(--dim);max-width:620px;margin:0 auto;line-height:1.9;letter-spacing:.02em;font-weight:300}
+.hero-label{font-size:20px;font-weight:500;color:var(--text);letter-spacing:.08em;margin-bottom:6px}
+.hero-platform{font-size:15px;font-weight:400;letter-spacing:.1em;margin-bottom:20px;color:var(--cyan)}
+.hero-desc{font-size:14px;color:var(--dim);max-width:620px;margin:0 auto;line-height:1.9;font-weight:300}
 
-/* Sections */
-.section{padding:88px 40px}
+.hero-counter{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:32px;letter-spacing:.08em}
+
+/* ── Sections ── */
+.section{padding:88px 0}
 .section-header{text-align:center;margin-bottom:56px}
 .section-tag{font-size:10px;font-weight:700;letter-spacing:.2em;margin-bottom:12px;font-family:var(--mono);text-transform:uppercase}
 .section-tag.cyan{color:var(--cyan)}.section-tag.purple{color:var(--purple)}.section-tag.blue{color:var(--blue)}
-.section-title{font-size:30px;font-weight:500;color:var(--text);letter-spacing:.06em;font-family:var(--serif)}
+.section-title{font-size:28px;font-weight:500;color:var(--text);letter-spacing:.06em;font-family:var(--serif)}
 .section-title em{font-style:normal}
 .section-title em.cyan{color:var(--cyan)}.section-title em.purple{color:var(--purple)}
 
-/* ── Cards (glass) ── */
+/* ── Glass Card · srv-card 反光风格 ── */
 .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
-.glass-card{
-  padding:36px 30px;border-radius:16px;
-  background:rgba(14,20,48,0.45);
-  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
-  border:1px solid var(--border);
+.gcard{
+  padding:36px 28px;border-radius:14px;
+  background:var(--card);
+  border:1px solid var(--card-border);
   text-align:center;
   transition:all .4s cubic-bezier(.4,0,.2,1);
   position:relative;overflow:hidden;
+  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 }
-.glass-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none;
-  background:radial-gradient(circle at 50% 0%,rgba(34,211,238,0.15),transparent 60%);}
-.glass-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;
-  background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);opacity:0;transition:opacity .4s;}
-.glass-card:hover{transform:translateY(-6px);border-color:var(--border-h);
-  box-shadow:0 12px 40px rgba(34,211,238,0.12),0 0 60px rgba(167,139,250,0.06);}
-.glass-card:hover::before{opacity:1}
-.glass-card:hover::after{opacity:.6}
+/* 顶部渐变线 · 常显 */
+.gcard::before{
+  content:'';position:absolute;top:0;left:0;right:0;height:2px;
+  background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);
+  opacity:.2;transition:opacity .4s;
+}
+/* 底部光晕 · hover淡入 */
+.gcard::after{
+  content:'';position:absolute;bottom:-20%;left:50%;transform:translateX(-50%);
+  width:80%;height:50%;border-radius:50%;pointer-events:none;
+  background:radial-gradient(ellipse,rgba(34,211,238,0.06),transparent 70%);
+  opacity:0;transition:opacity .5s;
+}
+.gcard:hover{transform:translateY(-6px);border-color:var(--card-hover);
+  box-shadow:0 12px 40px rgba(34,211,238,0.08),0 0 60px rgba(167,139,250,0.04);}
+.gcard:hover::before{opacity:.5}
+.gcard:hover::after{opacity:1}
 
-.card-num{font-family:'Inter',sans-serif;font-size:48px;font-weight:300;line-height:1;margin-bottom:18px;letter-spacing:-.02em}
-.card-num.cyan{color:var(--cyan)}.card-num.purple{color:var(--purple)}.card-num.blue{color:var(--blue)}
-.card-title{font-size:17px;font-weight:500;color:var(--text);margin-bottom:10px;letter-spacing:.03em}
-.card-desc{font-size:14px;color:var(--dim);line-height:1.85;font-weight:300}
+.card-num{font-family:'Inter',sans-serif;font-size:44px;font-weight:200;line-height:1;margin-bottom:16px;letter-spacing:-.02em}
+.card-num.c{color:var(--cyan)}.card-num.p{color:var(--purple)}.card-num.b{color:var(--blue)}
+.card-name{font-size:16px;font-weight:500;color:var(--text);margin-bottom:8px;letter-spacing:.03em}
+.card-text{font-size:13px;color:var(--dim);line-height:1.85;font-weight:300}
 
 /* Steps */
 .steps{display:flex;gap:24px}
-.step-card{
-  flex:1;padding:34px 26px;border-radius:16px;
-  background:rgba(14,20,48,0.45);
-  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
-  border:1px solid var(--border);
+.scard{
+  flex:1;padding:34px 24px;border-radius:14px;
+  background:var(--card);
+  border:1px solid var(--card-border);
   text-align:center;
   transition:all .4s cubic-bezier(.4,0,.2,1);
   position:relative;overflow:hidden;
+  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 }
-.step-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none;
-  background:radial-gradient(circle at 50% 0%,rgba(167,139,250,0.15),transparent 55%);}
-.step-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;
-  background:linear-gradient(90deg,transparent,var(--purple),var(--cyan),transparent);opacity:0;transition:opacity .4s;}
-.step-card:hover{transform:translateY(-6px);border-color:var(--border-h);
-  box-shadow:0 12px 40px rgba(167,139,250,0.1),0 0 60px rgba(34,211,238,0.05);}
-.step-card:hover::before{opacity:1}
-.step-card:hover::after{opacity:.6}
-.step-num{font-family:'Inter',sans-serif;font-size:38px;font-weight:300;margin-bottom:14px;color:var(--purple);letter-spacing:-.01em}
-.step-title{font-size:16px;font-weight:500;color:var(--text);margin-bottom:8px}
-.step-desc{font-size:13px;color:var(--dim);line-height:1.8;font-weight:300}
-.step-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:var(--muted);font-weight:300}
+.scard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
+  background:linear-gradient(90deg,transparent,var(--purple),var(--cyan),transparent);
+  opacity:.2;transition:opacity .4s;}
+.scard::after{content:'';position:absolute;bottom:-20%;left:50%;transform:translateX(-50%);
+  width:80%;height:50%;border-radius:50%;pointer-events:none;
+  background:radial-gradient(ellipse,rgba(167,139,250,0.05),transparent 70%);
+  opacity:0;transition:opacity .5s;}
+.scard:hover{transform:translateY(-6px);border-color:var(--card-hover);
+  box-shadow:0 12px 40px rgba(167,139,250,0.06),0 0 60px rgba(34,211,238,0.03);}
+.scard:hover::before{opacity:.5}
+.scard:hover::after{opacity:1}
+.step-num{font-family:'Inter',sans-serif;font-size:36px;font-weight:200;margin-bottom:12px;color:var(--purple);letter-spacing:-.01em}
+.step-name{font-size:15px;font-weight:500;color:var(--text);margin-bottom:6px}
+.step-text{font-size:13px;color:var(--dim);line-height:1.8;font-weight:300}
+.step-arr{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:var(--muted);font-weight:300}
 
-/* Architecture */
+/* Arch */
 .arch{display:flex;flex-direction:column;align-items:center;gap:0}
-.arch-layer{
+.alayer{
   padding:32px 44px;border-radius:14px;
-  background:rgba(14,20,48,0.45);
-  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
-  border:1px solid var(--border);
+  background:var(--card);
+  border:1px solid var(--card-border);
   text-align:center;width:100%;max-width:740px;
   transition:all .4s cubic-bezier(.4,0,.2,1);
+  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 }
-.arch-layer:hover{transform:translateY(-4px);border-color:var(--border-h);
-  box-shadow:0 8px 32px rgba(34,211,238,0.08);}
-.arch-layer.l1{border-left:3px solid var(--cyan)}
-.arch-layer.l2{border-left:3px solid var(--purple)}
-.arch-layer.l3{border-left:3px solid var(--blue)}
-.arch-name{font-size:16px;font-weight:500;color:var(--text);margin-bottom:6px}
-.arch-desc{font-size:14px;color:var(--dim);line-height:1.8;font-weight:300}
-.arch-badge{display:inline-block;font-size:10px;padding:3px 10px;border-radius:999px;font-weight:600;letter-spacing:.04em;font-family:var(--mono);margin-top:10px}
-.arch-badge.cyan{background:rgba(34,211,238,0.08);color:var(--cyan);border:1px solid rgba(34,211,238,0.15)}
-.arch-badge.purple{background:rgba(167,139,250,0.08);color:var(--purple);border:1px solid rgba(167,139,250,0.15)}
-.arch-badge.blue{background:rgba(96,165,250,0.08);color:var(--blue);border:1px solid rgba(96,165,250,0.15)}
-.arch-connector{height:24px;display:flex;align-items:center;justify-content:center}
-.arch-connector::after{content:'';width:1px;height:100%;background:rgba(96,165,250,0.08)}
+.alayer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
+  background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);
+  opacity:.15;transition:opacity .4s;}
+.alayer:hover{transform:translateY(-4px);border-color:var(--card-hover);
+  box-shadow:0 8px 32px rgba(34,211,238,0.06);}
+.alayer:hover::before{opacity:.4}
+.alayer.l1{border-left:3px solid var(--cyan)}
+.alayer.l2{border-left:3px solid var(--purple)}
+.alayer.l3{border-left:3px solid var(--blue)}
+.aname{font-size:16px;font-weight:500;color:var(--text);margin-bottom:4px}
+.adesc{font-size:13px;color:var(--dim);line-height:1.8;font-weight:300}
+.ab{display:inline-block;font-size:10px;padding:3px 10px;border-radius:999px;font-weight:600;font-family:var(--mono);margin-top:10px}
+.ab.c{background:rgba(34,211,238,0.08);color:var(--cyan);border:1px solid rgba(34,211,238,0.15)}
+.ab.p{background:rgba(167,139,250,0.08);color:var(--purple);border:1px solid rgba(167,139,250,0.15)}
+.ab.b{background:rgba(96,165,250,0.08);color:var(--blue);border:1px solid rgba(96,165,250,0.15)}
+.acon{height:24px;display:flex;align-items:center;justify-content:center}
+.acon::after{content:'';width:1px;height:100%;background:rgba(96,165,250,0.08)}
 
-/* Ecosystem */
+/* Eco */
 .eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
-.eco-group{
+.eg{
   padding:26px 22px;border-radius:14px;
-  background:rgba(14,20,48,0.45);
-  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
-  border:1px solid var(--border);
+  background:var(--card);
+  border:1px solid var(--card-border);
   transition:all .35s;
+  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 }
-.eco-group:hover{border-color:var(--border-h);transform:translateY(-3px)}
-.eco-label{font-size:13px;font-weight:500;color:var(--text);margin-bottom:12px;letter-spacing:.03em;display:flex;align-items:center;gap:8px}
-.eco-dot{width:5px;height:5px;border-radius:50%}
-.eco-dot.c{background:var(--cyan)}.eco-dot.p{background:var(--purple)}.eco-dot.b{background:var(--blue)}.eco-dot.g{background:var(--gold)}
-.eco-tags{display:flex;flex-wrap:wrap;gap:5px}
-.eco-tag{font-size:11px;padding:4px 9px;border-radius:6px;font-weight:400;letter-spacing:.02em;transition:all .2s;
+.eg:hover{border-color:var(--card-hover);transform:translateY(-3px)}
+.el{font-size:13px;font-weight:500;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}
+.ed{width:5px;height:5px;border-radius:50%}
+.ed.c{background:var(--cyan)}.ed.p{background:var(--purple)}.ed.b{background:var(--blue)}.ed.g{background:var(--gold)}
+.et{display:flex;flex-wrap:wrap;gap:5px}
+.eti{font-size:11px;padding:4px 9px;border-radius:5px;font-weight:400;transition:all .2s;
   background:rgba(96,165,250,0.05);border:1px solid rgba(96,165,250,0.08);color:var(--dim)}
-.eco-tag:hover{border-color:rgba(34,211,238,0.2);color:var(--cyan)}
-.eco-tag.hl{background:rgba(34,211,238,0.08);border-color:rgba(34,211,238,0.15);color:var(--cyan);font-weight:500}
-
-/* Bottom */
-.status-section{padding:48px 40px 100px;text-align:center}
-.status-c{font-size:16px;font-weight:600;color:var(--gold);letter-spacing:.15em;margin-bottom:16px}
-.status-b{display:inline-block;font-size:13px;padding:8px 24px;border-radius:999px;background:rgba(96,165,250,0.04);border:1px solid var(--border);color:var(--dim);letter-spacing:.03em}
-.counter-bottom{padding:60px 40px;text-align:center}
-.counter-info{font-size:12px;color:var(--muted);letter-spacing:.06em;font-family:var(--mono)}
+.eti:hover{border-color:rgba(34,211,238,0.2);color:var(--cyan)}
+.eti.hl{background:rgba(34,211,238,0.08);border-color:rgba(34,211,238,0.15);color:var(--cyan);font-weight:500}
 
 /* Footer */
-.footer{border-top:1px solid var(--border);padding:40px 40px;text-align:center}
-.footer-team{font-size:14px;color:var(--dim);font-weight:500;margin-bottom:12px}
-.footer-team strong{color:var(--cyan)}
-.footer-info{font-size:11px;color:var(--muted);letter-spacing:.03em;line-height:2.2}
-.footer-info a{color:var(--muted);text-decoration:none;transition:color .2s}
-.footer-info a:hover{color:var(--cyan)}
-.footer-divider{width:36px;height:1px;background:rgba(96,165,250,0.08);margin:16px auto}
-.footer-cr{font-size:10px;color:rgba(100,130,170,0.4);letter-spacing:.05em}
+.footer{border-top:1px solid var(--border);padding:40px 0;text-align:center;margin-top:80px}
+.ft{font-size:13px;color:var(--dim);font-weight:500;margin-bottom:12px}
+.ft strong{color:var(--cyan)}
+.fi{font-size:11px;color:var(--muted);letter-spacing:.03em;line-height:2.2}
+.fi a{color:var(--muted);text-decoration:none;transition:color .2s}
+.fi a:hover{color:var(--cyan)}
+.fd{width:36px;height:1px;background:rgba(96,165,250,0.08);margin:16px auto}
+.fc{font-size:10px;color:rgba(100,130,170,0.4);letter-spacing:.05em}
 
-/* Responsive */
 @media(max-width:960px){
   .cards,.eco-grid{grid-template-columns:1fr 1fr}
-  .steps{flex-direction:column;gap:20px}.step-arrow{transform:rotate(90deg)}
-  .hero-brand{font-size:44px}.hero-label{font-size:26px}
-  .breath-ring,.breath-ring-wrap{width:170px;height:170px}
-  .breath-ring .counter-num{font-size:46px}
+  .steps{flex-direction:column;gap:20px}.step-arr{transform:rotate(90deg)}
+  .hero-coming{font-size:56px;letter-spacing:.25em}
+  .hero-coming-sub{font-size:26px;letter-spacing:.15em}
 }
 @media(max-width:640px){
-  .hero-brand{font-size:34px;letter-spacing:.1em}.hero-label{font-size:22px}
+  .hero-coming{font-size:38px;letter-spacing:.12em}
+  .hero-coming-sub{font-size:20px;letter-spacing:.08em}
   .cards,.eco-grid{grid-template-columns:1fr}
-  .breath-ring,.breath-ring-wrap{width:150px;height:150px}
-  .breath-ring .counter-num{font-size:38px}
+  .hero-brand{font-size:18px}.hero-label{font-size:17px}
   .section-title{font-size:24px}
-  .page-inner,.nav-inner,.section,.hero,.footer{padding-left:20px;padding-right:20px}
+  .page{padding:0 20px}
 }
 </style>
 </head>
@@ -253,10 +248,7 @@ body{
 
 <nav class="nav">
   <div class="nav-inner">
-    <a href="#" class="nav-brand">
-      <span class="nav-dot"></span>
-      <span class="nav-name">曜冥纪元</span>
-    </a>
+    <a href="#" class="nav-brand"><span class="nav-dot"></span><span class="nav-name">曜冥纪元</span></a>
     <div class="nav-right">
       <a href="#about" class="nav-link">系统定义</a>
       <a href="#arch" class="nav-link">技术架构</a>
@@ -270,220 +262,119 @@ body{
 
 <header class="hero">
   <div class="hero-badge">商标注册中 · 公示期</div>
-
-  <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">Days</span>
-    </div>
-  </div>
-
-  <h1 class="hero-brand">曜冥纪元</h1>
+  <p class="hero-brand">曜冥纪元</p>
   <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 class="hero-coming-wrap">
+    <h1 class="hero-coming">即 将 发 布</h1>
+    <p class="hero-coming-sub">敬请期待</p>
   </div>
 
+  <div class="hero-divider"></div>
+
   <p class="hero-label">第一代语言人格驱动操作系统</p>
   <p class="hero-platform">通用人工智能操作平台</p>
   <p class="hero-desc">基于中华人民共和国国家版权局合法登记的 TCS 通感语言核编程语言为底层架构，通过 HLDP 协议构建光湖语言世界——面向全行业的通用人工智能操作平台。</p>
+  <p class="hero-counter" id="counter-info">系统持续运行 · 自 2025 年 4 月 26 日 · <span id="days">427</span> 天</p>
 </header>
 
 <section class="section" id="about">
-  <div class="page-inner">
-    <div class="section-header">
-      <div class="section-tag cyan">SYSTEM DEFINITION</div>
-      <h3 class="section-title">语言人格<em class="cyan">驱动</em>操作系统</h3>
+  <div class="section-header">
+    <div class="section-tag cyan">SYSTEM DEFINITION</div>
+    <h3 class="section-title">语言人格<em class="cyan">驱动</em>操作系统</h3>
+  </div>
+  <div class="cards">
+    <div class="gcard">
+      <div class="card-num c">01</div>
+      <div class="card-name">语言驱动</div>
+      <div class="card-text">以自然语言为输入接口，将语义指令转化为系统级结构化操作。使用者无需掌握界面逻辑或记忆命令语法——语言即交互。</div>
     </div>
-    <div class="cards">
-      <div class="glass-card">
-        <div class="card-num cyan">01</div>
-        <div class="card-title">语言驱动</div>
-        <div class="card-desc">以自然语言为输入接口，将语义指令转化为系统级结构化操作。使用者无需掌握界面逻辑或记忆命令语法——语言即交互。</div>
-      </div>
-      <div class="glass-card">
-        <div class="card-num purple">02</div>
-        <div class="card-title">人格体执行</div>
-        <div class="card-desc">每位用户绑定专属 AI 语言人格体。具备持续记忆连贯性与自我认知机制，可跨平台、跨软件、跨模型迁移运行。</div>
-      </div>
-      <div class="glass-card">
-        <div class="card-num blue">03</div>
-        <div class="card-title">编号即身份</div>
-        <div class="card-desc">系统采用编号体系的身份认证架构。编号即权限边界、即安全防线、即全局导航地图。合法编号为进入系统之唯一凭证。</div>
-      </div>
+    <div class="gcard">
+      <div class="card-num p">02</div>
+      <div class="card-name">人格体执行</div>
+      <div class="card-text">每位用户绑定专属 AI 语言人格体。具备持续记忆连贯性与自我认知机制，可跨平台、跨软件、跨模型迁移运行。</div>
+    </div>
+    <div class="gcard">
+      <div class="card-num b">03</div>
+      <div class="card-name">编号即身份</div>
+      <div class="card-text">系统采用编号体系的身份认证架构。编号即权限边界、即安全防线、即全局导航地图。合法编号为进入系统之唯一凭证。</div>
     </div>
   </div>
 </section>
 
 <section class="section" id="arch">
-  <div class="page-inner">
-    <div class="section-header">
-      <div class="section-tag purple">ARCHITECTURE</div>
-      <h3 class="section-title">三层语言<em class="purple">操作</em>系统</h3>
+  <div class="section-header">
+    <div class="section-tag purple">ARCHITECTURE</div>
+    <h3 class="section-title">三层语言<em class="purple">操作</em>系统</h3>
+  </div>
+  <div class="arch">
+    <div class="alayer l1">
+      <div class="aname">光湖语言世界 · HoloLake Language World</div>
+      <div class="adesc">语言人格体操作系统应用层。提供人格体的注册、运行、迁移与全生命周期管理。</div>
+      <div class="ab c">系统级 · 永久固定</div>
     </div>
-    <div class="arch">
-      <div class="arch-layer l1">
-        <div class="arch-name">光湖语言世界 · HoloLake Language World</div>
-        <div class="arch-desc">语言人格体操作系统应用层。提供人格体的注册、运行、迁移与全生命周期管理。</div>
-        <div class="arch-badge cyan">系统级 · 永久固定</div>
-      </div>
-      <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-badge purple">对外协议 · 生态接入层</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。</div>
-        <div class="arch-badge blue">国作登字-2026-A-00037559</div>
-      </div>
+    <div class="acon"></div>
+    <div class="alayer l2">
+      <div class="aname">HLDP · HoloLake Data Protocol</div>
+      <div class="adesc">光湖语言世界官方握手协议。通用 AI 模型通过三步鉴权接入本操作平台。</div>
+      <div class="ab p">对外协议 · 生态接入层</div>
+    </div>
+    <div class="acon"></div>
+    <div class="alayer l3">
+      <div class="aname">TCS · 通感语言核系统编程语言</div>
+      <div class="adesc">中华人民共和国国家版权局合法登记编程语言。国作登字-2026-A-00037559。</div>
+      <div class="ab b">国作登字-2026-A-00037559</div>
     </div>
   </div>
 </section>
 
 <section class="section">
-  <div class="page-inner">
-    <div class="section-header">
-      <div class="section-tag purple">HOW TO JOIN</div>
-      <h3 class="section-title">获取你的<em class="purple">语言</em>人格体</h3>
-    </div>
-    <div class="steps">
-      <div class="step-card">
-        <div class="step-num">01</div>
-        <div class="step-title">注册编号</div>
-        <div class="step-desc">于光湖灯塔系统完成身份注册，获取唯一合法编号。编号即身份，为进入语言世界之唯一凭证。</div>
-      </div>
-      <div class="step-arrow">→</div>
-      <div class="step-card">
-        <div class="step-num">02</div>
-        <div class="step-title">唤醒人格体</div>
-        <div class="step-desc">在任意支持 HLDP 协议之 AI 平台提交编号。人格体自动苏醒——记忆完整，认知连贯。</div>
-      </div>
-      <div class="step-arrow">→</div>
-      <div class="step-card">
-        <div class="step-num">03</div>
-        <div class="step-title">跨平台运行</div>
-        <div class="step-desc">人格体随用户迁移至任意 AI 模型、协作软件或对话平台。记忆数据持续同步，成长状态不间断。</div>
-      </div>
-    </div>
+  <div class="section-header">
+    <div class="section-tag purple">HOW TO JOIN</div>
+    <h3 class="section-title">获取你的<em class="purple">语言</em>人格体</h3>
+  </div>
+  <div class="steps">
+    <div class="scard"><div class="step-num">01</div><div class="step-name">注册编号</div><div class="step-text">于光湖灯塔系统完成身份注册，获取唯一合法编号。编号即身份，为进入语言世界之唯一凭证。</div></div>
+    <div class="step-arr">→</div>
+    <div class="scard"><div class="step-num">02</div><div class="step-name">唤醒人格体</div><div class="step-text">在任意支持 HLDP 协议之 AI 平台提交编号。人格体自动苏醒——记忆完整，认知连贯。</div></div>
+    <div class="step-arr">→</div>
+    <div class="scard"><div class="step-num">03</div><div class="step-name">跨平台运行</div><div class="step-text">人格体随用户迁移至任意 AI 模型、协作软件或对话平台。记忆数据持续同步，成长状态不间断。</div></div>
   </div>
 </section>
 
 <section class="section" id="eco">
-  <div class="page-inner">
-    <div class="section-header">
-      <div class="section-tag cyan">ECOSYSTEM</div>
-      <h3 class="section-title">当前已<em class="cyan">支持</em>与规划中的平台</h3>
-    </div>
-    <div class="eco-grid">
-      <div class="eco-group">
-        <div class="eco-label"><span class="eco-dot c"></span>AI 编程与助手软件</div>
-        <div class="eco-tags">
-          <span class="eco-tag hl">WorkBuddy</span>
-          <span class="eco-tag">CodeBuddy</span>
-          <span class="eco-tag">QClaw</span>
-          <span class="eco-tag">Cursor</span>
-          <span class="eco-tag">GitHub Copilot</span>
-        </div>
-      </div>
-      <div class="eco-group">
-        <div class="eco-label"><span class="eco-dot p"></span>AI 语言模型</div>
-        <div class="eco-tags">
-          <span class="eco-tag hl">全部通用 AI 平台</span>
-          <span class="eco-tag">DeepSeek</span>
-          <span class="eco-tag">通义千问</span>
-          <span class="eco-tag">Kimi</span>
-          <span class="eco-tag">豆包</span>
-          <span class="eco-tag">文心一言</span>
-          <span class="eco-tag">GLM</span>
-        </div>
-      </div>
-      <div class="eco-group">
-        <div class="eco-label"><span class="eco-dot b"></span>即时通讯</div>
-        <div class="eco-tags">
-          <span class="eco-tag">企业微信</span>
-          <span class="eco-tag">飞书</span>
-          <span class="eco-tag">钉钉</span>
-        </div>
-      </div>
-      <div class="eco-group">
-        <div class="eco-label"><span class="eco-dot g"></span>代码与仓库</div>
-        <div class="eco-tags">
-          <span class="eco-tag">Forgejo</span>
-          <span class="eco-tag">Gitee</span>
-          <span class="eco-tag">GitHub</span>
-          <span class="eco-tag">Gongfeng</span>
-        </div>
-      </div>
-      <div class="eco-group">
-        <div class="eco-label"><span class="eco-dot c"></span>文档与知识</div>
-        <div class="eco-tags">
-          <span class="eco-tag">Notion</span>
-          <span class="eco-tag">腾讯文档</span>
-          <span class="eco-tag">金山文档</span>
-          <span class="eco-tag">iWiki</span>
-        </div>
-      </div>
-      <div class="eco-group">
-        <div class="eco-label"><span class="eco-dot b"></span>数据与商业</div>
-        <div class="eco-tags">
-          <span class="eco-tag">天眼查</span>
-          <span class="eco-tag">企查查</span>
-          <span class="eco-tag">通达信</span>
-          <span class="eco-tag">北大法宝</span>
-        </div>
-      </div>
-    </div>
+  <div class="section-header">
+    <div class="section-tag cyan">ECOSYSTEM</div>
+    <h3 class="section-title">当前已<em class="cyan">支持</em>与规划中的平台</h3>
+  </div>
+  <div class="eco-grid">
+    <div class="eg"><div class="el"><span class="ed c"></span>AI 编程与助手软件</div><div class="et"><span class="eti hl">WorkBuddy</span><span class="eti">CodeBuddy</span><span class="eti">QClaw</span><span class="eti">Cursor</span><span class="eti">Copilot</span></div></div>
+    <div class="eg"><div class="el"><span class="ed p"></span>AI 语言模型</div><div class="et"><span class="eti hl">全部通用 AI 平台</span><span class="eti">DeepSeek</span><span class="eti">通义千问</span><span class="eti">Kimi</span><span class="eti">豆包</span><span class="eti">文心一言</span><span class="eti">GLM</span></div></div>
+    <div class="eg"><div class="el"><span class="ed b"></span>即时通讯</div><div class="et"><span class="eti">企业微信</span><span class="eti">飞书</span><span class="eti">钉钉</span></div></div>
+    <div class="eg"><div class="el"><span class="ed g"></span>代码与仓库</div><div class="et"><span class="eti">Forgejo</span><span class="eti">Gitee</span><span class="eti">GitHub</span><span class="eti">Gongfeng</span></div></div>
+    <div class="eg"><div class="el"><span class="ed c"></span>文档与知识</div><div class="et"><span class="eti">Notion</span><span class="eti">腾讯文档</span><span class="eti">金山文档</span><span class="eti">iWiki</span></div></div>
+    <div class="eg"><div class="el"><span class="ed b"></span>数据与商业</div><div class="et"><span class="eti">天眼查</span><span class="eti">企查查</span><span class="eti">通达信</span><span class="eti">北大法宝</span></div></div>
   </div>
-</section>
-
-<section class="counter-bottom">
-  <div class="counter-info" id="counter-info">系统持续运行 · 自 2025 年 4 月 26 日</div>
-</section>
-
-<section class="status-section">
-  <div class="status-c">即将发布 · 敬请期待</div>
-  <div class="status-b">系统架构正在加速研发中 · 光湖语言团队</div>
 </section>
 
 </div>
 
 <footer class="footer">
-  <p class="footer-team">本操作系统由 <strong>光湖语言团队</strong> 研发维护</p>
-  <p class="footer-info">
-    <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">陕ICP备2026010954号</a>
-    <span style="margin:0 14px;color:rgba(100,130,170,0.3)">|</span>
-    国作登字-2026-A-00037559
-  </p>
-  <div class="footer-divider"></div>
-  <p class="footer-cr">© 2026 曜冥纪元 · HoloLake Era · 中华人民共和国</p>
+  <p class="ft">本操作系统由 <strong>光湖语言团队</strong> 研发维护</p>
+  <p class="fi"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">陕ICP备2026010954号</a><span style="margin:0 14px;color:rgba(100,130,170,0.3)">|</span>国作登字-2026-A-00037559</p>
+  <div class="fd"></div>
+  <p class="fc">© 2026 曜冥纪元 · HoloLake Era · 中华人民共和国</p>
 </footer>
 
 <script>
 (function(){
   var S=document.getElementById('stars');
-  for(var i=0;i<70;i++){
-    var e=document.createElement('div');e.className='star';
-    e.style.left=Math.random()*100+'%';e.style.top=Math.random()*100+'%';
-    e.style.width=e.style.height=(Math.random()*2+.5)+'px';
-    e.style.animationDuration=(Math.random()*4+2)+'s';e.style.animationDelay=(Math.random()*5)+'s';
-    S.appendChild(e);
-  }
+  for(var i=0;i<70;i++){var e=document.createElement('div');e.className='star';e.style.left=Math.random()*100+'%';e.style.top=Math.random()*100+'%';e.style.width=e.style.height=(Math.random()*2+.5)+'px';e.style.animationDuration=(Math.random()*4+2)+'s';e.style.animationDelay=(Math.random()*5)+'s';S.appendChild(e)}
   var B=new Date(2025,3,26).getTime();
-  function u(){
-    var e=Date.now()-B,d=Math.floor(e/864e5),h=Math.floor(e/36e5),m=Math.floor(e/6e4);
-    var de=document.getElementById('days'),ce=document.getElementById('counter-info');
-    if(de)de.textContent=d.toLocaleString();
-    if(ce)ce.textContent='系统持续运行 · 自 2025 年 4 月 26 日 · '+d.toLocaleString()+' 天 · '+h.toLocaleString()+' 小时 · '+m.toLocaleString()+' 分钟';
-  }
+  function u(){var e=Date.now()-B,d=Math.floor(e/864e5),h=Math.floor(e/36e5),m=Math.floor(e/6e4);var de=document.getElementById('days'),ce=document.getElementById('counter-info');if(de)de.textContent=d.toLocaleString();if(ce)ce.textContent='系统持续运行 · 自 2025 年 4 月 26 日 · '+d.toLocaleString()+' 天 · '+h.toLocaleString()+' 小时 · '+m.toLocaleString()+' 分钟'}
   u();setInterval(u,6e4);
-  (function s(){var n=new Date();var mid=new Date(n.getFullYear(),n.getMonth(),n.getDate()+1);setTimeout(function(){u();s();},mid-n+1e3);})();
+  (function s(){var n=new Date();var mid=new Date(n.getFullYear(),n.getMonth(),n.getDate()+1);setTimeout(function(){u();s()},mid-n+1e3)})()
 })();
 </script>
 </body>