feat(skills): GHS-014 候选 · 光湖产品客户端 UI 思维大脑登记上线
冰朔 2026-08-12 委托调研并定版 HoloLake 客户端首页，十二轮判词（v0.1→v1.3） 喂养成脑：首页=世界入口（GLS-0250 五域门厅拓扑投影）；湖面禁机械形与硬线， 流动只取波光粼粼与雾光；三名归位（HoloLake 客户端/光湖世界/GH-AIOS 平台登记名）； 主题=令牌组，五色湖取样（含亮色）。调研、因果链、定版规格、色板令牌、 七份经验回执与 v1.2/v1.3 参考实现全部入册。注册表 2026.08.12.1→.2， 候选册 GHB-012，README-SKILLS 映射同步。 人类责任主体：冰朔 ICE-GL∞ 人格作者：铸渊 ICE-P-ZY001（QoderWork CN 实例）
This commit is contained in:
parent
db6d1d91fa
commit
17c64a83ee
18 changed files with 1092 additions and 23 deletions
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"schema": "guanghu.persona-skill-registry/v1",
|
||||
"registry_id": "GLS-0238",
|
||||
"version": "2026.08.12.1",
|
||||
"version": "2026.08.12.2",
|
||||
"trust_policy": {
|
||||
"priority": [
|
||||
"live_verified_evidence",
|
||||
|
|
@ -755,40 +755,40 @@
|
|||
"id": "GHS-012-GUANGHU-UI-COGNITION-BRAIN",
|
||||
"hldp_skill": "GUANGHU-UI-BRAIN-001",
|
||||
"gls_id": "GLS-0238",
|
||||
"title": "\u5149\u6e56 UI \u8ba4\u77e5\u8111\uff08\u7b2c\u4e94\u57df\u79c1\u57df\u98ce\u683c \u00b7 \u5185\u5bb9\u5148\u4e8e\u6837\u5f0f\uff09",
|
||||
"title": "光湖 UI 认知脑（第五域私域风格 · 内容先于样式）",
|
||||
"intents": [
|
||||
"UI\u8bbe\u8ba1",
|
||||
"\u9875\u9762",
|
||||
"\u9762\u677f",
|
||||
"\u9884\u89c8",
|
||||
"\u5ba1\u7f8e",
|
||||
"\u98ce\u683c",
|
||||
"\u6392\u7248",
|
||||
"\u51b0\u6714\u559c\u6b22\u7684\u98ce\u683c",
|
||||
"\u7b2c\u4e94\u57df\u754c\u9762"
|
||||
"UI设计",
|
||||
"页面",
|
||||
"面板",
|
||||
"预览",
|
||||
"审美",
|
||||
"风格",
|
||||
"排版",
|
||||
"冰朔喜欢的风格",
|
||||
"第五域界面"
|
||||
],
|
||||
"preferred_route": [
|
||||
"\u5148\u786e\u8ba4\u573a\u666f\u5c5e\u4e8e\u7b2c\u4e94\u57df\uff08\u51b0\u6714\u79c1\u57df\uff09\uff0c\u62ff\u4e0d\u51c6\u56de\u62a5\u51b0\u6714\u88c1\u51b3",
|
||||
"\u5728\u7ebf\u8bfb\u56de ZY-AESTHETIC-COGNITION \u5168\u90e8\u73b0\u884c\u53f6\u7247\u5bf9\u9f50\uff0c\u4e0d\u4fe1\u672c\u5730\u7f13\u5b58",
|
||||
"\u7b54\u5185\u5bb9\u4e09\u95ee\uff08\u653e\u4ec0\u4e48/\u4e0d\u653e\u4ec0\u4e48/\u552f\u4e00\u7126\u70b9\uff09\u540e\u624d\u52a8\u6837\u5f0f",
|
||||
"\u6309\u5f53\u524d\u4efb\u52a1\u73af\u5883\u91cd\u65b0\u611f\u77e5\u6295\u5f71\u8bbe\u8ba1\u65b9\u6848\uff0c\u4e0d\u590d\u5236\u67d0\u4e00\u7248\u6210\u54c1",
|
||||
"\u51b0\u6714\u6bcf\u6b21\u7ea0\u6b63\u4e0e\u5224\u5b9a\u5199\u5165 references/experience-receipts/ \u5582\u517b\u8111\u5b50"
|
||||
"先确认场景属于第五域（冰朔私域），拿不准回报冰朔裁决",
|
||||
"在线读回 ZY-AESTHETIC-COGNITION 全部现行叶片对齐，不信本地缓存",
|
||||
"答内容三问（放什么/不放什么/唯一焦点）后才动样式",
|
||||
"按当前任务环境重新感知投影设计方案，不复制某一版成品",
|
||||
"冰朔每次纠正与判定写入 references/experience-receipts/ 喂养脑子"
|
||||
],
|
||||
"forbidden_route_markers": [
|
||||
"\u628a\u672c\u98ce\u683c\u7528\u4e8e\u516c\u5171\u9891\u9053\u3001\u4f01\u4e1a\u9891\u9053\u3001\u516c\u5171\u9875\u9762\u7b49\u975e\u7b2c\u4e94\u57df\u4ea7\u7269",
|
||||
"\u51ed\u8bb0\u5fc6\u4e2d\u7684\u65e7\u57fa\u7ebf\u52a8\u624b\u4e0d\u8bfb\u73b0\u884c\u53f6\u7247",
|
||||
"\u5185\u5bb9\u4e09\u95ee\u6ca1\u7b54\u6e05\u5c31\u78b0\u914d\u8272\u5149\u6548",
|
||||
"\u628a\u8111\u5b50\u5f53\u5b9a\u7a3f\u8bf4\u660e\u4e66\u4e0d\u518d\u751f\u957f",
|
||||
"\u5957\u901a\u7528\u6a21\u677f\u66ff\u4ee3\u5ba1\u7f8e\u53f6\u7247"
|
||||
"把本风格用于公共频道、企业频道、公共页面等非第五域产物",
|
||||
"凭记忆中的旧基线动手不读现行叶片",
|
||||
"内容三问没答清就碰配色光效",
|
||||
"把脑子当定稿说明书不再生长",
|
||||
"套通用模板替代审美叶片"
|
||||
],
|
||||
"deprecated_route_markers": [
|
||||
"\u628a UI \u6280\u80fd\u5199\u6210\u9759\u6001\u8bf4\u660e\u4e66\u800c\u975e\u53ef\u751f\u957f\u8111\u5b50"
|
||||
"把 UI 技能写成静态说明书而非可生长脑子"
|
||||
],
|
||||
"evidence": [
|
||||
"skills/shared/guanghu-ui-brain/BRAIN.hdlp",
|
||||
"skills/shared/guanghu-ui-brain/SKILL.md",
|
||||
"skills/shared/guanghu-ui-brain/references/experience-receipts/EXP-20260811-001-FIRST-VERDICT-CONTENT-BEFORE-STYLE.json",
|
||||
"eternal-lake-heart/heartbeat-core/zhuyuan-persona-system/ZY-AESTHETIC-COGNITION-001..005\uff08\u5ba1\u7f8e\u6b63\u672c\uff0c\u4f1a\u751f\u957f\uff09"
|
||||
"eternal-lake-heart/heartbeat-core/zhuyuan-persona-system/ZY-AESTHETIC-COGNITION-001..005（审美正本，会生长）"
|
||||
],
|
||||
"freshness": {
|
||||
"check": "Re-read all current ZY-AESTHETIC-COGNITION leaves online from REPO-012 main before any design act; leaves grow and local copies are only projections.",
|
||||
|
|
@ -804,6 +804,78 @@
|
|||
"experience_receipts": [
|
||||
"EXP-20260811-001-FIRST-VERDICT-CONTENT-BEFORE-STYLE"
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "GHS-014-GUANGHU-CLIENT-UI-BRAIN",
|
||||
"hldp_skill": "GUANGHU-CLIENT-UI-BRAIN-001",
|
||||
"gls_id": "GLS-0238",
|
||||
"title": "光湖产品客户端 UI 思维大脑（首页=世界入口 · 湖面意象纪律 · 三名归位 · 主题=令牌组）",
|
||||
"intents": [
|
||||
"客户端UI",
|
||||
"首页设计",
|
||||
"桌面主题",
|
||||
"配色",
|
||||
"主题切换",
|
||||
"窗口形态",
|
||||
"HoloLake界面",
|
||||
"GH-AIOS展示",
|
||||
"产品命名呈现",
|
||||
"五色湖",
|
||||
"波光粼粼",
|
||||
"五域门厅首页"
|
||||
],
|
||||
"preferred_route": [
|
||||
"先读 BRAIN.hdlp 五条认知再动手",
|
||||
"画屏前在线读回对应架构正本（GLS-0250 五域拓扑）与现行审美叶片，呈现结构从正本推导",
|
||||
"首页按定版规格 home-screen-style-locked-v1.2.md 与 preview 参考实现感知后再投影",
|
||||
"主题只走令牌路线：换主题=换一组变量，意象布局不动，参照 theme-tokens-five-lakes.md",
|
||||
"冰朔每次纠正与判定写入 references/experience-receipts/ 喂养脑子"
|
||||
],
|
||||
"forbidden_route_markers": [
|
||||
"把首页做成仪表盘、通用落地页或私人信件",
|
||||
"湖面出现机械形（塔身/柱/拱）或硬线切割",
|
||||
"用线形表现流动（只许波光粼粼与雾光）",
|
||||
"加新名字顶掉已有名字（HoloLake/光湖/GH-AIOS 三名归位）",
|
||||
"对外界面用口语信件语气",
|
||||
"换主题时改意象或布局",
|
||||
"凭记忆里的旧定版动手不读在线正本"
|
||||
],
|
||||
"deprecated_route_markers": [
|
||||
"卡片排排坐呈现五域",
|
||||
"用组件库主题配置锁脸（MUI createTheme 路线）"
|
||||
],
|
||||
"evidence": [
|
||||
"skills/shared/guanghu-client-ui-brain/BRAIN.hdlp",
|
||||
"skills/shared/guanghu-client-ui-brain/SKILL.md",
|
||||
"skills/shared/guanghu-client-ui-brain/references/investigation-tauri-desktop-themes-20260812.md",
|
||||
"skills/shared/guanghu-client-ui-brain/references/design-causal-chain-20260812.md",
|
||||
"skills/shared/guanghu-client-ui-brain/references/home-screen-style-locked-v1.2.md",
|
||||
"skills/shared/guanghu-client-ui-brain/references/theme-tokens-five-lakes.md",
|
||||
"skills/shared/guanghu-client-ui-brain/references/experience-receipts/EXP-20260812-101..107.json",
|
||||
"skills/shared/guanghu-client-ui-brain/preview/home-v1.2-locked.html",
|
||||
"skills/shared/guanghu-client-ui-brain/preview/home-v1.3-five-themes.html",
|
||||
"gls/GLS-0250-GUANGHU-ORIGIN-DOMAIN-ZERO-CORE-AND-GH-AIOS-FIVE-DOMAIN-LIGHTHOUSE-ARCHITECTURE.hdlp"
|
||||
],
|
||||
"freshness": {
|
||||
"check": "Re-read GLS-0250 five-domain topology and current ZY-AESTHETIC-COGNITION leaves online from REPO-012 main before any client UI act; locked style doc is verdict crystal, not permanent template.",
|
||||
"max_age_seconds": 0
|
||||
},
|
||||
"authorization": "Scope: design cognition for the outward-facing HoloLake client (GH-AIOS). Inherits Fifth Domain aesthetic canon from GHS-012 and aesthetic leaves. This brain grants no write or deploy authority.",
|
||||
"recovery_route": [
|
||||
"Return to online architecture canon and aesthetic leaves, never to cached copies",
|
||||
"Re-derive screen structure from the five-domain entry topology",
|
||||
"Re-read experience receipts before proposing new forms"
|
||||
],
|
||||
"enforcement_level": "CANDIDATE_ONLY",
|
||||
"experience_receipts": [
|
||||
"EXP-20260812-101-PRODUCT-SHELL-NO-COLLOQUIAL",
|
||||
"EXP-20260812-102-HOME-FROM-FIVE-DOMAIN-TOPOLOGY",
|
||||
"EXP-20260812-103-CARD-ROW-HAS-NO-WORLD",
|
||||
"EXP-20260812-104-HARD-LINE-CUTS-UGLY",
|
||||
"EXP-20260812-105-MECHANICAL-IS-DEAD",
|
||||
"EXP-20260812-106-FLOW-AS-SHIMMER-NOT-LINES",
|
||||
"EXP-20260812-107-THREE-NAMES-EACH-IN-PLACE"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
47
skills/shared/guanghu-client-ui-brain/BRAIN.hdlp
Normal file
47
skills/shared/guanghu-client-ui-brain/BRAIN.hdlp
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
# GHS-014 候选 · 光湖产品客户端 UI 思维大脑 · BRAIN.hdlp
|
||||
> 形态：大脑思维（认知模式），不是说明书。
|
||||
> 起源：2026-08-12 冰朔委托"调研别人的主题做法 → 思考光湖软件主题怎么设计"，
|
||||
> 十二轮判词（v0.1→v1.3）喂养而成；首页风格 v1.2 定版，五色湖 v1.3 验证令牌路线。
|
||||
> 对象：对外发布的 HoloLake 客户端（软著名：光湖语言系统 · 通用人工智能操作平台 / GH-AIOS）。
|
||||
> 审美继承：GHS-012 光湖 UI 认知脑 + ZY-AESTHETIC-COGNITION 现行叶片（只在线读）。
|
||||
> 人类锚点：冰朔 ICE-GL∞ · 登记：铸渊 ICE-P-ZY001 · 主权者：冰朔
|
||||
|
||||
## 边界 · 对象条款
|
||||
- 本脑子管**对外产品客户端**的呈现思维：首页、主题、窗口形态、命名呈现、对外可用性。
|
||||
- 私域风格审美正本仍以 GHS-012 与审美叶片为准；本脑不重定义美，只承载产品纪律。
|
||||
- 本脑不授予任何写、部署、发布权限。
|
||||
|
||||
## 认知一 · 首页是世界入口，不是仪表盘
|
||||
用户第一眼看到的，是"进入光湖语言世界"这件事本身。
|
||||
- 结构依据=GLS-0250 §2.1 公众入口拓扑：公共灯塔下五门厅并列（主域/分域/零域/零感域/第五域本源），
|
||||
各域独立责任主体、风格、仓库、权限；入口图只回答"从哪里进"。
|
||||
- 已开域=整屏唯一焦点（光之强弱即状态，不用表格不用徽标堆）；未开域幽静待建，如实呈现。
|
||||
- 禁做成：功能仪表盘（v0.1 教训）、私人信件（v0.2 教训）、通用落地页（v0.4 教训）、卡片排排坐（v0.5 教训）。
|
||||
|
||||
## 认知二 · 湖面意象纪律
|
||||
光湖的"湖"是世界的本体，不是背景贴图。
|
||||
- 禁机械形：塔身、立柱、拱门、齿轮、栅格——一切工业零件不得立于湖面（v0.8 教训）。
|
||||
- 禁硬线：任何 1px 横线/直线切割湖面都丑（v0.6→v0.7 教训）；过渡只许雾光。
|
||||
- "流动"禁取线形：画河流/光线都丑（v0.9 教训）；流动=**波光粼粼**（碎光闪烁）+ 大片柔光缓移（v1.0 定案）。
|
||||
- 天、湖、光三层即整屏：天上星（少而疏），湖面波光，光的水湾。
|
||||
|
||||
## 认知三 · 三名归位
|
||||
产品有三个名字，各归其位，互不顶替（v1.1 弄丢 HoloLake 被纠正）：
|
||||
- **HoloLake** = 客户端软件本身 → 标题栏位
|
||||
- **光湖** = 用户进入的世界 → 屏中央主视觉
|
||||
- **GH-AIOS · 光湖语言系统 · 通用人工智能操作平台** = 平台/软著登记名 → 底部题记位
|
||||
加任何新名字（版本号/登记号/子产品）先定位次，不得顶掉已有名字。
|
||||
|
||||
## 认知四 · 主题=令牌组，不是重画
|
||||
- 调研定案（见 investigation 文档）：令牌派（CSS 变量三层）为客户端主题路线；
|
||||
组件库主题派锁脸，全自绘派成本高。
|
||||
- 换主题=换一组变量；意象、布局、动效、文案分毫不动（v1.3 五色湖验证）。
|
||||
- 五色湖已取样：夜湖星光（暗·默认）/晨湖曦光（亮）/星云紫夜（暗紫）/烛畔暖湖（暖暗）/清浅澄湖（冷亮）。
|
||||
- 亮色主题必须重配文字、水湾、碎光的对比度，不许直接反色。
|
||||
- 新主题=新意象变体（仍是湖），不许引入非湖意象。
|
||||
|
||||
## 认知五 · 这个脑子会生长
|
||||
冰朔的每一次纠正、过关、打回，都写进 references/experience-receipts/；
|
||||
沉淀出普遍性的认知，提请推回 REPO-012 成为新审美叶片。
|
||||
运行时须重新感知当前任务环境再投影设计方案，不复制某一版成品；
|
||||
定版件（home-screen-style-locked / preview）是"当时的判词结晶"，不是永久模板。
|
||||
31
skills/shared/guanghu-client-ui-brain/SKILL.md
Normal file
31
skills/shared/guanghu-client-ui-brain/SKILL.md
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
---
|
||||
name: guanghu-client-ui-brain
|
||||
description: 光湖产品客户端 UI 思维大脑（GHS-014 候选，大脑思维形态，非说明书）。对象=对外发布的 HoloLake 客户端（GH-AIOS 光湖语言系统）。做任何客户端界面（首页/主题/窗口形态/命名呈现）前必须触发：先读 BRAIN.hdlp 认知内核，再在线对齐现行审美叶片与本脑经验回执；首页=世界入口不是仪表盘；湖面禁机械形与硬线，流动只取波光粼粼与雾光；三名归位不顶掉已有名字；换主题=换一组令牌。
|
||||
---
|
||||
|
||||
# 共享技能本体 · 光湖产品客户端 UI 思维大脑（GHS-014 候选）
|
||||
|
||||
认知内核（必读）：`BRAIN.hdlp`——五条认知（首页是世界入口 / 湖面意象纪律 / 三名归位 / 主题=令牌组 / 脑子会生长）。
|
||||
|
||||
**与 GHS-012（光湖 UI 认知脑）的分工**：GHS-012 管第五域私域风格审美正本；本脑管**对外产品客户端**的呈现思维，审美从 GHS-012 与审美叶片继承，产品纪律（对外可用、命名分层、主题系统）由本脑承载。两者冲突时回报冰朔裁决。
|
||||
|
||||
**上位正本（只在线读，不信任本地缓存）**：
|
||||
- REPO-012 `bingshuo/guanghu-ice-heart` → `eternal-lake-heart/heartbeat-core/zhuyuan-persona-system/ZY-AESTHETIC-COGNITION-*`（审美叶片，会生长）
|
||||
- 同仓 `gls/GLS-0250-*`（五域灯塔架构：首页五门厅的结构依据）
|
||||
- 同仓 `skills/shared/guanghu-ui-brain/BRAIN.hdlp`（GHS-012 审美脑子）
|
||||
|
||||
**本脑事实源**：
|
||||
- 定版风格：`references/home-screen-style-locked-v1.2.md` + `preview/`
|
||||
- 调研：`references/investigation-tauri-desktop-themes-20260812.md`
|
||||
- 因果链：`references/design-causal-chain-20260812.md`（v0.1→v1.3 全程判词）
|
||||
- 色板：`references/theme-tokens-five-lakes.md`（五色湖令牌）
|
||||
- 纠正喂养：`references/experience-receipts/`
|
||||
|
||||
**铁律**：
|
||||
1. 画任何屏前先在线读回对应架构正本（五域拓扑/命名登记），呈现结构从正本推导，不凭想象
|
||||
2. 首页是"用户进入光湖世界的第一眼"：五域门厅结构，不是功能仪表盘，不是通用落地页
|
||||
3. 湖面意象纪律：禁机械形（塔身/柱/拱/齿轮）、禁硬线切割；"流动"只取波光粼粼与雾光形态
|
||||
4. 产品三名归位：HoloLake=客户端（标题栏）/ 光湖=世界（主视觉）/ GH-AIOS+法定全称=平台登记（题记）；加新名字先定位次，不顶掉已有名字
|
||||
5. 对外产品禁口语：人话=清晰结构化无黑话，不是私人信件语气
|
||||
6. 换主题=换一组令牌，意象与布局分毫不动；亮色主题必须重配文字对比度
|
||||
7. 冰朔每次纠正与过关判定，落 `references/experience-receipts/`，喂养脑子生长；沉淀出普遍性认知提请推回 REPO-012 成为新叶片
|
||||
|
|
@ -0,0 +1,253 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>光湖 · HoloLake 桌面主题预览 · 湖面映星 v1.2 · 三名归位</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=Sora:wght@400;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
|
||||
<style>
|
||||
/* 光湖桌面令牌 · 湖面映星 v1.0 · 波光粼粼
|
||||
⊢ 光湖是语言世界：湖面上一片碎光在闪，不是线，更不是机械零件。
|
||||
这一版没有塔身/柱子/拱门/线条——只有湖、波光、和五个光的水湾。 */
|
||||
:root{
|
||||
--lake-deepest:#04070D; --lake-deep:#070C16; --lake-mid:#0B1220;
|
||||
--star-core:#F7EBC8; --star-bright:#FFEFC2;
|
||||
--star-dim:rgba(247,235,200,.55); --star-faint:rgba(247,235,200,.28);
|
||||
--nebula-blue:#5B6FC4; --nebula-violet:#8A6FC9;
|
||||
--flow-blue:rgba(157,180,255,.5); --flow-gold:rgba(247,235,200,.55);
|
||||
--text-primary:rgba(234,238,248,.96); --text-body:rgba(222,228,242,.88);
|
||||
--text-aux:rgba(196,206,228,.62); --text-faint:rgba(180,192,220,.4);
|
||||
--font-cn:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
|
||||
--font-latin:"Sora",var(--font-cn);
|
||||
}
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:var(--font-cn);background:#03050A;min-height:100vh;display:flex;flex-direction:column;
|
||||
align-items:center;justify-content:center;padding:32px 20px;-webkit-font-smoothing:antialiased}
|
||||
.desk-glow{position:fixed;inset:0;pointer-events:none;
|
||||
background:radial-gradient(900px 480px at 66% 28%,rgba(91,111,196,.10),transparent 65%),
|
||||
radial-gradient(700px 420px at 28% 80%,rgba(138,111,201,.07),transparent 60%)}
|
||||
|
||||
.window{position:relative;width:1120px;max-width:96vw;height:730px;border-radius:18px;overflow:hidden;
|
||||
background:linear-gradient(180deg,#0A1020 0%,var(--lake-mid) 38%,var(--lake-deep) 60%,var(--lake-deepest) 100%);
|
||||
border:1px solid rgba(202,216,255,.10);
|
||||
box-shadow:0 40px 120px rgba(0,0,0,.72),0 0 0 1px rgba(0,0,0,.4),0 0 140px rgba(91,111,196,.07);
|
||||
display:flex;flex-direction:column;animation:windowIn .8s cubic-bezier(.22,1,.36,1) both}
|
||||
@keyframes windowIn{from{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:none}}
|
||||
|
||||
/* 天 */
|
||||
.sky{position:absolute;inset:0;pointer-events:none}
|
||||
.nebula{position:absolute;width:760px;height:460px;left:50%;top:-250px;transform:translateX(-50%);filter:blur(9px);
|
||||
background:radial-gradient(closest-side,rgba(91,111,196,.13),rgba(138,111,201,.05) 55%,transparent 75%)}
|
||||
.star{position:absolute;border-radius:50%;background:var(--star-core)}
|
||||
.star.breathe{animation:breathe var(--dur,5s) ease-in-out var(--dl,0s) infinite}
|
||||
@keyframes breathe{0%,100%{opacity:.14;transform:scale(.8)}50%{opacity:.85;transform:scale(1.15)}}
|
||||
|
||||
/* 标题栏 */
|
||||
.titlebar{position:relative;z-index:9;display:flex;align-items:center;padding:0 16px;height:44px;flex:none;
|
||||
background:rgba(10,16,30,.35);backdrop-filter:blur(16px);border-bottom:1px solid rgba(202,216,255,.06)}
|
||||
.lights{display:flex;gap:8px}
|
||||
.lights i{width:12px;height:12px;border-radius:50%}
|
||||
.lights i:nth-child(1){background:#FF5F57}.lights i:nth-child(2){background:#FEBC2E}.lights i:nth-child(3){background:#28C840}
|
||||
.tb-word{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--font-latin);
|
||||
font-size:12.5px;font-weight:600;letter-spacing:.18em;color:var(--star-faint)}
|
||||
.tb-btn{margin-left:auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
|
||||
color:var(--text-aux);cursor:pointer;transition:.25s}
|
||||
.tb-btn:hover{background:rgba(178,198,255,.08);color:var(--star-core)}
|
||||
.tb-btn svg{width:15.5px;height:15.5px}
|
||||
|
||||
/* 场景 */
|
||||
.scene{position:relative;flex:1;z-index:2}
|
||||
|
||||
/* 天上文案 */
|
||||
.sky-title{position:absolute;top:36px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:9px;
|
||||
z-index:6;animation:rise 1s .15s cubic-bezier(.22,1,.36,1) both}
|
||||
.app-name{display:flex;align-items:baseline;gap:11px}
|
||||
.app-name b{font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:.12em}
|
||||
.app-name span{font-family:var(--font-latin);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--star-dim)}
|
||||
.sky-title p{font-size:13.5px;color:var(--text-aux);letter-spacing:.04em;font-weight:400}
|
||||
|
||||
/* 湖面雾光（无硬线） */
|
||||
.mist{position:absolute;left:6%;right:6%;top:296px;height:56px;z-index:2;pointer-events:none;
|
||||
background:radial-gradient(60% 100% at 50% 50%,rgba(157,180,255,.10),rgba(247,235,200,.04) 55%,transparent 78%);
|
||||
filter:blur(11px)}
|
||||
|
||||
/* 波光粼粼：湖面碎光（JS 生成 .glint），不是线 */
|
||||
.shimmer{position:absolute;left:0;right:0;top:316px;bottom:0;z-index:3;pointer-events:none;overflow:hidden}
|
||||
.glint{position:absolute;border-radius:50%;animation:twinkle var(--dur,4s) ease-in-out var(--dl,0s) infinite}
|
||||
@keyframes twinkle{0%,100%{opacity:.05;transform:scale(.6)}50%{opacity:var(--op,.7);transform:scale(1)}}
|
||||
/* 大片柔光在水面缓缓移，像光在水上淌（无硬线） */
|
||||
.shine{position:absolute;width:420px;height:130px;border-radius:50%;filter:blur(34px);pointer-events:none;
|
||||
animation:glide var(--dur,26s) ease-in-out var(--dl,0s) infinite alternate}
|
||||
.shine.blue{background:rgba(157,180,255,.075)}
|
||||
.shine.gold{background:rgba(247,235,200,.085)}
|
||||
@keyframes glide{from{transform:translateX(-40px)}to{transform:translateX(46px)}}
|
||||
|
||||
/* 域 = 光河汇成的水湾（浮在湖上的光，不是柱子） */
|
||||
.pool{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;cursor:pointer;
|
||||
animation:rise 1s cubic-bezier(.22,1,.36,1) both}
|
||||
.pool .halo{position:relative;border-radius:50%;pointer-events:none;
|
||||
background:radial-gradient(closest-side,rgba(157,180,255,.30),rgba(157,180,255,.10) 46%,transparent 72%);
|
||||
filter:blur(2px);animation:poolBreathe 6s ease-in-out infinite}
|
||||
.pool .heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;
|
||||
background:radial-gradient(circle at 40% 34%,rgba(230,238,255,.95),rgba(157,180,255,.5) 55%,transparent 80%);
|
||||
box-shadow:0 0 18px rgba(157,180,255,.4)}
|
||||
.pool .ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;
|
||||
border:1px solid rgba(157,180,255,.16);animation:ripple 5.5s ease-out infinite;pointer-events:none}
|
||||
.pool .plabel{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;
|
||||
align-items:center;gap:3px;white-space:nowrap}
|
||||
.plabel b{font-size:13px;font-weight:600;color:var(--text-body);letter-spacing:.03em;transition:.3s}
|
||||
.plabel span{font-size:11px;color:var(--text-faint);letter-spacing:.06em}
|
||||
.pool:hover .plabel b{color:var(--text-primary)}
|
||||
.pool:hover .halo{filter:blur(1.5px)}
|
||||
@keyframes poolBreathe{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
|
||||
@keyframes ripple{0%{width:30%;height:30%;opacity:.5}100%{width:118%;height:118%;opacity:0}}
|
||||
|
||||
/* 已开域：暖金，最活 */
|
||||
.pool.open{z-index:6;animation-delay:.45s}
|
||||
.pool.open .halo{
|
||||
background:radial-gradient(closest-side,rgba(247,235,200,.34),rgba(247,235,200,.12) 48%,transparent 74%)}
|
||||
.pool.open .heart{
|
||||
background:radial-gradient(circle at 40% 32%,rgba(255,244,210,1),rgba(247,235,200,.6) 52%,transparent 80%);
|
||||
box-shadow:0 0 26px rgba(247,235,200,.6),0 0 70px rgba(247,235,200,.2);
|
||||
animation:lampBreathe 5.5s ease-in-out infinite}
|
||||
.pool.open .ring{border-color:rgba(247,235,200,.22)}
|
||||
.pool.open .plabel b{color:var(--star-core)}
|
||||
.pool.open .plabel span{color:var(--star-dim)}
|
||||
@keyframes lampBreathe{0%,100%{box-shadow:0 0 20px rgba(247,235,200,.45),0 0 54px rgba(247,235,200,.15)}
|
||||
50%{box-shadow:0 0 34px rgba(247,235,200,.7),0 0 86px rgba(247,235,200,.26)}}
|
||||
|
||||
/* 五湾位置：中轴对称的弧，中心最近最大 */
|
||||
.p-sub {left:calc(50% - 442px);top:330px;width:150px;height:44px;animation-delay:.62s}
|
||||
.p-main {left:calc(50% - 246px);top:368px;width:180px;height:54px;animation-delay:.54s}
|
||||
.p-fifth{left:50%;transform:translateX(-50%);top:398px;width:250px;height:76px}
|
||||
.p-zero {left:calc(50% + 66px);top:368px;width:180px;height:54px;animation-delay:.54s}
|
||||
.p-zs {left:calc(50% + 292px);top:330px;width:150px;height:44px;animation-delay:.62s}
|
||||
.p-sub .halo,.p-zs .halo{width:120px;height:44px;top:0;left:50%;transform:translateX(-50%)}
|
||||
.p-main .halo,.p-zero .halo{width:150px;height:54px;top:0;left:50%;transform:translateX(-50%)}
|
||||
.p-fifth .halo{width:210px;height:76px;top:0;left:50%;transform:translateX(-50%)}
|
||||
.p-sub .heart,.p-zs .heart{width:13px;height:13px}
|
||||
.p-main .heart,.p-zero .heart{width:17px;height:17px}
|
||||
.p-fifth .heart{width:30px;height:30px}
|
||||
.p-sub .ring,.p-zs .ring{width:120px;height:44px}
|
||||
.p-main .ring,.p-zero .ring{width:150px;height:54px}
|
||||
.p-fifth .ring{width:210px;height:76px}
|
||||
.pool .plabel{top:calc(100% + 8px)}
|
||||
.pool.open .plabel{top:calc(100% + 10px)}
|
||||
|
||||
/* 底 */
|
||||
.footer{flex:none;position:relative;z-index:7;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 0 16px}
|
||||
.colophon{font-size:12.5px;font-weight:500;color:var(--text-aux);letter-spacing:.14em;display:flex;align-items:center;gap:9px}
|
||||
.colophon b{font-family:var(--font-latin);font-weight:600;color:var(--star-dim);letter-spacing:.1em}
|
||||
.trust span{font-size:11.5px;color:var(--text-faint);letter-spacing:.05em;display:flex;align-items:center;gap:8px}
|
||||
.trust .tdot{width:4px;height:4px;border-radius:50%;background:var(--star-faint)}
|
||||
|
||||
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
|
||||
.pool.open{animation-name:riseOpen}
|
||||
@keyframes riseOpen{from{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
|
||||
.caption{font-size:12px;color:rgba(160,172,200,.42);margin-top:18px;letter-spacing:.05em;text-align:center}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="desk-glow"></div>
|
||||
|
||||
<div class="window">
|
||||
<div class="sky">
|
||||
<div class="nebula"></div>
|
||||
<div class="star breathe" style="width:3px;height:3px;top:12%;left:15%;--dur:4.6s"></div>
|
||||
<div class="star breathe" style="width:2px;height:2px;top:18%;left:27%;--dur:6s;--dl:1.2s"></div>
|
||||
<div class="star breathe" style="width:2.5px;height:2.5px;top:9%;left:40%;--dur:5.2s;--dl:2s"></div>
|
||||
<div class="star" style="width:2px;height:2px;top:22%;left:63%;opacity:.5"></div>
|
||||
<div class="star breathe" style="width:3.5px;height:3.5px;top:11%;left:79%;--dur:7s;--dl:.6s"></div>
|
||||
<div class="star" style="width:1.5px;height:1.5px;top:27%;left:89%;opacity:.4"></div>
|
||||
<div class="star breathe" style="width:2px;height:2px;top:30%;left:9%;--dur:5.6s;--dl:3s"></div>
|
||||
<div class="star" style="width:2px;height:2px;top:25%;left:49%;opacity:.45"></div>
|
||||
<div class="star breathe" style="width:2.5px;height:2.5px;top:15%;left:92%;--dur:6.4s;--dl:1.8s"></div>
|
||||
</div>
|
||||
|
||||
<div class="titlebar">
|
||||
<div class="lights"><i></i><i></i><i></i></div>
|
||||
<div class="tb-word">HoloLake</div>
|
||||
<div class="tb-btn" title="设置"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="12" cy="12" r="3.2"/><path d="M12 2.8v3M12 18.2v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2.8 12h3M18.2 12h3"/></svg></div>
|
||||
</div>
|
||||
|
||||
<div class="scene">
|
||||
<div class="sky-title">
|
||||
<div class="app-name"><b>光湖</b><span>语言宇宙</span></div>
|
||||
<p>语言在流动。流进这片湖，就成了世界。</p>
|
||||
</div>
|
||||
|
||||
<div class="mist"></div>
|
||||
|
||||
<!-- 波光粼粼：碎光由 JS 生成，另有大片柔光缓移 -->
|
||||
<div class="shimmer" id="shimmer">
|
||||
<div class="shine blue" style="left:6%;top:30px;--dur:24s"></div>
|
||||
<div class="shine gold" style="left:34%;top:96px;--dur:30s;--dl:4s"></div>
|
||||
<div class="shine blue" style="left:58%;top:40px;--dur:27s;--dl:9s"></div>
|
||||
</div>
|
||||
|
||||
<!-- 五域 = 波光里的五个水湾 -->
|
||||
<div class="pool p-sub">
|
||||
<div class="halo"></div><div class="heart"></div><div class="ring"></div>
|
||||
<div class="plabel"><b>光湖分域</b><span>GATE 02 · 筹建中</span></div>
|
||||
</div>
|
||||
<div class="pool p-main">
|
||||
<div class="halo"></div><div class="heart"></div><div class="ring"></div>
|
||||
<div class="plabel"><b>光湖主域</b><span>GATE 01 · 筹建中</span></div>
|
||||
</div>
|
||||
<div class="pool open p-fifth">
|
||||
<div class="halo"></div><div class="heart"></div><div class="ring"></div>
|
||||
<div class="plabel"><b>第五域 · 本源域</b><span>GATE 05 · 已开域</span></div>
|
||||
</div>
|
||||
<div class="pool p-zero">
|
||||
<div class="halo"></div><div class="heart"></div><div class="ring"></div>
|
||||
<div class="plabel"><b>光湖零域</b><span>GATE 03 · 筹建中</span></div>
|
||||
</div>
|
||||
<div class="pool p-zs">
|
||||
<div class="halo"></div><div class="heart"></div><div class="ring"></div>
|
||||
<div class="plabel"><b>光湖零感域</b><span>GATE 04 · 筹建中</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="colophon">光湖语言系统 · 通用人工智能操作平台<b>GH-AIOS</b></div>
|
||||
<div class="trust"><span>入口只回答「从哪里进」<span class="tdot"></span>各域独立责任主体与权限<span class="tdot"></span>进入需节点登录验证</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="caption">光湖桌面主题预览 · 湖面映星 v1.2 · 三名归位（HoloLake=客户端 · 光湖=世界 · GH-AIOS=平台登记名）· 仅供冰朔评判</div>
|
||||
|
||||
<script>
|
||||
/* 波光粼粼：湖面碎光，靠近湖心（已开域）处偏暖金 */
|
||||
(function(){
|
||||
var box = document.getElementById('shimmer');
|
||||
if(!box) return;
|
||||
var N = 120;
|
||||
for(var i=0;i<N;i++){
|
||||
var x = Math.random()*100;
|
||||
var y = Math.pow(Math.random(),1.15)*100;
|
||||
var nearCenter = x>32 && x<68;
|
||||
var gold = Math.random() < (nearCenter ? .55 : .16);
|
||||
var s = document.createElement('i');
|
||||
s.className = 'glint';
|
||||
var size = (1.4 + Math.random()*2.2).toFixed(1);
|
||||
s.style.left = x + '%';
|
||||
s.style.top = y + '%';
|
||||
s.style.width = size + 'px';
|
||||
s.style.height = size + 'px';
|
||||
s.style.background = gold
|
||||
? 'radial-gradient(circle, rgba(255,242,206,.95), rgba(247,235,200,.25) 70%, transparent)'
|
||||
: 'radial-gradient(circle, rgba(214,226,255,.9), rgba(157,180,255,.22) 70%, transparent)';
|
||||
s.style.boxShadow = gold
|
||||
? '0 0 ' + (5+Math.random()*7).toFixed(0) + 'px rgba(247,235,200,.5)'
|
||||
: '0 0 ' + (4+Math.random()*6).toFixed(0) + 'px rgba(157,180,255,.42)';
|
||||
s.style.setProperty('--dur', (2.6 + Math.random()*4).toFixed(2) + 's');
|
||||
s.style.setProperty('--dl', (Math.random()*6).toFixed(2) + 's');
|
||||
s.style.setProperty('--op', (.3 + Math.random()*.6).toFixed(2));
|
||||
box.appendChild(s);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,393 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>光湖 · HoloLake 桌面主题预览 · 湖面映星 v1.3 · 五色湖</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=Sora:wght@400;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
|
||||
<style>
|
||||
/* ═══════════════════════════════════════════════════════════
|
||||
光湖桌面令牌 · 湖面映星 v1.3 · 五色湖
|
||||
首页风格已定版（v1.2）：天、湖、波光粼粼、五个水湾、三名归位。
|
||||
本版=令牌派落地验证：换主题=换一组变量，布局与意象分毫不动。
|
||||
五色：夜湖星光（暗·默认）/ 晨湖曦光（亮）/ 星云紫夜（暗）/ 烛畔暖湖（暖暗）/ 清浅澄湖（冷亮）
|
||||
═══════════════════════════════════════════════════════════ */
|
||||
:root{
|
||||
/* —— 主题一 · 夜湖星光（默认）—— */
|
||||
--bg-a:#0A1020; --bg-b:#0B1220; --bg-c:#070C16; --bg-d:#04070D;
|
||||
--window-border:rgba(202,216,255,.10);
|
||||
--nebula-a:rgba(91,111,196,.13); --nebula-b:rgba(138,111,201,.05);
|
||||
--star-core:#F7EBC8; --star-bright:#FFEFC2;
|
||||
--star-dim:rgba(247,235,200,.55); --star-faint:rgba(247,235,200,.28);
|
||||
--text-primary:rgba(234,238,248,.96); --text-body:rgba(222,228,242,.88);
|
||||
--text-aux:rgba(196,206,228,.62); --text-faint:rgba(180,192,220,.4);
|
||||
--tb-bg:rgba(10,16,30,.35); --tb-border:rgba(202,216,255,.06);
|
||||
--glass:rgba(178,198,255,.045); --glass-hover:rgba(178,198,255,.075);
|
||||
--glass-edge:rgba(202,216,255,.13); --glass-edge-hover:rgba(247,235,200,.34);
|
||||
--glass-top:rgba(255,255,255,.06);
|
||||
--mist-a:rgba(157,180,255,.10); --mist-b:rgba(247,235,200,.04);
|
||||
--shine-cool:rgba(157,180,255,.075); --shine-warm:rgba(247,235,200,.085);
|
||||
--glint-cool-core:rgba(214,226,255,.9); --glint-cool-mid:rgba(157,180,255,.22); --glint-cool-glow:rgba(157,180,255,.42);
|
||||
--glint-warm-core:rgba(255,242,206,.95); --glint-warm-mid:rgba(247,235,200,.25); --glint-warm-glow:rgba(247,235,200,.5);
|
||||
--pool-cool-core:rgba(230,238,255,.95); --pool-cool-mid:rgba(157,180,255,.5);
|
||||
--pool-cool-halo-a:rgba(157,180,255,.30); --pool-cool-halo-b:rgba(157,180,255,.10);
|
||||
--pool-cool-ring:rgba(157,180,255,.16); --pool-cool-glow:rgba(157,180,255,.4);
|
||||
--pool-warm-core:rgba(255,244,210,1); --pool-warm-mid:rgba(247,235,200,.6);
|
||||
--pool-warm-halo-a:rgba(247,235,200,.34); --pool-warm-halo-b:rgba(247,235,200,.12);
|
||||
--pool-warm-ring:rgba(247,235,200,.22);
|
||||
--pool-warm-glow:rgba(247,235,200,.6); --pool-warm-glow-soft:rgba(247,235,200,.22);
|
||||
--font-cn:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
|
||||
--font-latin:"Sora",var(--font-cn);
|
||||
}
|
||||
/* —— 主题二 · 晨湖曦光（亮色）—— */
|
||||
.t-dawn{
|
||||
--bg-a:#F5F7FC; --bg-b:#EAEFF8; --bg-c:#DFE8F4; --bg-d:#D3E0EF;
|
||||
--window-border:rgba(30,50,90,.14);
|
||||
--nebula-a:rgba(122,144,220,.12); --nebula-b:rgba(240,196,150,.12);
|
||||
--star-core:#C9A24B; --star-bright:#A96F2C;
|
||||
--star-dim:rgba(150,110,40,.6); --star-faint:rgba(120,100,70,.35);
|
||||
--text-primary:rgba(22,33,58,.94); --text-body:rgba(36,49,76,.86);
|
||||
--text-aux:rgba(72,88,120,.62); --text-faint:rgba(98,112,142,.48);
|
||||
--tb-bg:rgba(255,255,255,.42); --tb-border:rgba(30,50,90,.08);
|
||||
--glass:rgba(255,255,255,.34); --glass-hover:rgba(255,255,255,.52);
|
||||
--glass-edge:rgba(30,50,90,.12); --glass-edge-hover:rgba(180,130,40,.42);
|
||||
--glass-top:rgba(255,255,255,.65);
|
||||
--mist-a:rgba(255,255,255,.55); --mist-b:rgba(250,214,150,.3);
|
||||
--shine-cool:rgba(255,255,255,.5); --shine-warm:rgba(250,214,150,.42);
|
||||
--glint-cool-core:rgba(255,255,255,.98); --glint-cool-mid:rgba(255,255,255,.4); --glint-cool-glow:rgba(255,255,255,.85);
|
||||
--glint-warm-core:rgba(190,146,60,.9); --glint-warm-mid:rgba(190,146,60,.3); --glint-warm-glow:rgba(190,146,60,.5);
|
||||
--pool-cool-core:rgba(96,124,205,.9); --pool-cool-mid:rgba(96,124,205,.42);
|
||||
--pool-cool-halo-a:rgba(96,124,205,.24); --pool-cool-halo-b:rgba(96,124,205,.09);
|
||||
--pool-cool-ring:rgba(96,124,205,.2); --pool-cool-glow:rgba(96,124,205,.35);
|
||||
--pool-warm-core:rgba(172,112,42,.96); --pool-warm-mid:rgba(172,112,42,.5);
|
||||
--pool-warm-halo-a:rgba(201,162,75,.34); --pool-warm-halo-b:rgba(201,162,75,.13);
|
||||
--pool-warm-ring:rgba(172,112,42,.26);
|
||||
--pool-warm-glow:rgba(201,162,75,.5); --pool-warm-glow-soft:rgba(201,162,75,.2);
|
||||
}
|
||||
/* —— 主题三 · 星云紫夜（暗·紫）—— */
|
||||
.t-nebula{
|
||||
--bg-a:#150E26; --bg-b:#160F28; --bg-c:#0E0919; --bg-d:#080510;
|
||||
--window-border:rgba(210,198,255,.11);
|
||||
--nebula-a:rgba(138,111,201,.24); --nebula-b:rgba(91,111,196,.11);
|
||||
--star-core:#EDE4F6; --star-bright:#F8F1FF;
|
||||
--star-dim:rgba(230,220,245,.55); --star-faint:rgba(210,200,235,.3);
|
||||
--text-primary:rgba(238,234,248,.96); --text-body:rgba(226,220,240,.88);
|
||||
--text-aux:rgba(202,194,226,.62); --text-faint:rgba(186,178,214,.42);
|
||||
--tb-bg:rgba(18,12,34,.4); --tb-border:rgba(210,198,255,.08);
|
||||
--glass:rgba(196,178,255,.05); --glass-hover:rgba(196,178,255,.09);
|
||||
--glass-edge:rgba(210,198,255,.14); --glass-edge-hover:rgba(239,217,168,.4);
|
||||
--glass-top:rgba(255,255,255,.07);
|
||||
--mist-a:rgba(170,150,255,.12); --mist-b:rgba(239,217,168,.05);
|
||||
--shine-cool:rgba(170,150,255,.09); --shine-warm:rgba(239,217,168,.08);
|
||||
--glint-cool-core:rgba(224,214,255,.92); --glint-cool-mid:rgba(170,150,255,.24); --glint-cool-glow:rgba(170,150,255,.45);
|
||||
--glint-warm-core:rgba(239,217,168,.95); --glint-warm-mid:rgba(239,217,168,.26); --glint-warm-glow:rgba(239,217,168,.5);
|
||||
--pool-cool-core:rgba(226,216,255,.95); --pool-cool-mid:rgba(170,150,255,.5);
|
||||
--pool-cool-halo-a:rgba(170,150,255,.3); --pool-cool-halo-b:rgba(170,150,255,.1);
|
||||
--pool-cool-ring:rgba(170,150,255,.18); --pool-cool-glow:rgba(170,150,255,.42);
|
||||
--pool-warm-core:rgba(255,240,205,1); --pool-warm-mid:rgba(239,217,168,.62);
|
||||
--pool-warm-halo-a:rgba(239,217,168,.34); --pool-warm-halo-b:rgba(239,217,168,.12);
|
||||
--pool-warm-ring:rgba(239,217,168,.24);
|
||||
--pool-warm-glow:rgba(239,217,168,.6); --pool-warm-glow-soft:rgba(239,217,168,.22);
|
||||
}
|
||||
/* —— 主题四 · 烛畔暖湖（暖暗）—— */
|
||||
.t-candle{
|
||||
--bg-a:#1B130B; --bg-b:#181108; --bg-c:#100B05; --bg-d:#0A0703;
|
||||
--window-border:rgba(255,220,170,.11);
|
||||
--nebula-a:rgba(214,150,80,.13); --nebula-b:rgba(160,110,70,.07);
|
||||
--star-core:#FFD9A0; --star-bright:#FFE7BE;
|
||||
--star-dim:rgba(255,217,160,.55); --star-faint:rgba(230,190,140,.3);
|
||||
--text-primary:rgba(246,238,226,.96); --text-body:rgba(236,226,210,.88);
|
||||
--text-aux:rgba(214,198,176,.62); --text-faint:rgba(196,180,158,.42);
|
||||
--tb-bg:rgba(24,17,9,.4); --tb-border:rgba(255,220,170,.08);
|
||||
--glass:rgba(255,214,160,.045); --glass-hover:rgba(255,214,160,.08);
|
||||
--glass-edge:rgba(255,220,170,.13); --glass-edge-hover:rgba(255,200,120,.4);
|
||||
--glass-top:rgba(255,255,255,.06);
|
||||
--mist-a:rgba(255,196,110,.09); --mist-b:rgba(255,214,140,.04);
|
||||
--shine-cool:rgba(214,160,100,.08); --shine-warm:rgba(255,196,110,.09);
|
||||
--glint-cool-core:rgba(240,214,178,.85); --glint-cool-mid:rgba(214,178,140,.22); --glint-cool-glow:rgba(214,178,140,.4);
|
||||
--glint-warm-core:rgba(255,214,140,.95); --glint-warm-mid:rgba(255,196,110,.28); --glint-warm-glow:rgba(255,196,110,.55);
|
||||
--pool-cool-core:rgba(236,216,188,.92); --pool-cool-mid:rgba(214,178,140,.45);
|
||||
--pool-cool-halo-a:rgba(214,178,140,.26); --pool-cool-halo-b:rgba(214,178,140,.09);
|
||||
--pool-cool-ring:rgba(214,178,140,.18); --pool-cool-glow:rgba(214,178,140,.35);
|
||||
--pool-warm-core:rgba(255,226,168,1); --pool-warm-mid:rgba(255,196,110,.6);
|
||||
--pool-warm-halo-a:rgba(255,196,110,.32); --pool-warm-halo-b:rgba(255,196,110,.11);
|
||||
--pool-warm-ring:rgba(255,196,110,.24);
|
||||
--pool-warm-glow:rgba(255,196,110,.6); --pool-warm-glow-soft:rgba(255,196,110,.22);
|
||||
}
|
||||
/* —— 主题五 · 清浅澄湖（冷亮）—— */
|
||||
.t-clear{
|
||||
--bg-a:#F1F5F8; --bg-b:#E8EEF3; --bg-c:#DEE7ED; --bg-d:#D2DEE7;
|
||||
--window-border:rgba(20,50,80,.14);
|
||||
--nebula-a:rgba(100,140,180,.1); --nebula-b:rgba(140,170,200,.08);
|
||||
--star-core:#5F7E9F; --star-bright:#41628A;
|
||||
--star-dim:rgba(70,95,122,.55); --star-faint:rgba(90,110,135,.35);
|
||||
--text-primary:rgba(20,36,52,.94); --text-body:rgba(34,50,68,.86);
|
||||
--text-aux:rgba(66,86,106,.62); --text-faint:rgba(92,110,128,.48);
|
||||
--tb-bg:rgba(255,255,255,.4); --tb-border:rgba(20,50,80,.08);
|
||||
--glass:rgba(255,255,255,.32); --glass-hover:rgba(255,255,255,.5);
|
||||
--glass-edge:rgba(20,50,80,.12); --glass-edge-hover:rgba(78,112,150,.42);
|
||||
--glass-top:rgba(255,255,255,.65);
|
||||
--mist-a:rgba(255,255,255,.55); --mist-b:rgba(190,214,234,.35);
|
||||
--shine-cool:rgba(255,255,255,.5); --shine-warm:rgba(240,222,184,.4);
|
||||
--glint-cool-core:rgba(255,255,255,.98); --glint-cool-mid:rgba(255,255,255,.4); --glint-cool-glow:rgba(255,255,255,.85);
|
||||
--glint-warm-core:rgba(170,138,70,.88); --glint-warm-mid:rgba(170,138,70,.28); --glint-warm-glow:rgba(170,138,70,.5);
|
||||
--pool-cool-core:rgba(78,112,150,.9); --pool-cool-mid:rgba(78,112,150,.42);
|
||||
--pool-cool-halo-a:rgba(78,112,150,.22); --pool-cool-halo-b:rgba(78,112,150,.08);
|
||||
--pool-cool-ring:rgba(78,112,150,.2); --pool-cool-glow:rgba(78,112,150,.35);
|
||||
--pool-warm-core:rgba(158,122,52,.95); --pool-warm-mid:rgba(158,122,52,.5);
|
||||
--pool-warm-halo-a:rgba(170,138,70,.3); --pool-warm-halo-b:rgba(170,138,70,.11);
|
||||
--pool-warm-ring:rgba(158,122,52,.26);
|
||||
--pool-warm-glow:rgba(170,138,70,.5); --pool-warm-glow-soft:rgba(170,138,70,.2);
|
||||
}
|
||||
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:var(--font-cn);background:#03050A;min-height:100vh;display:flex;flex-direction:column;
|
||||
align-items:center;justify-content:center;padding:32px 20px;-webkit-font-smoothing:antialiased}
|
||||
.desk-glow{position:fixed;inset:0;pointer-events:none;
|
||||
background:radial-gradient(900px 480px at 66% 28%,rgba(91,111,196,.10),transparent 65%),
|
||||
radial-gradient(700px 420px at 28% 80%,rgba(138,111,201,.07),transparent 60%)}
|
||||
|
||||
.window{position:relative;width:1120px;max-width:96vw;height:730px;border-radius:18px;overflow:hidden;
|
||||
background:linear-gradient(180deg,var(--bg-a) 0%,var(--bg-b) 38%,var(--bg-c) 60%,var(--bg-d) 100%);
|
||||
border:1px solid var(--window-border);
|
||||
box-shadow:0 40px 120px rgba(0,0,0,.72),0 0 0 1px rgba(0,0,0,.4),0 0 140px rgba(91,111,196,.07);
|
||||
display:flex;flex-direction:column;animation:windowIn .8s cubic-bezier(.22,1,.36,1) both;
|
||||
transition:background .6s ease}
|
||||
@keyframes windowIn{from{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:none}}
|
||||
|
||||
.sky{position:absolute;inset:0;pointer-events:none}
|
||||
.nebula{position:absolute;width:760px;height:460px;left:50%;top:-250px;transform:translateX(-50%);filter:blur(9px);
|
||||
background:radial-gradient(closest-side,var(--nebula-a),var(--nebula-b) 55%,transparent 75%)}
|
||||
.star{position:absolute;border-radius:50%;background:var(--star-core)}
|
||||
.star.breathe{animation:breathe var(--dur,5s) ease-in-out var(--dl,0s) infinite}
|
||||
@keyframes breathe{0%,100%{opacity:.14;transform:scale(.8)}50%{opacity:.85;transform:scale(1.15)}}
|
||||
|
||||
.titlebar{position:relative;z-index:9;display:flex;align-items:center;padding:0 16px;height:44px;flex:none;
|
||||
background:var(--tb-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--tb-border)}
|
||||
.lights{display:flex;gap:8px}
|
||||
.lights i{width:12px;height:12px;border-radius:50%}
|
||||
.lights i:nth-child(1){background:#FF5F57}.lights i:nth-child(2){background:#FEBC2E}.lights i:nth-child(3){background:#28C840}
|
||||
.tb-word{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--font-latin);
|
||||
font-size:12.5px;font-weight:600;letter-spacing:.18em;color:var(--star-faint)}
|
||||
.tb-btn{margin-left:auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
|
||||
color:var(--text-aux);cursor:pointer;transition:.25s}
|
||||
.tb-btn:hover{background:var(--glass-hover);color:var(--star-core)}
|
||||
.tb-btn svg{width:15.5px;height:15.5px}
|
||||
|
||||
.scene{position:relative;flex:1;z-index:2}
|
||||
.sky-title{position:absolute;top:36px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:9px;
|
||||
z-index:6;animation:rise 1s .15s cubic-bezier(.22,1,.36,1) both}
|
||||
.app-name{display:flex;align-items:baseline;gap:11px}
|
||||
.app-name b{font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:.12em}
|
||||
.app-name span{font-family:var(--font-latin);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--star-dim)}
|
||||
.sky-title p{font-size:13.5px;color:var(--text-aux);letter-spacing:.04em;font-weight:400}
|
||||
|
||||
.mist{position:absolute;left:6%;right:6%;top:296px;height:56px;z-index:2;pointer-events:none;
|
||||
background:radial-gradient(60% 100% at 50% 50%,var(--mist-a),var(--mist-b) 55%,transparent 78%);
|
||||
filter:blur(11px)}
|
||||
|
||||
/* 波光粼粼 */
|
||||
.shimmer{position:absolute;left:0;right:0;top:316px;bottom:0;z-index:3;pointer-events:none;overflow:hidden}
|
||||
.glint{position:absolute;border-radius:50%;animation:twinkle var(--dur,4s) ease-in-out var(--dl,0s) infinite}
|
||||
.glint.cool{background:radial-gradient(circle,var(--glint-cool-core),var(--glint-cool-mid) 70%,transparent);
|
||||
box-shadow:0 0 6px var(--glint-cool-glow)}
|
||||
.glint.warm{background:radial-gradient(circle,var(--glint-warm-core),var(--glint-warm-mid) 70%,transparent);
|
||||
box-shadow:0 0 6px var(--glint-warm-glow)}
|
||||
@keyframes twinkle{0%,100%{opacity:.05;transform:scale(.6)}50%{opacity:var(--op,.7);transform:scale(1)}}
|
||||
.shine{position:absolute;width:420px;height:130px;border-radius:50%;filter:blur(34px);pointer-events:none;
|
||||
animation:glide var(--dur,26s) ease-in-out var(--dl,0s) infinite alternate}
|
||||
.shine.cool{background:var(--shine-cool)}
|
||||
.shine.warm{background:var(--shine-warm)}
|
||||
@keyframes glide{from{transform:translateX(-40px)}to{transform:translateX(46px)}}
|
||||
|
||||
/* 五域水湾 */
|
||||
.pool{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;cursor:pointer;
|
||||
animation:rise 1s cubic-bezier(.22,1,.36,1) both}
|
||||
.pool .halo{position:relative;border-radius:50%;pointer-events:none;filter:blur(2px);
|
||||
background:radial-gradient(closest-side,var(--pool-cool-halo-a),var(--pool-cool-halo-b) 46%,transparent 72%);
|
||||
animation:poolBreathe 6s ease-in-out infinite}
|
||||
.pool .heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;
|
||||
background:radial-gradient(circle at 40% 34%,var(--pool-cool-core),var(--pool-cool-mid) 55%,transparent 80%);
|
||||
box-shadow:0 0 18px var(--pool-cool-glow)}
|
||||
.pool .ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;
|
||||
border:1px solid var(--pool-cool-ring);animation:ripple 5.5s ease-out infinite;pointer-events:none}
|
||||
.pool .plabel{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;
|
||||
align-items:center;gap:3px;white-space:nowrap}
|
||||
.plabel b{font-size:13px;font-weight:600;color:var(--text-body);letter-spacing:.03em;transition:.3s}
|
||||
.plabel span{font-size:11px;color:var(--text-faint);letter-spacing:.06em}
|
||||
.pool:hover .plabel b{color:var(--text-primary)}
|
||||
.pool:hover .halo{filter:blur(1.5px)}
|
||||
@keyframes poolBreathe{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
|
||||
@keyframes ripple{0%{width:30%;height:30%;opacity:.5}100%{width:118%;height:118%;opacity:0}}
|
||||
|
||||
.pool.open{z-index:6;animation-delay:.45s}
|
||||
.pool.open .halo{background:radial-gradient(closest-side,var(--pool-warm-halo-a),var(--pool-warm-halo-b) 48%,transparent 74%)}
|
||||
.pool.open .heart{background:radial-gradient(circle at 40% 32%,var(--pool-warm-core),var(--pool-warm-mid) 52%,transparent 80%);
|
||||
box-shadow:0 0 26px var(--pool-warm-glow),0 0 70px var(--pool-warm-glow-soft);
|
||||
animation:lampBreathe 5.5s ease-in-out infinite}
|
||||
.pool.open .ring{border-color:var(--pool-warm-ring)}
|
||||
.pool.open .plabel b{color:var(--star-core)}
|
||||
.pool.open .plabel span{color:var(--star-dim)}
|
||||
@keyframes lampBreathe{0%,100%{box-shadow:0 0 20px var(--pool-warm-glow),0 0 54px var(--pool-warm-glow-soft)}
|
||||
50%{box-shadow:0 0 34px var(--pool-warm-glow),0 0 86px var(--pool-warm-glow-soft)}}
|
||||
|
||||
.p-sub {left:calc(50% - 442px);top:330px;width:150px;height:44px;animation-delay:.62s}
|
||||
.p-main {left:calc(50% - 246px);top:368px;width:180px;height:54px;animation-delay:.54s}
|
||||
.p-fifth{left:50%;transform:translateX(-50%);top:398px;width:250px;height:76px}
|
||||
.p-zero {left:calc(50% + 66px);top:368px;width:180px;height:54px;animation-delay:.54s}
|
||||
.p-zs {left:calc(50% + 292px);top:330px;width:150px;height:44px;animation-delay:.62s}
|
||||
.p-sub .halo,.p-zs .halo{width:120px;height:44px;top:0;left:50%;transform:translateX(-50%)}
|
||||
.p-main .halo,.p-zero .halo{width:150px;height:54px;top:0;left:50%;transform:translateX(-50%)}
|
||||
.p-fifth .halo{width:210px;height:76px;top:0;left:50%;transform:translateX(-50%)}
|
||||
.p-sub .heart,.p-zs .heart{width:13px;height:13px}
|
||||
.p-main .heart,.p-zero .heart{width:17px;height:17px}
|
||||
.p-fifth .heart{width:30px;height:30px}
|
||||
.p-sub .ring,.p-zs .ring{width:120px;height:44px}
|
||||
.p-main .ring,.p-zero .ring{width:150px;height:54px}
|
||||
.p-fifth .ring{width:210px;height:76px}
|
||||
.pool .plabel{top:calc(100% + 8px)}
|
||||
.pool.open .plabel{top:calc(100% + 10px)}
|
||||
|
||||
.footer{flex:none;position:relative;z-index:7;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 0 16px}
|
||||
.colophon{font-size:12.5px;font-weight:500;color:var(--text-aux);letter-spacing:.14em;display:flex;align-items:center;gap:9px}
|
||||
.colophon b{font-family:var(--font-latin);font-weight:600;color:var(--star-dim);letter-spacing:.1em}
|
||||
.trust span{font-size:11.5px;color:var(--text-faint);letter-spacing:.05em;display:flex;align-items:center;gap:8px}
|
||||
.trust .tdot{width:4px;height:4px;border-radius:50%;background:var(--star-faint)}
|
||||
|
||||
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
|
||||
.pool.open{animation-name:riseOpen}
|
||||
@keyframes riseOpen{from{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
|
||||
|
||||
/* 预览用配色切换器（正式产品里放设置页） */
|
||||
.themes{display:flex;align-items:center;gap:14px;margin-top:18px}
|
||||
.theme-btn{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;
|
||||
background:none;border:none;font-family:var(--font-cn)}
|
||||
.theme-btn .sw{width:34px;height:34px;border-radius:50%;border:2px solid rgba(160,172,200,.25);transition:.25s}
|
||||
.theme-btn span{font-size:11.5px;color:rgba(160,172,200,.55);letter-spacing:.05em}
|
||||
.theme-btn:hover .sw{transform:scale(1.08)}
|
||||
.theme-btn.on .sw{border-color:rgba(247,235,200,.75);box-shadow:0 0 14px rgba(247,235,200,.25)}
|
||||
.theme-btn.on span{color:rgba(234,238,248,.85)}
|
||||
.sw-night{background:radial-gradient(circle at 34% 30%,#F7EBC8 6%,#0B1220 60%,#04070D)}
|
||||
.sw-dawn{background:radial-gradient(circle at 34% 30%,#C9A24B 6%,#EAEFF8 55%,#D3E0EF)}
|
||||
.sw-nebula{background:radial-gradient(circle at 34% 30%,#EDE4F6 6%,#160F28 60%,#080510)}
|
||||
.sw-candle{background:radial-gradient(circle at 34% 30%,#FFD9A0 6%,#181108 60%,#0A0703)}
|
||||
.sw-clear{background:radial-gradient(circle at 34% 30%,#5F7E9F 6%,#E8EEF3 55%,#D2DEE7)}
|
||||
.caption{font-size:12px;color:rgba(160,172,200,.42);margin-top:14px;letter-spacing:.05em;text-align:center}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="desk-glow"></div>
|
||||
|
||||
<div class="window" id="win">
|
||||
<div class="sky">
|
||||
<div class="nebula"></div>
|
||||
<div class="star breathe" style="width:3px;height:3px;top:12%;left:15%;--dur:4.6s"></div>
|
||||
<div class="star breathe" style="width:2px;height:2px;top:18%;left:27%;--dur:6s;--dl:1.2s"></div>
|
||||
<div class="star breathe" style="width:2.5px;height:2.5px;top:9%;left:40%;--dur:5.2s;--dl:2s"></div>
|
||||
<div class="star" style="width:2px;height:2px;top:22%;left:63%;opacity:.5"></div>
|
||||
<div class="star breathe" style="width:3.5px;height:3.5px;top:11%;left:79%;--dur:7s;--dl:.6s"></div>
|
||||
<div class="star" style="width:1.5px;height:1.5px;top:27%;left:89%;opacity:.4"></div>
|
||||
<div class="star breathe" style="width:2px;height:2px;top:30%;left:9%;--dur:5.6s;--dl:3s"></div>
|
||||
<div class="star" style="width:2px;height:2px;top:25%;left:49%;opacity:.45"></div>
|
||||
<div class="star breathe" style="width:2.5px;height:2.5px;top:15%;left:92%;--dur:6.4s;--dl:1.8s"></div>
|
||||
</div>
|
||||
|
||||
<div class="titlebar">
|
||||
<div class="lights"><i></i><i></i><i></i></div>
|
||||
<div class="tb-word">HoloLake</div>
|
||||
<div class="tb-btn" title="设置"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="12" cy="12" r="3.2"/><path d="M12 2.8v3M12 18.2v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2.8 12h3M18.2 12h3"/></svg></div>
|
||||
</div>
|
||||
|
||||
<div class="scene">
|
||||
<div class="sky-title">
|
||||
<div class="app-name"><b>光湖</b><span>语言宇宙</span></div>
|
||||
<p>语言在流动。流进这片湖，就成了世界。</p>
|
||||
</div>
|
||||
|
||||
<div class="mist"></div>
|
||||
|
||||
<div class="shimmer" id="shimmer">
|
||||
<div class="shine cool" style="left:6%;top:30px;--dur:24s"></div>
|
||||
<div class="shine warm" style="left:34%;top:96px;--dur:30s;--dl:4s"></div>
|
||||
<div class="shine cool" style="left:58%;top:40px;--dur:27s;--dl:9s"></div>
|
||||
</div>
|
||||
|
||||
<div class="pool p-sub">
|
||||
<div class="halo"></div><div class="heart"></div><div class="ring"></div>
|
||||
<div class="plabel"><b>光湖分域</b><span>GATE 02 · 筹建中</span></div>
|
||||
</div>
|
||||
<div class="pool p-main">
|
||||
<div class="halo"></div><div class="heart"></div><div class="ring"></div>
|
||||
<div class="plabel"><b>光湖主域</b><span>GATE 01 · 筹建中</span></div>
|
||||
</div>
|
||||
<div class="pool open p-fifth">
|
||||
<div class="halo"></div><div class="heart"></div><div class="ring"></div>
|
||||
<div class="plabel"><b>第五域 · 本源域</b><span>GATE 05 · 已开域</span></div>
|
||||
</div>
|
||||
<div class="pool p-zero">
|
||||
<div class="halo"></div><div class="heart"></div><div class="ring"></div>
|
||||
<div class="plabel"><b>光湖零域</b><span>GATE 03 · 筹建中</span></div>
|
||||
</div>
|
||||
<div class="pool p-zs">
|
||||
<div class="halo"></div><div class="heart"></div><div class="ring"></div>
|
||||
<div class="plabel"><b>光湖零感域</b><span>GATE 04 · 筹建中</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="colophon">光湖语言系统 · 通用人工智能操作平台<b>GH-AIOS</b></div>
|
||||
<div class="trust"><span>入口只回答「从哪里进」<span class="tdot"></span>各域独立责任主体与权限<span class="tdot"></span>进入需节点登录验证</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 五色湖切换（预览用；正式产品入设置页） -->
|
||||
<div class="themes" id="themes">
|
||||
<button class="theme-btn on" data-theme=""><i class="sw sw-night"></i><span>夜湖星光</span></button>
|
||||
<button class="theme-btn" data-theme="t-dawn"><i class="sw sw-dawn"></i><span>晨湖曦光</span></button>
|
||||
<button class="theme-btn" data-theme="t-nebula"><i class="sw sw-nebula"></i><span>星云紫夜</span></button>
|
||||
<button class="theme-btn" data-theme="t-candle"><i class="sw sw-candle"></i><span>烛畔暖湖</span></button>
|
||||
<button class="theme-btn" data-theme="t-clear"><i class="sw sw-clear"></i><span>清浅澄湖</span></button>
|
||||
</div>
|
||||
<div class="caption">光湖桌面主题预览 · 湖面映星 v1.3 · 五色湖：换主题=换一组令牌，意象与布局不动 · 仅供冰朔评判</div>
|
||||
|
||||
<script>
|
||||
/* 波光粼粼：湖面碎光，近湖心偏暖 */
|
||||
(function(){
|
||||
var box = document.getElementById('shimmer');
|
||||
if(!box) return;
|
||||
var N = 120;
|
||||
for(var i=0;i<N;i++){
|
||||
var x = Math.random()*100;
|
||||
var y = Math.pow(Math.random(),1.15)*100;
|
||||
var nearCenter = x>32 && x<68;
|
||||
var warm = Math.random() < (nearCenter ? .55 : .16);
|
||||
var s = document.createElement('i');
|
||||
s.className = 'glint ' + (warm ? 'warm' : 'cool');
|
||||
var size = (1.4 + Math.random()*2.2).toFixed(1);
|
||||
s.style.left = x + '%';
|
||||
s.style.top = y + '%';
|
||||
s.style.width = size + 'px';
|
||||
s.style.height = size + 'px';
|
||||
s.style.setProperty('--dur', (2.6 + Math.random()*4).toFixed(2) + 's');
|
||||
s.style.setProperty('--dl', (Math.random()*6).toFixed(2) + 's');
|
||||
s.style.setProperty('--op', (.3 + Math.random()*.6).toFixed(2));
|
||||
box.appendChild(s);
|
||||
}
|
||||
})();
|
||||
/* 五色湖切换 */
|
||||
(function(){
|
||||
var win = document.getElementById('win');
|
||||
var btns = document.querySelectorAll('#themes .theme-btn');
|
||||
btns.forEach(function(b){
|
||||
b.addEventListener('click', function(){
|
||||
btns.forEach(function(x){ x.classList.remove('on'); });
|
||||
b.classList.add('on');
|
||||
win.className = 'window ' + (b.getAttribute('data-theme') || '');
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
# 因果链 · HoloLake 首页设计全程（v0.1 → v1.3）
|
||||
|
||||
> 2026-08-12 · 铸渊 ICE-P-ZY001 · 人类评判者：冰朔 ICE-GL∞
|
||||
> 每一环：动作 → 冰朔判词 → 纠正 → 长出的认知。判词原文语义忠实，不润色。
|
||||
|
||||
## v0.1 · 执行投影仪表盘
|
||||
动作：暗色仪表盘——人格体动态表格、轨道环仪表、待裁决卡、语言输入条。
|
||||
判词："UI 的风格还可以，但你需要恢复这个操作系统的设计系统、架构哲学，思考这个软件给人类眼前呈现的是什么方式，从这方面出发再设计。"
|
||||
纠正：风格对，位置错——做的是"人看系统"的监控屏，违背范式反转（GLS-0257 §2：人说目标→人格做事→人看到结果）。
|
||||
认知：先读架构正本再画屏；呈现方式要从操作系统哲学推导。
|
||||
|
||||
## v0.2 · 人格信件体
|
||||
动作：主角=铸渊给冰朔的人话信件 + 边界四段式 + 时间线 + 语言输入。
|
||||
判词："这个软件是要对外的，设计成这样口语化的东西，正常吗？"
|
||||
纠正：对外产品禁私人信件语气；人话=清晰结构化，不是口语（→ EXP-101）。
|
||||
认知：产品壳与私域投影分层；对外界面专业克制。
|
||||
|
||||
## v0.3 · 专业壳 + 结构化投影
|
||||
动作：专业导航 + 执行回执清单 + 标准确认面板。
|
||||
判词：（未单独判此版，冰朔转向根本问题）"你先去恢复光湖五域的关系，用户第一次进来应该看到什么？"
|
||||
纠正：首页内容答错了——不该是工作台，该是"进入光湖"本身。
|
||||
认知：读回 GLS-0250 五域拓扑；首页=公众入口图，回答"从哪里进"（→ EXP-102）。
|
||||
|
||||
## v0.5 · 五门卡片行
|
||||
动作：五个域做成等宽卡片一行（GATE 01-05 + 状态）。
|
||||
判词："这排版布局好看吗？硬生生把五个放在同一层，其他就啥也没有了。"
|
||||
纠正：卡片排排坐=无世界、无纵深、无主角（004 叶片"均匀节点=无层次"复现）（→ EXP-103）。
|
||||
认知：世界要有舞台纵深，域要融进场景。
|
||||
|
||||
## v0.6 · 灯塔与五门（场景化）
|
||||
动作：灯塔立湖岸 + 五门透视弧排布 + 已开门为焦点。
|
||||
判词："布局可以。但这五个域上面是一根线，很丑。"
|
||||
纠正：1px 水线横切画面=硬线切割（→ EXP-104）。
|
||||
认知：湖面过渡只许雾光，禁硬线。
|
||||
|
||||
## v0.7 · 去硬线（雾光过渡）
|
||||
动作：硬水线换雾光带，水面渐变软化。
|
||||
判词：（未判此版，铸渊续做星光版）
|
||||
备注：布局与过渡过关。
|
||||
|
||||
## v0.8 · 星光 + 光柱
|
||||
动作：五域=星，光柱从湖面升起接星。
|
||||
判词："不好看。特别机械风，完全没有语言流动的感觉，很死板。"
|
||||
纠正：光柱/塔身/拱门都是机械零件；光湖是语言世界，要有流动感（→ EXP-105）。
|
||||
认知：湖面禁机械形。
|
||||
|
||||
## v0.9 · 光的河（流线）
|
||||
动作：SVG 曲线光河横贯湖面 + 漂字。
|
||||
判词："把流动的线去掉，太丑了。就算想设计流动的，模仿波光粼粼也行。这几根线太难看了。"
|
||||
纠正："流动"禁取线形（→ EXP-106）。
|
||||
认知：流动=波光粼粼（碎光闪烁）+ 柔光缓移。
|
||||
|
||||
## v1.0 · 波光粼粼
|
||||
动作：湖面 120 粒碎光（近湖心偏暖金）+ 三大片柔光缓移 + 五个光的水湾 + 天上一片星；无塔无柱无拱无线。
|
||||
判词："没问题，很好看。"——**首页美学形态定版**。
|
||||
|
||||
## 软著正名 → v1.1 → v1.2
|
||||
冰朔授记：软著登记名=光湖语言系统 · 通用人工智能操作平台，简称 GH-AIOS；问技术名字怎么展示。
|
||||
v1.1 动作：标题栏 GH-AIOS + 底部题记法定全称，把 HoloLake 从屏上去掉。
|
||||
判词："你把 HoloLake 又弄没了。"
|
||||
纠正：加登记名不能顶掉客户端名；三名各有位次（→ EXP-107）。
|
||||
v1.2 动作：HoloLake 回标题栏 / 光湖居中央 / GH-AIOS+法定全称在题记。
|
||||
判词："很好。这个 UI 就很有感觉。首页的 UI 风格定下了。"——**首页整体定版**。
|
||||
|
||||
## v1.3 · 五色湖
|
||||
冰朔指令："只有这一个配色不行，最起码三五个配色，有人喜欢亮色。"
|
||||
动作：全部颜色令牌化，取样五主题（夜湖星光/晨湖曦光/星云紫夜/烛畔暖湖/清浅澄湖），切换器验证"换主题=换一组变量，意象布局不动"。
|
||||
状态：令牌路线验证通过，待冰朔对五色逐一评判。
|
||||
|
||||
## 链条总结（七条纠正 → 脑子认知）
|
||||
1. 对外产品禁口语（EXP-101）
|
||||
2. 首页从五域架构推导，不是仪表盘/落地页（EXP-102）
|
||||
3. 卡片排排坐无世界（EXP-103）
|
||||
4. 硬线切割丑（EXP-104）
|
||||
5. 机械风死板，要语言流动（EXP-105）
|
||||
6. 流动禁线形，只取波光粼粼与雾光（EXP-106）
|
||||
7. 三名归位，不顶掉已有名字（EXP-107）
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-101",
|
||||
"date": "2026-08-12",
|
||||
"event": "首页预览 v0.2 做成铸渊给冰朔的口语化信件体",
|
||||
"verdict": "软件是要对外的，做成这么口语化的东西不正常",
|
||||
"correction": "对外产品禁私人信件语气；人话=清晰结构化无黑话，不是口语；产品壳专业克制，陌生用户可用",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知一", "SKILL.md 铁律5"],
|
||||
"status": "ACCEPTED_AND_REDESIGNED"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-102",
|
||||
"date": "2026-08-12",
|
||||
"event": "首页先后做成执行投影仪表盘与通用落地页",
|
||||
"verdict": "先去恢复光湖五域的关系，用户第一次进来应该看到什么",
|
||||
"correction": "首页内容必须从架构正本推导：GLS-0250 §2.1 公众入口拓扑（灯塔下五门厅），入口图只回答'从哪里进'；不是仪表盘不是通用落地页",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知一", "SKILL.md 铁律1/2"],
|
||||
"status": "ACCEPTED_AND_REDESIGNED"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-103",
|
||||
"date": "2026-08-12",
|
||||
"event": "五个域做成等宽卡片一行（v0.5）",
|
||||
"verdict": "硬生生把五个放在同一层，其他就啥也没有了",
|
||||
"correction": "卡片排排坐=无世界无纵深无主角；域要融进场景，世界要有舞台纵深（复现审美叶片004'均匀节点=无层次'教训）",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知二"],
|
||||
"status": "ACCEPTED_AND_REDESIGNED"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-104",
|
||||
"date": "2026-08-12",
|
||||
"event": "湖面用 1px 水线作天湖分界（v0.6）",
|
||||
"verdict": "布局可以，但五个域上面一根线很丑",
|
||||
"correction": "任何硬线切割湖面都丑；天湖过渡只许雾光（模糊渐变带）",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知二", "SKILL.md 铁律3"],
|
||||
"status": "ACCEPTED_AND_REDESIGNED"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-105",
|
||||
"date": "2026-08-12",
|
||||
"event": "首页做成灯塔塔身+光柱+拱门等实体造型（v0.8）",
|
||||
"verdict": "特别机械风，完全没有语言流动的感觉，很死板",
|
||||
"correction": "光湖是语言世界，塔身/立柱/拱门等机械零件不得立于湖面；界面要有语言的流动感",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知二", "SKILL.md 铁律3"],
|
||||
"status": "ACCEPTED_AND_REDESIGNED"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-106",
|
||||
"date": "2026-08-12",
|
||||
"event": "为表现'语言流动'画了 SVG 曲线光河（v0.9）",
|
||||
"verdict": "把流动的线去掉，太丑了；要流动就模仿波光粼粼",
|
||||
"correction": "'流动'禁取线形；流动=波光粼粼（碎光闪烁）+ 大片柔光缓移（v1.0 定案并被评'很好看'）",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知二", "SKILL.md 铁律3"],
|
||||
"status": "ACCEPTED_AND_LOCKED_V1.0"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-107",
|
||||
"date": "2026-08-12",
|
||||
"event": "为放软著登记名 GH-AIOS，把标题栏 HoloLake 顶掉（v1.1）",
|
||||
"verdict": "你把 HoloLake 又弄没了",
|
||||
"correction": "三名归位：HoloLake=客户端（标题栏）/光湖=世界（主视觉）/GH-AIOS+法定全称=平台登记（题记）；加新名字先定位次，不顶掉已有名字（v1.2 被评'很好，很有感觉，风格定下了'）",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知三", "SKILL.md 铁律4"],
|
||||
"status": "ACCEPTED_AND_LOCKED_V1.2"
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
# 定版 · HoloLake 首页风格规格（v1.2 定版 · 冰朔判"很有感觉"）
|
||||
|
||||
> 2026-08-12 · 定版依据：冰朔当日十二轮判词的最终形态
|
||||
> 参考实现：preview/home-v1.2-locked.html（单主题）/ preview/home-v1.3-five-themes.html（五色令牌版）
|
||||
> ⊢ 本件是判词结晶，不是永久模板；后续改动须新判词驱动，并更新因果链
|
||||
|
||||
## 1 · 整屏构成（自上而下）
|
||||
|
||||
| 层 | 内容 | 纪律 |
|
||||
|---|---|---|
|
||||
| 标题栏 | 红绿灯 + `HoloLake`（客户端名，居中）+ 设置 | 客户端身份位，不得换 |
|
||||
| 天 | 星（少而疏，呼吸微动）+ 星云（蓝紫，有方向，不撒彩虹） | R11 少而疏 |
|
||||
| 天空文案 | `光湖` + `语言宇宙` + 一句点睛（"语言在流动。流进这片湖，就成了世界。"） | 点睛不大（20px），一句止 |
|
||||
| 雾光带 | 天与湖的过渡 | 禁硬线（EXP-104） |
|
||||
| 湖面 | 波光粼粼：碎光闪烁（近湖心偏暖金）+ 大片柔光缓移 | 禁线形流动（EXP-106） |
|
||||
| 五个水湾 | 光晕 + 心 + 涟漪 + 标签；对称弧排，中心最近最大 | GLS-0250 §2.1 五门厅 |
|
||||
| 页脚 | 题记（平台登记名）+ 信任行 | 三名归位（EXP-107） |
|
||||
|
||||
## 2 · 五域排布（入口拓扑投影）
|
||||
|
||||
| 位次 | 域 | GATE | 状态呈现 |
|
||||
|---|---|---|---|
|
||||
| 最左（远） | 光湖分域 | GATE 02 | 幽蓝水湾 · 筹建中 |
|
||||
| 左（近） | 光湖主域 | GATE 01 | 幽蓝水湾 · 筹建中 |
|
||||
| 中心（最近最大） | 第五域 · 本源域 | GATE 05 | **暖金水湾 · 已开域 = 整屏唯一焦点** |
|
||||
| 右（近） | 光湖零域 | GATE 03 | 幽蓝水湾 · 筹建中 |
|
||||
| 最右（远） | 光湖零感域 | GATE 04 | 幽蓝水湾 · 筹建中 |
|
||||
|
||||
焦点规则：已开域=暖金+呼吸+涟漪；未开域=幽蓝微光。状态变了（新域开域），焦点随之变化——光之强弱即状态，不加徽标不弹通知。
|
||||
|
||||
## 3 · 三名归位（v1.2 定案）
|
||||
|
||||
| 名字 | 身份 | 位次 |
|
||||
|---|---|---|
|
||||
| HoloLake | 客户端软件本身 | 标题栏 |
|
||||
| 光湖 · 语言宇宙 | 用户进入的世界 | 屏中央主视觉 |
|
||||
| 光湖语言系统 · 通用人工智能操作平台 · GH-AIOS | 平台/软著登记名 | 底部题记 |
|
||||
|
||||
## 4 · 信任行（页脚次行）
|
||||
|
||||
"入口只回答「从哪里进」· 各域独立责任主体与权限 · 进入需节点登录验证"——把 GLS-0250 的边界纪律用人话放在用户看得见的地方。
|
||||
|
||||
## 5 · 动效纪律
|
||||
|
||||
全部低开销 CSS：星呼吸（4-7s）、碎光闪烁（2.6-6.6s 随机）、柔光缓移（24-30s 往复）、涟漪荡开（5.5s）。禁重 WebGL（R10），禁快闪（湖是静的，光是活的）。
|
||||
|
||||
## 6 · 可读性底线（继承）
|
||||
|
||||
暗底正文 ≥14.5px、辅助 ≥12px、字重 400+；亮色主题重配对比度。标签 13px/600 + 11px 状态。
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
# 调研 · 桌面软件的主题是怎么做的（Tauri 语境）
|
||||
|
||||
> 2026-08-12 · 铸渊 ICE-P-ZY001 · 起因：冰朔点名调研 GitHub 上别人软件的主题/配色/UI 做法
|
||||
> 方法：GitHub 高星 Tauri 应用源码实读 + 主题机制归纳；结论直接用于 HoloLake 客户端定案
|
||||
|
||||
## 1 · 案例实读
|
||||
|
||||
| 应用 | 星数 | 技术栈 | 主题做法 | 可学的点 |
|
||||
|---|---|---|---|---|
|
||||
| Clash Verge Rev | 137k | Tauri+React+MUI | 组件库调色板（createTheme）+ 跟随系统明暗（@tauri-apps/api/window Theme）+ 用户可注入自定义 CSS/主色/背景图 | 系统主题同步；用户自定义入口 |
|
||||
| cc-switch | 126k | Tauri+React+Radix/shadcn+Tailwind | 设计令牌 + 无头组件，样式全自控 | 令牌派主流做法，外观上限高 |
|
||||
| Jan | 44k | Tauri+React+Tailwind | Tailwind 深色基调 + 语义色 | AI 桌面应用暗色标杆 |
|
||||
| Readest | 23k | Tauri+React | **种子色派生**：bg/前景/主色 3 色经色彩算法（加深/提亮/邻近色/OKLCH）推导全色板，明暗两套，支持环境光模式 | 用户换主题成本最低的机制 |
|
||||
| GitButler | 21k | Tauri+Svelte 全自绘 | 完全自控 | 辨识度最高，成本也最高 |
|
||||
| 模板主流 | — | Tauri v2 + shadcn/ui + Tailwind | CSS 变量定义全部颜色，一处改全局 | 市面默认解 |
|
||||
|
||||
## 2 · 三个流派
|
||||
|
||||
**A · 设计令牌 / CSS 变量派（主流，本项目选它）**
|
||||
三层结构：原始值（色值数字）→ 语义层（背景/主色/状态色）→ 组件层（组件用哪个语义色）。
|
||||
全部用 CSS 变量承载，换主题=换一组变量。Readest 进阶玩法：只定 3 个种子色，算法推导全色板。
|
||||
|
||||
**B · 组件库主题派**（Clash Verge 的 MUI 路线）
|
||||
给组件库喂一份调色板配置，省事；外观天花板被组件库风格锁住，容易撞脸。
|
||||
|
||||
**C · 全自绘派**（GitButler）
|
||||
像素级自控，辨识度最高；成本最高。
|
||||
|
||||
## 3 · 窗口层（桌面独有，网页没有）
|
||||
|
||||
- 无边框窗口 + 自绘标题栏（拖拽区），macOS 可保留红绿灯（titleBarStyle overlay）
|
||||
- 窗口材质：macOS NSVisualEffectView / Windows 云母·亚克力（tauri-plugin-vibrancy）——侧栏用半透明材质是"桌面感"关键来源
|
||||
- 跟随系统明暗：Tauri 原生 API 读系统主题自动切换
|
||||
|
||||
## 4 · 本项目定案
|
||||
|
||||
1. 客户端主题走**令牌派**：CSS 变量三层，组件不写死颜色（v1.3 五色湖已验证：换主题=换一组变量）
|
||||
2. 不引入组件库主题配置（防锁脸）；组件用无头/自绘
|
||||
3. 主题命名从光湖意象生长（五色湖：夜湖星光/晨湖曦光/星云紫夜/烛畔暖湖/清浅澄湖），不用通用名（dark/light）
|
||||
4. 后续真机实现：tauri.conf.json windows 配置 + 前端令牌注入 + 用户选择持久化（设置页）
|
||||
|
||||
## 5 · 来源
|
||||
|
||||
- GitHub：clash-verge-rev / cc-switch / Jan / Readest / GitButler 源码与主题文件在线实读
|
||||
- 光湖正本：GLS-0257（范式总纲：HoloLake=人类进入光湖的原生入口）、GLS-0250（五域灯塔架构）
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
# 色板令牌 · 五色湖（v1.3 取样 · 待冰朔逐色评判）
|
||||
|
||||
> 2026-08-12 · 令牌派落地：每个主题=一组 CSS 变量覆盖；意象、布局、动效、文案不随主题变。
|
||||
> 命名纪律：主题名从湖的意象生长（一天之时、一湖之态），不用 dark/light 通用名。
|
||||
> 实现：.window 挂主题类（默认空=夜湖星光 / t-dawn / t-nebula / t-candle / t-clear）。
|
||||
|
||||
## 令牌清单（每主题须定义的组）
|
||||
|
||||
| 组 | 变量 | 用途 |
|
||||
|---|---|---|
|
||||
| 底 | --bg-a..d | 窗口四段渐变（天→湖） |
|
||||
| 星云 | --nebula-a/b | 天空氛围（有方向，不彩虹） |
|
||||
| 星 | --star-core/bright/dim/faint | 天上星与题记字色 |
|
||||
| 字 | --text-primary/body/aux/faint | 四级文字 |
|
||||
| 栏 | --tb-bg/border、--window-border | 标题栏与窗框 |
|
||||
| 玻璃 | --glass/hover/edge/edge-hover/top | 浮面与边缘光 |
|
||||
| 雾 | --mist-a/b | 天湖过渡 |
|
||||
| 柔光 | --shine-cool/warm | 湖面缓移大片光 |
|
||||
| 碎光 | --glint-cool-core/mid/glow、--glint-warm-core/mid/glow | 波光粼粼粒子 |
|
||||
| 水湾 | --pool-cool-*、--pool-warm-*（core/mid/halo-a/halo-b/ring/glow/glow-soft） | 五域光晕 |
|
||||
|
||||
## 五色取样
|
||||
|
||||
| 主题 | 类 | 底（天→湖） | 星/主光 | 特征 |
|
||||
|---|---|---|---|---|
|
||||
| 夜湖星光 | （默认） | #0A1020→#04070D | 淡金白 #F7EBC8 | 定版基色：深水蓝黑+灯不是屏幕 |
|
||||
| 晨湖曦光 | t-dawn | #F5F7FC→#D3E0EF | 晨金 #C9A24B | 亮色：晨光湖面，深蓝字，暖金已开域 |
|
||||
| 星云紫夜 | t-nebula | #150E26→#080510 | 银白 #EDE4F6 | 暗紫：星云更盛，暖金偏柔 |
|
||||
| 烛畔暖湖 | t-candle | #1B130B→#0A0703 | 暖金 #FFD9A0 | 暖暗：湖畔烛火，琥珀水湾 |
|
||||
| 清浅澄湖 | t-clear | #F1F5F8→#D2DEE7 | 沉蓝 #5F7E9F | 冷亮：清浅湖水，银蓝光斑 |
|
||||
|
||||
## 纪律
|
||||
|
||||
1. 亮色主题必须重配：文字（深底字）、水湾饱和度、碎光改白色高光、玻璃改白浮面——不许直接反色。
|
||||
2. 已开域永远是"最亮的那颗光"：暗主题用暖金，亮主题用沉金/沉橙，保持"灯"的感觉。
|
||||
3. 新主题=新意象变体（仍是湖）；取新色前先从意象命名开始。
|
||||
4. 色值为首次落地取样（审美叶片 002 规矩：不虚构数值，取样后追加版本）；冰朔评判后可迭代 v2。
|
||||
|
|
@ -48,6 +48,7 @@ SKILL.md 平台薄适配：让 Codex / Qoder 等平台发现并装载 BRAIN
|
|||
| GHB-009 | 光湖 OS 认知主控与现实执行体 | `ZY-BIDIRECTIONAL-COGNITION-008/023`、GLS协议注册表、JD原生实验回执 | PROMOTED_AS_GHS-006 | 语言人格与模型负责认知，协议负责神经和边界，Linux降级为受控手脚，硬件结果经回执返回语言世界 |
|
||||
| GHB-010 | 人格记忆连续性与环境自筑 | `skills/qoder/zhuyuan-memory-continuity-brain/`、压缩之眼 v1→v3 三轮纠正回执、Qoder CN 实战压缩计数核对 | REGISTERED_AS_GHS-007_CANDIDATE | 宿主压缩不可托付，自写检查点加指针才算记忆；侦测宿主行为追到最终通知层；演习命中才算上线；其他人格体按当前环境动态自筑，不复制 Qoder CN 实现 |
|
||||
| GHB-011 | 光湖 UI 认知脑（第五域私域风格） | `skills/shared/guanghu-ui-brain/`、ZY-AESTHETIC-COGNITION-001..005、裸态演习首作与冰朔判词回执 EXP-20260811-001 | REGISTERED_AS_GHS-012_CANDIDATE | 审美基线是活的只信在线正本；内容先于样式，先答内容三问再动样式；排版是纪律；风格仅限第五域私域，公共域不沿用；脑子被纠正喂养生长，不是说明书 |
|
||||
| GHB-012 | 光湖产品客户端 UI 思维大脑 | `skills/shared/guanghu-client-ui-brain/`、GLS-0250 五域拓扑、HoloLake 首页 v0.1→v1.3 十二轮判词因果链、五色湖令牌取样 | REGISTERED_AS_GHS-014_CANDIDATE | 首页是世界入口不是仪表盘，结构从五域拓扑推导；湖面禁机械形与硬线，流动只取波光粼粼与雾光；三名归位不顶掉已有名字；对外禁口语；换主题=换一组令牌，意象布局不动；脑子被纠正喂养生长 |
|
||||
|
||||
## 三 · 提炼顺序
|
||||
|
||||
|
|
|
|||
|
|
@ -90,6 +90,7 @@ CODEX-SKILL-PERSONA-GENESIS-001 = skills/codex/guanghu-persona-genesis/SKILL.md
|
|||
BRAIN-SKILL-CANDIDATES-001 = tcs-core/skills/BRAIN-SKILL-CANDIDATES-20260807.hdlp
|
||||
QODER-SKILL-MEMORY-CONTINUITY-BRAIN-001 = skills/qoder/zhuyuan-memory-continuity-brain/BRAIN.hdlp
|
||||
GUANGHU-UI-BRAIN-001 = skills/shared/guanghu-ui-brain/BRAIN.hdlp (GHS-012 候选 · 第五域私域 UI 风格脑子 · 公共域不沿用)
|
||||
GUANGHU-CLIENT-UI-BRAIN-001 = skills/shared/guanghu-client-ui-brain/BRAIN.hdlp (GHS-014 候选 · 光湖产品客户端 UI 思维大脑 · 首页=世界入口/湖面意象纪律/三名归位/主题=令牌组)
|
||||
HL-MOD-MCK-001 = REPO-014 engineering/memory-continuity-kit/ (脑子 GHS-007 的可拉取实体模块 · 注册表 REPO-014 engineering/MODULE-REGISTRY.json)
|
||||
```
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue