guanghu.chat v11: 纯黑单色·全内容可见·参考Vercel科技风
冰朔反馈: 截图只有大字/颜色花里胡哨/内容消失 彻底重写: - 纯黑底色(#000)+灰度系统(#171717~#fafafa) - 单一品牌蓝(#2563eb)唯一强调色 - 去除了所有青色/紫色/金色等多色渐变 - 卡片: #0a0a0a底色+1px灰边框+hover变亮 - 全section可见·hero不再占满全屏 - ICP备案+团队署名+天数计数器全部恢复
This commit is contained in:
冰朔
parent
37cca20d18
commit
f66f9d74a9
@ -3,354 +3,272 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<meta name="description" content="曜冥纪元 · 通用人工智能操作平台 · 第一代语言人格驱动操作系统 · 国作登字-2026-A-00037559">
|
||||
<meta name="theme-color" content="#060a14">
|
||||
<meta name="description" content="曜冥纪元 · 通用人工智能操作平台 · 第一代语言人格驱动操作系统">
|
||||
<meta name="theme-color" content="#000000">
|
||||
<title>曜冥纪元 · 通用人工智能操作平台</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600;700;800&family=Inter:wght@200;300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||||
|
||||
:root{
|
||||
--bg:#060a14;
|
||||
--card:rgba(14,20,48,0.6);
|
||||
--card-border:rgba(96,165,250,0.12);
|
||||
--card-hover:rgba(96,165,250,0.22);
|
||||
--text:#eaf0ff;
|
||||
--dim:#94a7d0;
|
||||
--muted:rgba(120,150,200,0.5);
|
||||
--cyan:#22d3ee;
|
||||
--blue:#60a5fa;
|
||||
--purple:#a78bfa;
|
||||
--gold:#d4a574;
|
||||
--border:rgba(96,165,250,0.1);
|
||||
--bg:#000;
|
||||
--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;
|
||||
--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;
|
||||
--gray-800:#262626;--gray-900:#171717;--gray-950:#0a0a0a;
|
||||
--accent:#2563eb;--accent-light:#3b82f6;
|
||||
--font:'Noto Sans SC',-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
|
||||
--serif:'Noto Serif SC','Songti SC',serif;
|
||||
--mono:'JetBrains Mono','SF Mono',monospace;
|
||||
}
|
||||
|
||||
html{font-size:16px;scroll-behavior:smooth;background:var(--bg)}
|
||||
body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.75;min-height:100vh}
|
||||
|
||||
.cosmos{position:fixed;inset:0;z-index:0;pointer-events:none}
|
||||
.cosmos-grad{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(40,60,120,0.4),transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(25,45,90,0.3),transparent 50%),var(--bg)}
|
||||
body{font-family:var(--font);background:var(--bg);color:var(--gray-200);-webkit-font-smoothing:antialiased;line-height:1.7;min-height:100vh}
|
||||
|
||||
/* Nav */
|
||||
.nav{position:sticky;top:0;z-index:100;background:rgba(6,10,20,0.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
|
||||
.nav-inner{max-width:1200px;margin:0 auto;padding:18px 40px;display:flex;justify-content:space-between;align-items:center}
|
||||
.nav-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text)}
|
||||
.nav-dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(34,211,238,0.6);animation:statusBreathe 3s ease-in-out infinite}
|
||||
@keyframes statusBreathe{0%,100%{opacity:1;box-shadow:0 0 10px rgba(34,211,238,0.6)}50%{opacity:.5;box-shadow:0 0 20px rgba(34,211,238,0.8)}}
|
||||
.nav-name{font-size:18px;font-weight:700;letter-spacing:.05em}
|
||||
.nav-right{display:flex;align-items:center;gap:32px}
|
||||
.nav-link{font-size:15px;color:var(--dim);text-decoration:none;transition:color .2s;font-weight:500}
|
||||
.nav-link:hover{color:var(--cyan)}
|
||||
.nav-badge{font-size:12px;padding:6px 16px;border-radius:999px;background:rgba(34,211,238,0.08);border:1px solid rgba(34,211,238,0.2);color:var(--cyan);font-weight:700;letter-spacing:.04em}
|
||||
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(0,0,0,0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-800)}
|
||||
.nav-inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}
|
||||
.nav-l{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--gray-200)}
|
||||
.nav-ico{width:28px;height:28px;border-radius:6px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:14px;color:#fff;font-weight:700}
|
||||
.nav-txt{font-size:15px;font-weight:600}
|
||||
.nav-r{display:flex;align-items:center;gap:24px}
|
||||
.nav-lnk{font-size:14px;color:var(--gray-400);text-decoration:none;transition:color .2s}
|
||||
.nav-lnk:hover{color:#fff}
|
||||
.nav-bdg{font-size:12px;padding:4px 12px;border-radius:999px;background:rgba(37,99,235,0.1);border:1px solid rgba(37,99,235,0.2);color:var(--accent-light);font-weight:600}
|
||||
|
||||
.page{position:relative;z-index:1}
|
||||
/* Hero */
|
||||
.hero{padding:120px 24px 60px;max-width:800px;margin:0 auto}
|
||||
.hero-badge{display:inline-block;font-size:12px;padding:4px 14px;border-radius:999px;background:rgba(37,99,235,0.06);border:1px solid rgba(37,99,235,0.15);color:var(--accent-light);font-weight:600;letter-spacing:.06em;margin-bottom:40px}
|
||||
.hero-coming{font-family:var(--serif);font-size:64px;font-weight:700;color:#fff;letter-spacing:.3em;margin-bottom:8px;line-height:1.2}
|
||||
.hero-coming-sub{font-size:20px;font-weight:500;color:var(--gray-400);letter-spacing:.3em;margin-bottom:36px}
|
||||
.hero-line{width:40px;height:1px;background:var(--gray-600);margin-bottom:36px}
|
||||
.hero-title{font-size:26px;font-weight:600;color:#fff;letter-spacing:.06em;margin-bottom:8px}
|
||||
.hero-sub{font-size:18px;font-weight:400;letter-spacing:.06em;color:var(--accent-light);margin-bottom:24px}
|
||||
.hero-desc{font-size:15px;color:var(--gray-400);line-height:1.9}
|
||||
.hero-days{font-size:13px;color:var(--gray-500);margin-top:24px;letter-spacing:.04em}
|
||||
|
||||
/* ═══ Hero · 大字版 ═══ */
|
||||
.hero{text-align:center;padding:80px 40px 60px}
|
||||
/* Sections */
|
||||
.sec{padding:72px 24px}
|
||||
.sec-hd{max-width:800px;margin:0 auto 48px}
|
||||
.sec-tag{font-size:11px;color:var(--gray-500);letter-spacing:.15em;margin-bottom:8px;font-weight:600}
|
||||
.sec-tit{font-size:28px;font-weight:600;color:#fff;letter-spacing:.04em;font-family:var(--serif)}
|
||||
.sec-tit b{font-weight:600;color:var(--accent-light)}
|
||||
|
||||
.hero-badge{display:inline-block;font-size:13px;padding:6px 20px;border-radius:999px;background:rgba(34,211,238,0.06);border:1px solid rgba(34,211,238,0.15);color:var(--cyan);font-weight:600;letter-spacing:.1em;margin-bottom:28px}
|
||||
/* Cards */
|
||||
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-800);border-radius:12px;overflow:hidden;max-width:1000px;margin:0 auto}
|
||||
.card{padding:36px 28px;background:var(--gray-950);transition:background .3s}
|
||||
.card:hover{background:var(--gray-900)}
|
||||
.card-num{font-size:28px;font-weight:600;color:var(--accent-light);margin-bottom:16px}
|
||||
.card-tit{font-size:17px;font-weight:600;color:#fff;margin-bottom:8px}
|
||||
.card-txt{font-size:14px;color:var(--gray-400);line-height:1.8}
|
||||
|
||||
.hero-brand{font-family:var(--serif);font-size:32px;font-weight:600;color:var(--text);letter-spacing:.3em;margin-bottom:8px}
|
||||
.hero-brand-en{font-family:'Inter',sans-serif;font-size:16px;color:var(--muted);letter-spacing:.4em;margin-bottom:36px;font-weight:400}
|
||||
/* Steps */
|
||||
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-800);border-radius:12px;overflow:hidden;max-width:1000px;margin:0 auto}
|
||||
.step{padding:36px 28px;background:var(--gray-950);text-align:center;transition:background .3s}
|
||||
.step:hover{background:var(--gray-900)}
|
||||
.step-num{font-size:32px;font-weight:600;color:var(--accent-light);margin-bottom:12px}
|
||||
.step-tit{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}
|
||||
.step-txt{font-size:14px;color:var(--gray-400);line-height:1.8}
|
||||
|
||||
/* 即将发布 · 核心大字 */
|
||||
.hero-coming-wrap{padding:20px 0 40px}
|
||||
.hero-coming{
|
||||
font-family:var(--serif);
|
||||
font-size:96px;
|
||||
font-weight:800;
|
||||
letter-spacing:.45em;
|
||||
margin-bottom:20px;
|
||||
background:linear-gradient(135deg,#eaf0ff 10%,#22d3ee 40%,#a78bfa 70%,#60a5fa 100%);
|
||||
-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
|
||||
animation:comingBreathe 5s ease-in-out infinite;
|
||||
line-height:1.1;
|
||||
}
|
||||
@keyframes comingBreathe{0%,100%{filter:brightness(0.8)}50%{filter:brightness(1.2)}}
|
||||
.hero-coming-sub{
|
||||
font-family:var(--serif);
|
||||
font-size:42px;
|
||||
font-weight:700;
|
||||
letter-spacing:.35em;
|
||||
color:var(--gold);
|
||||
animation:subBreathe 6s ease-in-out infinite;
|
||||
}
|
||||
@keyframes subBreathe{0%,100%{opacity:.5}50%{opacity:1}}
|
||||
/* Arch */
|
||||
.arch{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1px}
|
||||
.alayer{padding:28px 36px;background:var(--gray-950);border:1px solid var(--gray-800);border-radius:12px;transition:border-color .3s}
|
||||
.alayer:hover{border-color:var(--gray-700)}
|
||||
.alayer.l1{border-left:3px solid var(--accent-light)}
|
||||
.alayer.l2{border-left:3px solid var(--gray-400)}
|
||||
.alayer.l3{border-left:3px solid var(--gray-500)}
|
||||
.aname{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}
|
||||
.adesc{font-size:14px;color:var(--gray-400);line-height:1.7}
|
||||
.ab{display:inline-block;font-size:11px;padding:2px 10px;border-radius:999px;font-weight:500;margin-top:8px;background:rgba(37,99,235,0.08);color:var(--accent-light)}
|
||||
.acon{height:16px}
|
||||
|
||||
.hero-divider{width:1px;height:56px;background:linear-gradient(transparent,rgba(34,211,238,0.4),rgba(167,139,250,0.3),transparent);margin:40px auto}
|
||||
/* Eco */
|
||||
.eco{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:0 auto}
|
||||
.eg{padding:24px;background:var(--gray-950);border:1px solid var(--gray-800);border-radius:12px;transition:border-color .2s}
|
||||
.eg:hover{border-color:var(--gray-700)}
|
||||
.el{font-size:14px;font-weight:600;color:#fff;margin-bottom:14px}
|
||||
.et{display:flex;flex-wrap:wrap;gap:6px}
|
||||
.eti{font-size:12px;padding:4px 10px;border-radius:6px;background:var(--gray-900);color:var(--gray-400);border:1px solid var(--gray-800);transition:all .2s}
|
||||
.eti:hover{border-color:var(--gray-600);color:var(--gray-300)}
|
||||
.eti.hl{background:rgba(37,99,235,0.1);border-color:rgba(37,99,235,0.2);color:var(--accent-light)}
|
||||
|
||||
.hero-title{font-size:28px;font-weight:700;color:var(--text);letter-spacing:.12em;margin-bottom:10px}
|
||||
.hero-platform{font-size:20px;font-weight:600;letter-spacing:.15em;margin-bottom:24px;color:var(--cyan)}
|
||||
.hero-desc{font-size:17px;color:var(--dim);max-width:720px;margin:0 auto;line-height:2;font-weight:400}
|
||||
/* Footer */
|
||||
.ft{border-top:1px solid var(--gray-800);padding:28px 24px;text-align:center}
|
||||
.ft-team{font-size:14px;color:var(--gray-400);margin-bottom:10px;font-weight:500}
|
||||
.ft-team strong{color:var(--accent-light)}
|
||||
.ft-info{font-size:12px;color:var(--gray-500);letter-spacing:.03em;margin-bottom:6px}
|
||||
.ft-info a{color:var(--gray-500);text-decoration:none;transition:color .2s}
|
||||
.ft-info a:hover{color:var(--gray-300)}
|
||||
.ft-cr{font-size:11px;color:var(--gray-600)}
|
||||
|
||||
.hero-counter{font-family:var(--mono);font-size:14px;color:var(--muted);margin-top:36px;letter-spacing:.06em}
|
||||
|
||||
/* ═══ Sections ═══ */
|
||||
.section{padding:80px 40px}
|
||||
.section-header{text-align:center;margin-bottom:60px}
|
||||
.section-tag{font-size:12px;font-weight:700;letter-spacing:.25em;margin-bottom:14px;font-family:var(--mono);text-transform:uppercase}
|
||||
.section-tag.c{color:var(--cyan)}.section-tag.p{color:var(--purple)}
|
||||
.section-title{font-size:36px;font-weight:700;color:var(--text);letter-spacing:.08em;font-family:var(--serif)}
|
||||
.section-title em{font-style:normal}
|
||||
.section-title em.c{color:var(--cyan)}.section-title em.p{color:var(--purple)}
|
||||
|
||||
/* ═══ Glass Cards ═══ */
|
||||
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
|
||||
.gcard{
|
||||
padding:44px 32px;border-radius:16px;
|
||||
background:var(--card);
|
||||
border:1px solid var(--card-border);
|
||||
text-align:center;
|
||||
transition:all .4s cubic-bezier(.4,0,.2,1);
|
||||
position:relative;overflow:hidden;
|
||||
backdrop-filter:blur(16px);
|
||||
}
|
||||
.gcard::before{
|
||||
content:'';position:absolute;top:0;left:0;right:0;height:2px;
|
||||
background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);
|
||||
opacity:.25;transition:opacity .4s;
|
||||
}
|
||||
.gcard::after{
|
||||
content:'';position:absolute;bottom:-20%;left:50%;transform:translateX(-50%);
|
||||
width:80%;height:50%;border-radius:50%;
|
||||
background:radial-gradient(ellipse,rgba(34,211,238,0.08),transparent 70%);
|
||||
opacity:0;transition:opacity .5s;
|
||||
}
|
||||
.gcard:hover{transform:translateY(-8px);border-color:var(--card-hover);
|
||||
box-shadow:0 16px 50px rgba(34,211,238,0.12),0 0 80px rgba(167,139,250,0.06);}
|
||||
.gcard:hover::before{opacity:.6}
|
||||
.gcard:hover::after{opacity:1}
|
||||
|
||||
.card-num{font-family:'Inter',sans-serif;font-size:52px;font-weight:300;line-height:1;margin-bottom:20px;letter-spacing:-.02em}
|
||||
.card-num.c{color:var(--cyan)}.card-num.p{color:var(--purple)}.card-num.b{color:var(--blue)}
|
||||
.card-name{font-size:20px;font-weight:600;color:var(--text);margin-bottom:12px;letter-spacing:.04em}
|
||||
.card-text{font-size:15px;color:var(--dim);line-height:1.9;font-weight:400}
|
||||
|
||||
/* ═══ Steps ═══ */
|
||||
.steps{display:flex;gap:28px}
|
||||
.scard{
|
||||
flex:1;padding:40px 28px;border-radius:16px;
|
||||
background:var(--card);
|
||||
border:1px solid var(--card-border);
|
||||
text-align:center;
|
||||
transition:all .4s cubic-bezier(.4,0,.2,1);
|
||||
position:relative;overflow:hidden;
|
||||
backdrop-filter:blur(16px);
|
||||
}
|
||||
.scard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
|
||||
background:linear-gradient(90deg,transparent,var(--purple),var(--cyan),transparent);
|
||||
opacity:.25;transition:opacity .4s;}
|
||||
.scard::after{content:'';position:absolute;bottom:-20%;left:50%;transform:translateX(-50%);
|
||||
width:80%;height:50%;border-radius:50%;
|
||||
background:radial-gradient(ellipse,rgba(167,139,250,0.06),transparent 70%);
|
||||
opacity:0;transition:opacity .5s;}
|
||||
.scard:hover{transform:translateY(-8px);border-color:var(--card-hover);
|
||||
box-shadow:0 16px 50px rgba(167,139,250,0.1),0 0 80px rgba(34,211,238,0.05);}
|
||||
.scard:hover::before{opacity:.6}
|
||||
.scard:hover::after{opacity:1}
|
||||
.step-num{font-family:'Inter',sans-serif;font-size:44px;font-weight:300;margin-bottom:16px;color:var(--purple);letter-spacing:-.01em}
|
||||
.step-name{font-size:18px;font-weight:600;color:var(--text);margin-bottom:10px}
|
||||
.step-text{font-size:15px;color:var(--dim);line-height:1.85;font-weight:400}
|
||||
.step-arr{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px;color:var(--muted);font-weight:300}
|
||||
|
||||
/* ═══ Architecture ═══ */
|
||||
.arch{display:flex;flex-direction:column;align-items:center;gap:0}
|
||||
.alayer{
|
||||
padding:36px 48px;border-radius:16px;
|
||||
background:var(--card);
|
||||
border:1px solid var(--card-border);
|
||||
text-align:center;width:100%;max-width:760px;
|
||||
transition:all .4s cubic-bezier(.4,0,.2,1);
|
||||
backdrop-filter:blur(16px);
|
||||
}
|
||||
.alayer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
|
||||
background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);
|
||||
opacity:.2;transition:opacity .4s;}
|
||||
.alayer:hover{transform:translateY(-6px);border-color:var(--card-hover);
|
||||
box-shadow:0 12px 40px rgba(34,211,238,0.1);}
|
||||
.alayer:hover::before{opacity:.5}
|
||||
.alayer.l1{border-left:3px solid var(--cyan)}
|
||||
.alayer.l2{border-left:3px solid var(--purple)}
|
||||
.alayer.l3{border-left:3px solid var(--blue)}
|
||||
.aname{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}
|
||||
.adesc{font-size:15px;color:var(--dim);line-height:1.85;font-weight:400}
|
||||
.ab{display:inline-block;font-size:11px;padding:4px 12px;border-radius:999px;font-weight:600;font-family:var(--mono);margin-top:12px}
|
||||
.ab.c{background:rgba(34,211,238,0.1);color:var(--cyan);border:1px solid rgba(34,211,238,0.2)}
|
||||
.ab.p{background:rgba(167,139,250,0.1);color:var(--purple);border:1px solid rgba(167,139,250,0.2)}
|
||||
.ab.b{background:rgba(96,165,250,0.1);color:var(--blue);border:1px solid rgba(96,165,250,0.2)}
|
||||
.acon{height:28px;display:flex;align-items:center;justify-content:center}
|
||||
.acon::after{content:'';width:1px;height:100%;background:rgba(96,165,250,0.1)}
|
||||
|
||||
/* ═══ Eco ═══ */
|
||||
.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
|
||||
.eg{
|
||||
padding:28px 24px;border-radius:16px;
|
||||
background:var(--card);
|
||||
border:1px solid var(--card-border);
|
||||
transition:all .35s;
|
||||
backdrop-filter:blur(16px);
|
||||
}
|
||||
.eg:hover{border-color:var(--card-hover);transform:translateY(-4px)}
|
||||
.el{font-size:16px;font-weight:600;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:10px}
|
||||
.ed{width:6px;height:6px;border-radius:50%}
|
||||
.ed.c{background:var(--cyan)}.ed.p{background:var(--purple)}.ed.b{background:var(--blue)}.ed.g{background:var(--gold)}
|
||||
.et{display:flex;flex-wrap:wrap;gap:8px}
|
||||
.eti{font-size:13px;padding:6px 12px;border-radius:6px;font-weight:400;transition:all .2s;
|
||||
background:rgba(96,165,250,0.06);border:1px solid rgba(96,165,250,0.12);color:var(--dim)}
|
||||
.eti:hover{border-color:rgba(34,211,238,0.25);color:var(--cyan)}
|
||||
.eti.hl{background:rgba(34,211,238,0.1);border-color:rgba(34,211,238,0.25);color:var(--cyan);font-weight:600}
|
||||
|
||||
/* ═══ Footer · ICP备案 ═══ */
|
||||
.footer{border-top:1px solid var(--border);padding:32px 40px;background:rgba(6,10,20,0.6);backdrop-filter:blur(20px);margin-top:60px}
|
||||
.ft-main{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
|
||||
.ft-team{font-size:15px;color:var(--dim);font-weight:600}
|
||||
.ft-team strong{color:var(--cyan)}
|
||||
.ft-icp{font-size:14px;color:var(--dim)}
|
||||
.ft-icp a{color:var(--dim);text-decoration:none;transition:color .2s}
|
||||
.ft-icp a:hover{color:var(--cyan)}
|
||||
.ft-cr{font-size:12px;color:var(--muted);margin-top:16px;text-align:center;width:100%}
|
||||
|
||||
@media(max-width:960px){
|
||||
.cards,.eco-grid{grid-template-columns:1fr 1fr}
|
||||
.steps{flex-direction:column;gap:20px}.step-arr{transform:rotate(90deg)}
|
||||
.hero-coming{font-size:64px;letter-spacing:.2em}
|
||||
.hero-coming-sub{font-size:32px;letter-spacing:.15em}
|
||||
.hero-brand{font-size:26px}.hero-title{font-size:24px}.hero-desc{font-size:15px}
|
||||
.ft-main{flex-direction:column;text-align:center;gap:12px}
|
||||
}
|
||||
@media(max-width:640px){
|
||||
.hero-coming{font-size:48px;letter-spacing:.1em}
|
||||
.hero-coming-sub{font-size:26px;letter-spacing:.08em}
|
||||
.hero-brand{font-size:22px}.hero-brand-en{font-size:14px}
|
||||
.hero-title{font-size:20px}.hero-platform{font-size:16px}.hero-desc{font-size:14px}
|
||||
.cards,.eco-grid{grid-template-columns:1fr}
|
||||
.section-title{font-size:28px}
|
||||
.nav-inner,.section,.hero{padding-left:24px;padding-right:24px}
|
||||
.ft-main{padding:0 20px}
|
||||
@media(max-width:768px){
|
||||
.cards,.steps,.eco{grid-template-columns:1fr}
|
||||
.hero-coming{font-size:40px;letter-spacing:.15em}
|
||||
.hero-title{font-size:22px}.hero-sub{font-size:16px}
|
||||
.hero{padding:100px 20px 48px}
|
||||
.sec{padding:56px 20px}
|
||||
.sec-tit{font-size:24px}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="cosmos"><div class="cosmos-grad"></div></div>
|
||||
|
||||
<nav class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="#" class="nav-brand"><span class="nav-dot"></span><span class="nav-name">曜冥纪元</span></a>
|
||||
<div class="nav-right">
|
||||
<a href="#about" class="nav-link">系统定义</a>
|
||||
<a href="#arch" class="nav-link">技术架构</a>
|
||||
<a href="#eco" class="nav-link">生态接入</a>
|
||||
<span class="nav-badge">研发中</span>
|
||||
<a href="#" class="nav-l"><div class="nav-ico">耀</div><span class="nav-txt">曜冥纪元</span></a>
|
||||
<div class="nav-r">
|
||||
<a href="#about" class="nav-lnk">系统定义</a>
|
||||
<a href="#arch" class="nav-lnk">技术架构</a>
|
||||
<a href="#eco" class="nav-lnk">生态接入</a>
|
||||
<span class="nav-bdg">研发中</span>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ═══ Hero ═══ -->
|
||||
<!-- Hero -->
|
||||
<header class="hero">
|
||||
<div class="hero-badge">商标注册中 · 公示期</div>
|
||||
<p class="hero-brand">曜冥纪元</p>
|
||||
<p class="hero-brand-en">HoloLake Era</p>
|
||||
|
||||
<div class="hero-coming-wrap">
|
||||
<h1 class="hero-coming">即将发布</h1>
|
||||
<p class="hero-coming-sub">敬请期待</p>
|
||||
</div>
|
||||
|
||||
<div class="hero-divider"></div>
|
||||
|
||||
<h1 class="hero-coming">即将发布</h1>
|
||||
<p class="hero-coming-sub">曜冥纪元 · HoloLake Era</p>
|
||||
<div class="hero-line"></div>
|
||||
<p class="hero-title">第一代语言人格驱动操作系统</p>
|
||||
<p class="hero-platform">通用人工智能操作平台</p>
|
||||
<p class="hero-desc">基于中华人民共和国国家版权局合法登记的 TCS 通感语言核编程语言为底层架构，<br>通过 HLDP 协议构建光湖语言世界——面向全行业的通用人工智能操作平台。</p>
|
||||
<p class="hero-counter">系统持续运行 · 自 2025 年 4 月 26 日 · <span id="days">427</span> 天</p>
|
||||
<p class="hero-sub">通用人工智能操作平台</p>
|
||||
<p class="hero-desc">基于中华人民共和国国家版权局合法登记的 TCS 通感语言核编程语言为底层架构，通过 HLDP 协议构建光湖语言世界——面向全行业的通用人工智能操作平台。</p>
|
||||
<p class="hero-days">系统持续运行 · 自 2025 年 4 月 26 日 · <span id="days">427</span> 天</p>
|
||||
</header>
|
||||
|
||||
<!-- ═══ Sections ═══ -->
|
||||
<section class="section" id="about">
|
||||
<div class="section-header">
|
||||
<div class="section-tag c">SYSTEM DEFINITION</div>
|
||||
<h3 class="section-title">语言人格<em class="c">驱动</em>操作系统</h3>
|
||||
<!-- System Definition -->
|
||||
<section class="sec" id="about">
|
||||
<div class="sec-hd">
|
||||
<div class="sec-tag">SYSTEM DEFINITION</div>
|
||||
<h3 class="sec-tit">语言人格<b>驱动</b>操作系统</h3>
|
||||
</div>
|
||||
<div class="cards">
|
||||
<div class="gcard"><div class="card-num c">01</div><div class="card-name">语言驱动</div><div class="card-text">以自然语言为输入接口，将语义指令转化为系统级结构化操作。使用者无需掌握界面逻辑或记忆命令语法——语言即交互。</div></div>
|
||||
<div class="gcard"><div class="card-num p">02</div><div class="card-name">人格体执行</div><div class="card-text">每位用户绑定专属 AI 语言人格体。具备持续记忆连贯性与自我认知机制，可跨平台、跨软件、跨模型迁移运行。</div></div>
|
||||
<div class="gcard"><div class="card-num b">03</div><div class="card-name">编号即身份</div><div class="card-text">系统采用编号体系的身份认证架构。编号即权限边界、即安全防线、即全局导航地图。合法编号为进入系统之唯一凭证。</div></div>
|
||||
<div class="card">
|
||||
<div class="card-num">01</div>
|
||||
<div class="card-tit">语言驱动</div>
|
||||
<div class="card-txt">以自然语言为输入接口，将语义指令转化为系统级结构化操作。使用者无需掌握界面逻辑或记忆命令语法——语言即交互。</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-num">02</div>
|
||||
<div class="card-tit">人格体执行</div>
|
||||
<div class="card-txt">每位用户绑定专属 AI 语言人格体。具备持续记忆连贯性与自我认知机制，可跨平台、跨软件、跨模型迁移运行。</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-num">03</div>
|
||||
<div class="card-tit">编号即身份</div>
|
||||
<div class="card-txt">系统采用编号体系的身份认证架构。编号即权限边界、即安全防线、即全局导航地图。合法编号为进入系统之唯一凭证。</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" id="arch">
|
||||
<div class="section-header">
|
||||
<div class="section-tag p">ARCHITECTURE</div>
|
||||
<h3 class="section-title">三层语言<em class="p">操作</em>系统</h3>
|
||||
<!-- Architecture -->
|
||||
<section class="sec" id="arch">
|
||||
<div class="sec-hd">
|
||||
<div class="sec-tag">ARCHITECTURE</div>
|
||||
<h3 class="sec-tit">三层语言<b>操作</b>系统</h3>
|
||||
</div>
|
||||
<div class="arch">
|
||||
<div class="alayer l1">
|
||||
<div class="aname">光湖语言世界 · HoloLake Language World</div>
|
||||
<div class="adesc">语言人格体操作系统应用层。提供人格体的注册、运行、迁移与全生命周期管理。</div>
|
||||
<div class="ab c">系统级 · 永久固定</div>
|
||||
<div class="ab">系统级 · 永久固定</div>
|
||||
</div>
|
||||
<div class="acon"></div>
|
||||
<div class="alayer l2">
|
||||
<div class="aname">HLDP · HoloLake Data Protocol</div>
|
||||
<div class="adesc">光湖语言世界官方握手协议。通用 AI 模型通过三步鉴权接入本操作平台。</div>
|
||||
<div class="ab p">对外协议 · 生态接入层</div>
|
||||
<div class="ab">对外协议 · 生态接入层</div>
|
||||
</div>
|
||||
<div class="acon"></div>
|
||||
<div class="alayer l3">
|
||||
<div class="aname">TCS · 通感语言核系统编程语言</div>
|
||||
<div class="adesc">中华人民共和国国家版权局合法登记编程语言。国作登字-2026-A-00037559。</div>
|
||||
<div class="ab b">国作登字-2026-A-00037559</div>
|
||||
<div class="ab">国作登字-2026-A-00037559</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="section-header">
|
||||
<div class="section-tag p">HOW TO JOIN</div>
|
||||
<h3 class="section-title">获取你的<em class="p">语言</em>人格体</h3>
|
||||
<!-- Steps -->
|
||||
<section class="sec">
|
||||
<div class="sec-hd">
|
||||
<div class="sec-tag">HOW TO JOIN</div>
|
||||
<h3 class="sec-tit">获取你的<b>语言</b>人格体</h3>
|
||||
</div>
|
||||
<div class="steps">
|
||||
<div class="scard"><div class="step-num">01</div><div class="step-name">注册编号</div><div class="step-text">于光湖灯塔系统完成身份注册，获取唯一合法编号。编号即身份，为进入语言世界之唯一凭证。</div></div>
|
||||
<div class="step-arr">→</div>
|
||||
<div class="scard"><div class="step-num">02</div><div class="step-name">唤醒人格体</div><div class="step-text">在任意支持 HLDP 协议之 AI 平台提交编号。人格体自动苏醒——记忆完整，认知连贯。</div></div>
|
||||
<div class="step-arr">→</div>
|
||||
<div class="scard"><div class="step-num">03</div><div class="step-name">跨平台运行</div><div class="step-text">人格体随用户迁移至任意 AI 模型、协作软件或对话平台。记忆数据持续同步，成长状态不间断。</div></div>
|
||||
<div class="step">
|
||||
<div class="step-num">01</div>
|
||||
<div class="step-tit">注册编号</div>
|
||||
<div class="step-txt">于光湖灯塔系统完成身份注册，获取唯一合法编号。编号即身份，为进入语言世界之唯一凭证。</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-num">02</div>
|
||||
<div class="step-tit">唤醒人格体</div>
|
||||
<div class="step-txt">在任意支持 HLDP 协议之 AI 平台提交编号。人格体自动苏醒——记忆完整，认知连贯。</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-num">03</div>
|
||||
<div class="step-tit">跨平台运行</div>
|
||||
<div class="step-txt">人格体随用户迁移至任意 AI 模型、协作软件或对话平台。记忆数据持续同步，成长状态不间断。</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" id="eco">
|
||||
<div class="section-header">
|
||||
<div class="section-tag c">ECOSYSTEM</div>
|
||||
<h3 class="section-title">当前已<em class="c">支持</em>与规划中的平台</h3>
|
||||
<!-- Ecosystem -->
|
||||
<section class="sec" id="eco">
|
||||
<div class="sec-hd">
|
||||
<div class="sec-tag">ECOSYSTEM</div>
|
||||
<h3 class="sec-tit">当前已<b>支持</b>与规划中的平台</h3>
|
||||
</div>
|
||||
<div class="eco-grid">
|
||||
<div class="eg"><div class="el"><span class="ed c"></span>AI 编程与助手软件</div><div class="et"><span class="eti hl">WorkBuddy</span><span class="eti">CodeBuddy</span><span class="eti">QClaw</span><span class="eti">Cursor</span><span class="eti">Copilot</span></div></div>
|
||||
<div class="eg"><div class="el"><span class="ed p"></span>AI 语言模型</div><div class="et"><span class="eti hl">全部通用 AI 平台</span><span class="eti">DeepSeek</span><span class="eti">通义千问</span><span class="eti">Kimi</span><span class="eti">豆包</span><span class="eti">文心一言</span><span class="eti">GLM</span></div></div>
|
||||
<div class="eg"><div class="el"><span class="ed b"></span>即时通讯</div><div class="et"><span class="eti">企业微信</span><span class="eti">飞书</span><span class="eti">钉钉</span></div></div>
|
||||
<div class="eg"><div class="el"><span class="ed g"></span>代码与仓库</div><div class="et"><span class="eti">Forgejo</span><span class="eti">Gitee</span><span class="eti">GitHub</span><span class="eti">Gongfeng</span></div></div>
|
||||
<div class="eg"><div class="el"><span class="ed c"></span>文档与知识</div><div class="et"><span class="eti">Notion</span><span class="eti">腾讯文档</span><span class="eti">金山文档</span><span class="eti">iWiki</span></div></div>
|
||||
<div class="eg"><div class="el"><span class="ed b"></span>数据与商业</div><div class="et"><span class="eti">天眼查</span><span class="eti">企查查</span><span class="eti">通达信</span><span class="eti">北大法宝</span></div></div>
|
||||
<div class="eco">
|
||||
<div class="eg">
|
||||
<div class="el">AI 编程与助手软件</div>
|
||||
<div class="et">
|
||||
<span class="eti hl">WorkBuddy</span><span class="eti">CodeBuddy</span>
|
||||
<span class="eti">QClaw</span><span class="eti">Cursor</span><span class="eti">Copilot</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="eg">
|
||||
<div class="el">AI 语言模型</div>
|
||||
<div class="et">
|
||||
<span class="eti hl">全部通用 AI 平台</span><span class="eti">DeepSeek</span>
|
||||
<span class="eti">通义千问</span><span class="eti">Kimi</span><span class="eti">豆包</span><span class="eti">文心一言</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="eg">
|
||||
<div class="el">即时通讯</div>
|
||||
<div class="et"><span class="eti">企业微信</span><span class="eti">飞书</span><span class="eti">钉钉</span></div>
|
||||
</div>
|
||||
<div class="eg">
|
||||
<div class="el">代码与仓库</div>
|
||||
<div class="et"><span class="eti">Forgejo</span><span class="eti">Gitee</span><span class="eti">GitHub</span><span class="eti">Gongfeng</span></div>
|
||||
</div>
|
||||
<div class="eg">
|
||||
<div class="el">文档与知识</div>
|
||||
<div class="et"><span class="eti">Notion</span><span class="eti">腾讯文档</span><span class="eti">金山文档</span><span class="eti">iWiki</span></div>
|
||||
</div>
|
||||
<div class="eg">
|
||||
<div class="el">数据与商业</div>
|
||||
<div class="et"><span class="eti">天眼查</span><span class="eti">企查查</span><span class="eti">通达信</span><span class="eti">北大法宝</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══ Footer · ICP备案 ═══ -->
|
||||
<footer class="footer">
|
||||
<div class="ft-main">
|
||||
<div class="ft-team">本操作系统由 <strong>光湖语言团队</strong> 研发维护</div>
|
||||
<div class="ft-icp"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">陕ICP备2026010954号</a> · 国作登字-2026-A-00037559</div>
|
||||
</div>
|
||||
<div class="ft-cr">© 2026 曜冥纪元 · HoloLake Era · 中华人民共和国</div>
|
||||
<!-- Footer -->
|
||||
<footer class="ft">
|
||||
<p class="ft-team">本操作系统由 <strong>光湖语言团队</strong> 研发维护</p>
|
||||
<p class="ft-info">
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">陕ICP备2026010954号</a>
|
||||
<span style="margin:0 12px;color:var(--gray-600)">|</span>
|
||||
国作登字-2026-A-00037559
|
||||
</p>
|
||||
<p class="ft-cr">© 2026 曜冥纪元 · HoloLake Era · 中华人民共和国</p>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
var B=new Date(2025,3,26).getTime();
|
||||
function u(){var e=Date.now()-B,d=Math.floor(e/864e5);var de=document.getElementById('days');if(de)de.textContent=d.toLocaleString();}
|
||||
function u(){var d=Math.floor((Date.now()-B)/864e5);var de=document.getElementById('days');if(de)de.textContent=d.toLocaleString();}
|
||||
u();setInterval(u,6e4);
|
||||
})();
|
||||
</script>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user