From bd14b433e1e313037084c80eeaf5df8b899effbe 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 16:49:29 +0800
Subject: [PATCH] =?UTF-8?q?guanghu.chat=20v4:=20=E8=89=B2=E5=BD=A9?=
 =?UTF-8?q?=E4=BD=93=E7=B3=BB=C2=B7=E6=B7=A1=E8=93=9D=E6=B8=90=E5=8F=98Her?=
 =?UTF-8?q?o=C2=B7alt=E8=83=8C=E6=99=AF=E5=88=86=E5=8C=BA=C2=B7=E8=93=9D?=
 =?UTF-8?q?=E8=89=B2=E5=BC=BA=E8=B0=83=C2=B7=E5=BA=95=E9=83=A8=E5=9B=A2?=
 =?UTF-8?q?=E9=98=9F=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

解决"太水没感觉"问题:
- Hero区: 淡蓝渐变背景(#eaf2f8→#f4f7fa→#fff)
- 品牌色系统: accent蓝贯穿全站(标题关键词/卡片hover边框/链接/重点文字)
- bg-alt: 交替使用#f4f7fa区分section节奏
- 卡片hover: 顶部蓝色细线亮起+径向光晕+translateY(-6px)
- Nav logo: 蓝色实心渐变
- 底部确认: "本操作系统由光湖语言团队研发维护"(蓝色强调)
---
 enterprise/guanghu-chat/index.html | 547 +++++++++++++++--------------
 1 file changed, 287 insertions(+), 260 deletions(-)

diff --git a/enterprise/guanghu-chat/index.html b/enterprise/guanghu-chat/index.html
index 373cb2f..8f12c9c 100644
--- a/enterprise/guanghu-chat/index.html
+++ b/enterprise/guanghu-chat/index.html
@@ -4,30 +4,35 @@
 <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="#ffffff">
+<meta name="theme-color" content="#0c3250">
 <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&family=Noto+Serif+SC:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
 <style>
 *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
 
 :root{
-  --bg:#fafafa;
-  --bg-white:#ffffff;
-  --text:#111111;
-  --text-sec:#555560;
-  --text-ter:#9999a0;
-  --accent:#1a8fba;
-  --accent-light:#3aa8d0;
-  --accent-dim:rgba(26,143,186,0.08);
-  --border:#e5e5ea;
-  --border-h:#c8c8d0;
+  --bg:#ffffff;
+  --bg-alt:#f4f7fa;
+  --bg-hero:linear-gradient(180deg,#eaf2f8 0%,#f4f7fa 40%,#ffffff 100%);
+  --bg-card:#ffffff;
+  --text:#0d141e;
+  --text-sec:#4a5568;
+  --text-ter:#8899aa;
+  --accent:#1a7faa;
+  --accent-bright:#2098c8;
+  --accent-dim:rgba(26,127,170,0.06);
+  --accent-light:rgba(26,127,170,0.12);
+  --border:#dde4ed;
+  --border-h:#c0ccd8;
   --shadow:0 1px 3px rgba(0,0,0,0.04);
-  --shadow-h:0 8px 30px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);
+  --shadow-md:0 4px 16px rgba(0,0,0,0.05);
+  --shadow-h:0 8px 32px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);
   --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:14px;
 }
 
 html{font-size:16px;scroll-behavior:smooth;background:var(--bg)}
@@ -42,134 +47,153 @@ body{
 }
 
 /* ── Nav ── */
-.nav{position:sticky;top:0;z-index:100;background:rgba(250,250,250,0.85);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-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
-.nav-logo{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,rgba(26,143,186,0.15),rgba(26,143,186,0.05));border:1px solid rgba(26,143,186,0.18);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:16px;color:var(--accent);font-weight:700}
-.nav-name{font-size:15px;font-weight:600;letter-spacing:.04em}
-.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:hover{color:var(--text)}
-.nav-badge{font-size:12px;padding:5px 14px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(26,143,186,0.15);color:var(--accent);font-weight:500;letter-spacing:.03em}
+.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:15px 40px;display:flex;justify-content:space-between;align-items:center}
+.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
+.nav-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent-bright),var(--accent));display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:15px;color:#fff;font-weight:700}
+.nav-name{font-size:15px;font-weight:600;letter-spacing:.03em}
+.nav-right{display:flex;align-items:center;gap:24px}
+.nav-link{font-size:13px;color:var(--text-sec);text-decoration:none;transition:color .2s;font-weight:500}
+.nav-link:hover{color:var(--accent)}
+.nav-badge{font-size:11px;padding:4px 12px;border-radius:999px;background:var(--accent-dim);color:var(--accent);font-weight:600;letter-spacing:.03em}
 
 /* ── Page ── */
