From 720b508a2f069ffaeac71c15ab9d639252b09bd9 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Mon, 11 May 2026 14:13:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/技术选型与规范.md                |    2 +-
 docs/数据结构说明.md                  |  120 +-
 docs/评审评分-自定义表单与计分规则.md |   14 +-
 docs/需求规格说明书.md                |   22 +-
 public/index.html                     | 2113 +++++++++++++++++++++++++
 5 files changed, 2194 insertions(+), 77 deletions(-)
 create mode 100644 public/index.html

diff --git a/docs/技术选型与规范.md b/docs/技术选型与规范.md
index 5fc7bce..87c700f 100644
--- a/docs/技术选型与规范.md
+++ b/docs/技术选型与规范.md
@@ -3,4 +3,4 @@
 > **说明**：本文档用于汇总栈版本、目录规范、环境变量与部署约定等。**当前仓库以实际 `composer.json` / `package.json` 及《需求规格说明书》引用为准**。  
 > **与近期报名/评审相关实现**：选手端锁定规则（截止时间 `signup_close_at`、`application_review_records` 等）见《需求规格说明书》2a 节、《数据结构说明》3.7 节；**不要求在本页重复展开**，以免与代码迁移不一致。
 
-（正文待按团队规范补充：PHP / Laravel、前端 `cxxfds-web`、数据库、宝塔部署等。）
+（正文待按团队规范补充：PHP / Laravel、前端 `cxxfds-web`、数据库、宝塔部署等。）
\ No newline at end of file
diff --git a/docs/数据结构说明.md b/docs/数据结构说明.md
index 59b3a2b..ddb9517 100644
--- a/docs/数据结构说明.md
+++ b/docs/数据结构说明.md
@@ -7,14 +7,14 @@
 ## 一、文档关系
 
 
-| 内容                              | 所在文档 §                      |
-| ------------------------------- | --------------------------- |
+| 内容                                                      | 所在文档 §                                |
+| ------------------------------------------------------- | ------------------------------------- |
 | 评审打分 Schema、计分规则、`line_total` / `team_sum` / `team_avg` | 《评审评分-自定义表单与计分规则.md》；本文 **§3.7、§3.9** |
-| 报名数据存储、Schema 与表关系（是否每字段一表）        | 本文 **§3.8**                       |
-| 全表字段表、外键一览、**Mermaid ER 图（中文）** | 《后台管理-菜单与数据库设计》**§2.2～2.3** |
-| 与本文 §3.8 对应的精简条目（DDL 文档内）        | 《后台管理-菜单与数据库设计》**§2.0**    |
-| 多端品牌 JSON 示例                    | 《后台管理-菜单与数据库设计》**第五节**      |
-| 管理端侧栏菜单、动态路由与权限锚点              | 《后台管理-菜单与数据库设计》**§1.1**；本文 **§3.5** |
+| 报名数据存储、Schema 与表关系（是否每字段一表）                             | 本文 **§3.8**                           |
+| 全表字段表、外键一览、**Mermaid ER 图（中文）**                         | 《后台管理-菜单与数据库设计》**§2.2～2.3**           |
+| 与本文 §3.8 对应的精简条目（DDL 文档内）                               | 《后台管理-菜单与数据库设计》**§2.0**               |
+| 多端品牌 JSON 示例                                            | 《后台管理-菜单与数据库设计》**第五节**                |
+| 管理端侧栏菜单、动态路由与权限锚点                                       | 《后台管理-菜单与数据库设计》**§1.1**；本文 **§3.5**   |
 
 
 ---
@@ -50,38 +50,38 @@
 
 ### 3.1 赛事与表单
 
-- `competitions.form_schema_id` → 当前前台使用的 **`form_schema_definitions`** 记录（**选手报名**）。
+- `competitions.form_schema_id` → 当前前台使用的 `**form_schema_definitions**` 记录（**选手报名**）。
 - `competitions.review_form_schema_id`（可选）→ **评审打分表单** `review_form_schema_definitions`（或与报名表共用表加 `purpose`，见《评审评分-自定义表单与计分规则.md》§3.1）；**未绑定时** 使用 **系统默认评审 Schema**。
 - `competitions.scoring_rules_json`（可选）→ **本场**计分与聚合规则；**空或未配置** 时使用 **系统默认规则**（`line_total`、`team_sum`、`team_avg` 口径见 **§3.9** 与《评审评分》§4）。
 - `form_schema_definitions.competition_id` 可为空：表示可复用的模版；也可能与某赛事同源，设计允许 **模版与场次双向前提**——注意避免循环配置的运营流程。
 
 ### 3.2 赛事与承诺书
 
-- `competitions.pledge_document_id` → **`legal_documents`**，用于正文版本与 **`content_hash`** 校验。
+- `competitions.pledge_document_id` → `**legal_documents`**，用于正文版本与 `**content_hash**` 校验。
 - `applications.pledge_document_id`：**提交瞬间**的版本快照（与签署时间配合审计）。
 
 ### 3.3 选手与报名
 
 - 一名 **选手** 在同一 **赛事** 下至多 **一条** `applications`（`(competition_id, participant_id)` 唯一）。
-- 选手登录主体仅为 **`participants`**，不与管理员/评审员混表。
+- 选手登录主体仅为 `**participants`**，不与管理员/评审员混表。
 
 ### 3.4 赛道
 
-- **`competition_tracks`**：`track_code` 在赛事内唯一；**简介**面向表单富展示。
-- **`applications.track_code`**：存选手所选编码；**`track_snapshot`** 保存提交时标题冗余，便于历史展示。
-- **`reviewer_scopes.track_code`**：须与 **`competition_id`** 下联的 `competition_tracks` 一致（DDL 多为逻辑约束）。
+- `**competition_tracks**`：`track_code` 在赛事内唯一；**简介**面向表单富展示。
+- `**applications.track_code`**：存选手所选编码；`**track_snapshot**` 保存提交时标题冗余，便于历史展示。
+- `**reviewer_scopes.track_code**`：须与 `**competition_id**` 下联的 `competition_tracks` 一致（DDL 多为逻辑约束）。
 
 ### 3.5 管理员 RBAC
 
-- **`roles` / `permissions` / `permission_role`**：定义权限全集与角色所含权限。
-- **`admin_user_roles`**：仅为 **`admin_users`** 授权；**不包含**选手与评审。
-- **管理后台侧栏与动态路由**：侧栏可见项及 **`cxxfds-web`** 中 **`router.addRoute`** 所注册的路由，应与当前用户实际拥有的 **`permissions.code`** 一致；菜单树由 **服务端接口** 按 RBAC 裁剪后返回，**不要求**为侧栏单独建立必选数据表。菜单元数据（path、父子级、排序、图标等）可由后端代码配置或与权限扩展字段绑定，详见 **《后台管理-菜单与数据库设计.md》§1.1** 与《需求规格说明书》**FR-S-05**。
+- `**roles` / `permissions` / `permission_role**`：定义权限全集与角色所含权限。
+- `**admin_user_roles**`：仅为 `**admin_users**` 授权；**不包含**选手与评审。
+- **管理后台侧栏与动态路由**：侧栏可见项及 `**cxxfds-web`** 中 `**router.addRoute**` 所注册的路由，应与当前用户实际拥有的 `**permissions.code**` 一致；菜单树由 **服务端接口** 按 RBAC 裁剪后返回，**不要求**为侧栏单独建立必选数据表。菜单元数据（path、父子级、排序、图标等）可由后端代码配置或与权限扩展字段绑定，详见 **《后台管理-菜单与数据库设计.md》§1.1** 与《需求规格说明书》**FR-S-05**。
 
 ### 3.6 扩展字段
 
-- **`applications.extra_json`**：动态表单中未落物理列的键值；详细读写与展示流程见 **§3.8**。
-- **`competitions.settings`**：单场业务开关（上传策略覆盖等）。
-- **`competitions.branding_json`**：多端展示文案与主题色等。
+- `**applications.extra_json`**：动态表单中未落物理列的键值；详细读写与展示流程见 **§3.8**。
+- `**competitions.settings`**：单场业务开关（上传策略覆盖等）。
+- `**competitions.branding_json**`：多端展示文案与主题色等。
 
 ### 3.7 评审打分与报名锁定（需求已确认；实施时增补迁移）
 
@@ -90,65 +90,67 @@
 **表名建议：`application_review_scores`**（语义上可与单行 `application_reviews` 等价，项目内统一一名即可）
 
 
-| 字段                          | 含义                                     |
-| --------------------------- | -------------------------------------- |
-| `id`                        | 主键                                     |
-| `application_id`            | FK → `applications`（ON DELETE CASCADE） |
-| `reviewer_id`               | FK → `reviewers`                       |
-| `review_schema_id`          | **提交瞬间**绑定的评审表单版本（FK → 评审 Schema 定义表），用于历史还原 |
-| `payload_json`              | 评审填报：各 **`number` 维度键值**、**`textarea` 评语** 等；**服务端按本场规则计算后** 写入 **`line_total`**（本条评审总分，见 §3.9） |
-| `score`（可选/兼容）          | **迁移或一维简版** 时可用于镜像 **`line_total`**，便于旧查询；新逻辑以 **`payload_json.line_total`** 为权威 |
-| `created_at` / `updated_at` | 时间戳                                    |
+| 字段                          | 含义                                                                                              |
+| --------------------------- | ----------------------------------------------------------------------------------------------- |
+| `id`                        | 主键                                                                                              |
+| `application_id`            | FK → `applications`（ON DELETE CASCADE）                                                          |
+| `reviewer_id`               | FK → `reviewers`                                                                                |
+| `review_schema_id`          | **提交瞬间**绑定的评审表单版本（FK → 评审 Schema 定义表），用于历史还原                                                    |
+| `payload_json`              | 评审填报：各 `**number` 维度键值**、`**textarea` 评语** 等；**服务端按本场规则计算后** 写入 `**line_total`**（本条评审总分，见 §3.9） |
+| `score`（可选/兼容）              | **迁移或一维简版** 时可用于镜像 `**line_total`**，便于旧查询；新逻辑以 `**payload_json.line_total**` 为权威                |
+| `created_at` / `updated_at` | 时间戳                                                                                             |
 
 
 - **唯一约束**：`UNIQUE(application_id, reviewer_id)`（每名评审对每条报名 **一轮**、一行记录）。  
 - **无**「通过/驳回」等评审状态列。  
-- **Schema 驱动**：评审页 **禁止** 硬编码业务打分项；填报键与 **`review_form_schema_definitions.schema_json`** 一致，与报名 §3.8 同源思路。
+- **Schema 驱动**：评审页 **禁止** 硬编码业务打分项；填报键与 `**review_form_schema_definitions.schema_json`** 一致，与报名 §3.8 同源思路。
 
 **选手端锁定**（由应用层判断，不必单独 `locked` 列；与《需求规格说明书》§2a.1 一致）：
 
-1. 当前时间 **晚于** 对应赛事 **`competitions.signup_close_at`**（**该字段为空** 时本条不生效）；或
-2. 该 **`application_id`** 已产生 **评审侧锁定标记**。**设计口径** 为：**`application_review_scores` 中已有任意一行已提交成功的评审**（**任一评审员打分即锁整条报名**，与《评审评分》§3.4 一致）。**当前工程实现（`cxxfds-service`）** 另建表 **`application_review_records`**（`application_id` FK，`id`、`timestamps`）：**任意一行存在** 即视为「已有评委评审」，选手端 API 返回 `participant_may_edit=false` 并拒绝写操作。评审提交打分时 **应写入** `application_review_scores`（权威业务数据）；**建议同时插入或后续改为仅以 scores 表判定锁定**，避免双源不一致。
+1. 当前时间 **晚于** 对应赛事 `**competitions.signup_close_at`**（**该字段为空** 时本条不生效）；或
+2. 该 `**application_id`** 已产生 **评审侧锁定标记**。**设计口径** 为：`**application_review_scores` 中已有任意一行已提交成功的评审**（**任一评审员打分即锁整条报名**，与《评审评分》§3.4 一致）。**当前工程实现（`cxxfds-service`）** 另建表 `**application_review_records`**（`application_id` FK，`id`、`timestamps`）：**任意一行存在** 即视为「已有评委评审」，选手端 API 返回 `participant_may_edit=false` 并拒绝写操作。评审提交打分时 **应写入** `application_review_scores`（权威业务数据）；**建议同时插入或后续改为仅以 scores 表判定锁定**，避免双源不一致。
 
 ### 3.8 报名数据的存储与只读渲染（评审端 / 管理后台）
 
 #### 表单定义权威（自定义表单全覆盖）
 
