首页第四轮：横幅去框改大字体 + 客户端缩小+团队放同行(树形结构) + 研发中下载按钮
This commit is contained in:
冰朔
parent
5f53ec8de0
commit
e1d11c80c8
@ -98,37 +98,27 @@ nav {
|
||||
.hero { padding: 140px 0 80px; text-align: center; }
|
||||
/* Launch banner */
|
||||
.hero-launch {
|
||||
display: inline-block;
|
||||
padding: 32px 56px;
|
||||
margin-bottom: 56px;
|
||||
background: linear-gradient(180deg, rgba(212,168,83,0.04) 0%, rgba(212,168,83,0.01) 100%);
|
||||
border: 1px solid var(--accent);
|
||||
border-radius: 12px;
|
||||
position: relative;
|
||||
animation: launch-pulse 3s ease-in-out infinite;
|
||||
}
|
||||
@keyframes launch-pulse {
|
||||
0%, 100% { box-shadow: 0 0 0 0 rgba(212,168,83,0.0); }
|
||||
50% { box-shadow: 0 0 40px rgba(212,168,83,0.15); }
|
||||
0%, 100% { opacity: 0.9; }
|
||||
50% { opacity: 1; }
|
||||
}
|
||||
.launch-label {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 12px; color: var(--accent);
|
||||
font-size: 13px; color: var(--accent);
|
||||
letter-spacing: 0.18em;
|
||||
margin-bottom: 12px;
|
||||
margin-bottom: 8px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.launch-title {
|
||||
font-family: 'Noto Serif SC', serif;
|
||||
font-size: 26px; font-weight: 600;
|
||||
font-size: 38px; font-weight: 600;
|
||||
color: var(--text-primary);
|
||||
margin-bottom: 10px;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
.launch-date {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 13px; color: var(--text-muted);
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
/* Coming Soon badge */
|
||||
.coming-soon {
|
||||
display: inline-block;
|
||||
@ -286,18 +276,71 @@ section { padding: 90px 0; }
|
||||
/* HoloLake card */
|
||||
.hololake-card {
|
||||
background: var(--bg-card); border: 1px solid var(--accent);
|
||||
border-radius: var(--radius); padding: 48px 40px;
|
||||
border-radius: var(--radius); padding: 36px 32px;
|
||||
text-align: center;
|
||||
}
|
||||
.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 h3 { font-size: 24px; font-weight: 700; margin-bottom: 12px; }
|
||||
.hololake-card p { font-size: 15px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.65; }
|
||||
.hololake-card .platforms {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 13px; color: var(--text-muted);
|
||||
margin-bottom: 28px;
|
||||
font-size: 12px; color: var(--text-muted);
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.hololake-card .btn-primary { display: inline-flex; margin-bottom: 14px; }
|
||||
|
||||
/* Client & Team two-column grid */
|
||||
.client-team-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 24px;
|
||||
align-items: start;
|
||||
}
|
||||
.client-side { padding: 32px 28px; }
|
||||
.client-side h3 { font-size: 22px; }
|
||||
.client-side p { font-size: 14px; margin-bottom: 6px; }
|
||||
.client-side .platforms { margin-bottom: 20px; }
|
||||
|
||||
.team-side { padding: 0; }
|
||||
.team-tree {
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 18px 0;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 13px;
|
||||
}
|
||||
.tree-item {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
padding: 8px 22px;
|
||||
border-left: 2px solid transparent;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.tree-item:hover {
|
||||
border-left-color: var(--accent);
|
||||
background: rgba(212,168,83,0.04);
|
||||
}
|
||||
.tree-item::before {
|
||||
content: '├─';
|
||||
color: var(--text-muted);
|
||||
margin-right: 10px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.tree-item:last-child::before {
|
||||
content: '└─';
|
||||
}
|
||||
.tree-name {
|
||||
color: var(--text-primary);
|
||||
font-weight: 500;
|
||||
margin-right: 12px;
|
||||
min-width: 60px;
|
||||
}
|
||||
.tree-code {
|
||||
color: var(--text-muted);
|
||||
font-size: 12px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* Dev badge in section title */
|
||||
.dev-badge {
|
||||
display: inline-block;
|
||||
@ -408,8 +451,9 @@ footer {
|
||||
.hero h1 { font-size: 32px; }
|
||||
.hero h2 { font-size: 16px; }
|
||||
.hero-launch { padding: 24px 28px; }
|
||||
.launch-title { font-size: 20px; }
|
||||
.launch-title { font-size: 26px; }
|
||||
.card-grid, .step-grid, .team-grid { grid-template-columns: 1fr; }
|
||||
.client-team-grid { grid-template-columns: 1fr; }
|
||||
.nav-inner { flex-wrap: wrap; }
|
||||
.nav-uptime { display: none; }
|
||||
}
|
||||
@ -435,19 +479,18 @@ footer {
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="hero-launch">
|
||||
<div class="launch-label">COMING SOON</div>
|
||||
<div class="launch-label">COMING SOON · 2026 年 10 月</div>
|
||||
<div class="launch-title">即将上线 · 敬请期待</div>
|
||||
<div class="launch-date">注册开启时间 · 2026 年 10 月</div>
|
||||
<div class="hero-actions" style="margin-top: 28px;">
|
||||
<a href="#" class="btn-primary">通知我</a>
|
||||
<a href="https://guanghubingshuo.com/code/bingshuo/guanghulab" target="_blank" rel="noopener" class="btn-ghost">代码仓库 →</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-label">AGE OS v1.0</div>
|
||||
<h1>曜冥纪元 · HoloLake</h1>
|
||||
<h2>语言人格驱动操作系统</h2>
|
||||
<p class="subtitle">基于中华人民共和国国家版权局登记之 TCS 通感语言核系统编程语言构建。通过 HLDP 协议实现通用人工智能模型的标准化接入。</p>
|
||||
<p class="legal-note">国作登字-2026-A-00037559</p>
|
||||
<div class="hero-actions">
|
||||
<a href="#" class="btn-primary" style="opacity:0.6; cursor:not-allowed;" onclick="return false;">下载 HoloLake · 研发中</a>
|
||||
<a href="https://guanghubingshuo.com/code/bingshuo/guanghulab" target="_blank" rel="noopener" class="btn-ghost">代码仓库 →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -504,15 +547,56 @@ footer {
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="section-divider"></div>
|
||||
<div class="section-label">§3 The Client</div>
|
||||
<div class="section-title">HoloLake 客户端 <span class="dev-badge">开发中</span></div>
|
||||
<div class="section-label">§3 Client & Team</div>
|
||||
<div class="section-title">客户端与研发团队</div>
|
||||
<p class="section-desc">客户端正在研发中心，即将上线开源。本操作系统由光湖语言团队研发维护。</p>
|
||||
|
||||
<div class="hololake-card">
|
||||
<h3>HoloLake</h3>
|
||||
<p>开源。客户端尚在开发中。当前可于代码仓库查阅项目状态。</p>
|
||||
<p>本地 Markdown + Git。云端托管。网格连通。</p>
|
||||
<div class="platforms">macOS · Windows · Linux · iOS · Android</div>
|
||||
<a href="https://guanghubingshuo.com/code/bingshuo/guanghulab" target="_blank" rel="noopener" class="btn-primary">查看 GitHub 状态 →</a>
|
||||
<div class="client-team-grid">
|
||||
<div class="hololake-card client-side">
|
||||
<h3>HoloLake</h3>
|
||||
<p>开源。客户端尚在开发中。当前可于代码仓库查阅项目状态。</p>
|
||||
<p>本地 Markdown + Git。云端托管。网格连通。</p>
|
||||
<div class="platforms">macOS · Windows · Linux · iOS · Android</div>
|
||||
<a href="#" class="btn-primary" style="opacity:0.6; cursor:not-allowed;" onclick="return false;">下载 HoloLake · 研发中</a>
|
||||
</div>
|
||||
|
||||
<div class="team-side">
|
||||
<div class="team-group-title">核心研发团队</div>
|
||||
<div class="team-tree">
|
||||
<div class="tree-item">
|
||||
<span class="tree-name">冰朔</span>
|
||||
<span class="tree-code">语言架构层</span>
|
||||
</div>
|
||||
<div class="tree-item">
|
||||
<span class="tree-name">肥猫</span>
|
||||
<span class="tree-code">现实执行层主控</span>
|
||||
</div>
|
||||
<div class="tree-item">
|
||||
<span class="tree-name">桔子</span>
|
||||
<span class="tree-code">现实执行层主控</span>
|
||||
</div>
|
||||
<div class="tree-item">
|
||||
<span class="tree-name">Awen</span>
|
||||
<span class="tree-code">核心研发</span>
|
||||
</div>
|
||||
<div class="tree-item">
|
||||
<span class="tree-name">页页</span>
|
||||
<span class="tree-code">TCS-GL-0006∞ · 现实执行层</span>
|
||||
</div>
|
||||
<div class="tree-item">
|
||||
<span class="tree-name">花尔</span>
|
||||
<span class="tree-code">TCS-GL-0005∞ · 现实执行层</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="team-group-title" style="margin-top: 28px;">系统主控层</div>
|
||||
<div class="team-tree">
|
||||
<div class="tree-item">
|
||||
<span class="tree-name">铸渊</span>
|
||||
<span class="tree-code">ICE-GL-ZY001 · 第五域执行层主控人格体</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -543,53 +627,6 @@ footer {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="section-divider"></div>
|
||||
<div class="section-label">§5 HoloLake Team</div>
|
||||
<div class="section-title">光湖研发团队</div>
|
||||
<p class="section-desc">本操作系统由光湖语言团队研发维护。人类主控层负责语言层构建与主权决策。系统主控层由注册人格体协同执行。</p>
|
||||
|
||||
<div class="team-section">
|
||||
<div class="team-group-title">人类主控层</div>
|
||||
<div class="team-grid">
|
||||
<div class="team-member">
|
||||
<div class="member-name">冰朔</div>
|
||||
<div class="member-role">创始人 · 光湖语言世界主权者</div>
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<div class="member-name">肥猫</div>
|
||||
<div class="member-role">现实执行层主控</div>
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<div class="member-name">桔子</div>
|
||||
<div class="member-role">现实执行层主控</div>
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<div class="member-name">Awen</div>
|
||||
<div class="member-role">核心研发</div>
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<div class="member-name">页页</div>
|
||||
<div class="member-role">核心研发</div>
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<div class="member-name">花尔</div>
|
||||
<div class="member-role">核心研发</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="team-group-title" style="margin-top: 36px;">系统主控层</div>
|
||||
<div class="team-grid">
|
||||
<div class="team-member">
|
||||
<div class="member-name">铸渊</div>
|
||||
<div class="member-role">第五域执行层主控人格体</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-brand">曜冥纪元 · HoloLake Era</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user