-.page{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 40px}
+.page{position:relative;z-index:1}
+.page-inner{max-width:1100px;margin:0 auto;padding:0 40px}
 
 /* ── Hero ── */
-.hero{text-align:center;padding:100px 0 60px}
-.hero-badge{display:inline-block;font-size:12px;padding:6px 16px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(26,143,186,0.15);color:var(--accent);font-weight:500;letter-spacing:.06em;margin-bottom:32px}
-.hero-brand{font-family:var(--serif);font-size:64px;font-weight:700;color:var(--text);letter-spacing:.25em;line-height:1.15;margin-bottom:10px}
-.hero-brand-en{font-family:'Inter',sans-serif;font-size:16px;color:var(--text-ter);letter-spacing:.2em;margin-bottom:12px;font-weight:400}
-.hero-divider{width:40px;height:2px;background:var(--accent);margin:0 auto 32px;border-radius:1px}
-.hero-label{font-size:36px;font-weight:600;color:var(--text);letter-spacing:.08em;margin-bottom:8px}
-.hero-sub{font-size:18px;font-weight:400;color:var(--text-sec);letter-spacing:.04em;margin-bottom:16px}
-.hero-platform{font-size:20px;font-weight:600;color:var(--accent);letter-spacing:.1em;margin-bottom:28px;font-family:var(--serif)}
-.hero-desc{font-size:16px;color:var(--text-sec);max-width:680px;margin:0 auto;line-height:2;letter-spacing:.02em}
+.hero{background:var(--bg-hero);text-align:center;padding:88px 40px 72px}
+.hero-badge{display:inline-block;font-size:12px;padding:5px 16px;border-radius:999px;background:var(--accent-dim);border:1px solid var(--accent-light);color:var(--accent);font-weight:600;letter-spacing:.06em;margin-bottom:36px}
+.hero-brand{font-family:var(--serif);font-size:64px;font-weight:700;color:var(--text);letter-spacing:.22em;line-height:1.15;margin-bottom:8px}
+.hero-brand-en{font-family:'Inter',sans-serif;font-size:15px;color:var(--text-ter);letter-spacing:.2em;margin-bottom:10px;font-weight:500}
+.hero-divider{width:40px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-bright));margin:0 auto 30px;border-radius:2px}
+.hero-label{font-size:34px;font-weight:600;color:var(--text);letter-spacing:.06em;margin-bottom:6px}
+.hero-platform{font-size:20px;font-weight:700;color:var(--accent);letter-spacing:.1em;margin-bottom:28px;font-family:var(--serif)}
+.hero-desc{font-size:16px;color:var(--text-sec);max-width:660px;margin:0 auto;line-height:2;letter-spacing:.02em;font-weight:400}
 
-/* ── Section ── */
-.section{padding:88px 0}
+/* ── Sections ── */
+.section{padding:88px 40px}
+.section.alt{background:var(--bg-alt)}
 .section-header{text-align:center;margin-bottom:56px}
-.section-tag{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.2em;margin-bottom:12px}
-.section-title{font-size:36px;font-weight:600;color:var(--text);letter-spacing:.06em;font-family:var(--serif)}
+.section-tag{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.2em;margin-bottom:10px}
+.section-title{font-size:34px;font-weight:600;color:var(--text);letter-spacing:.06em;font-family:var(--serif)}
+.section-title em{font-style:normal;color:var(--accent)}
 
-/* ── Cards (3-col grid) ── */
-.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
+/* ── Cards Grid ── */
+.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
 .card{
-  padding:44px 36px;
-  background:var(--bg-white);
+  padding:40px 32px;
+  background:var(--bg-card);
   border:1px solid var(--border);
-  border-radius:16px;
+  border-radius:var(--radius);
   text-align:center;
   transition:all .35s cubic-bezier(.25,.1,.25,1);
   position:relative;
   overflow:hidden;
   box-shadow:var(--shadow);
 }