-- **报名表单的生成与字段全集**（含 **顺序、标签、类型、校验、必填、选项、展示控件**）**全部由** 当前赛事绑定的 **`form_schema_definitions.schema_json`** 控制；后台 **表单设计器 / Schema 配置** 为唯一配置入口。
+- **报名表单的生成与字段全集**（含 **顺序、标签、类型、校验、必填、选项、展示控件**）**全部由** 当前赛事绑定的 `**form_schema_definitions.schema_json`** 控制；后台 **表单设计器 / Schema 配置** 为唯一配置入口。
 - **不例外**：**姓名、手机、邮箱、毕业院校、企业名称、项目名称、赛道、地区、项目简介** 等，**均** 作为 Schema 中的字段项配置，**禁止**在选手报名表页面以「硬编码独立 input」方式绕过 Schema（页面只实现 **通用 Schema 渲染器** + 特殊 `widget`）。
-- **附件、承诺书签署** 等也以 Schema 字段形式出现（如 `type`: `file` / `pledge_signature`），由渲染器映射到上传与签署交互；存储仍走 **`application_files`** 及相关列，见下表。
+- **附件、承诺书签署** 等也以 Schema 字段形式出现（如 `type`: `file` / `pledge_signature`），由渲染器映射到上传与签署交互；存储仍走 `**application_files`** 及相关列，见下表。
 
 #### 存储落点
 
-| 落点 | 内容 |
-|------|------|
-| **`applications` 表一行** | **身份与流程态**：如 `competition_id`、`participant_id`、`schema_id`、`status`、`submitted_at`；以及 **可选**与 Schema 约定的 **冗余物理列**（便于列表筛选、导出、旧系统兼容），列与字段 `key` 的 **映射由实现约定**，非页面硬编码。历史 DDL 中出现的姓名、赛道等列可视为 **常用字段的镜像**；**新增业务字段若无列则一律进 `extra_json`**。 |
-| **`applications.extra_json`** | Schema 中各字段 **`key` → 值**；**凡未映射到物理列** 的键值均在此（含未来增删字段）。 |
-| **`application_files` + 存储** | 对应 Schema 中文件类字段产生的附件；`kind` 与 Schema/业务映射一致。 |
+
+| 落点                            | 内容                                                                                                                                                                                                                                    |
+| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `**applications` 表一行**        | **身份与流程态**：如 `competition_id`、`participant_id`、`schema_id`、`status`、`submitted_at`；以及 **可选**与 Schema 约定的 **冗余物理列**（便于列表筛选、导出、旧系统兼容），列与字段 `key` 的 **映射由实现约定**，非页面硬编码。历史 DDL 中出现的姓名、赛道等列可视为 **常用字段的镜像**；**新增业务字段若无列则一律进 `extra_json`**。 |
+| `**applications.extra_json**` | Schema 中各字段 `**key` → 值**；**凡未映射到物理列** 的键值均在此（含未来增删字段）。                                                                                                                                                                               |
+| `**application_files` + 存储**  | 对应 Schema 中文件类字段产生的附件；`kind` 与 Schema/业务映射一致。                                                                                                                                                                                         |
+
 
 #### 是否「每个赛事 / 每个自定义字段各一张表」？（否）
 
 - **不是。** 不会为「每场赛事的每一个自定义字段」分别建一张数据表；也不采用「每个报名、每个字段一行」的独立窄表作为**当前方案的主路径**（若未来有特殊审计需求可再讨论 EAV 扩展表，与下文并存）。
-- **字段定义（有哪些、什么类型）**：统一存在表 **`form_schema_definitions`** 中，**一行代表某一版表单**，`schema_json` 内用 JSON **列举多个字段**；赛事通过 **`competitions.form_schema_id`**（或发布策略）指向要用的 **`id`**。
-- **报名填报值（用户填了什么）**：统一存在表 **`applications`** 中，**一行代表「一名选手在某赛事的一条报名」**；多条报名 = 多行 `applications`，用 **`competition_id`** 区分赛事、**`schema_id`** 区分当时使用的表单版本；各自定义字段的值主要在 **`extra_json`**（`key` 与 Schema 一致），少数热门字段可 **冗余到物理列** 便于筛选，见上表。
-- **小结**：区分赛事靠 **`competition_id`**，区分使用哪套表单靠 **`schema_id`**，区分各字段取值靠 **同一条 `applications` 行内的 `extra_json`（及可选列）**——**不是**「每张表只存一个字段」。
+- **字段定义（有哪些、什么类型）**：统一存在表 `**form_schema_definitions`** 中，**一行代表某一版表单**，`schema_json` 内用 JSON **列举多个字段**；赛事通过 `**competitions.form_schema_id`**（或发布策略）指向要用的 `**id**`。
+- **报名填报值（用户填了什么）**：统一存在表 `**applications`** 中，**一行代表「一名选手在某赛事的一条报名」**；多条报名 = 多行 `applications`，用 `**competition_id`** 区分赛事、`**schema_id**` 区分当时使用的表单版本；各自定义字段的值主要在 `**extra_json**`（`key` 与 Schema 一致），少数热门字段可 **冗余到物理列** 便于筛选，见上表。
+- **小结**：区分赛事靠 `**competition_id`**，区分使用哪套表单靠 `**schema_id**`，区分各字段取值靠 **同一条 `applications` 行内的 `extra_json`（及可选列）**——**不是**「每张表只存一个字段」。
 
 **与 Schema 的约定（实现层）**
 
 - **权威定义**：**Schema + `schema_id`**。物理列仅为 **查询/报表友好** 的同步目标，**增减字段以改 Schema 为主**，不通过改报名页 HTML 增删。
-- 提交时写入 **`applications.schema_id`**；展示时按 **该版本 Schema** 遍历字段 key，从 **列（若映射）或 `extra_json`** 取值，规则同下「只读渲染」。
+- 提交时写入 `**applications.schema_id`**；展示时按 **该版本 Schema** 遍历字段 key，从 **列（若映射）或 `extra_json`** 取值，规则同下「只读渲染」。
 
 #### 后台 / 评审端：报名详情如何渲染（只读）
 
-1. 读取 **`applications`** 一行（含 `schema_id`、`extra_json`、各固定列）。
-2. 加载 **`form_schema_definitions`**：优先 **`applications.schema_id`** 指向的版本，保证与 **提交瞬间** 字段定义一致。
-3. 按 **`schema_json` 中字段数组顺序**（或约定 `sort`）遍历：
-   - 对每个字段 **`key`**：按团队维护的 **列映射表** 从 **`applications.{列}`** 取数，若无映射则从 **`extra_json[key]`** 取数。
-   - **展示用** 的文案、控件类型、选项来源：使用 Schema 内 `label`、`type`、`options` / `optionsRef`；列表展示期可减少实时字典请求，改用 **提交快照** 或缓存。
-4. **文件类**：计划书/佐证/签名等以 **`application_files`** 按 `kind`（如 `plan`、`supporting`、`pledge_signature`）提供 **列表、下载、预览** 链接，与 Schema 中 `file` 字段配置一致。
-5. **主题赛道**：列表/摘要可用 **`track_snapshot`**，或联 **`competition_tracks`** 取当前标题（历史以 snapshot 为准）。
+1. 读取 `**applications**` 一行（含 `schema_id`、`extra_json`、各固定列）。
+2. 加载 `**form_schema_definitions**`：优先 `**applications.schema_id**` 指向的版本，保证与 **提交瞬间** 字段定义一致。
+3. 按 `**schema_json` 中字段数组顺序**（或约定 `sort`）遍历：
+  - 对每个字段 `**key`**：按团队维护的 **列映射表** 从 `**applications.{列}`** 取数，若无映射则从 `**extra_json[key]**` 取数。
+  - **展示用** 的文案、控件类型、选项来源：使用 Schema 内 `label`、`type`、`options` / `optionsRef`；列表展示期可减少实时字典请求，改用 **提交快照** 或缓存。
+4. **文件类**：计划书/佐证/签名等以 `**application_files`** 按 `kind`（如 `plan`、`supporting`、`pledge_signature`）提供 **列表、下载、预览** 链接，与 Schema 中 `file` 字段配置一致。
+5. **主题赛道**：列表/摘要可用 `**track_snapshot`**，或联 `**competition_tracks**` 取当前标题（历史以 snapshot 为准）。
 
-**评审端**：报名详情区 **只读**；**打分** 走独立表 **`application_review_scores`**（见 §3.7），与报名表数据展示分离；打分界面由 **评审 Schema** 渲染（§3.9）。
+**评审端**：报名详情区 **只读**；**打分** 走独立表 `**application_review_scores`**（见 §3.7），与报名表数据展示分离；打分界面由 **评审 Schema** 渲染（§3.9）。
 
 **管理后台**：数据合并逻辑与评审端相同；可扩展导出、审计、关联 `participants` 手机号等。选手修改权限与锁定条件见《需求规格说明书》§2a。
 
@@ -156,13 +158,15 @@
 
 与《评审评分-自定义表单与计分规则.md》**第四节** 对齐的 **数据落点** 摘要：
 
-| 约定 | 说明 |
-|------|------|
-| **评审表单定义** | 独立表 **`review_form_schema_definitions`**（或与 `form_schema_definitions` 共用并区分 `purpose`）；`schema_json` 中为 **多 `number` 维度 + 评语** 等；也可只配 **一个 `number`**。 |
-| **赛事绑定** | `competitions.review_form_schema_id`；**未绑** → 代码/种子中的 **默认评审 Schema**。 |
-| **`line_total`** | 单条评审记录的总分：对 **`payload_json`** 内各数值维度按 **`scoring_rules_json`（或默认）** 权重计算，**提交时写回 `payload_json`**，防篡改、便于列表直读。 |
-| **`team_sum` / `team_avg`** | 对某 **`application_id`** 下 **已提交** 评审的 `line_total` 聚合：**总分求和**、**平均分 = 总和 / 已提交评审人数**（分母不含未评价、草稿）。列表可实时聚合或物化缓存。 |
-| **`competitions.scoring_rules_json`** | **可空**；空=**系统默认计分**（维度权重、封顶、同分等以默认 JSON 或代码常量为准）；非空则覆盖默认。 |
+
+| 约定                                    | 说明                                                                                                                                                     |
+| ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| **评审表单定义**                            | 独立表 `**review_form_schema_definitions`**（或与 `form_schema_definitions` 共用并区分 `purpose`）；`schema_json` 中为 **多 `number` 维度 + 评语** 等；也可只配 **一个 `number`**。 |
+| **赛事绑定**                              | `competitions.review_form_schema_id`；**未绑** → 代码/种子中的 **默认评审 Schema**。                                                                                 |
+| `**line_total`**                      | 单条评审记录的总分：对 `**payload_json**` 内各数值维度按 `**scoring_rules_json`（或默认）** 权重计算，**提交时写回 `payload_json`**，防篡改、便于列表直读。                                         |
+| `**team_sum` / `team_avg**`           | 对某 `**application_id**` 下 **已提交** 评审的 `line_total` 聚合：**总分求和**、**平均分 = 总和 / 已提交评审人数**（分母不含未评价、草稿）。列表可实时聚合或物化缓存。                                        |
+| `**competitions.scoring_rules_json`** | **可空**；空=**系统默认计分**（维度权重、封顶、同分等以默认 JSON 或代码常量为准）；非空则覆盖默认。                                                                                              |
+
 
 ---
 
@@ -227,6 +231,6 @@
 1. `**slug`** 最长字符集与保留字
 2. `**track_code`** 命名规则（英文/拼音/数字）
 3. `**promise_signature`** 仅存路径抑或同时保留缩略哈希
-4. `**admin_operation_logs.payload**` 是否脱敏入库
+4. `**admin_operation_logs.payload`** 是否脱敏入库
 
 如需将本章与 **OpenAPI/Swagger JSON** 对齐，可提供接口草稿后增补「接口 ↔ 表字段映射」一节。
\ No newline at end of file
diff --git a/docs/评审评分-自定义表单与计分规则.md b/docs/评审评分-自定义表单与计分规则.md
index 1542fdd..bd55d41 100644
--- a/docs/评审评分-自定义表单与计分规则.md
+++ b/docs/评审评分-自定义表单与计分规则.md
@@ -63,17 +63,17 @@
 在已有 `**UNIQUE(application_id, reviewer_id)`** 前提下，将「一轮提交」存为：
 
 
