2026-06-21 00:18:46 +08:00
<!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 >
< a href = "/code/" target = "_blank" class = "btn btn-p" style = "border-color:var(--ice);color:var(--ice)" > 光湖灯塔< / 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 >