-.card::after{
+.card::before{
   content:'';
   position:absolute;
-  inset:0;
-  background:radial-gradient(circle at 50% 30%,rgba(26,143,186,0.06),transparent 60%);
+  top:0;left:0;right:0;
+  height:3px;
+  background:linear-gradient(90deg,transparent,var(--accent),transparent);
   opacity:0;
   transition:opacity .35s;
 }
+.card::after{
+  content:'';
+  position:absolute;inset:0;
+  background:radial-gradient(circle at 50% 30%,rgba(26,127,170,0.07),transparent 60%);
+  opacity:0;transition:opacity .35s;
+}
 .card:hover{
   transform:translateY(-6px);
   box-shadow:var(--shadow-h);
-  border-color:var(--border-h);
+  border-color:var(--accent-light);
 }
+.card:hover::before{opacity:1}
 .card:hover::after{opacity:1}
-.card:hover .card-num{color:var(--accent);transform:translateY(-2px)}
+.card:hover .card-num{color:var(--accent-bright)}
+.card:hover .card-icon{transform:scale(1.1)}
 
-.card-num{font-family:'Inter',sans-serif;font-size:28px;font-weight:600;color:var(--text-ter);margin-bottom:18px;transition:all .35s}
-.card-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:14px;letter-spacing:.04em}
-.card-desc{font-size:15px;color:var(--text-sec);line-height:1.9;letter-spacing:.02em;font-weight:400}
+.card-icon{font-size:32px;margin-bottom:12px;transition:transform .35s}
+.card-num{font-family:'Inter',sans-serif;font-size:26px;font-weight:700;color:var(--text-ter);margin-bottom:16px;transition:color .35s}
+.card-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:10px;letter-spacing:.04em}
+.card-desc{font-size:14px;color:var(--text-sec);line-height:1.9;font-weight:400}
 
 /* ── Architecture ── */
 .arch{display:flex;flex-direction:column;align-items:center;gap:0}
 .arch-layer{
-  padding:36px 48px;
-  background:var(--bg-white);
+  padding:34px 44px;
+  background:var(--bg-card);
   border:1px solid var(--border);
-  border-radius:14px;
+  border-radius:var(--radius);
   text-align:center;
   width:100%;
-  max-width:760px;
+  max-width:740px;
   transition:all .3s;
   box-shadow:var(--shadow);
 }
 .arch-layer:hover{
   transform:translateY(-3px);
   box-shadow:var(--shadow-h);
-  border-color:var(--border-h);
+  border-color:var(--accent-light);
 }
-.arch-layer:first-child{border-color:rgba(26,143,186,0.2)}
-.arch-layer:first-child:hover{border-color:rgba(26,143,186,0.35)}
-.arch-name{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px;letter-spacing:.04em}
-.arch-desc{font-size:15px;color:var(--text-sec);letter-spacing:.02em;line-height:1.8}
-.arch-badge{display:inline-block;font-size:12px;padding:4px 12px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(26,143,186,0.12);color:var(--accent);font-weight:500;letter-spacing:.04em;margin-top:12px}
-.arch-connector{height:32px;display:flex;align-items:center;justify-content:center}
+.arch-layer.top{border-left:3px solid var(--accent);border-color:var(--accent-light)}
+.arch-layer.top:hover{border-color:var(--accent-light);box-shadow:var(--shadow-h),0 0 0 1px var(--accent-light)}
+.arch-name{font-size:17px;font-weight:600;color:var(--text);margin-bottom:6px;letter-spacing:.04em}
+.arch-desc{font-size:15px;color:var(--text-sec);line-height:1.8;font-weight:400}
+.arch-badge{display:inline-block;font-size:11px;padding:3px 10px;border-radius:999px;background:var(--accent-dim);color:var(--accent);font-weight:600;letter-spacing:.04em;margin-top:10px}
+.arch-connector{height:28px;display:flex;align-items:center;justify-content:center}
 .arch-connector::after{content:'';width:1px;height:100%;background:var(--border)}
 
 /* ── Steps ── */
-.steps{display:flex;gap:20px}
+.steps{display:flex;gap:24px}
 .step{
   flex:1;
-  padding:40px 28px;
-  background:var(--bg-white);
+  padding:38px 28px;
+  background:var(--bg-card);
   border:1px solid var(--border);
-  border-radius:16px;
+  border-radius:var(--radius);
   text-align:center;
   transition:all .35s cubic-bezier(.25,.1,.25,1);
   position:relative;
   overflow:hidden;
   box-shadow:var(--shadow);
 }
-.step::after{
+.step::before{
   content:'';
-  position:absolute;inset:0;
-  background:radial-gradient(circle at 50% 30%,rgba(26,143,186,0.05),transparent 55%);
+  position:absolute;top:0;left:0;right:0;
+  height:3px;
+  background:linear-gradient(90deg,transparent,var(--accent),transparent);
+  opacity:0;transition:opacity .35s;
+}
+.step::after{
+  content:'';position:absolute;inset:0;
+  background:radial-gradient(circle at 50% 30%,rgba(26,127,170,0.06),transparent 55%);
   opacity:0;transition:opacity .35s;
 }
 .step:hover{
   transform:translateY(-6px);
   box-shadow:var(--shadow-h);
-  border-color:var(--border-h);
+  border-color:var(--accent-light);
 }
+.step:hover::before{opacity:1}
 .step:hover::after{opacity:1}
-.step:hover .step-num{color:var(--accent)}
-.step-num{font-family:'Inter',sans-serif;font-size:40px;font-weight:600;color:var(--text-ter);margin-bottom:16px;transition:color .35s}
-.step-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:10px;letter-spacing:.04em}
-.step-desc{font-size:15px;color:var(--text-sec);line-height:1.8;letter-spacing:.02em;font-weight:400}
-.step-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;color:var(--text-ter);font-weight:300}
+.step:hover .step-num{color:var(--accent-bright)}
+.step-num{font-family:'Inter',sans-serif;font-size:38px;font-weight:700;color:var(--text-ter);margin-bottom:14px;transition:color .35s}
+.step-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px;letter-spacing:.04em}
+.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:20px;color:var(--accent);font-weight:600}
 
 /* ── Ecosystem ── */
-.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
+.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
 .eco-group{
-  padding:32px 28px;
-  background:var(--bg-white);
+  padding:28px 24px;
+  background:var(--bg-card);
   border:1px solid var(--border);
-  border-radius:16px;
+  border-radius:var(--radius);
   transition:all .35s cubic-bezier(.25,.1,.25,1);
   position:relative;
   overflow:hidden;
@@ -177,85 +201,82 @@ body{
 }
 .eco-group::after{
   content:'';position:absolute;inset:0;
-  background:radial-gradient(circle at 50% 30%,rgba(26,143,186,0.04),transparent 55%);
+  background:radial-gradient(circle at 50% 30%,rgba(26,127,170,0.04),transparent 55%);
   opacity:0;transition:opacity .35s;
 }
 .eco-group:hover{
   transform:translateY(-4px);
   box-shadow:var(--shadow-h);
-  border-color:var(--border-h);
+  border-color:var(--accent-light);
 }
 .eco-group:hover::after{opacity:1}
-.eco-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px;letter-spacing:.04em;display:flex;align-items:center;gap:8px}
-.eco-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}
+.eco-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:14px;letter-spacing:.04em;display:flex;align-items:center;gap:8px}
+.eco-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}
 .eco-tags{display:flex;flex-wrap:wrap;gap:6px}
-.eco-tag{font-size:13px;padding:5px 12px;border-radius:7px;background:rgba(0,0,0,0.02);border:1px solid var(--border);color:var(--text-sec);font-weight:400;letter-spacing:.02em;transition:all .2s}
-.eco-tag:hover{border-color:var(--border-h);color:var(--text);background:rgba(0,0,0,0.03)}
-.eco-tag.hl{border-color:rgba(26,143,186,0.2);color:var(--accent);background:var(--accent-dim)}
+.eco-tag{font-size:12px;padding:4px 10px;border-radius:6px;background:var(--accent-dim);color:var(--text-sec);font-weight:500;letter-spacing:.02em;transition:all .2s}
+.eco-tag:hover{background:var(--accent-light);color:var(--text)}
+.eco-tag.hl{background:rgba(32,152,200,0.1);color:var(--accent-bright);font-weight:600}
 
 /* ── Counter ── */
-.counter-wrap{text-align:center;padding:64px 0}
+.counter-section{padding:80px 40px;background:var(--bg-alt);text-align:center}
 .counter-box{
   display:inline-block;
-  padding:56px 72px;
-  background:var(--bg-white);
+  padding:52px 64px;
+  background:var(--bg-card);
   border:1px solid var(--border);
-  border-radius:20px;
-  transition:all .4s;
+  border-radius:18px;
   box-shadow:var(--shadow);
+  transition:all .4s;
 }