-| 方案     | 内容                                                                                                                                                                                                                                 |
-| ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **推荐** | `**review_schema_id`** + `**payload_json**`：键与 Schema 一致；**维度分** 如 `{ "dim_innovation": 30, "dim_market": 25, "comment": "…" }`；提交后由服务端按 **本赛事 `scoring_rules_json`** 计算 `**line_total`（本条评审总分）** 写回 `payload_json`，保证与规则版本一致、防篡改。 |
-| 备选     | 若干固定列 + `extra_json`，仍建议保留 `**schema_id`** 以便历史还原。                                                                                                                                                                                 |
+| 方案     | 内容                                                                                                                                                                                                                         |
+| ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **推荐** | `**review_schema_id`** + `**payload_json`**：键与 Schema 一致；维度分 如 `{ "dim_innovation": 30, "dim_market": 25, "comment": "…" }`；提交后由服务端按 本赛事 `scoring_rules_json` 计算 `**line_total`（本条评审总分）** 写回 `payload_json`，保证与规则版本一致、防篡改。 |
+| 备选     | 若干固定列 + `extra_json`，仍建议保留 `**schema_id`** 以便历史还原。                                                                                                                                                                         |
 
 
-**物理主键**：仍建议单表 `**application_review_scores`**（名称可改为 `**application_reviews**` 若语义 broader），**一行 = 一轮评审**。
+**物理主键**：仍建议单表 `**application_review_scores`**（名称可改为 `**application_reviews`** 若语义 broader），**一行 = 一轮评审**。
 
 ### 3.3 评审端渲染
 
-与报名 **同一套路**：读 `**review_form_schema_definitions.schema_json`** → 通用渲染器 → 提交写 `**payload_json**`；**禁止**评审页硬编码「分数+评语」以外的业务字段。
+与报名 **同一套路**：读 `**review_form_schema_definitions.schema_json`** → 通用渲染器 → 提交写 `**payload_json`**；**禁止**评审页硬编码「分数+评语」以外的业务字段。
 
 ### 3.4 「锁定」判定（与需求对齐）
 
@@ -155,7 +155,7 @@
 
 1. **Phase 1（与已确认口径对齐）**
   - 评审 Schema：**多维度 `number` + 评语**；服务端按 **默认规则** 算 `**line_total`**。  
-  - 评审记录表：`review_schema_id`、`payload_json`（含维度与 `**line_total**`）。  
+  - 评审记录表：`review_schema_id`、`payload_json`（含维度与 `**line_total`**）。  
   - `competitions.scoring_rules_json`：**可空**；空则 **§4.1**；非空则 **§4.2**。  
   - 列表/详情：展示 `**team_sum`、`team_avg`**（分母 = **已提交评审数**）。
 2. **Phase 2**
diff --git a/docs/需求规格说明书.md b/docs/需求规格说明书.md
index 42c1924..1b5cbb2 100644
--- a/docs/需求规格说明书.md
+++ b/docs/需求规格说明书.md
@@ -28,7 +28,7 @@
 | 报名           | `applications`，某选手在某赛事下的一条填报记录                                                                                  |
 | 赛道           | `competition_tracks`，本场主题方向，含展示用简介                                                                              |
 | 评审打分表单       | 由 `**review_form_schema_id`/`schema_json`** 定义的 **评审侧**字段（多 `number` 维度、评语等）；与报名表单 **分离**                       |
-| 计分规则         | `**competitions.scoring_rules_json`**（可空=系统默认）：定义 `**line_total**`（单条评审总分）及 `**team_sum`/`team_avg**`（队伍聚合）计算方式 |
+| 计分规则         | `**competitions.scoring_rules_json`**（可空=系统默认）：定义 `**line_total`**（单条评审总分）及 `**team_sum`/`team_avg**`（队伍聚合）计算方式 |
 | `line_total` | 单条评审记录的总分，通常由多维度按权重自动算出并写入 `**payload_json**`                                                                   |
 | `team_sum`   | 某报名下 **已提交评审** 的 `line_total` **求和**                                                                            |
 | `team_avg`   | 某报名下 **已提交评审** 的 `line_total` 之 **算术平均**；分母 = **已提交人数**                                                         |
@@ -63,7 +63,7 @@
 ### 2.3 管理员（Admin Users）
 
 - 登录管理后台：支持 **账号 + 密码** 与 **手机号 + 短信验证码** **两种方式**（可并存，具体策略如「首次强制改密」由实现约定）
-- 经 **角色与权限** 控制菜单与接口（RBAC 仅挂管理员）；**侧栏与可访问路由**由服务端按权限返回菜单树、前端 **`router.addRoute`** 动态注册，与 **FR-S-05**、《技术选型与规范》**§3.4** 一致
+- 经 **角色与权限** 控制菜单与接口（RBAC 仅挂管理员）；**侧栏与可访问路由**由服务端按权限返回菜单树、前端 `**router.addRoute`** 动态注册，与 **FR-S-05**、《技术选型与规范》**§3.4** 一致
 - 使用 **赛事切换器** 将列表与操作限定在 **当前赛事**（除全局系统项外）
 
 ---
@@ -75,7 +75,7 @@
 **未触发**下文任一锁定条件时，选手 **可保存草稿、修改字段与附件，并可多次正式提交**（后一次提交覆盖当前已提交内容，状态仍以服务端为准）。**仅当**满足 **任一** 锁定条件时，**禁止**选手对报名表进行 **修改、保存草稿变更、上传/删除附件与再次提交**（API 与前端均需拦截并提示一致文案）：
 
 1. **报名已截止**：当前时间晚于本场赛事配置的 **报名截止时间**（见 `competition.signup_close_at`；**未配置截止时间** 时不在本条拦截，但仍可能因条件 2 锁定）。
-2. **已被评分**：该 **报名记录** 已存在 **至少一条** 评审侧落库记录，表示 **已有评委评审/打分**（产品口径与《数据结构说明》§3.7 一致；**cxxfds-service** 当前以 **`application_review_records`** 是否存在行判定；**远期**可与 **`application_review_scores`** 合并为以正式评分为准的唯一来源）。
+2. **已被评分**：该 **报名记录** 已存在 **至少一条** 评审侧落库记录，表示 **已有评委评审/打分**（产品口径与《数据结构说明》§3.7 一致；**cxxfds-service** 当前以 `**application_review_records`** 是否存在行判定；**远期**可与 `**application_review_scores`** 合并为以正式评分为准的唯一来源）。
 
 > 草稿与已提交：在锁定前，**草稿保存与再次完整提交** 均允许；截止或已评分后与正式提交一并锁定。
 
@@ -138,13 +138,13 @@
 ### 3.5 系统管理（后台）
 
 
-| ID      | 需求描述                     | 优先级 |
-| ------- | ------------------------ | --- |
-| FR-S-01 | **选手管理**：列表、禁用、备注、关联报名查看 | 高   |
-| FR-S-02 | **管理员账号** + **角色与权限**    | 高   |
-| FR-S-03 | **操作审计日志**               | 中   |
-| FR-S-04 | **系统参数**（上传限制、短信开关等）     | 中   |
-| FR-S-05 | **动态菜单与动态路由**：管理后台左侧菜单（含 **系统管理** 下子项）由登录后接口按当前管理员 **角色权限** 返回菜单树；前端 **Vue Router** 使用 **`addRoute`** 动态注册业务路由，与侧栏递归渲染一致；无权限路由不可通过直接输入 URL 绕过（前端守卫 + 后端鉴权） | 高   |
+| ID      | 需求描述                                                                                                                                                       | 优先级 |
+| ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | --- |
+| FR-S-01 | **选手管理**：列表、禁用、备注、关联报名查看                                                                                                                                   | 高   |
+| FR-S-02 | **管理员账号** + **角色与权限**                                                                                                                                      | 高   |
+| FR-S-03 | **操作审计日志**                                                                                                                                                 | 中   |
+| FR-S-04 | **系统参数**（上传限制、短信开关等）                                                                                                                                       | 中   |
+| FR-S-05 | **动态菜单与动态路由**：管理后台左侧菜单（含 **系统管理** 下子项）由登录后接口按当前管理员 **角色权限** 返回菜单树；前端 **Vue Router** 使用 `**addRoute`** 动态注册业务路由，与侧栏递归渲染一致；无权限路由不可通过直接输入 URL 绕过（前端守卫 + 后端鉴权） | 高   |
 
 
 ### 3.6 前台（选手端）
@@ -195,7 +195,7 @@
 - `reviewer_scopes`：`(reviewer_id, competition_id, track_code)` 唯一
 - `track_code` 须与 `competition_tracks` 业务一致（应用层或约束）
 - `**competitions`**：`review_form_schema_id`、`scoring_rules_json` 均可选；**空配置** 时 **评审 Schema / 计分** 回退 **系统默认**（见《评审评分-自定义表单与计分规则.md》§2～4）
