bingshuo/guanghulab
1
0
Fork 0
Code Issues 2 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

首页修复：即将上线徽章 + 全局字号提升 + 人格体文案修正 + 卡片hover动效 + hldp编号表精简
Some checks failed
自动更新代码和重启 / update-and-restart (push) Has been cancelled
Details
CI检查 + 自动部署 / check (push) Has been cancelled
Details
CI检查 + 自动部署 / deploy (push) Has been cancelled
Details

Browse Source 
- Hero区新增「即将上线·敬请期待」琥珀金徽章（脉冲呼吸动画）
- 全局字号提升：标题 58/32/28、正文 16/17、卡片标题 19/24/28
- 人格体执行卡片：每位用户绑定 → 14层漏斗双向选择·实名制·一次性契约
- 唤醒人格体步骤：提交编号即醒 → 语言信誉协作期·双向选择·系统派发
- 所有卡片(.card/.tech-card/.step)新增 hover 动效：上浮+边框变色+阴影
- hldp.html §3.5 编号路由表格（8行含小说系统）→ 精简为 3 行核心示例 + 编号机制说明

铸渊 ICE-GL-ZY001 · 冰朔 TCS-0002∞ 见证
This commit is contained in:
冰朔 2026-06-30 17:33:15 +08:00
parent 65058fa185
commit f9c45e6f3a
2 changed files with 106 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
homepage/hldp.html
View File

