4.4 KiB
自有主题设计方案与预览
当前范围与定稿
2026-10-14，用户确认当前效果可作为定稿方案保留，命名为 tpl-a，不限定用于 hn。当前独立源码在 frontends/tpl-a/，设计定稿版本 1.0.0；业务接入仍未完成。2026-10-27 用户确定 hn 先使用 EZ；tpl-a 仍不绑定 hn，吉祥物暂缓。此前接入业务接口的 frontends/hardnerd/ 功能草稿，以及 EZ / Stellar 独立保留。
用户最新明确定位为“机房网络运营商”，解除此前 2D 扁平 / SVG 风格限制并要求重新设计。当前首页采用写实机柜通道主视觉、网络接入 / 套餐 / 技术服务入口与运营管理内容；接入方案、控制台、资源、账单、文档、工单和账户页面均重做为统一服务门户。使用深蓝、暖橙、自然空间影像与常规企业排版，不继续沿用卡通机架、格子衫 / 厚眼镜和终端装饰作为主视觉。保留减少无关小字的要求，只在全站一处注明影像和数据为示意。明暗双色保留，初次加载默认暗色。
所有价格、参数、地区、节点、账户、流量与订单均为演示，年付展示按演示月价 × 12 计算。机房主图通过内置 imagegen 生成，不是 hn 实际机房照片；不据此认定机房资产、实际覆盖或可用性承诺。表单与按钮只切换视觉状态和提示，不提交业务数据、不发邮件、不创建订单或工单。
设计源文件和素材已以本地 Git 提交 8b78424 保存；关联业务草稿与环境未纳入该提交。
开发入口
在独立工作树启动：
npm --prefix frontends/tpl-a run dev
预览：http://127.0.0.1:8591/#/home。该端口当前由 Vite 直接提供静态前端；原先占用该端口的 hn PHP 演示进程已停止。配置 envDir:false，没有后端代理，不加载 Laravel 配置或业务数据库。只监听本机回环地址。
主要源码：
src/NetworkLanding.vue：写实机房首页、网络接入、套餐与服务入口。src/App.vue：导航、明暗切换，以及七类用户中心页面的模拟交互。src/brand.mjs：可替换的演示品牌；template.json的 site_binding 为 null。approved-files.sha256.json：定稿源码与素材摘要；运行和定稿保护见方案 README。src/operator.css：完整企业官网和服务门户样式、明暗与响应式布局；旧 style.css 已退出使用并移除。public/datacenter-hero-v1.png：已落入项目的写实主视觉，原始生成文件另行保留。生成方式与完整提示词在codex/output/hn-datacenter-asset.md。
构建验证：在仓库根运行 npm --prefix frontends/tpl-a run build，输出仅在 frontends/tpl-a/dist/。该构建不会发布到 theme/Hardnerd 或运行中的 dpl；不能使用 hn 正式资源发布脚本将本设计稿误当作功能主题。
本次验证与限制
- 首页、用户中心、套餐、节点、订单、说明、工单、账户均能前端跳转；保存偏好只显示模拟提示。
- 默认暗色与浅色切换已在浏览器验证。
- 当前机房运营商方向已在 1280px 宽屏验证明暗首页、接入方案和控制台；390px 七类门户页面逐页检查无横向溢出，320px 首页、菜单与控制台无溢出。临时浏览器尺寸已恢复。
- 月付 / 年付展示切换、方案选择和账户模拟保存已验证，仅作用于前端状态。
- 浏览器观察到的首页资源、页面跳转与模拟保存请求全部留在本机 Vite；未出现业务 API 请求。源码无 fetch / Axios / XHR 和后端 proxy。
- 构建与差异格式检查通过，浏览器没有运行错误。当前截图为
codex/output/hn-dc-*.jpg；hn-hard-*/hn-operator-*为此前版本对照，均不作为定稿素材。 - 项目维护记录和 CoDocs hn/dpl 入口已同步。CoDocs 全库结构检查仍报告 13 项既有 Obsidian 主题目录/文件权限问题；本任务未改动这些无关配置，不能称全库检查通过。
- 设计已由用户批准保存为 tpl-a；未推送、部署，hn 已选 EZ，tpl-a 使用实例仍未定。业务接入、支付、邮件、订阅、节点连通与生产验收没有在本阶段执行。
后续明确使用实例后，再将 tpl-a 接入功能主题，分别进行业务接入和部署验收。实例隔离和历史功能验证见 SITE_PROFILES 与 STATUS。