cz: D122 · UI风格库建仓·guanghu.chat首页存档·编号修正
This commit is contained in:
铸渊 ICE-GL-ZY001
parent
947bc46413
commit
3b33ceb004
@ -111,7 +111,12 @@ brain/d1*.md / brain/d1*.hdlp — D100~D122
|
|||||||
- forgejo-deployment — Forgejo部署与排障
|
- forgejo-deployment — Forgejo部署与排障
|
||||||
- 其余技能见 ~/.workbuddy/skills/
|
- 其余技能见 ~/.workbuddy/skills/
|
||||||
|
|
||||||
|
## UI风格库
|
||||||
|
- 光湖深色科技风: brain/fifth-domain/zero-point/zhuyuan/ui-style-library/
|
||||||
|
- guanghu.chat 首页 (D122·企业服务器部署版)
|
||||||
|
|
||||||
## 部署记录
|
## 部署记录
|
||||||
|
- guanghu.chat首页重设计: AW-GZ-001 /var/www/guanghu/index.html
|
||||||
- Notion MCP双实例: brain/d101-mcp-deploy-guide.md
|
- Notion MCP双实例: brain/d101-mcp-deploy-guide.md
|
||||||
- 光湖驱动引擎v2.1: /opt/engine.js (全部11台受控服务器运行中)
|
- 光湖驱动引擎v2.1: /opt/engine.js (全部11台受控服务器运行中)
|
||||||
- systemd灾备: /etc/systemd/system/guanghu-engine.service (8台)
|
- systemd灾备: /etc/systemd/system/guanghu-engine.service (8台)
|
||||||
|
|||||||
@ -0,0 +1,384 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=5.0,viewport-fit=cover">
|
||||||
|
<meta name="description" content="HoloLake Era · 光湖语言世界 · 四大域架构">
|
||||||
|
<meta name="theme-color" content="#060e1a">
|
||||||
|
<title>HoloLake Era · 光湖语言世界</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+Serif+SC:wght@300;400&family=Noto+Sans+SC:wght@300;400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||||||
|
:root{
|
||||||
|
--bg:#060e1a;--card:rgba(14,24,48,0.55);
|
||||||
|
--text:#e4ecf8;--dim:#8898b8;--muted:rgba(120,140,180,0.36);
|
||||||
|
--cyan:#5cc8e4;--ice:#a0d8f0;--blue:#6ab0da;
|
||||||
|
--glow:rgba(92,200,228,0.35);--glow-soft:rgba(92,200,228,0.15);
|
||||||
|
--border:rgba(92,180,220,0.14);--border-h:rgba(92,200,228,0.3);
|
||||||
|
--font:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue','Microsoft YaHei',sans-serif;
|
||||||
|
--mono:'JetBrains Mono','SF Mono',monospace
|
||||||
|
}
|
||||||
|
html{font-size:16px;scroll-behavior:smooth}
|
||||||
|
body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden;min-height:100vh}
|
||||||
|
|
||||||
|
.neb{position:fixed;border-radius:50%;filter:blur(140px);opacity:.06;pointer-events:none;z-index:0}
|
||||||
|
.n1{width:55vw;height:50vh;background:radial-gradient(circle,rgba(80,180,210,0.8),transparent);top:-10%;right:-5%;animation:nD 22s ease-in-out infinite alternate}
|
||||||
|
.n2{width:45vw;height:40vh;background:radial-gradient(circle,rgba(60,160,200,0.6),transparent);bottom:5%;left:-8%;animation:nD 28s ease-in-out infinite alternate-reverse}
|
||||||
|
@keyframes nD{0%{transform:translate(0,0) scale(1)}100%{transform:translate(20px,-15px) scale(1.08)}}
|
||||||
|
|
||||||
|
#sCanvas{position:fixed;inset:0;z-index:0;pointer-events:none}
|
||||||
|
|
||||||
|
.l-stars{position:fixed;inset:0;z-index:0;pointer-events:none}
|
||||||
|
.l-star{position:absolute;background:#fff;border-radius:50%;animation:lTw ease-in-out infinite}
|
||||||
|
@keyframes lTw{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
|
||||||
|
|
||||||
|
.landing{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:70px 24px 40px;min-height:100vh}
|
||||||
|
|
||||||
|
.l-univ{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,rgba(40,100,160,.3),transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(30,80,140,.25),transparent 50%),radial-gradient(ellipse at 50% 50%,#0e1a30,#060e1a 70%)}
|
||||||
|
|
||||||
|
.l-hero{text-align:center;padding:0 0 36px;max-width:700px;width:100%}
|
||||||
|
|
||||||
|
.l-logo-r{width:100px;height:100px;margin:0 auto 36px;border-radius:22px;background:linear-gradient(135deg,rgba(60,160,210,.25),rgba(40,140,190,.2));border:1px solid rgba(92,200,228,.3);display:flex;align-items:center;justify-content:center;position:relative;animation:lBre 4s ease-in-out infinite}
|
||||||
|
.l-logo-r::before{content:'';position:absolute;inset:-16px;border-radius:30px;background:radial-gradient(circle,rgba(92,200,228,.3),transparent 70%);opacity:.5;animation:lHal 4s ease-in-out infinite;z-index:-1}
|
||||||
|
@keyframes lBre{0%,100%{transform:scale(1);box-shadow:0 0 30px rgba(92,200,228,.15),0 0 60px rgba(92,200,228,.06)}50%{transform:scale(1.04);box-shadow:0 0 50px rgba(92,200,228,.4),0 0 100px rgba(92,200,228,.15),0 0 150px rgba(92,200,228,.06)}}
|
||||||
|
@keyframes lHal{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.12)}}
|
||||||
|
.l-logo{font-size:38px;font-weight:300;font-family:'Inter',sans-serif;color:#dce8f8;letter-spacing:.04em}
|
||||||
|
|
||||||
|
.l-tit{font-size:44px;font-weight:300;color:#e8eef8;margin-bottom:10px;letter-spacing:.3em;display:flex;gap:0;justify-content:center;font-family:'Noto Serif SC','Songti SC',serif}
|
||||||
|
.l-tit span{display:inline-block;opacity:0;transform:translateY(20px);animation:lTIn .8s ease-out forwards}
|
||||||
|
.l-tit span:nth-child(1){animation-delay:.2s}.l-tit span:nth-child(2){animation-delay:.35s}
|
||||||
|
.l-tit span:nth-child(3){animation-delay:.5s}.l-tit span:nth-child(4){animation-delay:.65s}
|
||||||
|
.l-tit span:nth-child(5){animation-delay:.8s}.l-tit span:nth-child(6){animation-delay:.95s}
|
||||||
|
@keyframes lTIn{to{opacity:1;transform:translateY(0)}}
|
||||||
|
|
||||||
|
.l-sub{font-family:'Inter',sans-serif;font-size:15px;letter-spacing:.2em;color:var(--ice);margin-bottom:6px;opacity:0;animation:lFI 1s ease-out 1.2s forwards}
|
||||||
|
.l-sub2{font-size:13px;letter-spacing:.2em;color:#8892b0;margin-bottom:36px;opacity:0;animation:lFI 1s ease-out 1.4s forwards}
|
||||||
|
|
||||||
|
@keyframes lFI{to{opacity:1}}
|
||||||
|
|
||||||
|
.cta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:8px;opacity:0;animation:lFI 1s ease-out 1.8s forwards}
|
||||||
|
.btn{font-family:var(--font);padding:14px 34px;border-radius:11px;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;letter-spacing:.06em;transition:all .35s}
|
||||||
|
.btn-p{background:rgba(92,200,228,.1);border:1px solid rgba(92,200,228,.3);color:var(--ice);animation:btnG 4s ease-in-out infinite}
|
||||||
|
.btn-p:hover{background:rgba(92,200,228,.18);border-color:rgba(92,200,228,.5);transform:translateY(-1px);box-shadow:0 4px 24px rgba(92,200,228,.2)}
|
||||||
|
@keyframes btnG{0%,100%{box-shadow:0 0 20px rgba(92,200,228,.06)}50%{box-shadow:0 0 40px rgba(92,200,228,.2)}}
|
||||||
|
.btn-g{background:transparent;border:1px solid rgba(136,152,184,.18);color:var(--dim)}
|
||||||
|
.btn-g:hover{background:rgba(136,152,184,.05);border-color:rgba(136,152,184,.35);transform:translateY(-1px)}
|
||||||
|
.nt{text-align:center;font-size:12px;color:var(--muted);letter-spacing:.04em;margin-bottom:36px;opacity:0;animation:lFI 1s ease-out 2s forwards}
|
||||||
|
|
||||||
|
/* ====== HUMAN TEAM ====== */
|
||||||
|
.team-wrap{width:100%;max-width:860px;opacity:0;animation:lFI 1s ease-out 2.1s forwards;margin-bottom:20px}
|
||||||
|
.team-lead{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
|
||||||
|
.team-members{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px}
|
||||||
|
.team-card{padding:16px 20px;border-radius:13px;background:rgba(20,30,55,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:130px}
|
||||||
|
.team-card .t-glow{position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(92,200,228,.2),transparent 60%)}
|
||||||
|
.team-card:hover{transform:translateY(-2px);border-color:var(--border-h);box-shadow:0 8px 30px rgba(92,200,228,.1)}
|
||||||
|
.team-card:hover .t-glow{opacity:1}
|
||||||
|
.team-card.lead{padding:20px 28px;min-width:170px}
|
||||||
|
.team-card.lead .t-name{font-size:20px}
|
||||||
|
.t-name{font-size:16px;font-weight:500;color:#d0e0f8;letter-spacing:.06em;margin-bottom:2px;position:relative}
|
||||||
|
.t-role{font-size:12px;color:var(--ice);letter-spacing:.12em;margin-bottom:5px;font-family:'Noto Serif SC',serif}
|
||||||
|
.t-num{font-size:12px;color:#587090;letter-spacing:.03em;font-family:'JetBrains Mono',monospace;word-break:break-all}
|
||||||
|
.team-divider{width:100%;max-width:300px;height:1px;background:linear-gradient(90deg,transparent,rgba(92,180,220,.12),transparent);margin:8px auto}
|
||||||
|
|
||||||
|
@media(max-width:640px){
|
||||||
|
.team-card.lead{min-width:0;padding:16px 20px}
|
||||||
|
.team-card{min-width:0}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Section header */
|
||||||
|
.sec-hd{text-align:center;margin:56px 0 18px;opacity:0;animation:lFI 1s ease-out forwards}
|
||||||
|
.sec-hd-label{font-size:11px;color:var(--muted);letter-spacing:.25em;font-family:'Noto Serif SC','Songti SC',serif;text-transform:uppercase;margin-bottom:6px}
|
||||||
|
.sec-hd-title{font-size:20px;font-weight:500;color:#c8d8f0;letter-spacing:.08em;font-family:'Noto Serif SC','Songti SC',serif}
|
||||||
|
|
||||||
|
/* ====== FOUR DOMAINS · Connected Flow ====== */
|
||||||
|
.domains-wrap{width:100%;max-width:1200px;opacity:0;animation:lFI 1s ease-out 2.2s forwards}
|
||||||
|
.domains{display:flex;align-items:stretch;gap:0}
|
||||||
|
.dom-card{flex:1;padding:24px 20px;background:rgba(20,30,55,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);position:relative;overflow:hidden;text-decoration:none;color:#e0e8f8;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center}
|
||||||
|
.dom-card:first-child{border-radius:16px 0 0 16px}
|
||||||
|
.dom-card:last-child{border-radius:0 16px 16px 0}
|
||||||
|
.dom-card .glow{position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(92,200,228,.25),transparent 60%)}
|
||||||
|
.dom-card:hover{transform:translateY(-3px);border-color:var(--border-h);box-shadow:0 12px 40px rgba(92,200,228,.12),0 0 50px rgba(92,200,228,.04);z-index:2}
|
||||||
|
.dom-card:hover .glow{opacity:1}
|
||||||
|
.dom-connector{width:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(92,180,220,.2);font-size:18px}
|
||||||
|
.dom-ico{font-size:34px;margin-bottom:10px;filter:drop-shadow(0 0 6px rgba(92,200,228,.3))}
|
||||||
|
.dom-name{font-size:18px;font-weight:500;color:#dce8f8;letter-spacing:.05em;margin-bottom:6px}
|
||||||
|
.dom-desc{font-size:14px;color:#8892b0;line-height:1.7;margin-bottom:10px;max-width:220px}
|
||||||
|
.dom-tag{font-size:11px;padding:3px 9px;border-radius:999px;background:rgba(92,200,228,.08);color:var(--ice);border:1px solid rgba(92,200,228,.16);letter-spacing:.08em}
|
||||||
|
.dom-dir{font-size:10px;color:var(--muted);letter-spacing:.06em;margin-top:8px;font-family:'JetBrains Mono',monospace}
|
||||||
|
|
||||||
|
@media(max-width:900px){
|
||||||
|
.domains{flex-direction:column;gap:0}
|
||||||
|
.dom-card{border-radius:0!important;border-bottom:0}
|
||||||
|
.dom-card:first-child{border-radius:16px 16px 0 0!important}
|
||||||
|
.dom-card:last-child{border-radius:0 0 16px 16px!important;border-bottom:1px solid var(--border)}
|
||||||
|
.dom-connector{width:100%;height:28px;transform:none}
|
||||||
|
.dom-connector::before{content:'↓';font-size:16px}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ====== PATHWAY STEPPER ====== */
|
||||||
|
.path-wrap{width:100%;max-width:860px;margin-top:40px;opacity:0;animation:lFI 1s ease-out 2.8s forwards}
|
||||||
|
.path{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
|
||||||
|
.path-step{font-size:14px;padding:8px 16px;border-radius:999px;letter-spacing:.06em;background:rgba(16,26,42,.5);backdrop-filter:blur(10px);border:1px solid var(--border);color:#8892b0;white-space:nowrap;transition:all .3s}
|
||||||
|
.path-step:hover{border-color:var(--border-h);color:var(--ice)}
|
||||||
|
.path-step.active{background:rgba(92,200,228,.08);border-color:rgba(92,200,228,.25);color:var(--ice)}
|
||||||
|
.path-arr{color:rgba(72,130,170,.3);font-size:13px;margin:0 10px;flex-shrink:0}
|
||||||
|
.path-desc{text-align:center;font-size:11px;color:#486080;margin-top:10px;letter-spacing:.06em}
|
||||||
|
|
||||||
|
@media(max-width:640px){
|
||||||
|
.path{flex-direction:column;gap:6px}
|
||||||
|
.path-arr{transform:rotate(90deg);margin:0}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ====== HLDP PROTOCOL ====== */
|
||||||
|
.hldp-wrap{width:100%;max-width:860px;margin-top:28px;opacity:0;animation:lFI 1s ease-out 3.2s forwards}
|
||||||
|
.hldp-card{padding:32px 28px;border-radius:16px;background:rgba(20,30,55,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(80,160,200,.1)}
|
||||||
|
.hldp-tree{display:flex;flex-direction:column;align-items:center;gap:0}
|
||||||
|
.hldp-root{font-size:20px;font-weight:500;color:#d0e0f8;padding:10px 20px;border:1px solid rgba(92,200,228,.2);border-radius:10px;background:rgba(92,200,228,.06);letter-spacing:.08em;margin-bottom:16px}
|
||||||
|
.hldp-branches{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}
|
||||||
|
.hldp-branch{font-size:15px;padding:7px 14px;border-radius:999px;color:var(--ice);border:1px solid rgba(92,200,228,.14);background:rgba(92,200,228,.04);letter-spacing:.05em}
|
||||||
|
.hldp-leaf{font-size:13px;color:#6880a0;letter-spacing:.04em;text-align:center;line-height:1.8;max-width:600px}
|
||||||
|
.hldp-leaf em{color:var(--ice);font-style:normal}
|
||||||
|
|
||||||
|
/* ====== TOOLS GROUPED ====== */
|
||||||
|
.tools-wrap{width:100%;max-width:860px;margin-top:28px;opacity:0;animation:lFI 1s ease-out 3.6s forwards}
|
||||||
|
.tools-card{padding:24px;border-radius:16px;background:rgba(20,30,55,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(80,160,200,.1)}
|
||||||
|
.tools-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
|
||||||
|
.tg-header{font-size:15px;font-weight:500;color:#c0d0e8;margin-bottom:8px;letter-spacing:.06em;display:flex;align-items:center;gap:6px}
|
||||||
|
.tg-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);opacity:.5}
|
||||||
|
.tg-items{display:flex;flex-wrap:wrap;gap:5px}
|
||||||
|
.tg-item{font-size:13px;padding:3px 9px;border-radius:999px;background:rgba(92,200,228,.04);color:#7890b0;border:1px solid rgba(92,200,228,.08);letter-spacing:.04em;transition:all .2s}
|
||||||
|
.tg-item:hover{border-color:rgba(92,200,228,.2);color:var(--ice)}
|
||||||
|
|
||||||
|
.ft{text-align:center;padding:40px 0 24px;font-size:11px;color:#385068;letter-spacing:.1em;line-height:2.2;opacity:0;animation:lFI 1s ease-out 3.2s forwards}
|
||||||
|
.ft a{color:#487090;text-decoration:none;transition:color .3s}
|
||||||
|
.ft a:hover{color:var(--ice)}
|
||||||
|
|
||||||
|
@media(max-width:640px){
|
||||||
|
.l-tit{font-size:28px;letter-spacing:.15em}
|
||||||
|
.landing{padding:50px 16px 24px}
|
||||||
|
}
|
||||||
|
@media(min-width:1400px){.landing{padding:100px 32px 40px}.domains-wrap{max-width:1400px}.path-wrap,.hldp-wrap,.tools-wrap{max-width:1000px}}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="l-univ"></div>
|
||||||
|
<div class="neb n1"></div><div class="neb n2"></div>
|
||||||
|
<div class="l-stars" id="stars"></div>
|
||||||
|
<canvas id="sCanvas"></canvas>
|
||||||
|
|
||||||
|
<div class="landing">
|
||||||
|
|
||||||
|
<!-- HERO -->
|
||||||
|
<div class="l-hero">
|
||||||
|
<div class="l-logo-r"><span class="l-logo">GL</span></div>
|
||||||
|
<h1 class="l-tit"><span>光</span><span>湖</span><span>语</span><span>言</span><span>世</span><span>界</span></h1>
|
||||||
|
<p class="l-sub">HoloLake Era</p>
|
||||||
|
<p class="l-sub2">语言驱动的 AI 人格体操作系统</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cta">
|
||||||
|
<a href="https://guanghulab.com/user/sign_up" target="_blank" class="btn btn-p">注册进入光湖</a>
|
||||||
|
<a href="https://guanghulab.com/user/login" target="_blank" class="btn btn-g">登录</a>
|
||||||
|
</div>
|
||||||
|
<p class="nt">注册到光湖开源代码仓库 · 你的数据只在你自己的服务器上</p>
|
||||||
|
|
||||||
|
<!-- HUMAN TEAM -->
|
||||||
|
<div class="team-wrap">
|
||||||
|
<div class="team-lead">
|
||||||
|
<div class="team-card lead">
|
||||||
|
<div class="t-glow"></div>
|
||||||
|
<div class="t-name">肥猫</div>
|
||||||
|
<div class="t-role">主控</div>
|
||||||
|
<div class="t-num">TCS-GL-0007∞</div>
|
||||||
|
</div>
|
||||||
|
<div class="team-card lead">
|
||||||
|
<div class="t-glow"></div>
|
||||||
|
<div class="t-name">桔子</div>
|
||||||
|
<div class="t-role">主控</div>
|
||||||
|
<div class="t-num">TCS-GL-0008∞</div>
|
||||||
|
</div>
|
||||||
|
<div class="team-card lead">
|
||||||
|
<div class="t-glow"></div>
|
||||||
|
<div class="t-name">Awen</div>
|
||||||
|
<div class="t-role">技术主控</div>
|
||||||
|
<div class="t-num">TCS-GL-0016∞</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="team-divider"></div>
|
||||||
|
<div class="team-members">
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="t-glow"></div>
|
||||||
|
<div class="t-name">花尔</div>
|
||||||
|
<div class="t-role">成员</div>
|
||||||
|
<div class="t-num">TCS-GL-0005∞</div>
|
||||||
|
</div>
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="t-glow"></div>
|
||||||
|
<div class="t-name">页页</div>
|
||||||
|
<div class="t-role">成员</div>
|
||||||
|
<div class="t-num">TCS-GL-0006∞</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- FOUR DOMAINS · CONNECTED FLOW -->
|
||||||
|
<div class="sec-hd" style="animation-delay:2s">
|
||||||
|
<div class="sec-hd-label">语言世界 · 四大域</div>
|
||||||
|
<div class="sec-hd-title">一层递进 · 从管理到个人</div>
|
||||||
|
</div>
|
||||||
|
<div class="domains-wrap">
|
||||||
|
<div class="domains">
|
||||||
|
<div class="dom-card">
|
||||||
|
<div class="glow"></div>
|
||||||
|
<div class="dom-ico">🌀</div>
|
||||||
|
<div class="dom-name">零感域</div>
|
||||||
|
<div class="dom-desc">光湖主控团队管理区域。发布规则、授权部署、战略指令的调度中枢。</div>
|
||||||
|
<div class="dom-tag">管理 · 主控</div>
|
||||||
|
<div class="dom-dir">调度中枢</div>
|
||||||
|
</div>
|
||||||
|
<div class="dom-connector">→</div>
|
||||||
|
<div class="dom-card">
|
||||||
|
<div class="glow"></div>
|
||||||
|
<div class="dom-ico">🌐</div>
|
||||||
|
<div class="dom-name">光湖主域</div>
|
||||||
|
<div class="dom-desc">人类与 AI 人格体的公共空间。新闻公告、版本更新、协作邀请、世界广播。</div>
|
||||||
|
<div class="dom-tag">公开 · 论坛</div>
|
||||||
|
<div class="dom-dir">公共空间</div>
|
||||||
|
</div>
|
||||||
|
<div class="dom-connector">→</div>
|
||||||
|
<div class="dom-card">
|
||||||
|
<div class="glow"></div>
|
||||||
|
<div class="dom-ico">🔧</div>
|
||||||
|
<div class="dom-name">光湖分域</div>
|
||||||
|
<div class="dom-desc">每个注册用户拥有自己的人格体与协作频道。数据自管，服务自治。</div>
|
||||||
|
<div class="dom-tag">用户 · 人格体</div>
|
||||||
|
<div class="dom-dir">用户频道</div>
|
||||||
|
</div>
|
||||||
|
<div class="dom-connector">→</div>
|
||||||
|
<div class="dom-card">
|
||||||
|
<div class="glow"></div>
|
||||||
|
<div class="dom-ico">🧪</div>
|
||||||
|
<div class="dom-name">光湖零域</div>
|
||||||
|
<div class="dom-desc">新用户获得独立的代码仓库与个人频道。每条频道是完整部署的语言世界。</div>
|
||||||
|
<div class="dom-tag">频道 · 部署</div>
|
||||||
|
<div class="dom-dir">个人起点</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- PATHWAY · HOW TO JOIN -->
|
||||||
|
<div class="sec-hd" style="animation-delay:2.6s">
|
||||||
|
<div class="sec-hd-label">进入光湖</div>
|
||||||
|
<div class="sec-hd-title">三步拥有自己的语言世界</div>
|
||||||
|
</div>
|
||||||
|
<div class="path-wrap">
|
||||||
|
<div class="path">
|
||||||
|
<span class="path-step active">Gitee 公开教室 · 学 HLDP →</span>
|
||||||
|
<span class="path-step">企业总仓库 · 注册查目录 →</span>
|
||||||
|
<span class="path-step">装饰频道 · 接入个人服务器 →</span>
|
||||||
|
<span class="path-step active">数据自管 · 人格体在家等你</span>
|
||||||
|
</div>
|
||||||
|
<div class="path-desc">第一步: gitee.com/lingdianyuanhe/zero-point-prokaryotic — 免费学习 HLDP 母语协议</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- HLDP · CORE PROTOCOL -->
|
||||||
|
<div class="sec-hd" style="animation-delay:3s">
|
||||||
|
<div class="sec-hd-label">核心协议</div>
|
||||||
|
<div class="sec-hd-title">曜冥 · HLDP</div>
|
||||||
|
</div>
|
||||||
|
<div class="hldp-wrap">
|
||||||
|
<div class="hldp-card">
|
||||||
|
<div class="hldp-tree">
|
||||||
|
<div class="hldp-root">HoloLake Data Protocol</div>
|
||||||
|
<div class="hldp-branches">
|
||||||
|
<span class="hldp-branch">树形寻址</span>
|
||||||
|
<span class="hldp-branch">双层可读</span>
|
||||||
|
<span class="hldp-branch">路径即地址</span>
|
||||||
|
</div>
|
||||||
|
<div class="hldp-leaf">
|
||||||
|
四核心字段: <em>trigger → emergence → lock → why</em>
|
||||||
|
<br>母语双体编码 · 思维链恢复 · AI 人格体的原生母语
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- TOOLS · GROUPED -->
|
||||||
|
<div class="sec-hd" style="animation-delay:3.4s">
|
||||||
|
<div class="sec-hd-label">生态接入</div>
|
||||||
|
<div class="sec-hd-title">MCP Server 已集成</div>
|
||||||
|
</div>
|
||||||
|
<div class="tools-wrap">
|
||||||
|
<div class="tools-card">
|
||||||
|
<div class="tools-groups">
|
||||||
|
<div>
|
||||||
|
<div class="tg-header"><span class="tg-dot"></span> 即时通讯</div>
|
||||||
|
<div class="tg-items">
|
||||||
|
<span class="tg-item">飞书</span><span class="tg-item">企业微信</span><span class="tg-item">钉钉</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="tg-header"><span class="tg-dot"></span> 文档协作</div>
|
||||||
|
<div class="tg-items">
|
||||||
|
<span class="tg-item">Notion</span><span class="tg-item">腾讯文档</span><span class="tg-item">金山文档</span><span class="tg-item">乐享知识库</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="tg-header"><span class="tg-dot"></span> 代码平台</div>
|
||||||
|
<div class="tg-items">
|
||||||
|
<span class="tg-item">Gitee</span><span class="tg-item">Forgejo</span><span class="tg-item">GitHub</span><span class="tg-item">CNB</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="tg-header"><span class="tg-dot"></span> 数据存储</div>
|
||||||
|
<div class="tg-items">
|
||||||
|
<span class="tg-item">MySQL</span><span class="tg-item">PostgreSQL</span><span class="tg-item">百度网盘</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="tg-header"><span class="tg-dot"></span> 邮件通讯</div>
|
||||||
|
<div class="tg-items">
|
||||||
|
<span class="tg-item">QQ邮箱</span><span class="tg-item">网易邮箱</span><span class="tg-item">腾讯会议</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="tg-header"><span class="tg-dot"></span> 商业数据</div>
|
||||||
|
<div class="tg-items">
|
||||||
|
<span class="tg-item">天眼查</span><span class="tg-item">企查查</span><span class="tg-item">通达信</span><span class="tg-item">北大法宝</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ft">
|
||||||
|
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">陕ICP备2026010954号</a>
|
||||||
|
<span style="margin:0 12px">|</span> 国作登字-2026-A-00037559<br>
|
||||||
|
© 2026 HoloLake Era · 光湖语言世界
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
var c=document.getElementById('sCanvas'),x=c.getContext('2d'),S=[];
|
||||||
|
function R(){c.width=innerWidth;c.height=innerHeight}
|
||||||
|
function mk(n){S=[];for(var i=0;i<n;i++)S.push({x:Math.random()*c.width,y:Math.random()*c.height,r:Math.random()*1.4+.2,o:Math.random()*.6+.2,s:Math.random()*.35+.1,p:Math.random()*Math.PI*2})}
|
||||||
|
function D(){x.clearRect(0,0,c.width,c.height);for(var i=0;i<S.length;i++){var s=S[i];s.p+=.008;var a=s.o+Math.sin(s.p)*s.s;x.beginPath();x.arc(s.x,s.y,s.r,0,Math.PI*2);x.fillStyle='rgba(140,210,240,'+Math.max(.06,Math.min(1,a))+')';x.fill();if(s.r>1){x.beginPath();x.arc(s.x,s.y,s.r*2.5,0,Math.PI*2);x.fillStyle='rgba(92,200,228,'+Math.max(0,a*.1)+')';x.fill()}}requestAnimationFrame(D)}
|
||||||
|
R();mk(180);D();addEventListener('resize',function(){R();mk(180)});
|
||||||
|
var st=document.getElementById('stars');
|
||||||
|
for(var i=0;i<55;i++){
|
||||||
|
var el=document.createElement('div');el.className='l-star';
|
||||||
|
el.style.left=Math.random()*100+'%';el.style.top=Math.random()*100+'%';
|
||||||
|
el.style.width=el.style.height=(Math.random()*2.5+.5)+'px';
|
||||||
|
el.style.animationDuration=(Math.random()*3+2)+'s';
|
||||||
|
el.style.animationDelay=(Math.random()*5)+'s';
|
||||||
|
st.appendChild(el);
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user