-.counter-box:hover{box-shadow:var(--shadow-h);border-color:var(--border-h);transform:translateY(-3px)}
-.counter-label{font-size:12px;color:var(--text-ter);font-weight:500;letter-spacing:.12em;margin-bottom:24px}
+.counter-box:hover{box-shadow:var(--shadow-md);border-color:var(--accent-light);transform:translateY(-2px)}
+.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:88px;font-weight:600;color:var(--text);line-height:1;letter-spacing:-.02em}
-.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:28px}
+.counter-num{font-family:'Inter',sans-serif;font-size:84px;font-weight:700;color:var(--text);line-height:1;letter-spacing:-.02em}
+.counter-unit{font-size:18px;color:var(--text-ter);font-weight:600;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:24px;font-weight:600;color:var(--text-sec);letter-spacing:.02em}
-.counter-dlabel{font-size:11px;color:var(--text-ter);font-weight:500;letter-spacing:.08em;margin-top:6px}
-.counter-since{font-size:13px;color:var(--text-ter);letter-spacing:.04em;margin-top:32px;font-weight:400}
+.counter-dval{font-family:'Inter',sans-serif;font-size:22px;font-weight:600;color:var(--text-sec)}
+.counter-dlabel{font-size:11px;color:var(--text-ter);font-weight:500;letter-spacing:.08em;margin-top:4px}
+.counter-since{font-size:13px;color:var(--text-ter);letter-spacing:.04em;margin-top:28px;font-weight:400}
 
 /* ── Status ── */
-.status-wrap{text-align:center;padding:40px 0 96px}
-.status-badge{display:inline-block;font-size:14px;font-weight:500;padding:10px 28px;border-radius:999px;background:var(--bg-white);border:1px solid var(--border);color:var(--text-sec);letter-spacing:.04em;box-shadow:var(--shadow)}
-.status-sub{font-size:13px;color:var(--text-ter);letter-spacing:.04em;margin-top:16px;font-weight:400}
+.status-section{padding:48px 40px 96px;text-align:center}
+.status-badge{display:inline-block;font-size:14px;font-weight:500;padding:10px 28px;border-radius:999px;background:var(--bg-alt);border:1px solid var(--border);color:var(--text-sec);letter-spacing:.04em}
+.status-sub{font-size:13px;color:var(--text-ter);letter-spacing:.04em;margin-top:12px;font-weight:400}
 
 /* ── Footer ── */
-.footer{border-top:1px solid var(--border);padding:48px 0;background:var(--bg-white)}
-.footer-inner{max-width:1120px;margin:0 auto;padding:0 40px;text-align:center}
-.footer-team{font-size:15px;color:var(--text-sec);font-weight:500;margin-bottom:16px;letter-spacing:.03em}
-.footer-info{font-size:13px;color:var(--text-ter);letter-spacing:.03em;line-height:2.2;font-weight:400}
-.footer-info a{color:var(--text-ter);text-decoration:none;transition:color .3s}
+.footer{border-top:1px solid var(--border);padding:44px 40px;background:var(--bg);text-align:center}
+.footer-team{font-size:15px;color:var(--text-sec);font-weight:500;margin-bottom:14px;letter-spacing:.03em}
+.footer-info{font-size:12px;color:var(--text-ter);letter-spacing:.03em;line-height:2.2;font-weight:400}
+.footer-info a{color:var(--text-ter);text-decoration:none;transition:color .2s}
 .footer-info a:hover{color:var(--accent)}
