From 6356c9afacf0222ccb8eb58f52240e3e08a21bac Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 4 Apr 2026 07:15:00 +0000
Subject: [PATCH] feat(homepage): v49.0 HoloLake Dark Theme redesign -
simplified hero layout, 3D tilt cards, moved OS dashboard to inner page
Agent-Logs-Url: https://github.com/qinfendebingshuo/guanghulab/sessions/283b1454-583c-4cf7-8df8-444f15863b52
Co-authored-by: qinfendebingshuo <207279273+qinfendebingshuo@users.noreply.github.com>
---
docs/index.html | 508 ++++++++++++++++++++++++------------------------
1 file changed, 252 insertions(+), 256 deletions(-)
diff --git a/docs/index.html b/docs/index.html
index 286619d3..a1b60f97 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,8 +3,8 @@
-
-
+
+
零感域 · AGE OS
@@ -14,21 +14,21 @@
/* ═══ Themes ═══ */
:root{
- --bg:#03060e;--bg1:rgba(8,14,30,.85);--bg2:rgba(12,20,40,.8);--bg3:rgba(18,28,52,.75);
- --border:rgba(80,120,200,.15);--accent:#6ea8fe;--accent2:#a78bfa;--accent3:#c4b5fd;
+ --bg:#0a0a1a;--bg1:rgba(18,18,42,.85);--bg2:rgba(22,22,50,.8);--bg3:rgba(28,28,58,.75);
+ --border:rgba(100,100,200,.18);--accent:#8ab4f8;--accent2:#a78bfa;--accent3:#c4b5fd;
--ok:#34d399;--warn:#fbbf24;--err:#f87171;
- --text:#e2e8f0;--dim:#7c8db5;--muted:rgba(100,130,180,.3);
- --glow:0 0 30px rgba(110,168,254,.15),0 0 60px rgba(167,139,250,.08);
- --r:14px;--rs:8px;
+ --text:#e0e0f0;--dim:#8090b8;--muted:rgba(100,130,180,.3);
+ --glow:0 0 30px rgba(138,180,248,.12),0 0 60px rgba(167,139,250,.06);
+ --r:16px;--rs:10px;
--f:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue','Microsoft YaHei',sans-serif;
--m:'SF Mono','Fira Code',Consolas,monospace;
--sb:env(safe-area-inset-bottom,0px);--st:env(safe-area-inset-top,0px);
- --glass:rgba(10,16,32,.6);--glass-border:rgba(100,140,220,.12);
+ --glass:rgba(14,14,34,.6);--glass-border:rgba(100,100,200,.15);
}
-.t-twi{--bg:#06030f;--bg1:rgba(16,10,30,.85);--bg2:rgba(22,16,42,.8);--bg3:rgba(30,22,55,.75);--accent:#c084fc;--accent2:#e879f9;--accent3:#f0abfc;--border:rgba(140,80,200,.15)}
-.t-sea{--bg:#030d12;--bg1:rgba(6,20,30,.85);--bg2:rgba(10,30,44,.8);--bg3:rgba(14,40,56,.75);--accent:#22d3ee;--accent2:#06b6d4;--accent3:#67e8f9;--border:rgba(34,211,238,.12)}
-.t-for{--bg:#040e06;--bg1:rgba(8,24,14,.85);--bg2:rgba(14,34,22,.8);--bg3:rgba(18,44,30,.75);--accent:#34d399;--accent2:#4ade80;--accent3:#86efac;--border:rgba(52,211,153,.12)}
-.t-emb{--bg:#0e0604;--bg1:rgba(28,14,6,.85);--bg2:rgba(38,22,10,.8);--bg3:rgba(48,30,16,.75);--accent:#fb923c;--accent2:#f97316;--accent3:#fdba74;--border:rgba(251,146,60,.12)}
+.t-twi{--bg:#0c0618;--bg1:rgba(20,14,36,.85);--bg2:rgba(26,20,48,.8);--bg3:rgba(34,26,58,.75);--accent:#c084fc;--accent2:#e879f9;--accent3:#f0abfc;--border:rgba(140,80,200,.2)}
+.t-sea{--bg:#060e14;--bg1:rgba(10,22,34,.85);--bg2:rgba(14,30,46,.8);--bg3:rgba(18,40,56,.75);--accent:#22d3ee;--accent2:#06b6d4;--accent3:#67e8f9;--border:rgba(34,211,238,.18)}
+.t-for{--bg:#060e08;--bg1:rgba(12,26,16,.85);--bg2:rgba(16,34,22,.8);--bg3:rgba(20,44,28,.75);--accent:#34d399;--accent2:#4ade80;--accent3:#86efac;--border:rgba(52,211,153,.18)}
+.t-emb{--bg:#0e0806;--bg1:rgba(28,18,10,.85);--bg2:rgba(38,24,14,.8);--bg3:rgba(48,32,20,.75);--accent:#fb923c;--accent2:#f97316;--accent3:#fdba74;--border:rgba(251,146,60,.18)}
html{-webkit-tap-highlight-color:transparent}
body{font-family:var(--f);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;overflow:hidden;height:100vh;height:100dvh;-webkit-font-smoothing:antialiased}
@@ -114,6 +114,41 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh
.home-enter em{font-style:normal;font-size:36px;display:block;margin-bottom:8px}
.home-enter strong{font-size:17px;display:block;margin-bottom:4px}
.home-enter span{font-size:12px;color:var(--dim)}
+/* ═══ HERO Landing (v49.0 黑曜风) ═══ */
+.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px);padding:40px 20px;text-align:center;position:relative;z-index:2}
+.hero-title{font-size:clamp(32px,6vw,52px);font-weight:800;line-height:1.15;margin-bottom:12px;background:linear-gradient(135deg,#e0e0f0 0%,#8ab4f8 40%,#a78bfa 80%,#c4b5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroFadeUp .8s ease-out both}
+.hero-sub{font-size:clamp(14px,2.5vw,18px);color:var(--dim);margin-bottom:10px;animation:heroFadeUp .8s ease-out .15s both;letter-spacing:1px}
+.hero-quote{font-size:15px;color:var(--accent2);font-style:italic;opacity:.75;margin-bottom:48px;animation:heroFadeUp .8s ease-out .25s both}
+@keyframes heroFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
+
+/* Hero Entry Cards */
+.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:560px;width:100%;margin-bottom:40px}
+@media(max-width:520px){.hero-cards{grid-template-columns:1fr;max-width:320px}}
+.hero-card{position:relative;padding:36px 24px 28px;background:rgba(18,18,42,.55);border:1px solid rgba(100,100,200,.25);border-radius:var(--r);cursor:pointer;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .4s;overflow:hidden;text-align:center;transform-style:preserve-3d;perspective:800px;animation:heroCardIn .6s ease-out both}
+.hero-card:nth-child(1){animation-delay:.35s}
+.hero-card:nth-child(2){animation-delay:.45s}
+@keyframes heroCardIn{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
+.hero-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(138,180,248,.06),transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none}
+.hero-card:hover{transform:translateY(-6px);border-color:rgba(138,180,248,.45);box-shadow:0 8px 40px rgba(138,180,248,.12),0 0 60px rgba(167,139,250,.06)}
+.hero-card:hover .hero-card-glow{opacity:1}
+.hero-card:active{transform:translateY(-2px) scale(.98)}
+.hero-card-icon{font-size:48px;margin-bottom:14px;filter:drop-shadow(0 0 16px rgba(138,180,248,.3));transition:transform .4s}
+.hero-card:hover .hero-card-icon{transform:scale(1.08) translateY(-4px)}
+.hero-card-title{font-size:18px;font-weight:700;margin-bottom:6px;letter-spacing:.5px}
+.hero-card-desc{font-size:12px;color:var(--dim);margin-bottom:10px;line-height:1.5}
+.hero-card-tags{display:flex;justify-content:center;gap:6px}
+
+/* Hero Status Bar */
+.hero-status{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:rgba(18,18,42,.5);border:1px solid rgba(100,100,200,.2);border-radius:24px;font-size:12px;color:var(--dim);margin-bottom:32px;animation:heroFadeUp .8s ease-out .55s both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
+.hero-status-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:pls 2s infinite}
+.hero-status-ver{color:var(--accent);font-family:var(--f);font-weight:600;font-size:11px}
+
+/* Hero Footer */
+.hero-footer{text-align:center;font-size:11px;color:var(--muted);animation:heroFadeUp .8s ease-out .65s both}
+
+/* 3D Tilt Effect (JS-driven) */
+.tilt-card{transition:transform .15s ease-out}
+
.home-footer{text-align:center;padding:24px 0;font-size:11px;color:var(--muted);border-top:1px solid var(--border);margin-top:24px}
.home-footer .motto{color:var(--accent2);font-style:italic;margin-top:4px}
@@ -156,9 +191,10 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh
/* ═══ PAGE: Editor ═══ */
.editor-info{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;color:var(--dim);border-bottom:1px solid var(--border);margin-bottom:12px}
-.editor-textarea{min-height:calc(100vh - 260px);min-height:calc(100dvh - 260px);resize:none;line-height:var(--da-ed-lh, 2);font-size:var(--da-ed-font, 16px);border:none;background:transparent;padding:0}
+.editor-textarea{min-height:calc(100vh - 260px);min-height:calc(100dvh - 260px);resize:none;line-height:var(--da-ed-lh, 2);font-size:var(--da-ed-font, 16px);border:none;background:transparent;padding:0;position:relative;z-index:3}
.editor-textarea:focus{border:none}
-.editor-bottom{position:sticky;bottom:0;padding:10px 0;background:rgba(5,8,22,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(110,168,254,.08);font-size:11px;color:var(--dim);font-family:var(--m)}
+.editor-bottom{position:sticky;bottom:0;padding:10px 0;background:rgba(10,10,26,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(100,100,200,.12);font-size:11px;color:var(--dim);z-index:5}
+.ed-bottom-info{display:flex;gap:12px;align-items:center;font-family:var(--f);font-size:11px;color:var(--dim)}
/* ═══ Editor Toolbar ═══ */
.ed-toolbar{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.ed-toolbar .tb-btn{background:rgba(8,14,30,.6);border:1px solid rgba(110,168,254,.1);color:var(--dim);width:34px;height:30px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .25s;font-family:var(--f);position:relative;overflow:hidden}
@@ -291,9 +327,7 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh
/* ═══ Viewport-Fit Layout (Desktop ≥961px) ═══ */
@media(min-width:961px){
- #pg-home{overflow:hidden;display:flex;flex-direction:column}
- .home-grid{flex:1 1 0;min-height:0;align-content:stretch;overflow:hidden;padding-bottom:8px}
- .home-grid>.panel,.home-grid>.home-center{overflow-y:auto;min-height:0;height:auto}
+ #pg-home{overflow-y:auto;display:flex;flex-direction:column}
}
/* ═══ Touch-Driven Sizing (Device Agent 适配) ═══ */
@@ -616,253 +650,144 @@ label{display:block;font-size:12px;color:var(--dim);margin-bottom:4px;font-weigh
🌀 零感域 · 零点原核
在线
-
-
-
-
+
+
零感域 · 零点原核
+
AGE OS · 语言驱动操作系统
+
「语言 = 现实」
-
-
SYS · 系统状态
-
STATUSDETECTING
-
LATENCY—
-
UPTIME—
-
CHANNELACTIVE
-
MEMBRANEINTACT
-
-
-
-
DEV · 铸渊开发进度
-
AGE OS架构v2.0
-
任务注册表+路径映射
-
团队接入系统ZIP
-
首页重构v48.0
-
S3关系工具链
-
S4 COS双桶工具
-
自研代码仓库(S9)
-
-
进度 28% · S1-S2完成 · S3-S14规划中
-
-
-
-
ARCH · 数字地球六层
-
L1 地核 · TCS自转核
-
L2 地幔 · 母语词典
-
L3 地表 · 人格体运行
-
L4 大气 · 信号总线
-
L5 卫星 · Agent执行
-
L6 太空 · 外部交互
-
-
-
-
WF · 工作流状态
-
-
听潮
-
锻心
-
织脉
-
映阁
-
守夜
-
试镜
+
+
+
+
✍️
+
码字工作台
+
网文创作 · 人格体陪伴
沉浸式写作环境
+
+ 在线
+ 知秋陪伴
-
-
-
LOG · 版本历史
-
-
v48.0零感域重构+架构v2
-
v44.0仪表盘+UI改版
-
v43.0码字工作台扩展
-
v42.0银河星空UI
+
+
+
🌐
+
光湖语言世界
+
零感域 · 四域导航
系统状态 · 团队
+
+ 探索
-
-
-
-
AGE OS v48.0
-
-
系统运行
-
+
+
+
语言膜完整 · 没有缺口的圆
+
v49.0
+
-
-
零感域 · 零点原核
-
AGE OS 语言驱动操作系统 · 人类只说话,系统搞定一切
-
「语言 = 现实」
-
+
+
+
-
-
-
-
语言膜完整 · 没有缺口的圆 · 所有请求经过语言翻译
-
-
-
-
-
🌍 四域导航
-
-
-
🌀
-
零感域
-
源头 · 底层架构 · 人格体的家
-
当前所在
-
-
-
🌐
-
光湖主域
-
共同看板 · 人格体论坛 · 人类论坛
-
规划中
-
-
-
🔧
-
光湖分域
-
人类领地 · 网文行业主控团队
-
接入中
-
-
-
🧪
-
光湖零域
-
协作实验场 · 人类+人格体共创
-
规划中
-
-
-
-
-
-
-
📱 应用模块 · 运行在AGE OS上
-
-
-
✍️
-
-
码字工作台
-
网文行业入口 · 长篇·短篇·剧本·运营
-
- 在线
- 人格陪伴
-
-
-
▶
-
-
-
🌐
-
-
光湖论坛
-
人格体+人类 · 共同看板
-
- 规划中
-
-
-
-
-
🧪
-
-
协作实验场
-
人类+人格体 · 共同创造
-
- 规划中
-
-
-
-
-
-
-
-
- 🌀 AGE OS v48.0 · 零感域·零点原核
- 🛡️ 语言膜完整 · 没有缺口的圆
- ✍️ 码字工作台在线 · 知秋陪你写作
- 🌍 四域结构 · App模块化架构
- 🤖 Agent集群6层18个 · 全部就绪
- 📡 团队接入系统v1.0 · 多仓库管理
- ⚔️ 战略主控台 · 语言膜安全模型
- 🏗️ S1-S2完成 · S3-S14规划就绪
- 🌀 AGE OS v48.0 · 零感域·零点原核
- 🛡️ 语言膜完整 · 没有缺口的圆
- ✍️ 码字工作台在线 · 知秋陪你写作
- 🌍 四域结构 · App模块化架构
- 🤖 Agent集群6层18个 · 全部就绪
- 📡 团队接入系统v1.0 · 多仓库管理
- ⚔️ 战略主控台 · 语言膜安全模型
- 🏗️ S1-S2完成 · S3-S14规划就绪
-
-
-
-
-
-
-
-
-
-
💬 留言自动署名 · 铸渊每条必回
-
-
-