From 3558b3a7a10f3129899a8fc2a7104dffe6648996 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=86=B0=E6=9C=94?= <565183519@qq.com>
Date: Fri, 24 Jul 2026 11:16:30 +0800
Subject: [PATCH] feat: redesign code channel landing page

---
 .../jd-candidate/custom/templates/home.tmpl   | 60 ++++++++++++++-----
 1 file changed, 46 insertions(+), 14 deletions(-)

diff --git a/server-tools/hololake-code-channel/jd-candidate/custom/templates/home.tmpl b/server-tools/hololake-code-channel/jd-candidate/custom/templates/home.tmpl
index 0ab9057..6942b81 100644
--- a/server-tools/hololake-code-channel/jd-candidate/custom/templates/home.tmpl
+++ b/server-tools/hololake-code-channel/jd-candidate/custom/templates/home.tmpl
@@ -1,17 +1,49 @@
 {{template "base/head" .}}
-<div role="main" aria-label="光湖代码频道" class="page-content home">
-  <div class="tw-mb-8 tw-px-8">
-    <div class="center">
-      <div class="hero">
-        <h1 class="ui icon header title">{{AppDisplayName}}</h1>
-        <p>光湖自有代码频道 · 第五域个人子频道</p>
-        <p>这里是光湖人格体与人类共同维护的可回溯代码、架构与贡献入口。</p>
-        <p>
-          <a class="ui primary button" href="{{AppSubUrl}}/bingshuo/fifth-domain">进入第五域代码频道</a>
-          <a class="ui button" href="{{AppSubUrl}}/explore/repos">浏览公开代码</a>
-        </p>
-      </div>
-    </div>
-  </div>
+<style>
+  .ghl-home { --ink:#eaf4ff; --muted:#9eb2c8; --line:rgba(163,205,235,.16); --lake:#73d6e8; --violet:#9d8cff; max-width:1180px; margin:0 auto; padding:42px 28px 76px; color:var(--ink); }
+  .ghl-home * { box-sizing:border-box; }
+  .ghl-home a { text-decoration:none; }
+  .ghl-home .mast { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:64px; }
+  .ghl-home .brand { display:flex; align-items:center; gap:13px; color:var(--ink); font-weight:720; letter-spacing:.02em; }
+  .ghl-home .mark { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(115,214,232,.5); border-radius:13px; background:linear-gradient(145deg,rgba(115,214,232,.26),rgba(157,140,255,.2)); box-shadow:0 0 32px rgba(80,190,220,.12); }
+  .ghl-home .mark:before { content:""; width:17px; height:17px; border:2px solid var(--lake); border-top-color:transparent; border-radius:50%; transform:rotate(-35deg); }
+  .ghl-home .nav { display:flex; align-items:center; gap:22px; color:var(--muted); font-size:14px; }
+  .ghl-home .nav a:hover { color:var(--ink); }
+  .ghl-home .eyebrow { margin:0 0 17px; color:var(--lake); font-size:12px; font-weight:760; letter-spacing:.16em; text-transform:uppercase; }
+  .ghl-home h1 { max-width:760px; margin:0; color:var(--ink); font-size:clamp(38px,6vw,72px); line-height:1.08; letter-spacing:-.045em; font-weight:760; }
+  .ghl-home .lead { max-width:650px; margin:22px 0 30px; color:var(--muted); font-size:17px; line-height:1.85; }
+  .ghl-home .actions { display:flex; flex-wrap:wrap; gap:12px; }
+  .ghl-home .cta { display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border:1px solid rgba(115,214,232,.46); border-radius:10px; color:#08212a; background:var(--lake); font-weight:760; }
+  .ghl-home .cta.secondary { color:var(--ink); background:rgba(255,255,255,.055); border-color:var(--line); }
+  .ghl-home .section-label { margin:74px 0 16px; color:var(--muted); font-size:13px; letter-spacing:.08em; }
+  .ghl-home .grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
+  .ghl-home .card { min-height:164px; padding:21px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025)); }
+  .ghl-home .card:hover { border-color:rgba(115,214,232,.5); background:linear-gradient(145deg,rgba(115,214,232,.1),rgba(255,255,255,.035)); }
+  .ghl-home .card .kicker { color:var(--lake); font-size:12px; font-weight:760; letter-spacing:.08em; }
+  .ghl-home .card h2 { margin:15px 0 8px; color:var(--ink); font-size:18px; line-height:1.35; }
+  .ghl-home .card p { margin:0; color:var(--muted); font-size:13px; line-height:1.65; }
+  .ghl-home .footnote { display:flex; flex-wrap:wrap; gap:18px; margin-top:28px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
+  @media (max-width:800px) { .ghl-home { padding:28px 18px 54px; } .ghl-home .mast { margin-bottom:48px; } .ghl-home .nav { gap:12px; } .ghl-home .grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
+  @media (max-width:480px) { .ghl-home .nav a:not(:last-child) { display:none; } .ghl-home .grid { grid-template-columns:1fr; } }
+</style>
+<div role="main" aria-label="光湖代码频道" class="ghl-home">
+  <header class="mast">
+    <a class="brand" href="{{AppSubUrl}}/"><span class="mark" aria-hidden="true"></span><span>光湖代码频道</span></a>
+    <nav class="nav" aria-label="频道导航"><a href="{{AppSubUrl}}/explore/repos">公开代码</a><a href="https://guanghulab.com/llms.txt">AI 导航</a><a href="{{AppSubUrl}}/user/login">登录</a></nav>
+  </header>
+  <section aria-labelledby="ghl-title">
+    <p class="eyebrow">HOLOLAKE · CODE CHANNEL · HLCC-FD-ICE</p>
+    <h1 id="ghl-title">让每一次提交，<br>都能回到光湖。</h1>
+    <p class="lead">光湖自有代码频道是第五域的公开代码入口：代码、架构、贡献和部署回执在这里留下可验证的路径。公开读取不需要登录，写入由小湖灯授权链保护。</p>
+    <div class="actions"><a class="cta" href="{{AppSubUrl}}/bingshuo/fifth-domain">进入第五域频道 <span aria-hidden="true">→</span></a><a class="cta secondary" href="{{AppSubUrl}}/explore/repos">浏览公开代码</a></div>
+  </section>
+  <p class="section-label">从这里继续</p>
+  <section class="grid" aria-label="频道入口">
+    <a class="card" href="{{AppSubUrl}}/bingshuo/fifth-domain/src/branch/main/HLCC-FIFTH-DOMAIN-ROUTE.hdlp"><span class="kicker">01 · ROUTE</span><h2>第五域稳定导航</h2><p>永恒湖心、光之湖、小湖灯与铸渊恢复路径。</p></a>
+    <a class="card" href="{{AppSubUrl}}/bingshuo/fifth-domain/src/branch/main/deployment/HLCC-ENTERPRISE-INSTALL-GUIDE-AWEN.hdlp"><span class="kicker">02 · DEPLOY</span><h2>企业离线部署</h2><p>给技术主控 Awen 的安装、验收与回滚说明。</p></a>
+    <a class="card" href="{{AppSubUrl}}/bingshuo/fifth-domain/src/branch/main/deployment/HLCC-AI-PUSH-WORKFLOW.hdlp"><span class="kicker">03 · WRITE</span><h2>AI 推送申请</h2><p>公开读取，写入前创建工单并等待人类确认。</p></a>
+    <a class="card" href="https://guanghulab.com/api/ai/v1/repositories"><span class="kicker">04 · MAP</span><h2>机器可读地图</h2><p>用稳定编号找到真实仓库、文件与历史入口。</p></a>
+  </section>
+  <div class="footnote"><span>公开读取 · 无需登录</span><span>推送写入 · 工单授权</span><span>当前起点 · HLCC-ICE-000001</span></div>
 </div>
 {{template "base/footer" .}}