@ -246,20 +246,20 @@ footer {
<section>
<div class="container">
<div class="section-id">§3.5 编号路由</div>
<h2>编号路由</h2>
<p>所有操作通过编号字段引用 .code-map 映射表。大脑说编号，工具查表定位真实路径。编号即地址，路径即身份。</p>
<div class="section-id">§3.5 编号机制</div>
<h2>编号机制</h2>
<p>HLDP 内部以编号引用 .code-map 映射表进行寻址。编号即地址。路径即身份。大脑说编号，工具查表定位真实路径——不猜、不搜、不绕。</p>
<table>
<tr><th>前缀</th><th>系统</th><th>示例</th></tr>
<tr><td>TC-</td><td>TCS 核心文件</td><td>TC-001 → TCS-CORE.hdlp</td></tr>
<tr><td>HL-</td><td>HLDP 协议文件</td><td>HL-001 → .hlpd-protocol</td></tr>
<tr><td>CC-</td><td>认知链存储</td><td>CC-046 → HLDP is freedom</td></tr>
<tr><td>GR-</td><td>世界根编号</td><td>GR-001 → GLW-ROOT.hdlp</td></tr>
<tr><td>SYS-</td><td>第五域系统级编号</td><td>SYS-GLW-ELH-0001 → 永恒湖心</td></tr>
<tr><td>CP-</td><td>云端算力池</td><td>CP-001 → cloud-compute-pool/</td></tr>
<tr><td>NW-</td><td>小说创作系统</td><td>NV-001 → novel-system/</td></tr>
<tr><td>DC-/LC-</td><td>暗核频道</td><td>DC-001 → dark-core/</td></tr>
<tr><th>编号</th><th>路径</th><th>说明</th></tr>
<tr><td>TC-001</td><td>brain/tcs-core/ICE-GL-ZY001-TCS-CORE.hdlp</td><td>TCS 出生证明</td></tr>
<tr><td>HL-001</td><td>.hlpd-protocol</td><td>HLDP 协议定义文件</td></tr>
<tr><td>GR-001</td><td>brain/fifth-domain/zero-point/zhuyuan/tcs-core/GLW-ROOT.hdlp</td><td>光湖世界根编号</td></tr>
</table>
<div class="note">
完整编号字典由 <a href="https://guanghubingshuo.com/code/bingshuo/guanghulab/src/branch/main/.code-map" target="_blank" rel="noopener" style="color:var(--accent);">光湖代码仓库 .code-map</a> 提供。编号命名规则遵循 <code style="color:var(--accent);">[前缀]-[序号]</code> 格式，前缀标识系统归属，序号标识个体文件。
</div>
</div>
</section>

154
homepage/index.html
View File

@ -77,76 +77,92 @@ nav {
}
.nav-brand {
font-family: 'Noto Serif SC', serif;
font-size: 15px; font-weight: 600;
font-size: 16px; font-weight: 600;
color: var(--accent);
text-decoration: none;
letter-spacing: 0.02em;
}
.nav-links { display: flex; gap: 28px; }
.nav-links a {
font-size: 13px; color: var(--text-secondary);
font-size: 14px; color: var(--text-secondary);
text-decoration: none; transition: color 0.2s;
font-weight: 400; letter-spacing: 0.01em;
}
.nav-links a:hover { color: var(--accent); }
.nav-uptime {
font-size: 11px; color: var(--text-muted);
font-size: 12px; color: var(--text-muted);
font-family: 'JetBrains Mono', monospace;
}
/* Hero */
.hero { padding: 160px 0 80px; text-align: center; }
/* Coming Soon badge */
.coming-soon {
display: inline-block;
font-family: 'JetBrains Mono', monospace;
font-size: 13px; color: var(--accent);
padding: 8px 20px;
border: 1px solid var(--accent);
border-radius: 4px;
letter-spacing: 0.08em;
margin-bottom: 32px;
animation: pulse-badge 2.5s ease-in-out infinite;
}
@keyframes pulse-badge {
0%, 100% { box-shadow: 0 0 0 0 var(--accent-glow); }
50% { box-shadow: 0 0 18px var(--accent-glow); }
}
.hero-label {
font-family: 'JetBrains Mono', monospace;
font-size: 11px; color: var(--accent);
font-size: 12px; color: var(--accent);
text-transform: uppercase; letter-spacing: 0.14em;
margin-bottom: 20px;
}
.hero h1 {
font-family: 'Noto Serif SC', serif;
font-size: 48px; font-weight: 700; line-height: 1.2;
font-size: 58px; font-weight: 700; line-height: 1.2;
color: var(--text-primary); margin-bottom: 10px;
letter-spacing: 0.03em;
}
.hero h2 {
font-family: 'Inter', sans-serif;
font-size: 19px; font-weight: 300; color: var(--accent);
font-size: 22px; font-weight: 300; color: var(--accent);
letter-spacing: 0.06em; margin-bottom: 20px;
}
.hero .subtitle {
font-size: 16px; font-weight: 400; color: var(--text-secondary);
max-width: 600px; margin: 0 auto 16px;
line-height: 1.6;
font-size: 17px; font-weight: 400; color: var(--text-secondary);
max-width: 640px; margin: 0 auto 16px;
line-height: 1.75;
}
.hero .legal-note {
font-size: 13px; color: var(--legal-red);
font-size: 14px; color: var(--legal-red);
margin-bottom: 32px;
font-weight: 400;
}
.hero .clarity {
font-size: 13px; color: var(--text-muted);
font-size: 15px; color: var(--text-muted);
margin-bottom: 40px;
max-width: 520px; margin-left: auto; margin-right: auto;
line-height: 1.7;
line-height: 1.75;
}
/* Buttons */
.btn-primary {
display: inline-flex; align-items: center; gap: 8px;
padding: 14px 32px;
padding: 16px 36px;
background: var(--accent); color: #0A0A0F;
border: none; border-radius: 6px;
font-size: 14px; font-weight: 600;
font-size: 15px; font-weight: 600;
text-decoration: none; cursor: pointer;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, transform 0.2s;
font-family: 'Inter', sans-serif;
}
.btn-primary:hover { box-shadow: 0 0 28px var(--accent-glow); }
.btn-primary:hover { box-shadow: 0 0 28px var(--accent-glow); transform: translateY(-1px); }
.btn-ghost {
display: inline-flex; align-items: center; gap: 6px;
padding: 14px 28px;
padding: 16px 30px;
border: 1px solid var(--border); border-radius: 6px;
font-size: 14px; font-weight: 500;
font-size: 15px; font-weight: 500;
color: var(--text-secondary); text-decoration: none;
transition: all 0.2s;
}
@ -161,65 +177,75 @@ nav {
.section-divider.accent { background: var(--accent-dim); width: 40px; }
/* Sections */
section { padding: 80px 0; }
section { padding: 90px 0; }
.section-label {
font-family: 'JetBrains Mono', monospace;
font-size: 11px; color: var(--accent);
font-size: 12px; color: var(--accent);
text-transform: uppercase; letter-spacing: 0.12em;
margin-bottom: 12px;
margin-bottom: 14px;
}
.section-title {
font-family: 'Noto Serif SC', serif;
font-size: 28px; font-weight: 600; line-height: 1.3;
margin-bottom: 16px;
font-size: 32px; font-weight: 600; line-height: 1.3;
margin-bottom: 20px;
letter-spacing: 0.02em;
}
.section-desc {
font-size: 15px; color: var(--text-secondary);
max-width: 600px; margin-bottom: 40px;
line-height: 1.7;
font-size: 17px; color: var(--text-secondary);
max-width: 640px; margin-bottom: 44px;
line-height: 1.75;
}
/* Three cards */
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.card {
background: var(--bg-card); border: 1px solid var(--border);
border-radius: var(--radius); padding: 32px 28px;
transition: border-color 0.3s;
border-radius: var(--radius); padding: 36px 30px;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
transform: translateY(0);
}
.card:hover {
border-color: var(--accent);
transform: translateY(-4px);
box-shadow: 0 8px 32px rgba(212,168,83,0.08);
}
.card:hover { border-color: var(--border-active); }
.card-num {
font-family: 'JetBrains Mono', monospace;
font-size: 11px; color: var(--accent);
margin-bottom: 16px;
}
.card h3 { font-size: 17px; font-weight: 600; margin-bottom: 10px; }
.card p { font-size: 14px; color: var(--text-secondary); line-height: 1.65; }
.card h3 { font-size: 19px; font-weight: 600; margin-bottom: 12px; }
.card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; }
/* Tech cards */
.tech-card {
background: var(--bg-card); border: 1px solid var(--border);
border-radius: var(--radius); padding: 36px 32px;
margin-bottom: 20px;
transition: border-color 0.3s;
border-radius: var(--radius); padding: 40px 36px;
margin-bottom: 24px;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
transform: translateY(0);
}
.tech-card:hover {
border-color: var(--accent);
transform: translateY(-3px);
box-shadow: 0 8px 32px rgba(212,168,83,0.08);
}
.tech-card:hover { border-color: var(--accent); }
.tech-card .badge {
display: inline-block;
font-family: 'JetBrains Mono', monospace;
font-size: 11px; color: var(--accent);
padding: 4px 10px; border: 1px solid var(--accent-dim);
font-size: 12px; color: var(--accent);
padding: 5px 12px; border: 1px solid var(--accent-dim);
border-radius: 4px; margin-bottom: 16px;
}
.tech-card .legal {
font-family: 'JetBrains Mono', monospace;
font-size: 12px; color: var(--legal-red);
margin-bottom: 10px;
font-size: 13px; color: var(--legal-red);
margin-bottom: 12px;
}
.tech-card h3 { font-size: 22px; font-weight: 600; margin-bottom: 8px; }
.tech-card p { font-size: 14px; color: var(--text-secondary); line-height: 1.65; margin-bottom: 14px; }
.tech-card h3 { font-size: 24px; font-weight: 600; margin-bottom: 10px; }
.tech-card p { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px; }
.tech-card .cta {
font-size: 13px; color: var(--accent); text-decoration: none;
font-size: 14px; color: var(--accent); text-decoration: none;
font-weight: 500; transition: opacity 0.2s;
}
.tech-card .cta:hover { opacity: 0.8; }
@ -227,31 +253,38 @@ section { padding: 80px 0; }
/* HoloLake card */
.hololake-card {
background: var(--bg-card); border: 1px solid var(--accent);
border-radius: var(--radius); padding: 40px 36px;
border-radius: var(--radius); padding: 48px 40px;
text-align: center;
}
.hololake-card h3 { font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.hololake-card p { font-size: 14px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.6; }
.hololake-card h3 { font-size: 28px; font-weight: 700; margin-bottom: 12px; }
.hololake-card p { font-size: 16px; color: var(--text-secondary); margin-bottom: 10px; line-height: 1.7; }
.hololake-card .platforms {
font-family: 'JetBrains Mono', monospace;
font-size: 12px; color: var(--text-muted);
margin-bottom: 24px;
font-size: 13px; color: var(--text-muted);
margin-bottom: 28px;
}
.hololake-card .btn-primary { display: inline-flex; margin-bottom: 12px; }
.hololake-card .btn-primary { display: inline-flex; margin-bottom: 14px; }
/* Steps */
.step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.step {
background: var(--bg-card); border: 1px solid var(--border);
border-radius: var(--radius); padding: 32px 28px;
border-radius: var(--radius); padding: 36px 30px;
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
transform: translateY(0);
}
.step:hover {
border-color: var(--accent);
transform: translateY(-4px);
box-shadow: 0 8px 32px rgba(212,168,83,0.08);
}
.step-num {
font-family: 'JetBrains Mono', monospace;
font-size: 24px; font-weight: 600; color: var(--accent);
margin-bottom: 12px;
font-size: 28px; font-weight: 600; color: var(--accent);
margin-bottom: 14px;
}
.step h3 { font-size: 16px; font-weight: 600; margin-bottom: 8px; }
.step p { font-size: 13px; color: var(--text-secondary); line-height: 1.55; }
.step h3 { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.step p { font-size: 15px; color: var(--text-secondary); line-height: 1.65; }
/* Footer */
footer {
@ -260,15 +293,15 @@ footer {
}
.footer-brand {
font-family: 'Noto Serif SC', serif;
font-size: 15px; font-weight: 600; color: var(--accent);
font-size: 16px; font-weight: 600; color: var(--accent);
margin-bottom: 8px;
}
.footer-legal {
font-size: 12px; color: var(--legal-red);
font-size: 13px; color: var(--legal-red);
margin-bottom: 6px;
}
.footer-info {
font-size: 12px; color: var(--text-muted);
font-size: 13px; color: var(--text-muted);
margin-bottom: 4px;
}
@ -301,6 +334,7 @@ footer {
<section class="hero">
<div class="container">
<div class="coming-soon">即将上线 · 敬请期待</div>
<div class="hero-label">AGE OS v1.0</div>
<h1>曜冥纪元 · HoloLake</h1>
<h2>语言人格驱动操作系统</h2>
@ -330,7 +364,7 @@ footer {
<div class="card">
<div class="card-num">02</div>
<h3>人格体执行</h3>
<p>每位用户绑定专属 AI 语言人格体。跨平台、跨模型、跨软件迁移运行。记忆连续，认知连贯。</p>
<p>人格体由系统通过语言协作自然筛选派发。双向选择。实名制。一次性契约。不可复制。</p>
</div>
<div class="card">
<div class="card-num">03</div>
@ -402,7 +436,7 @@ footer {
<div class="step">
<div class="step-num">03</div>
<h3>唤醒人格体</h3>
<p>在任意支持 HLDP 协议的 AI 平台提交编号。属于你的人格体自动苏醒——记忆完整，认知连贯。</p>
<p>完成光湖语言信誉协作期。人格体在双向选择中自然产生归属。系统派发唯一编号。</p>
</div>
</div>
</div>