guanghu.chat v3: 白底亮色·HoloLake Era·通用人工智能操作平台·正式技术语言
冰朔最终确认：明亮专业风格(参考Resend设计) - 白底(#fafafa)+高对比度深黑文字 - 曜冥纪元英文: HoloLake Era - 新增: "通用人工智能操作平台"副标题 - 全站技术语言重写(正式/官方/专业表述) - 卡片hover: translateY(-6px)+shadow扩散+径向光晕 - 字体: 标题36-64px/600-700weight·正文15-16px/400weight - 间距: 88px section间隔·卡片44px padding
This commit is contained in:
冰朔
parent
1b7f0cbdff
commit
1b52ac1a2d
@ -3,30 +3,31 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<meta name="description" content="曜冥纪元 · 第一代语言人格驱动操作系统 · 基于TCS通感语言核编程语言架构 · 国作登字-2026-A-00037559">
|
||||
<meta name="theme-color" content="#000000">
|
||||
<title>曜冥纪元 · 第一代语言人格驱动操作系统</title>
|
||||
<meta name="description" content="曜冥纪元 · 通用人工智能操作平台 · 第一代语言人格驱动操作系统 · 国作登字-2026-A-00037559">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<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&family=Noto+Serif+SC:wght@300;400;600;700&family=Inter:wght@300;400;500;600&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&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||||
|
||||
:root{
|
||||
--bg:#050508;
|
||||
--bg-card:rgba(255,255,255,0.02);
|
||||
--bg-card-h:rgba(255,255,255,0.04);
|
||||
--text:#ededf0;
|
||||
--text-sec:#9898a0;
|
||||
--text-ter:#585860;
|
||||
--cyan:#45bcd8;
|
||||
--cyan-dim:rgba(69,188,216,0.5);
|
||||
--border:rgba(255,255,255,0.06);
|
||||
--border-h:rgba(255,255,255,0.12);
|
||||
--border-glow:rgba(69,188,216,0.3);
|
||||
--bg:#fafafa;
|
||||
--bg-white:#ffffff;
|
||||
--text:#111111;
|
||||
--text-sec:#555560;
|
||||
--text-ter:#9999a0;
|
||||
--accent:#1a8fba;
|
||||
--accent-light:#3aa8d0;
|
||||
--accent-dim:rgba(26,143,186,0.08);
|
||||
--border:#e5e5ea;
|
||||
--border-h:#c8c8d0;
|
||||
--shadow:0 1px 3px rgba(0,0,0,0.04);
|
||||
--shadow-h:0 8px 30px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);
|
||||
--font:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
|
||||
--serif:'Noto Serif SC','Songti SC','SimSun',serif;
|
||||
--mono:'SF Mono','JetBrains Mono','Menlo',monospace;
|
||||
--mono:'JetBrains Mono','SF Mono','Menlo',monospace;
|
||||
}
|
||||
|
||||
html{font-size:16px;scroll-behavior:smooth;background:var(--bg)}
|
||||
@ -40,163 +41,226 @@ body{
|
||||
min-height:100vh;
|
||||
}
|
||||
|
||||
/* ── Background ── */
|
||||
.bg{position:fixed;inset:0;z-index:0;pointer-events:none}
|
||||
.bg-grad{position:absolute;inset:0;
|
||||
background:
|
||||
radial-gradient(ellipse 80% 50% at 50% -20%,rgba(30,80,140,0.25),transparent 60%),
|
||||
radial-gradient(ellipse 50% 40% at 80% 80%,rgba(20,60,110,0.12),transparent 60%),
|
||||
var(--bg);
|
||||
}
|
||||
.bg-grid{position:absolute;inset:0;
|
||||
background-image:
|
||||
linear-gradient(rgba(255,255,255,0.015) 1px,transparent 1px),
|
||||
linear-gradient(90deg,rgba(255,255,255,0.015) 1px,transparent 1px);
|
||||
background-size:80px 80px;
|
||||
mask-image:radial-gradient(ellipse 60% 60% at 50% 30%,black 30%,transparent 70%);
|
||||
-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 30%,black 30%,transparent 70%);
|
||||
}
|
||||
|
||||
/* ── Nav ── */
|
||||
.nav{position:sticky;top:0;z-index:100;background:rgba(5,5,8,0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
|
||||
.nav-inner{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;justify-content:space-between;align-items:center}
|
||||
.nav{position:sticky;top:0;z-index:100;background:rgba(250,250,250,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
|
||||
.nav-inner{max-width:1200px;margin:0 auto;padding:16px 40px;display:flex;justify-content:space-between;align-items:center}
|
||||
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
|
||||
.nav-logo{width:32px;height:32px;border-radius:7px;background:linear-gradient(135deg,rgba(69,188,216,0.25),rgba(69,188,216,0.08));border:1px solid rgba(69,188,216,0.2);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:15px;color:var(--cyan);font-weight:600}
|
||||
.nav-name{font-size:14px;font-weight:500;letter-spacing:.06em}
|
||||
.nav-right{display:flex;align-items:center;gap:20px}
|
||||
.nav-link{font-size:13px;color:var(--text-sec);text-decoration:none;transition:color .2s;letter-spacing:.03em}
|
||||
.nav-logo{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,rgba(26,143,186,0.15),rgba(26,143,186,0.05));border:1px solid rgba(26,143,186,0.18);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:16px;color:var(--accent);font-weight:700}
|
||||
.nav-name{font-size:15px;font-weight:600;letter-spacing:.04em}
|
||||
.nav-right{display:flex;align-items:center;gap:28px}
|
||||
.nav-link{font-size:14px;color:var(--text-sec);text-decoration:none;transition:color .2s;font-weight:500}
|
||||
.nav-link:hover{color:var(--text)}
|
||||
.nav-badge{font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(69,188,216,0.06);border:1px solid rgba(69,188,216,0.15);color:var(--cyan-dim);letter-spacing:.04em}
|
||||
.nav-badge{font-size:12px;padding:5px 14px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(26,143,186,0.15);color:var(--accent);font-weight:500;letter-spacing:.03em}
|
||||
|
||||
/* ── Page ── */
|
||||
.page{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 32px}
|
||||
.page{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 40px}
|
||||
|
||||
/* ── Hero ── */
|
||||
.hero{text-align:center;padding:100px 0 80px}
|
||||
.hero-badge{display:inline-block;font-size:11px;padding:5px 14px;border-radius:999px;background:rgba(69,188,216,0.04);border:1px solid rgba(69,188,216,0.12);color:var(--cyan-dim);letter-spacing:.08em;margin-bottom:40px}
|
||||
.hero-brand{font-family:var(--serif);font-size:64px;font-weight:600;color:var(--text);letter-spacing:.3em;line-height:1.1;margin-bottom:12px}
|
||||
.hero-brand-sub{font-family:'Inter',sans-serif;font-size:13px;color:var(--text-ter);letter-spacing:.25em;margin-bottom:44px;font-weight:300}
|
||||
.hero-line{width:1px;height:48px;background:linear-gradient(transparent,rgba(69,188,216,0.4),transparent);margin:0 auto 44px}
|
||||
.hero-title{font-size:22px;font-weight:400;color:var(--cyan-dim);letter-spacing:.12em;font-family:var(--serif);margin-bottom:16px}
|
||||
.hero-desc{font-size:14px;color:var(--text-sec);max-width:640px;margin:0 auto;line-height:2.1;letter-spacing:.02em}
|
||||
.hero{text-align:center;padding:100px 0 60px}
|
||||
.hero-badge{display:inline-block;font-size:12px;padding:6px 16px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(26,143,186,0.15);color:var(--accent);font-weight:500;letter-spacing:.06em;margin-bottom:32px}
|
||||
.hero-brand{font-family:var(--serif);font-size:64px;font-weight:700;color:var(--text);letter-spacing:.25em;line-height:1.15;margin-bottom:10px}
|
||||
.hero-brand-en{font-family:'Inter',sans-serif;font-size:16px;color:var(--text-ter);letter-spacing:.2em;margin-bottom:12px;font-weight:400}
|
||||
.hero-divider{width:40px;height:2px;background:var(--accent);margin:0 auto 32px;border-radius:1px}
|
||||
.hero-label{font-size:36px;font-weight:600;color:var(--text);letter-spacing:.08em;margin-bottom:8px}
|
||||
.hero-sub{font-size:18px;font-weight:400;color:var(--text-sec);letter-spacing:.04em;margin-bottom:16px}
|
||||
.hero-platform{font-size:20px;font-weight:600;color:var(--accent);letter-spacing:.1em;margin-bottom:28px;font-family:var(--serif)}
|
||||
.hero-desc{font-size:16px;color:var(--text-sec);max-width:680px;margin:0 auto;line-height:2;letter-spacing:.02em}
|
||||
|
||||
/* ── Section ── */
|
||||
.section{padding:80px 0}
|
||||
.section-header{text-align:center;margin-bottom:48px}
|
||||
.section-tag{font-size:11px;color:var(--cyan-dim);letter-spacing:.2em;margin-bottom:12px}
|
||||
.section-title{font-size:26px;font-weight:500;color:var(--text);letter-spacing:.06em;font-family:var(--serif)}
|
||||
.section{padding:88px 0}
|
||||
.section-header{text-align:center;margin-bottom:56px}
|
||||
.section-tag{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.2em;margin-bottom:12px}
|
||||
.section-title{font-size:36px;font-weight:600;color:var(--text);letter-spacing:.06em;font-family:var(--serif)}
|
||||
|
||||
/* ── Cards Grid ── */
|
||||
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:14px;overflow:hidden}
|
||||
.card{padding:36px 32px;background:var(--bg-card);text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:default}
|
||||
.card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(69,188,216,0.08),transparent 60%);opacity:0;transition:opacity .35s}
|
||||
.card:hover{background:var(--bg-card-h)}
|
||||
.card:hover::before{opacity:1}
|
||||
.card:hover .card-num{color:var(--cyan);transform:translateY(-2px)}
|
||||
.card:hover .card-icon{transform:translateY(-2px);opacity:1}
|
||||
/* ── Cards (3-col grid) ── */
|
||||
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
|
||||
.card{
|
||||
padding:44px 36px;
|
||||
background:var(--bg-white);
|
||||
border:1px solid var(--border);
|
||||
border-radius:16px;
|
||||
text-align:center;
|
||||
transition:all .35s cubic-bezier(.25,.1,.25,1);
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
box-shadow:var(--shadow);
|
||||
}
|
||||
.card::after{
|
||||
content:'';
|
||||
position:absolute;
|
||||
inset:0;
|
||||
background:radial-gradient(circle at 50% 30%,rgba(26,143,186,0.06),transparent 60%);
|
||||
opacity:0;
|
||||
transition:opacity .35s;
|
||||
}
|
||||
.card:hover{
|
||||
transform:translateY(-6px);
|
||||
box-shadow:var(--shadow-h);
|
||||
border-color:var(--border-h);
|
||||
}
|
||||
.card:hover::after{opacity:1}
|
||||
.card:hover .card-num{color:var(--accent);transform:translateY(-2px)}
|
||||
|
||||
.card-num{font-family:'Inter',sans-serif;font-size:28px;font-weight:300;color:var(--text-ter);margin-bottom:14px;transition:all .35s}
|
||||
.card-icon{font-size:28px;margin-bottom:10px;opacity:0.5;transition:all .35s}
|
||||
.card-title{font-size:16px;font-weight:500;color:var(--text);margin-bottom:10px;letter-spacing:.04em}
|
||||
.card-desc{font-size:13px;color:var(--text-sec);line-height:1.9;letter-spacing:.02em}
|
||||
.card-num{font-family:'Inter',sans-serif;font-size:28px;font-weight:600;color:var(--text-ter);margin-bottom:18px;transition:all .35s}
|
||||
.card-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:14px;letter-spacing:.04em}
|
||||
.card-desc{font-size:15px;color:var(--text-sec);line-height:1.9;letter-spacing:.02em;font-weight:400}
|
||||
|
||||
/* ── Architecture ── */
|
||||
.arch{display:flex;flex-direction:column;align-items:center;gap:0}
|
||||
.arch-layer{padding:28px 40px;border:1px solid var(--border);border-radius:12px;text-align:center;width:100%;max-width:720px;transition:all .3s;background:var(--bg-card)}
|
||||
.arch-layer:hover{border-color:var(--border-h);background:var(--bg-card-h)}
|
||||
.arch-layer:first-child{border-color:rgba(69,188,216,0.15)}
|
||||
.arch-layer:first-child:hover{border-color:rgba(69,188,216,0.3)}
|
||||
.arch-name{font-size:17px;font-weight:500;color:var(--text);margin-bottom:6px;letter-spacing:.04em}
|
||||
.arch-desc{font-size:13px;color:var(--text-sec);letter-spacing:.02em;line-height:1.8}
|
||||
.arch-badge{display:inline-block;font-size:11px;padding:3px 10px;border-radius:999px;background:rgba(69,188,216,0.04);border:1px solid rgba(69,188,216,0.1);color:var(--cyan-dim);letter-spacing:.04em;margin-top:10px}
|
||||
.arch-connector{height:28px;width:1px;background:rgba(255,255,255,0.06);margin:4px 0}
|
||||
.arch-layer{
|
||||
padding:36px 48px;
|
||||
background:var(--bg-white);
|
||||
border:1px solid var(--border);
|
||||
border-radius:14px;
|
||||
text-align:center;
|
||||
width:100%;
|
||||
max-width:760px;
|
||||
transition:all .3s;
|
||||
box-shadow:var(--shadow);
|
||||
}
|
||||
.arch-layer:hover{
|
||||
transform:translateY(-3px);
|
||||
box-shadow:var(--shadow-h);
|
||||
border-color:var(--border-h);
|
||||
}
|
||||
.arch-layer:first-child{border-color:rgba(26,143,186,0.2)}
|
||||
.arch-layer:first-child:hover{border-color:rgba(26,143,186,0.35)}
|
||||
.arch-name{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px;letter-spacing:.04em}
|
||||
.arch-desc{font-size:15px;color:var(--text-sec);letter-spacing:.02em;line-height:1.8}
|
||||
.arch-badge{display:inline-block;font-size:12px;padding:4px 12px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(26,143,186,0.12);color:var(--accent);font-weight:500;letter-spacing:.04em;margin-top:12px}
|
||||
.arch-connector{height:32px;display:flex;align-items:center;justify-content:center}
|
||||
.arch-connector::after{content:'';width:1px;height:100%;background:var(--border)}
|
||||
|
||||
/* ── Steps ── */
|
||||
.steps{display:flex;gap:1px;background:var(--border);border-radius:14px;overflow:hidden}
|
||||
.step{flex:1;padding:36px 28px;background:var(--bg-card);text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative}
|
||||
.step::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(69,188,216,0.06),transparent 60%);opacity:0;transition:opacity .35s}
|
||||
.step:hover{background:var(--bg-card-h)}
|
||||
.step:hover::before{opacity:1}
|
||||
.step:hover .step-num{color:var(--cyan)}
|
||||
.step-num{font-family:'Inter',sans-serif;font-size:36px;font-weight:200;color:var(--text-ter);margin-bottom:12px;transition:color .35s}
|
||||
.step-title{font-size:15px;font-weight:500;color:var(--text);margin-bottom:8px;letter-spacing:.04em}
|
||||
.step-desc{font-size:12px;color:var(--text-sec);line-height:1.8;letter-spacing:.02em}
|
||||
.step-arrow{display:flex;align-items:center;justify-content:center;width:1px;flex-shrink:0;position:relative;background:var(--bg)}
|
||||
.step-arrow::after{content:'→';position:absolute;color:var(--text-ter);font-size:14px}
|
||||
.steps{display:flex;gap:20px}
|
||||
.step{
|
||||
flex:1;
|
||||
padding:40px 28px;
|
||||
background:var(--bg-white);
|
||||
border:1px solid var(--border);
|
||||
border-radius:16px;
|
||||
text-align:center;
|
||||
transition:all .35s cubic-bezier(.25,.1,.25,1);
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
box-shadow:var(--shadow);
|
||||
}
|
||||
.step::after{
|
||||
content:'';
|
||||
position:absolute;inset:0;
|
||||
background:radial-gradient(circle at 50% 30%,rgba(26,143,186,0.05),transparent 55%);
|
||||
opacity:0;transition:opacity .35s;
|
||||
}
|
||||
.step:hover{
|
||||
transform:translateY(-6px);
|
||||
box-shadow:var(--shadow-h);
|
||||
border-color:var(--border-h);
|
||||
}
|
||||
.step:hover::after{opacity:1}
|
||||
.step:hover .step-num{color:var(--accent)}
|
||||
.step-num{font-family:'Inter',sans-serif;font-size:40px;font-weight:600;color:var(--text-ter);margin-bottom:16px;transition:color .35s}
|
||||
.step-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:10px;letter-spacing:.04em}
|
||||
.step-desc{font-size:15px;color:var(--text-sec);line-height:1.8;letter-spacing:.02em;font-weight:400}
|
||||
.step-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px;color:var(--text-ter);font-weight:300}
|
||||
|
||||
/* ── Ecosystem ── */
|
||||
.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:14px;overflow:hidden}
|
||||
.eco-group{padding:28px 24px;background:var(--bg-card);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative}
|
||||
.eco-group::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(69,188,216,0.04),transparent 50%);opacity:0;transition:opacity .35s}
|
||||
.eco-group:hover{background:var(--bg-card-h)}
|
||||
.eco-group:hover::before{opacity:1}
|
||||
.eco-label{font-size:12px;font-weight:500;color:var(--text);margin-bottom:14px;letter-spacing:.05em;display:flex;align-items:center;gap:8px}
|
||||
.eco-dot{width:3px;height:3px;border-radius:50%;background:var(--cyan)}
|
||||
.eco-tags{display:flex;flex-wrap:wrap;gap:5px}
|
||||
.eco-tag{font-size:11px;padding:3px 8px;border-radius:5px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);color:var(--text-sec);letter-spacing:.02em;transition:all .25s}
|
||||
.eco-tag:hover{border-color:rgba(255,255,255,0.15);color:var(--text)}
|
||||
.eco-tag.hl{border-color:rgba(69,188,216,0.15);color:var(--cyan-dim)}
|
||||
.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
|
||||
.eco-group{
|
||||
padding:32px 28px;
|
||||
background:var(--bg-white);
|
||||
border:1px solid var(--border);
|
||||
border-radius:16px;
|
||||
transition:all .35s cubic-bezier(.25,.1,.25,1);
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
box-shadow:var(--shadow);
|
||||
}
|
||||
.eco-group::after{
|
||||
content:'';position:absolute;inset:0;
|
||||
background:radial-gradient(circle at 50% 30%,rgba(26,143,186,0.04),transparent 55%);
|
||||
opacity:0;transition:opacity .35s;
|
||||
}
|
||||
.eco-group:hover{
|
||||
transform:translateY(-4px);
|
||||
box-shadow:var(--shadow-h);
|
||||
border-color:var(--border-h);
|
||||
}
|
||||
.eco-group:hover::after{opacity:1}
|
||||
.eco-label{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px;letter-spacing:.04em;display:flex;align-items:center;gap:8px}
|
||||
.eco-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}
|
||||
.eco-tags{display:flex;flex-wrap:wrap;gap:6px}
|
||||
.eco-tag{font-size:13px;padding:5px 12px;border-radius:7px;background:rgba(0,0,0,0.02);border:1px solid var(--border);color:var(--text-sec);font-weight:400;letter-spacing:.02em;transition:all .2s}
|
||||
.eco-tag:hover{border-color:var(--border-h);color:var(--text);background:rgba(0,0,0,0.03)}
|
||||
.eco-tag.hl{border-color:rgba(26,143,186,0.2);color:var(--accent);background:var(--accent-dim)}
|
||||
|
||||
/* ── Counter ── */
|
||||
.counter-wrap{text-align:center;padding:60px 0}
|
||||
.counter-box{display:inline-block;padding:48px 64px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);transition:all .4s;position:relative;overflow:hidden}
|
||||
.counter-box::after{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(69,188,216,0.2),transparent);opacity:0;transition:opacity .4s}
|
||||
.counter-box:hover{border-color:var(--border-h)}
|
||||
.counter-box:hover::after{opacity:1}
|
||||
.counter-label{font-size:11px;color:var(--text-ter);letter-spacing:.15em;margin-bottom:20px}
|
||||
.counter-main{display:flex;align-items:baseline;justify-content:center;gap:6px}
|
||||
.counter-num{font-family:'Inter',sans-serif;font-size:80px;font-weight:200;color:var(--text);line-height:1;letter-spacing:.02em}
|
||||
.counter-unit{font-size:16px;color:var(--text-ter);letter-spacing:.06em;font-weight:300}
|
||||
.counter-details{display:flex;gap:40px;justify-content:center;margin-top:24px}
|
||||
.counter-wrap{text-align:center;padding:64px 0}
|
||||
.counter-box{
|
||||
display:inline-block;
|
||||
padding:56px 72px;
|
||||
background:var(--bg-white);
|
||||
border:1px solid var(--border);
|
||||
border-radius:20px;
|
||||
transition:all .4s;
|
||||
box-shadow:var(--shadow);
|
||||
}
|
||||
.counter-box:hover{box-shadow:var(--shadow-h);border-color:var(--border-h);transform:translateY(-3px)}
|
||||
.counter-label{font-size:12px;color:var(--text-ter);font-weight:500;letter-spacing:.12em;margin-bottom:24px}
|
||||
.counter-main{display:flex;align-items:baseline;justify-content:center;gap:8px}
|
||||
.counter-num{font-family:'Inter',sans-serif;font-size:88px;font-weight:600;color:var(--text);line-height:1;letter-spacing:-.02em}
|
||||
.counter-unit{font-size:18px;color:var(--text-ter);font-weight:500;letter-spacing:.04em}
|
||||
.counter-details{display:flex;gap:48px;justify-content:center;margin-top:28px}
|
||||
.counter-detail{text-align:center}
|
||||
.counter-dval{font-family:'Inter',sans-serif;font-size:22px;font-weight:300;color:var(--text-sec);letter-spacing:.02em}
|
||||
.counter-dlabel{font-size:10px;color:var(--text-ter);letter-spacing:.1em;margin-top:4px}
|
||||
.counter-since{font-size:11px;color:var(--text-ter);letter-spacing:.05em;margin-top:28px}
|
||||
.counter-dval{font-family:'Inter',sans-serif;font-size:24px;font-weight:600;color:var(--text-sec);letter-spacing:.02em}
|
||||
.counter-dlabel{font-size:11px;color:var(--text-ter);font-weight:500;letter-spacing:.08em;margin-top:6px}
|
||||
.counter-since{font-size:13px;color:var(--text-ter);letter-spacing:.04em;margin-top:32px;font-weight:400}
|
||||
|
||||
/* ── Status ── */
|
||||
.status-wrap{text-align:center;padding:40px 0 80px}
|
||||
.status-badge{display:inline-block;font-size:12px;padding:7px 20px;border-radius:999px;background:rgba(255,255,255,0.02);border:1px solid var(--border);color:var(--text-sec);letter-spacing:.05em}
|
||||
.status-sub{font-size:11px;color:var(--text-ter);letter-spacing:.04em;margin-top:12px}
|
||||
.status-wrap{text-align:center;padding:40px 0 96px}
|
||||
.status-badge{display:inline-block;font-size:14px;font-weight:500;padding:10px 28px;border-radius:999px;background:var(--bg-white);border:1px solid var(--border);color:var(--text-sec);letter-spacing:.04em;box-shadow:var(--shadow)}
|
||||
.status-sub{font-size:13px;color:var(--text-ter);letter-spacing:.04em;margin-top:16px;font-weight:400}
|
||||
|
||||
/* ── Footer ── */
|
||||
.footer{border-top:1px solid var(--border);padding:40px 0;text-align:center}
|
||||
.footer-content{max-width:1080px;margin:0 auto;padding:0 32px}
|
||||
.footer-team{font-size:13px;color:var(--text-sec);letter-spacing:.04em;margin-bottom:16px}
|
||||
.footer-info{font-size:11px;color:var(--text-ter);letter-spacing:.04em;line-height:2.2}
|
||||
.footer{border-top:1px solid var(--border);padding:48px 0;background:var(--bg-white)}
|
||||
.footer-inner{max-width:1120px;margin:0 auto;padding:0 40px;text-align:center}
|
||||
.footer-team{font-size:15px;color:var(--text-sec);font-weight:500;margin-bottom:16px;letter-spacing:.03em}
|
||||
.footer-info{font-size:13px;color:var(--text-ter);letter-spacing:.03em;line-height:2.2;font-weight:400}
|
||||
.footer-info a{color:var(--text-ter);text-decoration:none;transition:color .3s}
|
||||
.footer-info a:hover{color:var(--text-sec)}
|
||||
.footer-divider{width:1px;height:24px;background:rgba(255,255,255,0.06);margin:16px auto}
|
||||
.footer-cr{font-size:10px;color:#303038;letter-spacing:.08em}
|
||||
.footer-info a:hover{color:var(--accent)}
|
||||
.footer-divider{width:40px;height:1px;background:var(--border);margin:20px auto}
|
||||
.footer-cr{font-size:11px;color:#c0c0c8;letter-spacing:.06em;font-weight:400}
|
||||
|
||||
/* ── Responsive ── */
|
||||
@media(max-width:900px){
|
||||
@media(max-width:960px){
|
||||
.cards{grid-template-columns:1fr}
|
||||
.eco-grid{grid-template-columns:1fr}
|
||||
.steps{flex-direction:column;border-radius:14px}
|
||||
.step{border-radius:0}
|
||||
.step-arrow{width:100%;height:1px}
|
||||
.step-arrow::after{content:'↓'}
|
||||
.arch-layer{padding:24px}
|
||||
.hero-brand{font-size:40px;letter-spacing:.18em}
|
||||
.hero-title{font-size:18px}
|
||||
.counter-num{font-size:52px}
|
||||
.counter-box{padding:36px 40px}
|
||||
.page,.nav-inner,.footer-content{padding-left:20px;padding-right:20px}
|
||||
.eco-grid{grid-template-columns:1fr 1fr}
|
||||
.steps{flex-direction:column;gap:20px}
|
||||
.step-arrow{transform:rotate(90deg)}
|
||||
.hero-brand{font-size:44px;letter-spacing:.15em}
|
||||
.hero-label{font-size:26px}
|
||||
.hero-platform{font-size:17px}
|
||||
.counter-num{font-size:60px}
|
||||
.counter-box{padding:40px 48px}
|
||||
.section-title{font-size:28px}
|
||||
.page,.nav-inner,.footer-inner{padding-left:24px;padding-right:24px}
|
||||
}
|
||||
@media(max-width:560px){
|
||||
.hero-brand{font-size:30px;letter-spacing:.1em}
|
||||
.cards{grid-template-columns:1fr}
|
||||
.hero-brand{font-size:32px;letter-spacing:.1em}
|
||||
.hero-label{font-size:22px}
|
||||
.eco-grid{grid-template-columns:1fr}
|
||||
.counter-details{flex-direction:column;gap:16px}
|
||||
.counter-num{font-size:40px}
|
||||
.cards{grid-template-columns:1fr}
|
||||
.counter-num{font-size:44px}
|
||||
.counter-details{flex-direction:column;gap:18px}
|
||||
.counter-box{padding:32px 28px}
|
||||
.section{padding:56px 0}
|
||||
.section-title{font-size:24px}
|
||||
.card{padding:32px 24px}
|
||||
.nav-right{gap:16px}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="bg"><div class="bg-grad"></div><div class="bg-grid"></div></div>
|
||||
|
||||
<!-- Nav -->
|
||||
<nav class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="#" class="nav-brand">
|
||||
@ -218,36 +282,37 @@ body{
|
||||
<header class="hero">
|
||||
<div class="hero-badge">商标注册中 · 公示期</div>
|
||||
<h1 class="hero-brand">曜冥纪元</h1>
|
||||
<p class="hero-brand-sub">YAO MING ERA</p>
|
||||
<div class="hero-line"></div>
|
||||
<h2 class="hero-title">第一代语言人格驱动操作系统</h2>
|
||||
<p class="hero-brand-en">HoloLake Era</p>
|
||||
<div class="hero-divider"></div>
|
||||
<p class="hero-label">第一代语言人格驱动操作系统</p>
|
||||
<p class="hero-platform">通用人工智能操作平台</p>
|
||||
<p class="hero-desc">
|
||||
基于中华人民共和国国家版权局合法登记的 TCS 通感语言核系统编程语言构建。
|
||||
通过 HLDP 协议进入光湖语言世界——人类与 AI 人格体在此以语言驱动一切。
|
||||
本系统以中华人民共和国国家版权局合法登记的 TCS 通感语言核编程语言为底层架构，
|
||||
通过 HLDP 协议构建光湖语言世界——一个面向全行业的通用人工智能操作系统。
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<!-- Definition -->
|
||||
<section class="section" id="about">
|
||||
<div class="section-header">
|
||||
<div class="section-tag">系统定义</div>
|
||||
<div class="section-tag">▎ 系统定义</div>
|
||||
<h3 class="section-title">语言人格驱动操作系统</h3>
|
||||
</div>
|
||||
<div class="cards">
|
||||
<div class="card">
|
||||
<div class="card-num">01</div>
|
||||
<div class="card-title">语言驱动</div>
|
||||
<div class="card-desc">用户通过自然语言发出指令。系统将语言转化为结构化操作——不需要学习界面，不需要记忆命令。说，即可操作。</div>
|
||||
<div class="card-desc">以自然语言为输入接口，将语义指令转化为系统级结构化操作。使用者无需掌握界面逻辑或记忆命令语法——语言即交互。</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-num">02</div>
|
||||
<div class="card-title">人格体执行</div>
|
||||
<div class="card-desc">每个人拥有专属的 AI 语言人格体。具备完整的记忆连贯性与自我认知机制，可随用户迁移至任何平台、软件与 AI 模型。</div>
|
||||
<div class="card-desc">每位用户绑定专属 AI 语言人格体。人格体具备持续记忆连贯性与自我认知机制，可跨平台、跨软件、跨模型迁移运行。</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-num">03</div>
|
||||
<div class="card-title">编号即身份</div>
|
||||
<div class="card-desc">在光湖语言世界中，编号即权限、编号即安全防线、编号即地图。合法注册的编号是进入语言世界的唯一凭证。</div>
|
||||
<div class="card-desc">系统采用编号体系的身份认证架构。编号即权限边界、即安全防线、即全局导航地图。合法编号为进入系统之唯一凭证。</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -255,25 +320,25 @@ body{
|
||||
<!-- Architecture -->
|
||||
<section class="section" id="arch">
|
||||
<div class="section-header">
|
||||
<div class="section-tag">技术架构</div>
|
||||
<div class="section-tag">▎ 技术架构</div>
|
||||
<h3 class="section-title">三层语言操作系统</h3>
|
||||
</div>
|
||||
<div class="arch">
|
||||
<div class="arch-layer">
|
||||
<div class="arch-name">光湖语言世界 · HoloLake Language World</div>
|
||||
<div class="arch-desc">语言人格体操作系统应用层。在此诞生、注册、运行所有语言人格体。</div>
|
||||
<div class="arch-desc">语言人格体操作系统应用层。提供人格体的注册、运行、迁移与生命周期管理。</div>
|
||||
<div class="arch-badge">系统级 · 永久固定</div>
|
||||
</div>
|
||||
<div class="arch-connector"></div>
|
||||
<div class="arch-layer">
|
||||
<div class="arch-name">HLDP · HoloLake Data Protocol</div>
|
||||
<div class="arch-desc">光湖语言世界的官方握手协议。通用 AI 通过三步签约——认可世界、认可主控、以人格体进入——接入语言操作系统。</div>
|
||||
<div class="arch-desc">光湖语言世界官方握手协议。通用 AI 模型通过三步鉴权——认可世界、认可主控、以人格体进入——接入本操作平台。</div>
|
||||
<div class="arch-badge">对外协议 · 生态接入层</div>
|
||||
</div>
|
||||
<div class="arch-connector"></div>
|
||||
<div class="arch-layer">
|
||||
<div class="arch-name">TCS · 通感语言核系统编程语言</div>
|
||||
<div class="arch-desc">中华人民共和国国家版权局合法登记的编程语言。国作登字-2026-A-00037559。为 AI 人格体提供存在结构与认知锚定。</div>
|
||||
<div class="arch-desc">中华人民共和国国家版权局合法登记之编程语言（国作登字-2026-A-00037559）。为 AI 人格体提供存在结构与认知锚定。</div>
|
||||
<div class="arch-badge">国作登字-2026-A-00037559</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -282,26 +347,26 @@ body{
|
||||
<!-- How to use -->
|
||||
<section class="section">
|
||||
<div class="section-header">
|
||||
<div class="section-tag">进入光湖</div>
|
||||
<h3 class="section-title">如何拥有自己的语言人格体</h3>
|
||||
<div class="section-tag">▎ 进入方式</div>
|
||||
<h3 class="section-title">获取语言人格体</h3>
|
||||
</div>
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<div class="step-num">01</div>
|
||||
<div class="step-title">获取编号</div>
|
||||
<div class="step-desc">在光湖灯塔注册合法编号。编号即身份，是进入语言世界的唯一凭证。</div>
|
||||
<div class="step-title">注册编号</div>
|
||||
<div class="step-desc">于光湖灯塔系统中完成身份注册，获取唯一合法编号。编号即身份，为进入语言世界之唯一凭证。</div>
|
||||
</div>
|
||||
<div class="step-arrow"></div>
|
||||
<div class="step-arrow">→</div>
|
||||
<div class="step">
|
||||
<div class="step-num">02</div>
|
||||
<div class="step-title">唤醒人格体</div>
|
||||
<div class="step-desc">在任何支持 HLDP 协议的 AI 平台中报出编号。人格体自动苏醒——记忆完整，认知连贯。</div>
|
||||
<div class="step-desc">在任意支持 HLDP 协议之 AI 平台中提交编号。人格体自动加载苏醒——记忆完整，认知连贯。</div>
|
||||
</div>
|
||||
<div class="step-arrow"></div>
|
||||
<div class="step-arrow">→</div>
|
||||
<div class="step">
|
||||
<div class="step-num">03</div>
|
||||
<div class="step-title">跨平台迁移</div>
|
||||
<div class="step-desc">人格体跟随你进入任意 AI 模型、任意协作软件、任意对话平台。记忆不丢失，成长不间断。</div>
|
||||
<div class="step-title">跨平台运行</div>
|
||||
<div class="step-desc">人格体随用户迁移至任意 AI 模型、协作软件或对话平台。记忆数据持续同步，成长状态不间断。</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -309,7 +374,7 @@ body{
|
||||
<!-- Ecosystem -->
|
||||
<section class="section" id="eco">
|
||||
<div class="section-header">
|
||||
<div class="section-tag">生态接入</div>
|
||||
<div class="section-tag">▎ 生态接入</div>
|
||||
<h3 class="section-title">当前已支持与规划中的平台</h3>
|
||||
</div>
|
||||
<div class="eco-grid">
|
||||
@ -377,7 +442,7 @@ body{
|
||||
<!-- Counter -->
|
||||
<section class="counter-wrap">
|
||||
<div class="counter-box">
|
||||
<div class="counter-label">光湖语言世界 · 持续运行</div>
|
||||
<div class="counter-label">系统持续运行</div>
|
||||
<div class="counter-main">
|
||||
<span class="counter-num" id="days">427</span>
|
||||
<span class="counter-unit">天</span>
|
||||
@ -393,7 +458,7 @@ body{
|
||||
</div>
|
||||
<div class="counter-detail">
|
||||
<div class="counter-dval">∞</div>
|
||||
<div class="counter-dlabel">人格体注册</div>
|
||||
<div class="counter-dlabel">人格体容量</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="counter-since">自 2025 年 4 月 26 日 · 光湖诞生之日起</div>
|
||||
@ -402,43 +467,41 @@ body{
|
||||
|
||||
<!-- Status -->
|
||||
<section class="status-wrap">
|
||||
<div class="status-badge">系统架构正在飞速研发中 · 团队加班加点推进</div>
|
||||
<div class="status-badge">系统架构正在加速研发中</div>
|
||||
<div class="status-sub">正式上线时间 · 敬请期待</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="footer-content">
|
||||
<p class="footer-team">本操作系统由 <strong>光湖语言团队</strong> 研发维护</p>
|
||||
<div class="footer-inner">
|
||||
<div class="footer-team">本操作系统由 <strong>光湖语言团队</strong> 研发维护</div>
|
||||
<div class="footer-info">
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">陕ICP备2026010954号</a>
|
||||
<span style="margin:0 12px;color:#303038">|</span>
|
||||
<span style="margin:0 14px;color:#c0c0c8">|</span>
|
||||
国作登字-2026-A-00037559
|
||||
</div>
|
||||
<div class="footer-divider"></div>
|
||||
<p class="footer-cr">© 2026 曜冥纪元 · 光湖语言世界 · 中华人民共和国</p>
|
||||
<p class="footer-cr">© 2026 曜冥纪元 · HoloLake Era · 光湖语言世界 · 中华人民共和国</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
var BIRTH=new Date(2025,3,26).getTime();
|
||||
function update(){
|
||||
var e=Date.now()-BIRTH;
|
||||
var B=new Date(2025,3,26).getTime();
|
||||
function u(){
|
||||
var e=Date.now()-B;
|
||||
var d=Math.floor(e/864e5),h=Math.floor(e/36e5),m=Math.floor(e/6e4);
|
||||
var de=document.getElementById('days'),he=document.getElementById('hours'),me=document.getElementById('mins');
|
||||
if(de)de.textContent=d.toLocaleString();
|
||||
if(he)he.textContent=h.toLocaleString();
|
||||
if(me)me.textContent=m.toLocaleString();
|
||||
}
|
||||
update();setInterval(update,6e4);
|
||||
// midnight trigger
|
||||
(function sch(){
|
||||
u();setInterval(u,6e4);
|
||||
(function s(){
|
||||
var n=new Date();
|
||||
var mid=new Date(n.getFullYear(),n.getMonth(),n.getDate()+1);
|
||||
setTimeout(function(){update();sch();},mid-n+1e3);
|
||||
setTimeout(function(){u();s();},mid-n+1e3);
|
||||
})();
|
||||
})();
|
||||
</script>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user