-- **评分表**（设计约定，名称示例 `application_review_scores`）：`(application_id, reviewer_id)` **唯一**；存 `**review_schema_id`、`payload_json`（含 `line_total`）** 及时间戳；可选 `**score`** 兼容单列查询。**产品口径**上用于判定 §2a.1「已被评分」。**实现注意**：`cxxfds-service` 另见 **`application_review_records`**（仅存 `application_id` 等），与 §2a.1 条件 2 对齐；`application_review_scores` 落库后建议与之统一或合并判定，避免双源。不设「评审通过/驳回」状态列。详见《数据结构说明》**§3.7、§3.9**。
+- **评分表**（设计约定，名称示例 `application_review_scores`）：`(application_id, reviewer_id)` **唯一**；存 `**review_schema_id`、`payload_json`（含 `line_total`）** 及时间戳；可选 `**score`** 兼容单列查询。**产品口径**上用于判定 §2a.1「已被评分」。**实现注意**：`cxxfds-service` 另见 `**application_review_records`**（仅存 `application_id` 等），与 §2a.1 条件 2 对齐；`application_review_scores` 落库后建议与之统一或合并判定，避免双源。不设「评审通过/驳回」状态列。详见《数据结构说明》**§3.7、§3.9**。
 - 详细表结构见《数据结构说明.md》与《后台管理-菜单与数据库设计.md》
 
 ---
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..2836060
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,2113 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>2026江苏省新消费创新创业大赛</title>
+  <style>
+    :root {
+      --blue-950: #061a42;
+      --blue-900: #08306b;
+      --blue-800: #0b4aa2;
+      --blue-600: #1f74df;
+      --blue-100: #e9f3ff;
+      --cyan: #65d8ff;
+      --gold: #ffd36a;
+      --white: #ffffff;
+      --text: #11213f;
+      --muted: #66789a;
+      --line: rgba(255, 255, 255, 0.18);
+      --shadow: 0 22px 60px rgba(4, 26, 70, 0.22);
+      --radius: 18px;
+      --vh: 1vh;
+      --header-h: clamp(68px, 8.4vh, 92px);
+      --page-gutter: clamp(14px, 3.2vw, 40px);
+      --hero-action-h: clamp(54px, 7vh, 72px);
+      --hero-action-bottom: max(0px, env(safe-area-inset-bottom));
+      --section-bg-base: #11244c;
+      --panel-line: rgba(143,232,255,0.16);
+      --panel-line-soft: rgba(143,232,255,0.1);
+      --copy-strong: rgba(255,255,255,0.92);
+      --copy-soft: rgba(213,225,238,0.72);
+      --section-bg:
+        radial-gradient(ellipse at 18% 0%, rgba(101,216,255,0.1), transparent 42%),
+        radial-gradient(ellipse at 88% 8%, rgba(255,211,106,0.065), transparent 38%),
+        linear-gradient(145deg, rgba(255,255,255,0.045), rgba(255,255,255,0.022)),
+        var(--section-bg-base);
+      --number-font: "DIN Condensed", "DIN Alternate", "Avenir Next Condensed", "Arial Narrow", Arial, sans-serif;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    html {
+      scroll-behavior: smooth;
+    }
+
+    body {
+      margin: 0;
+      color: var(--white);
+      font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
+      -webkit-font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
+      background:
+        linear-gradient(180deg, rgba(7, 35, 87, 0.18) 0%, rgba(4, 18, 48, 0.35) 36%, rgba(3, 14, 40, 0.82) 100%),
+        linear-gradient(135deg, #0b55bc 0%, #073273 42%, #061a42 72%, #031026 100%);
+      min-height: 100vh;
+      min-height: 100svh;
+      overflow-x: hidden;
+    }
+
+    html {
+      background: #031026;
+    }
+
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    .site {
+      position: relative;
+      min-height: 100vh;
+      min-height: 100svh;
+      min-height: 100dvh;
+      overflow: hidden;
+    }
+
+    .site::before {
+      content: "";
+      position: absolute;
+      left: 50%;
+      top: 104vh;
+      width: max(1080px, 110vw);
+      height: 860px;
+      transform: translateX(-50%);
+      background:
+        radial-gradient(ellipse at 18% 18%, rgba(101,216,255,0.16), transparent 42%),
+        radial-gradient(ellipse at 82% 34%, rgba(207,73,255,0.11), transparent 46%),
+        radial-gradient(ellipse at 52% 78%, rgba(255,211,106,0.08), transparent 46%);
+      pointer-events: none;
+      z-index: 0;
+    }
+
+    .site::after {
+      content: "";
+      position: absolute;
+      left: 50%;
+      top: 116vh;
+      width: max(960px, 88vw);
+      height: 520px;
+      border-radius: 50%;
+      transform: translateX(-50%) rotate(-10deg);
+      background:
+        repeating-radial-gradient(ellipse at center, rgba(101,216,255,0.12) 0 1px, transparent 1px 18px);
+      opacity: 0.26;
+      mask-image: radial-gradient(ellipse at center, rgba(0,0,0,0.72), transparent 72%);
+      pointer-events: none;
+      z-index: 0;
+    }
+
+    .site-header {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 20;
+      border-bottom: 0;
+      background: transparent;
+      backdrop-filter: none;
+      box-shadow: none;
+    }
+
+    .site-header-inner,
+    .section-inner {
+      width: min(1200px, calc(100% - var(--page-gutter) * 2));
+      margin: 0 auto;
+    }
+
+    .section-inner {
+      position: relative;
+      z-index: 1;
+    }
+
+    .site-header-inner {
+      min-height: var(--header-h);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 28px;
+    }
+
+    .brand {
+      display: none;
+      align-items: center;
+      gap: 16px;
+      min-width: 0;
+    }
+
+    .site-header-inner {
+      justify-content: flex-end;
+    }
+
+    .brand-mark {
+      width: 54px;
+      height: 54px;
+      flex: 0 0 auto;
+      border-radius: 16px;
+      background:
+        linear-gradient(145deg, rgba(255,255,255,0.22), rgba(255,255,255,0) 34%),
+        linear-gradient(135deg, rgba(6, 154, 255, 0.92) 0%, rgba(32, 87, 222, 0.9) 52%, rgba(18, 27, 91, 0.86) 100%);
+      box-shadow:
+        inset 0 0 0 1px rgba(255,255,255,0.42),
+        inset 0 -12px 26px rgba(2, 15, 52, 0.34),
+        0 12px 30px rgba(31, 116, 223, 0.22);
+      display: grid;
+      place-items: center;
+      overflow: hidden;
+    }
+
+    .brand-logo {
+      display: block;
+      width: 42px;
+      height: 42px;
+    }
+
+    .brand-text {
+      min-width: 0;
+      font-weight: 800;
+      font-size: 22px;
+      letter-spacing: 0;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      text-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
+    }
+
+    .nav {
+      display: flex;
+      align-items: center;
+      gap: clamp(12px, 3vw, 36px);
+      flex: 0 0 auto;
+    }
+
+    .nav a {
+      position: relative;
+      padding: 8px 0;
+      color: rgba(255,255,255,0.86);
+      font-size: clamp(13px, 1.35vw, 18px);
+      font-weight: 700;
+    }
+
+    .nav a:hover,
+    .nav a:focus {
+      color: #fff;
+    }
+
+    .nav a::after {
+      content: "";
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      height: 2px;
+      border-radius: 999px;
+      background: linear-gradient(90deg, #65d8ff, #fff);
+      opacity: 0;
+      transform: translateY(4px);
+      transition: opacity 0.18s ease, transform 0.18s ease;
+    }
+
+    .nav a:hover::after,
+    .nav a:focus::after {
+      opacity: 1;
+      transform: translateY(0);
+    }
+
+    .hero {
+      position: relative;
+      min-height: 100vh;
+      min-height: 100svh;
+      min-height: 100dvh;
+      min-height: calc(var(--vh) * 100);
+      padding: calc(var(--header-h) + clamp(12px, 2.6vh, 30px)) 0 clamp(38px, 6vh, 62px);
+      isolation: isolate;
+      background:
+        radial-gradient(ellipse at 78% 22%, rgba(255,211,106,0.14), transparent 42%),
+        radial-gradient(ellipse at 24% 72%, rgba(255,211,106,0.08), transparent 46%),
+        radial-gradient(ellipse at 50% 50%, rgba(13, 84, 162, 0.24), transparent 58%),
+        linear-gradient(128deg, #073b74 0%, #052d62 34%, #071f50 68%, #041433 100%);
+      overflow: hidden;
+    }
+
+    .hero-grid {
+      position: relative;
+      min-height: max(360px, calc(var(--vh) * 100 - var(--header-h) - clamp(190px, 26vh, 240px)));
+      display: grid;
+      grid-template-columns: 1fr;
+      align-items: center;
+      text-align: center;
+    }
+
+    .eyebrow {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      border: 1px solid rgba(255,255,255,0.22);
+      border-radius: 999px;
+      padding: 8px 13px;
+      color: rgba(255,255,255,0.88);
+      background: rgba(255,255,255,0.08);
+      font-size: 14px;
+    }
+
+    .hero-lockup {
+      position: relative;
+      width: min(1180px, 100%);
+      margin: 0 auto;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      padding-bottom: 0;
+    }
+
+    .hero-meta {
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      gap: clamp(10px, 1.2vw, 18px);
+      margin-bottom: clamp(4px, 0.8vw, 10px);
+      margin-left: auto;
+      margin-right: auto;
+      color: rgba(255,255,255,0.78);
+      font-family: Arial, "Helvetica Neue", sans-serif;
+      font-size: clamp(11px, 0.92vw, 14px);
+      font-weight: 700;
+      line-height: 1;
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+    }
+
+    .hero-meta::before {
+      content: none;
+    }
+
+    .hero-meta-year {
+      position: relative;
+      flex: 0 0 auto;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      min-width: 0;
+      min-height: 0;
+      padding: 0;
+      color: transparent;
+      font-size: clamp(24px, 2.8vw, 38px);
+      font-family: var(--number-font);
+      font-weight: 900;
+      line-height: 1;
+      letter-spacing: 0;
+      pointer-events: auto;
+      transform: skewX(-8deg);
+      background:
+        linear-gradient(180deg, #fff6cf 0%, #ffd36a 48%, #8fe8ff 100%);
+      -webkit-background-clip: text;
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+      -webkit-text-stroke: 0;
+      opacity: 1;
+      text-shadow:
+        0 0 16px rgba(255,211,106,0.22),
+        0 10px 26px rgba(0,0,0,0.22);
+    }
+
+    .hero-meta-year::before,
+    .hero-meta-year::after {
+      content: none;
+    }
+
+    .hero-meta-en {
+      max-width: min(460px, 44vw);
+      color: rgba(205,224,245,0.46);
+      opacity: 1;
+      font-size: clamp(10px, 0.82vw, 12px);
+      font-weight: 700;
+      letter-spacing: 0.04em;
+      line-height: 1.25;
+      text-align: center;
+    }
+
+    .hero-title-main {
+      position: relative;
+      margin: clamp(14px, 2.2vh, 26px) 0 0;
+      display: flex;
+      flex-direction: column;
+      gap: clamp(4px, 0.7vw, 10px);
+      color: rgba(255,255,255,0.94);
+      font-size: clamp(40px, 5.6vw, 86px);
+      line-height: 1;
+      font-weight: 900;
+      letter-spacing: 0;
+      text-shadow:
+        0 20px 46px rgba(0,0,0,0.42),
+        0 0 28px rgba(101,216,255,0.18),
+        0 0 2px rgba(255,255,255,0.38);
+      -webkit-text-stroke: 1px rgba(255,255,255,0.12);
+    }
+
+    .hero-title-main::before {
+      content: none;
+      position: absolute;
+      left: 50%;
+      top: 52%;
+      width: 108%;
+      height: 92%;
+      border-radius: 50%;
+      background:
+        radial-gradient(ellipse at center, rgba(101,216,255,0.14), transparent 58%),
+        radial-gradient(ellipse at 60% 68%, rgba(255,211,106,0.1), transparent 54%);
+      filter: blur(20px);
+      transform: translate(-50%, -50%);
+      pointer-events: none;
+      z-index: -1;
+    }
+
+    .hero-title-main span {
+      position: relative;
+      display: block;
+      filter: none;
+      overflow-wrap: anywhere;
+    }
+
+    .hero-title-main span::before {
+      content: none;
+    }
+
+    .hero-title-main span:first-child {
+      transform: translateX(clamp(-46px, -3.4vw, -18px));
+      background: linear-gradient(180deg, #ffffff 0%, #eef9ff 48%, #c9ecff 100%);
+      -webkit-background-clip: text;
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .hero-title-main span:last-child {
+      transform: translateX(clamp(18px, 2.6vw, 40px));
+      background: linear-gradient(90deg, #ffffff 0%, #eaf9ff 42%, #ffd36a 72%, #fff1bd 100%);
+      -webkit-background-clip: text;
+      background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+
+    .hero-lead {
+      max-width: 760px;
+      margin: clamp(16px, 2vw, 24px) auto 0;
+      color: rgba(255,255,255,0.74);
+      font-size: clamp(15px, 1.25vw, 18px);
+      line-height: 1.65;
+      text-shadow: 0 10px 30px rgba(0,0,0,0.28);
+    }
+
+    .hero-orgs {
+      width: min(1000px, 100%);
+      margin: clamp(12px, 1.8vw, 20px) auto 0;
+      display: grid;
+      grid-template-columns: 1fr;
+      gap: 3px;
+      color: rgba(232,241,255,0.72);
+      font-size: clamp(11px, 0.92vw, 13px);
+      font-weight: 500;
+      line-height: 1.52;
+      text-align: center;
+      text-shadow: 0 10px 26px rgba(0,0,0,0.28);
+    }
+
+    .hero-orgs p {
+      margin: 0;
+      padding: 0;
+    }
+
+    .hero-orgs strong {
+      color: rgba(255,244,204,0.82);
+      font-weight: 700;
+    }
+
+    .hero-actions {
+      width: min(720px, calc(100% - var(--page-gutter) * 2));
+      position: relative;
+      left: auto;
+      right: auto;
+      bottom: auto;
+      display: flex;
+      flex-wrap: nowrap;
+      justify-content: center;
+      align-items: center;
+      gap: clamp(18px, 4vw, 48px);
+      margin: clamp(28px, 4.5vh, 46px) auto 0;
+      padding: 0;
+      background: transparent;
+      backdrop-filter: none;
+    }
+
+    .hero-actions::before {
+      content: none;
+    }
+
+    .btn {
+      position: relative;
+      display: inline-flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      flex: 0 0 clamp(78px, 8.6vw, 118px);
+      width: clamp(78px, 8.6vw, 118px);
+      aspect-ratio: 1;
+      min-width: 0;
+      min-height: 0;
+      border-radius: 50%;
+      padding: clamp(12px, 1.45vw, 18px);
+      font-size: clamp(13px, 1.08vw, 18px);
+      font-weight: 800;
+      letter-spacing: 0;
+      line-height: 1.12;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: rgba(255,255,255,0.96);
+      border: 0;
+      border: 1px solid rgba(143,232,255,0.24);
+      background:
+        radial-gradient(circle at 50% 24%, rgba(143,232,255,0.13), transparent 54%),
+        rgba(6, 42, 88, 0.74);
+      box-shadow:
+        0 0 0 clamp(7px, 0.95vw, 12px) rgba(14,95,137,0.28),
+        0 0 0 clamp(8px, 1.05vw, 13px) rgba(143,232,255,0.12),
+        0 20px 42px rgba(0,0,0,0.22);
+      backdrop-filter: none;
+      transform: none;
+      transition: transform 0.22s ease, color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
+    }
+
+    .btn:first-child {
+      order: 1;
+      text-align: center;
+    }
+
+    .hero-actions .btn-ghost {
+      margin-top: 0;
+      transform: none;
+      order: 3;
+      text-align: center;
+    }
+
+    .btn-signup {
+      order: 2;
+      border-color: rgba(255,211,106,0.28);
+      background:
+        radial-gradient(circle at 50% 22%, rgba(255,211,106,0.14), transparent 54%),
+        rgba(14, 84, 104, 0.78);
+      box-shadow:
+        0 0 0 clamp(8px, 1.08vw, 14px) rgba(24,126,139,0.32),
+        0 0 0 clamp(9px, 1.18vw, 15px) rgba(255,211,106,0.12),
+        0 0 30px rgba(255,211,106,0.14),
+        0 22px 46px rgba(0,0,0,0.24);
+    }
+
+    .action-label {
+      display: block;
+      color: #fff;
+      text-align: center;
+      text-shadow: 0 8px 20px rgba(0,0,0,0.25);
+    }
+
+    .btn::after {
+      content: none;
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: -5px;
+      height: 1px;
+      background: linear-gradient(90deg, transparent, rgba(101,216,255,0.5), transparent);
+      opacity: 0;
+      pointer-events: none;
+      transition: opacity 0.22s ease;
+    }
+
+    .btn::before {
+      content: none;
+    }
+
+    .btn:hover,
+    .btn:focus {
+      color: #fff;
+      transform: translateY(-4px);
+      background:
+        radial-gradient(circle at 50% 24%, rgba(255,211,106,0.13), transparent 58%),
+        rgba(10, 74, 122, 0.88);
+      box-shadow:
+        0 0 0 clamp(7px, 0.95vw, 12px) rgba(23,119,151,0.38),
+        0 0 0 clamp(8px, 1.05vw, 13px) rgba(255,211,106,0.14),
+        0 22px 46px rgba(0,0,0,0.26);
+    }
+
+    .btn:hover::after,
+    .btn:focus::after {
+      opacity: 1;
+    }
+
+    .btn:hover::before,
+    .btn:focus::before {
+      content: none;
+    }
+
+    .track-field {
+      position: absolute;
+      inset: -6%;
+      z-index: -1;
+      pointer-events: none;
+    }
+
+    .track-composite {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      width: max(1260px, 118vw);
+      height: auto;
+      transform: translate(-50%, -50%) scale(1.04);
+      opacity: 0.62;
+      mix-blend-mode: screen;
+      filter: drop-shadow(0 0 26px rgba(101,216,255,0.12));
+    }
+
+    .track-focus {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      width: min(980px, 76vw);
+      height: min(500px, 48vw);
+      border-radius: 50%;
+      background:
+        radial-gradient(ellipse at center, rgba(3, 18, 48, 0.58) 0%, rgba(3, 18, 48, 0.32) 34%, rgba(3, 18, 48, 0.1) 58%, transparent 78%);
+      filter: blur(8px);
+      transform: translate(-50%, -50%);
+    }
+
+    .section {
+      position: relative;
+      z-index: 1;
+      padding: clamp(74px, 9vw, 124px) 0;
+      background: var(--section-bg);
+      scroll-margin-top: var(--header-h);
+      overflow: hidden;
+    }
+
+    #about {
+      background:
+        radial-gradient(ellipse at 9% 18%, rgba(84,195,174,0.22), transparent 38%),
+        radial-gradient(ellipse at 86% 20%, rgba(255,211,106,0.065), transparent 34%),
+        linear-gradient(148deg, rgba(25,72,75,0.86) 0%, rgba(18,45,68,0.9) 42%, rgba(18,29,64,0.98) 100%),
+        #11283e;
+    }
+
+    #guide {
+      background:
+        radial-gradient(ellipse at 10% 12%, rgba(255,211,106,0.1), transparent 34%),
+        radial-gradient(ellipse at 84% 10%, rgba(101,216,255,0.075), transparent 36%),
+        linear-gradient(154deg, rgba(83,70,116,0.24) 0%, rgba(36,47,68,0.9) 46%, rgba(17,25,49,0.98) 100%),
+        #171f38;
+    }
+
+    .hero + .section {
+      padding-top: clamp(74px, 9vw, 124px);
+    }
+
+    .section::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      z-index: 0;
+      background:
+        linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,0.035) 38.2%, transparent 38.5% 100%),
+        repeating-linear-gradient(118deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 120px);
+      opacity: 0.22;
+      pointer-events: none;
+      mix-blend-mode: screen;
+    }
+
+    .hero + .section .section-card {
+      background: transparent;
+      border-color: transparent;
+      box-shadow: none;
+      backdrop-filter: none;
+    }
+
+    .hero + .section .section-card::before {
+      content: none;
+    }
+
+    .section[id="guide"] .section-card {
+      background: transparent;
+      border-color: transparent;
+      box-shadow: none;
+      backdrop-filter: none;
+    }
+
+    .section[id="guide"] .section-card::before {
+      content: none;
+    }
+
+    .section::before {
+      content: none;
+      position: absolute;
+      left: 50%;
+      top: 0;
+      width: min(1180px, calc(100% - var(--page-gutter) * 2));
+      height: 1px;
+      transform: translateX(-50%);
+      background: linear-gradient(90deg, transparent, rgba(101,216,255,0.34), rgba(255,211,106,0.18), transparent);
+      opacity: 0.78;
+      pointer-events: none;
+    }
+
+    .section-card {
+      position: relative;
+      border: 1px solid var(--panel-line);
+      border-top-color: transparent;
+      border-radius: 2px;
+      background: var(--section-bg);
+      box-shadow:
+        inset 0 1px 0 rgba(255,255,255,0.08),
+        0 26px 72px rgba(0, 12, 44, 0.24);
+      color: rgba(255,255,255,0.9);
+      overflow: hidden;
+      backdrop-filter: blur(18px);
+    }
+
+    .section-card::before {
+      content: "";
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      height: 1px;
+      background: linear-gradient(90deg, rgba(255,211,106,0.62), rgba(101,216,255,0.46), transparent 72%);
+      opacity: 0.68;
+    }
+
+    .section-head {
+      position: relative;
+      z-index: 1;
+      display: flex;
+      align-items: end;
+      justify-content: space-between;
+      gap: 18px;
+      min-height: clamp(112px, 10vw, 150px);
+      padding: 0 clamp(18px, 3vw, 30px) clamp(28px, 3vw, 42px);
+      overflow: visible;
+    }
+
+    .section-kicker {
+      position: absolute;
+      right: clamp(16px, 3vw, 30px);
+      bottom: -0.12em;
+      z-index: 0;
+      color: rgba(101,216,255,0.62);
+      font-weight: 800;
+      font-size: clamp(62px, 12vw, 142px);
+      line-height: 0.78;
+      letter-spacing: 0;
+      opacity: 0.12;
+      pointer-events: none;
+    }
+
+    .section-title {
+      position: relative;
+      z-index: 2;
+      margin: 0;
+      font-size: clamp(24px, 2.8vw, 36px);
+      line-height: 1.3;
+      font-weight: 850;
+      color: rgba(255,255,255,0.96);
+      text-shadow: 0 14px 34px rgba(0,0,0,0.28);
+    }
+
+    .section-title::after {
+      content: "";
+      display: block;
+      width: clamp(58px, 8vw, 104px);
+      height: 2px;
+      margin-top: 14px;
+      background: linear-gradient(90deg, rgba(255,211,106,0.78), rgba(101,216,255,0.52), transparent);
+    }
+
+    .section-card > :not(.section-head) {
+      position: relative;
+      z-index: 2;
+    }
+
+    .info-grid {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 18px;
+      padding: clamp(18px, 3vw, 30px);
+    }
+
+    .info-item {
+      border: 1px solid rgba(255,255,255,0.14);
+      border-radius: 14px;
+      padding: 18px;
+      background:
+        radial-gradient(ellipse at 18% 0%, rgba(101,216,255,0.12), transparent 58%),
+        rgba(255,255,255,0.055);
+    }
+
+    .info-item.full {
+      grid-column: 1 / -1;
+    }
+
+    .info-item h3 {
+      margin: 0 0 10px;
+      color: rgba(143,232,255,0.92);
+      font-size: 16px;
+      line-height: 1.4;
+    }
+
+    .info-item p {
+      margin: 0;
+      color: rgba(255,255,255,0.76);
+      line-height: 1.75;
+    }
+
+    .track-list {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: clamp(12px, 1.6vw, 18px);
+      margin-top: 0;
+      padding: 0 clamp(18px, 3vw, 30px) clamp(20px, 3vw, 30px);
+    }
+
+    .track-item {
+      position: relative;
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr);
+      gap: clamp(13px, 1.8vw, 22px);
+      align-items: start;
+      min-height: clamp(164px, 15vw, 206px);
+      padding: clamp(22px, 2.6vw, 32px);
+      border: 1px solid rgba(143,232,255,0.14);
+      background:
+        radial-gradient(ellipse at 8% 0%, rgba(255,211,106,0.08), transparent 42%),
+        linear-gradient(145deg, rgba(90,198,176,0.13), rgba(255,255,255,0.016));
+      overflow: hidden;
+      box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
+    }
+
+    .track-item::before {
+      content: none;
+      position: absolute;
+      right: clamp(16px, 2.4vw, 28px);
+      bottom: clamp(10px, 1.4vw, 18px);
+      color: rgba(101,216,255,0.12);
+      font-family: var(--number-font);
+      font-size: clamp(54px, 8vw, 112px);
+      font-weight: 900;
+      line-height: 0.8;
+      letter-spacing: 0;
+      pointer-events: none;
+    }
+
+    .track-item::after {
+      content: "";
+      position: absolute;
+      left: clamp(20px, 2.8vw, 34px);
+      right: clamp(20px, 2.8vw, 34px);
+      top: 0;
+      height: 1px;
+      background: linear-gradient(90deg, rgba(255,211,106,0.64), rgba(101,216,255,0.36), transparent 76%);
+      opacity: 0.55;
+    }
+
+    .track-item:hover {
+      border-color: rgba(255,211,106,0.22);
+      background:
+        radial-gradient(ellipse at 8% 0%, rgba(255,211,106,0.1), transparent 42%),
+        linear-gradient(145deg, rgba(90,198,176,0.16), rgba(255,255,255,0.022));
+    }
+
+    .track-code {
+      position: relative;
+      display: inline-grid;
+      place-items: center;
+      width: clamp(46px, 4.4vw, 62px);
+      height: clamp(46px, 4.4vw, 62px);
+      border: 1px solid rgba(255,211,106,0.34);
+      border-radius: 50%;
+      color: rgba(255,225,154,0.92);
+      font-family: var(--number-font);
+      font-size: clamp(16px, 1.5vw, 22px);
+      font-weight: 900;
+      line-height: 1;
+      letter-spacing: 0.03em;
+      background:
+        radial-gradient(circle at center, rgba(255,211,106,0.2) 0 2px, transparent 3px),
+        rgba(101,216,255,0.035);
+      box-shadow:
+        0 0 18px rgba(101,216,255,0.1);
+    }
+
+    .track-code::before,
+    .track-code::after {
+      content: "";
+      position: absolute;
+      pointer-events: none;
+      border-radius: 50%;
+    }
+
+    .track-code::before {
+      inset: -5px;
+      border: 1px solid transparent;
+      border-top-color: rgba(101,216,255,0.28);
+      border-right-color: rgba(101,216,255,0.28);
+      transform: rotate(-22deg);
+    }
+
+    .track-code::after {
+      left: calc(100% + 7px);
+      top: 50%;
+      width: clamp(16px, 2.2vw, 28px);
+      height: 1px;
+      border-radius: 0;
+      background: linear-gradient(90deg, rgba(255,211,106,0.46), transparent);
+      transform: translateY(-50%);
+      opacity: 0.82;
+    }
+
+    .track-copy {
+      position: relative;
+      z-index: 1;
+    }
+
+    .track-name {
+      color: rgba(255,255,255,0.98);
+      font-size: clamp(20px, 2.1vw, 28px);
+      font-weight: 800;
+      line-height: 1.25;
+      white-space: nowrap;
+      text-shadow: 0 10px 24px rgba(0,0,0,0.24);
+      margin-bottom: clamp(10px, 1.4vw, 16px);
+    }
+
+    .track-desc {
+      margin: 0;
+      max-width: 36em;
+      color: rgba(218,230,236,0.72);
+      font-size: clamp(14px, 1.04vw, 16px);
+      font-weight: 500;
+      line-height: 1.68;
+    }
+
+    .timeline,
+    .award-grid,
+    .requirements {
+      padding: 0 clamp(18px, 3vw, 30px);
+    }
+
+    .timeline {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: clamp(10px, 1.4vw, 18px);
+      position: relative;
+      margin-top: 0;
+      padding-bottom: clamp(28px, 3.4vw, 44px);
+    }
+
+    .timeline::before {
+      content: "";
+      position: absolute;
+      left: clamp(36px, 5vw, 60px);
+      right: clamp(36px, 5vw, 60px);
+      top: clamp(34px, 4vw, 45px);
+      height: 1px;
+      background: linear-gradient(90deg, rgba(255,211,106,0.62), rgba(101,216,255,0.36), rgba(255,255,255,0.08));
+      opacity: 0.72;
+      pointer-events: none;
+    }
+
+    .timeline-step {
+      position: relative;
+      border-radius: 0;
+      padding: clamp(18px, 2vw, 24px) 0 0;
+      color: #fff;
+      background: transparent;
+      border: 0;
+      min-height: 132px;
+      overflow: hidden;
+    }
+
+    .timeline-step::after {
+      content: none;
+    }
+
+    .timeline-step span {
+      display: inline-grid;
+      place-items: center;
+      width: 34px;
+      height: 34px;
+      border-radius: 999px;
+      background: #151b35;
+      border: 1px solid rgba(255,211,106,0.38);
+      color: #ffe19a;
+      font-family: var(--number-font);
+      font-size: 20px;
+      font-weight: 800;
+      line-height: 1;
+      letter-spacing: 0.02em;
+      padding-top: 0.08em;
+      margin-bottom: 18px;
+      box-shadow: 0 0 0 8px rgba(17,36,76,0.92), 0 0 22px rgba(255,211,106,0.1);
+    }
+
+    .timeline-step h3 {
+      margin: 0 0 8px;
+      font-size: clamp(17px, 1.35vw, 20px);
+      line-height: 1.35;
+    }
+
+    .timeline-step p {
+      margin: 0;
+      color: rgba(205,224,245,0.7);
+      line-height: 1.5;
+    }
+
+    .city-list {
+      position: relative;
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0;
+      width: max-content;
+      max-width: 100%;
+      margin-top: 13px;
+      padding: 4px 0;
+      isolation: isolate;
+    }
+
+    .city-list::before {
+      content: "";
+      position: absolute;
+      left: 13px;
+      right: 13px;
+      top: 50%;
+      height: 1px;
+      transform: translateY(-50%);
+      background: linear-gradient(90deg, rgba(255,211,106,0.18), rgba(143,232,255,0.36), rgba(255,211,106,0.18));
+      box-shadow: 0 0 14px rgba(143,232,255,0.16);
+      z-index: 0;
+    }
+
+    .timeline-step .city-pill {
+      position: relative;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 39px;
+      height: 39px;
+      min-height: 0;
+      margin: 0;
+      padding: 0;
+      border: 1px solid rgba(255,211,106,0.44);
+      border-radius: 999px;
+      color: rgba(255,244,204,0.94);
+      background:
+        radial-gradient(circle at 32% 24%, rgba(255,244,204,0.28), transparent 34%),
+        radial-gradient(circle at 76% 82%, rgba(143,232,255,0.13), transparent 42%),
+        linear-gradient(145deg, rgba(255,211,106,0.12), rgba(13,57,107,0.6));
+      box-shadow:
+        inset 0 1px 0 rgba(255,255,255,0.18),
+        inset 0 -8px 14px rgba(2,16,43,0.28),
+        0 0 0 4px rgba(12,42,91,0.5),
+        0 10px 22px rgba(0,0,0,0.18),
+        0 0 18px rgba(255,211,106,0.08);
+      font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 1;
+      letter-spacing: 0;
+      white-space: nowrap;
+      z-index: 1;
+    }
+
+    .timeline-step .city-pill::before {
+      content: "";
+      position: absolute;
+      inset: 4px;
+      border-radius: inherit;
+      border: 1px solid rgba(255,244,204,0.12);
+      pointer-events: none;
+    }
+
+    .timeline-step .city-pill::after {
+      content: "";
+      position: absolute;
+      left: 50%;
+      top: -4px;
+      width: 5px;
+      height: 5px;
+      border-radius: 999px;
+      transform: translateX(-50%);
+      background: rgba(255,211,106,0.9);
+      box-shadow: 0 0 10px rgba(255,211,106,0.5);
+      pointer-events: none;
+    }
+
+    .timeline-step .city-pill + .city-pill {
+      margin-left: -4px;
+    }
+
+    .timeline-step .city-pill:nth-child(2) {
+      transform: translateY(2px);
+      z-index: 2;
+    }
+
+    .timeline-step .city-pill:nth-child(3) {
+      transform: translateY(-1px);
+      z-index: 3;
+    }
+
+    .timeline-step .city-pill:nth-child(4) {
+      transform: translateY(1px);
+      z-index: 4;
+    }
+
+    .timeline-step .city-pill:nth-child(even) {
+      border-color: rgba(143,232,255,0.34);
+      background:
+        radial-gradient(circle at 32% 24%, rgba(255,244,204,0.22), transparent 34%),
+        radial-gradient(circle at 76% 82%, rgba(143,232,255,0.18), transparent 42%),
+        linear-gradient(145deg, rgba(143,232,255,0.1), rgba(13,57,107,0.64));
+    }
+
+    .award-grid {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 0;
+      padding-top: clamp(16px, 2.2vw, 26px);
+      padding-bottom: clamp(22px, 3vw, 36px);
+      border-top: 1px solid rgba(143,232,255,0.11);
+    }
+
+    .award {
+      position: relative;
+      border: 0;
+      border-radius: 0;
+      padding: clamp(18px, 2.1vw, 26px) clamp(14px, 2vw, 24px);
+      background: linear-gradient(180deg, rgba(255,211,106,0.045), transparent 58%);
+      overflow: hidden;
+    }
+
+    .award + .award {
+      border-left: 1px solid rgba(143,232,255,0.12);
+    }
+
+    .award::after {
+      content: "";
+      position: absolute;
+      left: clamp(12px, 2vw, 24px);
+      right: clamp(12px, 2vw, 24px);
+      top: -1px;
+      height: 1px;
+      background: linear-gradient(90deg, rgba(255,211,106,0.58), rgba(101,216,255,0.28), transparent);
+    }
+
+    .award h3 {
+      margin: 0 0 12px;
+      font-size: clamp(17px, 1.35vw, 20px);
+      color: rgba(255,255,255,0.92);
+    }
+
+    .award strong {
+      display: inline-grid;
+      place-items: center;
+      color: #ffd36a;
+      font-size: clamp(28px, 2.6vw, 38px);
+      font-family: var(--number-font);
+      font-weight: 900;
+      line-height: 1;
+      letter-spacing: 0.02em;
+      margin-bottom: 10px;
+    }
+
+    .award p {
+      margin: 0;
+      color: rgba(255,255,255,0.74);
+      line-height: 1.62;
+    }
+
+    .timeline + .award-grid,
+    .award-grid + .requirements {
+      padding-top: clamp(16px, 2vw, 24px);
+    }
+
+    .requirements {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: clamp(18px, 2vw, 28px);
+      padding-top: clamp(6px, 1vw, 12px);
+      padding-bottom: clamp(24px, 3.2vw, 40px);
+    }
+
+    .requirement-box {
+      position: relative;
+      border-radius: 0;
+      padding: 0 0 0 clamp(18px, 2vw, 28px);
+      border: 0;
+      background: transparent;
+      color: rgba(230,232,240,0.78);
+      line-height: 1.68;
+    }
+
+    .requirement-box::before {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0.55em;
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: #ffd36a;
+      box-shadow: 0 0 18px rgba(255,211,106,0.24);
+    }
+
+    .signup {
+      position: relative;
+      margin-top: clamp(6px, 1.2vw, 14px);
+      border-radius: 0;
+      padding: clamp(22px, 2.6vw, 34px) clamp(20px, 2.8vw, 36px);
+      border: 1px solid rgba(255,211,106,0.16);
+      border-top: 1px solid rgba(255,211,106,0.36);
+      background:
+        radial-gradient(ellipse at 0% 0%, rgba(255,211,106,0.14), transparent 34%),
+        linear-gradient(105deg, rgba(255,211,106,0.07), rgba(98,70,136,0.045) 42%, rgba(101,216,255,0.035) 100%);
+      color: #fff;
+      grid-column: 1 / -1;
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) auto;
+      gap: clamp(18px, 3vw, 36px);
+      align-items: start;
+      box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
+    }
+
+    .signup::before {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: -1px;
+      width: min(220px, 36%);
+      height: 1px;
+      background: linear-gradient(90deg, rgba(255,211,106,0.82), rgba(101,216,255,0.48));
+    }
+
+    .signup h3 {
+      margin: 0 0 10px;
+      font-size: clamp(22px, 2.2vw, 30px);
+      color: rgba(255,244,204,0.96);
+    }
+
+    .signup p {
+      margin: 0;
+      max-width: 68em;
+      line-height: 1.82;
+      color: rgba(255,255,255,0.8);
+    }
+
+    .signup-qr {
+      width: clamp(116px, 10vw, 142px);
+      flex: 0 0 auto;
+      justify-self: end;
+      text-align: center;
+      color: rgba(255,255,255,0.68);
+      font-size: 12px;
+    }
+
+    .qr-mark {
+      position: relative;
+      width: 100%;
+      aspect-ratio: 1;
+      margin-bottom: 10px;
+      border: 1px solid rgba(255,211,106,0.28);
+      background:
+        linear-gradient(135deg, rgba(255,211,106,0.12), rgba(101,216,255,0.08)),
+        rgba(4,18,48,0.36);
+      box-shadow: inset 0 0 0 6px rgba(255,255,255,0.025), 0 0 24px rgba(101,216,255,0.1);
+      overflow: hidden;
+    }
+
+    .qr-corner,
+    .qr-corner::before,
+    .qr-corner::after {
+      position: absolute;
+      display: block;
+      box-sizing: border-box;
+    }
+
+    .qr-corner {
+      width: 28%;
+      height: 28%;
+      border: 5px solid rgba(255,244,204,0.92);
+    }
+
+    .qr-corner::before {
+      content: "";
+      inset: 5px;
+      border: 4px solid rgba(4,18,48,0.95);
+      background: rgba(255,244,204,0.92);
+    }
+
+    .qr-corner.tl {
+      left: 10%;
+      top: 10%;
+    }
+
+    .qr-corner.tr {
+      right: 10%;
+      top: 10%;
+    }
+
+    .qr-corner.bl {
+      left: 10%;
+      bottom: 10%;
+    }
+
+    .qr-dots {
+      position: absolute;
+      left: 48%;
+      top: 48%;
+      width: 6px;
+      height: 6px;
+      background: rgba(255,244,204,0.9);
+      box-shadow:
+        14px 0 rgba(255,244,204,0.9),
+        28px 0 rgba(143,232,255,0.82),
+        0 14px rgba(143,232,255,0.82),
+        21px 14px rgba(255,244,204,0.9),
+        35px 14px rgba(255,244,204,0.78),
+        -14px 28px rgba(255,244,204,0.84),
+        7px 28px rgba(143,232,255,0.78),
+        28px 28px rgba(255,244,204,0.9),
+        42px 28px rgba(143,232,255,0.78),
+        -21px 42px rgba(143,232,255,0.78),
+        0 42px rgba(255,244,204,0.84),
+        21px 42px rgba(255,244,204,0.9);
+    }
+
+    .qr-caption {
+      letter-spacing: 0.08em;
+    }
+
+    .site-footer {
+      position: relative;
+      padding: clamp(26px, 3vw, 38px) 0;
+      color: rgba(255,255,255,0.68);
+      text-align: center;
+      font-size: 14px;
+      background: rgba(3, 16, 38, 0.36);
+    }
+
+    .site-footer::before {
+      content: "";
+      position: absolute;
+      left: 50%;
+      top: 0;
+      width: min(1180px, calc(100% - var(--page-gutter) * 2));
+      height: 1px;
+      transform: translateX(-50%);
+      background: linear-gradient(90deg, transparent, rgba(101,216,255,0.28), rgba(255,211,106,0.16), transparent);
+    }
+
+    .footer-copyright {
+      color: rgba(223,231,241,0.46);
+    }
+
+    @media (max-width: 900px) {
+      :root {
+        --hero-action-h: clamp(52px, 7svh, 64px);
+        --page-gutter: clamp(16px, 4vw, 28px);
+      }
+
+      .brand-mark {
+        width: 46px;
+        height: 46px;
+        border-radius: 13px;
+      }
+
+      .brand-logo {
+        width: 36px;
+        height: 36px;
+      }
+
+      .brand-text {
+        font-size: 17px;
+      }
+
+      .nav {
+        gap: 18px;
+      }
+
+      .nav a {
+        font-size: 14px;
+      }
+
+      .hero-grid {
+        grid-template-columns: 1fr;
+      }
+
+      .hero-lockup {
+        width: min(760px, 100%);
+        align-items: center;
+        text-align: center;
+      }
+
+      .hero-title-main {
+        font-size: clamp(34px, 6.8vw, 50px);
+      }
+
+      .hero-title-main span:first-child {
+        transform: translateX(-18px);
+      }
+
+      .hero-title-main span:last-child {
+        transform: translateX(18px);
+      }
+
+      .hero-lead {
+        margin-left: 0;
+        margin-top: 12px;
+      }
+
+      .hero-actions {
+        width: 100%;
+        gap: clamp(16px, 4vw, 30px);
+        padding-left: clamp(14px, 4vw, 28px);
+        padding-right: clamp(14px, 4vw, 28px);
+      }
+
+      .btn {
+        flex: 0 0 clamp(68px, 18vw, 88px);
+        width: clamp(68px, 18vw, 88px);
+        justify-content: center;
+        text-align: center;
+        font-size: clamp(12px, 2.6vw, 14px);
+      }
+
+      .btn:first-child,
+      .hero-actions .btn-ghost {
+        justify-content: center;
+        text-align: center;
+        padding-left: 0;
+        padding-right: 0;
+      }
+
+      .timeline,
+      .award-grid,
+      .requirements,
+      .info-grid {
+        grid-template-columns: 1fr;
+      }
+
+      .timeline::before {
+        left: 16px;
+        right: auto;
+        top: 34px;
+        bottom: 28px;
+        width: 1px;
+        height: auto;
+        background: linear-gradient(180deg, rgba(255,211,106,0.62), rgba(101,216,255,0.3), transparent);
+      }
+
+      .timeline-step {
+        padding-left: 48px;
+        min-height: 112px;
+      }
+
+      .timeline-step span {
+        position: absolute;
+        left: 0;
+        top: 18px;
+      }
+
+      .track-list {
+        grid-template-columns: 1fr;
+      }
+
+      .track-item {
+        min-height: auto;
+        grid-template-columns: clamp(42px, 7vw, 54px) minmax(0, 1fr);
+      }
+
+      .track-name {
+        white-space: normal;
+      }
+
+      .award + .award {
+        border-left: 0;
+        border-top: 1px solid rgba(143,232,255,0.12);
+      }
+
+      .signup {
+        grid-template-columns: 1fr;
+      }
+
+      .signup-qr {
+        justify-self: start;
+      }
+    }
+
+    @media (max-width: 640px) {
+      :root {
+        --header-h: clamp(42px, 10vw, 56px);
+        --hero-action-h: clamp(48px, 7svh, 56px);
+        --page-gutter: clamp(14px, 4.4vw, 20px);
+      }
+
+      .site-header-inner,
+      .section-inner {
+        width: min(100% - var(--page-gutter) * 2, 1180px);
+      }
+
+      .brand-mark {
+        width: 36px;
+        height: 36px;
+        border-radius: 10px;
+      }
+
+      .brand-logo {
+        width: 29px;
+        height: 29px;
+      }
+
+      .brand-text {
+        font-size: 13px;
+        max-width: 42vw;
+      }
+
+      .nav {
+        gap: 12px;
+        display: none;
+      }
+
+      .nav a {
+        padding: 8px 0;
+        font-size: 13px;
+      }
+
+      .hero-lockup {
+        align-items: center;
+        text-align: center;
+      }
+
+      .hero-grid {
+        min-height: max(330px, calc(var(--vh) * 100 - var(--header-h) - 230px));
+      }
+
+      .hero-meta {
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 9px 12px;
+        margin-bottom: 8px;
+        padding: 0;
+      }
+
+      .hero-meta-year {
+        font-size: clamp(22px, 6.4vw, 31px);
+        letter-spacing: 0;
+        opacity: 1;
+      }
+
+      .hero-meta-en {
+        max-width: 100%;
+        font-size: 10px;
+        letter-spacing: 0.04em;
+        text-align: center;
+      }
+
+      .hero-title-main {
+        width: 100%;
+        font-size: clamp(26px, 7.6vw, 34px);
+        line-height: 1.06;
+        -webkit-text-stroke: 0.5px rgba(255,255,255,0.12);
+      }
+
+      .hero-title-main span::before {
+        -webkit-text-stroke-width: 3px;
+        filter: blur(0.6px);
+      }
+
+      .hero-title-main span:first-child {
+        transform: none;
+      }
+
+      .hero-title-main span:last-child {
+        transform: none;
+      }
+
+      .hero-lead {
+        max-width: 100%;
+        margin: 12px auto 0;
+        font-size: 13px;
+        line-height: 1.5;
+      }
+
+      .hero-orgs {
+        width: min(100%, 560px);
+        grid-template-columns: 1fr;
+        font-size: 10px;
+        line-height: 1.44;
+        gap: 4px;
+      }
+
+      .hero-orgs p {
+        padding: 6px 8px;
+      }
+
+      .hero-actions {
+        width: 100%;
+        bottom: auto;
+        gap: clamp(6px, 2vw, 10px);
+        padding: 0 clamp(18px, 6vw, 28px);
+        background: transparent;
+      }
+
+      .hero-actions::before {
+        content: none;
+      }
+
+      .btn {
+        flex: 0 0 clamp(62px, 19vw, 76px);
+        width: clamp(62px, 19vw, 76px);
+        padding: 9px;
+        min-width: 0;
+        font-size: clamp(10px, 3.2vw, 12px);
+        letter-spacing: 0;
+        transform: none;
+      }
+
+      .hero-actions .btn-ghost {
+        margin-top: 0;
+        transform: none;
+      }
+
+      .btn:hover,
+      .btn:focus,
+      .hero-actions .btn-ghost:hover,
+      .hero-actions .btn-ghost:focus {
+        transform: translateY(-2px);
+      }
+
+      .track-composite {
+        width: max(900px, 205vw);
+        opacity: 0.38;
+      }
+
+      .track-focus {
+        width: 112vw;
+        height: 58vh;
+      }
+
+      .section {
+        padding: clamp(38px, 11vw, 58px) 0;
+      }
+
+      .section-head,
+      .info-grid,
+      .track-list,
+      .timeline,
+      .award-grid,
+      .requirements {
+        padding-left: 18px;
+        padding-right: 18px;
+      }
+
+      .section-head {
+        min-height: 92px;
+        padding-bottom: 22px;
+      }
+
+      .section-kicker {
+        right: 18px;
+        bottom: 0;
+        font-size: clamp(54px, 16vw, 86px);
+        letter-spacing: 0;
+        opacity: 0.1;
+      }
+
+      .track-list {
+        gap: 12px;
+      }
+
+      .track-item {
+        grid-template-columns: 38px minmax(0, 1fr);
+        padding: 16px;
+        gap: 14px;
+      }
+
+      .track-item::after {
+        left: 16px;
+        right: 16px;
+      }
+
+      .track-code {
+        width: 36px;
+        height: 36px;
+        font-size: 14px;
+      }
+
+      .track-code::before {
+        inset: -5px;
+      }
+
+      .track-name {
+        font-size: 19px;
+        line-height: 1.28;
+      }
+
+      .track-desc {
+        font-size: 14px;
+        line-height: 1.6;
+      }
+
+      .signup {
+        grid-template-columns: 1fr;
+        padding: 22px 20px;
+      }
+
+      .signup-qr {
+        width: 118px;
+        justify-self: start;
+      }
+
+      .section-title {
+        font-size: 22px;
+      }
+
+    }
+
+    @media (max-width: 480px) {
+      .hero {
+        padding-top: calc(var(--header-h) + 10px);
+        padding-bottom: calc(34px + var(--hero-action-bottom));
+      }
+
+      .hero-meta {
+        gap: 6px 10px;
+      }
+
+      .hero-meta-en {
+        font-size: 10px;
+        line-height: 1.35;
+      }
+
+      .hero-title-main {
+        font-size: clamp(24px, 8.2vw, 30px);
+      }
+
+      .hero-lead {
+        font-size: 11px;
+      }
+
+      .hero-orgs {
+        font-size: 9px;
+        line-height: 1.38;
+      }
+
+      .hero-actions {
+        gap: clamp(12px, 4vw, 18px);
+        padding: 0 12px;
+      }
+
+      .btn {
+        flex-basis: clamp(58px, 20vw, 68px);
+        width: clamp(58px, 20vw, 68px);
+        padding: 8px;
+        font-size: clamp(10px, 3vw, 11px);
+      }
+
+      .track-item {
+        grid-template-columns: 1fr;
+      }
+
+      .track-code {
+        margin-bottom: 2px;
+      }
+
+      .track-code::after {
+        display: none;
+      }
+
+      .timeline,
+      .award-grid,
+      .requirements,
+      .info-grid,
+      .track-list {
+        padding-left: 14px;
+        padding-right: 14px;
+      }
+
+      .timeline-step {
+        padding-left: 42px;
+      }
+
+      .award {
+        padding-left: 0;
+        padding-right: 0;
+      }
+
+      .requirement-box {
+        padding-left: 18px;
+      }
+
+      .signup-qr {
+        width: 104px;
+      }
+
+      .site-footer {
+        padding-left: 14px;
+        padding-right: 14px;
+      }
+    }
+
+    @media (max-height: 620px) {
+      :root {
+        --header-h: clamp(56px, 11vh, 70px);
+        --hero-action-h: clamp(46px, 9vh, 54px);
+      }
+
+      .hero {
+        padding-top: calc(var(--header-h) + 14px);
+        padding-bottom: calc(var(--hero-action-h) + var(--hero-action-bottom) + 16px);
+      }
+
+      .hero-grid {
+        min-height: max(270px, calc(var(--vh) * 100 - var(--header-h) - var(--hero-action-h) - var(--hero-action-bottom) - 44px));
+      }
+
+      .hero-meta {
+        margin-bottom: 4px;
+      }
+
+      .hero-title-main {
+        margin-top: 12px;
+        font-size: clamp(28px, 8vh, 44px);
+      }
+
+      .hero-lead {
+        line-height: 1.55;
+        margin-top: 10px;
+      }
+
+      .hero-actions {
+        gap: clamp(12px, 3vw, 30px);
+      }
+
+      .btn {
+        font-size: clamp(12px, 3.4vh, 16px);
+      }
+
+    }
+
+    @media (max-width: 640px) and (max-height: 620px) {
+      :root {
+        --header-h: clamp(42px, 10vw, 56px);
+        --hero-action-h: clamp(44px, 8vh, 52px);
+      }
+
+      .hero-title-main {
+        font-size: clamp(23px, 7vw, 29px);
+        line-height: 1.04;
+      }
+
+      .hero-lead {
+        font-size: 13px;
+      }
+
+      .hero-actions {
+        gap: clamp(6px, 2vw, 10px);
+      }
+
+      .btn {
+        font-size: clamp(14px, 3.8vw, 16px);
+      }
+    }
+
+    @media (orientation: landscape) and (max-height: 520px) {
+      .track-field {
+        display: none;
+      }
+
+      .hero-meta-en {
+        display: none;
+      }
+
+      .hero-meta-year {
+        font-size: clamp(20px, 8vh, 28px);
+        opacity: 1;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="site">
+    <header class="site-header">
+      <div class="site-header-inner">
+        <a class="brand" href="#top" aria-label="2026江苏省新消费创新创业大赛">
+          <span class="brand-mark" aria-hidden="true">
+            <svg class="brand-logo" viewBox="0 0 64 64" role="img">
+              <defs>
+                <linearGradient id="logoLine" x1="8" y1="10" x2="58" y2="54" gradientUnits="userSpaceOnUse">
+                  <stop offset="0" stop-color="#ffffff" />
+                  <stop offset="0.45" stop-color="#72e3ff" />
+                  <stop offset="1" stop-color="#ffd56f" />
+                </linearGradient>
+                <linearGradient id="logoCore" x1="20" y1="14" x2="46" y2="48" gradientUnits="userSpaceOnUse">
+                  <stop offset="0" stop-color="#ffffff" stop-opacity="0.96" />
+                  <stop offset="1" stop-color="#bfeaff" stop-opacity="0.78" />
+                </linearGradient>
+              </defs>
+              <path d="M12 38C18 20 35 10 52 12" fill="none" stroke="url(#logoLine)" stroke-width="4.4" stroke-linecap="round" />
+              <path d="M14 47C25 30 39 24 52 27" fill="none" stroke="url(#logoLine)" stroke-width="3.2" stroke-linecap="round" opacity="0.78" />
+              <path d="M25 14h22L35 50H13l12-36Z" fill="url(#logoCore)" opacity="0.94" />
+              <path d="M29 20h11l-6.1 18h-11L29 20Z" fill="#0d4eb6" opacity="0.72" />
+              <circle cx="49" cy="18" r="3.2" fill="#ffd56f" />
+              <text x="16" y="55" fill="#ffffff" font-family="Arial, sans-serif" font-size="10" font-weight="800" letter-spacing="0">2026</text>
+            </svg>
+          </span>
+          <span class="brand-text">2026江苏省新消费创新创业大赛</span>
+        </a>
+        <nav class="nav" aria-label="网站栏目"></nav>
+      </div>
+    </header>
+
+    <main id="top">
+      <section class="hero">
+        <div class="section-inner hero-grid">
+          <div class="track-field" aria-hidden="true">
+            <svg class="track-composite" viewBox="0 0 1200 680" preserveAspectRatio="xMidYMid slice" focusable="false">
+              <defs>
+                <linearGradient id="trackGold" x1="110" y1="96" x2="590" y2="520" gradientUnits="userSpaceOnUse">
+                  <stop offset="0" stop-color="#ffe19a" stop-opacity="0.72" />
+                  <stop offset="0.55" stop-color="#ffd36a" stop-opacity="0.32" />
+                  <stop offset="1" stop-color="#65d8ff" stop-opacity="0.12" />
+                </linearGradient>
+                <linearGradient id="trackCyan" x1="820" y1="70" x2="1060" y2="390" gradientUnits="userSpaceOnUse">
+                  <stop offset="0" stop-color="#8fe8ff" stop-opacity="0.5" />
+                  <stop offset="1" stop-color="#5d7dff" stop-opacity="0.12" />
+                </linearGradient>
+                <linearGradient id="trackViolet" x1="180" y1="540" x2="780" y2="380" gradientUnits="userSpaceOnUse">
+                  <stop offset="0" stop-color="#cf49ff" stop-opacity="0.34" />
+                  <stop offset="0.58" stop-color="#65d8ff" stop-opacity="0.18" />
+                  <stop offset="1" stop-color="#ffe19a" stop-opacity="0.18" />
+                </linearGradient>
+                <radialGradient id="trackMist" cx="50%" cy="50%" r="65%">
+                  <stop offset="0" stop-color="#ffffff" stop-opacity="0.13" />
+                  <stop offset="0.5" stop-color="#65d8ff" stop-opacity="0.07" />
+                  <stop offset="1" stop-color="#65d8ff" stop-opacity="0" />
+                </radialGradient>
+                <pattern id="aiDots" width="34" height="34" patternUnits="userSpaceOnUse">
+                  <circle cx="4" cy="5" r="1.4" fill="#ffffff" opacity="0.34" />
+                  <circle cx="21" cy="20" r="1.1" fill="#65d8ff" opacity="0.28" />
+                </pattern>
+                <filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%">
+                  <feGaussianBlur stdDeviation="3" result="blur" />
+                  <feMerge>
+                    <feMergeNode in="blur" />
+                    <feMergeNode in="SourceGraphic" />
+                  </feMerge>
+                </filter>
+              </defs>
+              <path d="M52 474C205 168 418 116 620 268C792 398 901 511 1148 326" fill="none" stroke="url(#trackViolet)" stroke-width="1.2" opacity="0.48" />
+              <path d="M110 214C272 42 539 72 696 262C840 438 987 470 1168 404" fill="none" stroke="#65d8ff" stroke-width="0.9" opacity="0.16" />
+              <path d="M170 560C346 426 538 394 724 486C888 568 1010 538 1128 442" fill="none" stroke="#ffe19a" stroke-width="1" opacity="0.24" />
+              <ellipse cx="603" cy="344" rx="402" ry="228" fill="url(#trackMist)" opacity="0.5" />
+
+              <g filter="url(#softGlow)" opacity="0.8">
+                <path d="M120 190C172 104 310 84 408 148C500 208 500 334 396 392C286 452 128 400 96 290C86 254 96 220 120 190Z" fill="none" stroke="url(#trackGold)" stroke-width="1.35" />
+                <path d="M178 228C222 178 306 170 368 210C424 248 414 322 350 352C278 386 184 350 164 284C158 262 162 244 178 228Z" fill="none" stroke="#ffe19a" stroke-width="0.9" opacity="0.28" />
+                <path d="M226 280C276 250 326 254 372 290" fill="none" stroke="#ffffff" stroke-width="0.8" opacity="0.16" />
+              </g>
+
+              <g filter="url(#softGlow)" opacity="0.72">
+                <path d="M828 118C910 68 1038 102 1098 190C1160 280 1118 380 1016 404C902 432 794 358 780 250C774 198 792 148 828 118Z" fill="none" stroke="url(#trackCyan)" stroke-width="1.15" />
+                <path d="M842 272C888 226 930 226 972 272C1014 318 1056 318 1102 272" fill="none" stroke="#8fe8ff" stroke-width="1.35" opacity="0.36" />
+                <path d="M850 320C900 282 948 282 998 320" fill="none" stroke="#ffffff" stroke-width="0.8" opacity="0.15" />
+              </g>
+
+              <g filter="url(#softGlow)" opacity="0.7">
+                <path d="M182 574C260 448 502 402 704 462C830 500 902 486 994 422" fill="none" stroke="url(#trackViolet)" stroke-width="1.4" />
+                <path d="M248 612C346 508 516 480 678 526C780 556 862 540 942 486" fill="none" stroke="#cf49ff" stroke-width="0.9" opacity="0.24" />
+                <path d="M340 560C438 532 526 540 610 584" fill="none" stroke="#65d8ff" stroke-width="0.8" opacity="0.2" />
+              </g>
+
+              <g opacity="0.64">
+                <path d="M825 490C898 400 1066 388 1150 480C1232 570 1164 692 1024 704C886 716 768 602 825 490Z" fill="url(#aiDots)" opacity="0.9" />
+                <path d="M850 506C926 436 1052 436 1122 512" fill="none" stroke="#ffffff" stroke-width="0.8" opacity="0.16" />
+                <path d="M892 586C970 622 1046 614 1116 562" fill="none" stroke="#ffe19a" stroke-width="1" opacity="0.28" />
+              </g>
+            </svg>
+            <span class="track-focus"></span>
+          </div>
+          <div class="hero-lockup">
+            <div class="hero-meta" aria-hidden="true">
+              <span class="hero-meta-year">2026</span>
+              <span class="hero-meta-en">Jiangsu New Consumption Innovation & Entrepreneurship Competition</span>
+            </div>
+            <h1 class="hero-title-main">
+              <span data-title="江苏省新消费">江苏省新消费</span>
+              <span data-title="创新创业大赛">创新创业大赛</span>
+            </h1>
+            <div class="hero-orgs" aria-label="赛事组织单位">
+              <p><strong>主办单位：</strong>江苏省商务厅、共青团江苏省委</p>
+              <p class="support-unit"><strong>支持单位：</strong>省科技厅、省工业和信息化厅、省民政厅、省财政厅、省人力资源社会保障厅、省农业农村厅、省文化和旅游厅、省卫生健康委、省市场监管局、省广电集团</p>
+              <p><strong>承办单位：</strong>元禾控股</p>
+              <p><strong>战略合作单位：</strong>抖音电商、抖音生活服务</p>
+            </div>
+          </div>
+        </div>
+        <div class="hero-actions">
+          <a class="btn btn-primary" href="#about" aria-label="查看主题赛道">
+            <span class="action-label">主题赛道</span>
+          </a>
+          <a class="btn btn-signup" href="login.html" aria-label="报名参赛">
+            <span class="action-label">报名参赛</span>
+          </a>
+          <a class="btn btn-ghost" href="#guide" aria-label="查看参赛指南">
+            <span class="action-label">参赛指南</span>
+          </a>
+        </div>
+      </section>
+
+      <section class="section" id="about">
+        <div class="section-inner">
+          <div class="section-card">
+            <div class="section-head">
+              <div class="section-kicker">TRACKS</div>
+              <h2 class="section-title">主题赛道</h2>
+            </div>
+            <div class="track-list" aria-label="主题赛道">
+              <div class="track-item" data-index="01">
+                <span class="track-code">01</span>
+                <div class="track-copy">
+                  <div class="track-name">特色消费</div>
+                  <p class="track-desc">宠物经济、新国货与悦己消费、地标产品与老字号创新、汽车后市场服务等</p>
+                </div>
+              </div>
+              <div class="track-item" data-index="02">
+                <span class="track-code">02</span>
+                <div class="track-copy">
+                  <div class="track-name">健康消费</div>
+                  <p class="track-desc">医疗美容、减重与健康管理、运动与康复、科技与中医药、心理健康服务产业</p>
+                </div>
+              </div>
+              <div class="track-item" data-index="03">
+                <span class="track-code">03</span>
+                <div class="track-copy">
+                  <div class="track-name">商文旅农融合</div>
+                  <p class="track-desc">文旅IP创新、商业空间与首发经济、特色民宿与乡村旅游、文化创意空间、数字文娱、网络视听等</p>
+                </div>
+              </div>
+              <div class="track-item" data-index="04">
+                <span class="track-code">04</span>
+                <div class="track-copy">
+                  <div class="track-name">消费+人工智能</div>
+                  <p class="track-desc">智能消费硬件、数字消费、AI 内容创作等</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="section" id="guide">
+        <div class="section-inner">
+          <div class="section-card">
+            <div class="section-head">
+              <div class="section-kicker">GUIDE</div>
+              <h2 class="section-title">参赛指南</h2>
+            </div>
+
+            <div class="timeline" aria-label="赛程安排">
+              <div class="timeline-step">
+                <span>1</span>
+                <h3>参赛报名</h3>
+                <p>2026年6月-7月</p>
+              </div>
+              <div class="timeline-step">
+                <span>2</span>
+                <h3>线上初赛</h3>
+                <p>2026年8月</p>
+              </div>
+              <div class="timeline-step">
+                <span>3</span>
+                <h3>线下复赛</h3>
+                <p>2026年8月至9月</p>
+                <div class="city-list" aria-label="线下复赛城市">
+                  <span class="city-pill">苏州</span>
+                  <span class="city-pill">徐州</span>
+                  <span class="city-pill">镇江</span>
+                  <span class="city-pill">南京</span>
+                </div>
+              </div>
+              <div class="timeline-step">
+                <span>4</span>
+                <h3>总决赛</h3>
+                <p>2026年10月</p>
+              </div>
+            </div>
+
+            <div class="award-grid" aria-label="赛事奖励">
+              <div class="award">
+                <h3>一等奖 1名</h3>
+                <strong>10万元</strong>
+                <p>现金奖励 + 最高500万股权投资支持</p>
+              </div>
+              <div class="award">
+                <h3>二等奖 4名</h3>
+                <strong>5万元</strong>
+                <p>现金奖励 + 最高500万股权投资支持</p>
+              </div>
+              <div class="award">
+                <h3>三等奖 15名</h3>
+                <strong>2万元</strong>
+                <p>现金奖励 + 最高500万股权投资支持</p>
+              </div>
+            </div>
+
+            <div class="requirements">
+              <div class="requirement-box">参赛项目应符合新消费产业发展政策导向，具有明确的市场需求和商业化前景，且不存在知识产权纠纷。</div>
+              <div class="requirement-box">创业组参赛企业设立时间需不超过5年。</div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <footer class="site-footer">
+      <div class="footer-copyright">版权所有：2026江苏省新消费创新创业大赛</div>
+    </footer>
+  </div>
+  <script>
+    function syncViewportSize() {
+      const root = document.documentElement;
+      const width = window.innerWidth || root.clientWidth;
+      const height = window.innerHeight || root.clientHeight;
+      root.style.setProperty("--vh", (height * 0.01) + "px");
+      root.dataset.screen = width < 640 ? "mobile" : (width < 1024 ? "tablet" : "desktop");
+      root.dataset.orientation = width > height ? "landscape" : "portrait";
+    }
+
+    syncViewportSize();
+    window.addEventListener("resize", syncViewportSize);
+    window.addEventListener("orientationchange", syncViewportSize);
+  </script>
+</body>
+</html>