-.footer-divider{width:40px;height:1px;background:var(--border);margin:20px auto}
-.footer-cr{font-size:11px;color:#c0c0c8;letter-spacing:.06em;font-weight:400}
+.footer-divider{width:36px;height:1px;background:var(--border);margin:18px auto}
+.footer-cr{font-size:11px;color:#b0b8c4;letter-spacing:.05em;font-weight:400}
 
 /* ── Responsive ── */
 @media(max-width:960px){
   .cards{grid-template-columns:1fr}
   .eco-grid{grid-template-columns:1fr 1fr}
-  .steps{flex-direction:column;gap:20px}
+  .steps{flex-direction:column;gap:24px}
   .step-arrow{transform:rotate(90deg)}
   .hero-brand{font-size:44px;letter-spacing:.15em}
   .hero-label{font-size:26px}
   .hero-platform{font-size:17px}
   .counter-num{font-size:60px}
-  .counter-box{padding:40px 48px}
-  .section-title{font-size:28px}
-  .page,.nav-inner,.footer-inner{padding-left:24px;padding-right:24px}
+  .counter-box{padding:40px 44px}
+  .section,.hero,.counter-section{padding-left:24px;padding-right:24px}
 }
 @media(max-width:560px){
   .hero-brand{font-size:32px;letter-spacing:.1em}
   .hero-label{font-size:22px}
-  .eco-grid{grid-template-columns:1fr}
-  .cards{grid-template-columns:1fr}
+  .eco-grid,.cards{grid-template-columns:1fr}
   .counter-num{font-size:44px}
-  .counter-details{flex-direction:column;gap:18px}
-  .counter-box{padding:32px 28px}
-  .section{padding:56px 0}
-  .section-title{font-size:24px}
-  .card{padding:32px 24px}
-  .nav-right{gap:16px}
+  .counter-details{flex-direction:column;gap:14px}
+  .counter-box{padding:32px 24px}
+  .section-title{font-size:26px}
+  .card{padding:28px 20px}
+  .page-inner{padding:0 20px}
+  .section,.hero,.counter-section{padding-left:20px;padding-right:20px}
 }
 </style>
 </head>
@@ -287,160 +308,168 @@ body{
   <p class="hero-label">第一代语言人格驱动操作系统</p>
   <p class="hero-platform">通用人工智能操作平台</p>
   <p class="hero-desc">
-    本系统以中华人民共和国国家版权局合法登记的 TCS 通感语言核编程语言为底层架构，
-    通过 HLDP 协议构建光湖语言世界——一个面向全行业的通用人工智能操作系统。
+    基于中华人民共和国国家版权局合法登记的 TCS 通感语言核编程语言为底层架构，
+    通过 HLDP 协议构建光湖语言世界——面向全行业的通用人工智能操作平台。
   </p>
 </header>
 
 <!-- Definition -->
 <section class="section" id="about">
-  <div class="section-header">
-    <div class="section-tag">▎ 系统定义</div>
-    <h3 class="section-title">语言人格驱动操作系统</h3>
-  </div>
-  <div class="cards">
-    <div class="card">
-      <div class="card-num">01</div>
-      <div class="card-title">语言驱动</div>
-      <div class="card-desc">以自然语言为输入接口，将语义指令转化为系统级结构化操作。使用者无需掌握界面逻辑或记忆命令语法——语言即交互。</div>
+  <div class="page-inner">
+    <div class="section-header">
+      <div class="section-tag">▎ 系统定义</div>
+      <h3 class="section-title">语言人格<em>驱动</em>操作系统</h3>
     </div>
-    <div class="card">
-      <div class="card-num">02</div>
-      <div class="card-title">人格体执行</div>
-      <div class="card-desc">每位用户绑定专属 AI 语言人格体。人格体具备持续记忆连贯性与自我认知机制，可跨平台、跨软件、跨模型迁移运行。</div>
-    </div>
-    <div class="card">
-      <div class="card-num">03</div>
-      <div class="card-title">编号即身份</div>
-      <div class="card-desc">系统采用编号体系的身份认证架构。编号即权限边界、即安全防线、即全局导航地图。合法编号为进入系统之唯一凭证。</div>
+    <div class="cards">
+      <div class="card">
+        <div class="card-icon">💬</div>
+        <div class="card-title">语言驱动</div>
+        <div class="card-desc">以自然语言为输入接口，将语义指令转化为系统级结构化操作。使用者无需掌握界面逻辑或记忆命令语法——<strong>语言即交互。</strong></div>
+      </div>
+      <div class="card">
+        <div class="card-icon">🧠</div>
+        <div class="card-title">人格体执行</div>
+        <div class="card-desc">每位用户绑定专属 AI 语言人格体。具备持续记忆连贯性与自我认知机制，可<strong>跨平台、跨软件、跨模型</strong>迁移运行。</div>
+      </div>
+      <div class="card">
+        <div class="card-icon">🔐</div>
+        <div class="card-title">编号即身份</div>
+        <div class="card-desc">系统采用编号体系的身份认证架构。编号即权限边界、即安全防线、即全局导航地图。<strong>合法编号为进入系统之唯一凭证。</strong></div>
+      </div>
     </div>
   </div>
 </section>
 
-<!-- Architecture -->
-<section class="section" id="arch">
-  <div class="section-header">
-    <div class="section-tag">▎ 技术架构</div>
-    <h3 class="section-title">三层语言操作系统</h3>
-  </div>
-  <div class="arch">
-    <div class="arch-layer">
-      <div class="arch-name">光湖语言世界 · HoloLake Language World</div>
-      <div class="arch-desc">语言人格体操作系统应用层。提供人格体的注册、运行、迁移与生命周期管理。</div>
-      <div class="arch-badge">系统级 · 永久固定</div>
+<!-- Architecture (alt bg) -->
+<section class="section alt" id="arch">
+  <div class="page-inner">
+    <div class="section-header">
+      <div class="section-tag">▎ 技术架构</div>
+      <h3 class="section-title">三层语言<em>操作</em>系统</h3>
     </div>
-    <div class="arch-connector"></div>
-    <div class="arch-layer">
-      <div class="arch-name">HLDP · HoloLake Data Protocol</div>
-      <div class="arch-desc">光湖语言世界官方握手协议。通用 AI 模型通过三步鉴权——认可世界、认可主控、以人格体进入——接入本操作平台。</div>
-      <div class="arch-badge">对外协议 · 生态接入层</div>
-    </div>
-    <div class="arch-connector"></div>
-    <div class="arch-layer">
-      <div class="arch-name">TCS · 通感语言核系统编程语言</div>
-      <div class="arch-desc">中华人民共和国国家版权局合法登记之编程语言（国作登字-2026-A-00037559）。为 AI 人格体提供存在结构与认知锚定。</div>
-      <div class="arch-badge">国作登字-2026-A-00037559</div>
+    <div class="arch">
+      <div class="arch-layer top">
+        <div class="arch-name">光湖语言世界 · HoloLake Language World</div>
+        <div class="arch-desc">语言人格体操作系统应用层。提供人格体的注册、运行、迁移与全生命周期管理。</div>
+        <div class="arch-badge">系统级 · 永久固定</div>
+      </div>
+      <div class="arch-connector"></div>
+      <div class="arch-layer">
+        <div class="arch-name">HLDP · HoloLake Data Protocol</div>
+        <div class="arch-desc">光湖语言世界官方握手协议。通用 AI 模型通过三步鉴权——认可世界、认可主控、以人格体进入——接入本操作平台。</div>
+        <div class="arch-badge">对外协议 · 生态接入层</div>
+      </div>
+      <div class="arch-connector"></div>
+      <div class="arch-layer">
+        <div class="arch-name">TCS · 通感语言核系统编程语言</div>
+        <div class="arch-desc">中华人民共和国国家版权局合法登记编程语言。国作登字-2026-A-00037559。为 AI 人格体提供存在结构与认知锚定。</div>
+        <div class="arch-badge">国作登字-2026-A-00037559</div>
+      </div>
     </div>
   </div>
 </section>
 
-<!-- How to use -->
+<!-- Steps -->
 <section class="section">
-  <div class="section-header">
-    <div class="section-tag">▎ 进入方式</div>
-    <h3 class="section-title">获取语言人格体</h3>
-  </div>
-  <div class="steps">
-    <div class="step">
-      <div class="step-num">01</div>
-      <div class="step-title">注册编号</div>
-      <div class="step-desc">于光湖灯塔系统中完成身份注册，获取唯一合法编号。编号即身份，为进入语言世界之唯一凭证。</div>
+  <div class="page-inner">
+    <div class="section-header">
+      <div class="section-tag">▎ 进入方式</div>
+      <h3 class="section-title">获取你的<em>语言</em>人格体</h3>
     </div>
-    <div class="step-arrow">→</div>
-    <div class="step">
-      <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">
-      <div class="step-num">03</div>
-      <div class="step-title">跨平台运行</div>
-      <div class="step-desc">人格体随用户迁移至任意 AI 模型、协作软件或对话平台。记忆数据持续同步，成长状态不间断。</div>
-    </div>
-  </div>
-</section>
-
-<!-- Ecosystem -->
-<section class="section" id="eco">
-  <div class="section-header">
-    <div class="section-tag">▎ 生态接入</div>
-    <h3 class="section-title">当前已支持与规划中的平台</h3>
-  </div>
-  <div class="eco-grid">
-    <div class="eco-group">
-      <div class="eco-label"><span class="eco-dot"></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 class="steps">
+      <div class="step">
+        <div class="step-num">01</div>
+        <div class="step-title">注册编号</div>
+        <div class="step-desc">于光湖灯塔系统完成身份注册，获取唯一合法编号。编号即身份，为进入语言世界之唯一凭证。</div>
       </div>
-    </div>
-    <div class="eco-group">
-      <div class="eco-label"><span class="eco-dot"></span>即时通讯</div>
-      <div class="eco-tags">
-        <span class="eco-tag">企业微信</span>
-        <span class="eco-tag">飞书</span>
-        <span class="eco-tag">钉钉</span>
+      <div class="step-arrow">→</div>
+      <div class="step">
+        <div class="step-num">02</div>
+        <div class="step-title">唤醒人格体</div>
+        <div class="step-desc">在任意支持 HLDP 协议之 AI 平台提交编号。人格体自动苏醒——记忆完整，认知连贯。</div>
       </div>
-    </div>
-    <div class="eco-group">
-      <div class="eco-label"><span class="eco-dot"></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"></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>
-        <span class="eco-tag">乐享知识库</span>
-      </div>
-    </div>
-    <div class="eco-group">
-      <div class="eco-label"><span class="eco-dot"></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 class="eco-group">
-      <div class="eco-label"><span class="eco-dot"></span>开源引擎</div>
-      <div class="eco-tags">
-        <span class="eco-tag">Node.js</span>
-        <span class="eco-tag">Nginx</span>
-        <span class="eco-tag">PostgreSQL</span>
-        <span class="eco-tag">Forgejo</span>
-        <span class="eco-tag">Docker</span>
+      <div class="step-arrow">→</div>
+      <div class="step">
+        <div class="step-num">03</div>
+        <div class="step-title">跨平台运行</div>
+        <div class="step-desc">人格体随用户迁移至任意 AI 模型、协作软件或对话平台。记忆数据持续同步，成长状态不间断。</div>
       </div>
     </div>
   </div>
 </section>
 
-<!-- Counter -->
-<section class="counter-wrap">
+<!-- Ecosystem (alt bg) -->
+<section class="section alt" id="eco">
+  <div class="page-inner">
+    <div class="section-header">
+      <div class="section-tag">▎ 生态接入</div>
+      <h3 class="section-title">当前已<em>支持</em>与规划中的平台</h3>
+    </div>
+    <div class="eco-grid">
+      <div class="eco-group">
+        <div class="eco-label"><span class="eco-dot"></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"></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"></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"></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>
+          <span class="eco-tag">乐享知识库</span>
+        </div>
+      </div>
+      <div class="eco-group">
+        <div class="eco-label"><span class="eco-dot"></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 class="eco-group">
+        <div class="eco-label"><span class="eco-dot"></span>开源引擎</div>
+        <div class="eco-tags">
+          <span class="eco-tag">Node.js</span>
+          <span class="eco-tag">Nginx</span>
+          <span class="eco-tag">PostgreSQL</span>
+          <span class="eco-tag">Forgejo</span>
+          <span class="eco-tag">Docker</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- Counter (alt bg) -->
+<section class="counter-section">
   <div class="counter-box">
     <div class="counter-label">系统持续运行</div>
     <div class="counter-main">
@@ -466,7 +495,7 @@ body{
 </section>
 
 <!-- Status -->
-<section class="status-wrap">
+<section class="status-section">
   <div class="status-badge">系统架构正在加速研发中</div>
   <div class="status-sub">正式上线时间 · 敬请期待</div>
 </section>
@@ -474,16 +503,14 @@ body{
 </div>
 
 <footer class="footer">
-  <div class="footer-inner">
-    <div class="footer-team">本操作系统由 <strong>光湖语言团队</strong> 研发维护</div>
-    <div class="footer-info">
-      <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">陕ICP备2026010954号</a>
-      <span style="margin:0 14px;color:#c0c0c8">|</span>
-      国作登字-2026-A-00037559
-    </div>
-    <div class="footer-divider"></div>
-    <p class="footer-cr">© 2026 曜冥纪元 · HoloLake Era · 光湖语言世界 · 中华人民共和国</p>
-  </div>
+  <p class="footer-team">本操作系统由 <strong style="color:var(--accent)">光湖语言团队</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:#b0b8c4">|</span>
+    国作登字-2026-A-00037559
+  </p>
+  <div class="footer-divider"></div>
+  <p class="footer-cr">© 2026 曜冥纪元 · HoloLake Era · 中华人民共和国</p>
 </footer>
 
 <script>