commit 8cdbfee08ffc67bdd689e6738c0fe0ae9ea9e582
Author: 谢宇宁 <DN8250@jsyyds.com>
Date:   Tue Oct 27 16:23:48 2026 +0700

    Initial commit
    
    Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..51c4c8f
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,14 @@
+# Legacy development-only .env.local example. Prefer config/development.local.env.
+# Development uses this configured backend; browsers call the current site's /api/*.
+# Test uses this same backend; production uses http://172.104.56.28:26125.
+UPSTREAM_API_URL=http://172.104.181.99:21022
+# API_BASE_URL remains supported for existing local overrides.
+# Optional channel code passed when creating a guest account.
+API_CHANNEL=
+# Public configuration/navigation: 60s; homepage: 30s. Optional cap in milliseconds; 0 disables.
+# PUBLIC_DATA_CACHE_TTL_MS=60000
+
+# Analytics application ID. Must match this site's reportSdkConfig and upstream app ID.
+NEXT_PUBLIC_TRACKER_APP_ID=1047
+# Optional same-project encrypted config fallback when config/info omits reportSdkConfig.
+NEXT_PUBLIC_TRACKER_ENCRYPTED_CONFIG=
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..5f170b7
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,17 @@
+node_modules/
+.next/
+.next-dev/
+.next-test/
+out/
+dist/
+dist.zip
+dist.zip.sha256
+web_91dj_h5.tar.gz
+web_91dj_h5.tar.gz.sha256
+web_91dj_h5.md5
+*.tsbuildinfo
+.DS_Store
+.env*
+!.env.example
+config/*.local.env
+.openai/.local/
diff --git a/.openai/hosting.json b/.openai/hosting.json
new file mode 100644
index 0000000..b3f3c99
--- /dev/null
+++ b/.openai/hosting.json
@@ -0,0 +1,6 @@
+{
+  "project_id": "appgprj_6ad2273b8598819198e0c9f1959d5cfa",
+  "static": {
+    "directory": "out"
+  }
+}
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..af3b7c8
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,9 @@
+<!-- BEGIN:nextjs-agent-rules -->
+
+## This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` (resolved from this file's directory; in monorepos the `next` package may not be visible from the repo root) before writing any code. Heed deprecation notices.
+
+This block is written and re-added by `next dev` — verify at `node_modules/next/dist/server/lib/generate-agent-files.js`. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
+
+<!-- END:nextjs-agent-rules -->
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..6b45d1c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,281 @@
+# 91短剧 · Next.js
+
+Next.js App Router、React、TypeScript。保留 HTML 原稿布局和移动端导航，业务数据通过 Swagger API 动态获取。
+
+## 运行
+
+已使用 Node.js **22.17.1** 验证；最低要求 20.9。
+
+```sh
+nvm use 22.17.1
+npm install
+npm run dev
+```
+
+开发、测试和生产启动的默认地址均为 http://localhost:21021，端口或环境变量修改后需要重启 Next.js。
+
+```sh
+npm run typecheck
+npm run build
+npm test
+npm start
+```
+
+现在需要运行 Next.js 服务以提供 API 代理与动态首页，不再导出静态 `out/`。旧的静态预览进程需要停止后用新命令启动。
+
+## 环境配置
+
+本项目使用 `config/*.env` 区分业务环境，启动脚本在运行 Next.js 前加载配置。
+
+| 环境 | 配置文件 | 构建命令 | 启动命令 | 构建目录 |
+| --- | --- | --- | --- | --- |
+| 开发 | `config/development.env` | `npm run build:dev` | `npm run dev`；构建后可用 `npm run start:dev` | `.next-dev/` |
+| 测试 | `config/test.env` | `npm run build:test` | `npm run start:test` | `.next-test/` |
+| 生产 | `config/production.env` | `npm run build` | `npm start` | `.next/` |
+
+测试环境按生产模式构建、启动，使用 `APP_ENV=test` 和 `NODE_ENV=production`；`npm run dev:test` 则使用测试配置启动开发服务器。业务环境通过 `APP_ENV` 区分，不把测试部署误设为单元测试使用的 `NODE_ENV=test`。
+
+浏览器始终访问当前站点的相对地址 `/api/*`，Next.js 服务端通过 `UPSTREAM_API_URL` 请求 Go 的 `/api/app/*`。开发、测试环境使用 `http://172.104.181.99:21022`，生产环境使用 `http://172.104.56.28:26125`。上游地址仅由服务端读取。默认应用端口均为 `21021`。公开接口缓存和 SEO 快照按解析后的上游域名隔离。修改服务器配置时，在对应目录新增 `config/test.local.env` 或 `config/production.local.env`；这些本地文件已忽略提交。优先级为：进程环境变量 > 对应 `*.local.env` > 对应基础配置。开发环境兼容旧 `.env.local`，其优先级低于 `config/development.local.env`；测试和生产不从旧 `.env.local` 加载本站业务配置。
+
+原有 `API_BASE_URL` 仍作为兼容别名。在同一配置层内 `UPSTREAM_API_URL` 优先；较高配置层的旧变量仍可覆盖较低层的新变量，启动后统一为同一个上游地址。上游地址仅在服务端读取，不写入浏览器代码。
+
+例如需要测试服务同时运行在另一端口，可在 `config/test.local.env` 写入：
+
+```dotenv
+PORT=21022
+```
+
+也可以临时运行 `npm run start:test -- --port 21022`。不同环境使用各自的构建产物及 SEO 快照缓存；先执行对应环境的构建命令，再执行其启动命令。`UPSTREAM_API_URL` 等服务端配置在启动时读取，修改后重启即可；`NEXT_PUBLIC_*` 在构建时写入浏览器代码，修改后应重新构建。
+
+开发环境默认关闭公共接口缓存，测试和生产保留原有缓存上限；可用 `PUBLIC_DATA_CACHE_TTL_MS` 覆盖。`npm run check` 会先完成生产构建（含类型检查），再运行完整本地回归测试。
+
+## 打包与部署
+
+使用 Node.js 22.17.1；生产跨平台打包需要 npm >=10.9.2。两份脚本均先构建、运行回归测试，再整理 Next.js standalone、静态资源和对应环境配置。
+
+```sh
+# 预览流程，不构建、不连接服务器
+bash deploy_test.sh --dry-run
+bash deploy_prod.sh --dry-run
+
+# 只生成本地压缩包，不上传
+bash deploy_test.sh --package-only
+bash deploy_prod.sh --package-only
+```
+
+测试产物为根目录的 `web_91dj_h5.tar.gz` 和 `web_91dj_h5.tar.gz.sha256`，上传相同文件及 `up_next_h5.sh`；同时刷新同名 `web_91dj_h5.md5` 供本地兼容校验。包内直接包含 `start.mjs`、`server.js`、`.next-test/`、`public/`、`config/test.env` 和 lockfile。测试包不带本机 `node_modules`，使用 `tar -xzf web_91dj_h5.tar.gz` 解压后，在 Linux 执行 `npm ci --omit=dev --no-audit --no-fund`，再执行 `node start.mjs`；默认端口为 21021。可通过 `DEPLOY_PACKAGE_NAME=自定义名称.tar.gz` 覆盖包名，校验文件随之生成。测试和生产使用同名压缩包，根目录文件对应最后一次执行的环境。
+
+生产产物为 `web_91dj_h5.tar.gz` 和纯哈希格式的 `web_91dj_h5.md5`，包含 `.next/` 和 standalone 裁剪依赖，默认适配 Linux x64/glibc，可直接执行 `node start.mjs`。可通过 `DEPLOY_TARGET_ARCH=arm64`、`DEPLOY_TARGET_LIBC=musl` 选择目标架构和 libc。打包时仅从 lockfile 安装对应 Linux Sharp/libvips，并校验 ELF 架构，不携带 macOS 原生模块。
+
+两种包仅包含对应的基础 `config/*.env`，不打包 `.env*`、`*.local.env` 和 SEO 缓存。服务器的私有覆盖配置放在发布目录下对应的 `config/test.local.env` / `config/production.local.env`；修改 `NEXT_PUBLIC_*` 必须重新构建。本站媒体密钥由上游接口代理提供，无需额外的本地 `m3u8.key` 文件。
+
+部署默认值由两份脚本开头的变量定义，并支持环境变量覆盖；当前上传配置如下。本项目包名和 Supervisor 名使用 `91dj`：
+
+| 环境 | SSH 目标 | 上传目录 | SCP / SSH 端口 |
+| --- | --- | --- | --- |
+| 测试 | `root@172.104.181.99` | `/server/web_91dj/h5` | `22889 / 22889` |
+| 生产 | `server@34.92.204.175` | `/home/server/web_91dj/h5` | `22889 / 22889` |
+
+直接执行脚本会使用上述地址；仅打包继续使用 `--package-only`。需要其他目标时可覆盖：
+
+```sh
+DEPLOY_HOST=user@test-host DEPLOY_DIR=/srv/91dj/h5 DEPLOY_RUN_DIR=/srv/91dj/h5 bash deploy_test.sh
+DEPLOY_JUMP_HOST=user@jump-host DEPLOY_JUMP_DIR=/srv/91dj/h5 bash deploy_prod.sh
+```
+
+测试当前 SSH 端口为 22889，可通过 `DEPLOY_SSH_PORT` 修改；它与 `config/test.env` 中的应用监听端口 `PORT` 分别配置。`deploy_test.sh` 上传成功后执行 `ssh -p 22889 root@172.104.181.99 "cd /server/web_91dj/h5 && bash run.sh"`，由服务器现有的 `run.sh` 负责后续更新。上传目录和执行目录当前均为 `/server/web_91dj/h5`，分别可用 `DEPLOY_DIR`、`DEPLOY_RUN_DIR` 覆盖；脚本不上传或覆盖远端 `run.sh`。部署测试从脚本帮助信息读取当前默认执行目录，并单独验证目录覆盖及上传、执行失败时的退出行为，修改服务器目录无需同步修改测试断言。上传失败不会执行远端更新，远端命令失败会立即退出；`--package-only` 和 `--dry-run` 均不执行 SSH。可通过 `DEPLOY_CHECK_URL` 在远端命令成功后增加公网健康检查。
+
+随包上传的 `up_next_h5.sh` 保留供服务器按需调用：该脚本校验 SHA-256、检查并解压 tar.gz、安装运行依赖、保留本地覆盖与 SEO 缓存，然后切换版本、启动服务并检查 `/healthz` 与首页，失败自动恢复旧版本。默认 Supervisor 程序为 `91dj_next_h5`，在服务器运行该脚本时可通过 `DEPLOY_PROGRAM` 覆盖；使用自定义包名时需设置对应的 `DEPLOY_PACKAGE_NAME`。服务器 `run.sh` 的解包、服务管理及包名规则以该脚本自身实现为准。
+
+生产脚本将 `web_91dj_h5.tar.gz` 和 `web_91dj_h5.md5` 上传到 `server@34.92.204.175:/home/server/web_91dj/h5/`，SCP 与 SSH 默认端口均为 `22889`。上传成功后执行 `ssh -p 22889 server@34.92.204.175 "cd /home/server/web_91dj/h5 && bash rsupdate.sh"`。服务器现有的 `rsupdate.sh` 负责解包、保留生产私有配置和重启服务；本项目不上传或覆盖该脚本。上传失败不会触发远端更新，SSH 失败或返回失败状态会停止发布。可通过 `DEPLOY_JUMP_HOST`、`DEPLOY_JUMP_DIR`、`DEPLOY_SCP_PORT`、`DEPLOY_SSH_PORT` 覆盖目标，执行目录同步跟随上传目录。
+
+生产 SSH 的远端命令文本与上述手动命令保持一致：通过路径校验后，`cd` 的目录不额外添加单引号，以兼容按原始命令文本匹配的 SSH 白名单。dry-run 与实际执行共用同一个命令，运行时会打印命令并保留远端日志。远端即使打印“发布成功”，只要此前输出含 `ERROR`（如 `curl` 报 HTTP 401）、`FATAL` 等失败状态，本地仍会报错；HTTP 401 的具体检查地址需核对服务器现有 `rsupdate.sh`，应用自身提供无需登录的 `/healthz`。
+
+`npm run bundle:test` / `npm run bundle` 只整理已有构建；`npm run bundle:linux -- x64 glibc` 为生产产物准备 Linux 原生依赖。同一仓库的测试、生产脚本共用打包锁，压缩包及 `dist/` 已忽略提交。`/healthz` 是不触发游客登录、禁止缓存和索引的部署探针，不依赖上游接口。
+
+## 页面路由
+
+首页使用站点根地址，例如 `http://127.0.0.1:21021`，也支持 `http://127.0.0.1:21021/`；两者都直接显示首页。浏览器把纯域名的请求路径解析为 `/`，不需要跳转。短剧列表单独使用 `/shorts/`。
+
+其他页面统一使用以 `/` 结尾的路径路由，可直接打开、刷新、在新标签页打开，并使用浏览器前进和后退。链接生成时就包含尾斜杠，不通过跳转或地址替换补齐。
+
+- 首页 `/`；短剧 `/shorts/`；专题 `/topics/`；热播榜 `/rank/hot/`、新剧榜 `/rank/new/`、追剧榜 `/rank/follow/`；应用 `/apps/`；回家的路 `/home-road/`。榜单 tab 使用页面链接，数据类型由路径决定；原 `/rank/` 仍可直接访问热播榜，不重定向。
+- 官方入口 `/navigation/`：独立展示线路、官方渠道与 App 下载，不加载首页导航、播放器或账户交互；首页和业务页面不再弹出入口导航页。
+- 专题、题材、标签、栏目：`/topics/:id/`、`/theme/:id/`、`/tag/:id/`、`/config/:id/`。
+- 详情 `/detail/:id/`；章节播放 `/play/:id/:chapterId/`。
+- 内容路由优先使用接口返回的英文或拼音 `slug`（字母、数字、连字符、下划线），中文或无效 slug 回退到 ID，例如 `/detail/city-story/`、`/play/city-story/90001/`、`/topics/urban/`、`/tag/urban/`、`/config/editors-choice/`。章节段仍是章节 ID。卡片、轮播、选集、评论/列表分页、解锁后跳转和 SEO 地址使用同一规则；原 ID 地址继续直接访问。有配置的 `moreUrl` 优先级不变。
+- 搜索 `/search/关键词/`；分页 `/search/关键词/page/2/`。关键词通过 `encodeURIComponent` 作为单个路径段编码，支持中文和特殊字符。
+- 独立导航页 `/navigation/` 从 `config/info` 读取站名、介绍、`navPageList`、永久入口、TG/X 和 App 下载地址。线路按 `line` 排序；旧配置兼容 `dhNewUrlAddr1/2/3` 与最新地址字段。未配置或无效的链接不展示，不使用演示账号或首页链接兜底。
+- 个人中心 `/member/center/`，收藏、历史、点赞、已购和设置分别为 `/member/favorites/`、`/member/history/`、`/member/likes/`、`/member/purchased/`、`/member/settings/`。
+- 帮助与平台信息 `/info/:slug/`；充值 `/info/deposit/`；VIP `/info/deposit/vip/`。
+- 所有分页使用独立路径，例如 `/shorts/page/2/`、`/rank/new/page/2/`、`/topics/31/page/2/`、`/member/history/page/2/`、`/info/deposit/vip/page/2/`；详情和播放页的 `/page/2/` 对应评论第 2 页。页码、上一页和下一页均为真实链接，可直接访问、刷新和前进后退。
+- 排序通过 `?sort=2` 保留；评论排序使用 `?commentSort=1`。切换排序时链接指向第一页，翻页时保留当前条件；第一页链接使用原页面路径，不执行自动跳转或地址替换。
+
+页面直接根据 URL 路径加载，不解析或转换旧 hash 路由。站内导航、动态卡片、播放选集、搜索和会员入口均使用路径地址；无效路径返回 404。
+
+页面地址统一使用尾斜杠。`src/proxy.ts` 对有效页面的无尾斜杠地址返回 `308` 永久重定向，例如 `/shorts` → `/shorts/`，分页、搜索关键词和查询参数完整保留；首页 `/` 直接响应。Next.js 保留 `trailingSlash: true` 和 `skipTrailingSlashRedirect: true`，由 Proxy 仅处理页面，API、播放列表、密钥、静态资源地址不受影响；无效路径直接返回 404。
+
+## 接口配置
+
+顶部、侧栏和移动导航由 `navigation/header.categoryList` 在服务端渲染，按接口顺序显示名称、地址和二级导航。URL 导航与二级导航显示在主导航，底部类型不混入；成功返回空列表时不注入固定菜单。`/hot` 直接生成本站 `/rank/hot/` 链接；已知系统入口的空地址按本站路由生成。导航公共数据缓存 60 秒，后台更新在缓存过期后的页面请求生效；页面高亮仍按当前路由判断。接口图标优先，缺失时沿用本站图标；外链添加 nofollow 等属性。
+
+2026-10-21 已按当前 91av Swagger 重新核对各页面，具体映射和接口缺项见 [页面接口对照](docs/api-contract.md)。短剧列表使用 `playlet/all/list`；专题采用顶层详情字段；首页未配置 `moreUrl` 的栏目使用首页真实数据兜底。按用户要求移除独立剧集入口及 `/series/`、`/video/:id/` 路由，旧地址直接返回 404。
+
+页面 head 由本项目（`JHA-1047`）的 `src/lib/seo-server.ts` 和 `src/lib/seo.ts` 生成：全站名称与首页 TDK 取 `config/info.seoInfo`，栏目 TDK 优先使用 `translation/category/list` 的导航配置，具体专题、剧集使用对应接口信息。兼容字符串形式的 SEO 配置及 `keyworld` 等旧字段。`/navigation/` 使用 `seoNavInfo`。
+
+canonical 的域名优先取 `config.foreverUrlAddr`，其次取 `newAddressInfo.foreverUrlAddr`，只使用配置中的永久域名，不回退到请求 Host、API 或 CDN 域名。配置沿用 60 秒公共缓存，成功取得有效永久域名后，将公开 SEO 信息保存到 `.next/cache/seo/`，按 API 地址隔离；接口超时、报错、配置或永久域名暂缺时沿用最近一次有效值，服务重启也可读取已有快照。快照不包含 SDK 配置、账号或凭证；部署时需保留该缓存目录，完全没有有效配置/快照时不输出猜测的 canonical 和站点 JSON-LD。后台更新为有效永久域名后，缓存过期后的新页面请求采用新配置；同一浏览器文档沿用服务端给出的 canonical、site_name 和发布者身份。
+
+canonical 不带查询参数，分页各自生成规范地址和有边界的 `prev/next`，第 1 页使用栏目地址。搜索、账户、充值和工具页按参考项目输出 `noindex`。服务端将 TDK、robots、Open Graph、Twitter 和图标信息直接写入 `<head>`，每次页面请求都返回对应页面的完整 head。本次未新增统计脚本。
+
+`/robots.txt` 由 `src/app/robots.ts` 提供纯文本响应，不依赖账户会话或请求 Host。生产环境（`APP_ENV=production`）允许页面和 JS/CSS、图片、播放资源抓取，仅限制 `/api/` 和 `/healthz`；开发、测试环境禁止全站抓取。搜索、账户、充值、工具和重复页面继续使用页面级 `noindex`，保留爬虫读取这些标记的权限。生产环境声明 `Sitemap: https://永久域名/sitemap.xml`，域名与 canonical 共用配置及最近一次有效快照；完全没有有效域名时仅省略 Sitemap 行，抓取规则继续返回。开发、测试环境不声明 Sitemap。本项只添加声明，XML 文件仍由后续 sitemap 服务提供。
+
+公开正文与 SEO 使用同一次服务端取数：短剧、三个榜单、专题列表/详情、题材/标签、首页更多栏目、短剧详情、播放页及各自分页直接输出当前页的标题、简介、内容卡片、集数和已有评论，分页与免费集数保留原生链接。搜索结果也直接输出首屏正文，继续保持 `noindex`。详情/播放和栏目模板在服务端与站内导航间共用，沿用现有 HTML 样式。
+
+请求与渲染方式：服务端先完成当前页面取数，再返回页头和完整正文；福利应用、回家的路、反馈、个人中心、收藏/历史/点赞/已购、设置及充值/VIP 页面也直接输出内容。链接和搜索使用浏览器原生页面请求，旧页面保留到新响应到达，不清空正文或插入页面加载占位。浏览器复用首屏快照绑定轮播、播放、表单和支付等交互，不再重复获取整页数据；提交成功后重新请求当前页面。
+
+公共配置、导航、分类、页脚和标签选项使用 60 秒进程内缓存，首页使用 30 秒；同一上游地址及查询参数的并发请求合并，返回独立数据副本，缓存有数量上限。配置及首页刷新失败可沿用已成功取得的数据；错误和无效响应不写入缓存。账户、余额、套餐及付费观看权限不使用公共缓存，HTML 继续保持私有响应。可用 `PUBLIC_DATA_CACHE_TTL_MS` 缩短公共缓存时间，设为 `0` 可关闭；多实例各自维护缓存。
+
+详情、章节、选集、评论和推荐按 URL 中的 ID 并行请求。浏览器复用首屏中的公开配置和页脚数据，下载与广告交互不再等待重复取数；SDK 配置仍单独读取，不写入 HTML。支持浏览器前进后退缓存时，公开页保留 DOM、滚动位置和交互，并在后台恢复当前会话和页面埋点；账户、播放及打开弹窗的页面仍重新请求，防止恢复已处置的支付/权限状态。
+
+有效业务页面在 Proxy 中恢复账号或建立游客会话，将同一身份的 Cookie 传给本次服务端渲染并写回浏览器。客户端复用已准备的用户信息，避免首屏再次初始化游客。正式账号过期显示登录入口，接口异常直接返回重试状态；账户页面保持 `private, no-store` 和 `noindex`。首屏账号、账户列表、套餐、流水和播放器数据均按字段白名单传递，未授权付费视频源、服务端账号凭证及 SDK 私密配置不写入 HTML；点击金币集数仍读取实时权限、价格并由用户确认解锁。当前 Next.js 动态参数在路由入口只解码一次，中文和含空格、斜杠、百分号的搜索词与浏览器保持一致。
+
+JSON-LD 参考 `huangguo.com` 的品牌节点及参考项目 `seoser/jsonld.go`：收录页输出 `Organization`、`WebSite` 和对应 `WebPage` / `CollectionPage`，列表输出实际内容的 `ItemList`，详情使用 `TVSeries`，播放页关联 `TVEpisode` 与具备真实封面、发布时间的 `VideoObject`。关于页使用 `AboutPage`，常见问题直接从页面可见问答生成 `FAQPage`。URL、站名与分页序号沿用现有动态 SEO 配置；不使用参考站的品牌、域名、伪造日期或评分。每份页面响应包含本页的原生 JSON-LD script，不收录页不输出旧页面的数据。测试覆盖脚本安全转义和重复节点清理。
+
+- 文档：https://91av-wz.80sygtm.com/swagger/index.html
+- `UPSTREAM_API_URL`：开发、测试环境为 `http://172.104.181.99:21022`，生产环境为 `http://172.104.56.28:26125`；兼容旧 `API_BASE_URL`。
+- `API_CHANNEL`：可选游客、登录和绑定的默认渠道码；已有首次渠道时优先保留。
+- 项目编号：`JHA-1047`。接口读取与业务处理位于 `src/lib/api/server.ts`、`src/lib/client/config.ts`、`src/lib/client/channel.ts`、`src/lib/client/auth.ts` 和 `src/lib/client/account.ts`。
+
+浏览器访问同源 `/api/*`，由 Next.js 按白名单代理到配置上游的 `/api/app/*`。Nginx 已有的 `/api/app/* → Go` 规则可以保留，其他 `/api/*` 交给 Next.js；不能将整个 `/api/` 都交给 Go。旧 Next.js `/api/app/*` 处理器仍保留供本地兼容访问。首页由服务端渲染，公开首页数据缓存 30 秒。公共接口不携带用户 token；用户接口使用 HttpOnly、SameSite Cookie。token 和密码不会写入浏览器本地存储或返回给前端脚本。
+
+若显式配置为 `current`，则使用当前请求域名（默认配置不使用此模式）。该模式依赖 Nginx 将 `/api/app/*` 及 `/h5/*`、`/enkey`、`/newenkey` 等后端媒体路径转发到 Go，本站其他页面和 `/api/*` 由 Next.js 处理。上游请求若被再次转回 Next.js，会立即返回 `502` 和转发配置提示，避免递归请求。修改接口模式后重启服务即可，无须将当前域名写入前端构建产物。
+
+请求处理参考 `jha-1045-hgdjnet-web`：Next.js 接口代理不根据 `Origin`、`Host` 或 `Sec-Fetch-Site` 拦截 POST，避免 CloudFront / Nginx 转发后域名或协议变化导致正常浏览器请求返回 403。浏览器继续请求当前站点的 `/api/*`，代理负责接口白名单、参数处理和会话传递，业务权限由上游校验。
+
+## 登录与游客绑定
+
+登录流程由本项目（`JHA-1047`）的 `src/lib/client/auth.ts` 和 `src/app/api/app/[...path]/route.ts` 实现，保留本站登录弹窗。
+
+- 首次访问自动建立游客会话；已有 Cookie 时先读取 `auth/getInfo` 恢复身份、昵称和余额，接口未返回新 token 时继续使用原 token。
+- 游客、登录和绑定使用同一持久设备标识，发送 `devID` 和渠道；首次渠道取 `dc/ch/pc`，后续访问保持不变。绑定支持 `inviteCode/invite/code` 邀请参数。服务端按参考项目发送设备头，并透传有效的客户端 IP。
+- 绑定携带当前游客凭证以保留其数据；前端填写账号、密码和确认密码并同意协议，无需邮箱。上游要求的缺省邮箱由服务端生成为 `账号@91dj.local`；实际已绑定邮箱仍用于找回密码。
+- 绑定账号为 6–20 位字母或数字，密码为 8–64 位且包含字母和数字；登录兼容旧账号的 4 位密码及绑定允许的较长账号、密码，支持邮箱登录。
+- 登录失败保留原身份；成功后更新账户并重新读取当前页面。自动游客、登录和退出响应串行处理，旧请求的失效结果不会清除客户端刚登录的身份。
+- 游客请求明确返回会话失效时重建游客并重试一次；正式账号失效会清理会话并提示登录。登录、注册、找回密码自身的错误不触发游客恢复。
+- 退出清理会话，并跳过紧接着一次页面初始化的自动游客登录。当前页面保持未登录，主动登录或绑定可恢复使用。
+- 表单提交期间禁用重复提交；支持显示/隐藏密码，关闭和成功后均清除密码值。仅设备与渠道写本地存储，凭证保留在 HttpOnly Cookie。
+
+## 已接入
+
+- 首页轮播、公告、后台配置栏目、广告、题材及视频区块。
+- 短剧运营分类、剧集视频列表、榜单、专题、题材/标签、分页和更多列表。
+- 搜索、搜索联想、热搜、猜你喜欢；搜索记录单独保存在当前浏览器。
+- 短剧详情、章节列表、章节权限和实际播放地址；HLS 播放、媒体代理和播放上报。
+- 游客会话、登录、注册/游客绑定、找回密码、资料与头像更新。
+- 个人中心统计、收藏、历史、点赞、已购列表；点赞、收藏、评论、回复、评论点赞。
+- 金币/VIP 套餐、支付方式、订单创建、余额查询和逐集解锁。
+- 应用列表、下载配置、固定平台说明页、反馈提交。
+
+首页“推荐 / 最新 / 热门 / 随机”筛选项保持移除。栏目排序、列表数据、总数与观看权限由接口决定，失败时显示错误或空状态。
+
+首页动态栏目沿用 HTML 的模块间距（桌面 48px、移动端 32px）与卡片网格，首个栏目不再复用原稿图文混排区域的选择器。首页封面统一为 3:4，图片居中裁切，避免接口方图、竖图混排时卡片高度不齐，并在图片解密加载前预留封面高度。
+
+全站以 `91短剧-2组 (3).html` 的页面结构和样式为基准：短剧、剧集、专题、题材/标签、更多列表和搜索页沿用原稿网格、标题、筛选栏和封面框；排行榜使用原稿数字角标、五列布局及窄屏断点，排名按接口分页顺序连续计算，榜单 tab 保持独立路由。搜索关键词只在已转义的标题中高亮。
+
+专题列表与专题详情按 HTML 直接展示卡片和分页，不增加“最新专题 / 热门专题”或“编辑推荐 / 最新 / 最热”等分类选项。
+
+搜索结果由本项目（`JHA-1047`）的 `src/lib/client/search.ts` 和 `src/lib/seo-server.ts` 实现：服务端准备会话后调用 `playlet/search`，传入 `keyword/pageNum/pageSize`，默认每页 25 条；展示接口总数、关键词和实际 `pageSize`，剧名优先使用 `playName`，不再本地筛选接口结果。无结果优先展示 `everyoneWatching`，缺少推荐时请求 `playlet/hot/list`；推荐不计入搜索数量。`/search/` 可直接进入，空关键词跳过搜索接口，翻页使用 `/search/{关键词}/page/{页码}/`，搜索框、热搜、搜索历史和联想词入口均直接生成关键词路径，不通过重定向转换。标题高亮沿用 HTML 的 NFKC、大小写和空白处理；无结果/失败状态使用原稿插图，接口错误保留重试入口，不伪装为零结果。
+
+个人中心、收藏、历史、点赞与已购页共用原稿的头像/金币余额卡片、资料入口、书架导航与卡片列表；个人中心默认展示真实观看历史，分页链接进入历史页。设置页恢复头像编辑、昵称保存和账号安全卡片，资料、头像、密码仍通过原有接口保存；登录/绑定弹窗恢复原稿输入框、眼睛图标与按钮层级。页脚与桌面导航采用新版 HTML 的排版。
+
+“关于我们、用户协议、隐私政策、常见问题、2257、DMCA”六页固定使用 `src/lib/info-pages.ts` 中的原 HTML 文案与结构，不再请求富文本接口，底部入口也保持固定。每次访问均由服务端输出正文、标题和对应样式标记，无须等待首页或富文本接口。保留分节间距、折叠问答、编号段落和 `mailto:` 邮箱链接，反馈链接直接使用 `/info/feedback/`。
+
+“关于我们”的“联系我们”沿用 HTML 分节和段落样式：商务合作读取 `config.telegram`（兼容 `telegramAdd`），用户反馈读取 `config.tgGroup`，空值再取 `newAddressInfo`；不使用邮箱或在线客服地址代替 TG。服务时间等附加说明读取 `config/footer/info` 的 `footerInfo.contactList`。这些内容随正文一起由服务端输出，未配置的项目不展示。
+
+反馈页恢复原稿的问题选项、环境/设备面板、描述计数、上传区域和提交区。实际提交通过 `feedback/add`，环境信息随描述保存；图片通过现有 `upload/image` 上传，支持最多 3 张、每张 5MB 以内的 JPG/PNG/WebP，不展示接口尚未支持的视频上传。上传失败不清空表单，提交时阻止重复写入，离开页面后隔离迟到的结果。
+
+详情页结构按原 HTML 调整：封面与资料卡、热度图标和标签、播放/下载与互动操作栏、三行简介展开/收起、选集横向分段和金币角标、官方链接、评论及嵌套回复。移动端复用原稿的封面、四列操作栏与五列选集布局；无下载配置时只显示播放入口，无推荐数据时不留空侧栏。内容和章节 ID 继续由接口提供，评论分页保持独立路由。
+
+支付和解锁均由用户在页面确认后发起；创建订单不会直接把本地余额改为“支付成功”，余额通过用户信息接口刷新。
+
+充值页按 `91短剧-2组 (3).html#info/deposit` 展示余额与金币用途卡片、套餐面板、推荐角标、选中标记、独立支付按钮和交易明细。先选择接口套餐，再点击“立即支付”打开确认弹窗；价格、赠送金币与流水收支读取真实字段，不使用原稿的模拟金额和交易记录。桌面端四列、移动端三列套餐，交易明细继续使用独立分页路由。
+
+充值确认弹窗按原 HTML 展示订单摘要、赠送/合计金币、金额徽标、支付渠道图标与选中圆点、“去支付”按钮和确认说明。金币数读取 `baseCoin/giftCoin/totalCoin`，价格按接口分单位换算；仅展示套餐配置的支付方式。切换样式按钮会同步实际下单参数，提交期间禁止重复下单。金币和 VIP 下单成功后自动在新标签页打开支付地址；原页保留“打开支付页面”供再次打开同一订单，以及“我已完成支付，刷新余额”。点击去支付时先预留标签页以避免异步弹窗拦截，下单失败或离开页面时关闭等待页，浏览器禁止新窗口时自动在当前页继续支付。创建订单后仍需用户完成真实支付。
+
+详情和播放页点击金币集数，直接打开原 HTML 样式的解锁弹窗，读取所选章节的最新权限、余额和价格；价格优先使用 `costCoins`，其次 `singleCoins`。确认后提交该集的 `chapterId/playletId`，成功后刷新余额并进入对应播放页；余额不足进入充值，会员章节进入会员套餐。读取期间禁止支付，支付期间禁止重复提交或切换目标；关闭弹窗、切换集数或离开页面会隔离迟到的读取结果。已允许观看的章节仍使用真实播放链接。
+
+App 下载入口（顶部、悬浮图标、首页底部、详情页和 `/navigation/`）统一校验配置。配置返回前隐藏入口；没有有效的 HTTP(S) 下载链接时不展示。电脑端直接点击链接下载，已移除悬浮二维码面板和触发脚本；移动端保留点击下载弹窗，二维码只在实际点击时生成。
+
+图片解密由本项目（`JHA-1047`）的 `src/lib/client/images.ts` 实现：使用相同密钥对前 100 字节做 XOR，识别 JPEG、PNG、GIF、WebP，并兼容未加密图片。封面、轮播、题材、广告、应用图标、用户/评论头像和视频 poster 统一处理；接口原图放在 `data-src` / `data-poster`，完成解密后展示 Blob URL。本地素材和下载二维码保持直接加载。移动端并发 2、桌面端并发 4，首屏主图和弹窗优先；共享请求与缓存、视口懒加载、12 秒超时及占位图回退，页面离开时释放 Blob URL。
+
+播放逻辑由本项目（`JHA-1047`）的 `src/lib/client/player.ts`、`src/lib/client/playback.ts` 和 `src/lib/api/media.ts` 实现：绝对地址直接播放，相对地址走 `/h5/m3u8/`；Safari 优先原生 HLS，其余浏览器优先 hls.js，无 MSE 时再尝试原生 HLS。保留移动端内联属性，HLS 致命错误最多恢复 3 次，重试会重建播放器；切换预告、正片或离开路由时销毁旧实例。锁定章节可看配置的免费预告，正片按 `canWatch` 和参考项目的旧字段兼容规则判定；金币解锁需用户确认，成功后重新获取账户与章节，预告不提交正片观看上报。上一集/下一集使用接口的真实章节 ID。
+
+H.264/AVC 与 H.265/HEVC 使用 `hls.js` 1.7.3 完整版解析，保留 HEVC MPEG-2 TS 支持（参考项目为 1.6.13 完整版）。多编码清单按设备能力保留 H.264、`hvc1`、`hev1`，不强制改写编码或限制为 H.264。编码不兼容时在 hls.js 与原生 HLS 之间各尝试一次，保留签名与播放位置；普通网络/密钥错误仍走原有恢复逻辑。无可用解码方式时显示编码不支持提示。H.265 的实际解码依赖浏览器、系统及设备能力，前端不提供转码或软件解码器，参见 [hls.js 官方说明](https://github.com/video-dev/hls.js/blob/v1.7.3/README.md)。
+
+媒体和 `/enkey`、`/newenkey` 使用 Route Handler 读取运行时 `UPSTREAM_API_URL`，保留完整签名查询参数，不转发应用登录 Cookie 或 Authorization。密钥上游先请求无尾斜杠路径，兼容不同服务的尾斜杠规则：只允许同一域名、同一密钥路径增加或删除尾斜杠的一次跳转，签名查询、IP 和 UA 保持不变，返回值必须是 16 字节 AES 密钥。媒体支持 Range，清单和密钥均不缓存，业务错误响应不会作为视频内容返回。
+
+## 年龄确认与广告弹窗
+
+弹窗逻辑由本项目（`JHA-1047`）的 `src/lib/client/startup.ts` 实现，保留本项目的弹窗样式。
+
+- 年龄确认使用会话记录 `hg_age_ok`，当前标签页会话首次进入时展示；确认后刷新、切换业务页面不再重复展示。存储不可用时仍可正常确认并继续；退出行为与参考项目一致，打开 Google。
+- 大图广告使用配置接口 `advitise.dialogList`，按接口顺序逐条展示；先通过年龄确认，再显示已加载完成的广告，配置晚于确认返回时也能继续展示。
+- 点击关闭或按 Esc 进入下一条；点击广告在新标签页打开配置链接。全部关闭后，同一会话内不再展示相同广告队列；刷新时从当前广告恢复。广告队列签名优先使用 `advertiseCode`，队列变化后重新展示。
+- 图片加载失败、解码失败或 12 秒超时会跳过当前广告；全部失败时不记为已完成，后续页面可以重试。
+- 大图广告结束后展示 `advitise.nineGridList` 宫格弹窗，保留 HTML 的四列图标、名称、间距、模糊遮罩和底部关闭按钮；没有大图广告时，年龄确认后直接展示宫格。按配置顺序渲染，不补齐模拟数据，图片复用解密逻辑，失败项不展示；没有有效图片时不弹出。点击应用打开配置链接并关闭弹窗，关闭按钮和 Esc 均可关闭；`gridAdDismissed` 独立记录当前宫格配置，同一会话不重复展示，配置变化后可重新展示。
+- 宫格弹窗最大高度为视口的 80%，预留底部关闭按钮空间，超出的广告在宫格区域内纵向滚动；每次展示从顶部开始。
+
+`/navigation/` 保持独立入口页，不加载年龄确认和广告队列。
+
+## 验证
+
+`npm test` 使用独立本地模拟上游和生产构建验证代理与 SSR，不写入真实业务数据。
+
+启动服务后可执行真实接口检查：
+
+```sh
+PREVIEW_URL=http://127.0.0.1:21021 npm run smoke:api
+```
+
+若游客登录服务暂时超时，可仅验证公开内容：
+
+```sh
+SMOKE_PUBLIC_ONLY=1 PREVIEW_URL=http://127.0.0.1:21021 npm run smoke:api
+```
+
+2026-10-21 的类型检查、生产构建和全部 258 项测试通过；真实接口检查通过游客会话、公开与个人只读接口及 29 个页面。页面检查确认账户、充值、搜索和工具页的首个响应包含完整正文。真实支付、付费解锁及浏览器视觉验收不在此次验证范围内，详情见 [验证记录](docs/verification.md)。
+
+## 目录
+
+- `src/app/api/app/[...path]/route.ts`：业务代理、会话 Cookie 和接口白名单。
+- `src/app/[...path]/page.tsx` 与 `src/lib/routing.ts`：页面路径入口、校验与解析。
+- `src/app/navigation/page.tsx`：独立入口导航页，服务端读取线路、渠道和下载配置。
+- `src/lib/api/`：接口类型、响应兼容和服务端请求。
+- `src/lib/seo-server.ts`：服务端页面取数、正文模板和 SEO。
+- `src/lib/api/page-session.ts`：页面会话准备及同一次请求的 Cookie 传递。
+- `src/lib/api/public-cache.ts`：有上限的公共数据缓存、过期刷新及并发合并。
+- `src/lib/site-shared-data.ts`：首屏公开配置和页脚数据白名单。
+- `src/lib/client/`：共享页面模板及轮播、播放、登录、支付、下载等浏览器交互。
+- `public/scripts/site-runtime.js`：原稿布局、移动端菜单和播放器控件。
+- `public/assets/`：本地品牌、图标和空状态素材。
+- `tests/api-integration.test.mjs`：SSR、鉴权隔离和代理边界测试。
+- `tests/routing.test.mjs`：路径解析、搜索关键词编码、hash 地址不转换与原生页面导航测试。
+- `src/lib/client/startup.ts` 与 `tests/startup.test.mjs`：年龄确认、广告队列和会话进度，以及控制器与浏览器事件适配测试。
+
+## 埋点
+
+按照 [Web SDK v1.2.0 文档](https://doc2.adcenteryyds.cc/web/getting-started.html) 、[飞书埋点规范](https://djprsdgo4i4n.jp.larksuite.com/wiki/X8sjwbzs2ib01Ak2TWzj9Y94pFd)（已通过 Google Chrome 读取，包含 2026-10-17 更新）为本项目（`JHA-1047`）接入，官方 SDK 固定保存在 `public/scripts/web-sdk-v1.2.0.js`。应用 ID 默认 `1047`，可通过 `NEXT_PUBLIC_TRACKER_APP_ID` 配置，必须与当前站点密文和上游应用一致；初始化优先读取 `config/info.reportSdkConfig`，可选 `NEXT_PUBLIC_TRACKER_ENCRYPTED_CONFIG` 作为同项目的密文备用配置。缺少配置或 SDK 加载失败时，业务页面继续工作。
+
+- SDK 自动采集生命周期、网络和会话；关闭自动 PV/点击，由接入层按真实路径上报，避免重复。支持首页、榜单、分页、专题、搜索、账户、信息页和独立导航页；登录、游客恢复和退出后同步 UID，渠道沿用首次归因。
+- 内容曝光以可见元素为准，关闭的弹窗、被模态弹窗遮挡的页面、后台标签页和轮播副本不计入；关闭弹窗或恢复标签页后重新观察尚未曝光的元素。短剧、专题和普通福利应用均有曝光、点击；内容无父级时 `parent_item_id` 使用 `0`，满足 SDK 的必填非空字符串校验。
+- 广告保留接口广告代码和广告位字段，上报 `adImpression/adClick`；页面广告、大图弹窗、宫格弹窗按实际展示位置分别去重，避免同一广告出现在宫格时被首页曝光记录吞掉。宫格仅统计滚动区域内可见的项目。两种弹窗另按参考项目协议上报 `advertising` 的 `show/click/close` 行为；只关闭实际曝光过的项目，同一展示只记一次关闭，关闭不算广告点击。福利应用有 `advitiseId` 时使用该广告 ID 上报，没有广告关联时按普通内容统计。
+- 搜索成功后上报关键词与实际总数，结果点击使用含页码的全局位置；未接推荐引擎的追踪字段保留空串。顶部、侧栏、独立入口页渠道和 App 下载入口记录导航点击。
+- 短剧使用 `dramaEvent/dramaStatusChange`，记录展示、播放、暂停、快进/快退、完成、分享、切集和成功解锁；独立视频使用 `videoEvent`。终止播放失败分别上报 `ep_failed/video_failed`（播放失败），自动恢复中的中间错误和预告失败不作为正片失败上报。短剧完播同时补报 `ep_play`，进度固定 100%，保留最后一段播放时长。播放时长按实际播放区间累计，排除缓冲和免费预告，进度为百分比，倍速乘以 100。
+- 所有同源业务 API 请求携带 SDK 原始公共字段 `X-SDK-Common`，保留 SDK 返回的完整公共字段，包括应用、渠道、UID、数值时间戳、会话、设备、指纹和版本等；注册、登录、充值及 VIP 下单都使用同一份字段格式。字段来自 `WebSDK.getCommonFields()`，不重新生成指纹或会话 ID，等待最多 1.5 秒。
+- 点赞、收藏、评论、购买由上游服务端上报，前端传入 `X-Tracker-Request-Id/X-Tracker-Event-Name/X-DC-Request-Context`，包含完整公共字段和目标剧集上下文。Next.js 代理校验应用 ID、事件对应接口和字段结构后透传；游客重试复用原始快照和请求 ID，不额外从客户端发送业务成功事件。
+
+SDK 未初始化时最多缓存 1000 条事件，配置到达后按顺序补发；配置接口的首次请求不等待 SDK 加载，避免互相等待，首次 SDK 脚本失败后在取得配置时再尝试加载。SDK 返回字段校验失败、事件不在允许列表、地址不可用或异常时，仅触发脱敏的 `tracker:diagnostic` 事件，不向浏览器控制台输出。自带 SDK 仅移除了三处控制台警告，保留字段校验、HTTPS 地址限制和配置解密失败兜底；网络重试和持久队列由官方 SDK 负责。
+
+埋点回归使用 SDK 替身及项目自带官方 SDK 的真实字段校验器；浏览器验证使用同一 SDK 的事件地址参数，将签名后的测试记录发送到本机接收端，不向真实统计后台发送测试事件。生产环境还需在广告中心为当前应用的 `reportSdkConfig` 配置业务域名反向代理地址（SDK 的 `batchUrls`），由部署层转发到文档指定的生产批量上报接口，不能让客户端直连生产上报域名。代理需保留请求体、真实来源 IP 和 SDK 签名；目前未变更线上域名或 Nginx 配置。
+
+“我的点赞”入口位于头像菜单和个人中心书架导航，路由为 `/member/likes/`，分页使用 `/member/likes/page/N/`。服务端通过当前账号请求 `GET /api/app/playlet/like/list?pageNum=N&pageSize=24`，列表不进入公开缓存或搜索索引；空列表显示原 HTML 的空状态和发现入口，接口失败显示重试状态。
diff --git a/config/development.env b/config/development.env
new file mode 100644
index 0000000..846f819
--- /dev/null
+++ b/config/development.env
@@ -0,0 +1,9 @@
+# Local development. Personal overrides belong in development.local.env.
+APP_ENV=development
+PORT=21021
+# Server-only Go API origin. Browser requests use the current site's /api/*.
+UPSTREAM_API_URL=http://172.104.181.99:21022
+API_CHANNEL=
+PUBLIC_DATA_CACHE_TTL_MS=0
+NEXT_PUBLIC_TRACKER_APP_ID=1047
+NEXT_PUBLIC_TRACKER_ENCRYPTED_CONFIG=
diff --git a/config/production.env b/config/production.env
new file mode 100644
index 0000000..7dfbb6d
--- /dev/null
+++ b/config/production.env
@@ -0,0 +1,9 @@
+# Production defaults. Server overrides belong in production.local.env.
+APP_ENV=production
+PORT=21021
+# Server-only Go API origin. Browser requests use the current site's /api/*.
+UPSTREAM_API_URL=http://172.104.56.28:26125
+API_CHANNEL=
+PUBLIC_DATA_CACHE_TTL_MS=60000
+NEXT_PUBLIC_TRACKER_APP_ID=1047
+NEXT_PUBLIC_TRACKER_ENCRYPTED_CONFIG=
diff --git a/config/test.env b/config/test.env
new file mode 100644
index 0000000..060cce5
--- /dev/null
+++ b/config/test.env
@@ -0,0 +1,9 @@
+# Test deployment. Server overrides belong in test.local.env.
+APP_ENV=test
+PORT=21021
+# Server-only Go API origin. Browser requests use the current site's /api/*.
+UPSTREAM_API_URL=http://172.104.181.99:21022
+API_CHANNEL=
+PUBLIC_DATA_CACHE_TTL_MS=60000
+NEXT_PUBLIC_TRACKER_APP_ID=1047
+NEXT_PUBLIC_TRACKER_ENCRYPTED_CONFIG=
diff --git a/deploy/up_next_h5.sh b/deploy/up_next_h5.sh
new file mode 100755
index 0000000..4b5e891
--- /dev/null
+++ b/deploy/up_next_h5.sh
@@ -0,0 +1,93 @@
+#!/bin/bash
+# Linux 测试服 tar.gz 更新入口；需预先配置 Supervisor 程序并手动调用。
+set -Eeuo pipefail
+DIR=$(cd "$(dirname "$0")" && pwd)
+PROGRAM="${DEPLOY_PROGRAM:-91dj_next_h5}"
+PACKAGE_NAME="${DEPLOY_PACKAGE_NAME:-web_91dj_h5.tar.gz}"
+CHECKSUM_NAME="$PACKAGE_NAME.sha256"
+[[ "$PROGRAM" =~ ^[a-zA-Z0-9_][a-zA-Z0-9_-]*$ ]] || { echo 'DEPLOY_PROGRAM 格式无效' >&2; exit 1; }
+[[ "$PACKAGE_NAME" =~ ^[a-zA-Z0-9_][a-zA-Z0-9_.-]*\.tar\.gz$ ]] || { echo 'DEPLOY_PACKAGE_NAME 必须是 .tar.gz 文件名' >&2; exit 1; }
+CURRENT="$DIR/next"
+LOCK="$DIR/.$PROGRAM.lock"
+STAGING=''; UPLOAD=''; PREVIOUS=''; FAILED=''
+MOVED_OLD=0; INSTALLED=0; STOPPED=0; WAS_RUNNING=0
+fail() { printf '错误：%s\n' "$*" >&2; exit 1; }
+for tool in node npm sha256sum tar supervisorctl mktemp; do command -v "$tool" >/dev/null || fail "缺少命令 $tool"; done
+node -e 'const [a,b]=process.versions.node.split(".").map(Number);if(a<20||a===20&&b<9)process.exit(1)' || fail '需要 Node.js >=20.9'
+mkdir "$LOCK" 2>/dev/null || fail "已有更新进程或残留锁：$LOCK"
+finish() {
+  local result=$?
+  trap - EXIT INT TERM
+  if [ "$result" != 0 ] && { [ "$STOPPED" = 1 ] || [ "$INSTALLED" = 1 ] || [ "$MOVED_OLD" = 1 ]; }; then
+    printf '更新失败，恢复上一版本。\n' >&2
+    supervisorctl stop "$PROGRAM" >/dev/null 2>&1 || true
+    if [ "$INSTALLED" = 1 ]; then
+      FAILED="$DIR/next.failed.$(date +%Y%m%d%H%M%S).$$"
+      mv "$CURRENT" "$FAILED" || { echo "无法保存失败版本：$CURRENT" >&2; result=1; }
+    fi
+    if [ "$MOVED_OLD" = 1 ]; then
+      mv "$PREVIOUS" "$CURRENT" || { echo "需要手动恢复：$PREVIOUS → $CURRENT" >&2; result=1; }
+    fi
+    if [ "$WAS_RUNNING" = 1 ]; then supervisorctl start "$PROGRAM" || result=1; fi
+  fi
+  if [ -n "$STAGING" ] && [ -d "$STAGING" ]; then rm -rf "$STAGING"; fi
+  if [ -n "$UPLOAD" ] && [ -d "$UPLOAD" ]; then rm -rf "$UPLOAD"; fi
+  rmdir "$LOCK" 2>/dev/null || true
+  exit "$result"
+}
+trap finish EXIT
+trap 'exit 130' INT
+trap 'exit 143' TERM
+[ ! -L "$CURRENT" ] && { [ ! -e "$CURRENT" ] || [ -d "$CURRENT" ]; } || fail 'next 必须是普通目录'
+STATUS=$(supervisorctl status "$PROGRAM" 2>/dev/null || true)
+[[ "$STATUS" == "$PROGRAM "* ]] && [[ "$STATUS" != *'ERROR'* ]] || fail "请先配置 Supervisor 程序 $PROGRAM，command 指向 node $CURRENT/start.mjs"
+if [[ "$STATUS" == *'RUNNING'* ]]; then WAS_RUNNING=1; fi
+[ -s "$DIR/$PACKAGE_NAME" ] && [ -s "$DIR/$CHECKSUM_NAME" ] || fail "缺少 $PACKAGE_NAME 或 SHA-256"
+# Freeze the uploaded pair before validation/extraction; concurrent uploads cannot replace this copy.
+UPLOAD=$(mktemp -d "$DIR/.91dj-upload.XXXXXX")
+cp "$DIR/$PACKAGE_NAME" "$DIR/$CHECKSUM_NAME" "$UPLOAD/"
+(cd "$UPLOAD" && sha256sum -c "$CHECKSUM_NAME") || fail 'SHA-256 校验失败'
+LC_ALL=C tar -tzf "$UPLOAD/$PACKAGE_NAME" > "$UPLOAD/members" || fail 'tar.gz 压缩包损坏'
+while IFS= read -r entry; do
+  entry="${entry#./}"
+  case "$entry" in
+    /*|../*|*/../*|*/..|node_modules|node_modules/*|*/node_modules/*|*\\*) fail "非法 tar.gz 路径：$entry" ;;
+  esac
+done < "$UPLOAD/members"
+# Reject links and special entries before extraction, including hard links to outside paths.
+LC_ALL=C tar -tvzf "$UPLOAD/$PACKAGE_NAME" > "$UPLOAD/types" || fail '无法检查 tar.gz 文件类型'
+while IFS= read -r entry; do
+  case "$entry" in
+    -?*|d?*) ;;
+    *) fail '测试包只允许普通文件和目录，不允许链接或特殊文件' ;;
+  esac
+done < "$UPLOAD/types"
+STAGING=$(mktemp -d "$DIR/.91dj-release.XXXXXX")
+tar -xzf "$UPLOAD/$PACKAGE_NAME" -C "$STAGING" --no-same-owner --no-same-permissions
+[ -z "$(find "$STAGING" -type l -print -quit)" ] || fail '测试包不允许符号链接'
+for file in start.mjs server.js .next-test/BUILD_ID config/test.env package.json package-lock.json scripts/next-env.mjs scripts/check-health.mjs; do
+  [ -s "$STAGING/$file" ] || fail "包内缺少 $file"
+done
+[ -d "$STAGING/.next-test/static" ] && [ -d "$STAGING/public" ] || fail '包内缺少静态资源'
+# Install for the server's real OS/CPU, rather than shipping this Mac's node_modules.
+(cd "$STAGING" && npm ci --omit=dev --no-audit --no-fund)
+if [ -f "$CURRENT/config/test.local.env" ] && [ ! -L "$CURRENT/config/test.local.env" ]; then
+  cp "$CURRENT/config/test.local.env" "$STAGING/config/test.local.env"
+  chmod 600 "$STAGING/config/test.local.env"
+fi
+if [ -d "$CURRENT/.next-test/cache/seo" ] && [ ! -L "$CURRENT/.next-test/cache/seo" ]; then
+  mkdir -p "$STAGING/.next-test/cache"
+  cp -R "$CURRENT/.next-test/cache/seo" "$STAGING/.next-test/cache/seo"
+fi
+APP_PORT=$(cd "$STAGING" && node --input-type=module -e 'import{nextCommand}from"./scripts/next-env.mjs";console.log(nextCommand("test","start",[],{root:process.cwd()}).env.PORT)')
+# Stop only after checksum, installation and configuration validation have succeeded.
+if [ "$WAS_RUNNING" = 1 ]; then supervisorctl stop "$PROGRAM"; STOPPED=1; fi
+if [ -d "$CURRENT" ]; then
+  PREVIOUS="$DIR/next.prev.$(date +%Y%m%d%H%M%S).$$"
+  mv "$CURRENT" "$PREVIOUS"; MOVED_OLD=1
+fi
+mv "$STAGING" "$CURRENT"; STAGING=''; INSTALLED=1
+supervisorctl start "$PROGRAM"
+node "$CURRENT/scripts/check-health.mjs" "http://127.0.0.1:$APP_PORT" test
+supervisorctl status "$PROGRAM"
+printf '测试服更新完成：%s；上一版本：%s\n' "$CURRENT" "${PREVIOUS:-无}"
diff --git a/deploy_prod.sh b/deploy_prod.sh
new file mode 100755
index 0000000..841b642
--- /dev/null
+++ b/deploy_prod.sh
@@ -0,0 +1,91 @@
+#!/bin/bash
+# 91短剧正式服：构建 → 测试 → Linux standalone + MD5 → 可选触发 rsupdate.sh。
+set -euo pipefail
+SCRIPT_DIR=$(cd "$(dirname "$0")" && pwd)
+cd "$SCRIPT_DIR"
+source "$SCRIPT_DIR/scripts/deploy-common.sh"
+JUMP_HOST="${DEPLOY_JUMP_HOST:-server@34.92.204.175}"
+# 压缩包上传完成后，在同一目录执行服务器现有的 rsupdate.sh。
+JUMP_DIR="${DEPLOY_JUMP_DIR:-/home/server/web_91dj/h5}"
+# valid_path 限制目录为安全字符；命令文本与手动执行一致，兼容 SSH 命令白名单。
+REMOTE_UPDATE_COMMAND="cd ${JUMP_DIR%/} && bash rsupdate.sh"
+SCP_PORT="${DEPLOY_SCP_PORT:-22889}"
+SSH_PORT="${DEPLOY_SSH_PORT:-22889}"
+TARGET_ARCH="${DEPLOY_TARGET_ARCH:-x64}"
+TARGET_LIBC="${DEPLOY_TARGET_LIBC:-glibc}"
+PACKAGE_NAME="${DEPLOY_PACKAGE_NAME:-web_91dj_h5.tar.gz}"
+MD5_NAME="${PACKAGE_NAME%.tar.gz}.md5"
+RELEASE="$SCRIPT_DIR/dist/production-linux-$TARGET_ARCH-$TARGET_LIBC"
+PACKAGE_ONLY=0
+for argument in "$@"; do
+  case "$argument" in
+    --dry-run) DEPLOY_DRY_RUN=1 ;;
+    --package-only) PACKAGE_ONLY=1 ;;
+    -h|--help)
+      printf '用法：%s [--dry-run] [--package-only]\n' "$0"
+      printf '仅打包：--package-only。仅预览：--dry-run（不构建、不联网）。\n'
+      printf '上传目标：%s:%s/；上传成功后在该目录执行 bash rsupdate.sh。\n' "$JUMP_HOST" "${JUMP_DIR%/}"
+      printf '可覆盖 DEPLOY_JUMP_HOST、DEPLOY_JUMP_DIR、DEPLOY_SCP_PORT（%s）、DEPLOY_SSH_PORT（%s）、DEPLOY_PACKAGE_NAME（%s）、DEPLOY_TARGET_ARCH（x64/arm64）、DEPLOY_TARGET_LIBC（glibc/musl）。\n' "$SCP_PORT" "$SSH_PORT" "$PACKAGE_NAME"
+      exit 0 ;;
+    *) fail "不支持的参数 $argument" ;;
+  esac
+done
+case "$TARGET_ARCH" in x64|arm64) ;; *) fail 'DEPLOY_TARGET_ARCH 仅支持 x64 或 arm64' ;; esac
+case "$TARGET_LIBC" in glibc|musl) ;; *) fail 'DEPLOY_TARGET_LIBC 仅支持 glibc 或 musl' ;; esac
+[[ "$PACKAGE_NAME" =~ ^[a-zA-Z0-9_][a-zA-Z0-9_.-]*\.tar\.gz$ ]] || fail 'DEPLOY_PACKAGE_NAME 必须是 .tar.gz 文件名'
+if [ "$PACKAGE_ONLY" = 0 ] && [ "${DEPLOY_DRY_RUN:-0}" != 1 ]; then
+  valid_host "$JUMP_HOST" DEPLOY_JUMP_HOST; valid_path "$JUMP_DIR" DEPLOY_JUMP_DIR
+  valid_port "$SCP_PORT" DEPLOY_SCP_PORT; valid_port "$SSH_PORT" DEPLOY_SSH_PORT
+  need ssh; need scp; need tee
+fi
+check_local production
+if [ "${DEPLOY_DRY_RUN:-0}" = 1 ]; then
+  printf 'DRY RUN：正式环境；Linux %s/%s；不构建、不连接服务器。\n' "$TARGET_ARCH" "$TARGET_LIBC"; public_profile production
+  printf '  npm run check → npm run bundle → npm run bundle:linux -- %s %s\n' "$TARGET_ARCH" "$TARGET_LIBC"
+  printf '  保留 standalone 裁剪依赖，仅安装 lockfile 中目标 Linux 的 Sharp/libvips。\n'
+  printf '  生成 %s + %s（纯 MD5 hash）。\n' "$PACKAGE_NAME" "$MD5_NAME"
+  if [ "$PACKAGE_ONLY" = 1 ]; then printf '  仅生成本地包。\n'
+  else
+    printf '  scp -P %s %s %s %s:%s/\n' "$SCP_PORT" "$PACKAGE_NAME" "$MD5_NAME" "$JUMP_HOST" "${JUMP_DIR%/}"
+    printf '  ssh -p %s %s "%s"\n' "$SSH_PORT" "$JUMP_HOST" "$REMOTE_UPDATE_COMMAND"
+  fi
+  exit 0
+fi
+need tar
+command -v md5sum >/dev/null || command -v md5 >/dev/null || fail '缺少 md5sum 或 macOS md5'
+lock_build
+step '构建正式环境并运行回归测试'
+npm run check
+step '整理正式环境 standalone 和目标 Linux 原生依赖'
+npm run bundle
+npm run bundle:linux -- "$TARGET_ARCH" "$TARGET_LIBC"
+for file in start.mjs server.js .next/BUILD_ID config/production.env runtime-target.json; do
+  [ -s "$RELEASE/$file" ] || fail "正式包缺少 $file"
+done
+for directory in node_modules .next/static public; do [ -d "$RELEASE/$directory" ] || fail "正式包缺少 $directory"; done
+step "生成 $PACKAGE_NAME"
+TEMP_PACKAGE=$(mktemp "$SCRIPT_DIR/dist/.production-archive.XXXXXX")
+if ! COPYFILE_DISABLE=1 COPY_EXTENDED_ATTRIBUTES_DISABLE=1 tar --no-xattrs \
+  --exclude='._*' --exclude='.DS_Store' --exclude='.env*' --exclude='*.local.env' --exclude='*.log' \
+  -czf "$TEMP_PACKAGE" -C "$RELEASE" .; then
+  rm -f "$TEMP_PACKAGE"; fail '压缩失败'
+fi
+tar -tzf "$TEMP_PACKAGE" >/dev/null
+mv -f "$TEMP_PACKAGE" "$PACKAGE_NAME"
+chmod 600 "$PACKAGE_NAME"
+if command -v md5sum >/dev/null; then md5sum "$PACKAGE_NAME" | awk '{print $1}' > "$MD5_NAME"
+else md5 -q "$PACKAGE_NAME" > "$MD5_NAME"; fi
+printf '正式包：%s/%s；校验：%s/%s\n' "$SCRIPT_DIR" "$PACKAGE_NAME" "$SCRIPT_DIR" "$MD5_NAME"
+if [ "$PACKAGE_ONLY" = 1 ]; then exit 0; fi
+step "上传到 $JUMP_HOST:$JUMP_DIR/"
+scp -P "$SCP_PORT" "$PACKAGE_NAME" "$MD5_NAME" "$JUMP_HOST:${JUMP_DIR%/}/"
+step '执行正式服 rsupdate.sh'
+printf '远端命令：%s\n' "$REMOTE_UPDATE_COMMAND"
+RUN_LOG=$(mktemp "$SCRIPT_DIR/dist/production-rsupdate.XXXXXX")
+if ! ssh -p "$SSH_PORT" "$JUMP_HOST" "$REMOTE_UPDATE_COMMAND" 2>&1 | tee "$RUN_LOG"; then fail "rsupdate.sh 执行失败，日志：$RUN_LOG"; fi
+if ! node - "$RUN_LOG" <<'NODE'
+const output=require('node:fs').readFileSync(process.argv[2],'utf8').replace(/\x1b\[[0-?]*[ -/]*[@-~]/g,'');
+if(/\b(?:BACKOFF|FATAL|ERROR)\b|\bspawn\s+error\b/i.test(output))process.exit(1);
+NODE
+then fail "远端输出包含失败状态，日志：$RUN_LOG"; fi
+printf '正式服 rsupdate.sh 执行完成；请核对远端服务状态。日志：%s\n' "$RUN_LOG"
diff --git a/deploy_test.sh b/deploy_test.sh
new file mode 100755
index 0000000..b4dc7f3
--- /dev/null
+++ b/deploy_test.sh
@@ -0,0 +1,94 @@
+#!/bin/bash
+# 91短剧测试服：构建 → 测试 → tar.gz + SHA-256 → 可选上传并执行 run.sh。
+set -euo pipefail
+SCRIPT_DIR=$(cd "$(dirname "$0")" && pwd)
+cd "$SCRIPT_DIR"
+source "$SCRIPT_DIR/scripts/deploy-common.sh"
+HOST="${DEPLOY_HOST:-root@172.104.181.99}"
+SSH_PORT="${DEPLOY_SSH_PORT:-22889}"
+# 保留 91dj-web 已约定的上传位置；项目包和 Supervisor 标识使用 91dj。
+REMOTE_DIR="${DEPLOY_DIR:-/server/web_91dj/h5}"
+# 远端启动脚本目录独立于上传目录，按服务器约定执行。
+RUN_DIR="${DEPLOY_RUN_DIR:-/server/web_91dj/h5}"
+CHECK_URL="${DEPLOY_CHECK_URL:-}"
+PACKAGE_NAME="${DEPLOY_PACKAGE_NAME:-web_91dj_h5.tar.gz}"
+CHECKSUM_NAME="$PACKAGE_NAME.sha256"
+PACKAGE_ONLY=0
+for argument in "$@"; do
+  case "$argument" in
+    --dry-run) DEPLOY_DRY_RUN=1 ;;
+    --package-only) PACKAGE_ONLY=1 ;;
+    -h|--help)
+      printf '用法：%s [--dry-run] [--package-only]\n' "$0"
+      printf '仅打包：--package-only。仅预览：--dry-run（不构建、不联网）。\n'
+      printf '上传目标：%s:%s %s/。\n' "$HOST" "$SSH_PORT" "${REMOTE_DIR%/}"
+      printf '上传成功后：ssh -p %s %s "cd %s && bash run.sh"\n' "$SSH_PORT" "$HOST" "$RUN_DIR"
+      printf '可覆盖 DEPLOY_HOST、DEPLOY_DIR、DEPLOY_RUN_DIR（%s）、DEPLOY_SSH_PORT、DEPLOY_PACKAGE_NAME（%s）、DEPLOY_CHECK_URL。\n' "$RUN_DIR" "$PACKAGE_NAME"
+      exit 0 ;;
+    *) fail "不支持的参数 $argument" ;;
+  esac
+done
+[[ "$PACKAGE_NAME" =~ ^[a-zA-Z0-9_][a-zA-Z0-9_.-]*\.tar\.gz$ ]] || fail 'DEPLOY_PACKAGE_NAME 必须是 .tar.gz 文件名'
+if [ "$PACKAGE_ONLY" = 0 ] && [ "${DEPLOY_DRY_RUN:-0}" != 1 ]; then
+  valid_host "$HOST" DEPLOY_HOST; valid_path "$REMOTE_DIR" DEPLOY_DIR; valid_path "$RUN_DIR" DEPLOY_RUN_DIR; valid_port "$SSH_PORT" DEPLOY_SSH_PORT
+  need ssh; need scp
+fi
+check_local test
+if [ -n "$CHECK_URL" ]; then
+  node --input-type=module -e 'const u=new URL(process.argv[1]);if(!["http:","https:"].includes(u.protocol)||u.username||u.password||u.search||u.hash||u.pathname!=="/")process.exit(1)' "$CHECK_URL" || fail 'DEPLOY_CHECK_URL 必须是 HTTP(S) 站点根地址'
+fi
+if [ "${DEPLOY_DRY_RUN:-0}" = 1 ]; then
+  printf 'DRY RUN：测试环境；不构建、不连接服务器。\n'; public_profile test
+  printf '  npm run build:test → npm test → npm run bundle:test → %s + %s\n' "$PACKAGE_NAME" "$CHECKSUM_NAME"
+  printf '  包内不含 node_modules、本地环境覆盖和缓存；服务端 npm ci --omit=dev 后 node start.mjs。\n'
+  if [ "$PACKAGE_ONLY" = 1 ]; then printf '  仅生成本地包。\n'
+  else
+    printf '  发布目标：%s:%s（SSH %s）。\n' "$HOST" "$REMOTE_DIR" "$SSH_PORT"
+    printf '  上传 %s、%s 和 up_next_h5.sh。\n' "$PACKAGE_NAME" "$CHECKSUM_NAME"
+    printf '  上传成功后：ssh -p %s %s "cd %s && bash run.sh"\n' "$SSH_PORT" "$HOST" "$RUN_DIR"
+  fi
+  exit 0
+fi
+need tar
+[ -s deploy/up_next_h5.sh ] || fail '缺少 deploy/up_next_h5.sh'
+bash -n deploy/up_next_h5.sh
+lock_build
+step '构建测试环境并运行回归测试'
+npm run build:test
+TEST_APP_ENV=test npm test
+step '整理 standalone 测试包'
+npm run bundle:test
+for file in start.mjs server.js .next-test/BUILD_ID config/test.env; do
+  [ -s "dist/test/$file" ] || fail "测试包缺少 $file"
+done
+[ -d dist/test/.next-test/static ] && [ -d dist/test/public ] || fail '测试包缺少静态资源'
+step "生成 $PACKAGE_NAME 和 SHA-256"
+TEMP_PACKAGE=$(mktemp "$SCRIPT_DIR/dist/.test-archive.XXXXXX")
+if ! COPYFILE_DISABLE=1 COPY_EXTENDED_ATTRIBUTES_DISABLE=1 tar --no-xattrs \
+  --exclude='node_modules' --exclude='*/node_modules' --exclude='._*' --exclude='.DS_Store' \
+  --exclude='*.local.env' --exclude='.env*' --exclude='*.log' \
+  -czf "$TEMP_PACKAGE" -C dist/test .; then
+  rm -f "$TEMP_PACKAGE"; fail '压缩失败'
+fi
+tar -tzf "$TEMP_PACKAGE" >/dev/null
+mv -f "$TEMP_PACKAGE" "$PACKAGE_NAME"
+chmod 600 "$PACKAGE_NAME"
+node --input-type=module - "$PACKAGE_NAME" "$CHECKSUM_NAME" <<'NODE'
+import {createHash} from 'node:crypto';
+import {readFileSync,writeFileSync} from 'node:fs';
+const [archive,checksum]=process.argv.slice(2);
+const bytes=readFileSync(archive);
+writeFileSync(checksum,createHash('sha256').update(bytes).digest('hex')+'  '+archive+'\n');
+// The test and production commands share a package name; refresh its companion checksum too.
+writeFileSync(archive.replace(/\.tar\.gz$/,'.md5'),createHash('md5').update(bytes).digest('hex')+'\n');
+NODE
+printf '测试包：%s/%s；校验：%s/%s\n' "$SCRIPT_DIR" "$PACKAGE_NAME" "$SCRIPT_DIR" "$CHECKSUM_NAME"
+if [ "$PACKAGE_ONLY" = 1 ]; then exit 0; fi
+step "上传到 $HOST:$REMOTE_DIR/"
+ssh -p "$SSH_PORT" "$HOST" "mkdir -p '$REMOTE_DIR'"
+scp -P "$SSH_PORT" "$PACKAGE_NAME" "$CHECKSUM_NAME" deploy/up_next_h5.sh "$HOST:$REMOTE_DIR/"
+printf '测试包上传完成：%s:%s/%s\n' "$HOST" "${REMOTE_DIR%/}" "$PACKAGE_NAME"
+step "执行测试服 $RUN_DIR/run.sh"
+ssh -p "$SSH_PORT" "$HOST" "cd '$RUN_DIR' && bash run.sh"
+if [ -n "$CHECK_URL" ]; then node scripts/check-health.mjs "$CHECK_URL" test; fi
+printf '测试服 run.sh 执行完成：%s:%s/run.sh\n' "$HOST" "${RUN_DIR%/}"
diff --git a/docs/api-contract.md b/docs/api-contract.md
new file mode 100644
index 0000000..e0210b2
--- /dev/null
+++ b/docs/api-contract.md
@@ -0,0 +1,53 @@
+# 91av 页面接口对照
+
+核对日期：2026-10-21。来源：[当前 Swagger](https://91av-wz.80sygtm.com/swagger/index.html)。上游地址通过 `API_BASE_URL` 配置，默认 `https://91av-wz.80sygtm.com`；下表省略 `/api/app/` 前缀。
+
+| 页面 | 接口及关键参数 |
+| --- | --- |
+| 顶部、侧栏和移动导航 | `navigation/header`；使用 `categoryList` 的顺序、`name,urlValue,icon,categoryType,translationList`。1 为 URL、2 为二级导航，3 不混入主导航；不生成固定菜单 |
+| 首页 | `playlet/home`；轮播 `homeBannerData`，栏目 `homeConfigData`，广告 `advitise` |
+| 短剧列表 | `playlet/all/list`；`pageNum,pageSize,sortType`，排序 1 最新、2 热播、3 独家、4 随机 |
+| 三个排行榜 | `playlet/hot/rank/list`；`rankType` 分别为 1 热播、2 新剧、3 追剧，分页使用 `pageNum,pageSize` |
+| 专题列表 | `playlet/topic/list`；`pageNum,pageSize`，没有专题分类和排序参数 |
+| 专题详情、题材页 | `playlet/topic/detail`；`id,pageNum,pageSize`。当前服务的题材和专题使用同一 ID；不再向全量列表传会被忽略的 `themeId` |
+| 标签页 | `playlet/tag/list`；`tagSlug` 或 `tagId`，以及 `pageNum,pageSize,sortType` |
+| 首页“更多” | 优先使用 `moreUrl`，继续视为站内业务入口。未配置时使用 `/config/{slug或id}/`，从 `playlet/home.homeConfigData` 按 slug 或 ID 提取对应已启用栏目；只展示实际返回的条目，不伪造完整目录或后续分页 |
+| 搜索结果 | `playlet/search`；`keyword,pageNum,pageSize`。无结果优先展示 `everyoneWatching`，缺少推荐时读取 `playlet/hot/list` |
+| 搜索联想 | `playlet/search/suggest`；`keyword`，返回短剧对象，点击进入实际详情页；热搜词继续进入搜索页 |
+| 搜索推荐换一批 | `playlet/all/list`；`sortType=4` 随机获取，避免缺少必填的短剧 ID |
+| 短剧详情 | `playlet/detail` 传 `slug` 或 `id`；`playlet/chapter/list` 传 `playletSlug` 或 `playletId` |
+| 详情推荐 | `playlet/guess-like/list`；必须传当前 `playletId`，不依赖详情中未定义的推荐字段 |
+| 章节播放 | `playlet/chapter/detail`；`chapterId` 加 `playletSlug` 或 `playletId`，使用实时观看权限、费用、余额及视频地址。章节 SEO 优先于整剧 SEO |
+| 评论 | `comment/list`；`objectId,objectType,pageNum,pageSize,sortOrder`；整剧类型 10、章节类型 11 |
+| 收藏、历史、已购 | `playlet/collect/list`、`playlet/history/list`、`playlet/bought/list`；`pageNum,pageSize`；服务端使用 `auth/getInfo` 恢复当前账号，直接输出列表 |
+| 账号设置 | `auth/profile`；头像上传 `upload/image`，使用返回的 `sourceNameFs` |
+| 充值、VIP | `recharge/package/list`；读取真实套餐金额（分）、金币及支付渠道；余额明细 `coin/trans/list` 使用 `page,pageSize,type` |
+| 福利应用 | `applist/list?categoryId=…`；保留分类锚点及空分类隐藏逻辑 |
+| 回家的路、独立导航 | `config/info` 的永久地址、备用线路、TG、App 链接；没有 App 地址时隐藏下载入口 |
+| 关于等六个信息页 | 按既有要求保留 HTML 静态正文；联系我们使用配置中的商务 TG 与 TG 群，服务时间可取 `config/footer/info` |
+
+## 写接口
+
+2026-10-22 本项目（`JHA-1047`）调整内容地址：链接优先使用非空 slug，缺少时使用 ID，保留尾斜杠和独立分页。专题详情接口仍必填 ID，slug 路由先分页查询专题目录解析 ID，再读取详情；目录故障返回服务错误，不伪装成专题不存在。详情评论和推荐等只支持数字 ID 的接口在详情返回后使用真实 ID；支持 slug 的章节请求继续并行。canonical、面包屑、选集和 ItemList 使用对应主地址，旧 ID 地址不新增转向 slug 的重定向。
+
+登录、绑定和找回密码使用 `auth/login`、`auth/register`、`auth/resetPassword`；凭证保存在 HttpOnly Cookie。整剧点赞/收藏传 `id` 和布尔状态，章节点赞/收藏只传 `chapterId` 和布尔状态。解锁传 `playletId,chapterId`，仍在用户确认后提交。评论发送、点赞、观看报告的字段按各自请求模型发送。
+
+金币下单 `coin/buy`、VIP 下单 `vip/pay` 均使用 `packageId,payMode`，支付渠道只取套餐配置。没有在真实服务上创建订单、付费解锁、注册账号、发送评论或提交反馈。
+
+反馈按 `proto.FeedbackReq` 模型：1 建议、2 Bug、3 体验、4 账号、5 其他；操作描述仍写旧的四类，与模型不一致，本次以请求模型为准。问题正文与附加环境信息合计最多 500 字，优先完整保留用户正文。
+
+## 已移除的旧接口依赖
+
+`playlet/operate/list`、`playlet/home/config/detail/list`、`video/all/list` 在实际游客身份下返回 HTTP 404，且不在当前文档内。其余旧 `video/*`、`playlet/rank`、`playlet/today-update` 也不再开放代理。
+
+当前文档没有独立视频列表和详情接口。按用户要求移除“剧集”的桌面、侧栏、移动导航入口及 `/series/`、`/video/{id}/` 路由（含分页）；旧地址直接返回 404，不转换或重定向。首页和结构化数据不再输出旧类型的独立视频栏目。短剧详情、选集和章节播放继续保留。
+
+## 验证方式
+
+页面请求采用服务端渲染：服务端先准备会话与当前页数据，再直接返回完整正文；列表、搜索、详情/播放、工具、账户和充值均不使用浏览器整页取数及加载占位。原生链接请求下一页，浏览器只绑定首屏数据对应的交互。搜索联想、用户主动操作、实时播放权限和显式余额刷新仍按需调用 API。
+
+公共配置、页脚、导航、分类和标签选项缓存 60 秒，首页缓存 30 秒，按上游和查询参数隔离并合并并发读取。详情、章节、选集、评论及推荐并行准备；账户、余额、套餐和观看权限保持实时。公开配置及页脚以字段白名单随 HTML 传递，SDK 配置继续单独读取。可用 `PUBLIC_DATA_CACHE_TTL_MS=0` 关闭公共缓存用于排查；页面和鉴权响应继续禁止共享缓存。
+
+`tests/fixtures/91av-app-contract.json` 保存本次核对的端点、方法、查询参数及请求字段，不包含配置或凭证。合同测试检查页面请求参数及代理白名单；本地模拟服务另验证 SSR、分页、权限、登录、解锁及支付交互。
+
+`PREVIEW_URL=http://127.0.0.1:3107 npm run smoke:api` 检查真实只读接口、游客握手及页面响应，凭证仅保存在进程内存。浏览器交互与真实扣费不包含在该脚本的验证范围内。
diff --git a/docs/desktop-preview.jpg b/docs/desktop-preview.jpg
new file mode 100644
index 0000000..ccbaef4
Binary files /dev/null and b/docs/desktop-preview.jpg differ
diff --git a/docs/indexation-policy.md b/docs/indexation-policy.md
new file mode 100644
index 0000000..4fb8c20
--- /dev/null
+++ b/docs/indexation-policy.md
@@ -0,0 +1,42 @@
+# 页面索引策略
+
+调整日期：2026-10-22。规则由 `src/lib/seo.ts` 统一生成，服务端初始 HTML 与客户端更新共用。这里只控制允许索引的信号，不保证搜索引擎实际收录。
+
+## 允许索引
+
+- 首页、有效且非空的短剧列表、三个榜单、专题列表与详情、标签列表、作品详情。
+- 普通内容列表的有效分页继续自引用 canonical，不统一归并到第一页。
+- 关于我们、常见问题、用户协议、隐私政策、2257、DMCA。
+- `/config/{id}/` 必须有栏目自己的标题、正文简介和有效内容卡片。只有 SEO 标题/描述或空卡片不能满足条件；此规则不依赖额外接口请求，也不代表已自动判定其内容与全站其他栏目语义唯一。
+- `/play/{id}/{chapterId}/` 必须有作品名、真实正整数集数，以及当前访问身份有权观看的有效正片地址。共享预告、继承的作品简介、章节 SEO 字段不能单独使纯解锁/不可播放页开放索引。收费类型本身不作为排除条件，有权观看的金币/VIP 章节仍可索引。当前模板没有独立可见的章节正文，若以后增加此类内容，可再评估受限章节的索引范围。
+
+## 不允许索引
+
+| 范围 | 设置 |
+| --- | --- |
+| 内部搜索、导航入口、回家的路、福利应用 | `noindex,follow` |
+| 个人中心、收藏、历史、已购、设置、充值/VIP、反馈 | `noindex,nofollow` |
+| 非默认有效排序变体、非默认评论排序 | `noindex,follow`，沿用原有例外规则 |
+| 详情和播放页的评论分页，页码大于 1 | `noindex,follow` |
+| 接口成功确认 `totalCount=0` 的公开列表第一页 | `noindex,follow`，继续返回 200 |
+| 缺少独立栏目信息的更多列表、纯解锁或无有效正片的播放页 | `noindex,follow`，继续提供原页面 |
+
+noindex 页面不输出 canonical、head 中的 prev/next 或内容 JSON-LD；正文的选集、评论、分页链接继续提供。作品详情没有评论时仍可索引，评论数为 0 不等于作品为空。
+
+## 去重和结构化数据
+
+- 同 ID 的 `/theme/{id}/` 与 `/topics/{id}/` 当前读取相同资源，以 `/topics/{id}/` 为 canonical。两条路由都可直接访问，不新增重定向。
+- 自动生成的专题卡片与 ItemList 链接使用 `/topics/{id}/`；后台明确配置的 `moreUrl` 保留原值。
+- 数字资源 ID 的前导零在 canonical 与播放实体 URL 中归一；普通分页仍保留自己的页码。搜索关键词不进行数字归一。
+- canonical 仍仅取配置的永久域名，去除跟踪参数；`/rank/`、`/page/1/` 继续使用既有主地址。
+- 2026-10-22 起内容主地址优先使用接口的非空 slug，缺少时使用 ID。ID 地址仍直接提供内容，其 canonical 与结构化数据指向该内容的 slug 主地址；评论与操作请求继续使用真实数字 ID。
+- 可索引的付费播放页标记 `isAccessibleForFree:false` 与 `hasPart.cssSelector:.play-paywalled-content`，选择器对应真实播放器容器，不改变样式。
+- VideoObject 只在真实媒体源、有效日期与封面均存在时输出。无权观看的媒体地址不进入 SEO 数据；不编造视频日期或媒体源。
+
+## 状态码与验证
+
+资源缺失和已证明越界的分页继续返回 404；主内容临时故障继续返回 500。noindex 不用来替代错误状态码。本次未修改 sitemap、robots.txt 或接口访问权限。
+
+`npm run build` 及全部 274 项 `npm test` 通过。验证覆盖函数级索引矩阵、客户端 head 清理、真实 Next.js 生产服务的初始 HTML、Googlebot/YandexBot 请求、普通分页、评论分页、空列表、别名与前导零、更多栏目、付费章节权限和 JSON-LD。模拟接口不提交真实业务写入；线上响应头和实际收录结果仍以部署后的验证为准。
+
+规则参考：[Google canonical](https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls)、[Google 分页](https://developers.google.com/search/docs/specialty/ecommerce/pagination-and-incremental-page-loading)、[Google 付费内容结构化数据](https://developers.google.com/search/docs/appearance/structured-data/paywalled-content)。
diff --git a/docs/mobile-preview.jpg b/docs/mobile-preview.jpg
new file mode 100644
index 0000000..07ba574
Binary files /dev/null and b/docs/mobile-preview.jpg differ
diff --git a/docs/sitemap-backend-contract.md b/docs/sitemap-backend-contract.md
new file mode 100644
index 0000000..611033d
--- /dev/null
+++ b/docs/sitemap-backend-contract.md
@@ -0,0 +1,222 @@
+# 后端 Sitemap 生成对接规则
+
+核对时间：2026-10-22 22:53（Asia/Shanghai）。
+
+本文根据当前工作区的前端代码（包含尚未提交的修改）整理固定页面、URL、canonical 和 noindex 规则，供后端实现 sitemap 生成。它描述现有页面行为及生成约定，不表示 sitemap、存储或 Nginx 已完成接入。
+
+当前内容主地址仅优先使用符合英文/拼音字符规则的 slug；中文、已编码中文或其他无效 slug 回退到 ID。搜索关键词仍支持中文和特殊字符，但所有搜索地址均排除在 sitemap 外。
+
+## 1. 域名与通用约定
+
+- `D` 表示正式站点的 origin，即协议、域名和可选端口，不带末尾 `/`。
+- 域名优先取 `config.config.foreverUrlAddr`；无有效值时取 `config.newAddressInfo.foreverUrlAddr`。移除配置中的路径、查询参数和锚点，与前端 canonical 保持一致。
+- 不使用 API 域名、CDN 域名、请求 Host、临时访问域名或本地地址作为页面域名。
+- 生成任务没有有效正式域名时，不猜测域名；暂停本次发布并保留上一份成功结果。
+- 页面 URL 以 `/` 结尾；sitemap 中使用绝对地址 `D + 规范路径`。
+- sitemap 只提交正常、允许索引的页面及其 canonical 地址；别名、参数变体和重复地址不单独提交。
+- API、媒体源、静态资源和健康检查不属于本文的页面 sitemap 范围。
+
+## 2. 固定页面清单
+
+固定地址候选共 12 个。满足条件时，其 canonical 均为 `D + URL`。列表为空或页面异常时，按后续排除规则处理。
+
+| 页面 | URL | 加入 sitemap 的条件 |
+| --- | --- | --- |
+| 首页 | `/` | 页面正常 |
+| 短剧列表 | `/shorts/` | 页面正常且列表非空 |
+| 专题列表 | `/topics/` | 页面正常且列表非空 |
+| 热播榜 | `/rank/hot/` | 页面正常且列表非空 |
+| 新剧榜 | `/rank/new/` | 页面正常且列表非空 |
+| 追剧榜 | `/rank/follow/` | 页面正常且列表非空 |
+| 关于我们 | `/info/about-us/` | 页面正常 |
+| 用户协议 | `/info/user-agreement/` | 页面正常 |
+| 隐私政策 | `/info/privacy-policy/` | 页面正常 |
+| 常见问题 | `/info/help-center/` | 页面正常 |
+| 2257 合规声明 | `/info/2257/` | 页面正常 |
+| DMCA 版权声明 | `/info/dmca/` | 页面正常 |
+
+这些是页面地址，不是需要前端预建的 sitemap XML 文件。
+
+## 3. 动态页面 URL 规则
+
+| 类型 | 规范 URL | 加入 sitemap 的条件 |
+| --- | --- | --- |
+| 作品详情 | `/detail/{key}/` | 作品存在，页面正常且未被标记为需登录或禁止索引 |
+| 专题详情 | `/topics/{key}/` | 专题存在，页面正常且列表非空 |
+| 标签列表 | `/tag/{key}/` | 标签存在，页面正常且列表非空 |
+| 更多栏目 | `/config/{key}/` | 首页栏目存在、已启用且类型为 `1` 或 `3`，并具有自己的标题、正文简介和有效内容卡片 |
+| 单集播放 | `/play/{作品key}/{chapterId}/` | 满足下述播放页条件 |
+| 内容列表分页 | `{列表基础路径}page/{n}/` | `n >= 2`，分页真实存在且允许索引 |
+
+### 3.1 内容标识
+
+- `{key}` 优先使用内容接口返回的有效英文/拼音 `slug`；无有效 slug 时使用正整数 ID。前端不会自动把中文转成拼音。
+- slug 去掉首尾空格后，必须满足 `/^[a-z\d][a-z\d_-]*$/i`：以 ASCII 字母或数字开头，其余只能包含 ASCII 字母、数字、连字符 `-`、下划线 `_`。
+- 使用接口返回的规范大小写，作为一个路径段按 `encodeURIComponent` 的语义编码一次，避免重复编码；不得把编码后的中文当作英文 slug。
+- 中文、中文英文混合、内含空格、斜杠、点号、百分号、问号等不符合正则的 slug 均回退到 ID。`-city` 和 `_city` 也不符合开头规则。
+- 历史中文 slug 地址在能够匹配到真实内容时仍可读取，但 canonical 和新生成链接使用 ID；后端不应继续向 sitemap 写入这些兼容地址。
+- 纯数字路径按 ID 查询，不按 slug 查询。当前生成正则本身未单独排除纯数字 slug，因此后端应避免分配此类 slug；存量数据须核对身份，不能直接当作 slug 发布。
+- 使用数字 ID 时去除前导零；ID 必须是正整数，且处于 JavaScript 安全整数范围内。
+- `{chapterId}` 是真实章节 ID，不是集数，也不支持章节 slug。章节必须属于 URL 中的作品。
+
+以作品 `id=9` 为例：
+
+| 接口返回的 slug | 生成的详情路径 |
+| --- | --- |
+| `city-story` | `/detail/city-story/` |
+| `city_story-2026` | `/detail/city_story-2026/` |
+| `dushiaiqing` | `/detail/dushiaiqing/` |
+| `City-Story` | `/detail/City-Story/` |
+| `都市爱情` | `/detail/9/` |
+| `city-爱情` | `/detail/9/` |
+| `%E9%83%BD%E5%B8%82` | `/detail/9/` |
+| `city story`、`city/story`、`city.story`、空值 | `/detail/9/` |
+
+以上规则同时用于作品、专题、标签和更多栏目；播放页的作品段使用同一规则，章节段仍使用章节 ID。
+
+### 3.2 播放页条件
+
+播放页同时满足以下条件时才可进入公共 sitemap：
+
+1. 作品及章节真实存在，且两者对应。
+2. 有作品名和真实的正整数集数。
+3. 公开抓取身份有权观看当前章节。
+4. 存在有效的当前章节正片地址。
+
+共享预告、继承的作品简介、章节 SEO 标题或纯解锁提示不能单独满足条件。收费类型本身不是排除依据，但不能使用管理员、VIP 或已购用户的个人权限生成公共 sitemap。
+
+sitemap 提交页面 URL，不写入用户凭证或受限媒体源。
+
+### 3.3 列表分页
+
+- 普通内容目录当前每页 24 条，后端根据有效总数计算真实页数。
+- 更多栏目当前使用有限首页栏目快照：类型 `1` 取实际作品列表，类型 `3` 取实际专题列表，以实际条目数为 `totalCount`。SEO 层取 `pageSize = max(24, totalCount)`，因此当前只发布栏目基础地址，不生成 `/config/{key}/page/2/` 等额外分页。
+- 第一页只提交基础地址，不额外提交 `/page/1/`。
+- 第 2 页及以后保留自己的 canonical，例如 `/shorts/page/2/`，不统一归并到第一页。
+- 作品详情和播放页的 `/page/{n}/` 是评论分页；`n > 1` 时不进入 sitemap。
+- 搜索、收藏、历史、已购和充值即使有分页，也不进入 sitemap。
+
+## 4. Canonical 规则
+
+| 场景 | 规范化规则 |
+| --- | --- |
+| 正式域名 | 统一使用 `D`，与前端页面 canonical 的域名一致 |
+| 尾斜杠 | 页面路径以 `/` 结尾 |
+| 查询参数和锚点 | canonical 不含查询参数和锚点；sitemap 同样不提交这些变体 |
+| 第一页 | `/shorts/page/1/` 规范化为 `/shorts/`；其他支持分页的页面同理 |
+| 有效列表分页 | 第 2 页及以后自引用，保留 `/page/{n}/` |
+| 默认榜单 | `/rank/` 规范化为 `/rank/hot/`；`/rank/page/2/` 规范化为 `/rank/hot/page/2/` |
+| 专题别名 | `/theme/{key}/` 规范化为 `/topics/{规范key}/`，保留有效分页 |
+| ID 与 slug | 有符合英文/拼音字符正则的 slug 时，ID 地址指向 slug 主地址；中文或其他无效 slug 回退到规范 ID |
+| 历史中文 slug 地址 | 能匹配到资源时保留兼容读取，canonical 使用该资源的规范 ID 地址 |
+| 数字 ID 前导零 | 无 slug 时，`/detail/009/` 规范化为 `/detail/9/`；其他数字内容 ID 同理 |
+| noindex 页面 | 当前前端不输出 canonical，不进入 sitemap |
+
+例如作品 `id=9`、`slug=city-story`，章节 ID 为 `90`：
+
+```text
+/detail/9/                  -> D/detail/city-story/
+/detail/city-story/         -> D/detail/city-story/
+/play/9/90/                 -> D/play/city-story/90/
+/play/city-story/90/        -> D/play/city-story/90/
+```
+
+例如专题 `id=7`、`slug=city-collection`：
+
+```text
+/theme/7/                  -> D/topics/city-collection/
+/topics/7/                 -> D/topics/city-collection/
+/theme/7/page/2/           -> D/topics/city-collection/page/2/
+```
+
+例如作品 `id=9`、`slug=都市爱情`，章节 ID 为 `90`，中文仅用于展示或兼容读取：
+
+```text
+/detail/9/                 -> D/detail/9/
+/detail/都市爱情/           -> D/detail/9/
+/play/9/90/                -> D/play/9/90/
+/play/都市爱情/90/          -> D/play/9/90/
+```
+
+上述中文路径按可读形式展示，实际请求可使用百分号编码；sitemap 只写入右侧 ID 主地址。
+
+别名页面仍可允许索引，canonical 归并不等于 noindex，也不表示已有重定向。sitemap 只提交最终 canonical 地址，并按完整地址去重。
+
+`/home`、`/playlet`、`/list`、`/topic`、`/application` 等值只用于后台导航值转换，不是额外公开页面，不应据此生成 sitemap 地址。
+
+## 5. 固定 Noindex 页面
+
+| 页面范围 | URL | 当前 robots |
+| --- | --- | --- |
+| 搜索和搜索分页 | `/search/`、`/search/{关键词}/`、`/search/{关键词}/page/{n}/`、`/search/?q={关键词}`、`/search/page/{n}/?q={关键词}` | `noindex,follow` |
+| 独立入口 | `/navigation/` | `noindex,follow` |
+| 回家的路 | `/home-road/` | `noindex,follow` |
+| 福利应用 | `/apps/` | `noindex,follow` |
+| 个人中心 | `/member/center/`、`/info/user-center/` | `noindex,nofollow` |
+| 收藏 | `/member/favorites/`，包括分页 | `noindex,nofollow` |
+| 历史 | `/member/history/`，包括分页 | `noindex,nofollow` |
+| 已购 | `/member/purchased/`，包括分页 | `noindex,nofollow` |
+| 账号设置 | `/member/settings/`、`/info/settings/` | `noindex,nofollow` |
+| 充值及 VIP | `/info/deposit/`、`/info/deposit/vip/`，包括支持的分页 | `noindex,nofollow` |
+| 意见反馈 | `/info/feedback/` | `noindex,nofollow` |
+
+以上页面及其参数变体均不进入 sitemap。
+
+### 5.1 当前搜索地址的排除规则
+
+- 新生成的搜索入口统一使用 `/search/{关键词}/`；关键词先去掉首尾空格，再通过 `encodeURIComponent` 整体编码为一个路径段。
+- 关键词可以包含中文、空格、斜杠、问号、百分号等字符。搜索关键词不受内容 slug 的 ASCII 正则限制，也不进行数字 ID 归一。
+- `/search/?q={关键词}` 和 `/search/page/{n}/?q={关键词}` 仍可解析；后续分页链接生成路径形式并移除 `q` 参数，不依赖重定向完成转换。
+- 路径本身已有关键词时优先使用路径关键词；只有路径没有关键词时才从 `q` 读取。
+- 不论入口形式、搜索结果数量或关键词字符，搜索页始终 `noindex,follow`，不输出 canonical，也不进入 sitemap。
+- 无关键词的 `/search/` 可以访问；无关键词且页码大于 1 时返回 404。
+
+## 6. 条件性 Noindex 与异常处理
+
+| 情况 | 当前前端行为 | 后端生成处理 |
+| --- | --- | --- |
+| 空公开列表 | 接口成功确认 `totalCount=0` 时，第一页 `noindex,follow`，仍返回 200 | 不提交 |
+| 详情或播放页评论分页 | `/detail/{key}/page/{n}/`、`/play/{key}/{chapterId}/page/{n}/`，`n>1` 时 `noindex,follow` | 不提交 |
+| 非默认列表排序 | 除榜单和更多栏目外，公开列表 `sort != 1` 时 noindex | 只生成无参数的默认地址 |
+| 非法列表排序 | 公开列表的 `sort` 不属于 `1、2、3` 时 noindex；未传时默认 `1` | 不生成非法变体 |
+| 非默认评论排序 | 存在 `commentSort` 且值不等于字符串 `2` 时 noindex | 不生成参数变体 |
+| 更多栏目内容不足或无效 | 已存在栏目缺少自己的标题、正文简介或有效卡片时 `noindex,follow`；找不到启用的类型 `1/3` 栏目时按资源缺失处理 | 不提交 |
+| 播放页条件不足 | 预告、纯解锁提示、无有效正片或无观看权限时 `noindex,follow` | 不提交 |
+| 明确禁止索引或需要登录 | `indexable=false` 或 `loginRequired=true` 时 noindex | 不提交 |
+| 无效路由或不存在的资源 | 返回 404，且无 canonical | 不提交 |
+| 已确认越界的分页 | 返回 404，且无 canonical | 不提交 |
+| 临时取数故障 | `failed` 或 `unavailable` 时返回 500，且无 canonical | 不将故障误判为删除；保留上次成功结果，稍后重试 |
+
+补充约定：
+
+- 榜单和更多栏目可以接受 `sort=2/3`，但 canonical 仍不含参数；sitemap 不重复提交这些参数地址。
+- 作品详情的评论数为 0，不等于作品内容为空，不能按空列表规则排除作品详情。
+- 不存在的内容与临时故障必须区分；无法可靠判断一批内容时，不发布因取数失败而缺项的新结果。
+
+## 7. 建议的生成与发布约定
+
+1. 合并本文的固定地址与后端数据库枚举的动态内容。
+2. 按公开访问时的页面状态判断是否允许索引。
+3. 按英文/拼音 slug 白名单和 ID 回退规则生成最终 canonical URL，不输出参数、锚点、别名、中文内容 slug 或非页面资源。
+4. 按完整 canonical URL 去重，只发布正常、有效的页面地址。
+5. `lastmod` 有可靠数据时使用页面内容实际更新时间；没有时省略，不统一伪造为生成时间。
+6. 生成文件保存到前端发布目录之外的持久化存储，不写入前端 `public` 或 `.next`。
+7. 完成分片生成和可访问性校验后，再切换 sitemap 索引；失败时保留上一份成功版本。
+8. 建议固定入口为 `/sitemap.xml`，分片通过 `/sitemaps/` 下的通用路径提供访问。现有入口不同时，优先保留已提交的地址。
+9. `robots.txt` 中声明正式站点的 sitemap 索引地址；前后端 URL 或索引规则变更时同步更新生成逻辑。
+
+首次接入需要部署访问配置；后续内容和分片变化不应要求前端预留文件、重新构建或重启 H5。
+
+## 8. 代码依据
+
+- [路由解析、内容路径和分页支持](../src/lib/routing.ts)
+- [域名、canonical、noindex 和页面状态判断](../src/lib/seo.ts)
+- [服务端资源核对与 SEO 元数据输出](../src/lib/seo-server.ts)
+- [专题解析、首页栏目快照和列表分页](../src/lib/client/channel.ts)
+- [章节权限与正片地址判断](../src/lib/client/playback.ts)
+- [固定信息页](../src/lib/info-pages.ts)
+- [现有页面索引策略](indexation-policy.md)（其“非空 slug 优先”描述需结合当前代码的英文/拼音字符白名单理解）
+- [SEO 规则回归用例](../tests/seo.test.mjs)
+- [Slug 路由与 canonical 回归用例](../tests/slug-routing.test.mjs)
+- [路由与搜索参数兼容回归用例](../tests/routing.test.mjs)
+- [分页与搜索路径回归用例](../tests/pagination.test.mjs)
diff --git a/docs/verification.md b/docs/verification.md
new file mode 100644
index 0000000..11b8ff9
--- /dev/null
+++ b/docs/verification.md
@@ -0,0 +1,173 @@
+# API 对接验证
+
+日期：2026-10-17。
+
+## 2026-10-22 测试与生产环境配置
+
+本项目增加 `config/test.env`、`config/production.env`，保留独立的开发配置。进程变量优先，其次为对应 `*.local.env`，最后为基础配置；本地覆盖文件忽略提交。接口均沿用 `https://91av-wz.80sygtm.com`，默认端口均为 21021。测试部署使用 `APP_ENV=test` 和 `NODE_ENV=production`，构建目录为 `.next-test/`；生产目录为 `.next/`。开发目录为 `.next-dev/`。SEO 快照随对应目录隔离，同 API 的两个环境也不会共用快照。
+
+`npm run build:test`、`npm run check` 通过，全部 290 项测试通过。新增测试覆盖配置优先级、环境隔离、CLI 参数、错误配置、真实子进程退出状态，以及同上游的 SEO 快照隔离。另通过启动脚本分别启动两套实际 Next.js 服务，使用临时端口和本地模拟上游验证静态资源及 API 代理均返回 200，验证结束后关闭临时服务。未执行远程部署。
+
+## 2026-10-22 slug 路由
+
+本项目（`JHA-1047`）的内容链接、轮播、专题/标签/栏目、搜索、书架卡片、选集、评论分页及解锁后跳转统一优先 slug，缺少时用 ID。支持 slug 地址直接访问与刷新，保留原 ID 地址直接访问；业务写入及仅接受 ID 的读取继续使用真实数字 ID。专题详情按当前文档先从分页专题目录解析 ID，不向接口发送未定义的 slug 参数。
+
+生产构建及全部 283 项测试通过。新增回归覆盖 URL 编码、中文及特殊字符、分页目录解析、目录异常与缺失资源、canonical/JSON-LD 一致性、客户端选集与解锁跳转，以及严格 Swagger 参数约束下的 Next.js 生产响应。当前 Swagger 的 slug 查询参数已只读核对；测试使用本地模拟接口，未提交真实付费解锁、订单或评论。
+
+## 2026-10-21 跳转性能优化
+
+公共数据服务增加短期进程内缓存和并发合并：配置、页脚、导航、分类及标签选项 60 秒，首页 30 秒；按上游及查询参数隔离，返回独立副本并限制条目数量。无效数据、错误响应、认证和私人业务读取不缓存，配置/首页可在刷新失败时使用最近一次有效数据。详情、章节、选集、评论和推荐在响应详情之前并行请求，仍在服务端输出完整 HTML。
+
+浏览器直接复用首屏公开配置及页脚，SDK 配置不序列化。公开页从浏览器前进后退缓存恢复时保留文档，后台按当前 Cookie 恢复身份并补报页面访问；账户、播放、支付及打开弹窗的页面保留重新验证。类型检查、生产构建及全部 258 项测试通过，包括跨请求缓存、并发合并、过期、错误恢复、副本隔离、缓存边界、两个账号隔离、首屏配置白名单、并行请求屏障、后退恢复与埋点。
+
+真实接口及 29 个页面检查通过。本机短期采样中，公共缓存预热后列表约 312ms、专题约 287ms、回家的路约 143ms（首字节中位数，各 3 次）；首次游客会话曾超时，另一次交替对比也出现显著上游波动，不能将上述采样当作稳定延迟承诺。未提交真实订单、付费解锁、评论或反馈，未执行浏览器视觉验收。
+
+## 2026-10-21 服务端直接渲染
+
+请求与渲染方式：页面数据在服务端准备，页头、公开列表、搜索、详情/播放、应用目录、回家的路、反馈、个人中心及设置、充值/VIP 的正文随初始 HTML 返回。站内链接、分页和搜索使用原生文档请求，保留当前页面直到新响应到达；不再清空正文显示页面加载占位。浏览器复用首屏快照绑定交互，避免启动时重复读取整页数据。提交成功后重新请求当前页面，轮播、图片解密、实时权限、解锁和支付确认保留。
+
+Proxy 为有效业务页面准备身份，并在本次请求中传递新 Cookie，供服务端读取账户内容；同一 Cookie 同时写回浏览器。客户端复用服务端用户快照，避免再次初始化游客；正式账号失效显示登录入口，服务异常直接提供重试。外部传入的内部身份头先清除，用户、列表、套餐和流水使用明确字段白名单，凭证不写入 HTML；账户响应继续禁止缓存和索引。独立 `/navigation/`、资源、无效地址和尾斜杠重定向不触发该会话流程。
+
+类型检查、生产构建及全部 249 项测试通过，覆盖完整首屏正文、原生跳页保留旧文档、快照绑定不重复取数、两个账号隔离、伪造身份头、正式账号过期与退出、Cookie 传递、套餐及流水、播放器与广告/轮播清理。真实只读接口及 29 个页面检查通过，另确认真实免费与金币章节页面输出完整 HTML。没有创建真实订单、付费解锁、提交评论或反馈；未执行浏览器视觉验收。
+
+## 2026-10-21 动态导航
+
+顶部与侧栏共用 `navigation/header` 的服务端数据，移动抽屉继承同一菜单，底栏按同源数据生成。保留接口名称、顺序、图标和二级条目；过滤底部类型、不安全地址及已移除的独立剧集地址。首屏 HTML 已包含真实链接，原脚本不再插入固定顶部导航或覆盖接口名称。已知 API 的 `/hot` 与空系统入口直接生成本站路径，不新增跳转。
+
+路由高亮由同一纯函数处理首屏及客户端导航：首页精确匹配，列表分页保持选中，排行榜覆盖三个榜单，具体专题及带查询条件的入口按对应地址匹配，顶部不借用详情页的列表高亮。接口空列表不回填静态菜单；异常只提示导航暂不可用，正文仍能加载。构建、类型检查和全部 248 项测试通过，覆盖动态顺序/名称、二级条目、外链、空列表、异常、旧剧集过滤和高亮规则。
+
+## 2026-10-21 移除独立剧集
+
+按后续确认移除桌面顶部、侧栏、移动端的“剧集”导航，以及独立剧集列表、视频详情和对应分页路由；旧地址无论是否带尾斜杠均直接返回 404，不请求内容接口，也不重定向。首页与 JSON-LD 不再展示旧类型的视频栏目。短剧详情、选集、金币解锁和章节播放保留。构建、类型检查与全部 242 项测试通过，包括入口清理、旧地址 404 和原有播放/解锁回归。
+
+## 2026-10-21 当前 Swagger 对接
+
+按 `91av-wz.80sygtm.com` 当前文档与实际只读响应核对页面接口，端点和参数映射见 [页面接口对照](api-contract.md)。修正短剧列表、专题顶层字段、题材筛选、搜索联想与空结果推荐、详情推荐及章节 SEO/统计字段；删除旧接口代理依赖。首页“更多”保留已确认的 moreUrl 优先规则，未配置时只展示真实首页栏目的数据。按用户后续要求移除独立剧集导航和路由，旧地址及分页直接返回 404；短剧章节播放保留。
+
+构建、类型检查及全部 240 项接口合同与回归测试通过。真实服务验证游客身份、列表/三个榜单、专题、标签、配置、应用、套餐、个人列表和余额记录；另核对 29 个原生页面响应与实际有内容的免费/金币章节（`/play/10923/12723/`、`/play/10923/12726/`）。没有创建真实订单、付费解锁、注册账号或提交评论、反馈。未执行新的浏览器视觉验收。
+
+## 2026-10-20 充值确认弹窗
+
+恢复原 HTML 的支付标题/副标题、订单卡片、基础/赠送/合计金币、金额徽标、渠道图标按钮及选中圆点、确认按钮和底部说明，并复用原稿的尺寸、间距、圆角及移动布局。支付宝、微信、USDT 图标使用原始本地素材；渠道仅来自套餐配置，其他渠道保留名称和通用图标。使用隐藏表单值连接样式按钮和原下单参数，金币充值与 VIP 接口保持不变。
+
+`tests/payment.test.mjs` 验证实际金币字段及金额换算、不注入演示赠送或未配置渠道、方法切换后的订单参数、重复提交拦截、VIP 接口、无效支付地址、无支付方式以及旧表单响应隔离。类型检查、生产构建和全部 152 项测试通过，仅使用本地模拟上游，没有创建真实订单或发起真实支付。
+
+## 2026-10-20 详情选集解锁
+
+对照参考项目 `playletser/chapter.go` 的列表权限规则和 `pages/play.js` 的解锁处理，金币集数使用按钮直接打开 `play-episode-lock`，保留原 HTML 的金币图标、余额/消耗摘要、确认和充值入口样式。弹窗先获取目标章节详情，再展示实际价格及余额；仅确认后提交解锁，成功刷新余额并跳转所选真实章节。已可观看和会员章节按最新权限处理，余额不足和登录过期分别进入充值或登录。
+
+新增测试覆盖：列表权限优先级、详情页弹窗不提前跳转/扣费、最新价格覆盖列表旧价格、正确章节 ID、重复点击及确认防重、支付中禁止切换、迟到响应隔离、关闭/离开页面、余额不足、已可观看/VIP、章节信息不匹配、登录失效、失败重试，以及实际 Route Handler 的凭据和解锁参数转发。类型检查、生产构建与全部 147 项测试通过；测试仅连接本地模拟上游，未提交真实金币解锁。
+
+## 2026-10-20 详情页样式调整
+
+区块留白按原稿保留：横幅上下桌面端 26px、手机端 22px，官方链接至评论区 28px。无横幅数据时，选集与官方链接之间仍保留对应间距，不因条件渲染移除广告区而贴合。
+
+对照原 HTML 的 `overviewMarkup`、操作栏、选集和评论 DOM 恢复结构，复用已有桌面/移动样式及原始 SVG 素材；修复 API 按钮属性与原样式选择器不一致的问题。简介支持三行截断与展开/收起，尺寸变化及离开页面时更新和清理；选集分段只横向调整滚动，保持桌面/手机切换前的章节位置。评论使用原稿的头像、正文、时间/操作行和嵌套回复容器，保留接口和独立分页路由。
+
+`tests/detail.test.mjs` 验证动态字段与文本转义、图片解密入口、真实章节链接、配置官方链接和简介展开/尺寸变化/清理；播放测试补充详情页点赞接口、评论回复结构及移动端集数分段。类型检查、生产构建和全部 137 项测试通过。浏览器视觉复核仍受访问工具策略限制，未生成新的浏览器截图。
+
+## 2026-10-20 登录逻辑调整
+
+游客登录 403 当时通过匹配实际 HTTP Host 和协议修复了本地监听地址误判。2026-10-26 正式站点复核发现：空参数登录请求不带 Origin 时返回 400，携带正式域名 Origin 时却被本地检查拦截为 403。因此现已按 `jha-1045-hgdjnet-web` 移除代理层 POST 来源拦截，并以 CDN 域名、内部 Host 和协议变化的真实 HTTP 集成测试替代原来源校验单元测试；上游权限错误仍正常返回。
+
+修复后对用户正在运行的 `http://localhost:3000/api/app/auth/guest` 进行一次正常游客握手，携带浏览器 Origin 和设备标识，真实响应为 HTTP 200 / code 200，返回用户信息及会话 Cookie。未记录或展示登录凭证，未提交正式账号注册、密码或其他业务写操作。
+
+对照参考项目的 `common/auth.js`、登录/绑定弹窗及 `authser` 调整游客初始化、账号切换、绑定、失效恢复和退出。`tests/auth.test.mjs` 验证账号/邮箱和密码校验、密码确认、协议、设备持久化、首次渠道与邀请码、存储不可用、游客请求合并、登录响应顺序、失败保留原身份、旧请求隔离、正式账号过期只提示一次、手动退出，以及实际弹窗事件的防重复提交和密码清理。
+
+HTTP 集成测试另验证真实 Route Handler 的登录与绑定参数、游客 Authorization、可选邮箱补全、设备头与客户端 IP、getInfo 不返回 token 时续用原凭证、正式账号初始化过期不降级、游客 GET/POST 失效最多重试一次、HTTP 401、缺少 token 的异常登录响应、Cookie 清理和退出后一次自动登录跳过。类型检查、生产构建和全部 127 项测试通过。测试只连接本地模拟上游，没有提交真实账号登录、绑定或密码重置。
+
+## 真实接口
+
+通过本地 Next.js 代理验证首页、配置、底部信息、短剧运营列表、热榜、专题、热搜、应用列表、充值套餐和搜索接口，均返回业务码 200。首页使用服务端请求的实际内容，首页筛选项保持移除。
+
+上游 `POST /api/app/auth/guest` 在直接请求和代理请求中均出现超时（最长等待 25 秒）。无有效 token 的章节列表返回业务码 1000。真实登录态下的播放、用户资料、评论、收藏、订单和金币解锁尚未完成端到端联调；没有向真实接口提交评论、支付订单或解锁请求。
+
+## 本地集成测试
+
+`npm test` 启动独立模拟上游和 Next.js 生产服务，检查：
+
+- 服务端渲染使用上游标题和栏目；API 文本转义；首页筛选项未恢复。
+- 首页广告列表显式返回 `null`、轮播/栏目/公告为非数组、数组夹有空项时仍返回 200；有效内容继续显示，空内容显示空状态。
+- 纯站点地址和带 `/` 的根地址均直接返回首页及 200，无 Location 响应头；首页入口指向根路径，短剧入口单独指向 `/shorts/`。
+- 游客 token 仅写 HttpOnly Cookie，不返回到前端脚本；设备头按参考格式发送。
+- 公共请求隔离过期 token；兼容二次编码的 JSON data。
+- 正式账号会话失效后，写请求不会自动降级为游客重试。
+- 接口白名单、请求方法、跨站写入拒绝。
+- 保留真实章节 ID、观看权限和单集金币数。
+- 退出登录清理会话 Cookie，不调用上游业务写接口。
+- 30 个页面路径以 `/` 结尾，直接返回 200 且没有 Location 响应头；不带尾斜杠的地址也直接返回 200；`/shorts/` 刷新返回 200；无效路径返回可见的 404；首页和业务页面链接直接包含尾斜杠。
+- `/navigation/` 直接访问与刷新返回 200，独立渲染入口线路、渠道和 App 下载链接，不加载业务页面运行脚本；首页及其余 30 个路径均不包含入口导航弹窗或隐藏页面的等待状态。
+- 顶部、悬浮工具和首页底部的下载入口在配置未知时保持隐藏；页面不包含悬浮二维码面板。独立入口页在下载地址为空或无效时不渲染下载按钮。
+
+`tests/routing.test.mjs` 另检查所有路由类型、中文和含斜线的搜索词、hash 地址不转换或替换、站内链接识别，以及 History 导航的事件通知、重复地址和前进后退记录。
+
+全部分页使用 `原页面路径/page/页码/`，第一页链接使用原路径；页码、上一页和下一页均为真实链接。`tests/pagination.test.mjs` 覆盖短剧、剧集、专题/题材/标签/栏目、榜单、搜索、个人收藏/历史/已购、充值和 VIP 余额明细，以及详情/播放页的评论分页，检查页码解析、首尾页、无效页码、中文搜索词、排序保留和会员接口参数。播放器测试检查评论页码与排序、真实分页链接；HTTP 集成测试检查 20 类路径的两种尾斜杠形式均直接返回 200、刷新不重定向，以及非法分页路径返回 404。本次生产构建及全部 109 项测试通过。
+
+排行榜独立使用 `/rank/hot/`、`/rank/new/`、`/rank/follow/`，对应接口 `rankType=1/2/3`。`tests/rank-pages.test.mjs` 检查真实页面路由逻辑、链接与当前页高亮、标题、刷新和翻页后的榜单类型，以及加载中和请求失败时保留导航；HTTP 集成测试检查三条路径两种尾斜杠形式均直接返回 200、独立标题且没有 Location 响应头。原 `/rank/` 仍直接展示热播榜，不重定向。此次生产构建和全部 100 项测试通过。
+
+`tests/download.test.mjs` 检查下载地址优先级和有效性、各下载入口随配置显示/隐藏、动态插入入口，以及桌面端直接打开链接、移动端点击弹窗与组合键保留浏览器默认操作。
+
+`tests/render.test.mjs` 检查广告、首页列表及嵌套栏目中的空值和类型异常，保留有效内容顺序及 HTML 转义；弹窗测试另覆盖广告队列中的空项和非对象项。
+
+`tests/images.test.mjs` 使用参考算法的固定密文验证逐字节解密、100 字节边界、MIME 识别和普通图片兼容，并检查重复请求合并与缓存、并发和优先级、失败重试、超时取消、异步切图、Blob 释放、初始/动态节点和视口懒加载。渲染与 SSR 测试另确认接口图片不直接写入 `src`，视频封面使用 `data-poster`。
+
+2026-10-19 只读抽取真实首页接口的 3 张图片验证，均返回 HTTP 200，按参考密钥解密后识别为 WebP；图片 CDN 返回 `Access-Control-Allow-Origin: *`。未保存原始图片，也未提交业务写请求。
+
+`tests/playback.test.mjs` 覆盖播放地址及签名保留、观看权限优先级与旧字段、正片/预告切换、Safari/Chromium/移动壳浏览器选择、HLS 恢复上限、重试重建、切换路由与异步导入竞态、拒绝自动播放后的重试、预告不计入正片记录、真实章节 ID、解锁确认与防重复提交，以及实际控件脚本的播放/重试/解锁事件。HTTP 集成测试覆盖媒体清单、密钥端点两种尾斜杠形式、原始 AES 字节、凭据隔离、Range 和错误状态。
+
+H.264/H.265 兼容测试另覆盖 MSE/原生 HLS 编码错误回退、签名与播放位置保留、重复错误及重试次数限制、网络错误区别处理、MP4 不误走 HLS，以及回退过程中的路由取消。`tests/codec-manifest.test.mjs` 运行真实 hls.js 1.7.3 完整版的清单解析和 LevelController，在模拟设备能力下验证 H.264 回退、`hvc1`/`hev1` 保留、HEVC 单编码清单接受/拒绝；测试不访问网络，不代表真实浏览器或硬件的解码实播结果。
+
+2026-10-19 只读验证真实免费预告：清单返回 200，保留 `id/t/ticket` 参数后密钥代理返回 200 和 16 字节 AES 密钥，首片成功通过 AES-128-CBC 解密，输出首字节为 MPEG-TS 同步字节 `0x47`。不带签名参数的密钥请求会被上游拒绝。本次未保存密钥/媒体，也未提交真实观看上报、解锁或订单请求；真实账号付费章节和浏览器实播仍需联调。
+
+`tests/startup.test.mjs` 对照参考项目的实际脚本规则验证：会话内首次年龄确认、确认早于配置返回、完整广告队列、刷新恢复进度、相同队列不重复弹出、广告码变化后重置、无效图片与失败图片跳过、全部失败后可重试、存储不可用、过期异步结果隔离，以及图片加载超时和取消。DOM 事件适配测试覆盖年龄弹窗禁止 Esc 关闭、广告 Esc/按钮切换下一条、广告链接与展示/点击事件，以及退出行为。
+
+浏览器访问工具受 URL 策略限制，本次未进行浏览器视觉复核。目录中的桌面、手机截图属于原 HTML 迁移阶段的布局基线，不是当前 API 数据截图。
+
+## 2026-10-22 部署脚本与本地发布包
+
+- `bash deploy_test.sh --package-only` 完成测试环境构建、294 项回归测试和 zip/SHA-256 生成；`bash deploy_prod.sh --package-only` 完成生产构建、299 项回归测试和 Linux x64/glibc 包/MD5 生成。构建包含 TypeScript 检查。
+- 两份脚本的 `--dry-run` 通过命令替身验证，不执行构建、SSH 或 SCP；缺失/非法部署目标在构建前拒绝。测试和生产共用构建锁。
+- 发布包测试覆盖基础配置隔离、本地覆盖/缓存/旧 dist 排除、符号链接目标保护。Next.js 自动追踪漏带的 Turbopack Route Handler 运行文件已显式包含。
+- 最终 `dist.zip`（29.87 MiB）解压到临时目录，使用本机裁剪依赖启动 `node start.mjs`；本地模拟 API 下首页、`/healthz`、Next 静态资源和 public 文件均返回 200，健康检查未触发上游请求。测试 zip 按约定不含依赖，真实 Linux 服务器需执行 `npm ci --omit=dev`。
+- 最终 `web_91dj_h5.tar.gz`（44.94 MiB）通过内容、MD5 和目标平台元信息检查；目标 Sharp/libvips 使用 lockfile 固定版本，并通过 Linux x64 ELF 校验，不含 macOS 原生模块。本机未运行 Linux 生产服务。
+- `deploy/up_next_h5.sh` 用临时目录和命令替身验证校验失败、安装失败不停止旧服务；健康检查失败恢复旧版本；成功更新保留测试私有覆盖和公开 SEO 缓存。新增部署测试共 8 项通过，已包含在最新生产环境的 299 项回归中。
+- 本次仅本地构建和打包，未执行任何真实 SSH/SCP、Supervisor 更新或远端 `running.sh`。部署前需配置本站目标地址，测试 Supervisor 程序及生产跳板机脚本由运维预先配置。
+
+部署配置统一采用本站标识：测试 `root@172.104.181.99:22889` → `/server/web_91dj/h5`；生产 `server@116.212.120.2` → `/home/server/web_91dj/h5/nuxt`，SCP 22889 / SSH 22。包名 `web_91dj_h5.tar.gz`、校验文件和 Supervisor `91dj_next_h5` 使用本站标识；生产仍只通过完整路径调用原有 `running.sh`。部署测试验证当前配置、环境变量覆盖、无效目标提前失败及 dry-run 不连接远端；本次未执行实际上传或部署。
+
+### 部署配置变化后的测试修复
+
+已复现 `tests/deploy.test.mjs:72` 的目录断言失败：测试仍固定期望旧项目的上传目录，实际测试脚本已配置 `/server/web_91dj/h5`。修复后不再将主机、路径、端口或 API 域名作为测试不变量，保留对参数覆盖、命令与帮助输出一致、非法目标提前失败、dry-run 不构建/不连接远端的验证。测试服更新的模拟 Supervisor 使用固定测试服务，避免调用者的 `DEPLOY_PROGRAM` 污染测试。两份脚本的帮助内容统一从当前变量生成，修复当时测试 SSH 配置 21021、帮助文案却写 22889 的不一致；保留修复时的上传路径和端口。
+
+`bash deploy_test.sh --package-only` 已完成测试环境构建、全部 299 项测试和 `dist.zip` 打包；压缩内容及 SHA-256 通过校验。另在设置自定义 `DEPLOY_PROGRAM`、`DEPLOY_DIR`、`DEPLOY_SSH_PORT` 后运行部署专项测试，8 项通过。当前 SSH 端口和应用监听端口分别配置，未连接真实服务器验证 SSH 端口或执行上传/部署。
+
+### 测试部署改用 tar.gz
+
+`deploy_test.sh` 现在生成并上传 `web_91dj_h5.tar.gz`、`web_91dj_h5.tar.gz.sha256` 和 `up_next_h5.sh`，包名可通过 `DEPLOY_PACKAGE_NAME` 覆盖；同时刷新对应 MD5 文件供本地兼容校验。测试包继续排除依赖、本地覆盖、缓存和 macOS 附加文件，包内使用 `.next-test` 与 `config/test.env`。保留当前上传目录和端口，以及用户注释的远端自动更新命令；实际脚本上传完成后结束。
+
+服务器辅助脚本同步使用 tar.gz：先校验 SHA-256、检查成员路径与类型，再解压、安装依赖和切换版本；损坏包、路径越界、链接及特殊文件在停止旧服务前拒绝。测试覆盖真实 tar.gz 上传参数、校验值、自定义包名、自动更新保持禁用，以及安装/健康检查失败的回滚。
+
+完整本地构建和 304 项测试通过；测试部署专项 13 项通过。生成的测试 tar.gz 为 29.78 MiB、414 个文件，内容、SHA-256 和 MD5 均通过校验。解压后使用本机裁剪依赖和本地模拟 API 验证启动、首页、健康检查、Next 静态资源与 public 文件均返回 200。未执行真实上传或服务器更新。
+
+## 2026-10-22 埋点检查与补全
+
+通过项目自带的官方 SDK v1.2.0 复现了内容事件因空 `parent_item_id` 被拒收的问题；此前测试替身未校验字段，所以没有发现。现在回归测试调用真实 SDK 的具名事件方法，仅使用其初始化前缓存和字段校验，不向外发送测试数据。只读获取当前业务接口配置并在本机解析后，确认页面、内容、搜索、广告、弹窗行为、播放事件均在事件允许列表内；未修改服务端配置或打印密文、签名密钥。
+
+| 范围 | 事件与检查结果 |
+| --- | --- |
+| 页面、分页、后退恢复 | `appPageView/pageClick`，保留真实路径及原有访问去重规则 |
+| 导航与下载 | `navigation`，补齐独立入口页渠道、App 下载入口选择器 |
+| 首页及列表内容 | `appPageitemExposure/appPageitemClick`，无父级用字符串 `0`，通过真实 SDK 校验 |
+| 专题、福利应用 | 补齐专题卡片内容元数据；关联 `advitiseId` 的应用按广告上报，其他应用按内容并携带分类父级 |
+| 大图广告 | `adImpression/adClick`，保留原展示、点击触发；独立展示位置及延迟 SDK 队列防止漏报 |
+| 宫格广告 | 与首页分开去重，滚动后补报可见项；关闭、遮挡或后台标签页不记曝光，恢复后重新观察 |
+| 弹窗行为 | 补齐参考项目的 `advertising`：show/click/close，使用真实广告 ID；关闭不记 adClick，重复关闭不重报 |
+| 搜索 | `keywordSearch/keywordClick`，保留真实总数、首轮搜索及分页后的全局位置 |
+| 播放、切集、分享、失败 | `dramaEvent/dramaStatusChange`，全部现有行为的载荷通过真实 SDK 校验，预告不作为正片统计 |
+| 登录、游客、注册、充值、VIP | 沿用 SDK 原始公共字段透传及 UID 同步，成功业务事件由服务端负责 |
+| 点赞、收藏、评论、购买解锁 | 保留 BFF 校验后的事件上下文和请求 ID 透传，前端不重复发送服务端成功事件 |
+| 加载、排队、错误 | 配置首读跳过 SDK 等待；脚本失败重试加载；扩大初始化前队列并报告溢出；SDK 拒收和发送失败有脱敏诊断 |
+
+浏览器使用真实页面及未修改的官方 SDK，测试专用包装通过 SDK 支持的单次事件地址参数把请求送入本机接收端，避开官方域名解析器对配置地址的 HTTPS 要求。已验证大图广告展示/点击、宫格展示/点击、页面访问、内容曝光，以及原生页面跳转前的内容点击均实际发出带 `event_sig` 的网络记录。UI 点击和弹窗滚动经浏览器执行，未向正式统计后台发测试事件。未验证正式部署的反向代理和统计后台入库结果。
+
+最终验证：测试环境构建（含 TypeScript）及全部 323 项回归测试通过。最后一轮本机浏览器验证收到 78 条带签名的 SDK 事件，其中 `advertising` 为 show 21、click 2、close 21；大图广告的三种行为均到达，宫格关闭只覆盖实际曝光的广告，关闭未增加 `ad_click`。另外一轮已确认原生页面跳转前的 `app_pageitem_click` 实际到达，内容父级字段为字符串 `0`。所有网络验证仅使用本地模拟业务数据和本地测试签名配置。
diff --git a/next-env.d.ts b/next-env.d.ts
new file mode 100644
index 0000000..ce4e94a
--- /dev/null
+++ b/next-env.d.ts
@@ -0,0 +1,7 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/types/routes.d.ts";
+import "./.next/types/root-params.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/next.config.ts b/next.config.ts
new file mode 100644
index 0000000..ffb1fb4
--- /dev/null
+++ b/next.config.ts
@@ -0,0 +1,36 @@
+import type { NextConfig } from "next";
+
+const appEnvironment=process.env.APP_ENV||(process.env.NODE_ENV==='development'?'development':'production');
+if(!['development','test','production'].includes(appEnvironment))throw new Error('Invalid APP_ENV');
+
+const nextConfig: NextConfig = {
+  output: 'standalone',
+  outputFileTracingExcludes: {
+    '/*': ['./dist/**/*', './tests/**/*', './.next/cache/**/*', './.next-test/cache/**/*', './.next-dev/cache/**/*'],
+  },
+  // Turbopack's route runtime is external; keep it in relocatable standalone releases.
+  outputFileTracingIncludes: {
+    '/*': ['./node_modules/next/dist/compiled/next-server/*runtime.prod.js'],
+  },
+  distDir: appEnvironment==='development'?'.next-dev':appEnvironment==='test'?'.next-test':'.next',
+  trailingSlash: true,
+  // Page redirects live in src/proxy.ts; API and media URLs keep their exact paths.
+  skipTrailingSlashRedirect: true,
+  // Serve the complete page metadata in <head> to browsers and crawlers alike.
+  htmlLimitedBots: /.*/,
+  images: { unoptimized: true },
+  poweredByHeader: false,
+  turbopack: { root: process.cwd() },
+  async headers() {
+    const xml=[{key:'Content-Type',value:'application/xml; charset=utf-8'}]
+    const xsl=[{key:'Content-Type',value:'text/xsl; charset=utf-8'}]
+    return [
+      {source:'/sitemap.xml',headers:xml},
+      {source:'/sitemaps/:file',headers:xml},
+      {source:'/static/sitemapindex.xsl',headers:xsl},
+      {source:'/static/sitemap.xsl',headers:xsl},
+    ]
+  },
+};
+
+export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..44c47f8
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1356 @@
+{
+  "name": "91-drama-next",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "91-drama-next",
+      "version": "1.0.0",
+      "dependencies": {
+        "dotenv": "17.2.3",
+        "hls.js": "1.7.3",
+        "next": "^16.0.0",
+        "qrcode": "^1.5.4",
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0"
+      },
+      "devDependencies": {
+        "@types/node": "^22.0.0",
+        "@types/qrcode": "^1.5.6",
+        "@types/react": "^19.2.0",
+        "@types/react-dom": "^19.2.0",
+        "typescript": "^5.9.0"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.3.tgz",
+      "integrity": "sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.35.5.tgz",
+      "integrity": "sha512-QRUlFQ0WxvdWyqqG/WtI3iupfD5rBzmCHXSdPsY91sAtVtTo7Q4cb6zOccZ3gqEqkr0f1As1ehLqmEpDsRf+lg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.3.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.35.5.tgz",
+      "integrity": "sha512-+BR255RhDlpygUpOc/Jdt1nT6DQ3XG/ERo5wbcdOf5Q320dKtPCKPLR1LJs9VGXRaMa8l1uUa0tkCNOXiAxZUw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.3.4"
+      }
+    },
+    "node_modules/@img/sharp-freebsd-wasm32": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-freebsd-wasm32/-/sharp-freebsd-wasm32-0.35.5.tgz",
+      "integrity": "sha512-Y/z91nEZ4uIBX5X3nfTovjU9lHNKFYbL2lpHCLVNmXQK03VIZvXBBt0KxbPGp2SdGSF+2mQU4e+hQaWOt86iAw==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "dependencies": {
+        "@img/sharp-wasm32": "0.35.5"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.3.4.tgz",
+      "integrity": "sha512-5R89nBYiRdUlSWJxPhO+GVtaXzXSxKnRu/xqMn3KTA3L9EB9Oy/P+Nn2f2vlhPuUdy/Zusb2DarbyTpGCfEDuw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.3.4.tgz",
+      "integrity": "sha512-iR2OKH80yi0U+dUplyh3/xdpFvps6YkCwsXenIJxqxR1v9o+xtKTGbS9H7cps+2Vxjc8B1j96p75NmTGjIhtpQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.3.4.tgz",
+      "integrity": "sha512-LmRtTsOHuvM2+wlO2Db37dx5MiZhB0FvSunciw48YjdOkZz9KAiRbm8ujeMOA1INqmei5NapFxYEK1D1ZSidmw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.3.4.tgz",
+      "integrity": "sha512-Y3dgX/6lE2QhQb+Gxy0WZxfg9MEm/JBjamZpS2IklP7xIQoKN4hzAm7KcMVGtaVDt3neE9OKBC7vAfonA/Lr1A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.3.4.tgz",
+      "integrity": "sha512-Le6boB8Tai0Nis+gIxIpKx68UDVVIqdR8Tin5Yf1z2LJJQLDJvCDRqRu+jC2qCoD+eIomonmOwB4smBRxfVpYQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.3.4.tgz",
+      "integrity": "sha512-aHkkIEHPRdQEegJN20MLmGtxYD9R2wQr3Cwpddnu5+YKMt6Uzax7S9h5gpZTo8wyrGuZSlfQ63OevL5mTyOC7Q==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.3.4.tgz",
+      "integrity": "sha512-ra/mB6MikESDUO7Yg+Mi95bFBb9GsObURuhnOv3OqknjGe9sZrG8tCe9q0xSIGrtLgvgw0gKnFWcK4blSgQOuQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.3.4.tgz",
+      "integrity": "sha512-GJ//SSXbnwSDes02umB3nDJLFcQzw8a18V8fyhqr6tV515tOEMdImjjxj1AoafMRz56F3PHgftnj1QEKSU1zkw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.3.4.tgz",
+      "integrity": "sha512-hvulFwtjUcagsis6BBxHwGFwWoNZjgYmULGVrZcyfNbjA8hKILbRxGg15/7w5HDyXHXUos/j6baAWqnCyQ2DWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.3.4.tgz",
+      "integrity": "sha512-6zXKeE/p39I1AmA3cJG35eyBGNqNddLnUXjhwBnsGjFPWqf5VKkDBEqaEkPDoTEtkxwi2vv8Tcr2mDyP4So7Fg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.35.5.tgz",
+      "integrity": "sha512-LEaXK2WdXVK5ykcw0buWyPMsmLLL2vpHLD6yrNSW+JGEL3BZPA4tpKN6iaMc4AxTTAoaX/sU1rOL51lcIz48ZQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.3.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.35.5.tgz",
+      "integrity": "sha512-LYVx5JTsOM2CBzmxreh+nl64/3H6Xb09iSLknqH47z2T2DFFxDeFLP5y4dJwe6H7uGQlHPyEEtIqyo3DYsRwdQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.3.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.35.5.tgz",
+      "integrity": "sha512-QVxAAq8evVRI9ia2vqgwrmWucn5Dfv+JdWzj75pD8omHLPSP7f8p20O8jxzjCcuCEQEOtYOZUmX1hkiZ0kdevA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.3.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.35.5.tgz",
+      "integrity": "sha512-LtdreXguaavKODPIfzJ4kffx7UNt1omwtK0rch4EBbbSTXPnxWmYSayXdLJw0fJzQ97kHt1gL/yh4tvU+nCyRQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.3.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.35.5.tgz",
+      "integrity": "sha512-UZasTOFiYzotTsGOCu42BfUzP6Tu6Do/947iRm1RsLKvlllxwGcn4RN27LibGWceix4Y+Pmw3jsnTcCQIgWjqA==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.3.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.35.5.tgz",
+      "integrity": "sha512-SxFtLTeJInhAA9Q836kux2vZNeOBQEx658qvbboZScr0wIARym3IcGmW7KpVD5sbVg0Ojy+udFQdayYIZyoNog==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.3.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.35.5.tgz",
+      "integrity": "sha512-9HbMclmI1zlNkFRs3z9/eBtDjfD0sGlrX1z6b1qwmiFY5ElDLh4BC0LPBdVp7z1DXFiKlIcznf+ZlsuZzLxQqg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.3.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.35.5.tgz",
+      "integrity": "sha512-4KOphqB035HrVdqLZfCgMzzERrQkkzOwRhl4OAkRO1YCldbaFjySXMaK534Mo0V+LndnlJk+sbUyLeU0ULyD1A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.3.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.35.5.tgz",
+      "integrity": "sha512-Ptsga1su4tQx+LLF1ECS9U6nz5kmrXKo6XVbtR48Ke3ZRxxgaWBu7IDtEe1quo8hiupwm6WFqxVlXaSf7IINGQ==",
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.11.3"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-webcontainers-wasm32": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-webcontainers-wasm32/-/sharp-webcontainers-wasm32-0.35.5.tgz",
+      "integrity": "sha512-hfhF/FmoQyTUkA0bIKFOtw536BQSeBMe6BF6QyWlrPxT754+TFLaZ7sKKTfvvM0yJgKgaYTwnFCIZ/GuDw5SUA==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/sharp-wasm32": "0.35.5"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.35.5.tgz",
+      "integrity": "sha512-X4t7g+7ZA5DKblCBEXGjUqqemj4vczING/5viFwAL8h4N3qYeyjwdCvRLHi4EdOUI+2Z7UFlp1VM+p/AuEtm6Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.35.5.tgz",
+      "integrity": "sha512-5Zm82LoBc43nhwNybZlG7Y1KO//Zhsn306fQl29ZOuStHLGTo3BWL83q3cznX0poxSAMuYL1On/BHBxkBeKr6A==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.35.5.tgz",
+      "integrity": "sha512-x76eH0vEiHlcMQu8Y8IenntaACtddpT6W0wmXtWrnKcnKI7ME5DdgqhAD6SEWOEl1v2zDvkZDhFA9KnURwpfqg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.4.2.tgz",
+      "integrity": "sha512-nTUTFH7G5/J/fmpkjVLegOkqyKOP0CEsJcMsyO4UCYeN1su+YMW/MfaSErnJskL7XM+UDK6aTvslxsRCyya/sA==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.4.2.tgz",
+      "integrity": "sha512-ONkhFvZNFWlsEHOM/81AtxdyuJP2KRYKYR0JxPwvcu1AuPMMMgcL+wW2luldJvMtZwKtUxoSkCychW5wIeoYSw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.4.2.tgz",
+      "integrity": "sha512-luPCMbOsCoaF+kXJEUjmjmOZg1lC3BflhmUu+ZmW4tBu2vW/4AXak8JBFvePizGkxVmNiAw/r9ra+6UviCWtWQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.4.2.tgz",
+      "integrity": "sha512-xhwFTAncJyaCNy5KqKKuKaIIdCy1/1ZV1s5S1G0hhT7wGMkDTlfJ6aQbfRFnIG/s3/kDrxQ8aycVe+c5QnP8ow==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.4.2.tgz",
+      "integrity": "sha512-T1PNmfbPcxr5ndtWUL/3wQtLXsz808lq6sc2GrNT5k2oquF7UyqZddHSuAewHVsWsGXe6nsl9HoN1YNriVjuSg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.4.2.tgz",
+      "integrity": "sha512-N9cDUOCGtkJG5PNKDFZUF3xXndrJJcpLp121uAGjIGvO/U2p9tfdNOM9htj7+5f72l0m8rMw/cvYacUJBQoudg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.4.2.tgz",
+      "integrity": "sha512-yY2uh1YhX6ufuYy2FCbw1dqblbhI57GLYAJfCkqD9auTv6pLrH67Uccjc3QMKBeCYAG6lkgu08ExmX1bbjejjQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.4.2.tgz",
+      "integrity": "sha512-j/ArWRIHpMMB6wYLMhr2puTguBt70lNU/Cmjl9p6dTDE8DGknYJMP9PdwPk2dqpCNL/KIX9yfngDvIesxJPmsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.4.2.tgz",
+      "integrity": "sha512-AA4edyWHDko3NCSo0x6GomsdgFb0oR1J3MXU1b5xt6FRFg4AucrMPW3S0hCe/9onU0O1BbpGQBsqo1r0Gneu1g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.23",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.23.tgz",
+      "integrity": "sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "22.20.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.20.5.tgz",
+      "integrity": "sha512-U2+DNr+wSjpsTS/wZGYHq7GcwfuSmKiKvoPvK22zwTlRhU91yOniN4qRR5KhIjvif7ysw/dz/hKmfDH0Ris4aA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/qrcode": {
+      "version": "1.5.6",
+      "resolved": "https://registry.npmjs.org/@types/qrcode/-/qrcode-1.5.6.tgz",
+      "integrity": "sha512-te7NQcV2BOvdj2b1hCAHzAoMNuj65kNBMz0KBaxM6c3VGBOhU0dURQKOtH8CFNI/dsKkwlv32p26qYQTWoB5bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.3.0.tgz",
+      "integrity": "sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.3.0.tgz",
+      "integrity": "sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.3.0"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.11.29",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.29.tgz",
+      "integrity": "sha512-YeesxhUmR4h5y5V8KF8iBCqJb8YFrBJ++XBTeGcWIaQOYXGN19JM0FoiOjAhwuDoln8owMgXcWBmgHtYSkky2w==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001816",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001816.tgz",
+      "integrity": "sha512-+8Yx7BXCoqk6IF8yTicjfUR6D/ldJzdlsodlEOiOSPmhK844WIgk67/zIQaGAOxNkZyyvBlrRFnLvqKIoqbAFw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/cliui": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^6.2.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dijkstrajs": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
+      "integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==",
+      "license": "MIT"
+    },
+    "node_modules/dotenv": {
+      "version": "17.2.3",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.2.3.tgz",
+      "integrity": "sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/hls.js": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.7.3.tgz",
+      "integrity": "sha512-MsPlx6yVW4Qv4C7mEVou4/gk/5cN2dVxOTnrNjPSmyH2f0Ln+/UkG10Ax1PE6OvrmTVPKgQYozTtBaPOuCzq7A==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.20",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.20.tgz",
+      "integrity": "sha512-uKdg2G3GNCKQn9byYOpxbGqrT2fGO5KRt5J/8b3pok8rT6qxGWF6hxMyJiEYtAf+FVyYuD9hRaDqX5uPFYJ4ZQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.4.2.tgz",
+      "integrity": "sha512-r+oBJojfefUjOiWkBhXgLS+igxX/7BWyK59uHnyOyplMSLtBZ+QLP3okrdYTbrfrbrmNTVWLBPaHDX9KRaIt3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.4.2",
+        "@swc/helpers": "0.5.23",
+        "baseline-browser-mapping": "^2.9.19",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.5.23",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.4.2",
+        "@next/swc-darwin-x64": "16.4.2",
+        "@next/swc-linux-arm64-gnu": "16.4.2",
+        "@next/swc-linux-arm64-musl": "16.4.2",
+        "@next/swc-linux-x64-gnu": "16.4.2",
+        "@next/swc-linux-x64-musl": "16.4.2",
+        "@next/swc-win32-arm64-msvc": "16.4.2",
+        "@next/swc-win32-x64-msvc": "16.4.2",
+        "sharp": "^0.35.5"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/pngjs": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
+      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.23",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.23.tgz",
+      "integrity": "sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.16",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/qrcode": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.4.tgz",
+      "integrity": "sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "dijkstrajs": "^1.0.1",
+        "pngjs": "^5.0.0",
+        "yargs": "^15.3.1"
+      },
+      "bin": {
+        "qrcode": "bin/qrcode"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.3.1.tgz",
+      "integrity": "sha512-QNhWdt7nrgVWWQG58QuGsAR3jv3Hbe4mb4vz7w2csnHavciZJgda1CPNaldF6eVxv90ud3jUXpKlHL69gO38yw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.3.1.tgz",
+      "integrity": "sha512-Y0bARz53lhEC1NMCASs0/j+faB/zqt3R8hpvg1e8+61ZVJ4UL0UdC4cBbXfZMcIuhrfgeILTLe+ZeBCavQPtKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.28.0"
+      },
+      "peerDependencies": {
+        "react": "^19.3.1"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "license": "ISC"
+    },
+    "node_modules/scheduler": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.28.0.tgz",
+      "integrity": "sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "license": "ISC"
+    },
+    "node_modules/sharp": {
+      "version": "0.35.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.35.5.tgz",
+      "integrity": "sha512-Ywn4OnzGukp7CDMrp08RQ50YKmuwG47brZgIVPTvBaaAfQlRlygrRqSrxdCiL9M+LlzLBiJ68IR1QqvzHyjC7g==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.1.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.8.5"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.35.5",
+        "@img/sharp-darwin-x64": "0.35.5",
+        "@img/sharp-freebsd-wasm32": "0.35.5",
+        "@img/sharp-libvips-darwin-arm64": "1.3.4",
+        "@img/sharp-libvips-darwin-x64": "1.3.4",
+        "@img/sharp-libvips-linux-arm": "1.3.4",
+        "@img/sharp-libvips-linux-arm64": "1.3.4",
+        "@img/sharp-libvips-linux-ppc64": "1.3.4",
+        "@img/sharp-libvips-linux-riscv64": "1.3.4",
+        "@img/sharp-libvips-linux-s390x": "1.3.4",
+        "@img/sharp-libvips-linux-x64": "1.3.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.3.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.3.4",
+        "@img/sharp-linux-arm": "0.35.5",
+        "@img/sharp-linux-arm64": "0.35.5",
+        "@img/sharp-linux-ppc64": "0.35.5",
+        "@img/sharp-linux-riscv64": "0.35.5",
+        "@img/sharp-linux-s390x": "0.35.5",
+        "@img/sharp-linux-x64": "0.35.5",
+        "@img/sharp-linuxmusl-arm64": "0.35.5",
+        "@img/sharp-linuxmusl-x64": "0.35.5",
+        "@img/sharp-webcontainers-wasm32": "0.35.5",
+        "@img/sharp-win32-arm64": "0.35.5",
+        "@img/sharp-win32-ia32": "0.35.5",
+        "@img/sharp-win32-x64": "0.35.5"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.2.tgz",
+      "integrity": "sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/which-module": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+      "license": "ISC"
+    },
+    "node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "license": "ISC"
+    },
+    "node_modules/yargs": {
+      "version": "15.4.1",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^6.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^4.1.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^4.2.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^18.1.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "18.1.3",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+      "license": "ISC",
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..047cd8f
--- /dev/null
+++ b/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "91-drama-next",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "node scripts/next-env.mjs development dev",
+    "dev:test": "node scripts/next-env.mjs test dev",
+    "build": "node scripts/next-env.mjs production build",
+    "build:dev": "node scripts/next-env.mjs development build",
+    "build:test": "node scripts/next-env.mjs test build",
+    "start": "node scripts/next-env.mjs production start",
+    "start:dev": "node scripts/next-env.mjs development start",
+    "start:test": "node scripts/next-env.mjs test start",
+    "typecheck": "tsc --noEmit",
+    "test": "node --test tests/*.test.mjs",
+    "check": "npm run build && npm test",
+    "bundle": "node scripts/package-standalone.mjs production",
+    "bundle:test": "node scripts/package-standalone.mjs test",
+    "bundle:linux": "node scripts/prepare-production-runtime.mjs",
+    "deploy:test": "bash deploy_test.sh",
+    "deploy:prod": "bash deploy_prod.sh",
+    "smoke:api": "node scripts/smoke-api.mjs"
+  },
+  "dependencies": {
+    "dotenv": "17.2.3",
+    "hls.js": "1.7.3",
+    "next": "^16.0.0",
+    "qrcode": "^1.5.4",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "typescript": "^5.9.0"
+  },
+  "engines": {
+    "node": ">=20.9.0"
+  }
+}
diff --git a/project.md b/project.md
new file mode 100644
index 0000000..e92e75d
--- /dev/null
+++ b/project.md
@@ -0,0 +1,215 @@
+---
+项目名称: 91短剧web
+一级部门: 北斗
+二级部门: 瑞升
+
+DMP编码: JHA-1047
+
+项目类型: PC
+  # 可选值:
+# H5 / APP / PC / 服务 / 组件 / 工具 / AI / 中间件
+
+开发语言: Node
+  # 可选值:
+# GO / Java / PHP / Node
+
+项目负责人: DN1425   # 员工编号, 多个用逗号隔开,这里的负责是这套代码的负责人
+
+运维负责人: DN9460, DN9651, DN4792 # 负责部署、监控、K8S、发布、证书等
+
+产品负责人: YY1166 # 项目产品经理
+
+项目成员: DN7208, DN2185, DN8431
+
+项目状态: 维护中
+  # 可选值:
+  # 开发中 / 维护中 / 已停止 / 已归档
+
+项目级别: 中
+  # 可选值:
+  # 高 / 中 / 低 , 北斗体系 s和a为 高 b为中  c d为低
+
+核心分支: main
+  # 即部署时候使用的分支,可选值:
+  # master / main / dev / release
+
+代码仓库:
+  - ssh://git@bd-git-sh.jsyyds.com:8082/ruisheng/jha-1021-91jhs/frontend/jha-1047-91dj-web.git
+
+最后审计人:
+
+最后审计时间:
+
+告警群:
+
+备注: Next.js 网站与 API 代理服务；业务数据由独立 Go 后端提供。
+
+---
+
+# 1. 项目说明
+
+91短剧 Web 项目，DMP 编码 **JHA-1047**，应用及埋点 App ID 为 **1047**。采用 Next.js App Router、React、TypeScript，实现 PC 和移动端响应式页面，布局依据提供的 HTML 原稿还原。
+
+本文按当前仓库代码整理，更新日期为 **2026-10-26**；该日期不代表安全审计或线上验收时间。人员信息沿用原登记信息，部署目标以当前脚本默认值为准。
+
+## 1.1 功能范围
+
+- 首页动态栏目、轮播、顶部及侧栏导航、广告与宫格广告弹窗。
+- 短剧列表、排行榜、专题、题材/标签、栏目更多页、搜索及独立分页。
+- 短剧详情、章节播放、HLS 播放、图片解密、点赞、收藏、评论与分享。
+- 游客/账号登录、个人中心、观看历史、我的收藏、我的点赞、已购剧集、账号设置。
+- 金币充值、VIP 套餐、章节解锁、反馈、App 下载、福利应用、回家的路和独立导航页。
+- 服务端 SEO 元数据、JSON-LD、robots.txt 与广告/页面/播放等埋点。
+
+本仓库负责网站页面、浏览器交互和服务端 API 代理，不包含 Go 业务服务、管理后台或数据库部署代码。独立“剧集”入口及 `/series/`、`/video/*` 页面已移除。
+
+## 1.2 主要目录与路由
+
+| 位置 | 职责 |
+| --- | --- |
+| `src/app/` | App Router 页面、API/媒体代理、robots 和健康检查 |
+| `src/components/site/` | 首页、详情、播放、导航等页面组件 |
+| `src/lib/api/` | 上游配置、接口白名单、会话、公共缓存和媒体请求 |
+| `src/lib/client/` | 登录、账户、播放、解锁、广告、图片及埋点交互 |
+| `src/lib/routing.ts` | 路由解析、slug/ID、分页地址与导航匹配 |
+| `src/lib/seo*.ts`、`src/lib/structured-data.ts` | TDK、canonical、索引策略、SEO 快照和 JSON-LD |
+| `src/proxy.ts` | 页面尾斜杠规范化和首屏会话准备 |
+| `config/`、`scripts/`、`deploy/` | 环境配置、启动/打包脚本及辅助更新脚本 |
+| `public/`、`tests/`、`docs/` | 静态素材、回归测试、接口与收录规则说明 |
+
+| 页面 | 主要路径 |
+| --- | --- |
+| 首页 / 短剧 | `/`、`/shorts/` |
+| 三个排行榜 | `/rank/hot/`、`/rank/new/`、`/rank/follow/` |
+| 专题 / 标签 / 更多栏目 | `/topics/`、`/topics/{key}/`、`/tag/{key}/`、`/config/{key}/` |
+| 详情 / 播放 | `/detail/{key}/`、`/play/{key}/{chapterId}/` |
+| 搜索 | `/search/{keyword}/` |
+| 个人中心及书架 | `/member/center/`、`/member/history/`、`/member/favorites/`、`/member/likes/`、`/member/purchased/` |
+| 充值 / VIP | `/info/deposit/`、`/info/deposit/vip/` |
+| 官方入口 / 回家的路 / 福利应用 | `/navigation/`、`/home-road/`、`/apps/` |
+
+内容地址优先使用有效英文/拼音 slug，无效或缺失时使用 ID；播放页章节段使用真实章节 ID。搜索词作为单个路径段编码。支持分页的页面使用 `/page/{N}/`，第一页使用基础路径；详情和播放页的分页对应评论。有效页面无尾斜杠访问返回 308，API、媒体和静态资源保留原路径。确认不存在的资源或越界分页返回 404，上游业务服务异常与资源不存在分别处理。
+
+# 2. 基础设施与中间件
+
+## 2.1 运行依赖与请求链路
+
+- Node.js 最低 **20.9.0**，推荐 **22.17.1**；生产跨平台打包要求 **npm >=10.9.2**。依赖版本以 [package-lock.json](package-lock.json) 为准，使用 `npm ci` 安装。
+- Next.js 16、React 19、TypeScript 5.9；主要运行库包括 `hls.js`、`qrcode`、`dotenv`。
+- 网站需要运行 Node.js 服务，使用 Next.js `standalone` 产物，不是静态 `out/` 部署。
+- 页面在服务端取数并输出当前页面正文与 head；浏览器复用首屏数据绑定交互，页面链接和分页使用原生路径访问。
+- 浏览器请求本站 `/api/*`，Next.js 按白名单转发到 Go 后端的 `/api/app/*`。`UPSTREAM_API_URL` 仅服务端使用，`API_BASE_URL` 是兼容别名。
+- `/h5/m3u8/*`、`/enkey`、`/newenkey` 由媒体代理处理，保留签名查询、客户端相关请求信息；媒体和密钥不缓存，不转发应用登录 Cookie 或 Authorization。
+
+登录会话通过 HttpOnly Cookie 传递；SSR 启动数据按字段白名单输出，不向浏览器暴露后端登录凭证。公共接口和账户、余额、订单、付费权限数据采用不同缓存策略。
+
+本仓库不直接连接 MongoDB、Redis 或 Elasticsearch。Go 后端是否使用这些中间件及其拓扑，由后端/运维文档确认；本仓库没有 Telegram Bot 部署通知实现。
+
+## 2.2 环境配置
+
+| 环境 | 配置文件 | Go API 上游 | 网站端口 | 构建目录 |
+| --- | --- | --- | --- | --- |
+| 开发 | `config/development.env` | `http://172.104.181.99:21022` | `21021` | `.next-dev/` |
+| 测试 | `config/test.env` | `http://172.104.181.99:21022` | `21021` | `.next-test/` |
+| 生产 | `config/production.env` | `http://172.104.56.28:26125` | `21021` | `.next/` |
+
+配置由 [scripts/next-env.mjs](scripts/next-env.mjs) 加载，优先级为：进程环境变量 > `config/{环境}.local.env` > `config/{环境}.env`。开发环境兼容旧 `.env.local`，优先级低于 `config/development.local.env`；测试和生产不从旧 `.env.local` 加载本站业务配置。
+
+`APP_ENV` 区分业务环境；测试构建/启动仍使用 `NODE_ENV=production`，`dev` 命令使用 `NODE_ENV=development`。服务端配置修改后需重启，`NEXT_PUBLIC_*` 修改后需重新构建。私有覆盖文件已忽略提交和打包。
+
+## 2.3 缓存、SEO 与外部配置
+
+- 公共配置、页脚、导航、分类和标签选项默认缓存 60 秒，首页缓存 30 秒，进程内最多 128 条并合并并发请求；开发配置关闭缓存。`PUBLIC_DATA_CACHE_TTL_MS=0` 可关闭，正数仅缩短既有缓存上限。
+- 公共缓存按上游地址隔离，各实例独立；配置和首页刷新失败可沿用已成功的数据。账户及付费权限不进入公共缓存。
+- canonical 和站点身份取后台配置的永久域名，优先 `config.foreverUrlAddr`，其次 `newAddressInfo.foreverUrlAddr`。有效 SEO 配置保存在对应构建目录的 `cache/seo/`，异常时复用最近一次有效快照；不以 API IP 或访问 Host 作为正式域名。
+- 生产 `/robots.txt` 允许抓取公开资源，限制 `/api/` 和 `/healthz`；开发、测试禁止全站抓取。账户、充值、搜索、工具等页面另有页面级 `noindex` 规则。
+- 生产 robots 在取得有效永久域名后声明 `https://{永久域名}/sitemap.xml` 形式的绝对 URL。**本仓库没有 sitemap XML 生成或读取路由**；现有 XSL 和响应头配置不等于已提供 XML，需由后端/反向代理另行接入。规则见 [后端 Sitemap 对接约定](docs/sitemap-backend-contract.md)。
+- 导航、官方入口、商务 TG、用户反馈 TG 群、广告和下载地址由接口动态配置；未配置有效 App 下载链接时隐藏入口。
+- 埋点使用 App ID `1047`，优先读取接口 `reportSdkConfig`，构建配置 `NEXT_PUBLIC_TRACKER_ENCRYPTED_CONFIG` 为兜底；配置及上报链路需与后端保持一致。
+
+# 3. 运维部署
+
+## 3.1 开发、验证和启动
+
+```sh
+nvm use 22.17.1
+npm ci
+npm run dev                 # 开发配置，默认 http://localhost:21021
+npm run typecheck           # 类型检查
+npm test                    # 本地回归测试
+npm run check               # 生产构建 + 回归测试
+```
+
+| 环境 | 构建 | 启动 |
+| --- | --- | --- |
+| 开发 | `npm run build:dev` | `npm run dev`；已有构建用 `npm run start:dev` |
+| 测试 | `npm run build:test` | `npm run start:test`；开发调试可用 `npm run dev:test` |
+| 生产 | `npm run build` | `npm start` |
+
+启动前确认 `21021` 未被本项目的旧进程或其他服务占用。不同环境须使用对应构建产物，不能互换构建目录。
+
+## 3.2 打包与发布目标
+
+```sh
+bash deploy_test.sh --dry-run       # 仅预览，不构建、不联网
+bash deploy_prod.sh --dry-run
+bash deploy_test.sh --package-only  # 仅本地构建、测试、打包
+bash deploy_prod.sh --package-only
+```
+
+| 环境 | 默认 SSH 目标 | 上传及执行目录 | SCP / SSH 端口 | 上传后执行 |
+| --- | --- | --- | --- | --- |
+| 测试 | `root@172.104.181.99` | `/server/web_91dj/h5` | `22889 / 22889` | `bash run.sh` |
+| 生产 | `server@34.92.204.175` | `/home/server/web_91dj/h5` | `22889 / 22889` | `bash rsupdate.sh` |
+
+直接执行 `bash deploy_test.sh` 或 `bash deploy_prod.sh` 会构建、测试、打包、上传并执行远端脚本。生产上传主机与生产 API 主机不同，不要混用。
+
+- **测试脚本**：[deploy_test.sh](deploy_test.sh)。执行 `build:test`、测试、`bundle:test`，生成 `web_91dj_h5.tar.gz` 和 `web_91dj_h5.tar.gz.sha256`，上传这两份文件及 `deploy/up_next_h5.sh`；同时刷新本地兼容 MD5 文件。测试包不含 `node_modules`，Linux 解包后需 `npm ci --omit=dev --no-audit --no-fund`，再运行 `node start.mjs`。
+- **生产脚本**：[deploy_prod.sh](deploy_prod.sh)。执行 `check`、`bundle`、`bundle:linux`，生成 `web_91dj_h5.tar.gz` 和纯哈希格式 `web_91dj_h5.md5`，两份文件一并上传。包内含 standalone 裁剪依赖，默认 Linux x64/glibc，可运行 `node start.mjs`；打包时安装并校验目标平台 Sharp/libvips。
+- 两种包只带对应环境的基础配置，不包含私有 `*.local.env`、`.env*` 和 SEO 缓存。服务器覆盖配置放在实际运行目录的 `config/` 下。
+- 测试与生产使用**同名压缩包**，后一次打包会覆盖根目录旧产物；发布前核对环境和校验文件。`dist/`、压缩包和校验文件均已忽略提交，两份脚本共用 `dist/.deploy.lock` 防止并发打包。
+
+测试目标可通过 `DEPLOY_HOST`、`DEPLOY_DIR`、`DEPLOY_RUN_DIR`、`DEPLOY_SSH_PORT` 覆盖；上传目录和执行目录分别配置。生产使用 `DEPLOY_JUMP_HOST`、`DEPLOY_JUMP_DIR`、`DEPLOY_SCP_PORT`、`DEPLOY_SSH_PORT`，执行目录跟随上传目录。两者支持 `DEPLOY_PACKAGE_NAME`；生产另支持 `DEPLOY_TARGET_ARCH=x64|arm64`、`DEPLOY_TARGET_LIBC=glibc|musl`。
+
+上传失败不会执行远端更新；远端命令失败会使发布退出。生产脚本还检查远端输出中的失败状态，并将执行日志写入 `dist/production-rsupdate.*`。
+
+## 3.3 服务管理、检查和回退
+
+远端现有 `run.sh`、`rsupdate.sh` 不在本仓库，发布脚本不会覆盖它们。服务启动方式、私有配置保留、日志位置和线上回退步骤，需由运维结合服务器脚本确认。
+
+仓库提供的 [deploy/up_next_h5.sh](deploy/up_next_h5.sh) 是测试环境辅助更新脚本，默认 Supervisor 程序为 `91dj_next_h5`，可通过 `DEPLOY_PROGRAM` 覆盖。它支持 SHA-256 校验、解包、安装依赖、保留本地配置和 SEO 缓存、切换版本、检查和失败回退；是否由服务器 `run.sh` 调用，应核对远端实现。
+
+`/healthz` 返回进程状态、应用名和环境，不请求 Go 后端。发布后可执行：
+
+```sh
+node scripts/check-health.mjs http://127.0.0.1:21021 production
+# 测试环境将最后一个参数改为 test
+PREVIEW_URL=http://127.0.0.1:21021 npm run smoke:api
+```
+
+健康检查同时检查 `/healthz` 和首页；测试发布可设置 `DEPLOY_CHECK_URL` 自动执行。API 冒烟检查可能创建临时游客会话，使用 `SMOKE_PUBLIC_ONLY=1` 可仅检查公共部分。支付、解锁、媒体播放及埋点仍需对应业务验收，不能仅以进程存活判定全部功能正常。
+
+# 4. 风险说明
+
+| 风险点 | 影响及处理要求 |
+| --- | --- |
+| 上游及反向代理配置错误 | SSR、登录或媒体可能失败；区分网站 `21021`、API `21022/26125` 和 SSH `22889`。本站 `/api/*` 应进入 Next.js，避免上游回环；如启用可选 `current` 模式，必须先确认 `/api/app/*` 转发到 Go。 |
+| 播放签名、IP、UA 或密钥异常 | 可能出现播放 502；保留签名查询和客户端信息，检查真实上游响应，AES 密钥必须为 16 字节。H.265 解码受设备及浏览器限制，前端不提供转码。 |
+| 个人数据误入共享缓存 | 可能造成身份或权限混用；新增接口需延续公开数据与账户、订单、付费权限隔离，首屏输出遵守字段白名单。 |
+| 发布包平台或环境不匹配 | 生产需匹配 Linux 架构/libc，测试包需安装运行依赖；同名产物发布前核对配置和校验值。 |
+| SEO 配置或 sitemap 未接入 | 测试环境禁止抓取；生产需核对 `APP_ENV`、永久域名、robots、页面索引标记及实际 sitemap 响应，不能只确认 Sitemap 声明。 |
+| 服务器更新脚本未交接 | 本地脚本成功不等于业务验收通过；运维应提供远端脚本、服务管理、日志、监控告警及回退说明。 |
+
+# 5. 历史事故（可选）
+
+仓库内未提供经确认的生产事故台账。负责人可按“时间、环境、影响范围、原因、处置及预防措施”补充；开发调试错误不直接登记为生产事故。
+
+# 6. 交接说明（可选）
+
+- **应用标识**：DMP 为 `JHA-1047`；三套环境的 `NEXT_PUBLIC_TRACKER_APP_ID` 均为 `1047`，对接后台与 SDK 时保持一致。
+- **新增页面**：复用集中路由、slug/ID、分页和 SEO 规则，补充有效/缺失/异常状态处理。导航与下载入口优先消费动态配置，不写死演示链接。
+- **个人列表**：我的点赞入口为 `/member/likes/`，上游接口为 `GET /api/app/playlet/like/list`，与收藏、历史、已购共同保持私有响应及禁止索引。
+- **配置交接**：确认实际运行目录的私有覆盖、上游连通性、正式永久域名、TG 联系方式、广告、下载及埋点配置。新版本切换需保留服务器私有配置和对应 SEO 快照。
+- **发布交接**：确认 SSH 权限、远端 `run.sh`/`rsupdate.sh`、服务管理名称、日志与回退方法；本文记录的是仓库默认值，不替代服务器实际配置验收。
+- **待补登记**：最后审计人、最后审计时间、告警群，以及运维确认后的监控和事故台账；不将本次文档整理视为已完成审计。
+- **参考资料**：[运行与部署说明](README.md)、[页面接口对照](docs/api-contract.md)、[索引策略](docs/indexation-policy.md)、[Sitemap 对接约定](docs/sitemap-backend-contract.md)。历史核对记录以其日期为界，当前配置和行为以代码为准。
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..db10c5b
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/assets/01a1c7fc200c39f2.jpg b/public/assets/01a1c7fc200c39f2.jpg
new file mode 100644
index 0000000..6865d00
Binary files /dev/null and b/public/assets/01a1c7fc200c39f2.jpg differ
diff --git a/public/assets/01c359ce005dc785.webp b/public/assets/01c359ce005dc785.webp
new file mode 100644
index 0000000..5c43898
Binary files /dev/null and b/public/assets/01c359ce005dc785.webp differ
diff --git a/public/assets/026444e7f0debb8a.png b/public/assets/026444e7f0debb8a.png
new file mode 100644
index 0000000..00528a1
Binary files /dev/null and b/public/assets/026444e7f0debb8a.png differ
diff --git a/public/assets/09bbacc482165f7f.jpg b/public/assets/09bbacc482165f7f.jpg
new file mode 100644
index 0000000..b820d2b
Binary files /dev/null and b/public/assets/09bbacc482165f7f.jpg differ
diff --git a/public/assets/0a24767770663c9e.png b/public/assets/0a24767770663c9e.png
new file mode 100644
index 0000000..7477c9e
Binary files /dev/null and b/public/assets/0a24767770663c9e.png differ
diff --git a/public/assets/0c829f3186dd2aa8.jpg b/public/assets/0c829f3186dd2aa8.jpg
new file mode 100644
index 0000000..8a20d77
Binary files /dev/null and b/public/assets/0c829f3186dd2aa8.jpg differ
diff --git a/public/assets/0dcb9a25191e606e.webp b/public/assets/0dcb9a25191e606e.webp
new file mode 100644
index 0000000..1ad6e93
Binary files /dev/null and b/public/assets/0dcb9a25191e606e.webp differ
diff --git a/public/assets/0e23b0d87a4b6e04.webp b/public/assets/0e23b0d87a4b6e04.webp
new file mode 100644
index 0000000..dcad676
Binary files /dev/null and b/public/assets/0e23b0d87a4b6e04.webp differ
diff --git a/public/assets/0ee5776b9c09c740.webp b/public/assets/0ee5776b9c09c740.webp
new file mode 100644
index 0000000..9f2d02c
Binary files /dev/null and b/public/assets/0ee5776b9c09c740.webp differ
diff --git a/public/assets/0f0ef061135a13f0.svg b/public/assets/0f0ef061135a13f0.svg
new file mode 100644
index 0000000..b080a31
--- /dev/null
+++ b/public/assets/0f0ef061135a13f0.svg
@@ -0,0 +1,3 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="37.0911" height="37.0911" viewBox="0 0 37.0911 37.0911" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Star 7" d="M16.3279 0.979548C17.5179 -0.326515 19.5732 -0.326516 20.7632 0.979547L21.3914 1.66906C22.1808 2.53547 23.4024 2.86281 24.5193 2.50717L25.4081 2.22414C27.0916 1.68803 28.8716 2.71569 29.2491 4.44175L29.4483 5.35299C29.6988 6.49801 30.5931 7.39234 31.7381 7.64276L32.6494 7.84205C34.3754 8.21954 35.4031 9.99949 34.867 11.6831L34.5839 12.5719C34.2283 13.6887 34.5556 14.9104 35.422 15.6997L36.1116 16.3279C37.4176 17.5179 37.4176 19.5732 36.1116 20.7632L35.422 21.3914C34.5556 22.1807 34.2283 23.4024 34.5839 24.5193L34.867 25.408C35.4031 27.0916 34.3754 28.8716 32.6494 29.2491L31.7381 29.4483C30.5931 29.6988 29.6988 30.5931 29.4483 31.7381L29.2491 32.6494C28.8716 34.3754 27.0916 35.4031 25.4081 34.867L24.5193 34.5839C23.4024 34.2283 22.1808 34.5556 21.3914 35.422L20.7632 36.1116C19.5732 37.4176 17.5179 37.4176 16.3279 36.1116L15.6997 35.422C14.9104 34.5556 13.6887 34.2283 12.5719 34.5839L11.6831 34.867C9.9995 35.4031 8.21954 34.3754 7.84205 32.6494L7.64276 31.7381C7.39234 30.5931 6.49801 29.6988 5.35299 29.4483L4.44175 29.2491C2.71569 28.8716 1.68803 27.0916 2.22414 25.4081L2.50717 24.5193C2.86281 23.4024 2.53547 22.1808 1.66906 21.3914L0.979548 20.7632C-0.326515 19.5732 -0.326517 17.5179 0.979547 16.3279L1.66906 15.6997C2.53547 14.9104 2.86281 13.6887 2.50717 12.5719L2.22414 11.6831C1.68803 9.9995 2.71569 8.21954 4.44175 7.84205L5.35299 7.64276C6.49801 7.39234 7.39234 6.49801 7.64276 5.35299L7.84205 4.44175C8.21954 2.71569 9.99949 1.68803 11.6831 2.22414L12.5719 2.50717C13.6887 2.86281 14.9104 2.53547 15.6997 1.66906L16.3279 0.979548Z" fill="#FF0095"/>
+</svg>
diff --git a/public/assets/11bae9823678ebdc.svg b/public/assets/11bae9823678ebdc.svg
new file mode 100644
index 0000000..1d298e0
--- /dev/null
+++ b/public/assets/11bae9823678ebdc.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M42.0004 13.0039V33.3979C42.0048 33.7924 41.9292 34.1836 41.7783 34.548C41.6273 34.9125 41.404 35.2425 41.122 35.5183C40.8476 35.8023 40.5178 36.0267 40.153 36.1779C39.7883 36.329 39.3963 36.4035 39.0016 36.3967H28.7956C28.8034 36.8916 28.9061 37.3804 29.098 37.8367C29.2742 38.2906 29.4737 38.7352 29.6956 39.1687C29.8516 39.4161 29.9545 39.6931 29.998 39.9823C29.9951 40.3003 29.8676 40.6045 29.6427 40.8294C29.4178 41.0543 29.1136 41.1819 28.7956 41.1847H19.2016C18.8835 41.1819 18.5793 41.0543 18.3544 40.8294C18.1296 40.6045 18.002 40.3003 17.9992 39.9823C18.0395 39.6884 18.1439 39.407 18.3052 39.1579C18.528 38.7311 18.7275 38.2924 18.9028 37.8439C19.0975 37.381 19.2002 36.8845 19.2052 36.3823H9.00276C8.60816 36.3878 8.2166 36.3127 7.85201 36.1617C7.48743 36.0106 7.15748 35.7868 6.88236 35.5039C6.59954 35.2315 6.37542 34.9042 6.22374 34.542C6.07206 34.1799 5.99605 33.7905 6.00036 33.3979V13.0039C5.99488 12.6093 6.06996 12.2178 6.22099 11.8532C6.37203 11.4886 6.59584 11.1586 6.87876 10.8835C7.15207 10.5987 7.48101 10.3731 7.84515 10.2208C8.20929 10.0684 8.60086 9.99258 8.99556 9.99791H38.9944C39.7913 9.99886 40.5553 10.3159 41.1189 10.8794C41.6824 11.4429 41.9994 12.207 42.0004 13.0039ZM39.5956 28.6063V13.0039C39.5956 12.9255 39.58 12.8479 39.5497 12.7756C39.5194 12.7032 39.4751 12.6377 39.4192 12.5827C39.3641 12.5259 39.2981 12.4809 39.225 12.4506C39.1519 12.4202 39.0735 12.4052 38.9944 12.4063H9.00276C8.92435 12.4063 8.84673 12.4219 8.77441 12.4521C8.70209 12.4824 8.63653 12.5268 8.58156 12.5827C8.52516 12.6373 8.48045 12.7028 8.45013 12.7752C8.4198 12.8476 8.4045 12.9254 8.40516 13.0039V28.6027C8.40464 28.6817 8.41998 28.76 8.45028 28.833C8.48059 28.906 8.52522 28.9721 8.58156 29.0275C8.63616 29.0839 8.70165 29.1286 8.77405 29.1589C8.84645 29.1893 8.92426 29.2046 9.00276 29.2039H38.998C39.077 29.2044 39.1553 29.1891 39.2282 29.1588C39.3012 29.1285 39.3674 29.0838 39.4228 29.0275C39.479 28.9736 39.5237 28.9087 39.5541 28.8369C39.5844 28.7651 39.5997 28.6879 39.5992 28.6099L39.5956 28.6063Z" fill="#EEEEEE"/>
+</g>
+</svg>
diff --git a/public/assets/13536e3a41e2f59f.png b/public/assets/13536e3a41e2f59f.png
new file mode 100644
index 0000000..fbe5962
Binary files /dev/null and b/public/assets/13536e3a41e2f59f.png differ
diff --git a/public/assets/14372da0677bc8a2.png b/public/assets/14372da0677bc8a2.png
new file mode 100644
index 0000000..8bc93cd
Binary files /dev/null and b/public/assets/14372da0677bc8a2.png differ
diff --git a/public/assets/144f33adfb6673f6.svg b/public/assets/144f33adfb6673f6.svg
new file mode 100644
index 0000000..a8857f5
--- /dev/null
+++ b/public/assets/144f33adfb6673f6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" aria-hidden="true"><path d="M512 204.8C269.06624 204.8 40.96 358.68672 40.96 512s228.10624 307.2 471.04 307.2 471.04-153.88672 471.04-307.2-228.10624-307.2-471.04-307.2z" fill="#A3A3AD"/><path d="M512 337.92a174.08 174.08 0 1 0 0 348.16 174.08 174.08 0 0 0 0-348.16z m0 61.44a112.64 112.64 0 1 1 0 225.28 112.64 112.64 0 0 1 0-225.28z" fill="#232326"/></svg>
\ No newline at end of file
diff --git a/public/assets/160ae2de19037355.svg b/public/assets/160ae2de19037355.svg
new file mode 100644
index 0000000..fe19a8f
--- /dev/null
+++ b/public/assets/160ae2de19037355.svg
@@ -0,0 +1,28 @@
+<svg width="250" height="176" viewBox="0 0 250 176" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45235_124956)">
+<path d="M463.454 54.534C463.262 53.8027 463.416 53.1163 463.653 52.4203C464.577 49.7324 467.858 45.8321 469.446 43.4745C472.333 39.1893 477.91 30.1569 481.682 27.1515C488.12 22.0227 496.075 28.8579 490.991 35.4975C483.145 41.0849 475.668 47.9202 467.678 53.2414C466.36 54.1203 465.08 55.4931 463.454 54.5373V54.534Z" fill="#FCD02B"/>
+<path d="M477.637 63.0442C477.557 63.0634 477.541 63.458 477.287 63.5414C476.857 63.6793 472.784 63.891 472.3 63.814C468.188 63.1629 475.44 58.6595 476.331 58.0373C479.699 55.6926 490.817 48.2319 494.364 48.1389C499.839 47.9945 502.149 55.1248 497.52 58.0565C496.635 58.6178 495.708 58.8199 494.727 59.1118C489.158 60.7604 483.276 61.6521 477.64 63.0442H477.637Z" fill="#FCD02B"/>
+<path d="M25.7009 139.13C20.6202 135.371 15.6325 130.791 10.6576 126.765C7.80935 124.462 2.48809 121.742 2.46884 117.611C2.44318 112.409 7.91199 109.673 12.3416 111.931C15.0423 113.307 19.876 120.831 21.8101 123.632C24.0362 126.849 30.6533 135.99 31.6989 139.092C32.1191 140.346 31.7502 141.818 30.2363 141.805C29.8931 141.805 26.2301 139.518 25.7041 139.13H25.7009Z" fill="#FCD02B"/>
+<path d="M3.05646e-05 141.885C0.0128606 141.85 0.429837 141.828 0.535685 141.581C1.84756 138.582 3.2332 137.071 6.83203 137.324C10.3988 137.574 22.3243 146.126 25.5543 148.749C26.6609 149.651 28.6592 150.815 28.1043 152.515C27.4852 154.407 22.5104 152.416 21.2177 152.121C16.0184 150.937 8.95862 149.785 4.09923 148.069C2.29982 147.434 1.1804 146.398 0.5421 144.57C0.4138 144.201 -0.0512896 142.007 3.05646e-05 141.882V141.885Z" fill="#FCD02B"/>
+<path d="M62.6914 41.4902C91.9149 22.1875 138.542 29.013 150.805 64.8789C151.202 66.0399 151.398 68.4937 151.748 69.251H151.745C156.55 79.6689 152.717 100.139 148.759 111.202C136.041 146.745 104.726 173.682 66.1719 175.52C60.6742 175.783 55.2529 175.279 49.7969 174.868C47.7924 174.718 46.2465 175.311 44.4023 174.169C42.9301 173.258 42.2085 171.606 42.2373 169.894C42.3175 165.416 50.1729 151.525 53.6562 148.57C57.8612 145.004 60.337 146.356 65.209 146.01C74.0264 145.381 82.6614 142.241 89.7051 137.147C91.6456 135.746 93.4454 134.011 95.1807 132.362C83.8422 135.785 72.8274 136.369 61.582 132.292C49.0791 127.76 40.9418 118.557 37.0479 105.826C35.0657 99.3536 35.4402 95.803 35.2061 89.0674C34.6063 71.7757 48.1678 51.0839 62.6914 41.4902ZM83.6387 61.96H83.6377L83.6367 61.9609C81.8856 62.0572 79.509 63.9522 78.6172 65.4404C77.4304 67.4291 77.5809 69.3763 77.2217 71.583H77.2246C75.5439 81.8373 74.5848 92.2168 73.0869 102.5C73.6188 107.482 76.7179 109.783 80.9043 109.213C81.0412 109.194 81.1792 109.173 81.3184 109.148C81.4461 109.126 81.5746 109.1 81.7041 109.072C81.9433 109.021 82.1856 108.961 82.4307 108.892C82.7598 108.798 83.094 108.69 83.4326 108.564C83.468 108.551 83.5046 108.54 83.54 108.526C83.7078 108.463 83.8764 108.396 84.0469 108.33C85.092 107.923 86.1883 107.465 87.3223 106.966C95.4105 103.406 105.421 97.7665 112.517 93.8809C116.58 91.6581 120.673 90.1277 120.218 84.5596C120 81.8944 118.492 80.8585 116.757 79.2773C107.343 74.5816 98.2334 67.1369 88.7842 62.749C87.251 62.037 85.2713 61.8701 83.6387 61.96ZM65.6748 42.0742C65.1103 42.0486 64.5483 42.0327 63.9902 42.1514C61.9786 42.5723 54.6342 49.179 53.0049 51.0488C52.7096 51.389 51.1995 53.2195 51.2471 53.4541C51.587 55.1087 53.8085 51.8105 54.1143 51.5234C57.6906 48.1684 61.1839 45.7723 65.0713 42.8984C65.4305 42.6322 65.87 42.9015 65.6777 42.0742H65.6748ZM66.2266 41.3975L66.5186 42.0098L68.7822 40.9355L68.4902 40.3223L66.2266 41.3975ZM68.8916 40.3135C70.0687 39.9478 71.1336 39.3478 72.2979 38.8955C72.7565 38.7191 73.2311 39.2029 73.0547 38.2246H73.0518L68.8916 40.3135ZM74.0137 37.9072C73.5648 37.6767 73.1579 38.1094 73.376 38.2217C73.825 38.4524 74.2318 38.0195 74.0137 37.9072Z" fill="#FCD02B"/>
+<path d="M83.6384 61.9609C83.138 64.0939 86.7176 61.9032 86.5251 63.5615C82.9712 63.6705 80.3058 65.3032 79.4879 68.8763L78.1824 78.316C77.6211 78.316 77.8296 76.9112 77.852 76.5391C77.9899 74.3804 78.7084 72.1833 78.5064 69.9797L77.2266 71.5835C77.589 69.3799 77.4351 67.4297 78.6218 65.4411C79.5103 63.9528 81.8903 62.054 83.6416 61.9609H83.6384Z" fill="#FDFDFD"/>
+<path d="M65.6739 42.0729C65.8664 42.9037 65.4301 42.631 65.0677 42.8972C61.177 45.7712 57.6872 48.1672 54.1108 51.5222C53.8061 51.8077 51.5833 55.1082 51.2433 53.4532C51.1952 53.219 52.7059 51.3875 53.001 51.0475C54.6337 49.1743 61.9757 42.5701 63.9868 42.1499C64.5481 42.0312 65.1062 42.0472 65.6707 42.0729H65.6739Z" fill="#FCD02B"/>
+<path d="M68.4922 40.3143L66.2266 41.3906L66.5183 42.0048L68.784 40.9286L68.4922 40.3143Z" fill="#FCD02B"/>
+<path d="M73.0501 38.2246C73.2297 39.2029 72.7518 38.7154 72.2931 38.895C71.132 39.3472 70.0671 39.947 68.8867 40.3127L73.0469 38.2246H73.0501Z" fill="#FCD02B"/>
+<path d="M74.0153 37.9066C74.2334 38.0189 73.8261 38.4519 73.377 38.221C73.1589 38.1087 73.5662 37.6757 74.0153 37.9066Z" fill="#FCD02B"/>
+<path d="M470.626 65.4876H486.343C487.536 65.4876 486.282 68.6374 486.208 69.2019C485.342 75.726 483.924 82.0544 482.754 88.5207C479.184 108.276 476.396 128.73 472.288 148.299C470.972 154.563 469.045 159.859 462.534 162.281C458.479 163.788 447.702 164.186 443.346 163.65C442.506 163.548 442.204 163.496 442.224 162.528C442.564 158.496 442.105 153.604 442.554 149.675C442.865 146.952 444.241 148.174 445.931 148.235C449.729 148.376 455.92 148.819 456.847 144.081C460.243 123.662 464.009 103.224 467.492 82.8787C468.358 77.8173 468.843 72.31 469.924 67.3479C470.065 66.6968 470.071 65.9463 470.626 65.4844V65.4876Z" fill="#FDFDFD"/>
+<path d="M464.532 74.791C464.638 74.8199 465.1 75.2914 465.171 75.4389C465.562 76.2601 464.212 83.2492 463.958 84.8017C460.911 103.389 457.203 121.903 454.025 140.455C453.948 140.551 453.377 140.866 453.309 140.866H440.479C440.367 140.866 440.097 140.507 440.043 140.333C443.408 118.641 447.443 96.9678 451.199 75.317C451.292 75.1855 452.241 74.791 452.35 74.791H464.539H464.532Z" fill="#FDFDFD"/>
+<path d="M446.562 66.7787L389.462 66.7562C386.697 66.6247 387.044 69.5564 386.71 71.3815C383.647 88.1664 381.184 105.195 377.549 121.881C374.829 134.371 370.381 146.364 365.242 158.02L365.993 158.898C368.607 159.902 371.227 160.916 373.816 161.981C374.701 162.347 377.309 164.069 378.05 163.601C378.489 163.322 382.107 155.405 382.637 154.235C387.284 143.961 390.424 133.7 392.763 122.663C392.987 121.595 392.375 120.312 393.645 120.017C393.911 119.956 394.87 119.812 394.764 120.335L393.481 120.659H407.594L403.428 120.02L408.236 119.696L406.911 127.029C406.244 127.458 395.948 126.785 393.949 127.057C393.353 127.138 393.019 127.15 392.695 127.728L386.168 162.273C386.053 162.529 386.47 162.994 386.588 162.994H429.89C431.198 162.994 431.695 160.804 432.003 160.037C432.116 159.758 432.574 159.781 432.619 159.566C432.764 158.886 432.318 158.19 432.382 157.471C433.193 148.5 436.42 138.55 437.402 129.447C437.543 128.899 436.731 127.074 436.305 127.074H421.71L422.673 120.655C427.696 120.315 433.293 121.111 438.245 120.671C438.813 120.62 439.58 120.614 439.997 120.177C441.199 118.926 441.575 109.381 442.239 107.184H425.239C425.386 106.356 426.81 100.769 425.72 100.769H411.126L410.163 107.184H395.73C395.794 106.007 396.339 100.086 396.993 99.6268L424.777 99.4632C425.8 99.2868 425.608 100.409 426.349 100.474L441.26 100.272C442.559 99.6076 443.095 98.7448 443.502 97.3816C445.061 92.1854 446.065 84.2372 446.95 78.6978C447.338 76.2761 448.426 71.6573 448.362 69.4954C448.326 68.2926 447.791 67.1508 446.559 66.7787H446.562ZM421.072 139.904C420.2 142.441 420.427 147.39 419.472 149.616C419.388 149.808 418.468 150.168 418.346 150.168H402.95C402.854 150.168 402.376 149.69 402.517 149.43L404.393 139.904H421.072ZM429.251 86.9796H399.903C400.499 84.9011 400.454 82.4121 401.346 80.5646H430.695C430.457 81.4114 429.919 86.9796 429.251 86.9796Z" fill="#FDFDFD"/>
+<path d="M286.354 74.1494H309.127L306.263 89.0868L295.046 89.2568L292.128 105.904H303.354L300.743 120.613L288.612 120.671C288.817 121.99 287.374 123.702 287.791 124.806C287.977 125.293 288.75 126.102 289.084 126.746C292.262 132.869 295.05 139.214 298.527 145.189L289.392 162.035C283.817 157.24 281.049 149.565 278.65 142.79C278.053 142.652 278.027 142.992 277.742 143.323C274.663 146.886 272.032 151.874 268.7 155.771C267.763 156.868 261.464 163.745 260.787 163.925C260.11 164.104 251.261 156.207 249.814 155.409C249.442 154.174 254.115 150.321 255.081 149.208C256.325 147.771 257.903 145.748 259.077 144.224C264.601 137.055 269.316 129.126 272.558 120.658H258.445L261.027 105.92C261.541 105.423 273.258 106.173 275.301 105.92C275.901 105.846 276.388 105.766 276.587 105.118L279.618 89.228L278.64 89.4397L272.555 99.6716L259.728 98.2058L273.877 65.3641L274.643 64.8477L289.257 65.6335C289.69 65.9286 289.578 66.4161 289.501 66.8556C289.119 69.0784 286.659 71.747 286.354 74.1527V74.1494Z" fill="white"/>
+<path d="M309.77 147.28C309.251 143.034 308.353 138.829 307.493 134.643C307.317 133.777 306.268 132.308 307.025 131.224C307.451 130.611 320.028 129.588 321.802 128.969C322.074 128.988 322.402 128.978 322.623 129.139C323.329 129.649 325.317 144.256 325.446 146.28L323.242 147.28H331.582L341.352 128.975L356.6 130.925L347.94 147.284H359.647C360.141 147.284 360.106 148.249 360.064 148.637C359.737 151.607 358.326 155.671 357.659 158.773C357.524 159.398 357.54 161.717 356.764 161.717H295.34L298.387 147.284H309.774L309.77 147.28Z" fill="white"/>
+<path d="M369.384 81.8012L311.877 82.1733C311.027 82.0418 313.782 68.7819 314.144 67.7042C315.383 67.0531 316.656 67.7299 317.933 67.7459C335.577 67.9769 353.241 67.5535 370.889 67.717C371.225 67.7235 371.649 67.7395 371.86 68.0346C372.3 68.644 369.458 80.0114 369.384 81.8012Z" fill="white"/>
+<path d="M365.421 87.3001H313.138L305.289 126.634C305.148 126.974 305.514 127.715 305.761 127.715H357.081C357.309 127.715 358.512 126.74 358.669 126.416C361.231 113.785 363.47 101.057 365.882 88.3714C366.036 88.0314 365.664 87.2969 365.417 87.2969L365.421 87.3001ZM345.168 113.307C338.048 113.89 330.715 113.663 323.566 113.278L325.548 101.952L325.968 101.41H347.298L345.168 113.307Z" fill="white"/>
+<path d="M203.82 48.3031C204.529 48.4666 205.908 48.8932 206.944 49.1563C209.866 49.9004 218.613 51.8057 220.714 53.0277C222.786 54.2337 223.421 56.6747 223.177 58.9263L202.479 162.677C201.433 166.23 198.322 168.418 194.746 169.056L164.781 168.941C162.494 168.081 161.359 165.903 161.285 163.527L176.665 86.1934C176.671 85.9464 175.594 85.8181 175.337 85.8694C172.264 86.5045 167.722 89.8083 164.598 90.1643C161.542 90.5107 159.101 88.7017 159.332 85.5487C160.765 79.6116 160.801 72.2856 162.436 66.5089C162.847 65.0591 163.861 63.8274 165.214 63.1923C174.821 58.8044 184.341 52.7423 194.079 48.7553C198.277 47.0361 199.506 47.3119 203.817 48.3031H203.82Z" fill="#FCD02B"/>
+<path d="M217.721 2.13574C221.749 -3.29773 229.63 2.70001 225.274 8.0918C224.986 8.45104 224.287 8.63105 224.203 8.77539L224.197 8.77832C223.819 9.41982 224.566 11.8519 224.79 12.7051C225.518 15.4828 226.673 20.5563 227.661 22.9844C227.786 23.2923 227.767 23.6454 228.178 23.7705C228.992 24.0163 239.786 19.9539 241.585 19.5947C242.364 19.0142 241.854 17.6667 242.887 16.4062C246.733 11.6976 254.268 16.8877 250.435 22.0293C249.059 23.8734 248.009 23.2992 246.479 23.8477C245.158 24.3225 235.42 45.9666 233.492 48.709C233.146 49.3023 232.703 49.976 231.969 50.0947C230.564 50.3225 224.925 47.9902 223.09 47.4385C212.508 44.2599 202.321 41.5209 191.483 39.2725C189.594 38.8812 186.451 39.4552 186.624 36.5078L190.643 9.81738C188.327 8.07873 188.052 4.18555 190.287 2.29004C193.973 -0.837286 199.107 2.57577 197.687 7.12402C197.487 7.75886 196.507 8.23362 197.017 9.02246L205.369 18.3242C207.739 16.0022 210.135 13.6735 212.582 11.4316C213.432 10.6522 217.002 8.06931 217.079 7.25781C217.258 5.30796 215.928 4.55403 217.721 2.13574ZM219.479 11.9248C217.034 13.2302 206.575 24.6463 205.022 24.7461C204.48 24.7814 204.031 24.5848 203.617 24.248C202.257 23.1348 199.858 19.4505 198.46 17.8467C198.216 17.5677 197.793 17.487 197.604 17.2754C197.453 17.1054 195.249 13.4103 194.62 14.1641L192.051 34.3682V34.373C205.054 36.3168 217.502 40.5537 230.024 44.3418L240.161 25.0762L240.163 25.0771V25.0742L240.161 25.0762L240.16 25.0752L240.162 25.0723C239.572 24.5196 226.682 30.0984 225.399 29.749C224.575 29.5244 224.389 28.8194 224.116 28.1299C222.269 23.4502 221.711 17.4201 219.953 12.7275C219.834 12.41 219.831 12.1301 219.479 11.9248Z" fill="#FCD02B"/>
+</g>
+<defs>
+<clipPath id="clip0_45235_124956">
+<rect width="500" height="175.589" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/16bd37861fd6246c.svg b/public/assets/16bd37861fd6246c.svg
new file mode 100644
index 0000000..d05fdc8
--- /dev/null
+++ b/public/assets/16bd37861fd6246c.svg
@@ -0,0 +1 @@
+<svg class="svg_quick_icon svg_icon_app" width="22" height="22" viewBox="-2 -2 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" d="M1.5 4.5C1.5 2.84315 2.84315 1.5 4.5 1.5V1.5C6.15685 1.5 7.5 2.84315 7.5 4.5V7.47015C7.5 7.48664 7.48664 7.5 7.47015 7.5H4.5C2.84315 7.5 1.5 6.15685 1.5 4.5V4.5Z" stroke-width="1.2"/><path stroke="currentColor" d="M10.5 4.5C10.5 2.84315 11.8431 1.5 13.5 1.5V1.5C15.1569 1.5 16.5 2.84315 16.5 4.5V4.5C16.5 6.15685 15.1569 7.5 13.5 7.5H10.5299C10.5134 7.5 10.5 7.48664 10.5 7.47015V4.5Z" stroke-width="1.2"/><path stroke="currentColor" d="M1.5 13.5C1.5 11.8431 2.84315 10.5 4.5 10.5H7.47015C7.48664 10.5 7.5 10.5134 7.5 10.5299V13.5C7.5 15.1569 6.15685 16.5 4.5 16.5V16.5C2.84315 16.5 1.5 15.1569 1.5 13.5V13.5Z" stroke-width="1.2"/><path stroke="currentColor" d="M10.5 10.5299C10.5 10.5134 10.5134 10.5 10.5299 10.5H13.5C15.1569 10.5 16.5 11.8431 16.5 13.5V13.5C16.5 15.1569 15.1569 16.5 13.5 16.5V16.5C11.8431 16.5 10.5 15.1569 10.5 13.5V10.5299Z" stroke-width="1.2"/></svg>
\ No newline at end of file
diff --git a/public/assets/180fca29d93502d0.webp b/public/assets/180fca29d93502d0.webp
new file mode 100644
index 0000000..244c2ad
Binary files /dev/null and b/public/assets/180fca29d93502d0.webp differ
diff --git a/public/assets/189d7323288bd44d.svg b/public/assets/189d7323288bd44d.svg
new file mode 100644
index 0000000..69ccf12
--- /dev/null
+++ b/public/assets/189d7323288bd44d.svg
@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#229;&#133;&#179;&#233;&#151;&#173;">
+<circle id="&#229;&#155;&#190;&#230;&#160;&#135;" cx="18" cy="18" r="14" stroke="white" stroke-width="2"/>
+<g id="x">
+<path id="Vector 434" d="M23.0903 12.9082L12.908 23.0905" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+<path id="Vector 435" d="M23.0922 23.0893L12.9098 12.907" stroke="white" stroke-width="2.25" stroke-linecap="round"/>
+</g>
+</g>
+</svg>
diff --git a/public/assets/18da69acb7776e92.svg b/public/assets/18da69acb7776e92.svg
new file mode 100644
index 0000000..1df0b7c
--- /dev/null
+++ b/public/assets/18da69acb7776e92.svg
@@ -0,0 +1,10 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="18+ &#194;&#183; &#229;&#185;&#180;&#233;&#190;&#132;&#230;&#160;&#135;&#232;&#175;&#134;" clip-path="url(#clip0_0_4)">
+<path id="Vector" d="M46.6861 36.6866C46.6861 31.0846 48.5533 29.4371 53.1661 29.4371C57.7789 29.4371 59.6461 31.0846 59.6461 36.6866C59.6461 42.0687 57.7789 43.9359 53.1661 43.9359C48.5533 44.0458 46.6861 42.1786 46.6861 36.6866ZM53.1661 51.7346C47.7844 51.7346 45.9174 54.1511 45.9174 59.4234C45.9174 64.6955 47.7844 66.7826 53.1661 66.7826C58.5479 66.7826 60.4149 64.6955 60.4149 59.4234C60.4149 54.1511 58.4381 51.7346 53.1661 51.7346ZM88.5316 43.7163V39.762C88.5316 36.7964 88.0923 35.3685 85.5661 35.3685H83.04C80.5139 35.3685 80.0746 36.9062 80.0746 39.762V43.7163H76.1207C73.1553 43.7163 71.7276 44.1556 71.7276 46.6819V49.3181C71.7276 51.8444 73.2651 52.2837 76.1207 52.2837H80.1844V56.238C80.1844 59.2036 80.6237 60.6315 83.1498 60.6315H85.676C88.2021 60.6315 88.6414 59.0938 88.6414 56.238V52.2837H94.2426C95.3411 52.2837 95.8902 52.833 96 53.9313V66.6728C96 69.7482 95.1214 72.0549 92.9247 74.142L74.2535 92.8147C72.057 95.0114 69.6407 96 66.6753 96H29.333C26.3676 96 23.9512 95.0114 21.7546 92.8147L3.08348 74.142C0.886867 71.9451 -0.101607 69.7482 0.0082236 66.6728V29.7665C0.0082236 26.6911 0.996697 24.0549 3.30313 21.7482L22.194 2.52632C24.1709 0.549199 26.5872 0 29.333 0H66.5654C69.3112 0 71.7275 0.549199 73.7044 2.52632L92.7051 21.7482C94.9018 24.0549 96 26.6911 96 29.7665V41.7391C96 42.9473 95.4509 43.6065 94.2426 43.6065H88.5316V43.7163ZM31.0902 25.5926C31.0902 23.1761 29.5526 22.627 26.697 22.627H19.1187C16.1533 22.627 14.7255 23.1761 14.7255 25.5926V28.3386C14.7255 30.7551 16.2631 31.3043 19.1187 31.3043H20.876C21.9744 31.3043 22.4137 31.8536 22.4137 33.6109V69.6384C22.4137 72.604 22.9628 74.0321 25.3791 74.0321H28.2346C30.6509 74.0321 31.2 72.4942 31.2 69.6384V25.5926H31.0902ZM68.9818 60.6315C68.9818 54.3707 68.5425 49.6476 62.9411 47.4509C67.6637 44.0458 67.6637 40.5308 67.6637 37.675V34.8192C67.1146 25.373 64.0393 21.7482 53.0563 21.7482C42.0733 21.7482 38.9981 25.373 38.4488 34.8192V37.675C38.4488 40.5308 38.5588 44.0458 43.1716 47.4509C37.5702 49.6476 37.1309 54.3707 37.1309 60.6315C37.1309 69.858 40.4258 74.4714 52.9465 74.6911C65.6868 74.4714 68.9818 69.858 68.9818 60.6315Z" fill="#FFC000"/>
+</g>
+<defs>
+<clipPath id="clip0_0_4">
+<rect width="96" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/19ed41602046c136.svg b/public/assets/19ed41602046c136.svg
new file mode 100644
index 0000000..291e503
--- /dev/null
+++ b/public/assets/19ed41602046c136.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="m12 3.6 2.72 5.53 6.08.891-4.4 4.302 1.038 6.077L12 17.53 6.562 20.4 7.6 14.323l-4.4-4.302 6.08-.892z"/></svg>
\ No newline at end of file
diff --git a/public/assets/1e03fc1be2cc2dc4.png b/public/assets/1e03fc1be2cc2dc4.png
new file mode 100644
index 0000000..0b98570
Binary files /dev/null and b/public/assets/1e03fc1be2cc2dc4.png differ
diff --git a/public/assets/1ed1c03f29c9aecc.png b/public/assets/1ed1c03f29c9aecc.png
new file mode 100644
index 0000000..ffd7db5
Binary files /dev/null and b/public/assets/1ed1c03f29c9aecc.png differ
diff --git a/public/assets/1f0d06c643b6660a.png b/public/assets/1f0d06c643b6660a.png
new file mode 100644
index 0000000..fcd8724
Binary files /dev/null and b/public/assets/1f0d06c643b6660a.png differ
diff --git a/public/assets/200f9c8479491fb3.png b/public/assets/200f9c8479491fb3.png
new file mode 100644
index 0000000..cbcd688
Binary files /dev/null and b/public/assets/200f9c8479491fb3.png differ
diff --git a/public/assets/226b263bb72d177e.png b/public/assets/226b263bb72d177e.png
new file mode 100644
index 0000000..4018ea4
Binary files /dev/null and b/public/assets/226b263bb72d177e.png differ
diff --git a/public/assets/228a0af1662081ac.svg b/public/assets/228a0af1662081ac.svg
new file mode 100644
index 0000000..0abe8d6
--- /dev/null
+++ b/public/assets/228a0af1662081ac.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic_gf">
+<path id="Vector" d="M11.6304 16.2755L11.6268 16.2883L11.6322 16.2928L11.6304 16.2755ZM27.1194 10.7593C26.095 10.1861 24.6487 7.80189 24.6651 7.08054C24.7351 4.03674 22.6893 3.59109 21.6658 3.67464C19.3962 3.85929 17.9716 3.17889 16.8937 2.03994C15.8158 0.900085 14.8489 0.949285 14.8489 0.949285C14.0793 0.949285 13.4626 1.23219 12.6675 2.17554C11.4213 3.65379 9.44815 3.70659 8.8495 3.67374C8.2519 3.64194 6.8455 3.51729 5.98675 4.21959C5.128 4.92189 5.10625 6.13899 4.8961 7.48989C4.68595 8.83989 3.2833 10.1725 2.5783 10.7593C1.8733 11.3459 1.46035 11.8045 1.35115 12.394C1.24195 12.9842 1.04905 13.1917 2.16985 15.1192C3.4234 17.2751 2.7748 18.8051 2.5792 20.2961C2.3836 21.788 3.27415 22.7741 5.17 23.2934C7.06585 23.8129 8.29015 25.7669 8.4421 26.1544C8.59405 26.542 9.5719 28.0348 10.4871 28.1984C11.6751 28.4104 12.4429 27.5816 13.2142 27.3806C13.9848 27.1796 15.6777 27.0031 16.6228 27.5171C19.5348 29.0999 20.7637 27.4798 21.1221 26.4274C21.5077 25.294 22.9605 23.6837 24.5307 23.2936C28.0239 22.4267 26.9331 19.3666 26.8485 19.07C26.7639 18.7735 26.5092 16.2455 27.3943 15.2549C29.2491 13.1762 28.1437 11.3323 27.1194 10.7593ZM17.758 16.2791L17.7534 16.2628V16.2829L17.7589 16.2793C18.5085 18.7745 18.6741 20.9132 18.6741 20.9132L14.7006 18.4981C14.6985 18.4991 14.6964 18.5 14.6943 18.5008L14.6806 18.4963C12.7402 19.838 10.7145 20.9132 10.7145 20.9132C10.7145 20.9132 10.8792 18.7801 11.6269 16.2884C9.7948 14.914 8.3266 12.9536 8.3266 12.9536L12.7039 12.5561L14.6943 8.17794L16.6846 12.5552L21.0619 12.9536C21.0619 12.9533 19.5919 14.9027 17.758 16.2791Z" fill="#EEEEEE"/>
+</g>
+</svg>
diff --git a/public/assets/22ec0b5db3ff7cd5.webp b/public/assets/22ec0b5db3ff7cd5.webp
new file mode 100644
index 0000000..4e70826
Binary files /dev/null and b/public/assets/22ec0b5db3ff7cd5.webp differ
diff --git a/public/assets/2326b439717b8919.png b/public/assets/2326b439717b8919.png
new file mode 100644
index 0000000..81e7bea
Binary files /dev/null and b/public/assets/2326b439717b8919.png differ
diff --git a/public/assets/2419ebe0d21ada3d.webp b/public/assets/2419ebe0d21ada3d.webp
new file mode 100644
index 0000000..5315599
Binary files /dev/null and b/public/assets/2419ebe0d21ada3d.webp differ
diff --git a/public/assets/255fc2eddadf06d2.webp b/public/assets/255fc2eddadf06d2.webp
new file mode 100644
index 0000000..2c306b5
Binary files /dev/null and b/public/assets/255fc2eddadf06d2.webp differ
diff --git a/public/assets/2699fa102e73d8c8.svg b/public/assets/2699fa102e73d8c8.svg
new file mode 100644
index 0000000..b71a877
--- /dev/null
+++ b/public/assets/2699fa102e73d8c8.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M4 10h4v11H4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1Zm6-6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v17h-4Zm7 10h3a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-4v-6a1 1 0 0 1 1-1Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/26bbd61b3e089f86.png b/public/assets/26bbd61b3e089f86.png
new file mode 100644
index 0000000..c0c1063
Binary files /dev/null and b/public/assets/26bbd61b3e089f86.png differ
diff --git a/public/assets/27160b85d8347743.webp b/public/assets/27160b85d8347743.webp
new file mode 100644
index 0000000..5fe10bb
Binary files /dev/null and b/public/assets/27160b85d8347743.webp differ
diff --git a/public/assets/27877a11ee8315b3.webp b/public/assets/27877a11ee8315b3.webp
new file mode 100644
index 0000000..463cada
Binary files /dev/null and b/public/assets/27877a11ee8315b3.webp differ
diff --git a/public/assets/2864103ed160195a.webp b/public/assets/2864103ed160195a.webp
new file mode 100644
index 0000000..5b52bdb
Binary files /dev/null and b/public/assets/2864103ed160195a.webp differ
diff --git a/public/assets/28b276f54dfea226.webp b/public/assets/28b276f54dfea226.webp
new file mode 100644
index 0000000..c4fb628
Binary files /dev/null and b/public/assets/28b276f54dfea226.webp differ
diff --git a/public/assets/29b976d622f7c5d1.svg b/public/assets/29b976d622f7c5d1.svg
new file mode 100644
index 0000000..6adc929
--- /dev/null
+++ b/public/assets/29b976d622f7c5d1.svg
@@ -0,0 +1,16 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="_&#229;&#155;&#190;&#229;&#177;&#130;_1" clip-path="url(#clip0_0_12)">
+
+<path id="Vector" d="M78 39.0005C78 60.5399 60.5389 78.001 38.9995 78.001C17.4601 78.001 0 60.5389 0 39.0005C0 17.462 17.4611 0 39.0005 0C60.5399 0 78.001 17.4611 78.001 39.0005H78ZM53.0315 53.1697L51.3565 53.306C51.9924 51.7855 52.5434 50.3603 53.369 48.9274L64.235 59.803C75.0647 46.8044 73.9426 27.5901 62.0833 15.7947C50.2726 4.04781 31.1537 2.97532 18.1923 13.7631L27.8895 23.446L27.8676 32.3053L13.7622 18.198C2.95912 31.1708 4.04781 50.3193 15.8404 62.1319C27.6607 73.9722 46.8864 75.0304 59.8096 64.2273L53.0496 57.495L53.0315 53.1707V53.1697Z" fill="#FFC000"/>
+<path id="Vector_2" d="M50.5109 50.8522C48.8455 49.815 47.5928 48.364 46.4173 46.853L46.4707 49.9151L42.4706 49.917L42.5812 46.8473C41.7298 48.037 40.7174 49.1438 39.4876 50.1553L38.1558 47.9264L37.3226 49.447C36.4065 48.7072 35.6829 47.8006 34.9679 46.8663C34.9365 47.9331 34.9565 48.8617 35.0413 49.9141H31.0784L31.1499 46.8387L30.4244 47.7711C29.5635 48.9722 28.5244 50.0009 27.2879 50.8646C26.7789 49.5395 26.2393 48.3278 25.5491 47.1142C27.165 46.1027 28.6312 44.9692 29.7351 43.36C28.5377 43.3019 27.3785 43.3505 26.2155 43.4515L26.2069 39.1816C27.9209 39.358 29.4796 39.3561 31.1622 39.317L31.0431 37.3017L35.0165 37.2988L34.9593 39.3265C36.1329 39.3551 37.172 39.3294 38.3312 39.2093V43.4144L36.1272 43.3457C36.8831 44.3305 37.784 45.0531 38.7993 45.7595C39.7984 45.0493 40.5954 44.2952 41.3838 43.3257L39.0062 43.4372L38.9976 39.1807C40.2188 39.3132 41.3495 39.358 42.5754 39.3313L42.4744 37.3017L46.4736 37.2969L46.4202 39.3284C48.2506 39.3494 49.9561 39.3618 51.8131 39.1835L51.816 43.4535C50.4852 43.3391 49.1963 43.3038 47.8283 43.3591C49.0866 44.9645 50.6434 46.0408 52.4347 47.0599C51.7474 48.2592 51.0972 49.4108 50.5128 50.8512L50.5109 50.8522Z" fill="#FFC000"/>
+<path id="Vector_3" d="M51.4194 30.8057C49.7368 34.619 44.648 35.3998 41.1235 34.2796C38.3951 33.413 36.6801 31.1146 36.5342 28.3051C36.4084 25.8723 37.5562 23.6682 39.8251 22.4899C37.6191 20.9369 37.07 19.0045 37.4618 16.4248C37.8069 14.3466 39.1711 12.6802 41.1817 11.9728C44.892 10.6677 50.0857 11.5896 51.1287 16.0473C51.6263 18.4583 51.2326 21.0151 48.7844 22.2267C52.0076 23.8274 52.7503 27.7894 51.4194 30.8057ZM45.4211 20.3792C46.5212 20.1475 47.0885 19.2791 47.1295 18.2266C47.1676 17.2437 46.9321 16.2227 46.0455 15.6745C45.0341 15.0482 43.6413 15.0482 42.6079 15.6326C41.8071 16.0854 41.563 16.9749 41.5249 17.8376C41.4715 19.0512 42.1293 20.0827 43.3305 20.3716C43.9854 20.5289 44.7166 20.5279 45.4211 20.3802V20.3792ZM47.3945 29.1164C47.7272 28.2012 47.7262 27.204 47.4183 26.2822C46.8578 24.6034 45.0808 24.2335 43.4973 24.4585C41.9815 24.673 41.0168 25.8684 40.9596 27.3814C40.9138 28.6026 41.3333 29.7914 42.4172 30.433C43.9482 31.3386 46.6557 31.1479 47.3945 29.1174V29.1164Z" fill="#FFC000"/>
+<path id="Vector_4" d="M44.5421 59.2586L41.3933 59.2224L41.358 64.1005C41.3495 65.3256 40.4743 66.1435 39.3008 66.3227C37.703 66.5668 36.1005 66.5201 34.4865 66.4219C34.3044 65.173 34.0289 64.0624 33.5885 62.9213C32.1451 64.4485 30.535 65.5544 28.6626 66.5468C27.8618 65.1339 26.959 63.9032 25.7826 62.7401L27.8208 61.9346C29.1584 61.2587 30.3634 60.4827 31.3958 59.2453C29.82 59.1833 28.3147 59.2691 26.6654 59.353L26.6616 55.0869L30.1565 55.2203H47.7625C48.997 55.2194 50.0962 55.165 51.3107 55.0945L51.3012 59.3587L46.8978 59.2357C47.8016 60.15 48.8188 60.7506 49.9084 61.3569L52.2174 62.3655C51.1001 63.6449 50.265 64.9995 49.4918 66.5191C47.1552 65.2541 45.157 63.6134 43.4353 61.6515L42.6069 60.6953L44.5421 59.2596V59.2586ZM37.0347 61.7992L37.0309 59.2233L33.5675 59.2538L35.5418 60.4846L34.2186 62.2816C34.9937 62.3131 37.0357 62.8622 37.0347 61.7992Z" fill="#FFC000"/>
+<path id="Vector_5" d="M29.6226 34.3444L29.616 17.5516C28.3881 18.055 27.2527 18.3486 25.9571 18.5021L25.9504 14.869C27.9143 14.3752 29.6341 13.4095 30.9697 11.8403L34.089 11.8355L34.0909 34.3225L29.6236 34.3444H29.6226Z" fill="#FFC000"/>
+<path id="Vector_6" d="M48.6405 50.5271H29.3319V54.307H48.6405V50.5271Z" fill="#FFC000"/>
+</g>
+<defs>
+<clipPath id="clip0_0_12">
+<rect width="78" height="78" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/2a8580c42090f36c.svg b/public/assets/2a8580c42090f36c.svg
new file mode 100644
index 0000000..b041985
--- /dev/null
+++ b/public/assets/2a8580c42090f36c.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
+  <!-- Figma Subtract 复合路径：Safari 必须 evenodd，否则 nonzero 会把外形抵消成空白 -->
+  <path fill="#EEEEEE" fill-rule="evenodd" clip-rule="evenodd" d="M24.6006 4.80005C25.0733 4.80005 25.5417 4.89355 25.9785 5.07446C26.4152 5.25538 26.8122 5.5205 27.1465 5.85474C27.4807 6.18899 27.7459 6.58602 27.9268 7.02271C28.1076 7.45928 28.2011 7.92713 28.2012 8.39966V21.5999C28.2012 22.5546 27.8216 23.4706 27.1465 24.1458C26.4714 24.8209 25.5554 25.2004 24.6006 25.2004H5.40039C4.44584 25.2003 3.53049 24.8207 2.85547 24.1458C2.18034 23.4706 1.80078 22.5546 1.80078 21.5999V8.39966C1.80088 7.44502 2.18043 6.52978 2.85547 5.85474C3.53051 5.1797 4.44575 4.80015 5.40039 4.80005H24.6006ZM4.7998 6.90747C3.86035 6.90759 3.54966 8.16535 4.37988 8.60278L14.6133 13.9963C14.743 14.0647 14.8876 14.1001 15.0342 14.0999C15.1808 14.0996 15.3255 14.0641 15.4551 13.9954L25.6221 8.59497C26.4501 8.15517 26.1376 6.90003 25.1992 6.90063L4.7998 6.90747Z"/>
+</svg>
diff --git a/public/assets/2a92e7ab0cae2c3a.webp b/public/assets/2a92e7ab0cae2c3a.webp
new file mode 100644
index 0000000..db99fbe
Binary files /dev/null and b/public/assets/2a92e7ab0cae2c3a.webp differ
diff --git a/public/assets/2bad2bb0d4ffcbe9.jpg b/public/assets/2bad2bb0d4ffcbe9.jpg
new file mode 100644
index 0000000..dff98a5
Binary files /dev/null and b/public/assets/2bad2bb0d4ffcbe9.jpg differ
diff --git a/public/assets/2bead9ea5c435c98.svg b/public/assets/2bead9ea5c435c98.svg
new file mode 100644
index 0000000..48ca28f
--- /dev/null
+++ b/public/assets/2bead9ea5c435c98.svg
@@ -0,0 +1,11 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 18C0 8.05888 8.05888 0 18 0C27.9411 0 36 8.05888 36 18C36 27.9411 27.9411 36 18 36C8.05888 36 0 27.9411 0 18Z" fill="#15BA11"/>
+<g clip-path="url(#clip0_40635_137444)">
+<path d="M16.3758 22.4796C16.2358 22.4811 16.0979 22.4391 15.9755 22.3577C15.8531 22.2763 15.7504 22.1583 15.6773 22.0152L15.6243 21.8844L11.4385 15.252C11.4133 15.1928 11.3997 15.1276 11.3985 15.0612C11.4017 14.9375 11.4455 14.8203 11.5205 14.7353C11.5956 14.6503 11.6956 14.6044 11.7988 14.6076C11.8888 14.6076 11.9719 14.6412 12.0389 14.6976L16.6199 17.9772C16.7781 18.093 16.9556 18.1656 17.1398 18.1896C17.324 18.2137 17.5104 18.1887 17.6856 18.1164L27.8162 10.8C25.6408 7.896 22.0605 6 18.0078 6C11.3755 6 6 11.076 6 17.3352C6 20.7504 7.61705 23.8248 10.1487 25.902C10.2509 25.9826 10.3349 26.092 10.3936 26.2207C10.4522 26.3494 10.4836 26.4934 10.4849 26.64C10.4824 26.7387 10.4683 26.8365 10.4429 26.9304L9.90154 29.2152C9.87552 29.3232 9.8365 29.4348 9.8365 29.5464C9.8365 29.7984 10.0166 30 10.2368 30C10.3228 30 10.3939 29.964 10.4669 29.916L13.0966 28.1976C13.2947 28.068 13.5029 27.9876 13.734 27.9876C13.8571 27.9876 13.9742 28.0092 14.0873 28.0464C15.3131 28.446 16.6369 28.6692 18.0068 28.6692C24.6391 28.668 30.0156 23.592 30.0156 17.3352C30.0156 15.438 29.5183 13.6524 28.6467 12.0828L16.823 22.3248L16.736 22.3812C16.6237 22.4463 16.5005 22.4799 16.3758 22.4796Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_40635_137444">
+<rect width="24" height="24" fill="white" transform="translate(6 6)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/2c77547c257b8f70.webp b/public/assets/2c77547c257b8f70.webp
new file mode 100644
index 0000000..5d2bfe8
Binary files /dev/null and b/public/assets/2c77547c257b8f70.webp differ
diff --git a/public/assets/2d4b4cd3fe1e8795.svg b/public/assets/2d4b4cd3fe1e8795.svg
new file mode 100644
index 0000000..aed1b44
--- /dev/null
+++ b/public/assets/2d4b4cd3fe1e8795.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Iconly/UntitledUI/chevron-right">
+<path id="Icon" d="M6.66667 4.66667L10 8L6.66667 11.3333" stroke="white" stroke-opacity="0.6" stroke-width="0.888889" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/public/assets/2d8f1898b668e45e.png b/public/assets/2d8f1898b668e45e.png
new file mode 100644
index 0000000..bf4a6dc
Binary files /dev/null and b/public/assets/2d8f1898b668e45e.png differ
diff --git a/public/assets/2fdedce06a90a6a1.svg b/public/assets/2fdedce06a90a6a1.svg
new file mode 100644
index 0000000..5155d55
--- /dev/null
+++ b/public/assets/2fdedce06a90a6a1.svg
@@ -0,0 +1,26 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame 2147231187">
+<g clip-path="url(#clip0_0_4)">
+<circle id="Ellipse 14975" cx="12" cy="12" r="12" fill="url(#paint0_linear_0_4)"/>
+<g id="Ellipse 14976" opacity="0.3" filter="url(#filter0_f_0_4)">
+<circle cx="12" cy="22" r="9" fill="white"/>
+</g>
+<path id="Vector 5628" d="M8.14286 11L6 13L11.1429 18L18 7.5L16.2857 6L10.2857 12.5L8.14286 11Z" fill="#2D251E"/>
+</g>
+<rect x="1" y="1" width="22" height="22" rx="11" stroke="#2D251E" stroke-width="2"/>
+</g>
+<defs>
+<filter id="filter0_f_0_4" x="-1" y="9" width="26" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_0_4"/>
+</filter>
+<linearGradient id="paint0_linear_0_4" x1="12" y1="0" x2="12" y2="24" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEBF8B"/>
+<stop offset="1" stop-color="#FFB27D"/>
+</linearGradient>
+<clipPath id="clip0_0_4">
+<rect width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/2ff6d2000e27356c.webp b/public/assets/2ff6d2000e27356c.webp
new file mode 100644
index 0000000..64d70ff
Binary files /dev/null and b/public/assets/2ff6d2000e27356c.webp differ
diff --git a/public/assets/33256436588298b0.png b/public/assets/33256436588298b0.png
new file mode 100644
index 0000000..f69ff0a
Binary files /dev/null and b/public/assets/33256436588298b0.png differ
diff --git a/public/assets/3482d6856aee853d.svg b/public/assets/3482d6856aee853d.svg
new file mode 100644
index 0000000..b190509
--- /dev/null
+++ b/public/assets/3482d6856aee853d.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><rect x="3" y="3" width="8" height="8" rx="2"/><rect x="13" y="3" width="8" height="8" rx="2"/><rect x="3" y="13" width="8" height="8" rx="2"/><rect x="13" y="13" width="8" height="8" rx="2"/></svg>
\ No newline at end of file
diff --git a/public/assets/348a414d41099579.png b/public/assets/348a414d41099579.png
new file mode 100644
index 0000000..4796886
Binary files /dev/null and b/public/assets/348a414d41099579.png differ
diff --git a/public/assets/350ab2f3118693a8.svg b/public/assets/350ab2f3118693a8.svg
new file mode 100644
index 0000000..f581c91
--- /dev/null
+++ b/public/assets/350ab2f3118693a8.svg
@@ -0,0 +1 @@
+<svg class="svg_quick_icon svg_icon_history" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><circle cx="11.0001" cy="10.9999" r="6.96667" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.8704 11.7741H11V7.12964" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/public/assets/35b4e9820e5272f1.webp b/public/assets/35b4e9820e5272f1.webp
new file mode 100644
index 0000000..c2a9f94
Binary files /dev/null and b/public/assets/35b4e9820e5272f1.webp differ
diff --git a/public/assets/3651a2618990bf95.svg b/public/assets/3651a2618990bf95.svg
new file mode 100644
index 0000000..284c4ad
--- /dev/null
+++ b/public/assets/3651a2618990bf95.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic_js">
+<path id="Vector" d="M9.99883 34.0138C8.90965 36.1763 8.08688 39.9081 8.08688 39.9081C8.08688 39.9081 11.8202 39.0866 13.9848 37.9976L15.9714 39.9832C15.7319 40.3943 15.4481 40.7891 15.0954 41.1426C12.8655 43.3713 2.00002 45.9907 2.00002 45.9907C2.00002 45.9907 4.62246 35.1335 6.85331 32.9047C7.20586 32.5515 7.59831 32.2659 8.01227 32.0284L9.99883 34.0138ZM29.5866 40.2725L30.9337 31.1604L39.4984 22.6L39.4537 22.5555C41.5337 20.2934 49.0528 10.7301 44.6297 3.37559C37.2728 -1.04319 27.7045 6.47094 25.4396 8.5498L25.418 8.52733L16.8534 17.0874L7.7373 18.4348L6.30882 19.8615L11.0752 24.6263L7.81342 26.1235C6.76324 27.1723 6.77956 28.8941 7.85226 29.9668L18.0501 40.1591C19.1219 41.2295 20.8453 41.2468 21.8955 40.1979L23.3927 36.9372L28.1582 41.7001L29.5866 40.2725ZM34.1989 21.1082C33.1478 22.1586 31.4244 22.1399 30.3526 21.0683L26.9533 17.671C25.8796 16.5979 25.8624 14.8766 26.9135 13.8266L30.2439 10.498C31.2952 9.44734 33.0167 9.46472 34.0905 10.5375L37.4898 13.935C38.5616 15.0063 38.5806 16.7289 37.5294 17.7795L34.1989 21.1082ZM17.963 31.5096L16.5056 30.0541L22.4529 24.1099C22.8462 23.7173 23.4927 23.723 23.8944 24.1245C24.2963 24.5262 24.3029 25.1734 23.9101 25.5655L17.963 31.5096Z" fill="#2ECC71"/>
+</g>
+</svg>
diff --git a/public/assets/366eac80d0309a2e.webp b/public/assets/366eac80d0309a2e.webp
new file mode 100644
index 0000000..f234fff
Binary files /dev/null and b/public/assets/366eac80d0309a2e.webp differ
diff --git a/public/assets/388ac2896091bdb8.png b/public/assets/388ac2896091bdb8.png
new file mode 100644
index 0000000..9fa3162
Binary files /dev/null and b/public/assets/388ac2896091bdb8.png differ
diff --git a/public/assets/3f0f8131360bc200.webp b/public/assets/3f0f8131360bc200.webp
new file mode 100644
index 0000000..868c723
Binary files /dev/null and b/public/assets/3f0f8131360bc200.webp differ
diff --git a/public/assets/43059b3dd536fae4.webp b/public/assets/43059b3dd536fae4.webp
new file mode 100644
index 0000000..be770ab
Binary files /dev/null and b/public/assets/43059b3dd536fae4.webp differ
diff --git a/public/assets/4532d28d6a61c426.svg b/public/assets/4532d28d6a61c426.svg
new file mode 100644
index 0000000..62d049c
--- /dev/null
+++ b/public/assets/4532d28d6a61c426.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200" fill="#D68B13"><path d="M959.069091 480.116364a124.974545 124.974545 0 0 0-93.090909-40.96 122.88 122.88 0 0 0-79.825455 29.323636 123.345455 123.345455 0 0 0-79.825454-29.323636 125.44 125.44 0 0 0-93.090909 40.96 169.192727 169.192727 0 0 0-24.436364 184.32 360.261818 360.261818 0 0 0 167.098182 165.701818 67.258182 67.258182 0 0 0 30.487273 6.749091 64 64 0 0 0 31.883636-7.68 402.385455 402.385455 0 0 0 162.909091-162.909091 167.098182 167.098182 0 0 0-22.109091-186.181818z"/><path d="M536.436364 695.156364c-32.349091-71.68-42.356364-185.018182 35.84-269.265455a181.992727 181.992727 0 0 1 134.516363-59.810909A178.269091 178.269091 0 0 1 814.545455 403.083636c-4.887273-104.029091-72.145455-229.236364-197.352728-272.989091a235.287273 235.287273 0 0 0-190.836363 14.429091 246.690909 246.690909 0 0 0-110.312728 122.647273 235.054545 235.054545 0 0 0-160.116363 23.272727 249.716364 249.716364 0 0 0-121.018182 153.6c-41.658182 146.618182 36.072727 271.825455 116.363636 334.661819 179.2 141.963636 404.48 129.396364 424.029091 128a127.767273 127.767273 0 0 0 57.483637-16.29091 138.007273 138.007273 0 0 0 34.90909-27.694545 481.047273 481.047273 0 0 1-131.258181-167.563636z m-252.974546-53.76c-13.730909-74.705455-24.901818-86.109091-97.047273-100.538182 72.145455-14.429091 83.316364-25.832727 97.047273-100.538182 13.963636 74.705455 25.134545 86.109091 97.047273 100.538182-71.912727 14.429091-83.083636 25.832727-97.047273 100.538182z"/></svg>
\ No newline at end of file
diff --git a/public/assets/47632de987649cda.png b/public/assets/47632de987649cda.png
new file mode 100644
index 0000000..4eb97e8
Binary files /dev/null and b/public/assets/47632de987649cda.png differ
diff --git a/public/assets/48deec4cd52f5397.png b/public/assets/48deec4cd52f5397.png
new file mode 100644
index 0000000..9ccf0c2
Binary files /dev/null and b/public/assets/48deec4cd52f5397.png differ
diff --git a/public/assets/49cffe02110af446.svg b/public/assets/49cffe02110af446.svg
new file mode 100644
index 0000000..f6bd93e
--- /dev/null
+++ b/public/assets/49cffe02110af446.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g fill="none" fill-rule="evenodd"><path fill="#00D1D1" fill-rule="nonzero" d="M18 7.28a2.72 2.72 0 0 1 2.715 2.554l.005.166v8a2.72 2.72 0 0 1-2.554 2.715L18 20.72H6a2.72 2.72 0 0 1-2.715-2.554L3.28 18v-8a2.72 2.72 0 0 1 2.554-2.715L6 7.28zM9.4 11v6a.8.8 0 0 0 1.25.661l4.4-3a.8.8 0 0 0 0-1.322l-4.4-3A.8.8 0 0 0 9.4 11m1.6 1.513 2.18 1.486L11 15.486z"/><path stroke="#00D1D1" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="m16 4-4 4-4-4"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/4b2300563a47e13e.webp b/public/assets/4b2300563a47e13e.webp
new file mode 100644
index 0000000..3fcce1b
Binary files /dev/null and b/public/assets/4b2300563a47e13e.webp differ
diff --git a/public/assets/5178e628105b82b4.svg b/public/assets/5178e628105b82b4.svg
new file mode 100644
index 0000000..781cdfa
--- /dev/null
+++ b/public/assets/5178e628105b82b4.svg
@@ -0,0 +1,28 @@
+<svg width="500" height="176" viewBox="0 0 500 176" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_45235_124956)">
+<path d="M463.454 54.534C463.262 53.8027 463.416 53.1163 463.653 52.4203C464.577 49.7324 467.858 45.8321 469.446 43.4745C472.333 39.1893 477.91 30.1569 481.682 27.1515C488.12 22.0227 496.075 28.8579 490.991 35.4975C483.145 41.0849 475.668 47.9202 467.678 53.2414C466.36 54.1203 465.08 55.4931 463.454 54.5373V54.534Z" fill="#FCD02B"/>
+<path d="M477.637 63.0442C477.557 63.0634 477.541 63.458 477.287 63.5414C476.857 63.6793 472.784 63.891 472.3 63.814C468.188 63.1629 475.44 58.6595 476.331 58.0373C479.699 55.6926 490.817 48.2319 494.364 48.1389C499.839 47.9945 502.149 55.1248 497.52 58.0565C496.635 58.6178 495.708 58.8199 494.727 59.1118C489.158 60.7604 483.276 61.6521 477.64 63.0442H477.637Z" fill="#FCD02B"/>
+<path d="M25.7009 139.13C20.6202 135.371 15.6325 130.791 10.6576 126.765C7.80935 124.462 2.48809 121.742 2.46884 117.611C2.44318 112.409 7.91199 109.673 12.3416 111.931C15.0423 113.307 19.876 120.831 21.8101 123.632C24.0362 126.849 30.6533 135.99 31.6989 139.092C32.1191 140.346 31.7502 141.818 30.2363 141.805C29.8931 141.805 26.2301 139.518 25.7041 139.13H25.7009Z" fill="#FCD02B"/>
+<path d="M3.05646e-05 141.885C0.0128606 141.85 0.429837 141.828 0.535685 141.581C1.84756 138.582 3.2332 137.071 6.83203 137.324C10.3988 137.574 22.3243 146.126 25.5543 148.749C26.6609 149.651 28.6592 150.815 28.1043 152.515C27.4852 154.407 22.5104 152.416 21.2177 152.121C16.0184 150.937 8.95862 149.785 4.09923 148.069C2.29982 147.434 1.1804 146.398 0.5421 144.57C0.4138 144.201 -0.0512896 142.007 3.05646e-05 141.882V141.885Z" fill="#FCD02B"/>
+<path d="M62.6914 41.4902C91.9149 22.1875 138.542 29.013 150.805 64.8789C151.202 66.0399 151.398 68.4937 151.748 69.251H151.745C156.55 79.6689 152.717 100.139 148.759 111.202C136.041 146.745 104.726 173.682 66.1719 175.52C60.6742 175.783 55.2529 175.279 49.7969 174.868C47.7924 174.718 46.2465 175.311 44.4023 174.169C42.9301 173.258 42.2085 171.606 42.2373 169.894C42.3175 165.416 50.1729 151.525 53.6562 148.57C57.8612 145.004 60.337 146.356 65.209 146.01C74.0264 145.381 82.6614 142.241 89.7051 137.147C91.6456 135.746 93.4454 134.011 95.1807 132.362C83.8422 135.785 72.8274 136.369 61.582 132.292C49.0791 127.76 40.9418 118.557 37.0479 105.826C35.0657 99.3536 35.4402 95.803 35.2061 89.0674C34.6063 71.7757 48.1678 51.0839 62.6914 41.4902ZM83.6387 61.96H83.6377L83.6367 61.9609C81.8856 62.0572 79.509 63.9522 78.6172 65.4404C77.4304 67.4291 77.5809 69.3763 77.2217 71.583H77.2246C75.5439 81.8373 74.5848 92.2168 73.0869 102.5C73.6188 107.482 76.7179 109.783 80.9043 109.213C81.0412 109.194 81.1792 109.173 81.3184 109.148C81.4461 109.126 81.5746 109.1 81.7041 109.072C81.9433 109.021 82.1856 108.961 82.4307 108.892C82.7598 108.798 83.094 108.69 83.4326 108.564C83.468 108.551 83.5046 108.54 83.54 108.526C83.7078 108.463 83.8764 108.396 84.0469 108.33C85.092 107.923 86.1883 107.465 87.3223 106.966C95.4105 103.406 105.421 97.7665 112.517 93.8809C116.58 91.6581 120.673 90.1277 120.218 84.5596C120 81.8944 118.492 80.8585 116.757 79.2773C107.343 74.5816 98.2334 67.1369 88.7842 62.749C87.251 62.037 85.2713 61.8701 83.6387 61.96ZM65.6748 42.0742C65.1103 42.0486 64.5483 42.0327 63.9902 42.1514C61.9786 42.5723 54.6342 49.179 53.0049 51.0488C52.7096 51.389 51.1995 53.2195 51.2471 53.4541C51.587 55.1087 53.8085 51.8105 54.1143 51.5234C57.6906 48.1684 61.1839 45.7723 65.0713 42.8984C65.4305 42.6322 65.87 42.9015 65.6777 42.0742H65.6748ZM66.2266 41.3975L66.5186 42.0098L68.7822 40.9355L68.4902 40.3223L66.2266 41.3975ZM68.8916 40.3135C70.0687 39.9478 71.1336 39.3478 72.2979 38.8955C72.7565 38.7191 73.2311 39.2029 73.0547 38.2246H73.0518L68.8916 40.3135ZM74.0137 37.9072C73.5648 37.6767 73.1579 38.1094 73.376 38.2217C73.825 38.4524 74.2318 38.0195 74.0137 37.9072Z" fill="#FCD02B"/>
+<path d="M83.6384 61.9609C83.138 64.0939 86.7176 61.9032 86.5251 63.5615C82.9712 63.6705 80.3058 65.3032 79.4879 68.8763L78.1824 78.316C77.6211 78.316 77.8296 76.9112 77.852 76.5391C77.9899 74.3804 78.7084 72.1833 78.5064 69.9797L77.2266 71.5835C77.589 69.3799 77.4351 67.4297 78.6218 65.4411C79.5103 63.9528 81.8903 62.054 83.6416 61.9609H83.6384Z" fill="#FDFDFD"/>
+<path d="M65.6739 42.0729C65.8664 42.9037 65.4301 42.631 65.0677 42.8972C61.177 45.7712 57.6872 48.1672 54.1108 51.5222C53.8061 51.8077 51.5833 55.1082 51.2433 53.4532C51.1952 53.219 52.7059 51.3875 53.001 51.0475C54.6337 49.1743 61.9757 42.5701 63.9868 42.1499C64.5481 42.0312 65.1062 42.0472 65.6707 42.0729H65.6739Z" fill="#FCD02B"/>
+<path d="M68.4922 40.3143L66.2266 41.3906L66.5183 42.0048L68.784 40.9286L68.4922 40.3143Z" fill="#FCD02B"/>
+<path d="M73.0501 38.2246C73.2297 39.2029 72.7518 38.7154 72.2931 38.895C71.132 39.3472 70.0671 39.947 68.8867 40.3127L73.0469 38.2246H73.0501Z" fill="#FCD02B"/>
+<path d="M74.0153 37.9066C74.2334 38.0189 73.8261 38.4519 73.377 38.221C73.1589 38.1087 73.5662 37.6757 74.0153 37.9066Z" fill="#FCD02B"/>
+<path d="M470.626 65.4876H486.343C487.536 65.4876 486.282 68.6374 486.208 69.2019C485.342 75.726 483.924 82.0544 482.754 88.5207C479.184 108.276 476.396 128.73 472.288 148.299C470.972 154.563 469.045 159.859 462.534 162.281C458.479 163.788 447.702 164.186 443.346 163.65C442.506 163.548 442.204 163.496 442.224 162.528C442.564 158.496 442.105 153.604 442.554 149.675C442.865 146.952 444.241 148.174 445.931 148.235C449.729 148.376 455.92 148.819 456.847 144.081C460.243 123.662 464.009 103.224 467.492 82.8787C468.358 77.8173 468.843 72.31 469.924 67.3479C470.065 66.6968 470.071 65.9463 470.626 65.4844V65.4876Z" fill="#FDFDFD"/>
+<path d="M464.532 74.791C464.638 74.8199 465.1 75.2914 465.171 75.4389C465.562 76.2601 464.212 83.2492 463.958 84.8017C460.911 103.389 457.203 121.903 454.025 140.455C453.948 140.551 453.377 140.866 453.309 140.866H440.479C440.367 140.866 440.097 140.507 440.043 140.333C443.408 118.641 447.443 96.9678 451.199 75.317C451.292 75.1855 452.241 74.791 452.35 74.791H464.539H464.532Z" fill="#FDFDFD"/>
+<path d="M446.562 66.7787L389.462 66.7562C386.697 66.6247 387.044 69.5564 386.71 71.3815C383.647 88.1664 381.184 105.195 377.549 121.881C374.829 134.371 370.381 146.364 365.242 158.02L365.993 158.898C368.607 159.902 371.227 160.916 373.816 161.981C374.701 162.347 377.309 164.069 378.05 163.601C378.489 163.322 382.107 155.405 382.637 154.235C387.284 143.961 390.424 133.7 392.763 122.663C392.987 121.595 392.375 120.312 393.645 120.017C393.911 119.956 394.87 119.812 394.764 120.335L393.481 120.659H407.594L403.428 120.02L408.236 119.696L406.911 127.029C406.244 127.458 395.948 126.785 393.949 127.057C393.353 127.138 393.019 127.15 392.695 127.728L386.168 162.273C386.053 162.529 386.47 162.994 386.588 162.994H429.89C431.198 162.994 431.695 160.804 432.003 160.037C432.116 159.758 432.574 159.781 432.619 159.566C432.764 158.886 432.318 158.19 432.382 157.471C433.193 148.5 436.42 138.55 437.402 129.447C437.543 128.899 436.731 127.074 436.305 127.074H421.71L422.673 120.655C427.696 120.315 433.293 121.111 438.245 120.671C438.813 120.62 439.58 120.614 439.997 120.177C441.199 118.926 441.575 109.381 442.239 107.184H425.239C425.386 106.356 426.81 100.769 425.72 100.769H411.126L410.163 107.184H395.73C395.794 106.007 396.339 100.086 396.993 99.6268L424.777 99.4632C425.8 99.2868 425.608 100.409 426.349 100.474L441.26 100.272C442.559 99.6076 443.095 98.7448 443.502 97.3816C445.061 92.1854 446.065 84.2372 446.95 78.6978C447.338 76.2761 448.426 71.6573 448.362 69.4954C448.326 68.2926 447.791 67.1508 446.559 66.7787H446.562ZM421.072 139.904C420.2 142.441 420.427 147.39 419.472 149.616C419.388 149.808 418.468 150.168 418.346 150.168H402.95C402.854 150.168 402.376 149.69 402.517 149.43L404.393 139.904H421.072ZM429.251 86.9796H399.903C400.499 84.9011 400.454 82.4121 401.346 80.5646H430.695C430.457 81.4114 429.919 86.9796 429.251 86.9796Z" fill="#FDFDFD"/>
+<path d="M286.354 74.1494H309.127L306.263 89.0868L295.046 89.2568L292.128 105.904H303.354L300.743 120.613L288.612 120.671C288.817 121.99 287.374 123.702 287.791 124.806C287.977 125.293 288.75 126.102 289.084 126.746C292.262 132.869 295.05 139.214 298.527 145.189L289.392 162.035C283.817 157.24 281.049 149.565 278.65 142.79C278.053 142.652 278.027 142.992 277.742 143.323C274.663 146.886 272.032 151.874 268.7 155.771C267.763 156.868 261.464 163.745 260.787 163.925C260.11 164.104 251.261 156.207 249.814 155.409C249.442 154.174 254.115 150.321 255.081 149.208C256.325 147.771 257.903 145.748 259.077 144.224C264.601 137.055 269.316 129.126 272.558 120.658H258.445L261.027 105.92C261.541 105.423 273.258 106.173 275.301 105.92C275.901 105.846 276.388 105.766 276.587 105.118L279.618 89.228L278.64 89.4397L272.555 99.6716L259.728 98.2058L273.877 65.3641L274.643 64.8477L289.257 65.6335C289.69 65.9286 289.578 66.4161 289.501 66.8556C289.119 69.0784 286.659 71.747 286.354 74.1527V74.1494Z" fill="white"/>
+<path d="M309.77 147.28C309.251 143.034 308.353 138.829 307.493 134.643C307.317 133.777 306.268 132.308 307.025 131.224C307.451 130.611 320.028 129.588 321.802 128.969C322.074 128.988 322.402 128.978 322.623 129.139C323.329 129.649 325.317 144.256 325.446 146.28L323.242 147.28H331.582L341.352 128.975L356.6 130.925L347.94 147.284H359.647C360.141 147.284 360.106 148.249 360.064 148.637C359.737 151.607 358.326 155.671 357.659 158.773C357.524 159.398 357.54 161.717 356.764 161.717H295.34L298.387 147.284H309.774L309.77 147.28Z" fill="white"/>
+<path d="M369.384 81.8012L311.877 82.1733C311.027 82.0418 313.782 68.7819 314.144 67.7042C315.383 67.0531 316.656 67.7299 317.933 67.7459C335.577 67.9769 353.241 67.5535 370.889 67.717C371.225 67.7235 371.649 67.7395 371.86 68.0346C372.3 68.644 369.458 80.0114 369.384 81.8012Z" fill="white"/>
+<path d="M365.421 87.3001H313.138L305.289 126.634C305.148 126.974 305.514 127.715 305.761 127.715H357.081C357.309 127.715 358.512 126.74 358.669 126.416C361.231 113.785 363.47 101.057 365.882 88.3714C366.036 88.0314 365.664 87.2969 365.417 87.2969L365.421 87.3001ZM345.168 113.307C338.048 113.89 330.715 113.663 323.566 113.278L325.548 101.952L325.968 101.41H347.298L345.168 113.307Z" fill="white"/>
+<path d="M203.82 48.3031C204.529 48.4666 205.908 48.8932 206.944 49.1563C209.866 49.9004 218.613 51.8057 220.714 53.0277C222.786 54.2337 223.421 56.6747 223.177 58.9263L202.479 162.677C201.433 166.23 198.322 168.418 194.746 169.056L164.781 168.941C162.494 168.081 161.359 165.903 161.285 163.527L176.665 86.1934C176.671 85.9464 175.594 85.8181 175.337 85.8694C172.264 86.5045 167.722 89.8083 164.598 90.1643C161.542 90.5107 159.101 88.7017 159.332 85.5487C160.765 79.6116 160.801 72.2856 162.436 66.5089C162.847 65.0591 163.861 63.8274 165.214 63.1923C174.821 58.8044 184.341 52.7423 194.079 48.7553C198.277 47.0361 199.506 47.3119 203.817 48.3031H203.82Z" fill="#FCD02B"/>
+<path d="M217.721 2.13574C221.749 -3.29773 229.63 2.70001 225.274 8.0918C224.986 8.45104 224.287 8.63105 224.203 8.77539L224.197 8.77832C223.819 9.41982 224.566 11.8519 224.79 12.7051C225.518 15.4828 226.673 20.5563 227.661 22.9844C227.786 23.2923 227.767 23.6454 228.178 23.7705C228.992 24.0163 239.786 19.9539 241.585 19.5947C242.364 19.0142 241.854 17.6667 242.887 16.4062C246.733 11.6976 254.268 16.8877 250.435 22.0293C249.059 23.8734 248.009 23.2992 246.479 23.8477C245.158 24.3225 235.42 45.9666 233.492 48.709C233.146 49.3023 232.703 49.976 231.969 50.0947C230.564 50.3225 224.925 47.9902 223.09 47.4385C212.508 44.2599 202.321 41.5209 191.483 39.2725C189.594 38.8812 186.451 39.4552 186.624 36.5078L190.643 9.81738C188.327 8.07873 188.052 4.18555 190.287 2.29004C193.973 -0.837286 199.107 2.57577 197.687 7.12402C197.487 7.75886 196.507 8.23362 197.017 9.02246L205.369 18.3242C207.739 16.0022 210.135 13.6735 212.582 11.4316C213.432 10.6522 217.002 8.06931 217.079 7.25781C217.258 5.30796 215.928 4.55403 217.721 2.13574ZM219.479 11.9248C217.034 13.2302 206.575 24.6463 205.022 24.7461C204.48 24.7814 204.031 24.5848 203.617 24.248C202.257 23.1348 199.858 19.4505 198.46 17.8467C198.216 17.5677 197.793 17.487 197.604 17.2754C197.453 17.1054 195.249 13.4103 194.62 14.1641L192.051 34.3682V34.373C205.054 36.3168 217.502 40.5537 230.024 44.3418L240.161 25.0762L240.163 25.0771V25.0742L240.161 25.0762L240.16 25.0752L240.162 25.0723C239.572 24.5196 226.682 30.0984 225.399 29.749C224.575 29.5244 224.389 28.8194 224.116 28.1299C222.269 23.4502 221.711 17.4201 219.953 12.7275C219.834 12.41 219.831 12.1301 219.479 11.9248Z" fill="#FCD02B"/>
+</g>
+<defs>
+<clipPath id="clip0_45235_124956">
+<rect width="500" height="175.589" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/51e809aac4f1e40a.png b/public/assets/51e809aac4f1e40a.png
new file mode 100644
index 0000000..7b30358
Binary files /dev/null and b/public/assets/51e809aac4f1e40a.png differ
diff --git a/public/assets/537b2be75c1688b3.webp b/public/assets/537b2be75c1688b3.webp
new file mode 100644
index 0000000..48dd90d
Binary files /dev/null and b/public/assets/537b2be75c1688b3.webp differ
diff --git a/public/assets/55f4c0c888a3cee3.png b/public/assets/55f4c0c888a3cee3.png
new file mode 100644
index 0000000..4a9f939
Binary files /dev/null and b/public/assets/55f4c0c888a3cee3.png differ
diff --git a/public/assets/5652fcead17188e8.svg b/public/assets/5652fcead17188e8.svg
new file mode 100644
index 0000000..9e0a1d3
--- /dev/null
+++ b/public/assets/5652fcead17188e8.svg
@@ -0,0 +1,4 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 18C0 8.05888 8.05888 0 18 0C27.9411 0 36 8.05888 36 18C36 27.9411 27.9411 36 18 36C8.05888 36 0 27.9411 0 18Z" fill="#335AE8"/>
+<path d="M21.6004 20.5992C23.3828 17.45 24.0303 14.4566 24.0303 14.4566H18.0355V12.2516H25.1652V11.3074H18.0355V8H14.7957V11.3074H8.31341V12.2516H14.7957V14.4566H9.28587V15.4008H20.4679C20.4679 15.559 20.4679 15.559 20.3054 15.7147C20.3054 16.8172 19.4955 18.3918 18.848 19.6524C10.5833 16.5033 8.15345 18.3918 7.50345 18.7082C1.99366 22.4877 7.17845 27.2115 7.98841 27.0557C13.8232 28.3164 17.548 25.9533 20.1429 22.9598C20.3054 23.118 20.4679 23.118 20.6279 23.118C22.4103 24.0623 31 28 31 28V23.2762C29.7025 23.2762 25.0053 21.7017 21.6004 20.5992ZM17.388 22.0156C13.3357 27.0557 8.47591 25.4812 7.66595 25.1647C5.72102 24.6926 5.07356 21.2295 7.50345 20.1271C11.5558 18.8664 15.1207 20.2853 17.713 21.5434C17.5505 21.8574 17.388 22.0156 17.388 22.0156Z" fill="white"/>
+</svg>
diff --git a/public/assets/56bfd436158003be.png b/public/assets/56bfd436158003be.png
new file mode 100644
index 0000000..0b5abe3
Binary files /dev/null and b/public/assets/56bfd436158003be.png differ
diff --git a/public/assets/56f0435f9c47fec3.png b/public/assets/56f0435f9c47fec3.png
new file mode 100644
index 0000000..b5a17c8
Binary files /dev/null and b/public/assets/56f0435f9c47fec3.png differ
diff --git a/public/assets/573d7e27b3f6b69b.webp b/public/assets/573d7e27b3f6b69b.webp
new file mode 100644
index 0000000..3079841
Binary files /dev/null and b/public/assets/573d7e27b3f6b69b.webp differ
diff --git a/public/assets/5d32f20e4a4c4b95.jpg b/public/assets/5d32f20e4a4c4b95.jpg
new file mode 100644
index 0000000..d28131a
Binary files /dev/null and b/public/assets/5d32f20e4a4c4b95.jpg differ
diff --git a/public/assets/5dc6629665de4078.webp b/public/assets/5dc6629665de4078.webp
new file mode 100644
index 0000000..edee98d
Binary files /dev/null and b/public/assets/5dc6629665de4078.webp differ
diff --git a/public/assets/63867cb14798be9f.png b/public/assets/63867cb14798be9f.png
new file mode 100644
index 0000000..8163280
Binary files /dev/null and b/public/assets/63867cb14798be9f.png differ
diff --git a/public/assets/6472cc642da82b83.webp b/public/assets/6472cc642da82b83.webp
new file mode 100644
index 0000000..46a7590
Binary files /dev/null and b/public/assets/6472cc642da82b83.webp differ
diff --git a/public/assets/6594cfd4c90de958.png b/public/assets/6594cfd4c90de958.png
new file mode 100644
index 0000000..ed547f2
Binary files /dev/null and b/public/assets/6594cfd4c90de958.png differ
diff --git a/public/assets/6600cde1d7a82529.webp b/public/assets/6600cde1d7a82529.webp
new file mode 100644
index 0000000..eebd3bb
Binary files /dev/null and b/public/assets/6600cde1d7a82529.webp differ
diff --git a/public/assets/67b33e5481de36bf.jpg b/public/assets/67b33e5481de36bf.jpg
new file mode 100644
index 0000000..19a3372
Binary files /dev/null and b/public/assets/67b33e5481de36bf.jpg differ
diff --git a/public/assets/6822ddc74c30d987.webp b/public/assets/6822ddc74c30d987.webp
new file mode 100644
index 0000000..d53cc53
Binary files /dev/null and b/public/assets/6822ddc74c30d987.webp differ
diff --git a/public/assets/69304455ce1e30ae.svg b/public/assets/69304455ce1e30ae.svg
new file mode 100644
index 0000000..36c6a01
--- /dev/null
+++ b/public/assets/69304455ce1e30ae.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="16" height="16" rx="8" fill="#EC237F"/>
+<rect x="4" y="4" width="16" height="16" rx="8" stroke="#EC237F" stroke-width="2"/>
+<path d="M8.56238 12.3437L10.9816 14.7629C11.1553 14.9366 11.4431 14.9141 11.5878 14.7155L15.7499 9" stroke="white" stroke-linecap="round"/>
+</svg>
diff --git a/public/assets/6af0eb8975b2a879.webp b/public/assets/6af0eb8975b2a879.webp
new file mode 100644
index 0000000..21a00f3
Binary files /dev/null and b/public/assets/6af0eb8975b2a879.webp differ
diff --git a/public/assets/6b84a86651a478fe.svg b/public/assets/6b84a86651a478fe.svg
new file mode 100644
index 0000000..c64008b
--- /dev/null
+++ b/public/assets/6b84a86651a478fe.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="16.6666" height="16.6663" viewBox="0 0 16.6666 16.6663" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Search">
+<path id="Search_2" d="M13.0176 13.0449C13.3396 12.7254 13.8557 12.7253 14.1777 13.0449L16.3066 14.7637H16.3438C16.7743 15.1989 16.7742 15.9045 16.3438 16.3398C15.913 16.7752 15.2149 16.7752 14.7842 16.3398L13.0176 14.3154C12.8506 14.1473 12.7569 13.9189 12.7568 13.6807C12.7568 13.4423 12.8506 13.2132 13.0176 13.0449ZM7.14844 0C9.04401 0.000108317 10.8617 0.761441 12.2021 2.11621C13.5426 3.47107 14.2958 5.30856 14.2959 7.22461C14.2959 11.2147 11.096 14.45 7.14844 14.4502C3.20069 14.4502 0 11.2148 0 7.22461C0.000175657 3.23454 3.2008 0 7.14844 0Z" fill="white"/>
+</g>
+</svg>
diff --git a/public/assets/6dd2c76631816aa2.svg b/public/assets/6dd2c76631816aa2.svg
new file mode 100644
index 0000000..4d0e338
--- /dev/null
+++ b/public/assets/6dd2c76631816aa2.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><clipPath id="app91tile"><rect width="128" height="128" rx="29"/></clipPath></defs><g clip-path="url(#app91tile)"><rect width="128" height="128" fill="#202020"/><svg x="12" y="9" width="104" height="78" viewBox="0 0 250 176" fill="none">
+<g clip-path="url(#clip0_45235_124956)">
+<path d="M463.454 54.534C463.262 53.8027 463.416 53.1163 463.653 52.4203C464.577 49.7324 467.858 45.8321 469.446 43.4745C472.333 39.1893 477.91 30.1569 481.682 27.1515C488.12 22.0227 496.075 28.8579 490.991 35.4975C483.145 41.0849 475.668 47.9202 467.678 53.2414C466.36 54.1203 465.08 55.4931 463.454 54.5373V54.534Z" fill="#FCD02B"/>
+<path d="M477.637 63.0442C477.557 63.0634 477.541 63.458 477.287 63.5414C476.857 63.6793 472.784 63.891 472.3 63.814C468.188 63.1629 475.44 58.6595 476.331 58.0373C479.699 55.6926 490.817 48.2319 494.364 48.1389C499.839 47.9945 502.149 55.1248 497.52 58.0565C496.635 58.6178 495.708 58.8199 494.727 59.1118C489.158 60.7604 483.276 61.6521 477.64 63.0442H477.637Z" fill="#FCD02B"/>
+<path d="M25.7009 139.13C20.6202 135.371 15.6325 130.791 10.6576 126.765C7.80935 124.462 2.48809 121.742 2.46884 117.611C2.44318 112.409 7.91199 109.673 12.3416 111.931C15.0423 113.307 19.876 120.831 21.8101 123.632C24.0362 126.849 30.6533 135.99 31.6989 139.092C32.1191 140.346 31.7502 141.818 30.2363 141.805C29.8931 141.805 26.2301 139.518 25.7041 139.13H25.7009Z" fill="#FCD02B"/>
+<path d="M3.05646e-05 141.885C0.0128606 141.85 0.429837 141.828 0.535685 141.581C1.84756 138.582 3.2332 137.071 6.83203 137.324C10.3988 137.574 22.3243 146.126 25.5543 148.749C26.6609 149.651 28.6592 150.815 28.1043 152.515C27.4852 154.407 22.5104 152.416 21.2177 152.121C16.0184 150.937 8.95862 149.785 4.09923 148.069C2.29982 147.434 1.1804 146.398 0.5421 144.57C0.4138 144.201 -0.0512896 142.007 3.05646e-05 141.882V141.885Z" fill="#FCD02B"/>
+<path d="M62.6914 41.4902C91.9149 22.1875 138.542 29.013 150.805 64.8789C151.202 66.0399 151.398 68.4937 151.748 69.251H151.745C156.55 79.6689 152.717 100.139 148.759 111.202C136.041 146.745 104.726 173.682 66.1719 175.52C60.6742 175.783 55.2529 175.279 49.7969 174.868C47.7924 174.718 46.2465 175.311 44.4023 174.169C42.9301 173.258 42.2085 171.606 42.2373 169.894C42.3175 165.416 50.1729 151.525 53.6562 148.57C57.8612 145.004 60.337 146.356 65.209 146.01C74.0264 145.381 82.6614 142.241 89.7051 137.147C91.6456 135.746 93.4454 134.011 95.1807 132.362C83.8422 135.785 72.8274 136.369 61.582 132.292C49.0791 127.76 40.9418 118.557 37.0479 105.826C35.0657 99.3536 35.4402 95.803 35.2061 89.0674C34.6063 71.7757 48.1678 51.0839 62.6914 41.4902ZM83.6387 61.96H83.6377L83.6367 61.9609C81.8856 62.0572 79.509 63.9522 78.6172 65.4404C77.4304 67.4291 77.5809 69.3763 77.2217 71.583H77.2246C75.5439 81.8373 74.5848 92.2168 73.0869 102.5C73.6188 107.482 76.7179 109.783 80.9043 109.213C81.0412 109.194 81.1792 109.173 81.3184 109.148C81.4461 109.126 81.5746 109.1 81.7041 109.072C81.9433 109.021 82.1856 108.961 82.4307 108.892C82.7598 108.798 83.094 108.69 83.4326 108.564C83.468 108.551 83.5046 108.54 83.54 108.526C83.7078 108.463 83.8764 108.396 84.0469 108.33C85.092 107.923 86.1883 107.465 87.3223 106.966C95.4105 103.406 105.421 97.7665 112.517 93.8809C116.58 91.6581 120.673 90.1277 120.218 84.5596C120 81.8944 118.492 80.8585 116.757 79.2773C107.343 74.5816 98.2334 67.1369 88.7842 62.749C87.251 62.037 85.2713 61.8701 83.6387 61.96ZM65.6748 42.0742C65.1103 42.0486 64.5483 42.0327 63.9902 42.1514C61.9786 42.5723 54.6342 49.179 53.0049 51.0488C52.7096 51.389 51.1995 53.2195 51.2471 53.4541C51.587 55.1087 53.8085 51.8105 54.1143 51.5234C57.6906 48.1684 61.1839 45.7723 65.0713 42.8984C65.4305 42.6322 65.87 42.9015 65.6777 42.0742H65.6748ZM66.2266 41.3975L66.5186 42.0098L68.7822 40.9355L68.4902 40.3223L66.2266 41.3975ZM68.8916 40.3135C70.0687 39.9478 71.1336 39.3478 72.2979 38.8955C72.7565 38.7191 73.2311 39.2029 73.0547 38.2246H73.0518L68.8916 40.3135ZM74.0137 37.9072C73.5648 37.6767 73.1579 38.1094 73.376 38.2217C73.825 38.4524 74.2318 38.0195 74.0137 37.9072Z" fill="#FCD02B"/>
+<path d="M83.6384 61.9609C83.138 64.0939 86.7176 61.9032 86.5251 63.5615C82.9712 63.6705 80.3058 65.3032 79.4879 68.8763L78.1824 78.316C77.6211 78.316 77.8296 76.9112 77.852 76.5391C77.9899 74.3804 78.7084 72.1833 78.5064 69.9797L77.2266 71.5835C77.589 69.3799 77.4351 67.4297 78.6218 65.4411C79.5103 63.9528 81.8903 62.054 83.6416 61.9609H83.6384Z" fill="#FDFDFD"/>
+<path d="M65.6739 42.0729C65.8664 42.9037 65.4301 42.631 65.0677 42.8972C61.177 45.7712 57.6872 48.1672 54.1108 51.5222C53.8061 51.8077 51.5833 55.1082 51.2433 53.4532C51.1952 53.219 52.7059 51.3875 53.001 51.0475C54.6337 49.1743 61.9757 42.5701 63.9868 42.1499C64.5481 42.0312 65.1062 42.0472 65.6707 42.0729H65.6739Z" fill="#FCD02B"/>
+<path d="M68.4922 40.3143L66.2266 41.3906L66.5183 42.0048L68.784 40.9286L68.4922 40.3143Z" fill="#FCD02B"/>
+<path d="M73.0501 38.2246C73.2297 39.2029 72.7518 38.7154 72.2931 38.895C71.132 39.3472 70.0671 39.947 68.8867 40.3127L73.0469 38.2246H73.0501Z" fill="#FCD02B"/>
+<path d="M74.0153 37.9066C74.2334 38.0189 73.8261 38.4519 73.377 38.221C73.1589 38.1087 73.5662 37.6757 74.0153 37.9066Z" fill="#FCD02B"/>
+<path d="M470.626 65.4876H486.343C487.536 65.4876 486.282 68.6374 486.208 69.2019C485.342 75.726 483.924 82.0544 482.754 88.5207C479.184 108.276 476.396 128.73 472.288 148.299C470.972 154.563 469.045 159.859 462.534 162.281C458.479 163.788 447.702 164.186 443.346 163.65C442.506 163.548 442.204 163.496 442.224 162.528C442.564 158.496 442.105 153.604 442.554 149.675C442.865 146.952 444.241 148.174 445.931 148.235C449.729 148.376 455.92 148.819 456.847 144.081C460.243 123.662 464.009 103.224 467.492 82.8787C468.358 77.8173 468.843 72.31 469.924 67.3479C470.065 66.6968 470.071 65.9463 470.626 65.4844V65.4876Z" fill="#FDFDFD"/>
+<path d="M464.532 74.791C464.638 74.8199 465.1 75.2914 465.171 75.4389C465.562 76.2601 464.212 83.2492 463.958 84.8017C460.911 103.389 457.203 121.903 454.025 140.455C453.948 140.551 453.377 140.866 453.309 140.866H440.479C440.367 140.866 440.097 140.507 440.043 140.333C443.408 118.641 447.443 96.9678 451.199 75.317C451.292 75.1855 452.241 74.791 452.35 74.791H464.539H464.532Z" fill="#FDFDFD"/>
+<path d="M446.562 66.7787L389.462 66.7562C386.697 66.6247 387.044 69.5564 386.71 71.3815C383.647 88.1664 381.184 105.195 377.549 121.881C374.829 134.371 370.381 146.364 365.242 158.02L365.993 158.898C368.607 159.902 371.227 160.916 373.816 161.981C374.701 162.347 377.309 164.069 378.05 163.601C378.489 163.322 382.107 155.405 382.637 154.235C387.284 143.961 390.424 133.7 392.763 122.663C392.987 121.595 392.375 120.312 393.645 120.017C393.911 119.956 394.87 119.812 394.764 120.335L393.481 120.659H407.594L403.428 120.02L408.236 119.696L406.911 127.029C406.244 127.458 395.948 126.785 393.949 127.057C393.353 127.138 393.019 127.15 392.695 127.728L386.168 162.273C386.053 162.529 386.47 162.994 386.588 162.994H429.89C431.198 162.994 431.695 160.804 432.003 160.037C432.116 159.758 432.574 159.781 432.619 159.566C432.764 158.886 432.318 158.19 432.382 157.471C433.193 148.5 436.42 138.55 437.402 129.447C437.543 128.899 436.731 127.074 436.305 127.074H421.71L422.673 120.655C427.696 120.315 433.293 121.111 438.245 120.671C438.813 120.62 439.58 120.614 439.997 120.177C441.199 118.926 441.575 109.381 442.239 107.184H425.239C425.386 106.356 426.81 100.769 425.72 100.769H411.126L410.163 107.184H395.73C395.794 106.007 396.339 100.086 396.993 99.6268L424.777 99.4632C425.8 99.2868 425.608 100.409 426.349 100.474L441.26 100.272C442.559 99.6076 443.095 98.7448 443.502 97.3816C445.061 92.1854 446.065 84.2372 446.95 78.6978C447.338 76.2761 448.426 71.6573 448.362 69.4954C448.326 68.2926 447.791 67.1508 446.559 66.7787H446.562ZM421.072 139.904C420.2 142.441 420.427 147.39 419.472 149.616C419.388 149.808 418.468 150.168 418.346 150.168H402.95C402.854 150.168 402.376 149.69 402.517 149.43L404.393 139.904H421.072ZM429.251 86.9796H399.903C400.499 84.9011 400.454 82.4121 401.346 80.5646H430.695C430.457 81.4114 429.919 86.9796 429.251 86.9796Z" fill="#FDFDFD"/>
+<path d="M286.354 74.1494H309.127L306.263 89.0868L295.046 89.2568L292.128 105.904H303.354L300.743 120.613L288.612 120.671C288.817 121.99 287.374 123.702 287.791 124.806C287.977 125.293 288.75 126.102 289.084 126.746C292.262 132.869 295.05 139.214 298.527 145.189L289.392 162.035C283.817 157.24 281.049 149.565 278.65 142.79C278.053 142.652 278.027 142.992 277.742 143.323C274.663 146.886 272.032 151.874 268.7 155.771C267.763 156.868 261.464 163.745 260.787 163.925C260.11 164.104 251.261 156.207 249.814 155.409C249.442 154.174 254.115 150.321 255.081 149.208C256.325 147.771 257.903 145.748 259.077 144.224C264.601 137.055 269.316 129.126 272.558 120.658H258.445L261.027 105.92C261.541 105.423 273.258 106.173 275.301 105.92C275.901 105.846 276.388 105.766 276.587 105.118L279.618 89.228L278.64 89.4397L272.555 99.6716L259.728 98.2058L273.877 65.3641L274.643 64.8477L289.257 65.6335C289.69 65.9286 289.578 66.4161 289.501 66.8556C289.119 69.0784 286.659 71.747 286.354 74.1527V74.1494Z" fill="white"/>
+<path d="M309.77 147.28C309.251 143.034 308.353 138.829 307.493 134.643C307.317 133.777 306.268 132.308 307.025 131.224C307.451 130.611 320.028 129.588 321.802 128.969C322.074 128.988 322.402 128.978 322.623 129.139C323.329 129.649 325.317 144.256 325.446 146.28L323.242 147.28H331.582L341.352 128.975L356.6 130.925L347.94 147.284H359.647C360.141 147.284 360.106 148.249 360.064 148.637C359.737 151.607 358.326 155.671 357.659 158.773C357.524 159.398 357.54 161.717 356.764 161.717H295.34L298.387 147.284H309.774L309.77 147.28Z" fill="white"/>
+<path d="M369.384 81.8012L311.877 82.1733C311.027 82.0418 313.782 68.7819 314.144 67.7042C315.383 67.0531 316.656 67.7299 317.933 67.7459C335.577 67.9769 353.241 67.5535 370.889 67.717C371.225 67.7235 371.649 67.7395 371.86 68.0346C372.3 68.644 369.458 80.0114 369.384 81.8012Z" fill="white"/>
+<path d="M365.421 87.3001H313.138L305.289 126.634C305.148 126.974 305.514 127.715 305.761 127.715H357.081C357.309 127.715 358.512 126.74 358.669 126.416C361.231 113.785 363.47 101.057 365.882 88.3714C366.036 88.0314 365.664 87.2969 365.417 87.2969L365.421 87.3001ZM345.168 113.307C338.048 113.89 330.715 113.663 323.566 113.278L325.548 101.952L325.968 101.41H347.298L345.168 113.307Z" fill="white"/>
+<path d="M203.82 48.3031C204.529 48.4666 205.908 48.8932 206.944 49.1563C209.866 49.9004 218.613 51.8057 220.714 53.0277C222.786 54.2337 223.421 56.6747 223.177 58.9263L202.479 162.677C201.433 166.23 198.322 168.418 194.746 169.056L164.781 168.941C162.494 168.081 161.359 165.903 161.285 163.527L176.665 86.1934C176.671 85.9464 175.594 85.8181 175.337 85.8694C172.264 86.5045 167.722 89.8083 164.598 90.1643C161.542 90.5107 159.101 88.7017 159.332 85.5487C160.765 79.6116 160.801 72.2856 162.436 66.5089C162.847 65.0591 163.861 63.8274 165.214 63.1923C174.821 58.8044 184.341 52.7423 194.079 48.7553C198.277 47.0361 199.506 47.3119 203.817 48.3031H203.82Z" fill="#FCD02B"/>
+<path d="M217.721 2.13574C221.749 -3.29773 229.63 2.70001 225.274 8.0918C224.986 8.45104 224.287 8.63105 224.203 8.77539L224.197 8.77832C223.819 9.41982 224.566 11.8519 224.79 12.7051C225.518 15.4828 226.673 20.5563 227.661 22.9844C227.786 23.2923 227.767 23.6454 228.178 23.7705C228.992 24.0163 239.786 19.9539 241.585 19.5947C242.364 19.0142 241.854 17.6667 242.887 16.4062C246.733 11.6976 254.268 16.8877 250.435 22.0293C249.059 23.8734 248.009 23.2992 246.479 23.8477C245.158 24.3225 235.42 45.9666 233.492 48.709C233.146 49.3023 232.703 49.976 231.969 50.0947C230.564 50.3225 224.925 47.9902 223.09 47.4385C212.508 44.2599 202.321 41.5209 191.483 39.2725C189.594 38.8812 186.451 39.4552 186.624 36.5078L190.643 9.81738C188.327 8.07873 188.052 4.18555 190.287 2.29004C193.973 -0.837286 199.107 2.57577 197.687 7.12402C197.487 7.75886 196.507 8.23362 197.017 9.02246L205.369 18.3242C207.739 16.0022 210.135 13.6735 212.582 11.4316C213.432 10.6522 217.002 8.06931 217.079 7.25781C217.258 5.30796 215.928 4.55403 217.721 2.13574ZM219.479 11.9248C217.034 13.2302 206.575 24.6463 205.022 24.7461C204.48 24.7814 204.031 24.5848 203.617 24.248C202.257 23.1348 199.858 19.4505 198.46 17.8467C198.216 17.5677 197.793 17.487 197.604 17.2754C197.453 17.1054 195.249 13.4103 194.62 14.1641L192.051 34.3682V34.373C205.054 36.3168 217.502 40.5537 230.024 44.3418L240.161 25.0762L240.163 25.0771V25.0742L240.161 25.0762L240.16 25.0752L240.162 25.0723C239.572 24.5196 226.682 30.0984 225.399 29.749C224.575 29.5244 224.389 28.8194 224.116 28.1299C222.269 23.4502 221.711 17.4201 219.953 12.7275C219.834 12.41 219.831 12.1301 219.479 11.9248Z" fill="#FCD02B"/>
+</g>
+<defs>
+<clipPath id="clip0_45235_124956">
+<rect width="500" height="175.589" fill="white"/>
+</clipPath>
+</defs>
+</svg><path d="M0 98Q64 85 128 98V128H0Z" fill="#FFC000"/><text x="64" y="119" text-anchor="middle" fill="#191919" font-family="PingFang SC,Microsoft YaHei,sans-serif" font-weight="700" font-size="18">APP 下载</text></g><rect x="1" y="1" width="126" height="126" rx="28" fill="none" stroke="#ffffff30" stroke-width="2"/></svg>
\ No newline at end of file
diff --git a/public/assets/6fa3b8cccc07ed57.svg b/public/assets/6fa3b8cccc07ed57.svg
new file mode 100644
index 0000000..6fc5021
--- /dev/null
+++ b/public/assets/6fa3b8cccc07ed57.svg
@@ -0,0 +1,12 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="292" height="263" viewBox="0 0 292 263" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Ellipse 11" filter="url(#filter0_f_0_49)">
+<ellipse cx="146" cy="131.5" rx="46" ry="31.5" fill="#FFC000"/>
+</g>
+<defs>
+<filter id="filter0_f_0_49" x="0" y="0" width="292" height="263" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_0_49"/>
+</filter>
+</defs>
+</svg>
diff --git a/public/assets/71ec6a19ef0e1b01.png b/public/assets/71ec6a19ef0e1b01.png
new file mode 100644
index 0000000..723fe8b
Binary files /dev/null and b/public/assets/71ec6a19ef0e1b01.png differ
diff --git a/public/assets/720b7aa5a05841ef.jpg b/public/assets/720b7aa5a05841ef.jpg
new file mode 100644
index 0000000..ce0a9e3
Binary files /dev/null and b/public/assets/720b7aa5a05841ef.jpg differ
diff --git a/public/assets/723fbfaeabe6ca96.jpg b/public/assets/723fbfaeabe6ca96.jpg
new file mode 100644
index 0000000..2b9f249
Binary files /dev/null and b/public/assets/723fbfaeabe6ca96.jpg differ
diff --git a/public/assets/72f702ca215f597d.svg b/public/assets/72f702ca215f597d.svg
new file mode 100644
index 0000000..cb10f46
--- /dev/null
+++ b/public/assets/72f702ca215f597d.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic_tt">
+<path id="Vector" d="M22.3164 3.57422H26.193L17.7238 13.2539L27.6871 26.4258H19.8859L13.7758 18.4371L6.78436 26.4258H2.90547L11.9641 16.0723L2.40625 3.57422H10.4055L15.9285 10.8762L22.3164 3.57422ZM20.9559 24.1055H23.1039L9.23826 5.77267H6.93317L20.9559 24.1055Z" fill="#EEEEEE"/>
+</g>
+</svg>
diff --git a/public/assets/7848816d05aa8591.svg b/public/assets/7848816d05aa8591.svg
new file mode 100644
index 0000000..71f1491
--- /dev/null
+++ b/public/assets/7848816d05aa8591.svg
@@ -0,0 +1,4 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 18C0 8.05888 8.05888 0 18 0C27.9411 0 36 8.05888 36 18C36 27.9411 27.9411 36 18 36C8.05888 36 0 27.9411 0 18Z" fill="#27A17C"/>
+<path d="M25.8726 12.3877V8.55078H10.1631V12.3877H15.9547V14.8944C11.2468 15.1061 7.70166 16.0342 7.70166 17.1476C7.70166 18.2611 11.2468 19.1891 15.9547 19.4009V27.4457H20.081V19.399C24.7708 19.1841 28.2979 18.2577 28.2979 17.1476C28.2979 16.0374 24.7708 15.1107 20.081 14.8961V12.3876H25.8726V12.3877ZM26.5242 16.9209C26.5242 17.6533 23.783 18.2675 20.081 18.4381L19.8418 18.4482H19.8154L19.591 18.4565H19.5667C19.3999 18.4622 19.231 18.4671 19.06 18.471H19.0494L18.82 18.4757H18.7552L18.5742 18.4781H17.4278L17.2487 18.4757H17.1864L16.9724 18.4712H16.9489C16.6952 18.4656 16.4454 18.4577 16.1993 18.4482H16.196L15.951 18.4376C12.2306 18.2697 9.47165 17.6533 9.47165 16.9174C9.47165 16.1815 12.231 15.5669 15.951 15.3971V17.7242C16.5967 17.7579 17.2837 17.7763 17.9962 17.7763C18.72 17.7763 19.4208 17.7576 20.0775 17.7224V15.404C23.7827 15.5741 26.5242 16.1887 26.5242 16.9209Z" fill="white"/>
+</svg>
diff --git a/public/assets/7ac5104cd3d3e49c.png b/public/assets/7ac5104cd3d3e49c.png
new file mode 100644
index 0000000..0255d27
Binary files /dev/null and b/public/assets/7ac5104cd3d3e49c.png differ
diff --git a/public/assets/7ae5ed16a625703c.webp b/public/assets/7ae5ed16a625703c.webp
new file mode 100644
index 0000000..185a5d4
Binary files /dev/null and b/public/assets/7ae5ed16a625703c.webp differ
diff --git a/public/assets/7c8623882a4c28b7.png b/public/assets/7c8623882a4c28b7.png
new file mode 100644
index 0000000..afadf24
Binary files /dev/null and b/public/assets/7c8623882a4c28b7.png differ
diff --git a/public/assets/7d05c412943babef.png b/public/assets/7d05c412943babef.png
new file mode 100644
index 0000000..1932054
Binary files /dev/null and b/public/assets/7d05c412943babef.png differ
diff --git a/public/assets/7f137587edc271d0.png b/public/assets/7f137587edc271d0.png
new file mode 100644
index 0000000..7693f0c
Binary files /dev/null and b/public/assets/7f137587edc271d0.png differ
diff --git a/public/assets/812c622409947995.png b/public/assets/812c622409947995.png
new file mode 100644
index 0000000..75e74dc
Binary files /dev/null and b/public/assets/812c622409947995.png differ
diff --git a/public/assets/813abcae48078ac7.svg b/public/assets/813abcae48078ac7.svg
new file mode 100644
index 0000000..49fca29
--- /dev/null
+++ b/public/assets/813abcae48078ac7.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g fill="none" fill-rule="evenodd"><path fill="#00D1D1" stroke="#00D1D1" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.44" d="m12 3.6 2.72 5.53 6.08.891-4.4 4.302 1.038 6.077L12 17.53 6.562 20.4 7.6 14.323l-4.4-4.302 6.08-.892z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/81a3adb37f20adbd.webp b/public/assets/81a3adb37f20adbd.webp
new file mode 100644
index 0000000..8535dae
Binary files /dev/null and b/public/assets/81a3adb37f20adbd.webp differ
diff --git a/public/assets/8292db6251d1e129.png b/public/assets/8292db6251d1e129.png
new file mode 100644
index 0000000..b4238ac
Binary files /dev/null and b/public/assets/8292db6251d1e129.png differ
diff --git a/public/assets/8466240296112fb5.jpg b/public/assets/8466240296112fb5.jpg
new file mode 100644
index 0000000..3fa128f
Binary files /dev/null and b/public/assets/8466240296112fb5.jpg differ
diff --git a/public/assets/867ae921f79dbe99.webp b/public/assets/867ae921f79dbe99.webp
new file mode 100644
index 0000000..090509b
Binary files /dev/null and b/public/assets/867ae921f79dbe99.webp differ
diff --git a/public/assets/8837c3e58159bd48.png b/public/assets/8837c3e58159bd48.png
new file mode 100644
index 0000000..b7ac55c
Binary files /dev/null and b/public/assets/8837c3e58159bd48.png differ
diff --git a/public/assets/8b1153736cc5dca1.svg b/public/assets/8b1153736cc5dca1.svg
new file mode 100644
index 0000000..8469d48
--- /dev/null
+++ b/public/assets/8b1153736cc5dca1.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M36.678 11.4126C37.5538 11.913 37.858 13.0286 37.3576 13.9044L34.5611 18.7984C39.6747 22.0041 43.2591 27.4537 43.8913 33.8211C43.998 34.8958 43.1539 35.8279 42.0739 35.8279H5.72691C4.64691 35.8279 3.80282 34.8958 3.9095 33.8211C4.51392 27.7332 7.8171 22.4842 12.5753 19.2333L9.53021 13.9044C9.02976 13.0286 9.33402 11.913 10.2098 11.4126C11.0856 10.9121 12.2012 11.2164 12.7017 12.0922L15.7661 17.4549C18.2582 16.35 21.0123 15.7379 23.9004 15.7379C26.5069 15.7379 29.0042 16.2365 31.2983 17.1459L34.1861 12.0922C34.6866 11.2164 35.8022 10.9121 36.678 11.4126ZM15.6818 25.7829C14.6732 25.7829 13.8555 26.6005 13.8555 27.6092C13.8555 28.6179 14.6732 29.4356 15.6818 29.4356C16.6906 29.4356 17.5082 28.6179 17.5082 27.6092C17.5082 26.6005 16.6906 25.7829 15.6818 25.7829ZM32.1191 25.7829C31.1105 25.7829 30.2928 26.6005 30.2928 27.6092C30.2928 28.6179 31.1105 29.4356 32.1191 29.4356C33.1279 29.4356 33.9455 28.6179 33.9455 27.6092C33.9455 26.6005 33.1279 25.7829 32.1191 25.7829Z" fill="#EEEEEE"/>
+</g>
+</svg>
diff --git a/public/assets/8b9bfab6cb2e72b9.png b/public/assets/8b9bfab6cb2e72b9.png
new file mode 100644
index 0000000..f1e1a19
Binary files /dev/null and b/public/assets/8b9bfab6cb2e72b9.png differ
diff --git a/public/assets/8c1c285ac6bd3b66.svg b/public/assets/8c1c285ac6bd3b66.svg
new file mode 100644
index 0000000..92602a0
--- /dev/null
+++ b/public/assets/8c1c285ac6bd3b66.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g fill="none" fill-rule="evenodd"><g stroke="#FFF" stroke-linejoin="round" stroke-width="1.4" transform="translate(4 4)"><rect width="16" height="12" y="4" rx="2"/><path d="m6.4 7.2 4 2.8-4 2.8z"/><path stroke-linecap="round" d="M12 0 8 4 4 0"/></g></g></svg>
\ No newline at end of file
diff --git a/public/assets/8eb3c37a26ca792b.svg b/public/assets/8eb3c37a26ca792b.svg
new file mode 100644
index 0000000..c49d321
--- /dev/null
+++ b/public/assets/8eb3c37a26ca792b.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="78" height="78" viewBox="0 0 78 78"><defs><linearGradient id="coin91gold" x2="1" y2="1"><stop stop-color="#FFF495"/><stop offset="1" stop-color="#FFC000"/></linearGradient></defs><circle cx="39" cy="39" r="37" fill="url(#coin91gold)" stroke="#FFE88C" stroke-width="4"/><circle cx="39" cy="39" r="31" fill="none" stroke="#FFD563" stroke-width="3"/><g transform="translate(11 11) scale(.0546875)" fill="#D68B13"><path d="M959.069091 480.116364a124.974545 124.974545 0 0 0-93.090909-40.96 122.88 122.88 0 0 0-79.825455 29.323636 123.345455 123.345455 0 0 0-79.825454-29.323636 125.44 125.44 0 0 0-93.090909 40.96 169.192727 169.192727 0 0 0-24.436364 184.32 360.261818 360.261818 0 0 0 167.098182 165.701818 67.258182 67.258182 0 0 0 30.487273 6.749091 64 64 0 0 0 31.883636-7.68 402.385455 402.385455 0 0 0 162.909091-162.909091 167.098182 167.098182 0 0 0-22.109091-186.181818z"/><path d="M536.436364 695.156364c-32.349091-71.68-42.356364-185.018182 35.84-269.265455a181.992727 181.992727 0 0 1 134.516363-59.810909A178.269091 178.269091 0 0 1 814.545455 403.083636c-4.887273-104.029091-72.145455-229.236364-197.352728-272.989091a235.287273 235.287273 0 0 0-190.836363 14.429091 246.690909 246.690909 0 0 0-110.312728 122.647273 235.054545 235.054545 0 0 0-160.116363 23.272727 249.716364 249.716364 0 0 0-121.018182 153.6c-41.658182 146.618182 36.072727 271.825455 116.363636 334.661819 179.2 141.963636 404.48 129.396364 424.029091 128a127.767273 127.767273 0 0 0 57.483637-16.29091 138.007273 138.007273 0 0 0 34.90909-27.694545 481.047273 481.047273 0 0 1-131.258181-167.563636z m-252.974546-53.76c-13.730909-74.705455-24.901818-86.109091-97.047273-100.538182 72.145455-14.429091 83.316364-25.832727 97.047273-100.538182 13.963636 74.705455 25.134545 86.109091 97.047273 100.538182-71.912727 14.429091-83.083636 25.832727-97.047273 100.538182z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/90e5136c083143d0.svg b/public/assets/90e5136c083143d0.svg
new file mode 100644
index 0000000..79e26d1
--- /dev/null
+++ b/public/assets/90e5136c083143d0.svg
@@ -0,0 +1,18 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="32" height="12" viewBox="0 0 32 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#233;&#128;&#137;&#228;&#184;&#173;" clip-path="url(#clip0_0_35)">
+<rect id="Rectangle 543899" x="11.5" y="10" width="9" height="2" rx="1" fill="#ECD227"/>
+<g id="Ellipse 12" filter="url(#filter0_f_0_35)">
+<ellipse cx="16" cy="13.5" rx="4" ry="5.5" fill="#F5E100"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_0_35" x="2" y="-2" width="28" height="31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_0_35"/>
+</filter>
+<clipPath id="clip0_0_35">
+<rect width="32" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/929f93aa7c28c5c7.svg b/public/assets/929f93aa7c28c5c7.svg
new file mode 100644
index 0000000..166d8cb
--- /dev/null
+++ b/public/assets/929f93aa7c28c5c7.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" aria-hidden="true"><path d="M983.04 512c0 153.31328-228.10624 307.2-471.04 307.2-90.3168 0-178.56512-21.25824-253.80864-55.86944l129.49504-129.47456a174.08 174.08 0 1 0 246.1696-246.1696l128.57344-128.57344C891.392 317.44 983.04 414.8224 983.04 512zM512 204.8c65.00352 0 128.96256 11.01824 187.76064 30.1056l-117.69856 117.69856a174.08 174.08 0 0 0-229.4784 229.4784l-151.18336 151.1424C105.02144 674.67264 40.96 593.26464 40.96 512c0-153.31328 228.10624-307.2 471.04-307.2z m112.64 307.2a112.64 112.64 0 0 1-193.49504 78.41792l159.27296-159.27296c21.0944 20.48 34.22208 49.13152 34.22208 80.85504zM512 399.36c7.2704 0 14.37696 0.69632 21.27872 2.00704l-131.91168 131.8912A112.64 112.64 0 0 1 512 399.36z" fill="#A3A3AD"/><path d="M872.796352 148.719008m21.72232 21.72232l0 0q21.72232 21.72232 0 43.444641l-680.632703 680.632703q-21.72232 21.72232-43.444641 0l0 0q-21.72232-21.72232 0-43.444641l680.632703-680.632703q21.72232-21.72232 43.444641 0Z" fill="#A3A3AD"/></svg>
\ No newline at end of file
diff --git a/public/assets/92a6e44715e728e2.jpg b/public/assets/92a6e44715e728e2.jpg
new file mode 100644
index 0000000..9d03635
Binary files /dev/null and b/public/assets/92a6e44715e728e2.jpg differ
diff --git a/public/assets/92fc7fda98f7db04.svg b/public/assets/92fc7fda98f7db04.svg
new file mode 100644
index 0000000..03255ed
--- /dev/null
+++ b/public/assets/92fc7fda98f7db04.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M10.7 2.9a2 2 0 0 1 2.6 0l8 7a1.5 1.5 0 0 1-1 2.6H19V20a1 1 0 0 1-1 1h-4v-6h-4v6H6a1 1 0 0 1-1-1v-7.5H3.7a1.5 1.5 0 0 1-1-2.6Z"/></svg>
\ No newline at end of file
diff --git a/public/assets/93b149e40991d773.png b/public/assets/93b149e40991d773.png
new file mode 100644
index 0000000..595b2f9
Binary files /dev/null and b/public/assets/93b149e40991d773.png differ
diff --git a/public/assets/93d679135d26da60.webp b/public/assets/93d679135d26da60.webp
new file mode 100644
index 0000000..e901b57
Binary files /dev/null and b/public/assets/93d679135d26da60.webp differ
diff --git a/public/assets/96c24a25fd78210c.webp b/public/assets/96c24a25fd78210c.webp
new file mode 100644
index 0000000..388dc70
Binary files /dev/null and b/public/assets/96c24a25fd78210c.webp differ
diff --git a/public/assets/98454e9d9e2ef0a1.jpg b/public/assets/98454e9d9e2ef0a1.jpg
new file mode 100644
index 0000000..4746a33
Binary files /dev/null and b/public/assets/98454e9d9e2ef0a1.jpg differ
diff --git a/public/assets/98ddead2e56f2360.webp b/public/assets/98ddead2e56f2360.webp
new file mode 100644
index 0000000..8f9f372
Binary files /dev/null and b/public/assets/98ddead2e56f2360.webp differ
diff --git a/public/assets/9903882b2da0df62.svg b/public/assets/9903882b2da0df62.svg
new file mode 100644
index 0000000..3431826
--- /dev/null
+++ b/public/assets/9903882b2da0df62.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g fill="none" fill-rule="evenodd"><g transform="translate(3.2 3.2)"><circle cx="8.8" cy="8.8" r="8.8" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4"/><circle cx="6" cy="6" r="1.2" fill="#FFF"/><circle cx="6" cy="11.6" r="1.2" fill="#FFF"/><circle cx="11.6" cy="6" r="1.2" fill="#FFF"/><circle cx="11.6" cy="11.6" r="1.2" fill="#FFF"/></g></g></svg>
\ No newline at end of file
diff --git a/public/assets/9a5b6e9db9de76b8.svg b/public/assets/9a5b6e9db9de76b8.svg
new file mode 100644
index 0000000..a7da62e
--- /dev/null
+++ b/public/assets/9a5b6e9db9de76b8.svg
@@ -0,0 +1,10 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic_tg" clip-path="url(#clip0_0_121)">
+<path id="Vector" d="M25.6055 4.39219C22.7953 1.58203 18.9773 0 15 0C11.0227 0 7.20469 1.58203 4.39453 4.39219C1.58203 7.20469 0 11.0227 0 15C0 18.9773 1.58203 22.7953 4.39453 25.6078C7.20469 28.4203 11.0227 30 15 30C18.9773 30 22.7953 28.418 25.6055 25.6078C28.418 22.7953 30 18.9773 30 15C30 11.0227 28.418 7.20469 25.6055 4.39219ZM21.9516 10.2C21.7266 12.5719 20.7492 18.3281 20.2523 20.9836C20.0438 22.1086 19.6289 22.4836 19.2281 22.5211C18.3563 22.6008 17.6953 21.9445 16.8516 21.3914C15.532 20.5266 14.7867 19.9875 13.5047 19.1438C12.0234 18.1688 12.9844 17.632 13.8281 16.7555C14.0484 16.5258 17.8875 13.0359 17.9602 12.7195C17.9695 12.6797 17.9789 12.532 17.8898 12.4547C17.8031 12.3773 17.6742 12.4031 17.5805 12.4242C17.4469 12.4547 15.3398 13.8492 11.2523 16.6055C10.6547 17.0156 10.1133 17.2172 9.62578 17.2055C9.09141 17.1938 8.06016 16.9031 7.29375 16.6547C6.35625 16.35 5.60859 16.1883 5.67422 15.668C5.70703 15.3984 6.07969 15.1219 6.78984 14.8383C11.1633 12.9328 14.0789 11.6766 15.5367 11.0695C19.7039 9.3375 20.5687 9.03516 21.1336 9.02578C21.2578 9.02578 21.5344 9.05391 21.7148 9.19922C21.8648 9.32344 21.907 9.48984 21.9281 9.60469C21.9469 9.72187 21.9727 9.98672 21.9516 10.1953V10.2Z" fill="#EEEEEE"/>
+</g>
+<defs>
+<clipPath id="clip0_0_121">
+<rect width="30" height="30" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/9bb14f2dd28ab426.png b/public/assets/9bb14f2dd28ab426.png
new file mode 100644
index 0000000..d53beea
Binary files /dev/null and b/public/assets/9bb14f2dd28ab426.png differ
diff --git a/public/assets/9df0afe903e8d542.svg b/public/assets/9df0afe903e8d542.svg
new file mode 100644
index 0000000..cfadbaf
--- /dev/null
+++ b/public/assets/9df0afe903e8d542.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.48029 2.00043C7.48029 2.00043 8.00445 2.31874 7.76439 3.14756C6.9601 5.92079 3.24343 7.03384 4.69874 9.46404C4.69874 9.46404 4.00632 8.84445 3.81384 7.76763C3.81384 7.76763 2.38364 11.2508 5.62945 13.3925C6.31041 13.8421 7.0548 13.9742 7.79347 13.9976C9.52627 14.0534 11.2313 13.13 12.0316 11.5555C12.9165 9.81474 12.4941 7.61678 11.2133 6.31752C11.2133 6.31752 11.7357 7.09946 10.2433 8.02586C10.2433 8.02586 11.0851 3.24131 7.48029 2V2.00043Z" fill="url(#paint0_linear_25005_2496)"/>
+<defs>
+<linearGradient id="paint0_linear_25005_2496" x1="8.11941" y1="1.52444" x2="7.94461" y2="14.086" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EA5749"/>
+<stop offset="1" stop-color="#FFFBFB"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/public/assets/a0c6451fadcb7738.svg b/public/assets/a0c6451fadcb7738.svg
new file mode 100644
index 0000000..5116bb4
--- /dev/null
+++ b/public/assets/a0c6451fadcb7738.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M39.0816 32.0192C39.0366 32.1542 38.3324 34.5908 36.6023 37.0971C35.1039 39.2592 33.5537 41.4394 31.1081 41.4776C28.7008 41.5204 27.9313 40.0534 25.1842 40.0534C22.4417 40.0534 21.58 41.4394 19.3054 41.5204C16.9543 41.6148 15.1431 39.158 13.6425 37.0071C10.5669 32.5997 8.2023 24.5182 11.3746 19.1028C12.9383 16.3917 15.7438 14.6705 18.7991 14.621C21.103 14.5783 23.2944 16.1689 24.6938 16.1689C26.1314 16.1689 28.7818 14.2453 31.5783 14.5333C32.7483 14.5828 36.0241 15.017 38.1344 18.0521C37.9702 18.1646 34.2152 20.3604 34.2579 24.8331C34.3142 30.2306 39.0321 32.0012 39.0816 32.0192ZM29.7492 11.64C31.0091 10.1146 31.8393 8.0177 31.6211 5.93433C29.8212 6.00407 27.6253 7.12 26.3227 8.63866C25.1685 9.96157 24.1538 12.0922 24.4373 14.1508C26.4374 14.2701 28.4938 13.1114 29.747 11.64" fill="#EEEEEE"/>
+</g>
+</svg>
diff --git a/public/assets/a0cb8cb4c545a0bc.png b/public/assets/a0cb8cb4c545a0bc.png
new file mode 100644
index 0000000..82d610d
Binary files /dev/null and b/public/assets/a0cb8cb4c545a0bc.png differ
diff --git a/public/assets/a0f163d35a28d0c6.webp b/public/assets/a0f163d35a28d0c6.webp
new file mode 100644
index 0000000..dfbe9dc
Binary files /dev/null and b/public/assets/a0f163d35a28d0c6.webp differ
diff --git a/public/assets/a6ba4b9749786513.png b/public/assets/a6ba4b9749786513.png
new file mode 100644
index 0000000..7d4c318
Binary files /dev/null and b/public/assets/a6ba4b9749786513.png differ
diff --git a/public/assets/a8076c86caaa5bd7.png b/public/assets/a8076c86caaa5bd7.png
new file mode 100644
index 0000000..c467792
Binary files /dev/null and b/public/assets/a8076c86caaa5bd7.png differ
diff --git a/public/assets/a8b9176037760d37.webp b/public/assets/a8b9176037760d37.webp
new file mode 100644
index 0000000..ae91211
Binary files /dev/null and b/public/assets/a8b9176037760d37.webp differ
diff --git a/public/assets/a95a5642fd778796.webp b/public/assets/a95a5642fd778796.webp
new file mode 100644
index 0000000..89984a0
Binary files /dev/null and b/public/assets/a95a5642fd778796.webp differ
diff --git a/public/assets/abe9b9f85f00e37d.jpg b/public/assets/abe9b9f85f00e37d.jpg
new file mode 100644
index 0000000..019b8cf
Binary files /dev/null and b/public/assets/abe9b9f85f00e37d.jpg differ
diff --git a/public/assets/addb3b51206a8978.png b/public/assets/addb3b51206a8978.png
new file mode 100644
index 0000000..85dd094
Binary files /dev/null and b/public/assets/addb3b51206a8978.png differ
diff --git a/public/assets/af4370e9c87f0f75.webp b/public/assets/af4370e9c87f0f75.webp
new file mode 100644
index 0000000..2c40fb4
Binary files /dev/null and b/public/assets/af4370e9c87f0f75.webp differ
diff --git a/public/assets/afc7eccbc7ad2064.webp b/public/assets/afc7eccbc7ad2064.webp
new file mode 100644
index 0000000..237f667
Binary files /dev/null and b/public/assets/afc7eccbc7ad2064.webp differ
diff --git a/public/assets/b572feb468a57fe7.jpg b/public/assets/b572feb468a57fe7.jpg
new file mode 100644
index 0000000..444227d
Binary files /dev/null and b/public/assets/b572feb468a57fe7.jpg differ
diff --git a/public/assets/b57b58bd55aeee91.png b/public/assets/b57b58bd55aeee91.png
new file mode 100644
index 0000000..2813a74
Binary files /dev/null and b/public/assets/b57b58bd55aeee91.png differ
diff --git a/public/assets/b651ac584424e2f2.jpg b/public/assets/b651ac584424e2f2.jpg
new file mode 100644
index 0000000..19181e0
Binary files /dev/null and b/public/assets/b651ac584424e2f2.jpg differ
diff --git a/public/assets/b71aedc5cfcc6bd5.svg b/public/assets/b71aedc5cfcc6bd5.svg
new file mode 100644
index 0000000..a6db8b2
--- /dev/null
+++ b/public/assets/b71aedc5cfcc6bd5.svg
@@ -0,0 +1,32 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_46678_103162)">
+<rect x="-108" y="-67" width="700" height="748" fill="#FEDC5A"/>
+<path d="M98.0592 271.012C90.5364 265.446 83.1513 258.664 75.7852 252.703C71.5678 249.293 63.6888 245.266 63.6603 239.149C63.6223 231.446 71.7198 227.394 78.2785 230.738C82.2774 232.775 89.4346 243.917 92.2984 248.063C95.5944 252.827 105.392 266.362 106.94 270.955C107.563 272.812 107.016 274.992 104.775 274.973C104.267 274.973 98.8429 271.586 98.064 271.012H98.0592Z" fill="black"/>
+<path d="M60.0058 275.091C60.0248 275.039 60.6422 275.005 60.799 274.64C62.7414 270.199 64.7931 267.962 70.1218 268.337C75.403 268.708 93.0607 281.369 97.8433 285.254C99.4818 286.589 102.441 288.313 101.619 290.83C100.702 293.632 93.3362 290.683 91.4222 290.246C83.7237 288.493 73.2705 286.788 66.0754 284.247C63.4111 283.307 61.7536 281.773 60.8085 279.066C60.6185 278.52 59.9298 275.271 60.0058 275.086V275.091Z" fill="black"/>
+<path d="M284.689 167.545C291.803 182.97 286.128 213.28 280.267 229.66C261.437 282.287 215.07 322.171 157.983 324.893C149.843 325.282 141.817 324.536 133.738 323.929C130.77 323.705 128.481 324.584 125.75 322.893C123.57 321.544 122.502 319.099 122.544 316.562C122.663 309.932 134.294 289.363 139.452 284.989C145.678 279.708 149.344 281.712 156.559 281.199C169.614 280.268 182.399 275.619 192.829 268.077C195.702 266.002 198.366 263.432 200.936 260.991C184.147 266.059 167.838 266.923 151.187 260.887C132.674 254.176 120.626 240.55 114.86 221.7C111.925 212.116 112.481 206.859 112.134 196.886C111.246 171.282 131.326 140.645 152.83 126.44C196.101 97.8585 265.141 107.965 283.298 161.071C283.886 162.791 284.176 166.424 284.694 167.545H284.689ZM169.595 121.135C168.93 120.793 168.327 121.434 168.65 121.6C169.315 121.942 169.918 121.301 169.595 121.135ZM168.17 121.605L162.011 124.697C163.754 124.155 165.33 123.267 167.054 122.597C167.734 122.336 168.436 123.053 168.175 121.605H168.17ZM161.417 124.711L158.064 126.302L158.496 127.209L161.849 125.618L161.417 124.711ZM157.247 127.304C156.411 127.266 155.58 127.242 154.754 127.418C151.776 128.04 140.9 137.824 138.488 140.592C138.051 141.096 135.814 143.808 135.885 144.154C136.388 146.605 139.68 141.718 140.131 141.295C145.426 136.328 150.598 132.78 156.354 128.525C156.886 128.13 157.537 128.529 157.252 127.304H157.247ZM174.349 170.997C171.861 186.181 170.441 201.549 168.223 216.776C169.168 225.628 175.589 228.772 183.696 225.699C196.324 220.912 214.381 210.706 226.601 204.014C232.618 200.718 238.678 198.453 238.004 190.213C237.681 186.266 235.449 184.727 232.879 182.391C218.94 175.438 205.452 164.415 191.461 157.918C189.186 156.863 186.26 156.617 183.843 156.749C181.25 156.892 177.731 159.699 176.41 161.902C174.653 164.847 174.876 167.73 174.345 170.997H174.349Z" fill="black"/>
+<path d="M183.847 156.748C186.264 156.615 189.195 156.862 191.465 157.916C205.456 164.413 218.944 175.436 232.883 182.389C235.452 184.73 237.685 186.264 238.008 190.211C238.682 198.456 232.622 200.721 226.605 204.012C214.385 210.704 196.328 220.91 183.7 225.698C175.593 228.77 169.172 225.626 168.227 216.774C170.444 201.548 171.864 186.179 174.353 170.996L176.248 168.621C176.547 171.888 175.483 175.142 175.279 178.333C175.246 178.884 174.937 180.964 175.768 180.964L177.701 166.987C178.912 161.696 182.859 159.279 188.121 159.118C188.406 156.662 183.101 159.906 183.847 156.748Z" fill="#FCD02B"/>
+<path d="M183.845 156.75C183.104 159.908 188.405 156.665 188.12 159.12C182.857 159.281 178.911 161.699 177.7 166.989L175.767 180.967C174.936 180.967 175.244 178.886 175.278 178.335C175.482 175.139 176.546 171.886 176.247 168.623L174.352 170.998C174.888 167.735 174.66 164.848 176.417 161.903C177.733 159.699 181.257 156.888 183.85 156.75H183.845Z" fill="#FDFDFD"/>
+<path d="M157.244 127.302C157.529 128.532 156.883 128.129 156.346 128.523C150.585 132.778 145.418 136.326 140.123 141.294C139.671 141.716 136.38 146.603 135.877 144.153C135.805 143.806 138.042 141.094 138.479 140.591C140.897 137.817 151.768 128.039 154.746 127.416C155.577 127.241 156.403 127.264 157.239 127.302H157.244Z" fill="#FCD02B"/>
+<path d="M161.417 124.697L158.062 126.291L158.495 127.2L161.849 125.607L161.417 124.697Z" fill="#FCD02B"/>
+<path d="M168.168 121.604C168.434 123.052 167.727 122.33 167.048 122.596C165.328 123.266 163.752 124.154 162.004 124.695L168.164 121.604H168.168Z" fill="#FCD02B"/>
+<path d="M169.597 121.132C169.92 121.298 169.317 121.939 168.652 121.598C168.329 121.431 168.932 120.79 169.597 121.132Z" fill="#FCD02B"/>
+<path d="M361.793 136.527C362.843 136.769 364.885 137.401 366.419 137.79C370.746 138.892 383.697 141.713 386.808 143.523C389.876 145.309 390.816 148.923 390.455 152.257L359.808 305.877C358.26 311.139 353.653 314.378 348.358 315.323L303.99 315.152C300.604 313.879 298.922 310.654 298.813 307.135L321.586 192.63C321.595 192.265 320 192.075 319.62 192.151C315.07 193.091 308.345 197.983 303.719 198.51C299.193 199.023 295.579 196.344 295.921 191.676C298.044 182.885 298.096 172.037 300.518 163.484C301.126 161.337 302.627 159.514 304.631 158.573C318.855 152.076 332.951 143.1 347.37 137.197C353.586 134.651 355.405 135.06 361.788 136.527H361.793Z" fill="black"/>
+<path d="M391.967 78.004C391.407 78.9539 392.513 82.5538 392.846 83.8171C393.924 87.93 395.634 95.4433 397.097 99.0385C397.282 99.4945 397.253 100.017 397.861 100.202C399.063 100.568 415.049 94.5505 417.713 94.0186C418.867 93.1589 418.112 91.1642 419.641 89.2978C425.336 82.3259 436.492 90.0102 430.816 97.6233C428.779 100.354 427.226 99.504 424.96 100.316C423.004 101.019 408.585 133.067 405.731 137.128C405.218 138.006 404.562 139.004 403.475 139.179C401.395 139.517 393.045 136.064 390.329 135.247C374.661 130.54 359.577 126.485 343.53 123.155C340.732 122.576 336.078 123.426 336.334 119.061L342.285 79.5428C338.856 76.9687 338.448 71.2031 341.758 68.3963C347.215 63.7657 354.819 68.8189 352.715 75.5534C352.42 76.4938 350.967 77.1966 351.722 78.365L364.089 92.1378C367.599 88.6994 371.147 85.2514 374.77 81.9317C376.029 80.7776 381.315 76.9544 381.429 75.7529C381.695 72.8653 379.724 71.7492 382.379 68.1683C388.344 60.123 400.013 69.0042 393.563 76.9877C393.136 77.5196 392.1 77.7856 391.977 77.9993L391.967 78.004ZM415.609 102.13C414.759 101.299 395.648 109.572 393.748 109.055C392.528 108.722 392.252 107.677 391.849 106.656C389.113 99.7272 388.287 90.7986 385.684 83.8504C385.508 83.3802 385.504 82.967 384.981 82.6631C381.362 84.596 365.875 101.499 363.576 101.646C362.774 101.698 362.109 101.408 361.496 100.91C359.482 99.2617 355.93 93.8048 353.859 91.4302C353.498 91.017 352.871 90.8983 352.591 90.5848C352.368 90.3331 349.105 84.862 348.174 85.978L344.37 115.894C363.619 118.772 382.056 125.046 400.597 130.654L415.609 102.126V102.13Z" fill="black"/>
+<path d="M415.606 102.132L400.594 130.661C382.053 125.052 363.621 118.779 344.367 115.901L348.171 85.9849C349.107 84.8688 352.365 90.34 352.588 90.5917C352.868 90.9052 353.495 91.0239 353.856 91.4371C355.927 93.8117 359.479 99.2686 361.493 100.917C362.106 101.415 362.766 101.705 363.573 101.653C365.872 101.506 381.359 84.6029 384.978 82.6699C385.501 82.9739 385.505 83.3871 385.681 83.8572C388.284 90.8102 389.11 99.734 391.846 106.663C392.249 107.684 392.53 108.729 393.745 109.062C395.645 109.579 414.756 101.301 415.606 102.137V102.132Z" fill="#FCD02B"/>
+<path d="M384.145 264.584C383.824 263.367 384.081 262.224 384.476 261.065C386.014 256.589 391.478 250.094 394.122 246.168C398.929 239.033 408.217 223.992 414.498 218.987C425.218 210.447 438.464 221.829 429.998 232.885C416.934 242.189 404.484 253.571 391.179 262.432C388.984 263.895 386.853 266.181 384.145 264.59V264.584Z" fill="black"/>
+<path d="M407.763 278.755C407.629 278.787 407.602 279.444 407.18 279.583C406.465 279.813 399.682 280.165 398.875 280.037C392.028 278.953 404.104 271.454 405.589 270.418C411.197 266.514 429.709 254.09 435.616 253.935C444.734 253.695 448.579 265.568 440.872 270.45C439.398 271.385 437.854 271.721 436.22 272.207C426.948 274.952 417.152 276.437 407.768 278.755H407.763Z" fill="black"/>
+<ellipse cx="255.5" cy="688" rx="408.5" ry="353" fill="#0E0E0F"/>
+<path d="M355.492 368.003H369.882C370.975 368.003 369.827 370.887 369.759 371.404C368.966 377.378 367.668 383.172 366.596 389.093C363.327 407.181 360.775 425.91 357.013 443.828C355.809 449.564 354.044 454.413 348.082 456.63C344.369 458.01 334.501 458.375 330.513 457.884C329.744 457.79 329.468 457.743 329.485 456.856C329.796 453.164 329.377 448.686 329.788 445.088C330.073 442.595 331.332 443.713 332.88 443.769C336.358 443.899 342.026 444.304 342.875 439.966C345.985 421.27 349.433 402.556 352.622 383.927C353.415 379.292 353.859 374.25 354.848 369.706C354.978 369.11 354.983 368.423 355.492 368V368.003Z" fill="#F9C027"/>
+<path d="M349.912 376.521C350.008 376.548 350.431 376.98 350.496 377.115C350.854 377.867 349.618 384.266 349.386 385.688C346.596 402.707 343.201 419.659 340.29 436.646C340.22 436.734 339.697 437.022 339.635 437.022H327.888C327.785 437.022 327.538 436.693 327.488 436.534C330.569 416.672 334.264 396.827 337.703 377.003C337.788 376.883 338.657 376.521 338.757 376.521H349.917H349.912Z" fill="#F9C027"/>
+<path d="M333.459 369.187L281.177 369.166C278.645 369.046 278.962 371.73 278.657 373.401C275.852 388.77 273.596 404.362 270.269 419.64C267.778 431.076 263.705 442.057 259 452.73L259.687 453.535C262.081 454.454 264.48 455.382 266.85 456.357C267.661 456.692 270.049 458.269 270.727 457.84C271.129 457.585 274.442 450.336 274.927 449.264C279.182 439.857 282.058 430.462 284.199 420.356C284.404 419.378 283.843 418.204 285.006 417.933C285.25 417.878 286.128 417.745 286.031 418.224L284.857 418.521H297.779L293.964 417.936L298.366 417.64L297.153 424.353C296.543 424.747 287.115 424.13 285.285 424.38C284.739 424.453 284.434 424.465 284.137 424.994L278.16 456.624C278.055 456.859 278.436 457.285 278.545 457.285H318.193C319.392 457.285 319.847 455.279 320.129 454.577C320.232 454.322 320.652 454.342 320.693 454.145C320.825 453.523 320.417 452.886 320.475 452.228C321.218 444.013 324.173 434.903 325.072 426.568C325.201 426.066 324.458 424.395 324.067 424.395H310.704L311.585 418.518C316.185 418.207 321.309 418.935 325.844 418.533C326.364 418.486 327.066 418.48 327.448 418.08C328.549 416.935 328.893 408.195 329.501 406.183H313.935C314.07 405.425 315.374 400.309 314.375 400.309H301.012L300.131 406.183H286.915C286.974 405.105 287.473 399.683 288.072 399.263L313.512 399.114C314.449 398.952 314.273 399.98 314.951 400.039L328.605 399.854C329.794 399.246 330.285 398.456 330.658 397.208C332.085 392.45 333.004 385.172 333.815 380.1C334.17 377.883 335.166 373.654 335.107 371.674C335.075 370.573 334.584 369.527 333.457 369.187H333.459ZM310.12 436.142C309.321 438.465 309.53 442.997 308.654 445.035C308.578 445.211 307.735 445.54 307.623 445.54H293.526C293.438 445.54 293.001 445.103 293.13 444.865L294.848 436.142H310.12ZM317.609 387.683H290.736C291.283 385.78 291.241 383.501 292.058 381.809H318.931C318.713 382.585 318.22 387.683 317.609 387.683Z" fill="#F9C027"/>
+<path d="M180.477 376.517H201.329L198.706 390.194L188.436 390.35L185.763 405.592H196.042L193.652 419.061L182.544 419.114C182.732 420.321 181.41 421.889 181.792 422.9C181.963 423.346 182.67 424.086 182.976 424.676C185.886 430.283 188.438 436.092 191.622 441.564L183.258 456.988C178.153 452.598 175.619 445.57 173.422 439.367C172.876 439.241 172.852 439.552 172.591 439.854C169.771 443.117 167.363 447.684 164.312 451.253C163.454 452.257 157.686 458.554 157.066 458.718C156.447 458.883 148.344 451.652 147.019 450.921C146.679 449.79 150.958 446.263 151.842 445.244C152.981 443.928 154.426 442.075 155.501 440.68C160.558 434.116 164.876 426.856 167.845 419.102H154.922L157.287 405.607C157.757 405.152 168.485 405.839 170.356 405.607C170.905 405.54 171.352 405.466 171.534 404.873L174.309 390.323L173.413 390.517L167.842 399.886L156.097 398.544L169.052 368.473L169.754 368L183.134 368.72C183.531 368.99 183.428 369.436 183.358 369.839C183.008 371.874 180.756 374.317 180.477 376.52V376.517Z" fill="white"/>
+<path d="M201.916 443.478C201.44 439.589 200.618 435.739 199.831 431.906C199.67 431.113 198.709 429.768 199.402 428.776C199.793 428.215 211.309 427.278 212.933 426.711C213.182 426.729 213.482 426.72 213.684 426.867C214.331 427.334 216.151 440.708 216.269 442.561L214.251 443.478H221.887L230.833 426.717L244.795 428.502L236.865 443.481H247.585C248.037 443.481 248.005 444.365 247.967 444.72C247.667 447.44 246.375 451.161 245.764 454.001C245.641 454.573 245.656 456.697 244.945 456.697H188.703L191.493 443.481H201.919L201.916 443.478Z" fill="white"/>
+<path d="M256.503 383.524L203.847 383.864C203.069 383.744 205.592 371.603 205.924 370.616C207.058 370.02 208.223 370.639 209.392 370.654C225.548 370.866 241.722 370.478 257.881 370.628C258.189 370.634 258.577 370.648 258.771 370.918C259.173 371.476 256.571 381.885 256.503 383.524Z" fill="white"/>
+<path d="M252.872 388.558H205.001L197.814 424.573C197.685 424.884 198.02 425.563 198.246 425.563H245.236C245.445 425.563 246.546 424.67 246.69 424.373C249.037 412.808 251.087 401.154 253.295 389.539C253.436 389.227 253.095 388.555 252.869 388.555L252.872 388.558ZM234.329 412.37C227.809 412.905 221.095 412.696 214.548 412.344L216.363 401.973L216.748 401.477H236.279L234.329 412.37Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_46678_103162">
+<rect width="512" height="512" rx="256" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/b73eaf71d4ec80f9.webp b/public/assets/b73eaf71d4ec80f9.webp
new file mode 100644
index 0000000..4711468
Binary files /dev/null and b/public/assets/b73eaf71d4ec80f9.webp differ
diff --git a/public/assets/b90a9ab6918d47c7.svg b/public/assets/b90a9ab6918d47c7.svg
new file mode 100644
index 0000000..55d5b35
--- /dev/null
+++ b/public/assets/b90a9ab6918d47c7.svg
@@ -0,0 +1,14 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#231;&#153;&#187;&#229;&#189;&#149;">
+<g clip-path="url(#clip0_0_185)">
+<circle id="Ellipse 10" cx="16" cy="16" r="16" fill="#FF4A4A" fill-opacity="0.08"/>
+<ellipse id="Ellipse 11" cx="16" cy="20.5" rx="8" ry="3.5" fill="#FFC000"/>
+<path id="Rectangle 17" d="M12 11.5C12 9.01472 14.0147 7 16.5 7H19C19.5523 7 20 7.44772 20 8V12C20 14.2091 18.2091 16 16 16V16C13.7909 16 12 14.2091 12 12V11.5Z" fill="#FFC000"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_0_185">
+<path d="M0 16C0 7.16344 7.16344 0 16 0V0C24.8366 0 32 7.16344 32 16V16C32 24.8366 24.8366 32 16 32V32C7.16344 32 0 24.8366 0 16V16Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/assets/ba17d56edfb047e2.svg b/public/assets/ba17d56edfb047e2.svg
new file mode 100644
index 0000000..785348f
--- /dev/null
+++ b/public/assets/ba17d56edfb047e2.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M25.3 21L30.5 18.8C31.9 18.2 32.6 16.6 32 15.2C31.4 13.8 29.7 13.2 28.3 13.8L23 15.9C21.6 16.5 20.9 18.1 21.5 19.5C22.2 20.9 23.9 21.6 25.3 21ZM42.8 17L38 6.10001C37.6 5.20001 36.5 4.70001 35.5 5.10001L23.4 10.2C22.4 10.6 22 11.7 22.4 12.6L22.9 13.8L27.4 11.9C29.8 10.9 32.6 12 33.6 14.3C34.6 16.6 33.5 19.3 31.2 20.4L26.7 22.3L27.2 23.5C27.6 24.4 28.7 24.9 29.7 24.5L41.8 19.4C42.8 19 43.3 17.9 42.8 17ZM15.6 32C17 32.7 18.7 32.2 19.4 30.8L22 25.9C22.7 24.5 22.2 22.9 20.8 22.2C19.4 21.5 17.7 22 17 23.4L14.4 28.3C13.7 29.7 14.3 31.4 15.6 32ZM24.5 28L23.3 27.4L21.1 31.6C19.9 33.9 17.1 34.8 14.8 33.6C12.5 32.4 11.6 29.7 12.8 27.4L15 23.2L13.8 22.6C12.9 22.1 11.7 22.5 11.3 23.4L5.3 34.9C4.8 35.8 5.2 36.9 6.1 37.4L16.9 42.8C17.8 43.3 19 42.9 19.4 42L25.4 30.5C25.8 29.6 25.5 28.5 24.5 28Z" fill="#FF951C"/>
+</g>
+</svg>
diff --git a/public/assets/bcf06f98cbfa83ee.jpg b/public/assets/bcf06f98cbfa83ee.jpg
new file mode 100644
index 0000000..7c4dfec
Binary files /dev/null and b/public/assets/bcf06f98cbfa83ee.jpg differ
diff --git a/public/assets/bd44ab8fafaca01f.webp b/public/assets/bd44ab8fafaca01f.webp
new file mode 100644
index 0000000..7889474
Binary files /dev/null and b/public/assets/bd44ab8fafaca01f.webp differ
diff --git a/public/assets/bd69a2c88e8d17cc.png b/public/assets/bd69a2c88e8d17cc.png
new file mode 100644
index 0000000..5fb3c95
Binary files /dev/null and b/public/assets/bd69a2c88e8d17cc.png differ
diff --git a/public/assets/bd8f7fd04bc0b709.png b/public/assets/bd8f7fd04bc0b709.png
new file mode 100644
index 0000000..1b8750b
Binary files /dev/null and b/public/assets/bd8f7fd04bc0b709.png differ
diff --git a/public/assets/bf82634dbd0f4907.svg b/public/assets/bf82634dbd0f4907.svg
new file mode 100644
index 0000000..4e6d0e6
--- /dev/null
+++ b/public/assets/bf82634dbd0f4907.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><g fill="none" fill-rule="evenodd"><g transform="translate(3.2 3.2)"><circle cx="8.8" cy="8.8" r="8.8" stroke="#00D1D1" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4"/><path fill="#00D1D1" d="M8.8 0a8.8 8.8 0 1 1 0 17.6A8.8 8.8 0 0 1 8.8 0M6 10.2A1.4 1.4 0 1 0 6 13a1.4 1.4 0 0 0 0-2.8m5.6 0a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8M6 4.6a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8m5.6 0a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8"/></g></g></svg>
\ No newline at end of file
diff --git a/public/assets/c1cb918e48d35bd3.webp b/public/assets/c1cb918e48d35bd3.webp
new file mode 100644
index 0000000..19cbac3
Binary files /dev/null and b/public/assets/c1cb918e48d35bd3.webp differ
diff --git a/public/assets/c468611c26ac6aa5.webp b/public/assets/c468611c26ac6aa5.webp
new file mode 100644
index 0000000..2e4085e
Binary files /dev/null and b/public/assets/c468611c26ac6aa5.webp differ
diff --git a/public/assets/c568d83ba6e559ac.png b/public/assets/c568d83ba6e559ac.png
new file mode 100644
index 0000000..38b1707
Binary files /dev/null and b/public/assets/c568d83ba6e559ac.png differ
diff --git a/public/assets/c612eedfded8baed.webp b/public/assets/c612eedfded8baed.webp
new file mode 100644
index 0000000..10bce49
Binary files /dev/null and b/public/assets/c612eedfded8baed.webp differ
diff --git a/public/assets/c792d0645e28b789.webp b/public/assets/c792d0645e28b789.webp
new file mode 100644
index 0000000..04ec12d
Binary files /dev/null and b/public/assets/c792d0645e28b789.webp differ
diff --git a/public/assets/c80f072eec53a3ca.svg b/public/assets/c80f072eec53a3ca.svg
new file mode 100644
index 0000000..260fdc6
--- /dev/null
+++ b/public/assets/c80f072eec53a3ca.svg
@@ -0,0 +1 @@
+<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>热搜榜</title><defs><rect id="path-1" x="0" y="0" width="36" height="36"></rect></defs><g id="精选页适配尺寸" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="1600（桌面端默认尺寸）" transform="translate(-839.000000, -42.000000)"><g id="编组-4备份-13" transform="translate(541.000000, 30.000000)"><g id="编组-39" transform="translate(298.000000, 12.000000)"><mask id="mask-2" fill="white"><use xlink:href="#path-1"></use></mask><g id="蒙版"></g><g mask="url(#mask-2)" fill="#FFFFFF"><g transform="translate(8.000000, 9.000000)"><rect id="矩形" x="0" y="7" width="3" height="11" rx="1.5"></rect><rect id="矩形备份-22" x="16" y="5" width="3" height="13" rx="1.5"></rect><rect id="矩形备份-21" x="8" y="0" width="3" height="18" rx="1.5"></rect></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/public/assets/c8cb1f1f87814ea6.jpg b/public/assets/c8cb1f1f87814ea6.jpg
new file mode 100644
index 0000000..f516a33
Binary files /dev/null and b/public/assets/c8cb1f1f87814ea6.jpg differ
diff --git a/public/assets/c9e57990dff7b688.png b/public/assets/c9e57990dff7b688.png
new file mode 100644
index 0000000..410522a
Binary files /dev/null and b/public/assets/c9e57990dff7b688.png differ
diff --git a/public/assets/cb1ba9ad10c4d7e0.png b/public/assets/cb1ba9ad10c4d7e0.png
new file mode 100644
index 0000000..61f9fb1
Binary files /dev/null and b/public/assets/cb1ba9ad10c4d7e0.png differ
diff --git a/public/assets/cd2c7b933f47bf37.webp b/public/assets/cd2c7b933f47bf37.webp
new file mode 100644
index 0000000..e6cb1e1
Binary files /dev/null and b/public/assets/cd2c7b933f47bf37.webp differ
diff --git a/public/assets/cd8b6ba1e9378a10.png b/public/assets/cd8b6ba1e9378a10.png
new file mode 100644
index 0000000..e1003e7
Binary files /dev/null and b/public/assets/cd8b6ba1e9378a10.png differ
diff --git a/public/assets/ce2f84f155d32b0b.png b/public/assets/ce2f84f155d32b0b.png
new file mode 100644
index 0000000..5334d67
Binary files /dev/null and b/public/assets/ce2f84f155d32b0b.png differ
diff --git a/public/assets/cea8731b980a14a0.png b/public/assets/cea8731b980a14a0.png
new file mode 100644
index 0000000..06b190a
Binary files /dev/null and b/public/assets/cea8731b980a14a0.png differ
diff --git a/public/assets/cf6f51dd8344bdcf.png b/public/assets/cf6f51dd8344bdcf.png
new file mode 100644
index 0000000..6df14b0
Binary files /dev/null and b/public/assets/cf6f51dd8344bdcf.png differ
diff --git a/public/assets/d001d1cc6c2f0ce6.svg b/public/assets/d001d1cc6c2f0ce6.svg
new file mode 100644
index 0000000..75a9613
--- /dev/null
+++ b/public/assets/d001d1cc6c2f0ce6.svg
@@ -0,0 +1,6 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ic_yj">
+<path id="Vector" d="M38 8.8C33.7 7.7 29.8 6.7 26.4 3.9C25.7 3.3 24.9 3 24 3C23.1 3 22.3 3.3 21.6 3.9C18.7 6.3 15.3 7.2 11.6 8.4C11.1 8.6 10.5 8.7 9.99999 8.8C8.29999 9.2 7.09999 10.8 6.99999 12.6V13.1L10.2 35.7C10.2 35.9 10.2 36.1 10.3 36.2C10.3 36 10.2 35.9 10.2 35.7C10.3 37 11 38.1 12.1 38.7L22 44.4C22.2 44.5 22.3 44.6 22.5 44.6C23 44.8 23.5 44.9 24 44.9C24.7 44.9 25.4 44.7 26 44.3L35.9 38.6C37 38 37.6 36.8 37.8 35.6C37.8 35.8 37.8 36 37.7 36.1C37.7 35.9 37.8 35.8 37.8 35.6L41 13.1C41.2 11.1 39.9 9.3 38 8.8ZM34.8 35.2V35.3C34.8 35.6 34.6 35.9 34.3 36.1H34.1L24.3 41.8C24.3 42 24.1 42 24 42C23.9 42 23.7 42 23.6 41.9L13.8 36.2H13.6C13.3 36 13.2 35.8 13.1 35.4V35.2L9.99999 12.8C9.99999 12.3 10.3 11.9 10.7 11.8C15.3 10.6 19.8 9.4 23.5 6.3C23.7 6 23.9 6 24 6C24.1 6 24.3 6 24.5 6.2C28.2 9.3 32.6 10.6 37.3 11.7C37.7 11.8 38.1 12.3 38 12.7L34.8 35.2Z" fill="#00D9FF"/>
+<path id="Vector_2" d="M34.0004 13.9C30.7004 12.8 27.5004 12.1 24.6004 10.1C24.3004 9.8 23.8004 9.8 23.4004 10.1C20.5004 12.2 17.3004 12.8 14.0004 13.9C13.5004 14.1 13.2004 14.5 13.3004 15L16.0004 33.7C16.0004 34 16.2004 34.2 16.4004 34.4L23.4004 38.2C23.7004 38.4 24.2004 38.4 24.5004 38.2L31.5004 34.4C31.7004 34.2 31.9004 34 31.9004 33.7L34.6004 15C34.7004 14.5 34.4004 14 34.0004 13.9ZM28.9004 22.5L24.0004 27.4C23.4004 28 22.5004 28 21.9004 27.4L19.1004 24.6C18.5004 24 18.5004 23.1 19.1004 22.5C19.7004 21.9 20.6004 21.9 21.2004 22.5L23.0004 24.3L26.9004 20.4C27.5004 19.8 28.4004 19.8 29.0004 20.4C29.5004 21 29.5004 21.9 28.9004 22.5Z" fill="#00D9FF"/>
+</g>
+</svg>
diff --git a/public/assets/d11925d521c7a7a7.webp b/public/assets/d11925d521c7a7a7.webp
new file mode 100644
index 0000000..da1625b
Binary files /dev/null and b/public/assets/d11925d521c7a7a7.webp differ
diff --git a/public/assets/d2182785de825f85.svg b/public/assets/d2182785de825f85.svg
new file mode 100644
index 0000000..44434b5
--- /dev/null
+++ b/public/assets/d2182785de825f85.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3.5" y="3.5" width="17" height="17" rx="8.5" fill="#7C7C7C"/>
+<rect x="3.5" y="3.5" width="17" height="17" rx="8.5" stroke="#989898"/>
+<path d="M8.56238 12.3437L10.9816 14.7629C11.1553 14.9366 11.4431 14.9141 11.5878 14.7155L15.7499 9" stroke="white" stroke-linecap="round"/>
+</svg>
diff --git a/public/assets/d4b3692a7af5718a.webp b/public/assets/d4b3692a7af5718a.webp
new file mode 100644
index 0000000..3f5b1b1
Binary files /dev/null and b/public/assets/d4b3692a7af5718a.webp differ
diff --git a/public/assets/d4e6ff3babd3ac8c.jpg b/public/assets/d4e6ff3babd3ac8c.jpg
new file mode 100644
index 0000000..8f1892e
Binary files /dev/null and b/public/assets/d4e6ff3babd3ac8c.jpg differ
diff --git a/public/assets/d4ebee2aa88ba9a2.svg b/public/assets/d4ebee2aa88ba9a2.svg
new file mode 100644
index 0000000..e5f1b7d
--- /dev/null
+++ b/public/assets/d4ebee2aa88ba9a2.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M35 3.99996C38.0375 3.99996 40.5 6.46246 40.5 9.49996V38.5C40.5 41.5375 38.0375 44 35 44H13C9.9625 44 7.5 41.5375 7.5 38.5V9.49996C7.5 6.46246 9.9625 3.99996 13 3.99996H35ZM28 36.5H20C19.6022 36.5 19.2206 36.658 18.9393 36.9393C18.658 37.2206 18.5 37.6021 18.5 38C18.5 38.3978 18.658 38.7793 18.9393 39.0606C19.2206 39.3419 19.6022 39.5 20 39.5H28C28.3978 39.5 28.7794 39.3419 29.0607 39.0606C29.342 38.7793 29.5 38.3978 29.5 38C29.5 37.6021 29.342 37.2206 29.0607 36.9393C28.7794 36.658 28.3978 36.5 28 36.5ZM35 6.99996H13C12.6717 6.99996 12.3466 7.06463 12.0433 7.19026C11.74 7.3159 11.4644 7.50005 11.2322 7.73219C11.0001 7.96434 10.8159 8.23994 10.6903 8.54325C10.5647 8.84657 10.5 9.17166 10.5 9.49996V32H37.5V9.49996C37.5 9.17166 37.4353 8.84657 37.3097 8.54325C37.1841 8.23994 36.9999 7.96434 36.7678 7.73219C36.5356 7.50005 36.26 7.3159 35.9567 7.19026C35.6534 7.06463 35.3283 6.99996 35 6.99996Z" fill="#EEEEEE"/>
+</g>
+</svg>
diff --git a/public/assets/d4f324df023454a6.png b/public/assets/d4f324df023454a6.png
new file mode 100644
index 0000000..0bd841a
Binary files /dev/null and b/public/assets/d4f324df023454a6.png differ
diff --git a/public/assets/d59d2d7390d88f08.svg b/public/assets/d59d2d7390d88f08.svg
new file mode 100644
index 0000000..fd6d63f
--- /dev/null
+++ b/public/assets/d59d2d7390d88f08.svg
@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M28.8609 25.6594C28.3969 25.4391 27.9281 25.2281 27.4406 25.0453C30.5859 22.8938 32.6531 19.2797 32.6531 15.1922C32.6531 8.61094 27.3 3.25781 20.7188 3.25781C14.1375 3.25781 8.78437 8.61094 8.78437 15.1922C8.78437 19.2797 10.8516 22.8938 13.9969 25.0453C7.55156 27.4781 3 33.2859 3 40.0594C3 41.1281 3.83906 41.9953 4.88906 42.0609H4.90781C4.94062 42.0609 4.97813 42.0703 5.01094 42.0703C5.04844 42.0703 5.08125 42.0609 5.11406 42.0609H25.9688C24.6141 40.1484 23.8125 37.8188 23.8125 35.2969C23.8125 31.2984 25.8141 27.7781 28.8609 25.6594ZM12.3563 15.2531C12.3563 10.65 16.0875 6.92344 20.6859 6.92344C25.2844 6.92344 29.0156 10.6547 29.0156 15.2531C29.0156 19.8563 25.2844 23.5828 20.6859 23.5828C16.0875 23.5828 12.3563 19.8563 12.3563 15.2531ZM35.55 25.8469C30.3328 25.8469 26.1 30.075 26.1 35.2969C26.1 40.5188 30.3281 44.7469 35.55 44.7469C40.7719 44.7469 45 40.5141 45 35.2969C45 30.0797 40.7719 25.8469 35.55 25.8469ZM30.8484 29.8641C31.1578 29.7047 31.5328 29.8266 31.6922 30.1313L32.7469 32.1609C32.9062 32.4656 32.7844 32.8453 32.4797 33.0047C32.4094 33.0375 32.3391 33.0609 32.2688 33.0703C32.0156 33.1031 31.7625 32.9766 31.6359 32.7375L30.5813 30.7078C30.4219 30.4031 30.5391 30.0234 30.8484 29.8641ZM28.5563 34.1484C28.2188 34.0688 28.0125 33.7313 28.0922 33.3984C28.1719 33.0609 28.5094 32.8547 28.8422 32.9344L31.0687 33.4594C31.3312 33.5203 31.5141 33.7359 31.5469 33.9891C31.5563 34.0594 31.5516 34.1344 31.5328 34.2094C31.4531 34.5469 31.1156 34.7531 30.7828 34.6734L28.5563 34.1484ZM40.8844 35.7094L35.7891 40.8047C35.3578 41.2359 34.8141 41.5359 34.2141 41.6719C33.9797 41.7234 33.7359 41.7516 33.5016 41.7516C32.6438 41.7516 31.8375 41.4141 31.2281 40.8047C30.6188 40.1953 30.2859 39.3891 30.2859 38.5266C30.2859 37.6641 30.6188 36.8531 31.2281 36.2438C31.3969 36.075 31.6219 35.9813 31.8562 35.9813C32.0953 35.9813 32.3156 36.075 32.4891 36.2438C32.6578 36.4125 32.7516 36.6375 32.7516 36.8719C32.7516 37.1063 32.6578 37.3313 32.4891 37.5C31.9266 38.0625 31.9266 38.9813 32.4891 39.5438C32.7609 39.8156 33.1219 39.9656 33.5062 39.9656C33.6141 39.9656 33.7219 39.9516 33.8297 39.9281C34.0969 39.8719 34.3406 39.7359 34.5328 39.5391L39.6328 34.4438C39.9047 34.1672 40.0547 33.8063 40.0547 33.4219C40.0547 33.0328 39.9047 32.6672 39.6281 32.4C39.3609 32.1281 39 31.9781 38.6156 31.9781C38.5078 31.9781 38.4 31.9922 38.2875 32.0156C38.0203 32.0766 37.7766 32.2078 37.5844 32.4047L35.3016 34.6875C35.1328 34.8563 34.9078 34.95 34.6734 34.95C34.4391 34.95 34.2141 34.8563 34.0453 34.6875C33.8766 34.5188 33.7875 34.2938 33.7875 34.0594C33.7875 33.825 33.8813 33.6 34.05 33.4313L36.3375 31.1484C36.7688 30.7172 37.3172 30.4172 37.9125 30.2859C38.1469 30.2344 38.3906 30.2063 38.6297 30.2063C39.4828 30.2063 40.2891 30.5438 40.8984 31.1531C41.5078 31.7625 41.8406 32.5734 41.8406 33.4313C41.8312 34.2938 41.4938 35.1 40.8844 35.7094Z" fill="#F4184C"/>
+</g>
+</svg>
diff --git a/public/assets/d66d6df7a026c4e6.webp b/public/assets/d66d6df7a026c4e6.webp
new file mode 100644
index 0000000..4c679c5
Binary files /dev/null and b/public/assets/d66d6df7a026c4e6.webp differ
diff --git a/public/assets/d88cd6f4785506cf.jpg b/public/assets/d88cd6f4785506cf.jpg
new file mode 100644
index 0000000..9ac7c23
Binary files /dev/null and b/public/assets/d88cd6f4785506cf.jpg differ
diff --git a/public/assets/dc0366b46a5478f2.webp b/public/assets/dc0366b46a5478f2.webp
new file mode 100644
index 0000000..f03fd74
Binary files /dev/null and b/public/assets/dc0366b46a5478f2.webp differ
diff --git a/public/assets/dc5a4f514353d4c3.png b/public/assets/dc5a4f514353d4c3.png
new file mode 100644
index 0000000..6bd0220
Binary files /dev/null and b/public/assets/dc5a4f514353d4c3.png differ
diff --git a/public/assets/de7a7edd54482f6e.webp b/public/assets/de7a7edd54482f6e.webp
new file mode 100644
index 0000000..7ffdbe5
Binary files /dev/null and b/public/assets/de7a7edd54482f6e.webp differ
diff --git a/public/assets/dfda4dcfd6a1c3a3.png b/public/assets/dfda4dcfd6a1c3a3.png
new file mode 100644
index 0000000..c8397ff
Binary files /dev/null and b/public/assets/dfda4dcfd6a1c3a3.png differ
diff --git a/public/assets/dff7559d1b382481.webp b/public/assets/dff7559d1b382481.webp
new file mode 100644
index 0000000..e1a208c
Binary files /dev/null and b/public/assets/dff7559d1b382481.webp differ
diff --git a/public/assets/e01d276237418eec.webp b/public/assets/e01d276237418eec.webp
new file mode 100644
index 0000000..ccf1bd7
Binary files /dev/null and b/public/assets/e01d276237418eec.webp differ
diff --git a/public/assets/e26ed8036e427ca3.webp b/public/assets/e26ed8036e427ca3.webp
new file mode 100644
index 0000000..fa11642
Binary files /dev/null and b/public/assets/e26ed8036e427ca3.webp differ
diff --git a/public/assets/e2e6cfa02b692824.jpg b/public/assets/e2e6cfa02b692824.jpg
new file mode 100644
index 0000000..dc7a43f
Binary files /dev/null and b/public/assets/e2e6cfa02b692824.jpg differ
diff --git a/public/assets/e41e657a9f3adc5c.png b/public/assets/e41e657a9f3adc5c.png
new file mode 100644
index 0000000..3b93b3b
Binary files /dev/null and b/public/assets/e41e657a9f3adc5c.png differ
diff --git a/public/assets/e4baa97000c6f0fe.png b/public/assets/e4baa97000c6f0fe.png
new file mode 100644
index 0000000..fcddde3
Binary files /dev/null and b/public/assets/e4baa97000c6f0fe.png differ
diff --git a/public/assets/eb003aa14e68556b.webp b/public/assets/eb003aa14e68556b.webp
new file mode 100644
index 0000000..2ba0523
Binary files /dev/null and b/public/assets/eb003aa14e68556b.webp differ
diff --git a/public/assets/eb4bee364040817e.png b/public/assets/eb4bee364040817e.png
new file mode 100644
index 0000000..1dbc6b0
Binary files /dev/null and b/public/assets/eb4bee364040817e.png differ
diff --git a/public/assets/ee7917333f5f4d49.webp b/public/assets/ee7917333f5f4d49.webp
new file mode 100644
index 0000000..fa3e863
Binary files /dev/null and b/public/assets/ee7917333f5f4d49.webp differ
diff --git a/public/assets/f0e3cca7f186c715.png b/public/assets/f0e3cca7f186c715.png
new file mode 100644
index 0000000..0bf7485
Binary files /dev/null and b/public/assets/f0e3cca7f186c715.png differ
diff --git a/public/assets/f19227c0a214f999.png b/public/assets/f19227c0a214f999.png
new file mode 100644
index 0000000..f934bfb
Binary files /dev/null and b/public/assets/f19227c0a214f999.png differ
diff --git a/public/assets/f2f13d8c5b693bac.webp b/public/assets/f2f13d8c5b693bac.webp
new file mode 100644
index 0000000..29e4127
Binary files /dev/null and b/public/assets/f2f13d8c5b693bac.webp differ
diff --git a/public/assets/f3d55d5dd5a321d3.png b/public/assets/f3d55d5dd5a321d3.png
new file mode 100644
index 0000000..00ef994
Binary files /dev/null and b/public/assets/f3d55d5dd5a321d3.png differ
diff --git a/public/assets/f4a2543ba4fb506b.jpg b/public/assets/f4a2543ba4fb506b.jpg
new file mode 100644
index 0000000..60fa963
Binary files /dev/null and b/public/assets/f4a2543ba4fb506b.jpg differ
diff --git a/public/assets/f6fd1c865977e25d.png b/public/assets/f6fd1c865977e25d.png
new file mode 100644
index 0000000..f84c53b
Binary files /dev/null and b/public/assets/f6fd1c865977e25d.png differ
diff --git a/public/assets/f73e1cf1db670dc9.webp b/public/assets/f73e1cf1db670dc9.webp
new file mode 100644
index 0000000..b50e8a6
Binary files /dev/null and b/public/assets/f73e1cf1db670dc9.webp differ
diff --git a/public/assets/f7534a32a91cf37b.png b/public/assets/f7534a32a91cf37b.png
new file mode 100644
index 0000000..d8bc4e5
Binary files /dev/null and b/public/assets/f7534a32a91cf37b.png differ
diff --git a/public/assets/f90a5717b5768f43.webp b/public/assets/f90a5717b5768f43.webp
new file mode 100644
index 0000000..91cd7da
Binary files /dev/null and b/public/assets/f90a5717b5768f43.webp differ
diff --git a/public/assets/f92464cf99366ea2.webp b/public/assets/f92464cf99366ea2.webp
new file mode 100644
index 0000000..7aae016
Binary files /dev/null and b/public/assets/f92464cf99366ea2.webp differ
diff --git a/public/assets/fcbe47a58d6fd9e7.svg b/public/assets/fcbe47a58d6fd9e7.svg
new file mode 100644
index 0000000..dfbc026
--- /dev/null
+++ b/public/assets/fcbe47a58d6fd9e7.svg
@@ -0,0 +1,3 @@
+<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="5" height="3.5" viewBox="0 0 5 3.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector 438" d="M0 3H5C4 3 2.5 1.5 2.5 0" stroke="#FFC000"/>
+</svg>
diff --git a/public/assets/fd1d767246850d19.webp b/public/assets/fd1d767246850d19.webp
new file mode 100644
index 0000000..4e7d964
Binary files /dev/null and b/public/assets/fd1d767246850d19.webp differ
diff --git a/public/assets/fd58cd99b50a8dbe.png b/public/assets/fd58cd99b50a8dbe.png
new file mode 100644
index 0000000..a5e1ae4
Binary files /dev/null and b/public/assets/fd58cd99b50a8dbe.png differ
diff --git a/public/assets/fdd6fe924244b1f4.jpg b/public/assets/fdd6fe924244b1f4.jpg
new file mode 100644
index 0000000..9ee8be0
Binary files /dev/null and b/public/assets/fdd6fe924244b1f4.jpg differ
diff --git a/public/assets/febda32da630fa68.webp b/public/assets/febda32da630fa68.webp
new file mode 100644
index 0000000..cca45ba
Binary files /dev/null and b/public/assets/febda32da630fa68.webp differ
diff --git a/public/assets/poster-placeholder.svg b/public/assets/poster-placeholder.svg
new file mode 100644
index 0000000..ae3ad39
--- /dev/null
+++ b/public/assets/poster-placeholder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="480" height="640" viewBox="0 0 480 640"><rect width="480" height="640" fill="#202321"/><g stroke="#60665d" stroke-width="5" fill="none"><rect x="164" y="244" width="152" height="120" rx="16"/><path d="m164 274 152 0M184 244l28 30m14-30 28 30m14-30 28 30"/><path d="m224 300 35 20-35 20z"/></g><text x="240" y="420" text-anchor="middle" fill="#969d90" font-family="sans-serif" font-size="20">91 短剧</text></svg>
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..ef90914
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/og-default.png b/public/og-default.png
new file mode 100644
index 0000000..3a7e2b8
Binary files /dev/null and b/public/og-default.png differ
diff --git a/public/og-default.svg b/public/og-default.svg
new file mode 100644
index 0000000..c06453c
--- /dev/null
+++ b/public/og-default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630"><rect width="1200" height="630" fill="#131414"/><rect x="80" y="78" width="1040" height="474" rx="40" fill="#1c2023"/><image x="330" y="185" width="540" height="190" href="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjE3NiIgdmlld0JveD0iMCAwIDUwMCAxNzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80NTIzNV8xMjQ5NTYpIj4KPHBhdGggZD0iTTQ2My40NTQgNTQuNTM0QzQ2My4yNjIgNTMuODAyNyA0NjMuNDE2IDUzLjExNjMgNDYzLjY1MyA1Mi40MjAzQzQ2NC41NzcgNDkuNzMyNCA0NjcuODU4IDQ1LjgzMjEgNDY5LjQ0NiA0My40NzQ1QzQ3Mi4zMzMgMzkuMTg5MyA0NzcuOTEgMzAuMTU2OSA0ODEuNjgyIDI3LjE1MTVDNDg4LjEyIDIyLjAyMjcgNDk2LjA3NSAyOC44NTc5IDQ5MC45OTEgMzUuNDk3NUM0ODMuMTQ1IDQxLjA4NDkgNDc1LjY2OCA0Ny45MjAyIDQ2Ny42NzggNTMuMjQxNEM0NjYuMzYgNTQuMTIwMyA0NjUuMDggNTUuNDkzMSA0NjMuNDU0IDU0LjUzNzNWNTQuNTM0WiIgZmlsbD0iI0ZDRDAyQiIvPgo8cGF0aCBkPSJNNDc3LjYzNyA2My4wNDQyQzQ3Ny41NTcgNjMuMDYzNCA0NzcuNTQxIDYzLjQ1OCA0NzcuMjg3IDYzLjU0MTRDNDc2Ljg1NyA2My42NzkzIDQ3Mi43ODQgNjMuODkxIDQ3Mi4zIDYzLjgxNEM0NjguMTg4IDYzLjE2MjkgNDc1LjQ0IDU4LjY1OTUgNDc2LjMzMSA1OC4wMzczQzQ3OS42OTkgNTUuNjkyNiA0OTAuODE3IDQ4LjIzMTkgNDk0LjM2NCA0OC4xMzg5QzQ5OS44MzkgNDcuOTk0NSA1MDIuMTQ5IDU1LjEyNDggNDk3LjUyIDU4LjA1NjVDNDk2LjYzNSA1OC42MTc4IDQ5NS43MDggNTguODE5OSA0OTQuNzI3IDU5LjExMThDNDg5LjE1OCA2MC43NjA0IDQ4My4yNzYgNjEuNjUyMSA0NzcuNjQgNjMuMDQ0Mkg0NzcuNjM3WiIgZmlsbD0iI0ZDRDAyQiIvPgo8cGF0aCBkPSJNMjUuNzAwOSAxMzkuMTNDMjAuNjIwMiAxMzUuMzcxIDE1LjYzMjUgMTMwLjc5MSAxMC42NTc2IDEyNi43NjVDNy44MDkzNSAxMjQuNDYyIDIuNDg4MDkgMTIxLjc0MiAyLjQ2ODg0IDExNy42MTFDMi40NDMxOCAxMTIuNDA5IDcuOTExOTkgMTA5LjY3MyAxMi4zNDE2IDExMS45MzFDMTUuMDQyMyAxMTMuMzA3IDE5Ljg3NiAxMjAuODMxIDIxLjgxMDEgMTIzLjYzMkMyNC4wMzYyIDEyNi44NDkgMzAuNjUzMyAxMzUuOTkgMzEuNjk4OSAxMzkuMDkyQzMyLjExOTEgMTQwLjM0NiAzMS43NTAyIDE0MS44MTggMzAuMjM2MyAxNDEuODA1QzI5Ljg5MzEgMTQxLjgwNSAyNi4yMzAxIDEzOS41MTggMjUuNzA0MSAxMzkuMTNIMjUuNzAwOVoiIGZpbGw9IiNGQ0QwMkIiLz4KPHBhdGggZD0iTTMuMDU2NDZlLTA1IDE0MS44ODVDMC4wMTI4NjA2IDE0MS44NSAwLjQyOTgzNyAxNDEuODI4IDAuNTM1Njg1IDE0MS41ODFDMS44NDc1NiAxMzguNTgyIDMuMjMzMiAxMzcuMDcxIDYuODMyMDMgMTM3LjMyNEMxMC4zOTg4IDEzNy41NzQgMjIuMzI0MyAxNDYuMTI2IDI1LjU1NDMgMTQ4Ljc0OUMyNi42NjA5IDE0OS42NTEgMjguNjU5MiAxNTAuODE1IDI4LjEwNDMgMTUyLjUxNUMyNy40ODUyIDE1NC40MDcgMjIuNTEwNCAxNTIuNDE2IDIxLjIxNzcgMTUyLjEyMUMxNi4wMTg0IDE1MC45MzcgOC45NTg2MiAxNDkuNzg1IDQuMDk5MjMgMTQ4LjA2OUMyLjI5OTgyIDE0Ny40MzQgMS4xODA0IDE0Ni4zOTggMC41NDIxIDE0NC41N0MwLjQxMzggMTQ0LjIwMSAtMC4wNTEyODk2IDE0Mi4wMDcgMy4wNTY0NmUtMDUgMTQxLjg4MlYxNDEuODg1WiIgZmlsbD0iI0ZDRDAyQiIvPgo8cGF0aCBkPSJNNjIuNjkxNCA0MS40OTAyQzkxLjkxNDkgMjIuMTg3NSAxMzguNTQyIDI5LjAxMyAxNTAuODA1IDY0Ljg3ODlDMTUxLjIwMiA2Ni4wMzk5IDE1MS4zOTggNjguNDkzNyAxNTEuNzQ4IDY5LjI1MUgxNTEuNzQ1QzE1Ni41NSA3OS42Njg5IDE1Mi43MTcgMTAwLjEzOSAxNDguNzU5IDExMS4yMDJDMTM2LjA0MSAxNDYuNzQ1IDEwNC43MjYgMTczLjY4MiA2Ni4xNzE5IDE3NS41MkM2MC42NzQyIDE3NS43ODMgNTUuMjUyOSAxNzUuMjc5IDQ5Ljc5NjkgMTc0Ljg2OEM0Ny43OTI0IDE3NC43MTggNDYuMjQ2NSAxNzUuMzExIDQ0LjQwMjMgMTc0LjE2OUM0Mi45MzAxIDE3My4yNTggNDIuMjA4NSAxNzEuNjA2IDQyLjIzNzMgMTY5Ljg5NEM0Mi4zMTc1IDE2NS40MTYgNTAuMTcyOSAxNTEuNTI1IDUzLjY1NjIgMTQ4LjU3QzU3Ljg2MTIgMTQ1LjAwNCA2MC4zMzcgMTQ2LjM1NiA2NS4yMDkgMTQ2LjAxQzc0LjAyNjQgMTQ1LjM4MSA4Mi42NjE0IDE0Mi4yNDEgODkuNzA1MSAxMzcuMTQ3QzkxLjY0NTYgMTM1Ljc0NiA5My40NDU0IDEzNC4wMTEgOTUuMTgwNyAxMzIuMzYyQzgzLjg0MjIgMTM1Ljc4NSA3Mi44Mjc0IDEzNi4zNjkgNjEuNTgyIDEzMi4yOTJDNDkuMDc5MSAxMjcuNzYgNDAuOTQxOCAxMTguNTU3IDM3LjA0NzkgMTA1LjgyNkMzNS4wNjU3IDk5LjM1MzYgMzUuNDQwMiA5NS44MDMgMzUuMjA2MSA4OS4wNjc0QzM0LjYwNjMgNzEuNzc1NyA0OC4xNjc4IDUxLjA4MzkgNjIuNjkxNCA0MS40OTAyWk04My42Mzg3IDYxLjk2SDgzLjYzNzdMODMuNjM2NyA2MS45NjA5QzgxLjg4NTYgNjIuMDU3MiA3OS41MDkgNjMuOTUyMiA3OC42MTcyIDY1LjQ0MDRDNzcuNDMwNCA2Ny40MjkxIDc3LjU4MDkgNjkuMzc2MyA3Ny4yMjE3IDcxLjU4M0g3Ny4yMjQ2Qzc1LjU0MzkgODEuODM3MyA3NC41ODQ4IDkyLjIxNjggNzMuMDg2OSAxMDIuNUM3My42MTg4IDEwNy40ODIgNzYuNzE3OSAxMDkuNzgzIDgwLjkwNDMgMTA5LjIxM0M4MS4wNDEyIDEwOS4xOTQgODEuMTc5MiAxMDkuMTczIDgxLjMxODQgMTA5LjE0OEM4MS40NDYxIDEwOS4xMjYgODEuNTc0NiAxMDkuMSA4MS43MDQxIDEwOS4wNzJDODEuOTQzMyAxMDkuMDIxIDgyLjE4NTYgMTA4Ljk2MSA4Mi40MzA3IDEwOC44OTJDODIuNzU5OCAxMDguNzk4IDgzLjA5NCAxMDguNjkgODMuNDMyNiAxMDguNTY0QzgzLjQ2OCAxMDguNTUxIDgzLjUwNDYgMTA4LjU0IDgzLjU0IDEwOC41MjZDODMuNzA3OCAxMDguNDYzIDgzLjg3NjQgMTA4LjM5NiA4NC4wNDY5IDEwOC4zM0M4NS4wOTIgMTA3LjkyMyA4Ni4xODgzIDEwNy40NjUgODcuMzIyMyAxMDYuOTY2Qzk1LjQxMDUgMTAzLjQwNiAxMDUuNDIxIDk3Ljc2NjUgMTEyLjUxNyA5My44ODA5QzExNi41OCA5MS42NTgxIDEyMC42NzMgOTAuMTI3NyAxMjAuMjE4IDg0LjU1OTZDMTIwIDgxLjg5NDQgMTE4LjQ5MiA4MC44NTg1IDExNi43NTcgNzkuMjc3M0MxMDcuMzQzIDc0LjU4MTYgOTguMjMzNCA2Ny4xMzY5IDg4Ljc4NDIgNjIuNzQ5Qzg3LjI1MSA2Mi4wMzcgODUuMjcxMyA2MS44NzAxIDgzLjYzODcgNjEuOTZaTTY1LjY3NDggNDIuMDc0MkM2NS4xMTAzIDQyLjA0ODYgNjQuNTQ4MyA0Mi4wMzI3IDYzLjk5MDIgNDIuMTUxNEM2MS45Nzg2IDQyLjU3MjMgNTQuNjM0MiA0OS4xNzkgNTMuMDA0OSA1MS4wNDg4QzUyLjcwOTYgNTEuMzg5IDUxLjE5OTUgNTMuMjE5NSA1MS4yNDcxIDUzLjQ1NDFDNTEuNTg3IDU1LjEwODcgNTMuODA4NSA1MS44MTA1IDU0LjExNDMgNTEuNTIzNEM1Ny42OTA2IDQ4LjE2ODQgNjEuMTgzOSA0NS43NzIzIDY1LjA3MTMgNDIuODk4NEM2NS40MzA1IDQyLjYzMjIgNjUuODcgNDIuOTAxNSA2NS42Nzc3IDQyLjA3NDJINjUuNjc0OFpNNjYuMjI2NiA0MS4zOTc1TDY2LjUxODYgNDIuMDA5OEw2OC43ODIyIDQwLjkzNTVMNjguNDkwMiA0MC4zMjIzTDY2LjIyNjYgNDEuMzk3NVpNNjguODkxNiA0MC4zMTM1QzcwLjA2ODcgMzkuOTQ3OCA3MS4xMzM2IDM5LjM0NzggNzIuMjk3OSAzOC44OTU1QzcyLjc1NjUgMzguNzE5MSA3My4yMzExIDM5LjIwMjkgNzMuMDU0NyAzOC4yMjQ2SDczLjA1MThMNjguODkxNiA0MC4zMTM1Wk03NC4wMTM3IDM3LjkwNzJDNzMuNTY0OCAzNy42NzY3IDczLjE1NzkgMzguMTA5NCA3My4zNzYgMzguMjIxN0M3My44MjUgMzguNDUyNCA3NC4yMzE4IDM4LjAxOTUgNzQuMDEzNyAzNy45MDcyWiIgZmlsbD0iI0ZDRDAyQiIvPgo8cGF0aCBkPSJNODMuNjM4NCA2MS45NjA5QzgzLjEzOCA2NC4wOTM5IDg2LjcxNzYgNjEuOTAzMiA4Ni41MjUxIDYzLjU2MTVDODIuOTcxMiA2My42NzA1IDgwLjMwNTggNjUuMzAzMiA3OS40ODc5IDY4Ljg3NjNMNzguMTgyNCA3OC4zMTZDNzcuNjIxMSA3OC4zMTYgNzcuODI5NiA3Ni45MTEyIDc3Ljg1MiA3Ni41MzkxQzc3Ljk4OTkgNzQuMzgwNCA3OC43MDg0IDcyLjE4MzMgNzguNTA2NCA2OS45Nzk3TDc3LjIyNjYgNzEuNTgzNUM3Ny41ODkgNjkuMzc5OSA3Ny40MzUxIDY3LjQyOTcgNzguNjIxOCA2NS40NDExQzc5LjUxMDMgNjMuOTUyOCA4MS44OTAzIDYyLjA1NCA4My42NDE2IDYxLjk2MDlIODMuNjM4NFoiIGZpbGw9IiNGREZERkQiLz4KPHBhdGggZD0iTTY1LjY3MzkgNDIuMDcyOUM2NS44NjY0IDQyLjkwMzcgNjUuNDMwMSA0Mi42MzEgNjUuMDY3NyA0Mi44OTcyQzYxLjE3NyA0NS43NzEyIDU3LjY4NzIgNDguMTY3MiA1NC4xMTA4IDUxLjUyMjJDNTMuODA2MSA1MS44MDc3IDUxLjU4MzMgNTUuMTA4MiA1MS4yNDMzIDUzLjQ1MzJDNTEuMTk1MiA1My4yMTkgNTIuNzA1OSA1MS4zODc1IDUzLjAwMSA1MS4wNDc1QzU0LjYzMzcgNDkuMTc0MyA2MS45NzU3IDQyLjU3MDEgNjMuOTg2OCA0Mi4xNDk5QzY0LjU0ODEgNDIuMDMxMiA2NS4xMDYyIDQyLjA0NzIgNjUuNjcwNyA0Mi4wNzI5SDY1LjY3MzlaIiBmaWxsPSIjRkNEMDJCIi8+CjxwYXRoIGQ9Ik02OC40OTIyIDQwLjMxNDNMNjYuMjI2NiA0MS4zOTA2TDY2LjUxODMgNDIuMDA0OEw2OC43ODQgNDAuOTI4Nkw2OC40OTIyIDQwLjMxNDNaIiBmaWxsPSIjRkNEMDJCIi8+CjxwYXRoIGQ9Ik03My4wNTAxIDM4LjIyNDZDNzMuMjI5NyAzOS4yMDI5IDcyLjc1MTggMzguNzE1NCA3Mi4yOTMxIDM4Ljg5NUM3MS4xMzIgMzkuMzQ3MiA3MC4wNjcxIDM5Ljk0NyA2OC44ODY3IDQwLjMxMjdMNzMuMDQ2OSAzOC4yMjQ2SDczLjA1MDFaIiBmaWxsPSIjRkNEMDJCIi8+CjxwYXRoIGQ9Ik03NC4wMTUzIDM3LjkwNjZDNzQuMjMzNCAzOC4wMTg5IDczLjgyNjEgMzguNDUxOSA3My4zNzcgMzguMjIxQzczLjE1ODkgMzguMTA4NyA3My41NjYyIDM3LjY3NTcgNzQuMDE1MyAzNy45MDY2WiIgZmlsbD0iI0ZDRDAyQiIvPgo8cGF0aCBkPSJNNDcwLjYyNiA2NS40ODc2SDQ4Ni4zNDNDNDg3LjUzNiA2NS40ODc2IDQ4Ni4yODIgNjguNjM3NCA0ODYuMjA4IDY5LjIwMTlDNDg1LjM0MiA3NS43MjYgNDgzLjkyNCA4Mi4wNTQ0IDQ4Mi43NTQgODguNTIwN0M0NzkuMTg0IDEwOC4yNzYgNDc2LjM5NiAxMjguNzMgNDcyLjI4OCAxNDguMjk5QzQ3MC45NzIgMTU0LjU2MyA0NjkuMDQ1IDE1OS44NTkgNDYyLjUzNCAxNjIuMjgxQzQ1OC40NzkgMTYzLjc4OCA0NDcuNzAyIDE2NC4xODYgNDQzLjM0NiAxNjMuNjVDNDQyLjUwNiAxNjMuNTQ4IDQ0Mi4yMDQgMTYzLjQ5NiA0NDIuMjI0IDE2Mi41MjhDNDQyLjU2NCAxNTguNDk2IDQ0Mi4xMDUgMTUzLjYwNCA0NDIuNTU0IDE0OS42NzVDNDQyLjg2NSAxNDYuOTUyIDQ0NC4yNDEgMTQ4LjE3NCA0NDUuOTMxIDE0OC4yMzVDNDQ5LjcyOSAxNDguMzc2IDQ1NS45MiAxNDguODE5IDQ1Ni44NDcgMTQ0LjA4MUM0NjAuMjQzIDEyMy42NjIgNDY0LjAwOSAxMDMuMjI0IDQ2Ny40OTIgODIuODc4N0M0NjguMzU4IDc3LjgxNzMgNDY4Ljg0MyA3Mi4zMSA0NjkuOTI0IDY3LjM0NzlDNDcwLjA2NSA2Ni42OTY4IDQ3MC4wNzEgNjUuOTQ2MyA0NzAuNjI2IDY1LjQ4NDRWNjUuNDg3NloiIGZpbGw9IiNGREZERkQiLz4KPHBhdGggZD0iTTQ2NC41MzIgNzQuNzkxQzQ2NC42MzggNzQuODE5OSA0NjUuMSA3NS4yOTE0IDQ2NS4xNzEgNzUuNDM4OUM0NjUuNTYyIDc2LjI2MDEgNDY0LjIxMiA4My4yNDkyIDQ2My45NTggODQuODAxN0M0NjAuOTExIDEwMy4zODkgNDU3LjIwMyAxMjEuOTAzIDQ1NC4wMjUgMTQwLjQ1NUM0NTMuOTQ4IDE0MC41NTEgNDUzLjM3NyAxNDAuODY2IDQ1My4zMDkgMTQwLjg2Nkg0NDAuNDc5QzQ0MC4zNjcgMTQwLjg2NiA0NDAuMDk3IDE0MC41MDcgNDQwLjA0MyAxNDAuMzMzQzQ0My40MDggMTE4LjY0MSA0NDcuNDQzIDk2Ljk2NzggNDUxLjE5OSA3NS4zMTdDNDUxLjI5MiA3NS4xODU1IDQ1Mi4yNDEgNzQuNzkxIDQ1Mi4zNSA3NC43OTFINDY0LjUzOUg0NjQuNTMyWiIgZmlsbD0iI0ZERkRGRCIvPgo8cGF0aCBkPSJNNDQ2LjU2MiA2Ni43Nzg3TDM4OS40NjIgNjYuNzU2MkMzODYuNjk3IDY2LjYyNDcgMzg3LjA0NCA2OS41NTY0IDM4Ni43MSA3MS4zODE1QzM4My42NDcgODguMTY2NCAzODEuMTg0IDEwNS4xOTUgMzc3LjU0OSAxMjEuODgxQzM3NC44MjkgMTM0LjM3MSAzNzAuMzgxIDE0Ni4zNjQgMzY1LjI0MiAxNTguMDJMMzY1Ljk5MyAxNTguODk4QzM2OC42MDcgMTU5LjkwMiAzNzEuMjI3IDE2MC45MTYgMzczLjgxNiAxNjEuOTgxQzM3NC43MDEgMTYyLjM0NyAzNzcuMzA5IDE2NC4wNjkgMzc4LjA1IDE2My42MDFDMzc4LjQ4OSAxNjMuMzIyIDM4Mi4xMDcgMTU1LjQwNSAzODIuNjM3IDE1NC4yMzVDMzg3LjI4NCAxNDMuOTYxIDM5MC40MjQgMTMzLjcgMzkyLjc2MyAxMjIuNjYzQzM5Mi45ODcgMTIxLjU5NSAzOTIuMzc1IDEyMC4zMTIgMzkzLjY0NSAxMjAuMDE3QzM5My45MTEgMTE5Ljk1NiAzOTQuODcgMTE5LjgxMiAzOTQuNzY0IDEyMC4zMzVMMzkzLjQ4MSAxMjAuNjU5SDQwNy41OTRMNDAzLjQyOCAxMjAuMDJMNDA4LjIzNiAxMTkuNjk2TDQwNi45MTEgMTI3LjAyOUM0MDYuMjQ0IDEyNy40NTggMzk1Ljk0OCAxMjYuNzg1IDM5My45NDkgMTI3LjA1N0MzOTMuMzUzIDEyNy4xMzggMzkzLjAxOSAxMjcuMTUgMzkyLjY5NSAxMjcuNzI4TDM4Ni4xNjggMTYyLjI3M0MzODYuMDUzIDE2Mi41MjkgMzg2LjQ3IDE2Mi45OTQgMzg2LjU4OCAxNjIuOTk0SDQyOS44OUM0MzEuMTk4IDE2Mi45OTQgNDMxLjY5NSAxNjAuODA0IDQzMi4wMDMgMTYwLjAzN0M0MzIuMTE2IDE1OS43NTggNDMyLjU3NCAxNTkuNzgxIDQzMi42MTkgMTU5LjU2NkM0MzIuNzY0IDE1OC44ODYgNDMyLjMxOCAxNTguMTkgNDMyLjM4MiAxNTcuNDcxQzQzMy4xOTMgMTQ4LjUgNDM2LjQyIDEzOC41NSA0MzcuNDAyIDEyOS40NDdDNDM3LjU0MyAxMjguODk5IDQzNi43MzEgMTI3LjA3NCA0MzYuMzA1IDEyNy4wNzRINDIxLjcxTDQyMi42NzMgMTIwLjY1NUM0MjcuNjk2IDEyMC4zMTUgNDMzLjI5MyAxMjEuMTExIDQzOC4yNDUgMTIwLjY3MUM0MzguODEzIDEyMC42MiA0MzkuNTggMTIwLjYxNCA0MzkuOTk3IDEyMC4xNzdDNDQxLjE5OSAxMTguOTI2IDQ0MS41NzUgMTA5LjM4MSA0NDIuMjM5IDEwNy4xODRINDI1LjIzOUM0MjUuMzg2IDEwNi4zNTYgNDI2LjgxIDEwMC43NjkgNDI1LjcyIDEwMC43NjlINDExLjEyNkw0MTAuMTYzIDEwNy4xODRIMzk1LjczQzM5NS43OTQgMTA2LjAwNyAzOTYuMzM5IDEwMC4wODYgMzk2Ljk5MyA5OS42MjY4TDQyNC43NzcgOTkuNDYzMkM0MjUuOCA5OS4yODY4IDQyNS42MDggMTAwLjQwOSA0MjYuMzQ5IDEwMC40NzRMNDQxLjI2IDEwMC4yNzJDNDQyLjU1OSA5OS42MDc2IDQ0My4wOTUgOTguNzQ0OCA0NDMuNTAyIDk3LjM4MTZDNDQ1LjA2MSA5Mi4xODU0IDQ0Ni4wNjUgODQuMjM3MiA0NDYuOTUgNzguNjk3OEM0NDcuMzM4IDc2LjI3NjEgNDQ4LjQyNiA3MS42NTczIDQ0OC4zNjIgNjkuNDk1NEM0NDguMzI2IDY4LjI5MjYgNDQ3Ljc5MSA2Ny4xNTA4IDQ0Ni41NTkgNjYuNzc4N0g0NDYuNTYyWk00MjEuMDcyIDEzOS45MDRDNDIwLjIgMTQyLjQ0MSA0MjAuNDI3IDE0Ny4zOSA0MTkuNDcyIDE0OS42MTZDNDE5LjM4OCAxNDkuODA4IDQxOC40NjggMTUwLjE2OCA0MTguMzQ2IDE1MC4xNjhINDAyLjk1QzQwMi44NTQgMTUwLjE2OCA0MDIuMzc2IDE0OS42OSA0MDIuNTE3IDE0OS40M0w0MDQuMzkzIDEzOS45MDRINDIxLjA3MlpNNDI5LjI1MSA4Ni45Nzk2SDM5OS45MDNDNDAwLjQ5OSA4NC45MDExIDQwMC40NTQgODIuNDEyMSA0MDEuMzQ2IDgwLjU2NDZINDMwLjY5NUM0MzAuNDU3IDgxLjQxMTQgNDI5LjkxOSA4Ni45Nzk2IDQyOS4yNTEgODYuOTc5NloiIGZpbGw9IiNGREZERkQiLz4KPHBhdGggZD0iTTI4Ni4zNTQgNzQuMTQ5NEgzMDkuMTI3TDMwNi4yNjMgODkuMDg2OEwyOTUuMDQ2IDg5LjI1NjhMMjkyLjEyOCAxMDUuOTA0SDMwMy4zNTRMMzAwLjc0MyAxMjAuNjEzTDI4OC42MTIgMTIwLjY3MUMyODguODE3IDEyMS45OSAyODcuMzc0IDEyMy43MDIgMjg3Ljc5MSAxMjQuODA2QzI4Ny45NzcgMTI1LjI5MyAyODguNzUgMTI2LjEwMiAyODkuMDg0IDEyNi43NDZDMjkyLjI2MiAxMzIuODY5IDI5NS4wNSAxMzkuMjE0IDI5OC41MjcgMTQ1LjE4OUwyODkuMzkyIDE2Mi4wMzVDMjgzLjgxNyAxNTcuMjQgMjgxLjA0OSAxNDkuNTY1IDI3OC42NSAxNDIuNzlDMjc4LjA1MyAxNDIuNjUyIDI3OC4wMjcgMTQyLjk5MiAyNzcuNzQyIDE0My4zMjNDMjc0LjY2MyAxNDYuODg2IDI3Mi4wMzIgMTUxLjg3NCAyNjguNyAxNTUuNzcxQzI2Ny43NjMgMTU2Ljg2OCAyNjEuNDY0IDE2My43NDUgMjYwLjc4NyAxNjMuOTI1QzI2MC4xMSAxNjQuMTA0IDI1MS4yNjEgMTU2LjIwNyAyNDkuODE0IDE1NS40MDlDMjQ5LjQ0MiAxNTQuMTc0IDI1NC4xMTUgMTUwLjMyMSAyNTUuMDgxIDE0OS4yMDhDMjU2LjMyNSAxNDcuNzcxIDI1Ny45MDMgMTQ1Ljc0OCAyNTkuMDc3IDE0NC4yMjRDMjY0LjYwMSAxMzcuMDU1IDI2OS4zMTYgMTI5LjEyNiAyNzIuNTU4IDEyMC42NThIMjU4LjQ0NUwyNjEuMDI3IDEwNS45MkMyNjEuNTQxIDEwNS40MjMgMjczLjI1OCAxMDYuMTczIDI3NS4zMDEgMTA1LjkyQzI3NS45MDEgMTA1Ljg0NiAyNzYuMzg4IDEwNS43NjYgMjc2LjU4NyAxMDUuMTE4TDI3OS42MTggODkuMjI4TDI3OC42NCA4OS40Mzk3TDI3Mi41NTUgOTkuNjcxNkwyNTkuNzI4IDk4LjIwNThMMjczLjg3NyA2NS4zNjQxTDI3NC42NDMgNjQuODQ3N0wyODkuMjU3IDY1LjYzMzVDMjg5LjY5IDY1LjkyODYgMjg5LjU3OCA2Ni40MTYxIDI4OS41MDEgNjYuODU1NkMyODkuMTE5IDY5LjA3ODQgMjg2LjY1OSA3MS43NDcgMjg2LjM1NCA3NC4xNTI3Vjc0LjE0OTRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzA5Ljc3IDE0Ny4yOEMzMDkuMjUxIDE0My4wMzQgMzA4LjM1MyAxMzguODI5IDMwNy40OTMgMTM0LjY0M0MzMDcuMzE3IDEzMy43NzcgMzA2LjI2OCAxMzIuMzA4IDMwNy4wMjUgMTMxLjIyNEMzMDcuNDUxIDEzMC42MTEgMzIwLjAyOCAxMjkuNTg4IDMyMS44MDIgMTI4Ljk2OUMzMjIuMDc0IDEyOC45ODggMzIyLjQwMiAxMjguOTc4IDMyMi42MjMgMTI5LjEzOUMzMjMuMzI5IDEyOS42NDkgMzI1LjMxNyAxNDQuMjU2IDMyNS40NDYgMTQ2LjI4TDMyMy4yNDIgMTQ3LjI4SDMzMS41ODJMMzQxLjM1MiAxMjguOTc1TDM1Ni42IDEzMC45MjVMMzQ3Ljk0IDE0Ny4yODRIMzU5LjY0N0MzNjAuMTQxIDE0Ny4yODQgMzYwLjEwNiAxNDguMjQ5IDM2MC4wNjQgMTQ4LjYzN0MzNTkuNzM3IDE1MS42MDcgMzU4LjMyNiAxNTUuNjcxIDM1Ny42NTkgMTU4Ljc3M0MzNTcuNTI0IDE1OS4zOTggMzU3LjU0IDE2MS43MTcgMzU2Ljc2NCAxNjEuNzE3SDI5NS4zNEwyOTguMzg3IDE0Ny4yODRIMzA5Ljc3NEwzMDkuNzcgMTQ3LjI4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM2OS4zODQgODEuODAxMkwzMTEuODc3IDgyLjE3MzNDMzExLjAyNyA4Mi4wNDE4IDMxMy43ODIgNjguNzgxOSAzMTQuMTQ0IDY3LjcwNDJDMzE1LjM4MyA2Ny4wNTMxIDMxNi42NTYgNjcuNzI5OSAzMTcuOTMzIDY3Ljc0NTlDMzM1LjU3NyA2Ny45NzY5IDM1My4yNDEgNjcuNTUzNSAzNzAuODg5IDY3LjcxN0MzNzEuMjI1IDY3LjcyMzUgMzcxLjY0OSA2Ny43Mzk1IDM3MS44NiA2OC4wMzQ2QzM3Mi4zIDY4LjY0NCAzNjkuNDU4IDgwLjAxMTQgMzY5LjM4NCA4MS44MDEyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM2NS40MjEgODcuMzAwMUgzMTMuMTM4TDMwNS4yODkgMTI2LjYzNEMzMDUuMTQ4IDEyNi45NzQgMzA1LjUxNCAxMjcuNzE1IDMwNS43NjEgMTI3LjcxNUgzNTcuMDgxQzM1Ny4zMDkgMTI3LjcxNSAzNTguNTEyIDEyNi43NCAzNTguNjY5IDEyNi40MTZDMzYxLjIzMSAxMTMuNzg1IDM2My40NyAxMDEuMDU3IDM2NS44ODIgODguMzcxNEMzNjYuMDM2IDg4LjAzMTQgMzY1LjY2NCA4Ny4yOTY5IDM2NS40MTcgODcuMjk2OUwzNjUuNDIxIDg3LjMwMDFaTTM0NS4xNjggMTEzLjMwN0MzMzguMDQ4IDExMy44OSAzMzAuNzE1IDExMy42NjMgMzIzLjU2NiAxMTMuMjc4TDMyNS41NDggMTAxLjk1MkwzMjUuOTY4IDEwMS40MUgzNDcuMjk4TDM0NS4xNjggMTEzLjMwN1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0yMDMuODIgNDguMzAzMUMyMDQuNTI5IDQ4LjQ2NjYgMjA1LjkwOCA0OC44OTMyIDIwNi45NDQgNDkuMTU2M0MyMDkuODY2IDQ5LjkwMDQgMjE4LjYxMyA1MS44MDU3IDIyMC43MTQgNTMuMDI3N0MyMjIuNzg2IDU0LjIzMzcgMjIzLjQyMSA1Ni42NzQ3IDIyMy4xNzcgNTguOTI2M0wyMDIuNDc5IDE2Mi42NzdDMjAxLjQzMyAxNjYuMjMgMTk4LjMyMiAxNjguNDE4IDE5NC43NDYgMTY5LjA1NkwxNjQuNzgxIDE2OC45NDFDMTYyLjQ5NCAxNjguMDgxIDE2MS4zNTkgMTY1LjkwMyAxNjEuMjg1IDE2My41MjdMMTc2LjY2NSA4Ni4xOTM0QzE3Ni42NzEgODUuOTQ2NCAxNzUuNTk0IDg1LjgxODEgMTc1LjMzNyA4NS44Njk0QzE3Mi4yNjQgODYuNTA0NSAxNjcuNzIyIDg5LjgwODMgMTY0LjU5OCA5MC4xNjQzQzE2MS41NDIgOTAuNTEwNyAxNTkuMTAxIDg4LjcwMTcgMTU5LjMzMiA4NS41NDg3QzE2MC43NjUgNzkuNjExNiAxNjAuODAxIDcyLjI4NTYgMTYyLjQzNiA2Ni41MDg5QzE2Mi44NDcgNjUuMDU5MSAxNjMuODYxIDYzLjgyNzQgMTY1LjIxNCA2My4xOTIzQzE3NC44MjEgNTguODA0NCAxODQuMzQxIDUyLjc0MjMgMTk0LjA3OSA0OC43NTUzQzE5OC4yNzcgNDcuMDM2MSAxOTkuNTA2IDQ3LjMxMTkgMjAzLjgxNyA0OC4zMDMxSDIwMy44MloiIGZpbGw9IiNGQ0QwMkIiLz4KPHBhdGggZD0iTTIxNy43MjEgMi4xMzU3NEMyMjEuNzQ5IC0zLjI5NzczIDIyOS42MyAyLjcwMDAxIDIyNS4yNzQgOC4wOTE4QzIyNC45ODYgOC40NTEwNCAyMjQuMjg3IDguNjMxMDUgMjI0LjIwMyA4Ljc3NTM5TDIyNC4xOTcgOC43NzgzMkMyMjMuODE5IDkuNDE5ODIgMjI0LjU2NiAxMS44NTE5IDIyNC43OSAxMi43MDUxQzIyNS41MTggMTUuNDgyOCAyMjYuNjczIDIwLjU1NjMgMjI3LjY2MSAyMi45ODQ0QzIyNy43ODYgMjMuMjkyMyAyMjcuNzY3IDIzLjY0NTQgMjI4LjE3OCAyMy43NzA1QzIyOC45OTIgMjQuMDE2MyAyMzkuNzg2IDE5Ljk1MzkgMjQxLjU4NSAxOS41OTQ3QzI0Mi4zNjQgMTkuMDE0MiAyNDEuODU0IDE3LjY2NjcgMjQyLjg4NyAxNi40MDYyQzI0Ni43MzMgMTEuNjk3NiAyNTQuMjY4IDE2Ljg4NzcgMjUwLjQzNSAyMi4wMjkzQzI0OS4wNTkgMjMuODczNCAyNDguMDA5IDIzLjI5OTIgMjQ2LjQ3OSAyMy44NDc3QzI0NS4xNTggMjQuMzIyNSAyMzUuNDIgNDUuOTY2NiAyMzMuNDkyIDQ4LjcwOUMyMzMuMTQ2IDQ5LjMwMjMgMjMyLjcwMyA0OS45NzYgMjMxLjk2OSA1MC4wOTQ3QzIzMC41NjQgNTAuMzIyNSAyMjQuOTI1IDQ3Ljk5MDIgMjIzLjA5IDQ3LjQzODVDMjEyLjUwOCA0NC4yNTk5IDIwMi4zMjEgNDEuNTIwOSAxOTEuNDgzIDM5LjI3MjVDMTg5LjU5NCAzOC44ODEyIDE4Ni40NTEgMzkuNDU1MiAxODYuNjI0IDM2LjUwNzhMMTkwLjY0MyA5LjgxNzM4QzE4OC4zMjcgOC4wNzg3MyAxODguMDUyIDQuMTg1NTUgMTkwLjI4NyAyLjI5MDA0QzE5My45NzMgLTAuODM3Mjg2IDE5OS4xMDcgMi41NzU3NyAxOTcuNjg3IDcuMTI0MDJDMTk3LjQ4NyA3Ljc1ODg2IDE5Ni41MDcgOC4yMzM2MiAxOTcuMDE3IDkuMDIyNDZMMjA1LjM2OSAxOC4zMjQyQzIwNy43MzkgMTYuMDAyMiAyMTAuMTM1IDEzLjY3MzUgMjEyLjU4MiAxMS40MzE2QzIxMy40MzIgMTAuNjUyMiAyMTcuMDAyIDguMDY5MzEgMjE3LjA3OSA3LjI1NzgxQzIxNy4yNTggNS4zMDc5NiAyMTUuOTI4IDQuNTU0MDMgMjE3LjcyMSAyLjEzNTc0Wk0yMTkuNDc5IDExLjkyNDhDMjE3LjAzNCAxMy4yMzAyIDIwNi41NzUgMjQuNjQ2MyAyMDUuMDIyIDI0Ljc0NjFDMjA0LjQ4IDI0Ljc4MTQgMjA0LjAzMSAyNC41ODQ4IDIwMy42MTcgMjQuMjQ4QzIwMi4yNTcgMjMuMTM0OCAxOTkuODU4IDE5LjQ1MDUgMTk4LjQ2IDE3Ljg0NjdDMTk4LjIxNiAxNy41Njc3IDE5Ny43OTMgMTcuNDg3IDE5Ny42MDQgMTcuMjc1NEMxOTcuNDUzIDE3LjEwNTQgMTk1LjI0OSAxMy40MTAzIDE5NC42MiAxNC4xNjQxTDE5Mi4wNTEgMzQuMzY4MlYzNC4zNzNDMjA1LjA1NCAzNi4zMTY4IDIxNy41MDIgNDAuNTUzNyAyMzAuMDI0IDQ0LjM0MThMMjQwLjE2MSAyNS4wNzYyTDI0MC4xNjMgMjUuMDc3MVYyNS4wNzQyTDI0MC4xNjEgMjUuMDc2MkwyNDAuMTYgMjUuMDc1MkwyNDAuMTYyIDI1LjA3MjNDMjM5LjU3MiAyNC41MTk2IDIyNi42ODIgMzAuMDk4NCAyMjUuMzk5IDI5Ljc0OUMyMjQuNTc1IDI5LjUyNDQgMjI0LjM4OSAyOC44MTk0IDIyNC4xMTYgMjguMTI5OUMyMjIuMjY5IDIzLjQ1MDIgMjIxLjcxMSAxNy40MjAxIDIxOS45NTMgMTIuNzI3NUMyMTkuODM0IDEyLjQxIDIxOS44MzEgMTIuMTMwMSAyMTkuNDc5IDExLjkyNDhaIiBmaWxsPSIjRkNEMDJCIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDUyMzVfMTI0OTU2Ij4KPHJlY3Qgd2lkdGg9IjUwMCIgaGVpZ2h0PSIxNzUuNTg5IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="/><rect x="520" y="430" width="160" height="5" rx="2.5" fill="#f8cb41"/></svg>
diff --git a/public/scripts/site-runtime.js b/public/scripts/site-runtime.js
new file mode 100644
index 0000000..214bc45
--- /dev/null
+++ b/public/scripts/site-runtime.js
@@ -0,0 +1,134 @@
+// Layout and player controls retained from the HTML reference. Business data is loaded by the Next.js application.
+
+/* ---- unified-empty-states-script ---- */
+
+
+const emptyStateImages={"write":"/assets/ce2f84f155d32b0b.png","planet":"/assets/a6ba4b9749786513.png","records":"/assets/51e809aac4f1e40a.png","error":"/assets/2d8f1898b668e45e.png","purchased":"/assets/b57b58bd55aeee91.png","profile":"/assets/1f0d06c643b6660a.png","content":"/assets/55f4c0c888a3cee3.png","data":"/assets/a0cb8cb4c545a0bc.png","search":"/assets/c568d83ba6e559ac.png","network":"/assets/47632de987649cda.png","messages":"/assets/9bb14f2dd28ab426.png","calendar":"/assets/eb4bee364040817e.png"};
+function emptyStateMarkup(kind,options={}){
+ const defaults={search:['搜索无结果','换个关键词试试，也许下一部好剧就在这里。','查看全部短剧'],data:['暂无数据','这里还没有记录，去发现一些喜欢的短剧吧。','去发现好剧'],error:['加载失败','内容暂时未能加载，请稍后重试。','重新加载'],content:['暂无内容','精彩内容正在准备中，先去看看其他好剧吧。','随便逛逛']};
+ const config=defaults[kind]||defaults.content,escape=value=>String(value).replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
+ const title=options.title||config[0],description=options.description||config[1],label=options.action===false?'':(options.label||config[2]);
+ const action=label?(kind==='error'?'<button type="button" class="ui-empty-action" data-media="retry">'+escape(label)+'</button>':'<a class="ui-empty-action" href="/shorts/">'+escape(label)+'</a>'):'';
+ return '<div class="ui-empty-state" role="status"><img src="'+(emptyStateImages[options.image||kind]||emptyStateImages.content)+'" alt="'+escape(title)+'" aria-hidden="true"><h3>'+escape(title)+'</h3><p>'+escape(description)+'</p>'+action+'</div>';
+}
+
+;
+
+
+/* ---- sidebar-initial-state ---- */
+
+try{if(localStorage.getItem('huangguo-sidebar-collapsed')==='true')document.documentElement.classList.add('sidebar-collapsed')}catch{}
+;
+
+
+/* ---- collapsible-sidebar-script ---- */
+
+
+(() => {
+ const root=document.documentElement;
+ const toggle=document.getElementById('sidebar-toggle');
+ const key='huangguo-sidebar-collapsed';
+ function update(){const collapsed=root.classList.contains('sidebar-collapsed');toggle.setAttribute('aria-expanded',String(!collapsed));toggle.setAttribute('aria-label',collapsed?'展开侧边栏':'收起侧边栏');toggle.title=collapsed?'展开侧边栏':'收起侧边栏'}
+ const header=toggle.closest('.sidebar-header');
+ toggle.addEventListener('click',()=>{const collapsed=root.classList.toggle('sidebar-collapsed');header.classList.toggle('just-collapsed',collapsed);try{localStorage.setItem(key,String(collapsed))}catch{}update()});
+ header.addEventListener('mouseleave',()=>header.classList.remove('just-collapsed'));
+ header.addEventListener('focusout',()=>header.classList.remove('just-collapsed'));
+ toggle.addEventListener('keydown',()=>header.classList.remove('just-collapsed'));
+ update();
+})();
+
+;
+
+
+/* ---- custom-player-controls-script ---- */
+
+
+function installPlayerControls(screen,currentEpisode=1,actions={}){
+ const video=screen.querySelector('video'),bar=screen.querySelector('.play-screen-controls'),overlay=screen.querySelector('.play-screen-overlay'),status=screen.querySelector('.play-source-status');
+ const paths={play:'<path d="m8 5 11 7-11 7Z" fill="currentColor" stroke="none"/>',pause:'<path d="M8 5v14M16 5v14" stroke-width="4"/>',next:'<path d="m5 5 10 7-10 7Z" fill="currentColor" stroke="none"/><path d="M18 5v14"/>',volume:'<path d="M4 9h4l5-4v14l-5-4H4Z"/><path d="M16 8a6 6 0 0 1 0 8m3-11a10 10 0 0 1 0 14"/>',mute:'<path d="M4 9h4l5-4v14l-5-4H4Z"/><path d="m17 9 5 6m0-6-5 6"/>',full:'<path d="M8 3H3v5m13-5h5v5M3 16v5h5m8 0h5v-5"/>',exit:'<path d="M3 8h5V3m8 0v5h5M8 21v-5H3m18 0h-5v5"/>'};
+ Object.assign(paths,{"play": "<path d=\"M4 18.7591L4 6.62263C4 4.13699 6.70123 2.57713 8.85714 3.81995L14.1201 6.8509L19.3831 9.89455C21.539 11.1374 21.539 14.2444 19.3831 15.4872L14.1201 18.5309L8.85714 21.5618C6.70123 22.8047 4 21.2575 4 18.7591Z\" fill=\"currentColor\" stroke=\"none\"/>", "centerPlay": "<path d=\"M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3ZM10.7646 8.53613C10.1184 8.15144 9.31065 8.63262 9.31055 9.40234V14.5996C9.31079 15.3692 10.1185 15.8504 10.7646 15.4658L15.1279 12.8672C15.774 12.4822 15.7739 11.5198 15.1279 11.1348L10.7646 8.53613Z\" fill=\"currentColor\" stroke=\"none\"/>", "previous": "<path d=\"M22.0001 6.81803V17.3711C22.0001 19.5325 19.6513 20.8888 17.7766 19.8082L13.2003 17.1726L8.624 14.5261C6.74936 13.4454 6.74936 10.7437 8.624 9.66307L13.2003 7.01652L17.7766 4.381C19.6513 3.30033 22.0001 4.64566 22.0001 6.81803Z\" fill=\"currentColor\" stroke=\"none\"/>\n<path d=\"M3.82705 19.7311C3.37493 19.7311 3 19.3561 3 18.904V5.27431C3 4.82219 3.37493 4.44727 3.82705 4.44727C4.27916 4.44727 4.65409 4.82219 4.65409 5.27431V18.904C4.65409 19.3561 4.27916 19.7311 3.82705 19.7311Z\" fill=\"currentColor\" stroke=\"none\"/>", "next": "<path d=\"M3 6.81803V17.3711C3 19.5325 5.34881 20.8888 7.22345 19.8082L11.7998 17.1726L16.3761 14.5261C18.2507 13.4454 18.2507 10.7437 16.3761 9.66307L11.7998 7.01652L7.22345 4.381C5.34881 3.30033 3 4.64566 3 6.81803Z\" fill=\"currentColor\" stroke=\"none\"/>\n<path d=\"M21.1729 19.7311C20.7208 19.7311 20.3459 19.3561 20.3459 18.904V5.27431C20.3459 4.82219 20.7208 4.44727 21.1729 4.44727C21.6251 4.44727 22 4.82219 22 5.27431V18.904C22 19.3561 21.6361 19.7311 21.1729 19.7311Z\" fill=\"currentColor\" stroke=\"none\"/>", "pause": "<rect x=\"4.79962\" y=\"3.59985\" width=\"4.8\" height=\"16.8\" rx=\"2.4\" fill=\"currentColor\" stroke=\"none\"/>\n<rect x=\"14.3996\" y=\"3.59985\" width=\"4.8\" height=\"16.8\" rx=\"2.4\" fill=\"currentColor\" stroke=\"none\"/>"});
+ const icon=name=>'<svg viewBox="0 0 24 24" aria-hidden="true">'+paths[name]+'</svg>';
+ const last=bar.querySelector('[data-play-action="next"]')?.disabled;
+ bar.innerHTML=`<input class="player-range player-seek" type="range" min="0" max="100" step="0.1" value="0" aria-label="播放进度" disabled><div class="player-control-row"><button type="button" data-play-action="previous" aria-label="上一集" title="上一集" ${currentEpisode<=1?'disabled':''}>${icon('previous')}</button><button type="button" data-media="toggle" aria-label="播放" title="播放 / 暂停（空格）">${icon('play')}</button><button type="button" data-play-action="next" aria-label="下一集" title="下一集" ${last?'disabled':''}>${icon('next')}</button><span class="player-time">00:00 / 00:00</span><div class="player-control-spacer"></div><div class="player-menu-wrap"><button type="button" data-menu="quality" aria-expanded="false">清晰度</button><div class="player-options" data-options="quality" hidden><button type="button" role="menuitemradio" aria-checked="true">自动</button><button type="button" disabled>1080P 超清</button><button type="button" disabled>720P 高清</button><button type="button" disabled>480P 标清</button><small>等待接入多清晰度片源</small></div></div><div class="player-menu-wrap"><button type="button" data-menu="speed" aria-expanded="false">倍速</button><div class="player-options" data-options="speed" hidden>${[.5,.75,1,1.25,1.5,2].map(n=>`<button type="button" data-speed="${n}" role="menuitemradio" aria-checked="${n===1}">${n}×</button>`).join('')}</div></div><div class="player-volume"><button type="button" data-media="mute" aria-label="静音" title="静音（M）">${icon('volume')}</button><input class="player-range" type="range" min="0" max="1" step="0.01" value="1" aria-label="音量"></div><button type="button" data-media="fullscreen" aria-label="进入全屏" title="全屏（F）">${icon('full')}</button></div>`;
+ screen.tabIndex=0;screen.setAttribute('aria-label','视频播放器');
+ const seek=bar.querySelector('.player-seek'),volume=bar.querySelector('.player-volume input'),toggle=bar.querySelector('[data-media="toggle"]'),mute=bar.querySelector('[data-media="mute"]'),full=bar.querySelector('[data-media="fullscreen"]');
+ const center=overlay.querySelector('button');center.innerHTML=icon('centerPlay');center.removeAttribute('data-play-action');center.dataset.media='toggle';
+ const time=t=>{t=Number.isFinite(t)?Math.max(0,Math.floor(t)):0;return (t>=3600?Math.floor(t/3600)+':':'')+String(Math.floor(t/60)%60).padStart(2,'0')+':'+String(t%60).padStart(2,'0')};
+ function sync(){const duration=Number.isFinite(video.duration)?video.duration:0;seek.disabled=!duration;seek.max=duration||100;seek.value=video.currentTime||0;seek.style.setProperty('--fill',(duration?video.currentTime/duration*100:0)+'%');seek.setAttribute('aria-valuetext',time(video.currentTime)+' / '+time(duration));bar.querySelector('.player-time').textContent=time(video.currentTime)+' / '+time(duration);toggle.innerHTML=icon(video.paused?'play':'pause');toggle.setAttribute('aria-label',video.paused?'播放':'暂停');overlay.hidden=!video.paused;volume.value=video.muted?0:video.volume;volume.style.setProperty('--fill',Number(volume.value)*100+'%');mute.innerHTML=icon(video.muted||!video.volume?'mute':'volume');mute.setAttribute('aria-label',video.muted||!video.volume?'取消静音':'静音')}
+ async function play(){if(actions.toggle){try{await actions.toggle()}catch{status.textContent='播放失败，请重试';overlay.hidden=false}return}if(!video.currentSrc&&!video.getAttribute('src')&&!video.querySelector('source[src]')){status.textContent='本剧尚未提供视频源，接入视频后即可播放';return}if(video.paused){try{await video.play()}catch{status.textContent='暂时无法播放，请检查视频源后重试';overlay.hidden=false}}else video.pause()}
+ async function retry(){overlay.querySelector('.ui-empty-state')?.remove();center.hidden=false;status.hidden=false;status.textContent='正在重新加载…';try{if(actions.retry)await actions.retry();else{video.load();await play()}}catch{status.textContent='视频加载失败，请重试';overlay.hidden=false}}
+ async function fullscreen(){try{if(document.fullscreenElement)await document.exitFullscreen();else if(screen.requestFullscreen)await screen.requestFullscreen();else if(video.webkitEnterFullscreen)video.webkitEnterFullscreen();else throw Error()}catch{status.textContent='当前浏览器暂不支持全屏';overlay.hidden=false}}
+ function closeMenus(){bar.querySelectorAll('[data-options]').forEach(e=>e.hidden=true);bar.querySelectorAll('[data-menu]').forEach(e=>e.setAttribute('aria-expanded','false'))}
+ screen.addEventListener('click',e=>{const b=e.target.closest('button');if(!b){if(e.target===video){closeMenus();play()}return}if(['previous','next'].includes(b.dataset.playAction)||b.hasAttribute('data-show-unlock'))return;e.stopPropagation();if(b.dataset.media==='retry')void retry();if(b.dataset.media==='toggle')play();if(b.dataset.media==='mute'){if(video.muted||!video.volume){video.muted=false;if(!video.volume)video.volume=.5}else video.muted=true;sync()}if(b.dataset.media==='fullscreen')fullscreen();if(b.dataset.menu){const menu=bar.querySelector('[data-options="'+b.dataset.menu+'"]'),open=menu.hidden;closeMenus();menu.hidden=!open;b.setAttribute('aria-expanded',String(open))}else if(b.dataset.speed){video.playbackRate=Number(b.dataset.speed);bar.querySelector('[data-menu="speed"]').textContent=b.dataset.speed==='1'?'倍速':b.dataset.speed+'×';bar.querySelectorAll('[data-speed]').forEach(e=>e.setAttribute('aria-checked',String(e===b)));closeMenus()}else closeMenus()});
+ seek.addEventListener('input',()=>{if(Number.isFinite(video.duration)&&video.duration>0){video.currentTime=Math.min(video.duration,Math.max(0,Number(seek.value)));sync()}});
+ volume.addEventListener('input',()=>{video.volume=Number(volume.value);video.muted=video.volume===0;sync()});
+ screen.addEventListener('keydown',e=>{if(e.target.matches('input,button'))return;if(e.code==='Space'){e.preventDefault();play()}else if(e.key.toLowerCase()==='m'){mute.click()}else if(e.key.toLowerCase()==='f')fullscreen();else if(['ArrowLeft','ArrowRight'].includes(e.key)&&Number.isFinite(video.duration)){e.preventDefault();video.currentTime=Math.min(video.duration,Math.max(0,video.currentTime+(e.key==='ArrowRight'?5:-5)));sync()}else if(e.key==='Escape')closeMenus()});
+ screen.addEventListener('focusout',e=>{if(!screen.contains(e.relatedTarget))closeMenus()});
+ screen.addEventListener('fullscreenchange',()=>{const active=document.fullscreenElement===screen;full.innerHTML=icon(active?'exit':'full');full.setAttribute('aria-label',active?'退出全屏':'进入全屏')});
+ ['loadedmetadata','durationchange','timeupdate','play','pause','ended','volumechange','emptied'].forEach(event=>video.addEventListener(event,sync));function failed(event){if(event.type==='error')status.textContent='视频加载失败，请重试';overlay.querySelector('.ui-empty-state')?.remove();center.hidden=true;status.hidden=true;overlay.insertAdjacentHTML('beforeend',emptyStateMarkup('error',{description:status.textContent}));overlay.hidden=false}video.addEventListener('error',failed);screen.addEventListener('playback:error',failed);
+ screen._disposePlayer=()=>video.pause();sync();
+}
+
+;
+
+
+/* ---- sticky-search-header-script ---- */
+
+
+(()=>{
+ const siteHeader=document.getElementById('global-site-header');if(!siteHeader)return;
+ let scheduled=false;
+ function update(){siteHeader.classList.toggle('is-scrolled',window.scrollY>8);scheduled=false}
+ function measure(){document.documentElement.style.setProperty('--global-header-height',siteHeader.getBoundingClientRect().height+'px')}
+ new ResizeObserver(measure).observe(siteHeader);measure();
+ window.addEventListener('scroll',()=>{if(!scheduled){scheduled=true;requestAnimationFrame(update)}},{passive:true});
+ window.addEventListener('site:route',update);update();
+})();
+
+;
+
+
+/* ---- mobile-slide-navigation-script ---- */
+
+
+(()=>{
+ const header=document.querySelector('#global-site-header .top'),sidebar=document.getElementById('site-sidebar');if(!header||!sidebar)return;
+ const mobile=matchMedia('(max-width:760px)'),trigger=document.createElement('button');trigger.type='button';trigger.className='mobile-menu-trigger';trigger.setAttribute('aria-label','打开导航菜单');trigger.setAttribute('aria-controls','mobile-navigation-drawer');trigger.setAttribute('aria-expanded','false');trigger.innerHTML='<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h16"/></svg>';header.prepend(trigger);
+ const drawer=document.createElement('dialog');drawer.id='mobile-navigation-drawer';drawer.setAttribute('aria-label','网站导航');
+ drawer.innerHTML='<button type="button" class="mobile-drawer-close" aria-label="关闭导航菜单" autofocus><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m5 5 14 14M19 5 5 19"/></svg></button><a class="mobile-drawer-brand" href="/" aria-label="91短剧首页"></a><nav class="mobile-drawer-links" aria-label="手机端主导航"></nav><div class="mobile-drawer-info"></div><div class="mobile-drawer-social" aria-label="官方社区"></div>';
+ const brand=sidebar.querySelector('.sidebar-brand').cloneNode(true);brand.removeAttribute('class');drawer.querySelector('.mobile-drawer-brand').append(brand);
+ const nav=drawer.querySelector('.mobile-drawer-links');
+ const sourceNavigation=sidebar.querySelector('[data-site-navigation="sidebar"]');
+ if(sourceNavigation)nav.innerHTML=sourceNavigation.innerHTML;
+ nav.querySelectorAll('a[data-page]').forEach(link=>{link.dataset.mobileRoute=link.dataset.page;link.dataset.siteNav='sidebar';});
+ const pcInfo=sidebar.querySelector('.side-info');if(pcInfo)drawer.querySelector('.mobile-drawer-info').innerHTML=pcInfo.innerHTML;
+ const footerLogo=drawer.querySelector('.mobile-drawer-info .side-info-wordmark');if(footerLogo){const brandText=document.createElement('span');brandText.className='mobile-drawer-brand-text';brandText.textContent='91短剧';footerLogo.replaceWith(brandText);}
+ sidebar.querySelectorAll('.sidebar-social a').forEach(link=>drawer.querySelector('.mobile-drawer-social').append(link.cloneNode(true)));
+ document.body.append(drawer);let timer=null,start=null;
+ function finishClose(){clearTimeout(timer);timer=null;drawer.classList.remove('is-closing');if(drawer.open)drawer.close();document.body.classList.remove('mobile-drawer-open');trigger.setAttribute('aria-expanded','false')}
+ function close(animated=true){if(!drawer.open)return;if(!animated||matchMedia('(prefers-reduced-motion:reduce)').matches){finishClose();return}if(timer)return;drawer.classList.add('is-closing');timer=setTimeout(finishClose,180)}
+ trigger.addEventListener('click',()=>{if(!mobile.matches)return;clearTimeout(timer);timer=null;drawer.classList.remove('is-closing');drawer.showModal();document.body.classList.add('mobile-drawer-open');trigger.setAttribute('aria-expanded','true')});
+ drawer.querySelector('.mobile-drawer-close').addEventListener('click',()=>close());
+ drawer.addEventListener('cancel',e=>{e.preventDefault();close()});drawer.addEventListener('close',finishClose);
+ drawer.addEventListener('click',e=>{if(e.target.closest('a')){close();return}if(e.target!==drawer)return;const r=drawer.getBoundingClientRect();if(e.clientX<r.left||e.clientX>r.right||e.clientY<r.top||e.clientY>r.bottom)close()});
+ drawer.addEventListener('touchstart',e=>{start=e.touches.length===1?{x:e.touches[0].clientX,y:e.touches[0].clientY}:null},{passive:true});
+ drawer.addEventListener('touchend',e=>{if(!start)return;const t=e.changedTouches[0],dx=t.clientX-start.x,dy=t.clientY-start.y;start=null;if(dx < -60&&Math.abs(dx)>Math.abs(dy)*1.5)close()},{passive:true});
+ drawer.addEventListener('touchcancel',()=>{start=null},{passive:true});
+ window.addEventListener('site:route',()=>close());mobile.addEventListener('change',()=>{if(!mobile.matches)close(false)});
+})();
+
+;
+
+
+/* ---- huangguo-figma-refresh-script ---- */
+
+(()=>{
+ const header=document.querySelector('#global-site-header .top');
+ if(!header)return;
+ const query=document.getElementById('query');if(query)query.placeholder='搜索你感兴趣的内容';
+ const searchButton=header.querySelector('.search button[type=submit]');if(searchButton)searchButton.innerHTML="<img class=\"hg-search-icon\" src=\"/assets/6b84a86651a478fe.svg\" width=\"16.6666\" height=\"16.6663\" alt=\"搜索图标\">";
+ const coin=header.querySelector('.coin-symbol img');if(coin)coin.src="/assets/8eb3c37a26ca792b.svg";
+ const account=header.querySelector('.account-avatar .guest-avatar-image');if(account)account.src="/assets/b90a9ab6918d47c7.svg";
+
+})();
+;
diff --git a/public/scripts/web-sdk-v1.2.0.js b/public/scripts/web-sdk-v1.2.0.js
new file mode 100644
index 0000000..f2268b8
--- /dev/null
+++ b/public/scripts/web-sdk-v1.2.0.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).WebSDK=t()}(this,function(){"use strict";function e(e){var t,n,r,o,i,a,s,c,u,l,d,_,p,f,h,g,m,y,v,w,k,b,C,S,P=function(e){var t,n,r,o,i,a;for(t=(null==e?"":e)+"",n=[],r=0;t.length>r;r++)128>(o=t.charCodeAt(r))?n.push(o):2048>o?n.push(192|o>>6,128|63&o):55296>o||o>56319||r+1>=t.length||56320>(i=t.charCodeAt(r+1))||i>57343?n.push(224|o>>12,128|o>>6&63,128|63&o):(n.push(240|(a=i-56320+(o-55296<<10)+65536)>>18,128|a>>12&63,128|a>>6&63,128|63&a),r++);return n}((null==e?"":e)+""),E=8*P.length;for(P.push(128);P.length%64!=56;)P.push(0);for(t=0;8>t;t++)P.push(E>>>8*t&255);for(n=function(e,t){return e<<t|e>>>32-t},r=function(e,t){return((e>>>0)+(t>>>0)&4294967295)>>>0},o=function(e,t,n,o){return r(r(e,t),r(n,o))},i=[7,12,17,22,7,12,17,22,7,12,17,22,7,12,17,22,5,9,14,20,5,9,14,20,5,9,14,20,5,9,14,20,4,11,16,23,4,11,16,23,4,11,16,23,4,11,16,23,6,10,15,21,6,10,15,21,6,10,15,21,6,10,15,21],a=Array(64),s=0;64>s;s++)a[s]=Math.floor(4294967296*Math.abs(Math.sin(s+1)))>>>0;for(c=1732584193,u=4023233417,l=2562383102,d=271733878,_=0;P.length>_;_+=64){for(p=Array(16),f=0;16>f;f++)p[f]=(P[h=_+4*f]|P[h+1]<<8|P[h+2]<<16|P[h+3]<<24)>>>0;for(g=c,m=u,y=l,v=d,w=0;64>w;w++)16>w?(k=m&y|~m&v,b=w):32>w?(k=v&m|~v&y,b=(5*w+1)%16):48>w?(k=m^y^v,b=(3*w+5)%16):(k=y^(m|~v),b=7*w%16),C=v,v=y,y=m,m=r(m,n(o(g,k,a[w],p[b]),i[w])),g=C;c=r(c,g),u=r(u,m),l=r(l,y),d=r(d,v)}return S=function(e){for(var t="",n=0;4>n;n++)t+=(256+(e>>>8*n&255)).toString(16).slice(1);return t},S(c)+S(u)+S(l)+S(d)}function t(e,t){return(e>>>t|e<<32-t)>>>0}function n(e,t,n){return(e&t^~e&n)>>>0}function r(e,t,n){return(e&t^e&n^t&n)>>>0}function o(e){return(t(e,2)^t(e,13)^t(e,22))>>>0}function i(e){return(t(e,6)^t(e,11)^t(e,25))>>>0}function a(e){return(t(e,7)^t(e,18)^e>>>3)>>>0}function s(e){return(t(e,17)^t(e,19)^e>>>10)>>>0}function c(e){for(var t=(e>>>0).toString(16);8>t.length;)t="0"+t;return t}function u(e,t){return((255&e[t])<<24|(255&e[t+1])<<16|(255&e[t+2])<<8|255&e[t+3])>>>0}function l(e){for(var t=function(e){var t,c,l,d,_,p,f,h,g,m,y,v,w,k,b,C,S,P,E,T,x,D=e.slice(),M=0,I=8*D.length>>>0;for(D.length>=536870912&&(M=Math.floor(D.length/536870912),0==(I=D.length%536870912*8>>>0)&&D.length>0&&M--),D.push(128);D.length%64!=56;)D.push(0);for(D.push(M>>>24&255,M>>>16&255,M>>>8&255,255&M,I>>>24&255,I>>>16&255,I>>>8&255,255&I),t=1779033703,c=3144134277,l=1013904242,d=2773480762,_=1359893119,p=2600822924,f=528734635,h=1541459225,g=0;D.length>g;g+=64){for(y=Array(64),m=0;16>m;m++)y[m]=u(D,g+4*m);for(m=16;64>m;m++)y[m]=s(y[m-2])+y[m-7]+a(y[m-15])+y[m-16]>>>0;for(v=t,w=c,k=l,b=d,C=_,S=p,P=f,E=h,m=0;64>m;m++)T=E+i(C)+n(C,S,P)+zt[m]+y[m]>>>0,x=o(v)+r(v,w,k)>>>0,E=P,P=S,S=C,C=b+T>>>0,b=k,k=w,w=v,v=T+x>>>0;t=t+v>>>0,c=c+w>>>0,l=l+k>>>0,d=d+b>>>0,_=_+C>>>0,p=p+S>>>0,f=f+P>>>0,h=h+E>>>0}return[t,c,l,d,_,p,f,h]}(e||[]),l="",d=0;t.length>d;d++)l+=c(t[d]);return l}function d(e){return l(function(e){var t,n,r,o,i,a;for(t=(null==e?"":e)+"",n=[],r=0;t.length>r;r++)128>(o=t.charCodeAt(r))?n.push(o):2048>o?n.push(192|o>>6,128|63&o):55296>o||o>56319||r+1>=t.length||56320>(i=t.charCodeAt(r+1))||i>57343?n.push(224|o>>12,128|o>>6&63,128|63&o):(n.push(240|(a=i-56320+(o-55296<<10)+65536)>>18,128|a>>12&63,128|a>>6&63,128|63&a),r++);return n}((null==e?"":e)+""))}function _(e){var t,n,r,o,i,a;for(t=(null==e?"":e)+"",n=[],r=0;t.length>r;r++)128>(o=t.charCodeAt(r))?n.push(o):2048>o?n.push(192|o>>6,128|63&o):55296>o||o>56319||r+1>=t.length||56320>(i=t.charCodeAt(r+1))||i>57343?n.push(224|o>>12,128|o>>6&63,128|63&o):(n.push(240|(a=i-56320+(o-55296<<10)+65536)>>18,128|a>>12&63,128|a>>6&63,128|63&a),r++);return n}function p(e){for(var t=(null==e?"":e)+"",n=[],r=0;t.length>r;r+=2)n.push(parseInt(t.substr(r,2),16));return n}function f(e,t){var n,r=Array(e.length+t.length);for(n=0;e.length>n;n++)r[n]=e[n];for(n=0;t.length>n;n++)r[e.length+n]=t[n];return r}function h(e,t){var n,r;return null===e?"__t:null__":"string"==typeof e?"__t:str__:"+e:"number"==typeof e&&isFinite(e)?"__t:num__:"+e:"boolean"==typeof e?"__t:bool__:"+(e?"1":"0"):Array.isArray(e)?-1!==t.indexOf(e)?"__t:circular__":(t.push(e),n="["+e.map(function(e){return h(e,t)}).join(",")+"]",t.splice(t.indexOf(e),1),n):null!==e&&"object"==typeof e?-1!==t.indexOf(e)?"__t:circular__":(t.push(e),r="{"+Object.keys(e).sort().map(function(n){return n+":"+h(e[n],t)}).join(",")+"}",t.splice(t.indexOf(e),1),r):"__t:any__:"+e}function g(e){return h(e,[])}function m(t){var n,r=t||{},o=Object.keys(r).filter(function(e){return"event_id"!==e}).sort();return o.length?(n=o.map(function(t){return e(g(r[t]))}).join(""),e(n)):e("")}function y(){if("undefined"==typeof navigator)return"PC";var e=navigator.userAgent||"";return/iPhone|iPad|iPod/i.test(e)?"iOS":function(e){return/HarmonyOS|OpenHarmony/i.test((null==e?"":e)+"")}(e)||/Android/i.test(e)?"Android":"PC"}function v(e){var t=((null==e?"":e)+"").trim();return t&&/^\d+\.\d+\.\d+$/.test(t)?t:"1.0.0"}function w(e,t){return null==e||""===e?"":"int"===t?parseInt(e,10)+"":(e+"").replace(/^\s+|\s+$/g,"").toLowerCase()}function k(e,t){try{return e()}catch(e){return t}}function b(t){return e((null==t?"":t)+"").substr(0,32)}function C(e){return b((e||[]).slice().sort().join("|"))}function S(){return k(function(){var e,t,n,r,o,i,a,s="undefined"!=typeof OfflineAudioContext?OfflineAudioContext:"undefined"!=typeof webkitOfflineAudioContext?webkitOfflineAudioContext:null;if(!s)return"";if((t=(e=new s(1,44100,44100)).createOscillator()).type="triangle",t.frequency.value=1e4,n=e.createDynamicsCompressor(),t.connect(n),n.connect(e.destination),t.start(0),(r=e.startRendering())&&"function"==typeof r.then)return"";if(!r||!r.getChannelData)return"";for(o=r.getChannelData(0),i=0,a=4500;5e3>a&&o.length>a;a++)i+=Math.abs(o[a]);return b(i+"")},"")}function P(){return k(function(){function e(e){var t,n=document.createElement("span");return n.style.cssText="position:absolute;left:-9999px;top:-9999px;visibility:hidden;font-size:72px;font-family:"+e+",monospace;",n.textContent="mmmmmmmmmmlli",document.body.appendChild(n),t=n.offsetWidth,document.body.removeChild(n),t}var t,n,r,o;if("undefined"==typeof document||!document.body)return{hash:"",installed:[],count:-1};for(t=e("monospace"),n=[],r=0;$t.length>r;r++)e("'"+(o=$t[r])+"'")!==t&&n.push(o);return n.sort(),{hash:C(n.map(function(e){return e.toLowerCase()})),installed:n,count:n.length}},{hash:"",installed:[],count:-1})}function E(){return k(function(){var e,t,n,r,o,i,a;if("undefined"==typeof document)return{hash:"",supported:[]};for(e=document.createElement("video"),t=document.createElement("audio"),n=[],r=0;Zt.length>r;r++){i="video"===(o=Zt[r]).kind?e:t,a="";try{a=i.canPlayType?(i.canPlayType(o.type)||"")+"":""}catch(e){}a&&"no"!==a&&n.push(o.type+":"+a)}return n.sort(),{hash:C(n.map(function(e){return e.toLowerCase()})),supported:n}},{hash:"",supported:[]})}function T(e){var t;try{return"undefined"==typeof window?0:(t="session"===e?window.sessionStorage:window.localStorage)?(t.setItem("__sdk_probe__","1"),t.removeItem("__sdk_probe__"),1):0}catch(e){return 0}}function x(){try{return"undefined"!=typeof indexedDB?1:0}catch(e){return 0}}function D(){try{return"undefined"!=typeof navigator&&navigator.serviceWorker?1:0}catch(e){return 0}}function M(e){return/Trident|MSIE/i.test(e=(e||"")+"")?"trident":/Edge\/\d/i.test(e)&&!/Edg\//i.test(e)?"edgehtml":/Edg\//i.test(e)||/Chrome\//i.test(e)&&!/Edg\//i.test(e)?"chromium":/Firefox\//i.test(e)?"gecko":/Safari\//i.test(e)&&!/Chrome\//i.test(e)?"webkit":"unknown"}function I(e,t){return t=(t||"")+"",/HarmonyOS|OpenHarmony/i.test(e=(e||"")+"")?"harmonyos":/iPhone|iPad|iPod/i.test(e)?"ios":/Android/i.test(e)?"android":/Mac OS X|Macintosh/i.test(e)||/^Mac/i.test(t)?"macos":/Windows/i.test(e)||/^Win/i.test(t)?"windows":/Linux/i.test(e)||/Linux/i.test(t)?"linux":"unknown"}function A(e){return/iPad|Tablet/i.test(e=(e||"")+"")?"tablet":/Mobile|iPhone|Android/i.test(e)?"phone":"desktop"}function O(e){var t,n,r;for(e=(e||"")+"",t=[[/EdgiOS\/([\d.]+)/i,"Edge"],[/CriOS\/([\d.]+)/i,"Chrome"],[/FxiOS\/([\d.]+)/i,"Firefox"],[/Edg\/([\d.]+)/i,"Edge"],[/OPR\/([\d.]+)/i,"Opera"],[/Chrome\/([\d.]+)/i,"Chrome"],[/Firefox\/([\d.]+)/i,"Firefox"],[/Version\/([\d.]+).*Safari/i,"Safari"]],n=0;t.length>n;n++)if(r=e.match(t[n][0]))return{browser_name:t[n][1],browser_version:r[1]||"unknown"};return{browser_name:"unknown",browser_version:"unknown"}}function L(){var e=k(function(){var e,t="undefined"!=typeof screen?screen:null;if(t&&t.orientation&&t.orientation.type)return t.orientation.type+"";if("undefined"!=typeof window&&"number"==typeof window.orientation){if(0===(e=window.orientation)||180===e)return"portrait-primary";if(90===e||-90===e)return"landscape-primary"}return t&&null!=t.width&&null!=t.height?t.width>t.height?"landscape-primary":"portrait-primary":"unknown"},"unknown");if(-1!==e.indexOf("landscape"))return"landscape";if(-1!==e.indexOf("portrait"))return"portrait";try{if("undefined"!=typeof screen&&null!=screen.width&&null!=screen.height){if(screen.width>screen.height)return"landscape";if(screen.width<screen.height)return"portrait"}}catch(e){}return"unknown"}function R(){var e,t,n,r,o,i,a,s,c,u,l,d,_,p,f,h,g,m,y,v,w,C,R="undefined"!=typeof navigator?navigator:{},q="undefined"!=typeof screen?screen:{},B="undefined"!=typeof window?window:{},K="undefined"!=typeof document?document:null,V=R.userAgent||"",j=function(){try{if("undefined"!=typeof navigator&&navigator.connection)return navigator.connection}catch(R){}return null}(),N=k(function(){var e,t,n;return"undefined"==typeof document?"":((e=document.createElement("canvas")).width=200,e.height=50,(t=e.getContext("2d"))?(t.textBaseline="top",t.font="14px Arial",t.fillStyle="#f60",t.fillRect(10,1,62,20),(n=t.createLinearGradient(0,0,200,0)).addColorStop(0,"red"),n.addColorStop(.5,"green"),n.addColorStop(1,"blue"),t.fillStyle=n,t.fillRect(10,25,180,20),t.fillStyle="#069",t.fillText("abcdefghijklmnopqrstuvwxyz0123456789!@#$",2,15),t.fillText("🎨",4,35),b(e.toDataURL("image/png"))):"")},""),F=k(function(){var e,t,n,r,o,i,a,s,c,u,l,d,_,p,f,h,g,m;if("undefined"==typeof document)return{vendor:"",renderer:"",extensions_hash:"",params_hash:"",webgl_fp:""};if(!(t=(e=document.createElement("canvas")).getContext("webgl")||e.getContext("experimental-webgl")))return{vendor:"",renderer:"",extensions_hash:"",params_hash:"",webgl_fp:""};n="",r="",(o=t.getExtension("WEBGL_debug_renderer_info"))&&(n=(t.getParameter(o.UNMASKED_VENDOR_WEBGL)||"")+"",r=(t.getParameter(o.UNMASKED_RENDERER_WEBGL)||"")+""),i=[];try{i=t.getSupportedExtensions()||[]}catch(e){}for(a=b((i=i.slice().sort()).join("|")),s=["VERSION","SHADING_LANGUAGE_VERSION","VENDOR","RENDERER","MAX_TEXTURE_SIZE","MAX_RENDERBUFFER_SIZE","MAX_VIEWPORT_DIMS"],c={},u=0;s.length>u;u++){l=s[u];try{null!=(d=t[l])&&(c[l]=t.getParameter(d)+"")}catch(e){}}for(_=Object.keys(c).sort(),p=[],f=0;_.length>f;f++)p.push((h=_[f])+"="+c[h]);return g=b(p.join("|")),m=b([n,r,a,g].join("|")),{vendor:n,renderer:r,extensions_hash:a,params_hash:g,webgl_fp:m}},{vendor:"",renderer:"",extensions_hash:"",params_hash:"",webgl_fp:""}),H=F.webgl_fp||"",U=S(),X=k(function(){var e,t,n;if("undefined"==typeof navigator||!navigator.plugins)return"";for(e=[],t=0;t<navigator.plugins.length;t++)n=navigator.plugins[t],e.push((n.name||"")+";"+(n.description||"")+";"+(n.filename||""));return e.sort(),b(e.join("|"))},""),Y=k(function(){var e,t,n;if("undefined"==typeof navigator||!navigator.plugins)return[];for(e=[],t=0;t<navigator.plugins.length;t++)(n=((navigator.plugins[t].name||"")+"").trim())&&e.push(n);return e.sort(),e},[]),G=P(),z=E(),W=k(function(){var e,t,n="undefined"!=typeof window?window.AudioContext||window.webkitAudioContext:null;if(!n)return-1;if(t=(e=new n).sampleRate||-1,e.close)try{e.close()}catch(n){}return t>0?Math.round(t):-1},-1),J=(R.platform||"")+"",Q=0;try{Q=R.plugins?R.plugins.length:0}catch(R){}e=G.count,t=H?"available":"unavailable",n=!0===R.webdriver?1:0,r=0,o=0;try{K&&K.documentElement&&(r=K.documentElement.clientWidth||B.innerWidth||0,o=K.documentElement.clientHeight||B.innerHeight||0)}catch(R){}i=0,(1===n||"available"!==t&&0===Q&&e>=0&&2>=e&&(0>=r||0>=o))&&(i=1),a="";try{"undefined"!=typeof Intl&&Intl.DateTimeFormat&&(a=Intl.DateTimeFormat().resolvedOptions().timeZone||"")}catch(R){}s=function(){try{return"undefined"==typeof location?"":(location.protocol||"")+"//"+(location.host||"")+(location.pathname||"")}catch(R){return""}}(),c="",u="",l="";try{"undefined"!=typeof location&&(c=location.hostname||"",u=location.pathname||"",location.search&&(l=b(location.search)))}catch(R){}_=function(e){var t,n=((e||"")+"").trim();if(!n)return{referer_domain:"",referer_path:""};try{return{referer_domain:(t=new URL(n)).hostname||"",referer_path:t.pathname||""}}catch(e){return{referer_domain:"",referer_path:""}}}(d=K&&K.referrer?K.referrer+"":""),p=function(e){var t,n,r,o;if(t=(e=e||{}).userAgent,/iPhone|iPad|iPod/i.test(t=(t||"")+"")&&!/CriOS\/|FxiOS\/|EdgiOS\/|OPiOS\//i.test(t)&&/Version\/[\d.]+.*Safari/i.test(t))return O(e.userAgent);try{if((n=e.userAgentData&&e.userAgentData.brands)&&n.length)for(r=0;n.length>r;r++)if((o=(n[r].brand||"")+"")&&"Chromium"!==o&&0!==o.indexOf("Not")&&"Not.A/Brand"!==o)return{browser_name:o,browser_version:(n[r].version||"unknown")+""}}catch(e){}return O(e.userAgent)}(R),f=z.supported?z.supported.length:-1,g=Math.round(96*(h=B.devicePixelRatio||1)),m=-1;try{null!=R.hardwareConcurrency&&R.hardwareConcurrency>0&&(m=R.hardwareConcurrency)}catch(R){}y=m,v=-1;try{null!=R.deviceMemory&&R.deviceMemory>0&&(v=Math.round(10*R.deviceMemory)/10)}catch(R){}return w=j&&j.type?j.type+"":"unknown",C=R.maxTouchPoints||0,{platform:"web",os_family:I(V,J),device_type:A(V),browser_kernel:M(V),browser_name:p.browser_name,browser_version:p.browser_version,browser_platform:J,display_mode:k(function(){return"undefined"==typeof window||"function"!=typeof window.matchMedia?"unknown":window.matchMedia("(display-mode: standalone)").matches?"standalone":window.matchMedia("(display-mode: fullscreen)").matches?"fullscreen":window.matchMedia("(display-mode: minimal-ui)").matches?"minimal-ui":"browser"},"unknown"),visibility_state:k(function(){if("undefined"==typeof document)return"unknown";var e=document.visibilityState;return"visible"===e||"hidden"===e?e:"unknown"},"unknown"),screen_width:q.width||0,screen_height:q.height||0,screen_dpi:g,device_pixel_ratio:Math.round(100*h),orientation:L(),viewport_width:r>0?Math.round(r):-1,viewport_height:o>0?Math.round(o):-1,color_depth:q.colorDepth||0,max_touch_points:C,touch_support:C>0?1:0,hardware_concurrency:m,cpu_cores:y,device_memory_gb:v,is_debug:0,language:R.language||"",timezone:a,cookie_enabled:R.cookieEnabled?1:0,local_storage_enabled:T("local"),session_storage_enabled:T("session"),indexeddb_enabled:x(),service_worker_enabled:D(),network_type:"unknown",connection_type:w,effective_type:j&&j.effectiveType?j.effectiveType+"":"unknown",downlink:j&&null!=j.downlink?Math.round(1e3*j.downlink):-1,rtt:j&&null!=j.rtt?j.rtt:-1,canvas_fp:N,webgl_fp:H,webgl_vendor:F.vendor||"",webgl_renderer:F.renderer||"",webgl_extensions_hash:F.extensions_hash||"",webgl_params_hash:F.params_hash||"",audio_fp:U,audio_sample_rate:W>0?W:44100,fonts:G.installed||[],fonts_hash:G.hash,plugins:Y,plugins_hash:X,mimes:z.supported||[],mimes_hash:z.hash,mime_count:f,plugin_count:Q,font_count:e,webgl_status:t,has_webdriver:n,is_headless:i,headless_reason:i?n?"webdriver":"composite":"",current_url:s,current_domain:c,current_path:u,current_query_hash:l,referer:d,referer_domain:_.referer_domain,referer_path:_.referer_path}}function q(e){return null==e?"":e+""}function B(e){var t=e||{},n={app_id:(t.appId||"")+"",uid:null!=t.uid?t.uid:0,channel:(t.channel||"")+"",sid:(t.sid||"")+"",client_ts:Math.floor(Date.now()/1e3),device:(t.deviceType||"PC")+"",device_id:(t.deviceId||"")+"",device_brand:(t.deviceBrand||"")+"",device_model:(t.deviceModel||"")+"",device_fingerprint:(t.deviceFingerprint||"")+"",fp_version:(t.fpVersion||"")+"",user_agent:"undefined"!=typeof navigator&&navigator.userAgent||"",sdk_version:(t.sdkVersion||"")+"",app_version:(t.appVersion||"1.0.0")+""};return null!=t.deviceEnv&&(n.device_env=t.deviceEnv),n}function K(){var e,t,n,r=new Uint8Array(16);if("undefined"!=typeof crypto&&crypto.getRandomValues)crypto.getRandomValues(r);else for(e=0;16>e;e++)r[e]=Math.floor(256*Math.random());for(t="",n=0;r.length>n;n++)t+=("0"+r[n].toString(16)).slice(-2);return t}function V(){try{return!("undefined"==typeof window||!window.sessionStorage||(window.sessionStorage.setItem("__sdk_ss_ping__","1"),window.sessionStorage.removeItem("__sdk_ss_ping__"),0))}catch(e){return!1}}function j(){if(!un){if(un=!0,function(){try{return!("undefined"==typeof window||!window.localStorage||(window.localStorage.setItem("__web_sdk_ping__","1"),window.localStorage.removeItem("__web_sdk_ping__"),0))}catch(e){return!1}}())try{window.localStorage.removeItem(rn)}catch(e){}if("undefined"!=typeof document&&"string"==typeof document.cookie)try{var t="path=/;max-age=0;SameSite=Lax";"undefined"!=typeof location&&"https:"===location.protocol&&(t+=";Secure"),document.cookie=encodeURIComponent(on)+"=;"+t}catch(e){}}}function N(t){j();var n=function(e){return JSON.stringify({sid:e.sid,sessionStartTs:e.sessionStartTs,lastValidBehaviorAt:e.lastValidBehaviorAt})}(t);if(V())try{window.sessionStorage.setItem(tn,t.sid),window.sessionStorage.setItem(nn,n)}catch(e){}cn=t}function F(){if(cn)return cn;j();var t=null;if(V())try{t=window.sessionStorage.getItem(nn)}catch(e){}return cn=t?function(t){try{var n=JSON.parse(t);return n&&n.sid?{sid:n.sid+"",sessionStartTs:"number"==typeof n.sessionStartTs?n.sessionStartTs:Date.now(),lastValidBehaviorAt:"number"==typeof n.lastValidBehaviorAt?n.lastValidBehaviorAt:Date.now()}:null}catch(e){return null}}(t):null,cn}function H(e){return{sid:K(),sessionStartTs:e,lastValidBehaviorAt:e}}function U(e){return"number"==typeof e&&isFinite(e)?1e12>e?1e3*e:e:null}function X(e,t,n){var r=U(e.sessionStartTs)||n,o=U(e.lastValidBehaviorAt)||r,i=n;return"idle"===t?i=Math.min(i=Math.max(r,o+an),n):"forced"===t&&(i=Math.min(r+sn,n)),Math.max(r,i)}function Y(e,t,n){var r,o;return n=n||Date.now(),r=U(e.sessionStartTs)||n,o=X(e,t,n),{sid:e.sid,sessionStartTs:r,lastValidBehaviorAt:U(e.lastValidBehaviorAt)||r,sessionEndTs:o,endReason:t}}function G(e){var t,n,r,o,i;return e=e||Date.now(),(t=F())?(r=e-t.sessionStartTs>sn,e-t.lastValidBehaviorAt>an||r?(o=Y(t,r?"forced":"idle",e),N(i=H(e)),{sid:i.sid,isNew:!0,endedSession:o}):{sid:t.sid,isNew:!1}):(N(n=H(e)),{sid:n.sid,isNew:!0})}function z(){var e=F();return e?e.sid:""}function W(){cn=null}function J(){try{return!("undefined"==typeof window||!window.localStorage||(window.localStorage.setItem(dn,"1"),window.localStorage.removeItem(dn),0))}catch(e){return!1}}function Q(){var t,n;if(!J())return Promise.resolve(_n||"NULL");try{return(t=window.localStorage.getItem(ln))&&/^[0-9a-f]{32}$/.test(t)?Promise.resolve(t):(n=function(){var e,t,n,r=new Uint8Array(16);if("undefined"!=typeof crypto&&crypto.getRandomValues)crypto.getRandomValues(r);else for(e=0;16>e;e++)r[e]=Math.floor(256*Math.random());for(t="",n=0;r.length>n;n++)t+=("0"+r[n].toString(16)).slice(-2);return t}(),window.localStorage.setItem(ln,n),_n=n,Promise.resolve(n))}catch(e){return Promise.resolve("NULL")}}function $(t,n){n&&(t.audio_fp=n),fn=t;var r=function(){if(!J())return"";try{var t=window.localStorage.getItem(pn);if(t&&/^[0-9a-f]{16,64}$/i.test(t))return t.toLowerCase()}catch(e){}return""}();return r?hn=r:(hn=function(e){var t,n,r,o,i,a;for(t=e||{},n={screen_width:1,screen_height:1,screen_dpi:1,device_pixel_ratio:1,color_depth:1,max_touch_points:1,cpu_cores:1,cookie_enabled:1,local_storage_enabled:1,session_storage_enabled:1,indexeddb_enabled:1,service_worker_enabled:1},r={canvas_fp:1,webgl_fp:1,audio_fp:1,fonts_hash:1,plugins_hash:1,mimes_hash:1},o=[],i=0;Qt.length>i;i++)o.push((a=Qt[i])+"="+w(t[a],n[a]?"int":r[a]?"hash":"string"));return d("fp_v3|fingerprint_platform=web|"+o.join("|"))}(t),function(t){if(t&&J())try{window.localStorage.setItem(pn,t)}catch(e){}}(hn)),{snapshot:t,fingerprint:hn}}function Z(){return fn&&hn?Promise.resolve({snapshot:fn,fingerprint:hn}):gn||(gn=new Promise(function(e){k(function(){var t,n,r,o,i="undefined"!=typeof OfflineAudioContext?OfflineAudioContext:"undefined"!=typeof webkitOfflineAudioContext?webkitOfflineAudioContext:null;i?((n=(t=new i(1,44100,44100)).createOscillator()).type="triangle",n.frequency.value=1e4,r=t.createDynamicsCompressor(),n.connect(r),r.connect(t.destination),n.start(0),(o=t.startRendering())&&"function"==typeof o.then?o.then(function(t){for(var n=t.getChannelData(0),r=0,o=4500;5e3>o&&n.length>o;o++)r+=Math.abs(n[o]);e(b(r+""))}).catch(function(){e("")}):e(S())):e("")},e(""))}).then(function(e){return $(R(),e)}).catch(function(){return $(R(),"")}),gn)}function ee(){return hn}function te(){return Wt}function ne(){return mn.digest()}function re(){try{if("undefined"!=typeof screen&&screen.orientation&&screen.orientation.type){var t=screen.orientation.type+"";if(-1!==t.indexOf("landscape"))return"landscape";if(-1!==t.indexOf("portrait"))return"portrait"}if("undefined"!=typeof screen&&null!=screen.width&&null!=screen.height){if(screen.width>screen.height)return"landscape";if(screen.width<screen.height)return"portrait"}}catch(e){}return"unknown"}function oe(){var t,n;try{return"undefined"==typeof document?-1:(t=document.documentElement||document.body)&&(n=t.scrollHeight||0)>0?Math.round(n):-1}catch(e){return-1}}function ie(e,t){var n=t.accumulated_ms||0;return null!=t.resume_at_ms&&(n+=Math.max(0,e-t.resume_at_ms)),n}function ae(){return xn.pageSeqCounter++,xn.currentPageSeq=xn.pageSeqCounter,xn.currentPageSeq}function se(){try{return!("undefined"==typeof window||!window.sessionStorage||(window.sessionStorage.setItem("__sdk_metrics_ping__","1"),window.sessionStorage.removeItem("__sdk_metrics_ping__"),0))}catch(e){return!1}}function ce(e){var t,n=e||xn;return{eventCountTotal:n.eventCountTotal||0,businessEventCount:n.businessEventCount||0,pageViewCount:n.pageViewCount||0,pageClickCount:n.pageClickCount||0,networkChangeCount:n.networkChangeCount||0,backgroundCount:n.backgroundCount||0,pageKeys:le({},n.pageKeys||{}),pageStayList:(n.pageStayList||[]).slice(),pageSeqCounter:n.pageSeqCounter||0,currentPageSeq:n.currentPageSeq||0,lastEventName:n.lastEventName||"",scrollTotalCount:n.scrollTotalCount||0,scrollTotalDistance:n.scrollTotalDistance||0,scrollUpCount:n.scrollUpCount||0,scrollDownCount:n.scrollDownCount||0,scrollDirectionChangeCount:n.scrollDirectionChangeCount||0,lastScrollDirection:n.lastScrollDirection||0,firstScrollDelayMs:null!=n.firstScrollDelayMs?n.firstScrollDelayMs:-1,hasScrolled:!!n.hasScrolled,maxScrollDepthPercent:n.maxScrollDepthPercent||0,isReachBottom:n.isReachBottom||0,keydownTotalCount:n.keydownTotalCount||0,inputCount:n.inputCount||0,focusTotalCount:n.focusTotalCount||0,firstInteractionDelayMs:null!=n.firstInteractionDelayMs?n.firstInteractionDelayMs:-1,firstInteractionRecorded:!!n.firstInteractionRecorded,lastOrientation:n.lastOrientation||"unknown",touchTotalCount:n.touchTotalCount||0,swipeTotalCount:n.swipeTotalCount||0,longPressTotalCount:n.longPressTotalCount||0,pinchTotalCount:n.pinchTotalCount||0,currentPage:(t=n.currentPage,t&&"object"==typeof t?{page_key:(t.page_key||"")+"",page_name:(t.page_name||"")+"",enter_time:null!=t.enter_time?t.enter_time:Date.now(),enter_time_ms:null!=t.enter_time_ms?t.enter_time_ms:t.enter_time,page_seq_in_sid:t.page_seq_in_sid||0,has_interaction:!!t.has_interaction,accumulated_ms:t.accumulated_ms||0,resume_at_ms:null!=t.resume_at_ms?t.resume_at_ms:null,hidden_paused:!!t.hidden_paused,stay_duration_ms:t.stay_duration_ms}:null)}}function ue(e,t){return null==e||0>e||t>0&&e>t?-1:e}function le(e){var t,n,r,o,i=e||{};for(t=1;arguments.length>t;t++)if(n=arguments[t])for(r=Object.keys(n),o=0;r.length>o;o++)i[r[o]]=n[r[o]];return i}function de(e){return kn+":"+(e||"")}function _e(t){var n,r;if(!t)return null;if(n=null,se())try{n=window.sessionStorage.getItem(de(t))}catch(e){}if(!n&&ye())try{n=window.localStorage.getItem(de(t))}catch(e){}if(!n)return null;try{return(r=JSON.parse(n))&&r.sid===t?r:null}catch(e){return null}}function pe(t,n){if(t){var r=JSON.stringify(n||{});if(se())try{window.sessionStorage.setItem(de(t),r)}catch(e){}if(ye())try{window.localStorage.setItem(de(t),r)}catch(e){}}}function fe(e){if(!e)return null;var t=_e(e);return t&&t.metrics?t.metrics:null}function he(){var e,t=z();t&&(Cn?Sn||(Sn=t):(Cn=!0,(e=_e(t))&&e.metrics?(xn=ce(e.metrics),e.sessionStartedAt&&(Dn=e.sessionStartedAt),Sn=t):Sn=t))}function ge(e){var t=_e(e);return t&&t.behaviorHash?t.behaviorHash:""}function me(){var e=z();e&&(Sn&&Sn!==e||(Sn||(Sn=e),function(e){e&&pe(e,{sid:e,savedAt:Date.now(),sessionStartedAt:Dn,behaviorHash:ne(),metrics:ce(xn)})}(e)))}function ye(){try{return!("undefined"==typeof window||!window.localStorage||(window.localStorage.setItem("__sdk_metrics_ping__","1"),window.localStorage.removeItem("__sdk_metrics_ping__"),0))}catch(e){return!1}}function ve(){var t,n;if(!ye())return[];try{return(t=window.localStorage.getItem(wn))?(n=JSON.parse(t),Array.isArray(n)?n:[]):[]}catch(e){return[]}}function we(t){if(ye())try{window.localStorage.setItem(wn,JSON.stringify(t||[]))}catch(e){}}function ke(e){we(ve().filter(function(t){return t&&t.sid!==e}))}function be(e){for(var t,n=e.slice(0,yn);n.length>0;){if(t=JSON.stringify(n),vn>=t.length)return n;n.pop()}return n}function Ce(e){var t,n=xn.currentPage;n&&(n.stay_duration_ms=ie(e,n),t={page_key:n.page_key,page_name:n.page_name||"",stay_duration_ms:n.stay_duration_ms,enter_time:Math.floor(n.enter_time/1e3),has_interaction:n.has_interaction?1:0},n.page_seq_in_sid&&(t.page_seq_in_sid=n.page_seq_in_sid),xn.pageStayList.push(t),xn.pageStayList=be(xn.pageStayList),xn.currentPage=null)}function Se(){xn.firstInteractionRecorded||(xn.firstInteractionRecorded=!0,xn.firstInteractionDelayMs=Math.max(0,Date.now()-Dn))}function Pe(){xn.lastOrientation=re()}function Ee(e){e&&xn.currentPage&&xn.currentPage.page_key===e&&(xn.currentPage.has_interaction=!0)}function Te(e,t,n,r){var o=Date.now();Ce(o),xn.currentPage={page_key:(e||"")+"",page_name:(t||"")+"",enter_time:null!=n?1e3*n:o,enter_time_ms:o,page_seq_in_sid:r||xn.currentPageSeq||0,has_interaction:!1,accumulated_ms:0,resume_at_ms:o,hidden_paused:!1}}function xe(){Ce(Date.now())}function De(t){var n,r=t;if(null==r)return null;if("string"==typeof r)try{r=JSON.parse(r)}catch(e){return null}return r&&"object"==typeof r?(n={page_key:(r.page_key||"")+"",page_name:(r.page_name||"")+"",stay_duration_ms:null!=r.stay_duration_ms?r.stay_duration_ms:0,enter_time:null!=r.enter_time?r.enter_time:0,has_interaction:r.has_interaction?1:0},null!=r.page_seq_in_sid&&(n.page_seq_in_sid=r.page_seq_in_sid),n):null}function Me(e,t,n){var r,o,i,a,s,c,u,l,d,_,p,f=e||{},h=f.sid||z(),g=h&&h===z();for(n?r=ce(n):g?(xe(),me(),r=ce(xn)):r=function(e){var t,n;return he(),!(t=e||z())||t!==z()||Sn&&Sn!==t?(n=fe(t))?ce(n):Sn&&Sn!==t?{eventCountTotal:0,businessEventCount:0,pageViewCount:0,pageClickCount:0,networkChangeCount:0,backgroundCount:0,pageKeys:{},pageStayList:[],pageSeqCounter:0,currentPageSeq:0,lastEventName:"",scrollTotalCount:0,scrollTotalDistance:0,scrollUpCount:0,scrollDownCount:0,scrollDirectionChangeCount:0,lastScrollDirection:0,firstScrollDelayMs:-1,hasScrolled:!1,maxScrollDepthPercent:0,isReachBottom:0,keydownTotalCount:0,inputCount:0,focusTotalCount:0,firstInteractionDelayMs:-1,firstInteractionRecorded:!1,lastOrientation:"unknown",touchTotalCount:0,swipeTotalCount:0,longPressTotalCount:0,pinchTotalCount:0,currentPage:null}:ce(xn):ce(xn)}(h),o=function(e,t){var n=Date.now(),r=e||{},o=U(r.sessionStartTs)||n,i=null!=r.sessionEndTs?U(r.sessionEndTs):X(r,t||"idle",n);return{startTs:o,endTs:i=Math.max(o,i||n)}}(f,t),s=Math.max(0,(a=o.endTs)-(i=o.startTs)),c=le({},r.pageKeys||{}),u=function(e){var t,n,r=[];for(t=0;(e||[]).length>t;t++)(n=De(e[t]))&&r.push(n);return r}(function(e){var t,n,r,o={},i=[];for(t=0;e.length>t;t++)null!=(r=(n=e[t])&&n.page_seq_in_sid)&&o[r]||(null!=r&&(o[r]=!0),i.push(n));return i}((r.pageStayList||[]).slice()).sort(function(e,t){return(e.page_seq_in_sid||0)-(t.page_seq_in_sid||0)})),u=function(e,t,n){var r,o,i,a=Math.floor((t||0)/1e3),s=Math.floor((n||Date.now())/1e3),c=Math.max(0,a-5),u=[];for(r=0;(e||[]).length>r;r++)(o=e[r])&&((i=null!=o.enter_time?+o.enter_time:0)>0&&c>i||i>s+5||u.push(o));return u}(u,i,a),l=0;u.length>l;l++)(d=u[l]&&u[l].page_key?u[l].page_key+"":"")&&(c[d]=1);return _=Object.keys(c),p=n?ge(h)||ne():g?ne():ge(h)||ne(),{session_start_ts:Math.floor(i/1e3),session_end_ts:Math.floor(a/1e3),session_duration_ms:s,event_count_total:r.eventCountTotal||0,business_event_count:r.businessEventCount||0,page_count:_.length,page_view_count:r.pageViewCount||0,page_click_count:r.pageClickCount||0,session_end_reason:(t||"idle")+"",last_event_name:r.lastEventName||"",page_stay_list:u,behavior_sequence_hash:p,network_change_count:r.networkChangeCount||0,scroll_total_count:r.scrollTotalCount||0,scroll_total_distance_px:Math.round(r.scrollTotalDistance||0),scroll_up_count:r.scrollUpCount||0,scroll_down_count:r.scrollDownCount||0,scroll_direction_change_count:r.scrollDirectionChangeCount||0,first_scroll_delay_ms:ue(null!=r.firstScrollDelayMs?r.firstScrollDelayMs:-1,s),max_scroll_depth_percent:r.maxScrollDepthPercent||0,is_reach_bottom:r.isReachBottom||0,content_height:oe(),keydown_total_count:r.keydownTotalCount||0,input_count:r.inputCount||0,focus_total_count:r.focusTotalCount||0,first_interaction_delay_ms:ue(null!=r.firstInteractionDelayMs?r.firstInteractionDelayMs:-1,s),orientation:r.lastOrientation||re(),touch_total_count:r.touchTotalCount||0,swipe_total_count:r.swipeTotalCount||0,long_press_total_count:r.longPressTotalCount||0,pinch_total_count:r.pinchTotalCount||0}}function Ie(){On=!0,setTimeout(function(){On=!1},2e3)}function Ae(e){var t,n,r,o,i=e||{};for(t=1;arguments.length>t;t++)if(n=arguments[t])for(r=Object.keys(n),o=0;r.length>o;o++)i[r[o]]=n[r[o]];return i}function Oe(t){return e((null==t?"":t)+"").substr(0,32)}function Le(e){return null!=e&&""!==(e+"").trim()}function Re(){try{return"undefined"==typeof location?"":(location.protocol||"")+"//"+(location.host||"")+(location.pathname||"")}catch(e){return""}}function qe(e){var t=(null==e?"":e)+"";return(t=(t=(t=t.replace(/\.html?$/i,"")).replace(/[^a-zA-Z0-9_]+/g,"_")).replace(/_+/g,"_").replace(/^_|_$/g,""))||"index"}function Be(){try{return qe(("undefined"!=typeof location&&location.pathname?location.pathname:"/").replace(/^\/+|\/+$/g,"").replace(/\//g,"_")||"index")}catch(e){return"index"}}function Ke(){try{return document.scrollingElement||document.documentElement||document.body||null}catch(e){return null}}function Ve(){try{var t=Ke();return t?{scroll_top:Math.max(0,Math.round(t.scrollTop||0)),scroll_left:Math.max(0,Math.round(t.scrollLeft||0))}:{scroll_top:-1,scroll_left:-1}}catch(e){return{scroll_top:-1,scroll_left:-1}}}function je(e,t){if(null==e||!isFinite(e))return-1;var n=Math.round(+e);return 0>n&&(n=0),null!=t&&t>0&&n>t&&(n=t),n}function Ne(){var t,n,r;try{return(t=document.documentElement||document.body)?(r=t.scrollHeight||0,(n=t.scrollWidth||0)>0&&r>0?{page_width:Math.round(n),page_height:Math.round(r)}:{page_width:-1,page_height:-1}):{page_width:-1,page_height:-1}}catch(e){return{page_width:-1,page_height:-1}}}function Fe(){var t,n;try{return"undefined"==typeof window?{viewport_width:-1,viewport_height:-1}:(t=window.innerWidth||0,n=window.innerHeight||0,t>0&&n>0?{viewport_width:Math.round(t),viewport_height:Math.round(n)}:{viewport_width:-1,viewport_height:-1})}catch(e){return{viewport_width:-1,viewport_height:-1}}}function He(){var t,n;try{return"undefined"==typeof screen?{screen_width:-1,screen_height:-1}:(t=screen.width||0,n=screen.height||0,t>0&&n>0?{screen_width:Math.round(t),screen_height:Math.round(n)}:{screen_width:-1,screen_height:-1})}catch(e){return{screen_width:-1,screen_height:-1}}}function Ue(){var t,n,r;try{if("undefined"!=typeof performance&&performance.timing&&(t=performance.timing).loadEventEnd&&t.navigationStart&&t.loadEventEnd>0)return Math.max(0,t.loadEventEnd-t.navigationStart);if("undefined"!=typeof performance&&"function"==typeof performance.getEntriesByType&&(n=performance.getEntriesByType("navigation"))&&n.length>0&&(r=n[0]).loadEventEnd>0&&r.fetchStart>=0)return Math.max(0,Math.round(r.loadEventEnd-r.fetchStart))}catch(e){}return 0}function Xe(e,t){return t>0?Math.min(100,Math.max(0,Math.round(e/t*100))):0}function Ye(e){return e?{clientX:null!=e.clientX?e.clientX:null,clientY:null!=e.clientY?e.clientY:null,pageX:null!=e.pageX?e.pageX:null,pageY:null!=e.pageY?e.pageY:null}:{}}function Ge(e){var t,n,r,o,i,a,s,c,u=e||{},l=Fe(),d=Ne(),_=Ve(),p=function(e){return!!e&&(null!=e.clientX||null!=e.clientY||null!=e.pageX||null!=e.pageY)}(u),f=d.page_width>0&&d.page_height>0,h=He(),g=f&&_.scroll_top>=0?_.scroll_top:0,m=f&&_.scroll_left>=0?_.scroll_left:0,y=l.viewport_width>0?l.viewport_width:-1,v=l.viewport_height>0?l.viewport_height:-1;return p?(n=null!=u.clientY?+u.clientY:null,r=null!=u.pageX?+u.pageX:null,o=null!=u.pageY?+u.pageY:null,null!=(t=null!=u.clientX?+u.clientX:null)||null!=n?(i=null!=t&&isFinite(t)?t:0,a=null!=n&&isFinite(n)?n:0,s=f?null!=r&&isFinite(r)?r:i+m:-1,c=f?null!=o&&isFinite(o)?o:a+g:-1):(s=f&&null!=r&&isFinite(r)?r:-1,c=f&&null!=o&&isFinite(o)?o:-1,i=null!=r&&isFinite(r)?r-m:0,a=null!=o&&isFinite(o)?o-g:0),i=je(i,y),a=je(a,v),f&&(s=je(s,d.page_width),c=je(c,d.page_height)),Ae({click_viewport_x:i,click_viewport_y:a,click_document_x:f?s:-1,click_document_y:f?c:-1,click_page_x:i,click_page_y:a,click_x_percent:y>0?Xe(i,y):-1,click_y_percent:v>0?Xe(a,v):-1,screen_width:h.screen_width,screen_height:h.screen_height},l,f?d:{page_width:-1,page_height:-1},f?_:{scroll_top:-1,scroll_left:-1})):{click_viewport_x:-1,click_viewport_y:-1,click_document_x:-1,click_document_y:-1,click_page_x:-1,click_page_y:-1,click_x_percent:-1,click_y_percent:-1,screen_width:h.screen_width,screen_height:h.screen_height,viewport_width:l.viewport_width,viewport_height:l.viewport_height,page_width:f?d.page_width:-1,page_height:f?d.page_height:-1,scroll_top:f?_.scroll_top:-1,scroll_left:f?_.scroll_left:-1}}function ze(t){var n=t||{},r=qe(n.pageKey||Be()),o=n.pageName||"undefined"!=typeof document&&document.title||r,i=function(){try{return"undefined"==typeof location?{}:{page_url:Re(),page_domain:(location.hostname||"")+"",page_path:(location.pathname||"")+"",page_query_hash:location.search?Oe(location.search):""}}catch(e){return{}}}(),a=Fe();return{user_type:"",page_key:r,page_name:o,referrer_page_key:(n.previousPageKey||"")+"",referrer_page_name:(n.previousPageName||"")+"",current_page_key:r,current_page_name:o,recommend_trace_id:"",page_url:i.page_url,viewport_width:a.viewport_width,viewport_height:a.viewport_height,is_sdk_auto_collected:1}}function We(e){var t,n,r,o,i=e||{};for(t=1;arguments.length>t;t++)if(n=arguments[t])for(r=Object.keys(n),o=0;r.length>o;o++)i[r[o]]=n[r[o]];return i}function Je(e,t){var n,r;return"app_session_summary"===t?We({},e.summaryFields||{},e.payload||{}):(n=function(e){var t=We({},e||{});return delete t._metricsRecorded,delete t._pageSeqPrealloc,delete t._clickSnap,t}(e.payload||{}),r={event:1,payload:1,event_id:1,summaryFields:1,_pageSeqInSid:1,_metricsRecorded:1,_sdkAutoClick:1,_pageSeqPrealloc:1},Object.keys(e).forEach(function(t){r[t]||(n[t]=e[t])}),n)}function Qe(e,t,n,r,o){var i,a,s,c,u,d,h,g=e||{},y=((n.event||"")+"").trim(),v=n.lifecycle_event_key||n.payload&&n.payload.lifecycle_event_key||"";return function(e,t){var n,r=(e||"")+"";return"app_page_view"===r||"page_click"===r||("app_lifecycle"===r?"cold_start"==(n=(t||"")+"")||"web_load"===n||"warm_start"===n||"foreground"===n:"sdk_init"!==r&&"network_state_change"!==r&&"app_session_summary"!==r&&"background"!==r)}(y,v)&&(c=Date.now(),(u=F())?(u.lastValidBehaviorAt=c,N(u)):N(H(c))),i="",n.payload&&null!=n.payload.page_key?i=n.payload.page_key+"":null!=n.page_key&&(i=n.page_key+""),function(e,t,n){"app_lifecycle"===e&&t&&en[t]?mn.append(t,n):("app_page_view"===e||"page_click"===e||e&&!Tn[e])&&mn.append(e,n)}(y,v,i),a=function(e,t){return B({appId:e.appId,channel:e.channel,uid:e.uid,sid:t,deviceId:(n=e.deviceId,((null==n?"":n)+"").trim()||"NULL"),deviceType:e.deviceType||"PC",deviceBrand:e.deviceBrand||"",deviceModel:e.deviceModel||"",deviceFingerprint:ee(),fpVersion:te(),sdkVersion:e.sdkVersion,appVersion:e.appVersion});var n}(g,t),function(e,t){var n,r;if(he(),(n=(e||"")+"")&&"app_session_summary"!==n){if("app_page_view"===n&&t&&t._metricsRecorded)return xn.lastEventName=n,void me();xn.eventCountTotal++,xn.lastEventName=n,Tn[n]||xn.businessEventCount++,r=t&&null!=t.page_key?t.page_key+"":"","app_page_view"===n?(xn.pageViewCount++,r&&(xn.pageKeys[r]=1)):"page_click"===n?(xn.pageClickCount++,Ee(r)):"network_state_change"===n?xn.networkChangeCount++:r&&Ee(r),me()}}(y,n.payload||{}),s=function(e,t){return function(e,t){for(var n=t||{},r={},o=Object.keys(e||{}),i=0;o.length>i;i++)r[o[i]]=e[o[i]];return r.event_sig_version=(n.eventSigVersion||Jt)+"",r.event_sig=n.hmacKey?function(e,t){return t?function(e,t){var n,r,o,i,a=_((null==t?"":t)+"");for(a.length>64&&(a=p(l(a)));64>a.length;)a.push(0);for(n=[],r=[],o=0;64>o;o++)n.push(54^a[o]),r.push(92^a[o]);return i=p(l(f(n,_((null==e?"":e)+"")))),l(f(r,i))}(function(e){var t=e||{};return[q(t.event),q(t.event_id),q(t.app_id),q(t.client_ts),q(t.device_fingerprint)].join("|")}(e),t+""):""}(e,n.hmacKey):"",r}(e,{hmacKey:t&&t.hmacKey?t.hmacKey:"",eventSigVersion:Jt})}(function(e,t,n){return function(e,t){var n=function(){var e,t,n,r,o;for(e={},t=0;arguments.length>t;t++)if(n=arguments[t])for(r=Object.keys(n),o=0;r.length>o;o++)e[r[o]]=n[r[o]];return e}(e,t);return n.event_id||(n.event_id=m(n)),n}(e,{event:n,payload:Je(t,n)})}(a,n,y),r),"app_page_view"===y&&n.payload&&n.payload.page_key&&(n.payload._metricsRecorded||n._metricsRecorded||Te(n.payload.page_key,n.payload.page_name,n.payload.page_enter_ts,null!=n._pageSeqInSid?n._pageSeqInSid:n.payload.page_seq_in_sid)),"page_click"===y&&n.payload&&!n._sdkAutoClick&&An.push({x:null!=(d=null!=n.payload.click_viewport_x?n.payload.click_viewport_x:n.payload.click_page_x)?d:0,y:null!=(h=null!=n.payload.click_viewport_y?n.payload.click_viewport_y:n.payload.click_page_y)?h:0,t:Date.now()}),s._sessionInfo=o||null,s}function $e(t,n,r){var o=We({},n||{}),i=((o.event||"")+"").trim();return Bn[i]&&o.payload&&1!==o.payload.is_sdk_auto_collected&&(o.payload=function(e,t,n){var r,o=e||{},i=1===o.is_sdk_auto_collected,a=((n||"")+"").trim(),s="app_page_view"===a||null!=o.page_key&&(null!=o.current_page_key||null!=o.user_type),c="page_click"===a,u={}||{},l=qe(o.page_key||Be());return r=s?ze(Ae(u,{pageKey:l,pageName:o.page_name})):c?Ae({page_key:l,page_name:o.page_name||"undefined"!=typeof document&&document.title||l,recommend_trace_id:"",referrer_page_key:u.previousPageKey||""},function(e){var t=e||{},n=Fe(),r=He(),o=Ne(),i=Ve(),a=o.page_width>0&&o.page_height>0,s=a&&i.scroll_top>=0?i.scroll_top:0,c=a&&i.scroll_left>=0?i.scroll_left:0,u=n.viewport_width>0?n.viewport_width:-1,l=n.viewport_height>0?n.viewport_height:-1,d=null!=t.click_page_x?+t.click_page_x:null,_=null!=t.click_page_y?+t.click_page_y:null,p=-1,f=-1,h=-1,g=-1;return null!=d&&isFinite(d)&&null!=_&&isFinite(_)?(p=d,f=_,a&&(h=d+c,g=_+s)):null!=t.click_x_percent&&null!=t.click_y_percent&&u>0&&l>0&&(p=+t.click_x_percent/100*u,f=+t.click_y_percent/100*l,a&&(h=p+c,g=f+s)),-1!==p&&(p=je(p,u)),-1!==f&&(f=je(f,l)),a&&-1!==h&&(h=je(h,o.page_width)),a&&-1!==g&&(g=je(g,o.page_height)),{click_viewport_x:p,click_viewport_y:f,click_document_x:a?h:-1,click_document_y:a?g:-1,screen_width:r.screen_width,screen_height:r.screen_height,viewport_width:n.viewport_width,viewport_height:n.viewport_height,page_width:a?o.page_width:-1,page_height:a?o.page_height:-1,scroll_top:a?i.scroll_top:-1,scroll_left:a?i.scroll_left:-1}}(o)):{page_key:l,page_name:o.page_name||"undefined"!=typeof document&&document.title||l,recommend_trace_id:"",referrer_page_key:u.previousPageKey||""},i||s?i&&(r.is_sdk_auto_collected=1):delete r.is_sdk_auto_collected,function(e,t){var n,r,o=Ae({},e||{}),i=Object.keys(t||{});for(n=0;i.length>n;n++)Le(o[r=i[n]])||(o[r]=t[r]);return o}(o,r)}(o.payload,0,i)),Z().then(function(){var n,a=G();if(a.endedSession&&qn)try{qn(a.endedSession)}catch(e){}return n=a.sid||z(),Bn[i]&&o.payload&&function(t,n){var r,o,i,a=((t.event||"")+"").trim();Bn[a]&&t.payload&&("app_page_view"===a?1===t.payload.is_sdk_auto_collected?(r=t.payload._pageSeqPrealloc||ae(),o=t.payload._metricsRecorded,null!=t.payload._pageSeqPrealloc&&delete t.payload._pageSeqPrealloc,t.payload=function(e,t,n){var r=e||{},o=Fe(),i=Math.floor(Date.now()/1e3),a=Oe((t||"")+"|"+(n||0)+"|"+i),s=Ue(),c=qe(r.page_key||""),u=(r.page_name||"")+"";return{user_type:(null!=r.user_type?r.user_type:"")+"",page_key:c,page_name:u,referrer_page_key:(null!=r.referrer_page_key?r.referrer_page_key:"")+"",referrer_page_name:(null!=r.referrer_page_name?r.referrer_page_name:"")+"",current_page_key:(null!=r.current_page_key?r.current_page_key:c)+"",current_page_name:(null!=r.current_page_name?r.current_page_name:u)+"",recommend_trace_id:(null!=r.recommend_trace_id?r.recommend_trace_id:"")+"",page_id:a,page_enter_ts:i,page_url:r.page_url||Re(),page_load_time:null!=s?s:0,viewport_width:o.viewport_width,viewport_height:o.viewport_height}}(t.payload,n,r),t._pageSeqInSid=r,o&&(t._metricsRecorded=1)):(i=function(t,n){var r,o=t||{},i=null!=o.page_enter_ts?o.page_enter_ts:Math.floor(Date.now()/1e3),a=o.page_seq_in_sid||ae();return{page_seq_in_sid:a,page_id:o.page_id||e((null==(r=(n||"")+"|"+a+"|"+i)?"":r)+"").substr(0,32),page_enter_ts:i}}(t.payload,n),t.payload=We(t.payload,i)):"page_click"===a&&1===t.payload.is_sdk_auto_collected&&(t.payload=function(e){var t=e||{},n=Ge(t._clickSnap||t);return{page_key:qe(t.page_key||""),page_name:(t.page_name||"")+"",recommend_trace_id:(null!=t.recommend_trace_id?t.recommend_trace_id:"")+"",referrer_page_key:(null!=t.referrer_page_key?t.referrer_page_key:"")+"",click_viewport_x:n.click_viewport_x,click_viewport_y:n.click_viewport_y,click_document_x:n.click_document_x,click_document_y:n.click_document_y,click_page_x:n.click_page_x,click_page_y:n.click_page_y,click_x_percent:n.click_x_percent,click_y_percent:n.click_y_percent,screen_width:n.screen_width,screen_height:n.screen_height,viewport_width:n.viewport_width,viewport_height:n.viewport_height,page_width:n.page_width,page_height:n.page_height,scroll_top:n.scroll_top,scroll_left:n.scroll_left}}(t.payload),t._sdkAutoClick=1,delete t.payload.is_sdk_auto_collected,delete t.payload._clickSnap))}(o,n),Qe(t,n,o,r,a)})}function Ze(){try{return"undefined"==typeof location?"":(location.protocol||"")+"//"+(location.host||"")+(location.pathname||"")}catch(e){return""}}function et(){var t,n;try{return(t=function(){try{return document.scrollingElement||document.documentElement||document.body||null}catch(e){return null}}())&&(n=Math.max(0,(t.scrollHeight||0)-(t.clientHeight||0)))>0?Math.min(100,Math.max(0,Math.round((t.scrollTop||0)/n*100))):0}catch(e){return 0}}function tt(){if(On)return"navigation";try{if("hidden"===document.visibilityState)return"visibility_hidden"}catch(e){}return"unknown"}function nt(){return function(){if(xn.currentPage&&xn.currentPage.page_key)return xn.currentPage.page_key;var e=xn.pageStayList||[];return e.length>0&&e[e.length-1].page_key||""}()||Be()}function rt(){var t,n="unknown";try{n="visible"===document.visibilityState||"hidden"===document.visibilityState?document.visibilityState:"unknown"}catch(e){}return{page_url:Ze(),unload_reason:tt(),scroll_depth_percent_at_unload:et(),web_visibility_state:n,page_stay_duration_ms:(t=xn.currentPage,t?ie(Date.now(),t):0),last_active_page_key:nt()}}function ot(e,t,n,r){var o,i,a=n||{};return a.lifecycle_event_key=t,t===Kn&&(a=at((o=Fe(),{page_url:Ze(),page_load_time_ms:Ue(),viewport_width:o.viewport_width,viewport_height:o.viewport_height}),a)),t===Nn&&(a=at(a,rt())),t===jn&&((i=xn.currentPage)&&!i.hidden_paused&&(i.accumulated_ms=ie(Date.now(),i),i.resume_at_ms=null,i.hidden_paused=!0),a.last_active_page_key||(a.last_active_page_key=nt())),t===Vn&&function(){var e=xn.currentPage;e&&e.hidden_paused&&(e.resume_at_ms=Date.now(),e.hidden_paused=!1)}(),$e(e,{event:"app_lifecycle",payload:a},r)}function it(e,t,n,r){return function(e,t,n,r){var o=We({},n||{});return Z().then(function(){return Qe(e,t,o,r,null)})}(e,r||z(),{event:"app_session_summary",summaryFields:t||{}},n)}function at(e){var t,n,r,o,i=e||{};for(t=1;arguments.length>t;t++)if(n=arguments[t])for(r=Object.keys(n),o=0;r.length>o;o++)i[r[o]]=n[r[o]];return i}function st(e){var t,n;return!e||2>e.length?0:Math.sqrt((t=e[0].clientX-e[1].clientX)*t+(n=e[0].clientY-e[1].clientY)*n)}function ct(){Gn&&(clearTimeout(Gn),Gn=null)}function ut(t,n,r){var o,i,a,s,c,u;if(r=r||{},!t)return Promise.resolve({sent:!1,ok:!1,status:0,reason:"no_endpoint"});if(!Array.isArray(n)||0===n.length)return Promise.resolve({sent:!0,ok:!0,status:200,reason:"empty_batch"});if(o=JSON.stringify(n),i=!0===r.useBeacon,a=!1!==r.requireHttps,c=isFinite(s=+r.timeoutMs)&&s>0?Math.floor(s):Qn,!function(e,t){if(!t)return!0;var n=((e||"")+"").match(/^(https?):\/\/([^/:?#]+)/i);return!(!n||"https"!==n[1].toLowerCase()&&("http"!==n[1].toLowerCase()||!function(e){var t=((e||"")+"").toLowerCase();return"localhost"===t||"127.0.0.1"===t||"::1"===t}(n[2])))}(t,a))return Promise.resolve({sent:!1,ok:!1,status:0,reason:"insecure_endpoint"});if(i&&"undefined"!=typeof navigator&&"function"==typeof navigator.sendBeacon)try{if(u=new Blob([o],{type:"application/json"}),navigator.sendBeacon(t,u))return Promise.resolve({sent:!0,ok:!0,status:200,transport:"beacon",uncertain:!0})}catch(e){}return function(e,t,n){var r,o;return"function"!=typeof fetch?Promise.resolve(null):(r="undefined"!=typeof AbortController?new AbortController:null,o=r&&n>0?setTimeout(function(){r.abort()},n):null,fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:t,keepalive:!0,signal:r?r.signal:void 0}).then(function(e){return o&&clearTimeout(o),{sent:!0,ok:e.ok,status:+(e.status||0),transport:"fetch"}}).catch(function(e){return o&&clearTimeout(o),e&&"object"==typeof e&&"AbortError"===e.name?{sent:!1,ok:!1,status:0,reason:"timeout",transport:"fetch"}:null}))}(t,o,c).then(function(n){return null!==n?n:function(t,n,r){return new Promise(function(o){try{if("undefined"==typeof XMLHttpRequest)return o({sent:!1,ok:!1,status:0,reason:"no_xhr"});var i=new XMLHttpRequest;i.open("POST",t,!0),i.timeout=r,i.setRequestHeader("Content-Type","application/json"),i.onreadystatechange=function(){4===i.readyState&&o({sent:!0,ok:i.status>=200&&300>i.status,status:i.status,transport:"xhr"})},i.onerror=function(){o({sent:!1,ok:!1,status:0,reason:"xhr_error"})},i.ontimeout=function(){o({sent:!1,ok:!1,status:0,reason:"timeout",transport:"xhr"})},i.send(n)}catch(e){o({sent:!1,ok:!1,status:0,reason:"xhr_exception"})}})}(t,o,c)})}function lt(e){e=e||{},this.selectedBatchEndpoint="",this.remoteEndpoints=[],this.remoteProbePromise=null,this.remoteProbeKey="",this.shouldPersistOnFail=!1,this.hasBatchProbeStarted=!1,this.initialized=!1,this.initPromise=null,this.endpointReadyListeners=[],this.timeoutMs=+e.pingTimeoutMs||1500}function dt(e){return 255&(e<<1^(128&e?27:0))}function _t(e){return(Mt[e>>>24&255]<<24|Mt[e>>>16&255]<<16|Mt[e>>>8&255]<<8|Mt[255&e])>>>0}function pt(e,t){var n,r,o,i,a,s,c,u,l,d,_,p,f=e.slice(0);for(o=[],i=0;16>i;i++)f[i]=255&(f[i]^t[i>>2]>>>24-8*(3&i));for(a=1;14>=a;a++){for(n=[],i=0;16>i;i++)n[i]=Mt[f[i]];for(r=[],c=0;4>c;c++)for(u=0;4>u;u++)r[c+4*u]=n[c+4*(u+c&3)];if(14>a){for(o=[],s=0;4>s;s++)d=r[4*s+1],_=r[4*s+2],p=r[4*s+3],o[4*s]=255&(dt(l=r[4*s])^dt(d)^d^_^p),o[4*s+1]=255&(l^dt(d)^dt(_)^_^p),o[4*s+2]=255&(l^d^dt(_)^dt(p)^p),o[4*s+3]=255&(dt(l)^l^d^_^dt(p));for(f=o,o=[],i=0;16>i;i++)f[i]=255&(f[i]^t[4*a+(i>>2)]>>>24-8*(3&i))}else for(f=r,i=0;16>i;i++)f[i]=255&(f[i]^t[4*a+(i>>2)]>>>24-8*(3&i))}return f}function ft(e,t){var n,r,o,i=[],a=t.slice(0);for(n=0;16>n;n++)i[n]=0;for(n=0;128>n;n++){if(e[n>>3]&128>>(7&n))for(r=0;16>r;r++)i[r]^=a[r];for(o=1&a[15],r=15;r>0;r--)a[r]=255&(a[r]>>>1|a[r-1]<<7);a[0]=a[0]>>>1&255,o&&(a[0]^=225)}return i}function ht(e){var t,n=e.slice(0);for(t=15;t>=12&&(n[t]=n[t]+1&255,!n[t]);t--);return n}function gt(e){this.encryptedConfigText=(e=e||{}).encryptedConfig||e.configCipher||"",this.cachedConfigPromise=null,this._secondGcmKeyBase64="en1BNo0VBrN/zi+mI2LO7E9W40ehCBYwC+frBn8s3rQ="}function mt(e,t){var n=((e&&e.event_id||"")+"").trim();return n?n+"|||"+(t||""):null}function yt(e){var t,n={},r=Object.keys(e);for(t=0;r.length>t;t++)n[r[t]]=e[r[t]];return n}function vt(){this.maxSize=tr}function wt(e){var t,n,r=e||{},o=r.im_behavior_key,i=qt[o];if(!i)throw(t=Error("[sdk][web] 未知 im_behavior_key："+o)).name="EventValidationError",t.eventMethod="imEvent",t.typeErrorFields=["im_behavior_key(unknown)"],t;return n={},Object.keys(r).forEach(function(e){"im_behavior_name"!==e&&(n[e]=r[e])}),n.im_behavior_name=i,n}function kt(e,t){var n,r,o,i,a,s=Lt[e];if(!s)throw Error("[sdk][web] 未知事件方法："+e);if(n=t||{},r={},o=[],i=[],Object.keys(s).forEach(function(e){var t,a=s[e],c=1&a,u=a>>1&3,l=!!(8&a),d=n[e];l&&null===d&&(d=""),!c||l||null!=d&&""!==d?c&&l&&void 0===d?o.push(e):(c||null!=d)&&(t=1===u?function(e){return"number"==typeof e&&isFinite(e)&&e===Math.floor(e)}(d):2===u?function(e){return"number"==typeof e&&isFinite(e)}(d):function(e){return"string"==typeof e}(d),t?r[e]=d:i.push(e+"(expected "+(1===u?"int":2===u?"number":"string")+")")):o.push(e)}),o.length||i.length)throw(a=Error("[sdk][web] 事件字段校验失败："+e)).name="EventValidationError",a.eventMethod=e,a.missingFields=o.slice(),a.typeErrorFields=i.slice(),a;return r}function bt(){var e,t,n,r,o={};for(e=0;arguments.length>e;e++)if(t=arguments[e])for(n=Object.keys(t),r=0;n.length>r;r++)o[n[r]]=t[n[r]];return o}function Ct(e){var t,n,r={};if(!e||!Array.isArray(e))return r;for(t=0;e.length>t;t++)(n=((null==e[t]?"":e[t])+"").trim())&&(Vt[n]?r[n]=1:Kt('[sdk][web] disableAutoEvents 含未知事件 "'+n+'"，已忽略'));return r}function St(e){var t,n=[],r=Object.keys(e||{});for(t=0;r.length>t;t++)n.push(r[t]);return n}function Pt(e,t){this.opts=e,this.resolver=t,this.queue=[],this.timer=null,this.flushTail=Promise.resolve(),this.replaying=!1,this.replayTimer=null,this.hasPersistentItems=!0,this.persistentQueue=new vt,this._resolveEndpoint=null,this._getEventCodes=null,this.startReplayTimer()}function Et(e){var t,n;if("undefined"==typeof window)return Kt("[web-sdk] 非浏览器环境（SSR/Node.js），SDK 仅支持浏览器，初始化已跳过。"),this._ssrSkipped=!0,this.options=e,this.configMgr=null,this.resolver=null,void(this.batcher=null);if(!Object.prototype.hasOwnProperty.call(e,"channel"))throw Error('channel 为必传字段（可传空字符串 ""）');this._ssrSkipped=!1,(t=bt(e)).channel=null==e.channel?"":e.channel+"",this._disableAutoEvents=Ct(t.disableAutoEvents),t.disableAutoEvents=St(this._disableAutoEvents),this.options=t,this.configMgr=new gt(e),this.resolver=new lt({pingTimeoutMs:nr}),this.batcher=new Pt(this.options,this.resolver),n=this,this.batcher._resolveEndpoint=function(e){return n.resolver.resolveEndpoint(function(){return n.configMgr.getBatchEndpoints()},e)},this.batcher._getEventCodes=function(){return n.configMgr.getEventCodes()},this.batcher._getSigningConfig=function(){return n.configMgr.getSigningConfig()},this._unsubReady=null,this._refreshTimer=null,this._autoLifecycleTeardown=null,this._webLoadTeardown=null,this._autoNetworkTeardown=null,this._pageTrackerTeardown=null,this._webInteractionTeardown=null,this._sessionPollTimer=null,this._autoEventsStarted=!1,this._init({}),this._startAutoEvents()}function Tt(e){if(!Ht)throw Error("请先调用 init() 初始化（参数须包含 channel）");return Ht}function xt(e,t,n){var r,o,i;if(n>=e.length)return Promise.resolve();if(!Ht||Ht!==t){for(o=(r=e.slice(n)).length-1;o>=0;o--)Ut.unshift(r[o]);return Promise.resolve()}return t.track((i=e[n]).event,i.endpoint).catch(function(){}).then(function(){return xt(e,t,n+1)})}function Dt(e,t){var n;return Ht?(n=Ht,(Xt||Promise.resolve()).then(function(){return n.track(e,t)})):(Ut.push({event:e,endpoint:t}),Ut.length>500&&Ut.shift(),Promise.resolve({sent:!1,ok:!0,status:0,reason:"pre_init_cached"}))}var Mt,It,At,Ot,Lt,Rt,qt,Bt,Kt,Vt,jt,Nt,Ft,Ht,Ut,Xt,Yt,Gt,zt=[1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298],Wt="3.0.1",Jt="sig_v2",Qt=["os_family","browser_kernel","browser_platform","screen_width","screen_height","screen_dpi","device_pixel_ratio","color_depth","max_touch_points","cpu_cores","cookie_enabled","local_storage_enabled","session_storage_enabled","indexeddb_enabled","service_worker_enabled","canvas_fp","webgl_fp","audio_fp","fonts_hash","plugins_hash","mimes_hash"],$t=["Arial","Arial Black","Comic Sans MS","Courier New","Georgia","Impact","Times New Roman","Trebuchet MS","Verdana","Microsoft YaHei","SimHei","SimSun","PingFang SC","Helvetica","Roboto","Monaco","Menlo","Consolas","Palatino Linotype","Tahoma","Lucida Console","Candara","Futura","Geneva"],Zt=[{kind:"video",type:'video/mp4; codecs="avc1.42E01E"'},{kind:"video",type:'video/webm; codecs="vp8, vorbis"'},{kind:"video",type:'video/ogg; codecs="theora"'},{kind:"video",type:"video/mp4"},{kind:"video",type:"video/webm"},{kind:"audio",type:"audio/mpeg"},{kind:"audio",type:'audio/ogg; codecs="vorbis"'},{kind:"audio",type:'audio/wav; codecs="1"'},{kind:"audio",type:"audio/mp4"},{kind:"audio",type:"audio/aac"}],en={cold_start:1,web_load:1,warm_start:1,foreground:1,background:1,web_unload:1,terminate:1,unknown:1},tn="__web_sdk_sid__",nn="__web_sdk_sid_meta__",rn="__web_sdk_sid__",on="__web_sdk_sid_v1",an=18e5,sn=216e5,cn=null,un=!1,ln="__web_sdk_device_id__",dn="__web_sdk_ping__",_n=null,pn="__web_sdk_device_fp__",fn=null,hn="",gn=null,mn=function(){var e="";return{append:function(t,n){var r=((t||"")+"").trim();r&&(e+=r+"|"+(null!=n?n+"":"")+";")},digest:function(){return d(e)},reset:function(){e=""}}}(),yn=50,vn=16384,wn="__web_sdk_pending_session_summaries__",kn="__web_sdk_session_metrics_v1__",bn="__web_sdk_summary_claimed__:",Cn=!1,Sn="",Pn={},En={},Tn={sdk_init:1,app_lifecycle:1,app_session_summary:1,network_state_change:1},xn={eventCountTotal:0,businessEventCount:0,pageViewCount:0,pageClickCount:0,networkChangeCount:0,backgroundCount:0,pageKeys:{},pageStayList:[],pageSeqCounter:0,currentPageSeq:0,lastEventName:"",scrollTotalCount:0,scrollTotalDistance:0,scrollUpCount:0,scrollDownCount:0,scrollDirectionChangeCount:0,lastScrollDirection:0,firstScrollDelayMs:-1,hasScrolled:!1,maxScrollDepthPercent:0,isReachBottom:0,keydownTotalCount:0,inputCount:0,focusTotalCount:0,firstInteractionDelayMs:-1,firstInteractionRecorded:!1,lastOrientation:"unknown",touchTotalCount:0,swipeTotalCount:0,longPressTotalCount:0,pinchTotalCount:0,currentPage:null},Dn=Date.now(),Mn=0,In=0,An=[],On=!1,Ln="",Rn="",qn=null,Bn={app_page_view:1,page_click:1},Kn="web_load",Vn="foreground",jn="background",Nn="web_unload",Fn=null,Hn=0,Un=0,Xn=0,Yn=0,Gn=null,zn=!1,Wn=null,Jn=!1,Qn=1e4,$n="1.2.0",Zn=5e3,er=3e4,tr=2e3,nr=1500,rr=!1;if(lt.prototype.normalizeBatchEndpoints=function(e){return(Array.isArray(e)?e:[]).map(function(e){return((e||"")+"").trim()}).filter(Boolean).filter(function(e){return/^https:\/\//i.test(e)}).map(function(e){var t=e.match(/^(https?:\/\/[^/?#]+)/i);return(t?t[1]:e.replace(/\/+$/,""))+"/api/eventTracking/batchReport.json"})},lt.prototype._withTimeout=function(e,t){return new Promise(function(n,r){var o=setTimeout(function(){r(Error("timeout"))},t);e.then(function(e){clearTimeout(o),n(e)}).catch(function(e){clearTimeout(o),r(e)})})},lt.prototype._xhrRace=function(t,n){return t.length?new Promise(function(r){function o(){for(var t=0;c.length>t;t++)try{c[t].abort()}catch(e){}}var i,a=t.length,s=!1,c=[];for(i=0;t.length>i;i++)(function(t){var i,u,l;try{function d(e){l||(l=!0,u&&(clearTimeout(u),u=null),e&&!s?(s=!0,o(),r(t)):e||(a--,s||0!==a||r("")))}i=new XMLHttpRequest,u=null,l=!1,c.push(i),u=setTimeout(function(){d(!1)},n),i.open("POST",t,!0),i.setRequestHeader("Content-Type","application/json"),i.onreadystatechange=function(){4===i.readyState&&d(i.status>0)},i.onerror=function(){d(!1)},i.send("[]")}catch(e){a--,s||0!==a||r("")}})(t[i])}):Promise.resolve("")},lt.prototype._pickFastest=function(t,n){function r(){if(o)for(var t=0;i.length>t;t++)try{i[t].abort()}catch(e){}}var o,i,a=this;return"undefined"==typeof fetch?a._xhrRace(t,n):t.length?(o="undefined"!=typeof AbortController,i=[],new Promise(function(e){var s,c=t.length,u=!1;for(s=0;t.length>s;s++)(function(t){var s,l=o?new AbortController:null;l&&i.push(l),s={method:"POST",mode:"cors",headers:{"Content-Type":"application/json"},body:"[]",cache:"no-store"},l&&(s.signal=l.signal),a._withTimeout(fetch(t,s),n).then(function(n){n&&n.status>0?u||(u=!0,r(),e(t)):(c--,u||0!==c||e(""))}).catch(function(){c--,u||0!==c||e("")})})(t[s])})):Promise.resolve("")},lt.prototype._notifyReady=function(){var t=this.selectedBatchEndpoint;this.endpointReadyListeners.forEach(function(n){try{n(t)}catch(e){}})},lt.prototype._setSelectedEndpoint=function(e){var t=(e||"")+"";t&&t!==this.selectedBatchEndpoint&&(this.selectedBatchEndpoint=t,this._notifyReady())},lt.prototype.startRemoteProbe=function(e){var t,n,r=e.join("|");return e.length?this.remoteProbePromise&&this.remoteProbeKey===r?this.remoteProbePromise:(this.remoteProbeKey=r,this.shouldPersistOnFail=!1,t=this,n=this._pickFastest(e,this.timeoutMs).then(function(r){if(t.remoteProbePromise!==n)return t.selectedBatchEndpoint;if(t.remoteProbePromise=null,r)t._setSelectedEndpoint(r);else if(!t.selectedBatchEndpoint&&e.length){t.shouldPersistOnFail=!0;var o=e[Math.floor(Math.random()*e.length)];t._setSelectedEndpoint(o)}return t.selectedBatchEndpoint}).catch(function(){return t.remoteProbePromise===n&&(t.remoteProbePromise=null),t.selectedBatchEndpoint}),this.remoteProbePromise=n,n):Promise.resolve("")},lt.prototype.refreshDomainConfig=function(e){var t=this;return e().then(function(e){var n=t.normalizeBatchEndpoints(e);return t.remoteEndpoints=n,n.length?(t.hasBatchProbeStarted=!0,t.startRemoteProbe(n)):t.selectedBatchEndpoint})},lt.prototype.init=function(e){return this.initialized?Promise.resolve():(this.initPromise||(this.initialized=!0,this.initPromise=this.refreshDomainConfig(e).catch(function(){})),this.initPromise)},lt.prototype.resolveEndpoint=function(e,t){if(t)return Promise.resolve(t);var n=this;return this.init(e).then(function(){return n.selectedBatchEndpoint||""})},lt.prototype.onEndpointReady=function(e){if("function"!=typeof e)return function(){};this.endpointReadyListeners.push(e);var t=this;return function(){var n=t.endpointReadyListeners.indexOf(e);0>n||t.endpointReadyListeners.splice(n,1)}},lt.prototype.consumeProbeFailurePersistSignal=function(){return!!this.shouldPersistOnFail&&(this.shouldPersistOnFail=!1,!0)},lt.prototype.getEndpointState=function(){return this.selectedBatchEndpoint?"ready":this.remoteEndpoints.length>0?"probing":"unavailable"},lt.prototype.getSelectedBatchEndpoint=function(){return this.selectedBatchEndpoint},Mt=function(){var e,t=[];for(e=0;1272>e;e+=2)t.push(parseInt("637c777bf26b6fc53001672bed2a28a248888da76f3248a3043813899432c6b326fb8d0d37e84760dad3574759e0b764532a380602b1fc71a9e7f97d3b6415c21d02b5612440a4500bf9c043d33e085f45c20e0b65124603dfa8cd7a76b65c11b829e69a4e7f7872c6c7150b6a0f0801d163ae27d4d6cd5d19e77a9b1b48aaf2428594d3752f1d67250bab67676203b9b40df3d7cdf7eebf4b1bd5b6e16416be39a4c4a56e644726087d013b8ea78a6750d8b0339b871ee1b6a9ab66c8032cc1ac2462c695459dc034deae0678ae1779d9e7abce45d167e719b7776c73222f3c7e3cc11ae6da5cd659b79ce60ca82ec97f6059f674c029a68db0853dc22bb6518048ed4f66256d430b74de2f1a95f0589c341befce783e7c6d9dc7dd8e21cb643ee710b3c11329260195e0c0a956f14f970a9e61e594c663f68266a11045baf84a11e051ea5b6a42067253b2d37392c3516e1fc226a5cd4ab8990c475651a4698910219b94e2eb7d2b7129f38c94e3b1246a3298fef32dcae306137c39e1f0e32fe97d11b986c41a55bd5351319f7f078010fa81eb86b8a0556f880000e3630c6a0b136307027bf70e1b5722632937a93b53bf2d240e3949fa5a6e4e6a2a6f4d5b43a39d051df60bc98f25ff3130c31fd85b6e4167b276aed3276b70c3e527f2f2963b60554543e32e1f0c1754766b610c20b0ffe75d3fb88f6fa49605d6a3d6ca3022ffc62f5c8d297b65c778da96c8941ac9c55845e094f1c4a020bff5bb01a0cb04f5a8ac42b1cb41c38d27c1e1358256f3e99e3295a6e3b8c9c0481ed49af7d43f580a8571a0b13162171ebe8666ee5365e9ce6bef0a682080268b3bb67a1076a5776a996c26c2c8c12c7490c356348d10351b5279fa09851ebf".substr(e,2),16));return t}(),It=[1,2,4,8,16,32,64,128,27,54],At="__web_sdk_remote_config_cache__",gt.prototype.setEncryptedConfig=function(e){this.encryptedConfigText!==e&&(this.encryptedConfigText=e,this.cachedConfigPromise=null)},gt.prototype._tryParse=function(t){try{return JSON.parse(t)}catch(e){return t}},gt.prototype._unwrap=function(e,t){var n,r,o;for(t=t||3,n=e,r=0;t>r&&"string"==typeof n&&(o=this._tryParse(n))!==n;r++)n=o;return n},gt.prototype._toStringArray=function(e){var t,n=this._unwrap(e);return Array.isArray(n)?n.map(function(e){return((e||"")+"").trim()}).filter(Boolean):"string"==typeof n&&n.trim()?(t=this._tryParse(n),Array.isArray(t)?t.map(function(e){return((e||"")+"").trim()}).filter(Boolean):[n.trim()]):[]},gt.prototype._getStorage=function(){try{return"undefined"!=typeof window&&window.localStorage?window.localStorage:null}catch(e){return null}},gt.prototype._readPersisted=function(){var t,n,r;try{return(t=this._getStorage())&&(n=t.getItem(At))?(r=JSON.parse(n),Date.now()-(r.updatedAt||0)>24e5?{}:this._mapPayload(r)):{}}catch(e){return{}}},gt.prototype._mapPayload=function(e){if(!e||"object"!=typeof e)return{};var t=e.data&&"object"==typeof e.data?e.data:e;return{batchUrls:this._toStringArray(null!=t.batchUrls?t.batchUrls:t.domainList),eventCodes:this._toStringArray(null!=t.eventCodes?t.eventCodes:t.eventList),signKey:(t.signKey||t.hmacKey||t.eventSignKey||"")+"",securityKeyVersion:(t.securityKeyVersion||t.signKeyVersion||"")+""}},gt.prototype._persist=function(t){try{var n=this._getStorage();if(!n)return;n.setItem(At,JSON.stringify({batchUrls:this._toStringArray(t.batchUrls),eventCodes:this._toStringArray(t.eventCodes),signKey:(t.signKey||"")+"",securityKeyVersion:(t.securityKeyVersion||"")+"",updatedAt:Date.now()}))}catch(e){}},gt.prototype._base64ToBytes=function(e){var t,n,r,o,i=((e||"")+"").trim().replace(/-/g,"+").replace(/_/g,"/"),a=i.length%4?4-i.length%4:0;for(t=0;a>t;t++)i+="=";if("undefined"!=typeof atob&&"undefined"!=typeof Uint8Array){for(n=atob(i),r=new Uint8Array(n.length),o=0;n.length>o;o++)r[o]=n.charCodeAt(o);return r}return new Uint8Array(0)},gt.prototype._decryptAes256Gcm=function(t,n){var r,o,i,a,s,c,u;try{if(28>(r=this._base64ToBytes(t)).length)return Promise.reject(Error("密文过短"));if(o=this._base64ToBytes(n),i=r.slice(0,12),a=r.slice(12),"undefined"!=typeof crypto&&crypto.subtle)return crypto.subtle.importKey("raw",o,{name:"AES-GCM"},!1,["decrypt"]).then(function(e){return crypto.subtle.decrypt({name:"AES-GCM",iv:i},e,a)}).then(function(e){return new Uint8Array(e)});if(!(s=function(e,t,n){var r,o,i,a,s,c,u,l,d,_,p,f,h,g,m=[],y=[],v=[],w=[];for(r=0;32>r;r++)m[r]=e[r]||0;for(r=0;12>r;r++)y[r]=t[r]||0;if(0>(i=n.length-16))return null;for(r=0;i>r;r++)v[r]=n[r];for(r=0;16>r;r++)w[r]=n[i+r];for(a=function(e){var t,n,r=[];for(t=0;8>t;t++)r[t]=(e[4*t]<<24|e[4*t+1]<<16|e[4*t+2]<<8|e[4*t+3])>>>0;for(t=8;60>t;t++)n=r[t-1],t%8?t%8==4&&(n=_t(n)):n=(_t((n<<8|n>>>24)>>>0)^It[t/8-1]<<24)>>>0,r[t]=(r[t-8]^n)>>>0;return r}(m),s=[],r=0;16>r;r++)s[r]=0;for(c=pt(s,a),u=y.slice(0),r=12;15>r;r++)u[r]=0;for(u[15]=1,l=pt(u,a),d=ht(u),_=[],r=0;i>r;r+=16)for(p=pt(d,a),d=ht(d),o=0;16>o&&i>r+o;o++)_[r+o]=v[r+o]^p[o];for(f=v.slice(0);15&f.length;)f.push(0);for(r=0;8>r;r++)f.push(0);for(h=8*i,f.push(0,0,0,0),f.push(h>>>24&255,h>>>16&255,h>>>8&255,255&h),g=function(e,t){var n,r,o=[];for(n=0;16>n;n++)o[n]=0;for(n=0;t.length>n;n+=16){for(r=0;16>r;r++)o[r]^=t[n+r]||0;o=ft(o,e)}return o}(c,f),r=0;16>r;r++)if((l[r]^g[r])!==w[r])return null;return _}(o,i,a)))return Promise.reject(Error("AES-GCM 认证标签校验失败"));if("undefined"!=typeof Uint8Array)for(c=new Uint8Array(s.length),u=0;s.length>u;u++)c[u]=s[u];else c=s;return Promise.resolve(c)}catch(e){return Promise.reject(e)}},gt.prototype.fetchAndDecryptConfig=function(){var e,t,n;return this.cachedConfigPromise?this.cachedConfigPromise:(e=this,t=this._readPersisted(),this.encryptedConfigText?(n=this._decryptAes256Gcm(this.encryptedConfigText,this._secondGcmKeyBase64).then(function(t){var n,r,o,i;if("undefined"!=typeof TextDecoder)n=(new TextDecoder).decode(t);else{for(r=[],o=0;t.length>o;o++)r[o]=t[o];n=String.fromCharCode.apply(null,r)}return i=e._mapPayload(JSON.parse(n)),e._persist(i),i}).catch(function(e){return t}),this.cachedConfigPromise=n,n):(this.cachedConfigPromise=Promise.resolve(t),this.cachedConfigPromise))},gt.prototype.getBatchEndpoints=function(){return this.fetchAndDecryptConfig().then(function(e){return e.batchUrls||[]})},gt.prototype.getEventCodes=function(){return this.fetchAndDecryptConfig().then(function(e){return Array.isArray(e.eventCodes)&&e.eventCodes.length>0?e.eventCodes:[]})},gt.prototype.getSigningConfig=function(){return this.fetchAndDecryptConfig().then(function(e){return{hmacKey:(e.signKey||"")+"",securityKeyVersion:(e.securityKeyVersion||"")+""}})},gt.prototype.prewarm=function(){this.fetchAndDecryptConfig().catch(function(){})},gt.prototype.forceRefresh=function(){this.cachedConfigPromise=null},Ot="events",vt.prototype.isAvailable=function(){return"undefined"!=typeof indexedDB&&"undefined"!=typeof window&&null!=window.indexedDB},vt.prototype.openDb=function(){var t=this;return new Promise(function(n,r){if(!t.isAvailable())return n(null);var o=indexedDB.open("web_sdk_event_queue",3);o.onerror=function(){r(o.error||Error("open indexedDB failed"))},o.onupgradeneeded=function(t){var n,r,i,a,s=o.result,c=t.oldVersion,u=t.target.transaction;if(!s.objectStoreNames.contains(Ot))return(n=s.createObjectStore(Ot,{keyPath:"id",autoIncrement:!0})).createIndex("createdAt","createdAt",{unique:!1}),void n.createIndex("pendingDedupeKey","pendingDedupeKey",{unique:!0});2>c&&u&&((r=u.objectStore(Ot)).indexNames.contains("pendingDedupeKey")||r.createIndex("pendingDedupeKey","pendingDedupeKey",{unique:!1})),3>c&&u&&((i=u.objectStore(Ot)).indexNames.contains("pendingDedupeKey")&&i.deleteIndex("pendingDedupeKey"),(a=i.getAll()).onsuccess=function(){var t,n,r,o,s,c,u,l=a.result||[],d={};for(t=0;l.length>t;t++)(r=(n=l[t]).pendingDedupeKey||mt(n.record,n.endpointOverride))&&(d[r]||(d[r]=[]),d[r].push(n.id));for(o=Object.keys(d),s=0;o.length>s;s++)if((c=d[o[s]]).length>=2)for(c.sort(function(e,t){return e-t}),u=1;c.length>u;u++)i.delete(c[u]);try{i.createIndex("pendingDedupeKey","pendingDedupeKey",{unique:!0})}catch(e){}},a.onerror=function(){try{i.createIndex("pendingDedupeKey","pendingDedupeKey",{unique:!0})}catch(e){}})},o.onsuccess=function(){n(o.result)}})},vt.prototype._txDone=function(e){return new Promise(function(t,n){e.oncomplete=function(){t()},e.onerror=function(){n(e.error||Error("tx failed"))},e.onabort=function(){n(e.error||Error("tx aborted"))}})},vt.prototype._trimOverflow=function(e){var t=this,n=Ot,r=e.transaction(n,"readonly");return new Promise(function(e,t){var o=r.objectStore(n).count();o.onsuccess=function(){e(+(o.result||0))},o.onerror=function(){t(o.error)}}).then(function(e){return t._txDone(r).then(function(){return e})}).then(function(r){var o,i,a,s;if(r>t.maxSize)return o=r-t.maxSize,i=e.transaction(n,"readwrite"),a=i.objectStore(n).index("createdAt"),s=0,new Promise(function(e,t){var r=a.openCursor();r.onerror=function(){t(r.error)},r.onsuccess=function(){var t=r.result;if(!t||s>=o)return e();i.objectStore(n).delete(t.primaryKey),s++,t.continue()}}).then(function(){return t._txDone(i)})})},vt.prototype.enqueueMany=function(e){var t=this;return e&&e.length?this.openDb().then(function(n){var r,o;if(n)return r=Date.now(),o=e.map(function(e,t){var n=e&&"object"==typeof e&&"record"in e?e:{record:e},o=mt(n.record,n.endpointOverride||""),i={createdAt:r+t,record:n.record,endpointOverride:n.endpointOverride||"",retryCount:0,nextRetryAt:0};return o&&(i.pendingDedupeKey=o),i}),new Promise(function(e,t){var r,i=n.transaction(Ot,"readwrite"),a=i.objectStore(Ot);i.oncomplete=function(){e()},i.onerror=function(){t(i.error)},i.onabort=function(){t(i.error)},r=0,function e(){var n,i;o.length>r&&(n=o[r++],(i=a.add(n)).onsuccess=function(){e()},i.onerror=function(n){var r=i.error;if(r&&"ConstraintError"===r.name)return n.preventDefault(),void e();t(r||Error("add failed"))})}()}).then(function(){return t._trimOverflow(n)}).then(function(){n.close()}).catch(function(e){throw n.close(),e})}):Promise.resolve()},vt.prototype.readOldest=function(e){return e=e||20,this.openDb().then(function(t){var n,r;return t?(n=Date.now(),r=[],new Promise(function(o,i){var a=t.transaction(Ot,"readonly").objectStore(Ot).index("createdAt").openCursor();a.onerror=function(){i(a.error)},a.onsuccess=function(){var t,i,s,c,u,l=a.result;if(!l||r.length>=e)return o();(s=isFinite(i=+(t=l.value).nextRetryAt)?Math.floor(i):0)>n||((c=yt(t)).endpointOverride=t.endpointOverride||"",c.retryCount=isFinite(u=+t.retryCount)?Math.floor(u):0,c.nextRetryAt=s,r.push(c)),l.continue()}}).then(function(){return t.close(),r}).catch(function(e){throw t.close(),e})):[]})},vt.prototype.removeByIds=function(e){var t=this;return e&&e.length?this.openDb().then(function(n){var r,o,i;if(n){for(o=(r=n.transaction(Ot,"readwrite")).objectStore(Ot),i=0;e.length>i;i++)o.delete(e[i]);return t._txDone(r).then(function(){n.close()}).catch(function(e){throw n.close(),e})}}):Promise.resolve()},vt.prototype.updateRetryMeta=function(e,t,n){var r=this;return e&&e.length?this.openDb().then(function(o){var i,a,s,c,u,l,d,_,p,f,h,g,m,y,v;if(!o)return{dropped:0,kept:0};for(i=Date.now(),s=isFinite(a=+t)?Math.max(0,Math.floor(a)):0,u=isFinite(c=+n)?Math.max(0,Math.floor(c)):0,l=0,d=0,p=(_=o.transaction(Ot,"readwrite")).objectStore(Ot),f=0;e.length>f;f++)u<(m=(isFinite(g=+(h=e[f]).retryCount)?Math.floor(g):0)+1)?(l++,p.delete(h.id)):(d++,y=h.pendingDedupeKey||mt(h.record,h.endpointOverride||""),v=yt(h),y&&(v.pendingDedupeKey=y),v.retryCount=m,v.nextRetryAt=i+s,p.put(v));return r._txDone(_).then(function(){return o.close(),{dropped:l,kept:d}}).catch(function(e){throw o.close(),e})}):Promise.resolve({dropped:0,kept:0})},vt.prototype.count=function(){var e=this;return this.openDb().then(function(t){if(!t)return 0;var n=t.transaction(Ot,"readonly");return new Promise(function(e,t){var r=n.objectStore(Ot).count();r.onsuccess=function(){e(+(r.result||0))},r.onerror=function(){t(r.error)}}).then(function(r){return e._txDone(n).then(function(){return t.close(),r})}).catch(function(e){throw t.close(),e})})},Lt={navigation:{navigation_key:1,navigation_name:1},appPageView:{user_type:1,page_key:1,page_name:1,referrer_page_key:9,referrer_page_name:9,current_page_key:1,current_page_name:1,page_load_time:3,recommend_trace_id:0},appInstall:{trace_id:1,attribution_flag:2},pageClick:{page_key:1,page_name:1,click_page_x:3,click_page_y:3,click_x_percent:3,click_y_percent:3,screen_width:3,screen_height:3,recommend_trace_id:0},recommendListView:{page_key:1,page_name:1,recommend_content_type:1,recommend_trace_id:0,recommend_id:1,recommend_trace_info:0,client_version:0},recommendListClick:{page_key:1,page_name:1,recommend_content_type:1,recommend_trace_id:0,recommend_id:1,recommend_trace_info:0,client_version:0},advertising:{event_type:1,advertising_key:1,advertising_name:1,advertising_id:1},videoEvent:{media_id:0,video_id:1,video_title:1,video_type_id:1,video_type_name:1,video_content_type:9,recommend_trace_id:0,video_tag_key:9,video_tag_name:9,video_duration:3,play_duration:3,play_progress:3,play_speed:3,video_behavior_key:1,video_behavior_name:1,post_id:0},novelEvent:{media_id:0,novel_id:1,novel_title:1,chapter_id:0,chapter_name:0,novel_type_id:1,novel_type_name:1,recommend_trace_id:0,novel_tag_key:9,novel_tag_name:9,read_progress:3,page_no:3,novel_behavior_key:1,novel_behavior_name:1},comicEvent:{media_id:0,comic_id:1,comic_title:1,chapter_id:0,chapter_name:0,comic_type_id:1,comic_type_name:1,recommend_trace_id:0,comic_tag_key:9,comic_tag_name:9,read_progress:3,page_no:3,comic_behavior_key:1,comic_behavior_name:1},keywordSearch:{keyword:1,search_result_count:3,search_content_type:0,search_trace_id:0,search_id:0},keywordClick:{keyword:1,click_item_id:1,click_item_type_key:1,click_item_type_name:1,click_position:3,search_trace_id:0},adImpression:{page_key:1,page_name:1,ad_slot_key:1,ad_slot_name:1,ad_id:1,creative_id:0,ad_type:0},adClick:{page_key:1,page_name:1,ad_slot_key:1,ad_slot_name:1,ad_id:1,creative_id:0,ad_type:0},appPageitemExposure:{item_id:1,item_type:1,item_name:1,parent_item_id:1,page_key:1,page_name:1,referrer_page_key:9,referrer_page_name:9,recommend_trace_id:9,recommend_id:9,recommend_trace_info:9},appPageitemClick:{item_id:1,item_type:1,item_name:1,parent_item_id:1,position:3,page_key:1,page_name:1,recommend_trace_id:9,recommend_id:9,recommend_trace_info:9},adRequest:{request_id:1,ad_slot_key:1},adFill:{trace_id:1,request_id:1,ad_slot_key:1,ad_id:1,ad_type:1,fill_count:3,is_skippable:3,is_closable:3},adNoFill:{request_id:1,ad_slot_key:1,ad_type:1,reason:1},adLoadSuccess:{trace_id:1,request_id:1,ad_slot_key:1,ad_id:1,ad_type:1,load_duration:3},adImpressionSdk:{trace_id:1,request_id:1,ad_slot_key:1,ad_id:1,ad_type:1,material_size:1,is_skippable:3,is_closable:3},adClickSdk:{trace_id:1,request_id:1,ad_slot_key:1,ad_id:1,ad_type:1},adClose:{trace_id:1,request_id:1,ad_slot_key:1,ad_id:1,ad_type:1,close_type:1},adError:{trace_id:1,request_id:0,ad_slot_key:1,ad_type:1,ad_id:9,error_code:1,error_msg:1,error_stage:1},imEvent:{conversation_id:1,conversation_type:1,current_uid:1,target_uid:1,target_role_key:1,target_role_name:1,message_id:9,message_type:9,im_behavior_key:1,im_behavior_name:1},imConversationView:{current_uid:1,conversation_count:3,total_unread_count:3,normal_conversation_count:3,archived_count:3,pinned_count:3},imConnectionSuccess:{current_uid:9,im_sdk_version:1},imMessageContent:{conversation_id:1,conversation_type:1,current_uid:1,target_uid:1,sender_uid:1,message_id:1,message_type:1,message:9,message_content_length:3,content_hash:9},postEvent:{media_id:0,post_id:1,post_title:1,post_create_time:3,post_user_id:1,post_user_nick:1,post_type_id:1,post_type_name:1,post_content_type:1,recommend_trace_id:9,post_tag_key:9,post_tag_name:9,post_behavior_key:1,post_behavior_name:1},dramaEvent:{media_id:0,drama_id:1,drama_title:1,episode:3,total_episode:3,video_id:1,drama_type_id:1,drama_type_name:1,drama_content_type:1,recommend_trace_id:9,drama_tag_key:9,drama_tag_name:9,drama_duration:3,play_duration:3,play_progress:3,play_speed:3,play_behavior_key:1,play_behavior_name:1},dramaStatusChange:{media_id:0,drama_id:1,drama_title:1,episode:3,video_id:1,pre_episode:3,drama_behavior_key:1,drama_behavior_name:1}},qt={message_send:"发送消息",message_receive:"收到消息",message_read:"消息已读",message_recall:"消息撤回",conversation_pin:"置顶会话",conversation_unpin:"取消置顶",conversation_archive:"归档会话",conversation_unarchive:"取消归档"},Bt=Object.keys(Rt={navigation:"navigation",appPageView:"app_page_view",appInstall:"app_install",pageClick:"page_click",recommendListView:"recommend_list_view",recommendListClick:"recommend_list_click",advertising:"advertising",videoEvent:"video_event",novelEvent:"novel_event",comicEvent:"comic_event",keywordSearch:"keyword_search",keywordClick:"keyword_click",adImpression:"ad_impression",adClick:"ad_click",appPageitemExposure:"app_pageitem_exposure",appPageitemClick:"app_pageitem_click",adRequest:"ad_request",adFill:"ad_fill",adNoFill:"ad_no_fill",adLoadSuccess:"ad_load_success",adImpressionSdk:"ad_impression_sdk",adClickSdk:"ad_click_sdk",adClose:"ad_close",adError:"ad_error",imEvent:"im_event",imConversationView:"im_conversation_view",imConnectionSuccess:"im_connection_success",imMessageContent:"im_message_content",postEvent:"post_event",dramaEvent:"drama_event",dramaStatusChange:"drama_status_change"}).reduce(function(e,t){var n=Rt[t];return e[t]="imEvent"===t?function(e){return{event:n,payload:kt(t,wt(e))}}:function(e){return{event:n,payload:kt(t,e||{})}},e},{}),Kt=function(){},Vt={sdk_init:1,app_lifecycle:1,network_state_change:1,app_session_summary:1,app_page_view:1,page_click:1},jt=6e4,Nt="__web_sdk_recent_ok_event_ids__",Ft=function(){function t(e){var t,n=Object.keys(r);for(t=0;n.length>t;t++)e-r[n[t]]>jt&&delete r[n[t]]}function n(){try{"undefined"!=typeof window&&window.localStorage&&window.localStorage.setItem(Nt,JSON.stringify(r))}catch(e){}}var r={};if(function(){var t,n,o,i,a;try{if("undefined"!=typeof window&&window.localStorage&&(t=window.localStorage.getItem(Nt)))for(n=JSON.parse(t),o=Date.now(),i=Object.keys(n),a=0;i.length>a;a++)/^[0-9a-f]{32}$/.test(i[a])&&(o-n[i[a]]>jt||(r[i[a]]=n[i[a]]))}catch(e){}}(),"undefined"!=typeof window)try{window.addEventListener("storage",function(e){var t,n,o,i,a;try{if(e.key!==Nt||!e.newValue)return;for(t=JSON.parse(e.newValue),n=Date.now(),o=Object.keys(t),i=0;o.length>i;i++)a=t[o[i]],/^[0-9a-f]{32}$/.test(o[i])&&(n-a>jt||(r[o[i]]=a))}catch(s){}})}catch(e){}return{has:function(e){var n,o;return!!e&&(t(n=Date.now()),void 0!==(o=r[e])&&jt>=n-o)},set:function(e){var o,i,a,s,c,u=Date.now();for(t(u),o=0;e.length>o;o++)e[o]&&(r[e[o]]=u);if((i=Object.keys(r)).length>500){for(a="",s=1/0,c=0;i.length>c;c++)s>r[i[c]]&&(s=r[i[c]],a=i[c]);a&&delete r[a]}n()},reset:function(){r={},n()}}}(),Pt.prototype.startReplayTimer=function(){var e=this;this.replayTimer=setInterval(function(){e.replayPersistent()},Zn)},Pt.prototype._stopTimer=function(){this.timer&&(clearTimeout(this.timer),this.timer=null)},Pt.prototype._settleItem=function(e,t){e.settled||(e.settled=!0,e.timeoutTimer&&(clearTimeout(e.timeoutTimer),e.timeoutTimer=null),e.resolve(t))},Pt.prototype._purgeSettled=function(){this.queue.length&&(this.queue=this.queue.filter(function(e){return!e.settled}))},Pt.prototype._toPersistentEntries=function(e){return e.map(function(e){return{record:e.record,endpointOverride:e.endpointOverride||"",retryCount:0,nextRetryAt:0}})},Pt.prototype._getRetryDelay=function(e){return Math.min(6e4,Math.max(Zn,Math.floor(Zn*Math.pow(2,Math.min(10,Math.max(0,e))))))},Pt.prototype.schedule=function(){var e=this;this._purgeSettled(),!this.timer&&this.queue.length&&(this.timer=setTimeout(function(){e.timer=null,e.flush().catch(function(){})},5e3))},Pt.prototype.flush=function(){var e=this,t=this.flushTail.then(function(){return e.flushOnce()});return this.flushTail=t.catch(function(){}),t},Pt.prototype._processFlushGroup=function(e,t,n){var r,o,i,a,s,c,u,l,d,_,p,f=this,h="__default__"===e?"":e,g=[],m=[];for(r=0;t.length>r;r++)((i=(((o=t[r]).record&&o.record.event_id||"")+"").trim())&&Ft.has(i)?m:g).push(o);for(a=0;m.length>a;a++)f._settleItem(m[a],{sent:!1,ok:!1,status:0,reason:"cross_batch_recent_success_deduped"});if(!g.length)return Promise.resolve();if(!f._resolveEndpoint){for(Kt("[sdk][web] _resolveEndpoint 未注入，事件无法发送"),s=0;g.length>s;s++)f._settleItem(g[s],{sent:!1,ok:!1,status:0,reason:"no_endpoint_resolver"});return Promise.resolve()}for(c={},u=[],l={},d=0;g.length>d;d++)c[p=(((_=g[d]).record&&_.record.event_id||"")+"").trim()||"__empty__:"+d]||(c[p]=!0,u.push(_.record),l[d]=!0);return f.resolver.consumeProbeFailurePersistSignal()?f.persistentQueue.enqueueMany(f._toPersistentEntries(g)).then(function(){f.hasPersistentItems=!0;for(var e=0;g.length>e;e++)f._settleItem(g[e],{sent:!1,ok:!1,status:0,reason:"probe_all_failed"})}).catch(function(){}):f._resolveEndpoint(h).then(function(e){var t,r,o,i,a,s;if(e){for(r=[],o=0;u.length>o;o++)if((i=((u[o]&&u[o].event_id||"")+"").trim())&&Ft.has(i)){for(a=0;g.length>a;a++)if(l[a]&&((g[a].record&&g[a].record.event_id||"")+"").trim()===i){f._settleItem(g[a],{sent:!1,ok:!1,status:0,reason:"cross_batch_recent_success_deduped"}),l[a]=!1;break}}else r.push(u[o]);if(!r.length){for(s=0;g.length>s;s++)l[s]||f._settleItem(g[s],{sent:!1,ok:!1,status:0,reason:"batch_deduped_duplicate"});return Promise.resolve()}return ut(e,r,{useBeacon:rr}).then(function(e){var t,n,o,i,a,s=Promise.resolve();if(e&&e.ok){for(t=[],n=0;r.length>n;n++)(o=((r[n]&&r[n].event_id||"")+"").trim())&&t.push(o);Ft.set(t)}else{for(i=[],a=0;g.length>a;a++)l[a]&&i.push(g[a]);s=f.persistentQueue.enqueueMany(f._toPersistentEntries(i)).then(function(){f.hasPersistentItems=!0}).catch(function(){})}return s.then(function(){for(var t=0;g.length>t;t++)f._settleItem(g[t],l[t]?e:{sent:!1,ok:!1,status:0,reason:"batch_deduped_duplicate"})})})}if("unavailable"===f.resolver.getEndpointState())return f.persistentQueue.enqueueMany(f._toPersistentEntries(g)).then(function(){f.hasPersistentItems=!0;for(var e=0;g.length>e;e++)f._settleItem(g[e],{sent:!1,ok:!1,status:0,reason:"endpoint_unavailable"})}).catch(function(){});for(t=0;g.length>t;t++)n.push(g[t])})},Pt.prototype.flushOnce=function(){var e,t,n,r,o,i,a,s,c,u=this;if(this._purgeSettled(),!this.queue.length)return Promise.resolve();for(this._stopTimer(),e=this.queue.splice(0,10),t={},n=0;e.length>n;n++)(r=e[n]).settled||(t[o=r.endpointOverride||"__default__"]||(t[o]=[]),t[o].push(r));for(i=[],a=Object.keys(t),s=Promise.resolve(),c=0;a.length>c;c++)(function(e){s=s.then(function(){return u._processFlushGroup(e,t[e],i)})})(a[c]);return s.then(function(){var e,t,n,r,o,a,s;if(i.length){for(e=Date.now(),t=[],n=[],r=0;i.length>r;r++)(i[r].timeoutAt>e?n:t).push(i[r]);for(o=0;n.length>o;o++)u.queue.push(n[o]);for(a=Promise.resolve(),s=0;t.length>s;s++)(function(e){a=a.then(function(){return u.persistentQueue.enqueueMany(u._toPersistentEntries([e])).catch(function(){}).then(function(){u.hasPersistentItems=!0,u._settleItem(e,{sent:!1,ok:!1,status:0,reason:"track_timeout",transport:"queue"})})})})(t[s]);return a}}).then(function(){u.queue.length&&u.schedule()},function(e){throw u.queue.length&&u.schedule(),e})},Pt.prototype._processReplayGroup=function(e,t){var n=this;return n._resolveEndpoint?n._resolveEndpoint("__default__"===e?"":e).then(function(e){var r,o,i,a,s,c,u,l,d;if(e){for(r={},o=[],i=[],a=[],s=0;t.length>s;s++)u=(((c=t[s]).record&&c.record.event_id||"")+"").trim()||"__empty__:"+c.id,(l=((c.record&&c.record.event_id||"")+"").trim())&&Ft.has(l)||r[u]?a.push(c.id):(r[u]=!0,o.push(c.record),i.push(c.id));return d=Promise.resolve(),a.length&&(d=d.then(function(){return n.persistentQueue.removeByIds(a)})),o.length?d.then(function(){return ut(e,o,{useBeacon:rr})}).then(function(e){var r,s,c,u,l,d,_,p,f,h;if(e&&e.ok){for(r=[],s=0;o.length>s;s++)(c=((o[s]&&o[s].event_id||"")+"").trim())&&r.push(c);for(Ft.set(r),u=[],l=0;i.length>l;l++)u.push(i[l]);for(d=0;a.length>d;d++)u.push(a[d]);return n.persistentQueue.removeByIds(u)}for(_=0,p=0;t.length>p;p++)(f=t[p].retryCount||0)>_&&(_=f);return h=n._getRetryDelay(_),n.persistentQueue.updateRetryMeta(t,h,5)}):d}}):(Kt("[sdk][web] _resolveEndpoint 未注入，持久队列重试跳过"),Promise.resolve())},Pt.prototype.replayPersistent=function(){var e=this;return!this.hasPersistentItems||this.replaying?Promise.resolve():(this.replaying=!0,this.persistentQueue.readOldest(10).then(function(t){var n,r,o,i,a,s,c;if(!t.length)return e.persistentQueue.count().then(function(t){0===t&&(e.hasPersistentItems=!1)});for(n={},r=0;t.length>r;r++)n[i=(o=t[r]).endpointOverride||"__default__"]||(n[i]=[]),n[i].push(o);for(a=Object.keys(n),s=Promise.resolve(),c=0;a.length>c;c++)(function(t){s=s.then(function(){return e._processReplayGroup(t,n[t])})})(a[c]);return s}).catch(function(){}).then(function(){e.replaying=!1},function(){e.replaying=!1}))},Pt.prototype.enqueueAssembled=function(e,t){var n=this;return(n._getEventCodes?n._getEventCodes():Promise.resolve([])).then(function(r){return r&&0===r.length||r&&-1===r.indexOf(e.event)?{sent:!1,ok:!1,status:0,reason:"event_code_not_allowed",event:e.event}:new Promise(function(r){var o={record:e,endpointOverride:t||"",resolve:r,reject:r,settled:!1,timeoutAt:Date.now()+er,timeoutTimer:null};o.timeoutTimer=setTimeout(function(){o.settled||n.persistentQueue.enqueueMany(n._toPersistentEntries([o])).catch(function(){}).then(function(){n.hasPersistentItems=!0,n._settleItem(o,{sent:!1,ok:!1,status:0,reason:"track_timeout",transport:"queue"})})},er),n.queue.push(o),10>n.queue.length?n.schedule():n.flush().catch(function(){})})})},Pt.prototype.track=function(e,t){var n=this;return Q().then(function(r){var o={appId:n.opts.appId,channel:n.opts.channel,uid:n.opts.uid||"",deviceId:n.opts.deviceId||r,deviceType:y(),sdkVersion:$n,appVersion:v(n.opts.appVersion)};return(n._getSigningConfig?n._getSigningConfig():Promise.resolve({hmacKey:"",securityKeyVersion:""})).then(function(t){return $e(o,e,t)}).then(function(e){return delete e._sessionInfo,(n._getEventCodes?n._getEventCodes():Promise.resolve([])).then(function(r){return r&&0===r.length?(Kt("[sdk][web] 当前没有事件允许上报，请检查服务端配置（eventCodes 为空）"),{sent:!1,ok:!1,status:0,reason:"event_code_not_allowed",event:e.event}):r&&-1===r.indexOf(e.event)?(Kt('[sdk][web] 事件 "'+e.event+'" 不在服务端允许上报的列表中，已忽略'),{sent:!1,ok:!1,status:0,reason:"event_code_not_allowed",event:e.event}):new Promise(function(r,o){var i={record:e,endpointOverride:t||"",resolve:r,reject:o,settled:!1,timeoutAt:Date.now()+er,timeoutTimer:null};i.timeoutTimer=setTimeout(function(){i.settled||n.persistentQueue.enqueueMany(n._toPersistentEntries([i])).catch(function(){}).then(function(){n.hasPersistentItems=!0,n._settleItem(i,{sent:!1,ok:!1,status:0,reason:"track_timeout",transport:"queue"})})},er),n.queue.push(i),10>n.queue.length?n.schedule():n.flush().catch(function(){})})})})})},Pt.prototype.stop=function(){var e,t;this._stopTimer(),this.replayTimer&&(clearInterval(this.replayTimer),this.replayTimer=null),e={sent:!1,ok:!1,status:0,reason:"stopped"},t=this,this.queue.splice(0).forEach(function(n){t._settleItem(n,e)})},Pt.prototype.getConfig=function(){return{batchMaxSize:10,batchIntervalMs:5e3,replayBatchSize:10,replayIntervalMs:Zn}},Et.prototype._sdkOpts=function(){return{appId:this.options.appId,channel:this.options.channel,uid:this.options.uid||"",deviceId:this.options.deviceId||"",deviceType:y(),sdkVersion:$n,appVersion:v(this.options.appVersion)}},Et.prototype._isAutoDisabled=function(e){return!(!this._disableAutoEvents||!this._disableAutoEvents[e])},Et.prototype._handleEndedSession=function(t){var n,r,o,i,a,s,c;return t&&t.sid&&!this._ssrSkipped?this._isAutoDisabled("app_session_summary")?Promise.resolve():function(t){if(!t)return!1;if(Pn[t]||En[t])return!1;if(se())try{if(window.sessionStorage.getItem(bn+(t+"")))return Pn[t]=1,!1}catch(e){}return En[t]=1,!0}(t.sid)?(n=this,o=t.sid,a=(null!=t.sessionEndTs?1e12>t.sessionEndTs?1e3*t.sessionEndTs:t.sessionEndTs:Date.now())||Date.now(),s=fe(o),c=!Sn||Sn===o||!s&&(xn.eventCountTotal>0||xn.currentPage||(xn.pageStayList||[]).length>0),s&&Sn&&Sn!==o&&(c=!1),s&&c&&(s.eventCountTotal||0)>(xn.eventCountTotal||0)&&(c=!1),c?(xe(),i=ce(xn)):i=s?function(e,t){var n,r,o,i=e&&e.currentPage;return i?(n=t||Date.now(),r=i.accumulated_ms||0,null!=i.resume_at_ms&&(r+=Math.max(0,n-i.resume_at_ms)),o={page_key:i.page_key,page_name:i.page_name||"",stay_duration_ms:r,enter_time:Math.floor((i.enter_time||n)/1e3),has_interaction:i.has_interaction?1:0},i.page_seq_in_sid&&(o.page_seq_in_sid=i.page_seq_in_sid),e.pageStayList=be((e.pageStayList||[]).concat([o])),e.currentPage=null,e):e}(ce(s),a):{eventCountTotal:0,businessEventCount:0,pageViewCount:0,pageClickCount:0,networkChangeCount:0,backgroundCount:0,pageKeys:{},pageStayList:[],pageSeqCounter:0,currentPageSeq:0,lastEventName:"",scrollTotalCount:0,scrollTotalDistance:0,scrollUpCount:0,scrollDownCount:0,scrollDirectionChangeCount:0,lastScrollDirection:0,firstScrollDelayMs:-1,hasScrolled:!1,maxScrollDepthPercent:0,isReachBottom:0,keydownTotalCount:0,inputCount:0,focusTotalCount:0,firstInteractionDelayMs:-1,firstInteractionRecorded:!1,lastOrientation:"unknown",touchTotalCount:0,swipeTotalCount:0,longPressTotalCount:0,pinchTotalCount:0,currentPage:null},pe(o,{sid:o,savedAt:Date.now(),sessionStartedAt:Dn,behaviorHash:ne(),metrics:i}),r=i,Q().then(function(e){var o=bt(n._sdkOpts(),{deviceId:e});return n.configMgr.getSigningConfig().then(function(e){var n=Me(t,t.endReason,r);return it(o,n,e,t.sid)})}).then(function(e){return e}).then(function(e){return delete e._sessionInfo,n.batcher.enqueueAssembled(e,"")}).then(function(){var n,r;!function(t){if(t&&(delete En[t],Pn[t]=1,se()))try{window.sessionStorage.setItem(bn+(t+""),"1")}catch(e){}}(t.sid),ke(t.sid),n={pageKey:Ln||"",pageName:Rn||""},r=function(e){if(!e||null==e.sessionStartTs)return Date.now();var t=e.sessionStartTs;return 1e12>t?1e3*t:t}(F()),function(t,n){var r,o;t&&function(t){if(t){if(se())try{window.sessionStorage.removeItem(de(t))}catch(e){}if(ye())try{window.localStorage.removeItem(de(t))}catch(e){}}}(t),xn={eventCountTotal:0,businessEventCount:0,pageViewCount:0,pageClickCount:0,networkChangeCount:0,backgroundCount:0,pageKeys:{},pageStayList:[],pageSeqCounter:0,currentPageSeq:0,lastEventName:"",scrollTotalCount:0,scrollTotalDistance:0,scrollUpCount:0,scrollDownCount:0,scrollDirectionChangeCount:0,lastScrollDirection:0,firstScrollDelayMs:-1,hasScrolled:!1,maxScrollDepthPercent:0,isReachBottom:0,keydownTotalCount:0,inputCount:0,focusTotalCount:0,firstInteractionDelayMs:-1,firstInteractionRecorded:!1,lastOrientation:"unknown",touchTotalCount:0,swipeTotalCount:0,longPressTotalCount:0,pinchTotalCount:0,currentPage:null},Dn=r=n&&"number"==typeof n.sessionStartMs&&isFinite(n.sessionStartMs)?n.sessionStartMs:Date.now(),xn.lastOrientation=re(),mn.reset(),Cn=!0,Sn=z()||"",(o=n&&n.carryOver)&&o.pageKey?function(t,n,r){var o,i,a,s,c=((t||"")+"").trim();if(!c)return!1;o="number"==typeof r&&isFinite(r)?r:Date.now(),i=Date.now(),a=!1;try{a="undefined"!=typeof document&&"hidden"===document.visibilityState}catch(e){}xn.pageKeys[c]=1,s=ae(),xn.currentPage={page_key:c,page_name:(n||"")+"",enter_time:o,enter_time_ms:o,page_seq_in_sid:s,has_interaction:!1,accumulated_ms:0,resume_at_ms:a?null:i,hidden_paused:a},me()}(o.pageKey,o.pageName,r):me()}(t.sid,{sessionStartMs:r,carryOver:n.pageKey?{pageKey:n.pageKey,pageName:n.pageName}:null})}).catch(function(){var e;(e=t.sid)&&delete En[e],function(e){if(e&&e.sid){var t=ve().filter(function(t){return t&&t.sid!==e.sid});t.push(e),we(t)}}({sid:t.sid,sessionStartTs:t.sessionStartTs,sessionEndTs:t.sessionEndTs,endReason:t.endReason,fields:Me(t,t.endReason,r)})})):Promise.resolve():Promise.resolve()},Et.prototype._replayPendingSummaries=function(e,t,n){var r,o,i=ve();if(!i.length)return Promise.resolve();for(r=Promise.resolve(),o=0;i.length>o;o++)(function(o){r=r.then(function(){return n(it(e,o.fields,t,o.sid)).then(function(){return ke(o.sid),null}).catch(function(){})})})(i[o]);return r},Et.prototype._startAutoEvents=function(){if(!this._ssrSkipped&&!this._autoEventsStarted){var t=this;this._autoEventsStarted=!0,qn=function(e){t._handleEndedSession(e).catch(function(){})},Z().then(function(){return Q()}).then(function(n){var r=bt(t._sdkOpts(),{deviceId:n});return t.configMgr.getSigningConfig().then(function(n){return t.configMgr.fetchAndDecryptConfig().then(function(o){function i(e){return!s||-1!==s.indexOf(e)}function a(e){return i(e)&&!t._isAutoDisabled(e)}var s=o.eventCodes&&o.eventCodes.length>0?o.eventCodes:null,c=function(e){return e.then(function(e){return delete e._sessionInfo,t.batcher.enqueueAssembled(e,"")})};return t._replayPendingSummaries(r,n,c).then(function(){function o(e){if(!s&&(s=!0,a("app_session_summary"))){var n=function(e){var t,n,r=Date.now()||Date.now(),o=F();return o?(t=Y(o,e||"web_visibility_hidden",r),"web_visibility_hidden"!==e&&"app_exit"!==e||(t.sessionEndTs=r),N(n=H(r)),{endedSession:t,sid:n.sid}):null}(e);n&&n.endedSession&&t._handleEndedSession(n.endedSession).catch(function(){})}}var s,u,l,d,_,p,f,h,g,m,y,v,w,k,b;a("sdk_init")&&c(function(e,t){var n,r=fn||{},o={},i=Object.keys(r);for(n=0;i.length>n;n++)o[i[n]]=r[i[n]];return $e(e,{event:"sdk_init",payload:o},t)}(r,n)).catch(function(){}),a("app_lifecycle")&&(t._webLoadTeardown=function(t,n,r){function o(){a||(a=!0,s&&(window.removeEventListener("load",s,!1),s=null),t(ot(n,Kn,{},r)).catch(function(){}))}function i(){(function(){var t,n,r;try{if("undefined"!=typeof performance&&performance.timing&&(t=performance.timing).loadEventEnd&&t.navigationStart&&t.loadEventEnd>0)return!0;if("undefined"!=typeof performance&&"function"==typeof performance.getEntriesByType&&(n=performance.getEntriesByType("navigation"))&&n.length>0&&(r=n[0]).loadEventEnd>0&&r.fetchStart>=0)return!0}catch(e){}return!1})()&&o()}var a,s;return"undefined"==typeof window?(t(ot(n,Kn,{},r)).catch(function(){}),function(){}):(a=!1,s=null,"complete"===document.readyState?(i(),a||o(),function(){}):(s=function(){i(),a||o()},window.addEventListener("load",s,!1),setTimeout(function(){a||o()},1e4),function(){a=!0,s&&(window.removeEventListener("load",s,!1),s=null)}))}(c,r,n)),s=!1,t._autoLifecycleTeardown=function(e,t){var n,r,o,i,a;return"undefined"==typeof window||"undefined"==typeof document?function(){}:(r=!0===(n=t||{}).webMode,o=function(){"visible"===document.visibilityState?r?n.onVisible&&n.onVisible():e(Vn,{}):"hidden"===document.visibilityState&&(r?n.onVisibleHidden&&n.onVisibleHidden():e(jn,{}),n.onHidden&&n.onHidden())},i=function(){e(Nn,rt()),n.onPageUnload&&n.onPageUnload()},a=function(e){e&&e.persisted||n.onPageHide&&n.onPageHide()},window.addEventListener("visibilitychange",o,!1),window.addEventListener("beforeunload",i,!1),window.addEventListener("pagehide",a,!1),function(){window.removeEventListener("visibilitychange",o,!1),window.removeEventListener("beforeunload",i,!1),window.removeEventListener("pagehide",a,!1)})}(function(e,t){return a("app_lifecycle")?c(ot(r,e,t||{},n)):Promise.resolve()},{onHidden:function(){t.batcher.flush().catch(function(){})},onPageUnload:function(){t.batcher.flush().catch(function(){}),o("app_exit")},onPageHide:function(){t.batcher.flush().catch(function(){}),o("web_visibility_hidden")}}),t._autoNetworkTeardown=(l=function(e){return a("network_state_change")?c(function(e,t,n){return $e(e,{event:"network_state_change",payload:t||{}},n)}(r,e,n)):Promise.resolve()},"undefined"==typeof navigator?function(){}:(d=navigator.connection||navigator.mozConnection||navigator.webkitConnection)?(_="unknown",p=d.type?d.type+"":"",f="boolean"==typeof navigator.onLine?navigator.onLine:null,d.onchange=function(){var e,t,n,r,o,i,a=d.type?d.type+"":"",s="boolean"==typeof navigator.onLine?navigator.onLine:null;(a!==p||s!==f)&&(p=a,f=s,r="boolean"==typeof(t=s)?t?1:0:-1,"none"==(n=(a||"")+"")&&1===r?n="unknown":n&&"none"!==n&&"unknown"!==n&&0===r&&(r=1),l(at({network_type:_,from_network_type:_,to_network_type:_,is_online:(e={connection_type:n,is_online:r}).is_online,change_count_in_sid:(xn.networkChangeCount||0)+1},(i={},(o=e.connection_type)?i.connection_type=o+"":d.type&&(i.connection_type=d.type+""),d.effectiveType&&(i.effective_type=d.effectiveType+""),null!=d.downlink&&(i.downlink=Math.round(1e3*d.downlink)),null!=d.rtt&&(i.rtt=d.rtt),i))))},function(){d.onchange=null}):function(){}),t._webInteractionTeardown="undefined"==typeof window||"undefined"==typeof document?function(){}:(h=function(e){!e||e.repeat||e.isComposing||(Se(),he(),xn.keydownTotalCount++,me())},g=function(e){var t,n=e&&e.target;(function(t){if(!t||1!==t.nodeType)return!1;var n=((t.tagName||"")+"").toLowerCase();if("input"===n||"textarea"===n)return!0;try{if(t.isContentEditable)return!0}catch(e){}return!1})(n)&&(t=Date.now(),Fn===n&&50>t-Hn||(Fn=n,Hn=t,Se(),he(),xn.inputCount++,me()))},m=function(e){(function(t){if(!t||1!==t.nodeType)return!1;var n=((t.tagName||"")+"").toLowerCase();if("input"===n||"textarea"===n||"select"===n)return!0;try{if(t.isContentEditable)return!0}catch(e){}return!1})(e&&e.target)&&(Se(),he(),xn.focusTotalCount++,me())},y=function(){Pe()},v=function(e){e&&e.changedTouches&&e.changedTouches.length&&(Se(),he(),xn.touchTotalCount++,me(),e.touches&&1===e.touches.length?(Un=e.touches[0].clientX,Xn=e.touches[0].clientY,Yn=Date.now(),ct(),zn=!1,Gn=setTimeout(function(){zn=!0,he(),xn.longPressTotalCount++,me()},500)):(Yn=0,ct()),e.touches&&2===e.touches.length&&(Wn=st(e.touches),Jn=!1))},w=function(e){var t,n,r;e&&e.touches&&(1===e.touches.length&&Yn>0&&Math.sqrt((t=e.touches[0].clientX-Un)*t+(n=e.touches[0].clientY-Xn)*n)>8&&ct(),2===e.touches.length&&(r=st(e.touches),null==Wn||Jn||12>Math.abs(r-Wn)||(he(),xn.pinchTotalCount++,me(),Jn=!0),Wn=r))},k=function(e){var t,n;ct(),Yn>0&&e.changedTouches&&e.changedTouches.length&&!zn&&(30>Math.sqrt((t=e.changedTouches[0].clientX-Un)*t+(n=e.changedTouches[0].clientY-Xn)*n)||(he(),xn.swipeTotalCount++,me())),Yn=0,zn=!1,e.touches&&e.touches.length>=2||(Wn=null,Jn=!1)},b=function(){ct(),Yn=0,zn=!1,Wn=null,Jn=!1},document.addEventListener("keydown",h,!1),document.addEventListener("input",g,!1),document.addEventListener("focusin",m,!1),window.addEventListener("orientationchange",y,!1),document.addEventListener("touchstart",v,!1),document.addEventListener("touchmove",w,!1),document.addEventListener("touchend",k,!1),document.addEventListener("touchcancel",b,!1),Pe(),function(){document.removeEventListener("keydown",h,!1),document.removeEventListener("input",g,!1),document.removeEventListener("focusin",m,!1),window.removeEventListener("orientationchange",y,!1),document.removeEventListener("touchstart",v,!1),document.removeEventListener("touchmove",w,!1),document.removeEventListener("touchend",k,!1),document.removeEventListener("touchcancel",b,!1),ct()}),(i("app_page_view")||i("page_click"))&&(u=a("app_page_view"),t._pageTrackerTeardown=function(t){function n(){if(u.resolvePageKey)try{var t=u.resolvePageKey();if(t)return qe(t+"")}catch(e){}return Be()}function r(){var e,t=n(),r=ze({previousPageKey:d,previousPageName:_,pageKey:t});d=t,_=r.page_name,Ln=t,Rn=r.page_name||"",l&&(e=ae(),function(e,t,n,r){he(),xn.eventCountTotal++,xn.lastEventName="app_page_view",xn.pageViewCount++;var o=(e||"")+"";o&&(xn.pageKeys[o]=1),Te(o,t,n,r),me()}(t,r.page_name,Math.floor(Date.now()/1e3),e),r._pageSeqPrealloc=e,r._metricsRecorded=1,u.onPageView&&u.onPageView(r))}function o(){var t,n,r,o,i=Date.now();200>i-Mn||(Mn=i,(t=Ke())&&(r=(n=t.scrollTop||0)-In,In=n,o=function(){var t,n,r;try{return(t=Ke())?(n=Math.max(0,(t.scrollHeight||0)-(t.clientHeight||0)))>0?{depthPercent:Math.min(100,Math.max(0,Math.round((r=t.scrollTop||0)/n*100))),atBottom:r>=n-8}:{depthPercent:0,atBottom:!0}:{depthPercent:0,atBottom:!1}}catch(e){return{depthPercent:0,atBottom:!1}}}(),u.onScroll&&u.onScroll(r,o.depthPercent,o.atBottom)))}function i(e){var t,r,o,i;e&&0>=e.button&&((t=e.target)&&"function"==typeof t.closest&&t.closest("[data-sdk-no-auto-click]")||(r=null!=e.clientX?e.clientX:0,o=null!=e.clientY?e.clientY:0,i=Ye(e),setTimeout(function(){if(!function(e,t){var n,r;for(function(e){for(var t=An.length-1;t>=0;t--)e-An[t].t>300&&An.splice(t,1)}(Date.now()),n=0;An.length>n;n++)if(10>=Math.abs((r=An[n]).x-e)&&10>=Math.abs(r.y-t))return!0;return!1}(r,o)){Se();var e=function(e,t){var n=e||{},r=qe(n.pageKey||Be()),o=Ye(t);return Ae({page_key:r,page_name:n.pageName||"undefined"!=typeof document&&document.title||r,recommend_trace_id:"",referrer_page_key:n.previousPageKey||"",is_sdk_auto_collected:1,_clickSnap:o},Ge(o))}({pageKey:d||n(),pageName:_,previousPageKey:d},i);u.onPageClick&&u.onPageClick(e)}},50)))}function a(){Ie(),r()}function s(e){e&&e.persisted&&r()}function c(){var e,t,n=Ke();In=n&&n.scrollTop||0,r(),!p&&window.history&&(p=!0,e=history.pushState,t=history.replaceState,history.pushState=function(){var t=e.apply(history,arguments);return Ie(),setTimeout(r,0),t},history.replaceState=function(){var e=t.apply(history,arguments);return Ie(),setTimeout(r,0),e},window.addEventListener("popstate",a,!1))}var u,l,d,_,p;return"undefined"==typeof window||"undefined"==typeof document?function(){}:(l=!1!==(u=t||{}).enableAutoPageView,d="",_="",p=!1,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",c,!1):c(),window.addEventListener("pageshow",s,!1),window.addEventListener("scroll",o,!1),document.addEventListener("click",i,!0),function(){document.removeEventListener("click",i,!0),window.removeEventListener("scroll",o,!1),window.removeEventListener("pageshow",s,!1),window.removeEventListener("popstate",a,!1),document.removeEventListener("DOMContentLoaded",c,!1)})}({resolvePageKey:t.options.pageKeyResolver,enableAutoPageView:u,onPageView:function(e){u&&t.batcher.track({event:"app_page_view",payload:e},"").catch(function(){})},onPageClick:function(e){a("page_click")&&t.batcher.track({event:"page_click",payload:e},"").catch(function(){})},onScroll:function(e,t,n){!function(e,t,n){var r,o;he(),8>(r=Math.abs(e))||(xn.hasScrolled||(xn.hasScrolled=!0,xn.firstScrollDelayMs=Math.max(0,Date.now()-Dn)),xn.scrollTotalCount++,xn.scrollTotalDistance+=r,o=e>0?1:-1,0!==xn.lastScrollDirection&&o!==xn.lastScrollDirection&&xn.scrollDirectionChangeCount++,xn.lastScrollDirection=o,0>e?xn.scrollUpCount++:e>0&&xn.scrollDownCount++,null!=t&&(xn.maxScrollDepthPercent=Math.max(xn.maxScrollDepthPercent,Math.min(100,Math.max(0,Math.round(t))))),n&&(xn.isReachBottom=1),me())}(e,t,n)}})),t._sessionPollTimer&&clearInterval(t._sessionPollTimer),t._sessionPollTimer=setInterval(function(){var e=G();e.endedSession&&t._handleEndedSession(e.endedSession).catch(function(){})},6e4)})})})}).catch(function(){})}},Et.prototype._init=function(e){var t,n,r;if(this._ssrSkipped)return this._buildInitReturn();for(t=Object.keys(e||{}),n=0;t.length>n;n++)this.options[t[n]]=e[t[n]];return null==this.options.channel&&(this.options.channel=""),this._disableAutoEvents=Ct(this.options.disableAutoEvents),this.options.disableAutoEvents=St(this._disableAutoEvents),this.configMgr.setEncryptedConfig(this.options.encryptedConfig||this.options.configCipher||""),this.configMgr.prewarm(),r=this,this.resolver.init(function(){return r.configMgr.getBatchEndpoints()}),this._refreshTimer&&clearInterval(this._refreshTimer),this._refreshTimer=setInterval(function(){r.refreshConfig()},12e5),this._unsubReady&&this._unsubReady(),this._unsubReady=this.resolver.onEndpointReady(function(){r.batcher.flush().catch(function(){})}),this._buildInitReturn()},Et.prototype.refreshConfig=function(){var e=this;return this.configMgr.forceRefresh(),this.resolver.refreshDomainConfig(function(){return e.configMgr.getBatchEndpoints()}).catch(function(){})},Et.prototype.track=function(e,t){return this._ssrSkipped?Promise.resolve({sent:!1,ok:!0,status:0,reason:"ssr_skipped"}):this.batcher.track(e,t)},Et.prototype.setContext=function(e){if(this._ssrSkipped)return this.getConfig();var t=e&&"object"==typeof e?e:{};return Object.prototype.hasOwnProperty.call(t,"uid")&&(this.options.uid=null==t.uid?"":t.uid+""),Object.prototype.hasOwnProperty.call(t,"channel")&&(this.options.channel=null==t.channel?"":t.channel+""),this.batcher.opts=bt(this.options),this.getConfig()},Et.prototype.setUid=function(e){return this.setContext({uid:e})},Et.prototype.getSelectedHost=function(){var e,t;return this._ssrSkipped||!this.resolver?"":(e=this.resolver.getSelectedBatchEndpoint())&&(t=/^(https?:\/\/[^/]+)/.exec(e))?t[1]:""},Et.prototype._buildInitReturn=function(){return this._ssrSkipped||!this.batcher?{selectedHost:"",version:$n}:bt(this.batcher.getConfig(),{selectedHost:this.getSelectedHost(),version:$n})},Et.prototype.getConfig=function(){if(this._ssrSkipped||!this.batcher)return bt(this.options,{selectedHost:"",selectedBatchEndpoint:"",version:$n});var e=bt(this.options,this.batcher.getConfig(),{selectedHost:this.getSelectedHost(),selectedBatchEndpoint:this.resolver.getSelectedBatchEndpoint(),version:$n});return delete e.encryptedConfig,delete e.configCipher,e},Et.prototype.flush=function(){return this._ssrSkipped?Promise.resolve():this.batcher.flush()},Et.prototype.refreshDomainConfig=function(){if(this._ssrSkipped)return Promise.resolve({selectedBatchEndpoint:"",selectedHost:"",version:$n});var e=this;return this.resolver.refreshDomainConfig(function(){return e.configMgr.getBatchEndpoints()}).then(function(t){return{selectedBatchEndpoint:t,selectedHost:e.getSelectedHost(),version:$n}})},Et.prototype.stop=function(){this._ssrSkipped||(this._sessionPollTimer&&(clearInterval(this._sessionPollTimer),this._sessionPollTimer=null),this._pageTrackerTeardown&&(this._pageTrackerTeardown(),this._pageTrackerTeardown=null),this._webInteractionTeardown&&(this._webInteractionTeardown(),this._webInteractionTeardown=null),this._webLoadTeardown&&(this._webLoadTeardown(),this._webLoadTeardown=null),this._autoLifecycleTeardown&&(this._autoLifecycleTeardown(),this._autoLifecycleTeardown=null),this._autoNetworkTeardown&&(this._autoNetworkTeardown(),this._autoNetworkTeardown=null),this._unsubReady&&(this._unsubReady(),this._unsubReady=null),this._refreshTimer&&(clearInterval(this._refreshTimer),this._refreshTimer=null),this.batcher.stop())},Ht=null,Ut=[],Xt=null,(Yt=Dt).setContext=function(e){return Tt().setContext(e)},Yt.setUid=function(e){return Tt().setUid(e)},Yt.setChannel=function(e){return Tt().setContext({channel:e})},Yt.notifyPageLoad=function(){!function(){if(cn=null,V())try{window.sessionStorage.removeItem(tn),window.sessionStorage.removeItem(nn)}catch(e){}}(),G(Date.now())},Yt.debugInvalidateSessionCache=function(){W()},Yt.debugForceEnsureSession=function(){var e,t;return W(),e=G(),t=Tt(),e.endedSession&&t._handleEndedSession(e.endedSession).catch(function(){}),e},Yt.getConfig=function(){return Tt().getConfig()},Yt.flush=function(){return Tt().flush()},Yt.refreshDomainConfig=function(){return Tt().refreshDomainConfig()},Yt.stop=function(){Ht?(Ht.stop(),Ht=null):Ut.length=0},Yt.version=$n,Yt.getCommonFields=function(e){var t=Ht?Ht.getConfig():{};return Z().then(function(){return Q().then(function(n){var r,o,i,a,s=B({appId:t.appId,channel:t.channel,uid:t.uid,deviceId:t.deviceId||n,sid:(a=z(),a||G().sid),deviceType:y(),deviceBrand:"",deviceModel:"",deviceFingerprint:ee(),fpVersion:te(),sdkVersion:$n,appVersion:v(t.appVersion)});if(!Array.isArray(e)||!e.length)return s;for(r={},o=0;e.length>o;o++)(i=((e[o]||"")+"").trim())&&(r[i]=Object.prototype.hasOwnProperty.call(s,i)?s[i]:"");return r})})},Yt.getCommonField=function(e){var t=((e||"")+"").trim();return t?Yt.getCommonFields([t]).then(function(e){return e[t]}):Promise.resolve("")},Yt.init=function(e){var t,n,r,o;return Ht&&(t=Ht,Ht=null,t.flush().catch(function(){}).then(function(){t.stop()})),n=new Et(e),Ht=n,o=xt(Ut.splice(0),n,0).then(function(){Xt===r&&(Xt=null)},function(){Xt===r&&(Xt=null)}),Xt=r=o,bt(n._buildInitReturn(),{track:Yt.track,setContext:Yt.setContext,setUid:Yt.setUid,setChannel:Yt.setChannel,notifyPageLoad:Yt.notifyPageLoad,getCommonFields:Yt.getCommonFields,getCommonField:Yt.getCommonField})},Gt=function(){return Kt("[sdk][web] 非法上报：禁止直接调用 WebSDK.track({...})，请使用 WebSDK.track.videoEvent({...}) 等具名方法"),Promise.resolve({sent:!1,ok:!1,status:0,reason:"direct_track_forbidden"})},Object.keys(Bt).forEach(function(t){var n=Bt[t];Gt[t]=function(r,o){try{return Dt(n(r),o)}catch(e){if(e&&"EventValidationError"===e.name)return Promise.resolve({sent:!1,ok:!1,status:0,reason:"event_validation_failed",event:e.eventMethod||t,missingFields:e.missingFields||[],typeErrorFields:e.typeErrorFields||[]});throw e}}}),Yt.track="undefined"!=typeof Proxy?new Proxy(Gt,{get:function(e,t){return"string"!=typeof t||t in e||!/^[a-z]/.test(t)?e[t]:function(){return Kt('[sdk][web] 未知上报事件 "'+t+'"，该方法不存在，事件未上报'),Promise.resolve({sent:!1,ok:!1,status:0,reason:"unknown_event_method",method:t})}}}):Gt,"undefined"!=typeof globalThis)try{globalThis.WebSDK=Yt}catch(e){}else"undefined"!=typeof window&&(window.WebSDK=Yt);return Yt});
diff --git a/public/static/sitemap.xsl b/public/static/sitemap.xsl
new file mode 100644
index 0000000..d31c603
--- /dev/null
+++ b/public/static/sitemap.xsl
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xsl:stylesheet version="1.0"
+  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  xmlns:s="http://www.sitemaps.org/schemas/sitemap/0.9"
+  exclude-result-prefixes="s">
+  <xsl:output method="html" encoding="UTF-8" indent="yes"/>
+
+  <xsl:template match="/">
+    <html>
+      <head>
+        <meta charset="utf-8"/>
+        <title>Sitemap</title>
+        <style>
+          body{font-family:Arial,Helvetica,sans-serif;max-width:1100px;margin:24px auto;padding:0 16px;line-height:1.6}
+          h1{font-size:20px;margin:0 0 12px}
+          table{width:100%;border-collapse:collapse}
+          th,td{border:1px solid #eee;padding:8px 10px;text-align:left}
+          th{background:#fafafa}
+          a{color:#0b57d0;text-decoration:none}
+          a:hover{text-decoration:underline}
+        </style>
+      </head>
+      <body>
+        <h1>Sitemap</h1>
+        <table>
+          <tr>
+            <th>loc</th>
+            <th>lastmod</th>
+          </tr>
+          <xsl:for-each select="s:urlset/s:url">
+            <tr>
+              <td>
+                <a>
+                  <xsl:attribute name="href"><xsl:value-of select="s:loc"/></xsl:attribute>
+                  <xsl:value-of select="s:loc"/>
+                </a>
+              </td>
+              <td><xsl:value-of select="s:lastmod"/></td>
+            </tr>
+          </xsl:for-each>
+        </table>
+      </body>
+    </html>
+  </xsl:template>
+</xsl:stylesheet>
diff --git a/public/static/sitemapindex.xsl b/public/static/sitemapindex.xsl
new file mode 100644
index 0000000..41afa64
--- /dev/null
+++ b/public/static/sitemapindex.xsl
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xsl:stylesheet version="1.0"
+  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+  xmlns:s="http://www.sitemaps.org/schemas/sitemap/0.9"
+  exclude-result-prefixes="s">
+  <xsl:output method="html" encoding="UTF-8" indent="yes"/>
+
+  <xsl:template match="/">
+    <html>
+      <head>
+        <meta charset="utf-8"/>
+        <title>Sitemap Index</title>
+        <style>
+          body{font-family:Arial,Helvetica,sans-serif;max-width:1100px;margin:24px auto;padding:0 16px;line-height:1.6}
+          h1{font-size:20px;margin:0 0 12px}
+          table{width:100%;border-collapse:collapse}
+          th,td{border:1px solid #eee;padding:8px 10px;text-align:left}
+          th{background:#fafafa}
+          a{color:#0b57d0;text-decoration:none}
+          a:hover{text-decoration:underline}
+        </style>
+      </head>
+      <body>
+        <h1>Sitemap Index</h1>
+        <table>
+          <tr>
+            <th>loc</th>
+            <th>lastmod</th>
+          </tr>
+          <xsl:for-each select="s:sitemapindex/s:sitemap">
+            <tr>
+              <td>
+                <a>
+                  <xsl:attribute name="href"><xsl:value-of select="s:loc"/></xsl:attribute>
+                  <xsl:value-of select="s:loc"/>
+                </a>
+              </td>
+              <td><xsl:value-of select="s:lastmod"/></td>
+            </tr>
+          </xsl:for-each>
+        </table>
+      </body>
+    </html>
+  </xsl:template>
+</xsl:stylesheet>
diff --git a/scripts/check-health.mjs b/scripts/check-health.mjs
new file mode 100644
index 0000000..9fa4075
--- /dev/null
+++ b/scripts/check-health.mjs
@@ -0,0 +1,28 @@
+const [origin,environment]=process.argv.slice(2);
+if(!origin||!['test','production'].includes(environment))throw new Error('Usage: node scripts/check-health.mjs <origin> test|production');
+async function read(path) {
+  const response=await fetch(new URL(path,origin),{signal:AbortSignal.timeout(5000),redirect:'error',cache:'no-store'});
+  if(response.status!==200)throw new Error(`${path} HTTP ${response.status}`);
+  let text='',size=0;
+  const decoder=new TextDecoder();
+  for await(const part of response.body) {
+    size+=part.length;if(size>1048576)throw new Error(`${path} 响应超过检查上限`);
+    text+=decoder.decode(part,{stream:true});
+    if(path==='/'&&text.includes('/_next/'))break;
+  }
+  return {text,type:response.headers.get('content-type')||''};
+}
+let healthy=false;
+for(let attempt=1;attempt<=5;attempt++) {
+  try {
+    const health=await read('/healthz'),status=JSON.parse(health.text);
+    if(status.status!=='ok'||status.environment!==environment||status.application!=='91-drama-next')throw new Error('/healthz 未命中本站对应环境');
+    const home=await read('/');
+    if(!/^text\/html(?:;|$)/i.test(home.type)||!home.text.includes('/_next/'))throw new Error('首页不是 Next HTML');
+    healthy=true;console.log('/healthz 与 Next 首页检查通过');break;
+  }catch(error) {
+    console.error(`健康检查 ${attempt}/5 失败：${error.message}`);
+    if(attempt<5)await new Promise(resolve=>setTimeout(resolve,1000));
+  }
+}
+process.exitCode=healthy?0:1;
diff --git a/scripts/deploy-common.sh b/scripts/deploy-common.sh
new file mode 100644
index 0000000..e0dcce3
--- /dev/null
+++ b/scripts/deploy-common.sh
@@ -0,0 +1,26 @@
+#!/bin/bash
+# Shared by deploy_test.sh / deploy_prod.sh; compatible with macOS Bash 3.2.
+fail() { printf '错误：%s\n' "$*" >&2; exit 1; }
+step() { printf '\n▸ %s\n' "$*"; }
+need() { command -v "$1" >/dev/null || fail "缺少命令 $1"; }
+valid_host() { [[ "$1" =~ ^[a-zA-Z0-9_][a-zA-Z0-9_.@-]*$ ]] || fail "$2 格式无效或未配置"; }
+valid_path() { [[ "$1" =~ ^/[a-zA-Z0-9_-]+(/[a-zA-Z0-9_.-]+)*/?$ ]] && [[ "$1/" != *'/../'* ]] && [[ "$1/" != *'/./'* ]] || fail "$2 必须是普通绝对路径"; }
+valid_port() { [[ "$1" =~ ^[0-9]+$ ]] && [ "$1" -ge 1 ] && [ "$1" -le 65535 ] || fail "$2 必须在 1–65535 内"; }
+check_local() {
+  need node; need npm
+  node -e 'const [a,b]=process.versions.node.split(".").map(Number);if(a<20||a===20&&b<9)process.exit(1)' || fail '需要 Node.js >=20.9，推荐 22.17.1'
+  [ -d node_modules/next ] && [ -d node_modules/dotenv ] || fail '请先执行 npm ci 安装本地依赖'
+  [ -s "config/$1.env" ] && [ -s package-lock.json ] || fail "缺少 config/$1.env 或 package-lock.json"
+}
+public_profile() {
+  node --input-type=module -e 'import{readFileSync}from"node:fs";import{parse}from"dotenv";const c=parse(readFileSync(`config/${process.argv[1]}.env`));console.log(`  API=${c.UPSTREAM_API_URL||c.API_BASE_URL}  PORT=${c.PORT}`)' "$1"
+}
+lock_build() {
+  [ ! -L dist ] || fail 'dist 不允许为符号链接'
+  mkdir -p dist
+  DEPLOY_LOCK="$SCRIPT_DIR/dist/.deploy.lock"
+  mkdir "$DEPLOY_LOCK" 2>/dev/null || fail "已有构建/发布进程或残留锁：$DEPLOY_LOCK"
+  trap 'rmdir "$DEPLOY_LOCK" 2>/dev/null || true' EXIT
+  trap 'exit 130' INT
+  trap 'exit 143' TERM
+}
diff --git a/scripts/next-env.mjs b/scripts/next-env.mjs
new file mode 100644
index 0000000..0283f0d
--- /dev/null
+++ b/scripts/next-env.mjs
@@ -0,0 +1,68 @@
+import {existsSync, readFileSync} from 'node:fs';
+import {resolve} from 'node:path';
+import {fileURLToPath} from 'node:url';
+import {spawn} from 'node:child_process';
+import {parse} from 'dotenv';
+
+const projectRoot=fileURLToPath(new URL('../',import.meta.url));
+const directories={development:'.next-dev',test:'.next-test',production:'.next'};
+const commands=new Set(['dev','build','start']);
+const readConfig=file=>existsSync(file)?parse(readFileSync(file)):{};
+// Normalize each layer before merging so a legacy process override still wins over a profile.
+const apiConfig=values=>({...values,...(!Object.hasOwn(values,'UPSTREAM_API_URL')&&Object.hasOwn(values,'API_BASE_URL')?{UPSTREAM_API_URL:values.API_BASE_URL}:{})});
+
+/** APP_ENV selects the deployment; NODE_ENV keeps Next's development/production semantics. */
+export function nextCommand(environment='development',command='dev',args=[],{root=projectRoot,variables=process.env}={}) {
+  if(!Object.hasOwn(directories,environment)||!commands.has(command))throw new Error('Usage: node scripts/next-env.mjs development|test|production dev|build|start');
+  const base=resolve(root,'config',environment+'.env');
+  if(!existsSync(base))throw new Error(`缺少环境配置：config/${environment}.env`);
+  const env={
+    ...apiConfig(readConfig(base)),
+    // Preserve the old local-development setup without leaking it into test/production.
+    ...(environment==='development'?apiConfig(readConfig(resolve(root,'.env.local'))):{}),
+    ...apiConfig(readConfig(resolve(root,'config',environment+'.local.env'))),
+    ...apiConfig(Object.fromEntries(Object.entries(variables).filter(([,value])=>value!==undefined))),
+    APP_ENV:environment,
+    APP_DIST_DIR:directories[environment],
+    NODE_ENV:command==='dev'?'development':'production',
+  };
+  try {
+    const value=(env.UPSTREAM_API_URL||'').trim();
+    if(value==='current')env.UPSTREAM_API_URL=value;
+    else{
+      const api=new URL(value);
+      if(!['http:','https:'].includes(api.protocol)||api.username||api.password||api.search||api.hash)throw new Error();
+      env.UPSTREAM_API_URL=api.href.replace(/\/+$/,'');
+    }
+    env.API_BASE_URL=env.UPSTREAM_API_URL;
+  }catch{throw new Error(`config/${environment}.env 的 UPSTREAM_API_URL（兼容 API_BASE_URL）必须为 current 或有效的 HTTP(S) 接口地址`);}
+  const port=String(env.PORT||'21021');
+  if(!/^\d+$/.test(port)||Number(port)<1||Number(port)>65535)throw new Error('PORT 必须在 1–65535 之间');
+  env.PORT=port;
+  const hasOption=names=>args.some(arg=>names.some(name=>arg===name||arg.startsWith(name+'=')));
+  const options=command==='build'?[]:[
+    ...(hasOption(['--hostname','-H'])?[]:['--hostname','0.0.0.0']),
+    ...(hasOption(['--port','-p'])?[]:['--port',port]),
+  ];
+  return {executable:process.execPath,args:[resolve(root,'node_modules/next/dist/bin/next'),command,...options,...args],cwd:root,env};
+}
+
+export async function runNext(environment,command,args,options) {
+  const spec=nextCommand(environment,command,args,options);
+  const child=spawn(spec.executable,spec.args,{cwd:spec.cwd,env:spec.env,stdio:'inherit'});
+  const interrupt=()=>child.kill('SIGINT'),terminate=()=>child.kill('SIGTERM');
+  process.on('SIGINT',interrupt);process.on('SIGTERM',terminate);
+  try {
+    return await new Promise((resolve,reject)=>{
+      child.once('error',reject);
+      child.once('exit',(code,signal)=>resolve(code??(signal==='SIGINT'?130:143)));
+    });
+  }finally{process.off('SIGINT',interrupt);process.off('SIGTERM',terminate);}
+}
+
+if(process.argv[1]&&resolve(process.argv[1])===fileURLToPath(import.meta.url)){
+  try {
+    const [environment='development',command='dev',...args]=process.argv.slice(2);
+    process.exitCode=await runNext(environment,command,args);
+  }catch(error){console.error(error instanceof Error?error.message:'启动 Next.js 失败');process.exitCode=1;}
+}
diff --git a/scripts/package-standalone.mjs b/scripts/package-standalone.mjs
new file mode 100644
index 0000000..614c9c9
--- /dev/null
+++ b/scripts/package-standalone.mjs
@@ -0,0 +1,61 @@
+import {cp, lstat, mkdir, readFile, realpath, rm, writeFile} from 'node:fs/promises';
+import {basename, join, relative, resolve, sep} from 'node:path';
+import {fileURLToPath} from 'node:url';
+
+const projectRoot=fileURLToPath(new URL('../',import.meta.url));
+
+/** Assemble a relocatable release; only the selected public environment profile is shipped. */
+export async function packageStandalone(environment,{root=projectRoot}={}) {
+  if(!['test','production'].includes(environment))throw new Error('Usage: node scripts/package-standalone.mjs test|production');
+  root=await realpath(root);
+  const build=environment==='test'?'.next-test':'.next';
+  const dist=join(root,'dist'),destination=join(dist,environment),source=join(root,build,'standalone');
+  async function directory(path,optional=false) {
+    const info=await lstat(path).catch(error=>{if(optional&&error.code==='ENOENT')return null;throw error;});
+    if(info&&(!info.isDirectory()||info.isSymbolicLink()||await realpath(path)!==path))throw new Error(`Unsafe release directory: ${path}`);
+  }
+  for(const path of [join(root,build),source])await directory(path);
+  for(const file of [join(source,'server.js'),join(source,build,'BUILD_ID'),join(root,'config',environment+'.env')]) {
+    if(!(await lstat(file)).isFile()||!(await readFile(file)).length)throw new Error(`Missing release file: ${file}`);
+  }
+  await directory(dist,true);await mkdir(dist,{recursive:true});await directory(destination,true);
+  // A fixed dist/<environment> is the only location removed by this command.
+  await rm(destination,{recursive:true,force:true});
+  const filter=async path=>{
+    const name=basename(path);
+    if(name.startsWith('.env')||name.endsWith('.local.env')||name.startsWith('._')||name==='.DS_Store'||name.endsWith('.log'))return false;
+    // Dynamic filesystem reads can make Next trace sibling build/cache/test directories.
+    // Keep this project's runtime roots, never recursively include earlier dist releases.
+    if(path.startsWith(source+sep)&&!['server.js','package.json','package-lock.json',build,'node_modules','src'].includes(relative(source,path).split(sep)[0]))return false;
+    if(path===join(source,build,'cache'))return false;
+    if((await lstat(path)).isSymbolicLink())throw new Error(`Release source contains a symbolic link: ${path}`);
+    return true;
+  };
+  await cp(source,destination,{recursive:true,filter});
+  for(const [from,to] of [[join(root,'public'),'public'],[join(root,build,'static'),build+'/static'],
+    [join(root,'node_modules/dotenv'),'node_modules/dotenv']]) {
+    await cp(from,join(destination,to),{recursive:true,filter});
+  }
+  await mkdir(join(destination,'config'),{recursive:true});await mkdir(join(destination,'scripts'),{recursive:true});
+  for(const file of ['package.json','package-lock.json','scripts/next-env.mjs','scripts/check-health.mjs','config/'+environment+'.env']) {
+    await cp(join(root,file),join(destination,file));
+  }
+  await writeFile(join(destination,'start.mjs'),`import {fileURLToPath} from 'node:url';
+import {nextCommand} from './scripts/next-env.mjs';
+const root=fileURLToPath(new URL('./',import.meta.url));
+process.chdir(root);
+const {env}=nextCommand(${JSON.stringify(environment)},'start',[],{root});
+Object.assign(process.env,env);
+process.env.HOSTNAME=process.env.HOSTNAME||'0.0.0.0';
+await import('./server.js');
+`);
+  console.log(`Standalone release ready: ${destination}`);
+  return destination;
+}
+
+if(process.argv[1]&&resolve(process.argv[1])===fileURLToPath(import.meta.url)) {
+  try {
+    if(process.argv.length!==3)throw new Error('Usage: node scripts/package-standalone.mjs test|production');
+    await packageStandalone(process.argv[2]);
+  }catch(error){console.error(error.message);process.exitCode=1;}
+}
diff --git a/scripts/prepare-production-runtime.mjs b/scripts/prepare-production-runtime.mjs
new file mode 100644
index 0000000..ff2eebb
--- /dev/null
+++ b/scripts/prepare-production-runtime.mjs
@@ -0,0 +1,163 @@
+import { cp, lstat, mkdtemp, open, readFile, readdir, realpath, rm, writeFile } from 'node:fs/promises';
+import { basename, dirname, join, relative, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { spawnSync } from 'node:child_process';
+import { createRequire } from 'node:module';
+const [arch = 'x64', libc = 'glibc', ...extra] = process.argv.slice(2);
+if (!['x64', 'arm64'].includes(arch) || !['glibc', 'musl'].includes(libc) || extra.length) {
+    throw new Error('Usage: node scripts/prepare-production-runtime.mjs [x64|arm64] [glibc|musl]');
+}
+const root = await realpath(resolve(dirname(fileURLToPath(import.meta.url)), '..'));
+const dist = join(root, 'dist');
+const source = join(dist, 'production');
+const target = join(dist, `production-linux-${arch}-${libc}`);
+if (dirname(target) !== dist || !/^production-linux-(x64|arm64)-(glibc|musl)$/.test(basename(target))) {
+    throw new Error('Runtime destination must be a fixed repository dist directory');
+}
+for (const directory of [dist, source]) {
+    const info = await lstat(directory);
+    if (info.isSymbolicLink() || !info.isDirectory() || await realpath(directory) !== directory) {
+        throw new Error(`Unsafe build directory: ${directory}`);
+    }
+}
+const oldTarget = await lstat(target).catch((error) => {
+    if (error.code !== 'ENOENT')
+        throw error;
+    return null;
+});
+if (oldTarget?.isSymbolicLink())
+    throw new Error('Runtime destination cannot be a symbolic link');
+async function requireFile(base, name) {
+    const path = join(base, name);
+    const info = await lstat(path);
+    if (!info.isFile() || info.size === 0 || !(await realpath(path)).startsWith(base + '/')) {
+        throw new Error(`Missing, empty or unsafe runtime file: ${name}`);
+    }
+}
+const required = ['start.mjs', 'server.js', '.next/BUILD_ID', 'config/production.env'];
+for (const file of required)
+    await requireFile(source, file);
+for (const directory of ['.next/static', 'public']) {
+    if (!(await lstat(join(source, directory))).isDirectory())
+        throw new Error(`Missing ${directory}`);
+}
+for (const file of ['package.json', 'package-lock.json'])
+    await requireFile(root, file);
+const originalLock = JSON.parse(await readFile(join(root, 'package-lock.json'), 'utf8'));
+for (const file of await matchingFiles(join(source, 'node_modules'), /^package\.json$/)) {
+    const locked = originalLock.packages[relative(source, dirname(file))];
+    if (locked && JSON.parse(await readFile(file, 'utf8')).version !== locked.version) {
+        throw new Error(`Traced dependency does not match the root lockfile: ${file}`);
+    }
+}
+const npmVersion = spawnSync('npm', ['--version'], { cwd: root, encoding: 'utf8' });
+if (npmVersion.error || npmVersion.status !== 0)
+    throw new Error('Cannot read the current npm version');
+const version = npmVersion.stdout.trim();
+const match = /^(\d+)\.(\d+)\.(\d+)(?:$|[-+])/.exec(version);
+const [major = 0, minor = 0, patch = 0] = match ? match.slice(1).map(Number) : [];
+if (major < 10 || major === 10 && (minor < 9 || minor === 9 && patch < 2)) {
+    throw new Error(`npm >=10.9.2 is required for cross-platform installation; found ${version}`);
+}
+// Only this validated, fixed dist destination can be removed; source and host dependencies stay intact.
+const sharpPlatform = `${libc === 'musl' ? 'linuxmusl' : 'linux'}-${arch}`;
+const packages = [
+    [`@img/sharp-${sharpPlatform}`, /\.node$/],
+    [`@img/sharp-libvips-${sharpPlatform}`, /libvips.*\.so(?:\.\d+)*$/],
+];
+await rm(target, { recursive: true, force: true });
+await cp(source, target, {
+    recursive: true,
+    filter: async (path) => {
+        const name = basename(path);
+        if (name.startsWith('.env') || name.endsWith('.local.env') ||
+            name.startsWith('._') || name === '.DS_Store' || name.endsWith('.log'))
+            return false;
+        const scope = basename(dirname(path));
+        if (scope === '@next' && name.startsWith('swc-'))
+            return false;
+        if (scope === '@img' && name.startsWith('sharp-') && name !== 'sharp-wasm32' &&
+            !packages.some(([packageName]) => packageName === `@img/${name}`))
+            return false;
+        if ((await lstat(path)).isSymbolicLink())
+            throw new Error(`Runtime source contains a symbolic link: ${path}`);
+        return true;
+    },
+});
+for (const file of ['package.json', 'package-lock.json'])
+    await cp(join(root, file), join(target, file));
+// Preserve Next's traced JS tree. Install only the two platform packages, never the full app dependency graph.
+const nativeDir = await mkdtemp(join(dist, '.production-native-'));
+try {
+    const optionalDependencies = {}, records = {};
+    for (const [name] of packages) {
+        const entry = originalLock.packages[`node_modules/${name}`];
+        if (!entry?.version || !entry.resolved || !entry.integrity)
+            throw new Error(`Missing locked native package: ${name}`);
+        optionalDependencies[name] = entry.version;
+        const record = { ...entry, optional: true };
+        delete record.dev;
+        delete record.devOptional;
+        records[`node_modules/${name}`] = record;
+    }
+    const manifest = { name: '91dj-native-runtime', version: '1.0.0', private: true, optionalDependencies };
+    await writeFile(join(nativeDir, 'package.json'), JSON.stringify(manifest));
+    await writeFile(join(nativeDir, 'package-lock.json'), JSON.stringify({ name: manifest.name,
+        version: manifest.version, lockfileVersion: 3, requires: true, packages: { '': manifest, ...records } }));
+    console.log(`Installing two locked Linux ${arch}/${libc} native packages with npm ${version}`);
+    const install = spawnSync('npm', ['ci', '--omit=dev', '--include=optional', '--ignore-scripts',
+        '--no-audit', '--no-fund', '--os=linux', `--cpu=${arch}`, `--libc=${libc}`], { cwd: nativeDir, stdio: 'inherit' });
+    if (install.error || install.status !== 0)
+        throw new Error(`Native npm ci failed (${install.status ?? install.error?.message})`);
+    for (const [name, pattern] of packages) {
+        const directory = join(nativeDir, 'node_modules', name);
+        const metadata = JSON.parse(await readFile(join(directory, 'package.json'), 'utf8'));
+        if (metadata.name !== name || metadata.version !== optionalDependencies[name] ||
+            !metadata.os?.includes('linux') || !metadata.cpu?.includes(arch))
+            throw new Error(`Incorrect native package: ${name}`);
+        const binaries = await matchingFiles(directory, pattern);
+        if (!binaries.length)
+            throw new Error(`Native runtime binary is missing: ${name}`);
+        for (const binary of binaries)
+            await verifyELF(binary);
+        await cp(directory, join(target, 'node_modules', name), { recursive: true });
+    }
+}
+finally {
+    await rm(nativeDir, { recursive: true, force: true });
+}
+for (const file of [...required, 'node_modules/dotenv/package.json', 'node_modules/sharp/package.json',
+    'node_modules/detect-libc/package.json', 'node_modules/semver/package.json', 'node_modules/@img/colour/package.json']) {
+    await requireFile(target, file);
+}
+const runtimeRequire = createRequire(join(target, 'package.json'));
+if (typeof runtimeRequire('dotenv').parse !== 'function')
+    throw new Error('Runtime dotenv is unavailable');
+async function matchingFiles(directory, pattern) {
+    const found = [];
+    for (const entry of await readdir(directory, { withFileTypes: true })) {
+        const path = join(directory, entry.name);
+        if (entry.isDirectory())
+            found.push(...await matchingFiles(path, pattern));
+        else if (entry.isFile() && pattern.test(entry.name))
+            found.push(path);
+    }
+    return found;
+}
+async function verifyELF(path) {
+    const file = await open(path, 'r');
+    const header = Buffer.alloc(64);
+    try {
+        await file.read(header, 0, header.length, 0);
+    }
+    finally {
+        await file.close();
+    }
+    if (!header.subarray(0, 4).equals(Buffer.from([0x7f, 0x45, 0x4c, 0x46])) ||
+        header[4] !== 2 || header[5] !== 1 || header.readUInt16LE(18) !== (arch === 'x64' ? 62 : 183)) {
+        throw new Error(`Native runtime is not a Linux ${arch} ELF binary: ${path}`);
+    }
+}
+// These public target details describe the package; environment values and credentials are never copied here.
+await writeFile(join(target, 'runtime-target.json'), JSON.stringify({ platform: 'linux', arch, libc, packaging: 'standalone' }, null, 2) + '\n');
+console.log(`Linux runtime ready: ${target}`);
diff --git a/scripts/smoke-api.mjs b/scripts/smoke-api.mjs
new file mode 100644
index 0000000..e2c4cd1
--- /dev/null
+++ b/scripts/smoke-api.mjs
@@ -0,0 +1,88 @@
+// Read-only business smoke checks; POSTs only establish a guest or validate empty login input.
+// Cookies stay in memory and are never printed or written to disk.
+import assert from "node:assert/strict";
+
+const base = process.env.PREVIEW_URL || "http://127.0.0.1:21021";
+const publicOnly = process.env.SMOKE_PUBLIC_ONLY === "1";
+const cookies = new Map();
+const cookieHeader=()=>[...cookies].map(([key,value])=>`${key}=${value}`).join('; ');
+async function request(path, body) {
+  const response = await fetch(`${base}/api/${path}`, {
+    method: body === undefined ? "GET" : "POST",
+    headers: {Cookie: cookieHeader(), ...(body === undefined ? {} : {"Content-Type":"application/json"})},
+    body: body === undefined ? undefined : JSON.stringify(body),
+  });
+  for (const item of response.headers.getSetCookie()) {
+    const [pair] = item.split(";"); const index = pair.indexOf("=");
+    cookies.set(pair.slice(0,index), pair.slice(index+1));
+  }
+  const envelope = await response.json();
+  assert.equal(response.status,200,`${path}: HTTP ${response.status}`);
+  assert.equal(envelope.code,200,`${path}: ${envelope.msg || envelope.tip}`);
+  return envelope.data;
+}
+
+const home = await request("playlet/home");
+const response = await fetch(base);
+const html = await response.text();
+assert.equal(response.status,200);
+assert.ok(!html.includes("data-must-watch-sort"),"首页筛选项应保持移除");
+if (!publicOnly) {
+  const guest = await request("auth/guest",{});
+  assert.ok(guest.userId,"游客登录应返回用户 ID");
+  assert.equal(guest.token,undefined,"token 不应暴露给浏览器脚本");
+  assert.ok(cookies.has("drama_session"),"应通过 Cookie 保持会话");
+  console.log("PASS: HttpOnly guest session");
+}
+console.log("PASS: SSR homepage");
+
+const checks = ["config/info", "config/footer/info", "navigation/header", "translation/category/list", "theme/list", "playlet/tag/options", "playlet/all/list?sortType=1&pageNum=1&pageSize=4", "playlet/hot/list?pageNum=1&pageSize=4", ...[1,2,3].map(rank=>`playlet/hot/rank/list?rankType=${rank}&pageNum=1&pageSize=4`), "playlet/topic/list?pageNum=1&pageSize=4", "applist/list?categoryId=0", "recharge/package/list", "playlet/hot-like", ...(!publicOnly?["auth/getInfo", "user/center/data", "playlet/history/list?pageNum=1&pageSize=4", "playlet/collect/list?pageNum=1&pageSize=4&watchStatus=0", "playlet/bought/list?pageNum=1&pageSize=4", "coin/trans/list?page=1&pageSize=10&type=0"]:[])];
+const dataByPath=new Map();
+for(let offset=0;offset<checks.length;offset+=4)await Promise.all(checks.slice(offset,offset+4).map(async path=>{const data=await request(path);assert.ok(data,`${path}: missing data`);dataByPath.set(path.split('?')[0],data);console.log(`PASS: ${path.split("?")[0]}`);}));
+const pages=['/shorts/','/shorts/page/2/','/rank/hot/','/rank/new/','/rank/follow/','/topics/','/apps/','/home-road/','/navigation/','/info/about-us/','/info/user-agreement/','/info/privacy-policy/','/info/help-center/','/info/2257/','/info/dmca/','/info/feedback/'];
+const topic=dataByPath.get('playlet/topic/list')?.list?.[0];
+if(topic){
+  const detail=await request(`playlet/topic/detail?id=${topic.id}&pageNum=1&pageSize=4`);
+  assert.equal(detail.id,topic.id);assert.equal(typeof detail.name,'string');assert.ok(Array.isArray(detail.list));
+  pages.push(`/topics/${topic.id}/`,`/theme/${topic.id}/`);
+}
+const tag=dataByPath.get('playlet/tag/options')?.list?.[0];
+if(tag)pages.push(`/tag/${tag.id}/`);
+const block=home.homeConfigData?.find(item=>item.status&&!item.moreUrl);
+if(block)pages.push(`/config/${block.id}/`);
+const first = home.homeBannerData?.[0] || home.homeConfigData?.find(block=>block.list?.length)?.list[0];
+if (first) {
+  const search=await request("playlet/search?"+new URLSearchParams({keyword:first.playName||first.title,pageNum:"1",pageSize:"4"}));
+  assert.ok(Array.isArray(search.list));
+  pages.push('/search/'+encodeURIComponent(first.playName||first.title)+'/');
+  const suggestions=await request('playlet/search/suggest?'+new URLSearchParams({keyword:first.playName||first.title}));assert.ok(Array.isArray(suggestions.list));
+  if (!publicOnly) {
+  const detail=await request(`playlet/detail?id=${first.id}`);
+  assert.equal(detail.id,first.id);
+  const chapters=await request(`playlet/chapter/list?playletId=${first.id}`);
+  const related=await request(`playlet/guess-like/list?playletId=${first.id}&pageNum=1&pageSize=6`);assert.ok(Array.isArray(related.list));
+  pages.push(`/detail/${first.id}/`);
+  if (chapters.list?.length) {
+    const chapter=await request(`playlet/chapter/detail?playletId=${first.id}&chapterId=${chapters.list[0].id}`);
+    assert.equal(chapter.id,chapters.list[0].id);
+    assert.equal(typeof chapter.canWatch,"boolean");
+    pages.push(`/play/${first.id}/${chapter.id}/`);
+  }
+  console.log("PASS: drama detail and chapter permissions");
+  }
+  console.log("PASS: search");
+}
+if(!publicOnly)pages.push('/member/center/','/member/favorites/','/member/history/','/member/purchased/','/member/settings/','/info/deposit/','/info/deposit/vip/');
+for(let offset=0;offset<pages.length;offset+=3)await Promise.all(pages.slice(offset,offset+3).map(async path=>{
+  const response=await fetch(base+path,{headers:{Cookie:cookieHeader()},redirect:'manual'}),html=await response.text();
+  assert.equal(response.status,200,path);assert.equal(response.headers.get('location'),null,path);assert.ok(!html.includes('内容暂不可用，请稍后重试'),path);assert.ok(!html.includes('class="api-loading"'),path);
+  const marker=path.startsWith('/member/settings/')?'member-settings':path.startsWith('/member/')?'member-center':path.startsWith('/info/deposit/')?'wallet-page':path==='/info/feedback/'?'id="feedback-form"':path==='/home-road/'?'return-home-directory':path.startsWith('/search/')?'data-search-results':'';
+  if(marker)assert.ok(html.includes(marker),path+' must contain the complete server-rendered page');
+  console.log(`PASS: page ${path}`);
+}));
+const rejected=await fetch(`${base}/api/not-allowed`);
+assert.equal(rejected.status,404);
+const invalidLogin=await fetch(`${base}/api/auth/login`,{method:"POST",headers:{Origin:new URL(base).origin,"Sec-Fetch-Site":"same-origin","Content-Type":"application/json"},body:"{}"});
+assert.equal(invalidLogin.status,400);
+assert.equal((await invalidLogin.json()).code,400);
+console.log("PASS: proxy endpoint allowlist and browser login input validation");
diff --git a/src/app/[...path]/page.tsx b/src/app/[...path]/page.tsx
new file mode 100644
index 0000000..d109a54
--- /dev/null
+++ b/src/app/[...path]/page.tsx
@@ -0,0 +1,35 @@
+import { notFound } from 'next/navigation';
+import type { Metadata } from 'next';
+import { routeFromSegments } from '@/lib/routing';
+import { getPageSeo, metadataFromHead, queryString } from '@/lib/seo-server';
+import { SiteFrame } from '@/components/site/SiteFrame';
+import { empty } from '@/lib/client/render';
+import type { PageView } from '@/lib/page-data';
+import { assertPageContent } from '@/lib/page-response';
+
+export const dynamic = 'force-dynamic';
+
+type PageProps={params:Promise<{path:string[]}>;searchParams:Promise<Record<string,string|string[]|undefined>>};
+const pathname=(path:string[])=>'/'+path.map(encodeURIComponent).join('/')+'/';
+
+export async function generateMetadata({params,searchParams}:PageProps):Promise<Metadata> {
+  const {path}=await params;
+  if(!routeFromSegments(path))notFound();
+  const result=await getPageSeo(pathname(path),queryString(await searchParams));
+  assertPageContent(pathname(path),result.bootstrap.content);
+  return metadataFromHead(result.head);
+}
+
+export default async function Page({params,searchParams}:PageProps) {
+  // Next 16.4 getDynamicParam encodes page props; generateMetadata receives decoded params.
+  // Decode at this boundary so both calls share the same URL, data and SEO cache entry.
+  const {path:encodedPath} = await params;
+  const path=encodedPath.map(decodeURIComponent);
+  const route=routeFromSegments(path);
+  if (!route) notFound();
+  const {bootstrap,view,session,shared}=await getPageSeo(pathname(path),queryString(await searchParams));
+  assertPageContent(pathname(path),bootstrap.content);
+  const title=bootstrap.content.title||({'apps':'福利应用','home-road':'回家的路',center:'个人中心',favorites:'我的收藏',history:'观看历史',likes:'我的点赞',purchased:'已购剧集',settings:'账号设置',deposit:'金币充值',feedback:'意见反馈'} as Record<string,string>)[route.key]||'内容列表';
+  const fallback:PageView={panel:'channel',title,html:empty(bootstrap.content.failed?'内容暂不可用，请稍后重试':'暂无内容',true)};
+  return <SiteFrame home={{}} homeLoaded={false} view={view||fallback} seo={bootstrap} session={session} shared={shared} />;
+}
diff --git a/src/app/api/[...path]/route.ts b/src/app/api/[...path]/route.ts
new file mode 100644
index 0000000..f08803e
--- /dev/null
+++ b/src/app/api/[...path]/route.ts
@@ -0,0 +1,4 @@
+// The browser BFF stays separate from /api/app/*, which Nginx sends directly to Go.
+export { GET, POST } from '../app/[...path]/route';
+export const runtime = 'nodejs';
+export const dynamic = 'force-dynamic';
diff --git a/src/app/api/app/[...path]/route.ts b/src/app/api/app/[...path]/route.ts
new file mode 100644
index 0000000..55aa474
--- /dev/null
+++ b/src/app/api/app/[...path]/route.ts
@@ -0,0 +1,158 @@
+import { NextRequest, NextResponse } from "next/server";
+import { randomUUID } from "node:crypto";
+import { isIP } from "node:net";
+import { allowedRequest, PUBLIC_PATHS, upstream } from "@/lib/api/server";
+import { UPSTREAM_HOP_HEADER } from '@/lib/api/config';
+import { ApiError, EXPIRED_CODES } from "@/lib/api/protocol";
+import { trackingHeaders } from "@/lib/api/tracking-headers";
+import type { Envelope, User } from "@/lib/api/types";
+
+export const runtime = "nodejs";
+export const dynamic = "force-dynamic";
+const AUTH = "drama_session";
+const DEVICE = "drama_device";
+const REGISTERED = "drama_registered";
+const CHANNEL = "drama_channel";
+const SKIP_AUTO = "drama_skip_auto";
+const CREDENTIALS = new Set(['auth/login','auth/register','auth/resetPassword']);
+const text = (value: unknown) => typeof value === 'string' ? value.trim() : '';
+const deviceId = (value: unknown) => /^[a-zA-Z0-9_-]{1,100}$/.test(text(value)) ? text(value) : '';
+const expired = (code: number) => EXPIRED_CODES.has(code) || code === 401;
+
+function sessionUser(value: unknown, token = '', registered = false): User {
+  if (!value || typeof value !== 'object' || !Number.isSafeInteger((value as User).userId) || (value as User).userId <= 0) throw new ApiError('登录响应缺少用户信息，请稍后重试',502);
+  const user = value as User;
+  const sessionToken = text(user.token) || token;
+  if (!sessionToken) throw new ApiError('登录响应缺少凭证，请稍后重试',502);
+  return {...user, token:sessionToken, isRegister:user.isRegister || user.type === 1 || (user.isRegister === undefined && user.type === undefined && registered)};
+}
+
+async function handler(request: NextRequest, context: {params: Promise<{path: string[]}>}) {
+  const path = (await context.params).path.join('/');
+  const method = request.method;
+  const headers = {'Cache-Control':'no-store'};
+  if (request.headers.has(UPSTREAM_HOP_HEADER)) return NextResponse.json({code:502,msg:'上游请求返回本站，请检查 Nginx 的 /api/app/ 后端转发配置',data:null},{status:502,headers:{...headers,[UPSTREAM_HOP_HEADER]:'1'}});
+  if (!allowedRequest(path,method) && path !== 'auth/logout') return NextResponse.json({code:404,msg:'接口不存在',data:null},{status:404,headers});
+  const secure = request.nextUrl.protocol === 'https:';
+  const cookieOptions = {httpOnly:true,sameSite:'lax' as const,secure,path:'/',maxAge:7*86400};
+  const clearSession = (response: NextResponse) => {
+    response.cookies.set(AUTH,'',{...cookieOptions,maxAge:0});
+    response.cookies.set(REGISTERED,'',{...cookieOptions,maxAge:0});
+  };
+  if (path === 'auth/logout') {
+    if (method !== 'POST') return NextResponse.json({code:405,data:null},{status:405,headers});
+    const response = NextResponse.json({code:200,data:null},{headers});
+    clearSession(response);
+    response.cookies.set(SKIP_AUTO,'1',{httpOnly:true,sameSite:'lax',secure,path:'/'});
+    return response;
+  }
+  let token = PUBLIC_PATHS.has(path) ? '' : request.cookies.get(AUTH)?.value || '';
+  const registered = request.cookies.get(REGISTERED)?.value === '1';
+  let device = deviceId(request.cookies.get(DEVICE)?.value) || randomUUID();
+  let channel = text(request.cookies.get(CHANNEL)?.value).slice(0,100);
+  const establishesDevice = ['auth/guest','auth/login','auth/register'].includes(path);
+  const userAgent = request.headers.get('user-agent') || '';
+  const forwardedIp = (request.headers.get('x-real-ip') || request.headers.get('x-forwarded-for')?.split(',')[0] || '').trim();
+  const clientIp = isIP(forwardedIp) ? forwardedIp : undefined;
+  const tracking=trackingHeaders(request.headers,path,method);
+  const identity=trackingHeaders(request.headers,'auth/guest','POST');
+  const setContextCookies = (response: NextResponse) => {
+    if (establishesDevice) {
+      response.cookies.set(DEVICE,device,{...cookieOptions,httpOnly:false,maxAge:365*86400});
+      if (channel) response.cookies.set(CHANNEL,channel,{...cookieOptions,httpOnly:false,maxAge:365*86400});
+    }
+  };
+  const guest = async () => {
+    const result = await upstream<User>('auth/guest',{request,method:'POST',body:{devID:device,deviceId:device,channel,mac:''},device,userAgent,clientIp,tracking:identity});
+    if (result.code !== 200) throw new ApiError(result.tip || result.msg || '游客登录失败',result.code);
+    return sessionUser(result.data);
+  };
+  // Normalize HTTP 401 into the same recovery path as an expired business envelope.
+  const call = async (callPath: string, options: Parameters<typeof upstream>[1]): Promise<Envelope<unknown>> => {
+    try { return await upstream(callPath,{...options,request,clientIp,tracking:callPath.split('?')[0]===path?tracking:identity}); }
+    catch (error) {
+      if (error instanceof ApiError && error.code === 401) return {code:401,msg:error.message,data:null};
+      throw error;
+    }
+  };
+  try {
+    let body: unknown;
+    if (method === 'POST') {
+      const size = Number(request.headers.get('content-length') || 0);
+      if (size > 6*1024*1024) throw new ApiError('文件过大，请上传小于 5MB 的图片',413);
+      body = request.headers.get('content-type')?.includes('multipart/form-data') ? await request.formData() : await request.json().catch(()=>({}));
+    }
+    const input = body && typeof body === 'object' && !Array.isArray(body) && !(body instanceof FormData) ? body as Record<string,unknown> : {};
+    if (establishesDevice) {
+      device = deviceId(request.cookies.get(DEVICE)?.value) || deviceId(input.devID) || device;
+      channel ||= text(input.channel).slice(0,100) || text(process.env.API_CHANNEL).slice(0,100);
+    }
+    let session: User | undefined;
+    let result: Envelope<unknown>;
+    if (path === 'auth/guest') {
+      if (!token && input.automatic === true && request.cookies.get(SKIP_AUTO)?.value === '1') {
+        const response = NextResponse.json({code:200,data:null},{headers});
+        response.cookies.set(SKIP_AUTO,'',{...cookieOptions,maxAge:0});
+        setContextCookies(response);
+        return response;
+      }
+      if (token) {
+        const info = await call('auth/getInfo',{token,device,userAgent});
+        if (info.code === 200) session = sessionUser(info.data,token,registered);
+        else if (!expired(info.code) || registered) throw new ApiError(info.tip || info.msg || '登录已过期，请重新登录',info.code);
+      }
+      session ||= await guest();
+      result = {code:200,data:session};
+    } else {
+      if (path === 'auth/login' || path === 'auth/register') {
+        const account = text(input[path === 'auth/login' ? 'account' : 'accountNo']);
+        const password = typeof input.password === 'string' ? input.password : '';
+        if (!account || !password) throw new ApiError('请填写账号和密码',400);
+        body = path === 'auth/login'
+          ? {account,password,devID:device,channel}
+          : {accountNo:account,password,email:text(input.email) || account+'@91dj.local',devID:device,channel,...(text(input.agentInviteCode) ? {agentInviteCode:text(input.agentInviteCode).slice(0,100)} : {})};
+        // Only guest binding inherits the old identity; account switching does not.
+        if (path === 'auth/login' || registered) token = '';
+      } else if (path === 'auth/resetPassword') {
+        body = {accountNo:text(input.accountNo),email:text(input.email),newPassword:input.newPassword};
+        token = '';
+      }
+      result = await call(path+request.nextUrl.search,{method,body,token,device,userAgent});
+      // Retry only an explicitly rejected guest request, once; never downgrade registered actions.
+      if (expired(result.code) && !PUBLIC_PATHS.has(path) && !CREDENTIALS.has(path) && !registered) {
+        session = await guest();
+        token = session.token!;
+        result = await call(path+request.nextUrl.search,{method,body,token,device,userAgent});
+      }
+      if (result.code === 200 && ['auth/login','auth/register','auth/getInfo'].includes(path)) {
+        session = sessionUser(result.data,path === 'auth/getInfo' ? token : '',registered || CREDENTIALS.has(path));
+        result = {...result,data:session};
+      }
+    }
+    const data = result.data && typeof result.data === 'object' && 'token' in result.data ? {...result.data,token:undefined} : result.data;
+    const isExpired = expired(result.code) && !CREDENTIALS.has(path);
+    const response = NextResponse.json({...result,data},{status:isExpired ? 401 : 200,headers});
+    if (isExpired) {
+      clearSession(response);
+      if (registered) response.headers.set('X-Auth-State','login-required');
+    } else if (session?.token) {
+      response.cookies.set(AUTH,session.token,cookieOptions);
+      response.cookies.set(REGISTERED,session.isRegister || session.type === 1 ? '1' : '0',cookieOptions);
+      response.cookies.set(SKIP_AUTO,'',{...cookieOptions,maxAge:0});
+    }
+    setContextCookies(response);
+    return response;
+  } catch (error) {
+    const code = error instanceof ApiError ? error.code : 502;
+    const isExpired = expired(code) && !CREDENTIALS.has(path);
+    const response = NextResponse.json({code,msg:error instanceof Error ? error.message : '请求失败',data:null},{status:isExpired ? 401 : code >= 400 && code <= 599 ? code : 502,headers});
+    if (isExpired) {
+      clearSession(response);
+      if (registered) response.headers.set('X-Auth-State','login-required');
+    }
+    setContextCookies(response);
+    return response;
+  }
+}
+export const GET = handler;
+export const POST = handler;
diff --git a/src/app/enkey/route.ts b/src/app/enkey/route.ts
new file mode 100644
index 0000000..fb8fe80
--- /dev/null
+++ b/src/app/enkey/route.ts
@@ -0,0 +1,5 @@
+import { proxyMedia } from '@/lib/api/media';
+
+export const runtime = 'nodejs';
+export const dynamic = 'force-dynamic';
+export function GET(request: Request) {return proxyMedia(request,'/enkey',true);}
diff --git a/src/app/error.tsx b/src/app/error.tsx
new file mode 100644
index 0000000..7db3bab
--- /dev/null
+++ b/src/app/error.tsx
@@ -0,0 +1,12 @@
+'use client';
+
+export default function PageError({retry}:{retry:()=>void}) {
+  return <main className="route-not-found">
+    <title>页面暂不可用 - 91短剧</title>
+    <meta name="robots" content="noindex,follow" />
+    <h1>页面暂不可用</h1>
+    <p>内容服务暂时异常，请稍后重试</p>
+    <button type="button" className="primary" onClick={retry}>重新加载</button>
+    <a href="/">返回首页</a>
+  </main>;
+}
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000..63e1708
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,3160 @@
+/* Original reference styles, in their original cascade order. */
+
+:root{--font-ui:"PingFang SC", "Microsoft YaHei", sans-serif}
+
+:root{--bg:#131414;--panel:#1d1e1e;--line:#ffffff13;--text:#f3f0e9;--muted:#92958f;--accent:#FFC000}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--font-ui)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover{color:var(--accent)}.side{width:108px;height:100vh;position:fixed;left:0;top:0;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:30px 0;z-index:4;background:var(--bg)}.mark{height:46px;width:46px;background:var(--accent);color:#191919;display:grid;place-items:center;border-radius:14px;font-weight:950;font-size:24px;letter-spacing:-2px;transform:rotate(-7deg)}.side nav{display:grid;gap:26px;margin-top:65px}.side a{text-align:center;display:grid;gap:7px;color:#8f928e;font-size:12px}.side a svg{width:24px;height:24px;margin:auto}.side a.active{color:var(--accent)}.side-bottom{margin-top:auto;writing-mode:vertical-rl;letter-spacing:5px;color:#656965;font-size:12px}.shell{margin-left:108px;padding:0 44px;max-width:1920px}.top{height:106px;display:flex;align-items:center;gap:30px}.brand{font-size:26px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brand em{color:var(--accent);font-style:normal;margin-right:6px}.edition{font-size:12px;letter-spacing:3px;color:#92958f;border-left:1px solid #484a45;padding-left:20px;line-height:1.8}.search{margin-left:auto;display:flex;align-items:center;background:#202222;border:1px solid #33352f;border-radius:100px;width:310px;padding:10px 15px;gap:10px}.search input{background:none;border:0;outline:none;color:var(--text);width:100%;min-width:0;font-size:14px}.search svg{width:18px;height:18px}.saved{white-space:nowrap;color:#c0c2b9;font-size:14px}.avatar{width:38px;height:38px;background:#303329;border-radius:50%;display:grid;place-items:center;color:#d5d7ca}.nav{display:flex;align-items:center;gap:29px;border-bottom:1px solid var(--line);height:53px;margin-bottom:27px}.nav button{height:100%;position:relative;color:#a3a69f;font-size:14px}.nav button.active{color:var(--text);font-weight:700}.nav button.active:after{content:'';position:absolute;bottom:-1px;height:3px;background:var(--accent);left:0;right:0}.nav small{margin-left:auto;font-size:12px;letter-spacing:2px;color:#92958f}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.hero{min-height:432px;position:relative;overflow:hidden;border-radius:8px;background:#283433}.art{background-image:url(/assets/fdd6fe924244b1f4.jpg);background-size:300% 200%;background-position:var(--pos)}.hero-art{position:absolute;right:0;top:0;width:66%;height:100%;background-size:300% 200%;opacity:.9}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102127 0%,#102127ec 28%,#10212750 60%,#10212700 100%),linear-gradient(0deg,#0a141b77,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:34px 38px;max-width:64%}.eyebrow{color:#cfdbd4;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2px}.eyebrow b{background:var(--accent);color:#1c1b19;letter-spacing:1px;padding:3px 7px;font-size:10px}.hero h2{font-family:"Songti SC","STSong",serif;font-size:clamp(44px,4.5vw,76px);font-weight:600;letter-spacing:6px;margin:37px 0 10px;line-height:1.2}.hero .english{letter-spacing:6px;color:#b5c3c5;font-size:12px}.meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#b5c2be;margin:19px 0 12px}.meta span:first-child{color:#FFCF40}.hero p{max-width:290px;line-height:1.9;font-size:14px;color:#c3cec8}.actions{display:flex;gap:10px;margin-top:22px}.primary{background:var(--accent);color:#1a1b17;border-radius:4px;font-weight:750;padding:12px 21px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary:hover{background:#ff6829;color:#171713}.circle{background:#ffffff16;border:1px solid #ffffff26;width:44px;height:44px;border-radius:4px;font-size:26px}.hero-bottom{position:absolute;bottom:27px;right:28px;z-index:2;display:flex;align-items:center;gap:12px}.hero-bottom button{width:32px;height:32px;border:1px solid #ffffff55;border-radius:50%}.hero-bottom span{font-size:12px;font-variant-numeric:tabular-nums}.dots{display:flex;gap:5px;margin-right:9px}.dots i{width:5px;height:5px;background:#ffffff55;border-radius:10px}.dots i.on{width:23px;background:var(--accent)}.chart{border-top:2px solid var(--accent);padding:17px 0 0}.chart-head{display:flex;align-items:center;justify-content:space-between}.chart-head h2{font-size:20px;margin:0}.chart-head small{font-size:10px;letter-spacing:2px;color:var(--accent)}.chart-sub{color:var(--muted);font-size:12px;margin:5px 0 20px}.rank{display:flex;width:100%;align-items:center;gap:13px;padding:11px 0;text-align:left;border-bottom:1px solid var(--line)}.ranknum{font-family:Georgia,serif;font-style:italic;font-size:26px;color:#72766b;width:28px}.rank:first-child .ranknum{color:var(--accent)}.thumb{width:48px;height:61px;border-radius:3px;flex-shrink:0}.rank strong{font-size:14px;font-weight:600;display:block}.rank p{font-size:12px;color:var(--muted);margin:4px 0 0}.rank .rise{margin-left:auto;color:var(--accent);font-size:12px}.bar{display:flex;align-items:center;gap:15px;padding:27px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.bar-title{font-size:12px;color:var(--muted);margin-right:10px}.chip{padding:6px 15px;border:1px solid #34372f;border-radius:30px;color:#b5b8ad;font-size:12px}.chip.active{color:#191c15;background:#e4e6d9;border-color:#e4e6d9}.bar .total{margin-left:auto;font-size:12px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:31px 0 19px}.section-head h2{font-size:24px;letter-spacing:1px;margin:0}.section-head h2 small{font-size:10px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-left:15px}.section-head p{font-size:12px;color:var(--muted);margin:6px 0 0}.section-head button{font-size:12px;color:#b6b9af}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.card{text-align:left;padding:0;min-width:0}.cover{aspect-ratio:3/4;position:relative;border-radius:5px;overflow:hidden;transition:transform .3s}.cover:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000b)}.card:hover .cover{transform:translateY(-5px)}.badge{position:absolute;top:10px;left:10px;font-size:10px;padding:3px 6px;background:#1519149e;backdrop-filter:blur(9px);border:1px solid #ffffff40;z-index:1}.poster-name{position:absolute;bottom:42px;left:15px;right:10px;font-family:"Songti SC",serif;font-size:28px;line-height:1.2;letter-spacing:3px;z-index:1;text-shadow:0 2px 8px #000}.cover-foot{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;z-index:1;font-size:10px;color:#e9e8de}.cover-foot b{color:#FFCF40;font-weight:400}.card :is(h2,h3){font-size:14px;font-weight:600;margin:11px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card>p{color:#8f948a;font-size:12px;margin:0}.themes{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin:36px 0}.theme{position:relative;min-height:225px;background:#dce0cf;color:#22281f;overflow:hidden;border-radius:5px;text-align:left;padding:28px 32px}.theme small{font-size:10px;letter-spacing:3px}.theme h2{font-size:32px;line-height:1.3;margin:18px 0 10px;font-family:"Songti SC",serif;position:relative;z-index:1}.theme p{font-size:12px;position:relative;z-index:1}.theme .art{position:absolute;right:-20px;top:-10px;width:240px;height:260px;transform:rotate(12deg);opacity:.92;mask-image:linear-gradient(90deg,transparent,#000 45%)}.theme.dark{background:#302820;color:#ecd4b8}.theme:hover{color:inherit}.empty{padding:45px;border:1px dashed #4b5046;color:var(--muted);grid-column:1/-1;text-align:center}.footer{display:flex;justify-content:space-between;padding:26px 0 35px;border-top:1px solid var(--line);color:#71796d;font-size:12px}.footer strong{color:#b2b9a9;font-size:14px}dialog{background:#1b201e;color:var(--text);border:1px solid #494d41;border-radius:12px;width:min(760px,92vw);padding:0}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.dialog-grid{display:grid;grid-template-columns:40% 60%}.dialog-art{min-height:400px}.dialog-body{padding:32px}.dialog-body h2{font:36px "Songti SC",serif}.dialog-body p{color:#a9b4a7;font-size:14px;line-height:1.9}.close{position:absolute;right:12px;top:8px;font-size:26px}.episodes{display:flex;gap:7px;margin:20px 0;flex-wrap:wrap}.episodes button{border:1px solid #4a4f42;border-radius:4px;width:35px;height:33px}.episodes button.active{background:var(--accent);color:#111}.preview-note{font-size:12px!important}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:13px 24px;background:#e4e6d9;color:#171b15;border-radius:5px;z-index:20;box-shadow:0 6px 40px #0006}.hidden{display:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fade{animation:fade .45s ease}@keyframes fade{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1600px){.hero{min-height:500px}.hero-content{padding:45px}.hero h2{margin-top:60px}.chart .rank{padding:15px 0}.thumb{height:70px;width:55px}}@media(max-width:1180px){.shell{padding:0 26px}.side{width:78px}.shell{margin-left:78px}.edition{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) 230px}.hero-content{padding:30px;max-width:78%}.cards{grid-template-columns:repeat(3,1fr)}.cover{aspect-ratio:3/4}.chart-head h2{font-size:18px}.themes .art{opacity:.5}}@media(max-width:760px){.side{display:none}.shell{margin:0;padding:0 19px}.top{height:82px;gap:15px}.brand{font-size:24px}.saved,.avatar{display:none}.search{width:160px;padding:8px}.nav{gap:25px;margin-bottom:19px;overflow:auto;white-space:nowrap}.nav small{display:none}.hero-grid{display:block}.hero{min-height:415px}.hero-art{width:90%;opacity:.65}.hero-content{padding:26px;max-width:95%}.hero h2{font-size:52px;margin-top:40px}.chart{margin-top:25px}.chart-sub{margin-bottom:10px}.rank{padding:10px 0}.rank:nth-child(n+4){display:none}.bar{gap:8px}.bar-title,.total{display:none}.chip{padding:6px 13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cover{aspect-ratio:3/4}.themes{grid-template-columns:1fr}.section-head h2 small{display:none}.section-head h2{font-size:22px}.theme{min-height:210px}.footer{gap:20px}.dialog-grid{grid-template-columns:1fr}.dialog-art{min-height:190px;max-height:190px}.dialog-body{padding:22px}.dialog-body h2{margin:10px 0}.dialog-body p{margin:10px 0}.hero-bottom{bottom:18px;right:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
+
+
+
+.top{border-bottom:1px solid var(--line)}
+.top .nav{align-self:stretch;height:auto;margin:0 0 0 18px;border:0;flex:0 0 auto}
+.top .nav button{height:100%;white-space:nowrap}
+.top .nav button.active:after{bottom:0}
+@media(max-width:1180px){.top{gap:18px}.top .nav{gap:18px;margin-left:4px}.top .search{width:260px}}
+@media(max-width:760px){.top{height:auto;min-height:0;padding:18px 0 0;flex-wrap:wrap;gap:14px}.top .brand{order:1}.top .search{order:2;margin-left:auto}.top .nav{order:3;width:100%;height:48px;margin:0;overflow-x:auto;gap:26px}.top .nav button{flex:0 0 auto}.top .nav::-webkit-scrollbar{display:none}}
+
+/* Two cover formats: portrait lists and landscape collections. */
+:root{--portrait:3/4;--landscape:16/9}
+.cover{aspect-ratio:var(--portrait)}
+.cover .art,.media .art{position:absolute;inset:auto;width:auto;height:100%;aspect-ratio:1;left:50%;top:0;transform:translateX(-50%);background-size:300% 200%;opacity:1;mask-image:none}
+.media{position:relative;display:block;overflow:hidden;border-radius:8px;isolation:isolate}
+.media.portrait{aspect-ratio:var(--portrait)}
+.media.landscape{aspect-ratio:var(--landscape)}
+.media.landscape .art{width:100%;height:auto;left:0;top:50%;transform:translateY(-40%)}
+.section-head{align-items:center;margin:32px 0 20px}
+.section-head h2{font-size:24px;line-height:1.35;letter-spacing:.5px}
+.section-head button{display:flex;gap:12px;align-items:center;padding:6px 0;font-size:12px}
+.themes{display:flex;flex-direction:column;gap:46px;margin:42px 0 48px}
+.topic-section{min-width:0}
+.topic-section .section-head{margin:0 0 20px}
+.collection-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
+.collection-cover{padding:0;width:100%;display:block;text-align:left}
+.collection-cover .media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07100ced 0,transparent 75%);z-index:1}
+.collection-cover .media{border:1px solid #ffffff15}
+.collection-cover .art{transition:filter .3s}
+.collection-cover:hover .art{filter:brightness(1.14)}
+.collection-name{position:absolute;left:28px;bottom:24px;z-index:2;color:#fff;display:grid;gap:12px;pointer-events:none}
+.collection-name strong{font:500 clamp(24px,2.8vw,42px)/1.2 "Songti SC","STSong",serif;letter-spacing:2px}
+.collection-name small{font:12px/1.4 var(--font-ui);color:#ddd;letter-spacing:1px}
+.collection-arrow{position:absolute;right:24px;bottom:24px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;color:#fff;font-size:20px}
+.topic-meta{display:flex;gap:14px;align-items:center;color:#92958f;font-size:12px}
+.topic-meta .kind{border:1px solid #ffffff20;padding:3px 9px;border-radius:20px;color:#c8c8be}
+.ranked-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:27px 28px 23px;background:#1a1d1e;border:1px solid #ffffff0e;border-radius:12px}
+.ranked-card{display:block;min-width:0;text-align:left;padding:0}
+.ranked-card .media{border-radius:6px}
+.ranked-card .media:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#070c12d9);z-index:1}
+.ranked-card .badge{left:12px;top:12px;z-index:2}
+.ranked-card .cover-foot{z-index:2;font-size:12px}
+.rank-caption{display:flex;gap:13px;align-items:center;margin-top:16px}
+.rank-caption>strong{font:italic 36px/.95 Georgia,serif;color:#858c92;letter-spacing:-2px}
+.ranked-card:first-child .rank-caption>strong{color:var(--accent)}
+.rank-caption h3{font-size:18px;margin:0 0 4px;font-weight:600}
+.rank-caption small{font-size:12px;color:var(--muted)}
+.ranked-card:hover h3{color:var(--accent)}
+.media-play{position:absolute;z-index:3;left:50%;top:50%;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#111a;color:white;border:1px solid #fff8;transform:translate(-50%,-40%);opacity:0;transition:opacity .2s,transform .2s}
+.ranked-card:hover .media-play,.ranked-card:focus-visible .media-play{opacity:1;transform:translate(-50%,-50%)}
+.romance-showcase{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:0;background:#262022;border:1px solid #ffffff13;border-radius:10px;overflow:hidden}
+.romance-feature{min-width:0;padding:0;align-self:start;display:block;text-align:left;position:relative}
+.romance-feature .media{border-radius:0}
+.romance-feature .media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#211618cb,transparent 65%);z-index:1}
+.romance-feature-name{position:absolute;left:30px;bottom:26px;color:#fff1e7;z-index:2;font:500 clamp(24px,2.6vw,38px)/1.3 "Songti SC","STSong",serif;letter-spacing:2px}
+.romance-feature-play{position:absolute;right:28px;bottom:26px;z-index:2;border:1px solid #ffffff80;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff}
+.romance-menu{padding:clamp(18px,2.5vw,38px);display:flex;flex-direction:column;min-width:0}
+.romance-choices{display:flex;flex-direction:column;flex:1;justify-content:center}
+.romance-choice{padding:22px 0;display:grid;grid-template-columns:1fr auto;gap:7px 16px;align-items:center;text-align:left;border-bottom:1px solid #ffffff13;transition:color .2s;color:#938b8b}
+.romance-choice:last-child{border-bottom:0}
+.romance-choice .choice-genre{font-size:10px;letter-spacing:2px;color:inherit;grid-column:1}
+.romance-choice strong{font:500 clamp(22px,2vw,30px)/1.3 "Songti SC","STSong",serif;color:inherit;grid-column:1}
+.romance-choice .choice-dot{grid-column:2;grid-row:1/3;width:8px;height:8px;border:1px solid #948889;border-radius:50%;transition:background .2s}
+.romance-choice[aria-pressed="true"]{color:#f9c5de}
+.romance-choice[aria-pressed="true"] .choice-dot{background:#FFCF40;border-color:#FFCF40;box-shadow:0 0 0 5px #ff9a7011}
+.romance-choice:hover{color:#f9c5de}
+.romance-visit{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff25;margin-top:16px;padding:18px 0 0;color:#f9c5de;font-size:12px}
+.romance-visit span{font-size:20px}
+@media(max-width:900px){.romance-menu{padding:18px 24px}.romance-choice{padding:14px 0}.romance-choice strong{font-size:22px}.romance-visit{margin-top:10px;padding-top:12px}}
+@media(max-width:760px){.romance-showcase{grid-template-columns:1fr}.romance-menu{padding:0 22px 20px}.romance-choices{flex-direction:row;gap:24px}.romance-choice{flex:1;border-bottom:0;padding:22px 0 16px;gap:6px 10px}.romance-choice strong{font-size:22px}.romance-choice[aria-pressed="true"]{border-bottom:2px solid #FFCF40}.romance-visit{margin-top:4px}.romance-feature-name{left:22px;bottom:20px}.romance-feature-play{right:22px;bottom:20px}}
+.curated-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
+.curated-card{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:25px;align-items:center;text-align:left;background:#20251f;border:1px solid #ffffff15;border-radius:10px}
+.curated-card:nth-child(2){background:#25211f}
+.curated-card .media{width:100%;min-width:0;border-radius:5px}
+.curated-copy{display:flex;flex-direction:column;align-items:flex-start;color:#eeeade;min-width:0}
+.curated-copy .pick{font-size:12px;letter-spacing:2px;color:#b5bfa4;border-bottom:1px solid #b5bfa44a;padding-bottom:10px;margin-bottom:27px}
+.curated-copy h3{font:500 30px/1.35 "Songti SC","STSong",serif;margin:0 0 16px;letter-spacing:1px}
+.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{border:1px solid #ffffff1f;border-radius:3px;font-size:10px;padding:3px 7px;color:#b2b7a9}
+.curated-copy .heat{font-size:12px;color:#FFCF40;margin:20px 0 5px}
+.curated-copy .episode-count{font-size:12px;color:#979c91}
+.curated-copy .watch-link{font-size:12px;margin-top:27px;display:flex;gap:18px;align-items:center;color:#f0eddf}
+.curated-card:hover .watch-link{color:var(--accent)}
+.card>p{display:flex;gap:7px;margin-top:7px}
+.card>p span{font-size:10px;border-radius:3px;background:#ffffff08;border:1px solid #ffffff0c;padding:2px 6px}
+.collection-dialog{padding:30px}
+.collection-dialog .section-head{margin:0 0 24px}
+.collection-dialog .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
+.collection-dialog .poster-name{font-size:26px}
+.thumb{height:auto!important;aspect-ratio:var(--portrait)}
+@media(max-width:1180px){.ranked-shelf{gap:16px;padding:20px}.rank-caption{gap:9px}.rank-caption h3{font-size:14px}.curated-card{gap:17px;padding:16px}.curated-copy h3{font-size:24px}.curated-copy .pick{margin-bottom:17px}.curated-copy .watch-link{margin-top:18px}.collection-name{left:20px;bottom:20px}}
+@media(max-width:760px){.themes{gap:36px;margin-top:34px}.section-head h2{font-size:22px}.collection-pair,.romance-collections,.curated-pairs{grid-template-columns:1fr;gap:24px}.topic-meta .kind{display:none}.ranked-shelf{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:23px 13px}.rank-caption>strong{font-size:28px}.rank-caption h3{font-size:14px}.rank-caption small{font-size:10px}.collection-name strong{font-size:30px}.romance-caption{padding:17px 20px}.curated-card{padding:16px;gap:22px}.curated-copy h3{font-size:26px}.curated-copy .pick{margin-bottom:20px}.collection-dialog{padding:24px 18px}.collection-dialog .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{flex-wrap:wrap}}
+.curated-pairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
+.curated-card{grid-template-columns:190px minmax(0,1fr);gap:28px;padding:20px}
+.curated-card:nth-child(3){background:#1c2221}
+.curated-card:nth-child(4){background:#211f24}
+.curated-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pick heat" "title episodes" "tags action";grid-template-rows:auto auto 1fr;gap:20px 30px;align-self:stretch;padding:24px 20px 24px 0;align-items:start}
+.curated-copy .pick{grid-area:pick;margin:0;width:max-content;padding-bottom:9px}
+.curated-copy h3{grid-area:title;font-size:36px;margin:0}
+.curated-copy .tags{grid-area:tags}
+.curated-copy .heat{grid-area:heat;margin:0;font-size:18px;text-align:right}
+.curated-copy .episode-count{grid-area:episodes;text-align:right;align-self:center;font-size:14px}
+.curated-copy .watch-link{grid-area:action;align-self:end;margin:0;border:1px solid #ffffff30;border-radius:4px;padding:12px 20px;gap:28px}
+@media(max-width:1000px){.curated-card{grid-template-columns:150px minmax(0,1fr);gap:20px}.curated-copy{padding:10px 4px 10px 0;gap:13px}.curated-copy h3{font-size:26px}.curated-copy .heat{font-size:12px}.curated-copy .watch-link{padding:9px 12px;gap:14px}}
+@media(max-width:760px){.curated-pairs{grid-template-columns:1fr}.curated-card{grid-template-columns:36% minmax(0,1fr);gap:20px;padding:16px}.curated-copy{display:flex;padding:0;gap:0;align-self:center}.curated-copy .pick{margin-bottom:14px;font-size:10px}.curated-copy h3{font-size:24px;margin-bottom:12px}.curated-copy .heat{font-size:12px;margin-top:14px}.curated-copy .episode-count{align-self:auto;text-align:left;font-size:12px;margin-top:3px}.curated-copy .watch-link{align-self:auto;margin-top:17px;padding:0;border:0;font-size:12px;gap:15px}}
+.romance-editorial{overflow:hidden}.romance-editorial>.section-head{margin-bottom:6px}.editorial-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:54px;align-items:center;padding:38px 0 46px;border-bottom:1px solid #ffffff30}.editorial-row.reverse{grid-template-columns:minmax(260px,1fr) minmax(0,3fr)}.editorial-row.reverse .editorial-posters{order:2}.editorial-row.reverse .editorial-copy{order:1}.editorial-posters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.editorial-card{text-align:left;min-width:0}.editorial-card .media{border-radius:2px;overflow:hidden;transition:transform .25s,filter .25s}.editorial-card:hover .media{transform:translateY(-7px);filter:brightness(1.08)}.editorial-card strong{display:block;font-size:14px;margin:12px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editorial-card small{display:block;color:#737872;font-size:10px}.editorial-copy{position:relative;min-height:270px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 8px}.editorial-copy .editorial-no{position:absolute;right:0;top:18px;font:italic 32px/1 Georgia,serif;color:#b7bab2}.editorial-copy>p{margin:0 0 15px;color:var(--accent);font-size:10px;letter-spacing:3px}.editorial-copy h3{font:500 clamp(32px,3vw,52px)/1.05 "Songti SC","STSong",serif;letter-spacing:2px;margin:0 0 16px}.editorial-copy>small{color:#858a83;font-size:12px}.editorial-copy button{margin-top:auto;border-bottom:2px solid var(--accent);padding:12px 0 8px;font-size:12px;letter-spacing:1px}.editorial-copy button span{margin-left:14px}.editorial-copy i{position:absolute;right:0;top:50px;width:42px;height:2px;background:var(--accent)}.editorial-row.reverse .editorial-copy .editorial-no,.editorial-row.reverse .editorial-copy i{right:auto;left:0}.editorial-row.reverse .editorial-copy{padding-left:0}.editorial-row.reverse .editorial-copy>p,.editorial-row.reverse .editorial-copy h3,.editorial-row.reverse .editorial-copy>small,.editorial-row.reverse .editorial-copy button{margin-left:56px}
+@media(max-width:1000px){.editorial-row,.editorial-row.reverse{grid-template-columns:1fr;gap:20px}.editorial-row.reverse .editorial-posters,.editorial-row.reverse .editorial-copy{order:initial}.editorial-copy{min-height:160px;padding:10px 0 15px}.editorial-copy h3{font-size:36px}.editorial-copy button{margin-top:28px}.editorial-row.reverse .editorial-copy>p,.editorial-row.reverse .editorial-copy h3,.editorial-row.reverse .editorial-copy>small,.editorial-row.reverse .editorial-copy button{margin-left:0}}
+@media(max-width:760px){.editorial-row{padding:24px 0 32px}.editorial-posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.editorial-card strong{font-size:12px}.editorial-copy{min-height:150px}.editorial-copy h3{font-size:32px}.editorial-copy i{display:none}}
+.cinematic-love{min-height:520px;position:relative;overflow:hidden;border-radius:12px;background:#d8ded5;color:#161914}.cinematic-love>.art{position:absolute;inset:0;background-size:300% 200%;background-position:var(--pos);filter:saturate(.88) contrast(1.03)}.cinematic-love:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#090b0bf2 0%,#101312db 28%,#1013124d 58%,#e7ebe2d9 100%),linear-gradient(0deg,#1118,transparent 55%)}.cinematic-copy{position:relative;z-index:2;width:42%;min-height:520px;padding:62px 52px;display:flex;flex-direction:column;align-items:flex-start}.cinematic-copy .cinema-kicker{font-size:10px;letter-spacing:4px;color:#FFCF40}.cinematic-copy h3{font:500 clamp(44px,5vw,74px)/1.08 "Songti SC","STSong",serif;letter-spacing:5px;margin:24px 0 16px;color:#fff7ed}.cinema-rating{display:flex;align-items:center;gap:14px;color:#FFCF40;font-size:18px}.cinema-rating small{font-size:12px;color:#d3d4ce;letter-spacing:1px}.cinematic-copy>p{max-width:390px;margin:22px 0 0;color:#b8bdb6;font-size:14px;line-height:1.9}.cinema-actions{display:flex;align-items:center;gap:13px;margin-top:auto}.cinema-play{min-width:148px;background:var(--accent);color:#171916;border-radius:30px;padding:13px 25px;font-weight:700}.cinema-play:hover{background:#ff6829;color:#111}.cinema-save{width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;color:#fff;font-size:24px}.cinema-scenes{position:absolute;z-index:3;right:38px;top:50%;transform:translateY(-50%);display:grid;gap:14px;width:190px}.cinema-scene{position:relative;display:block;width:100%;border:2px solid #ffffff80;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #0005}.cinema-scene .media{border-radius:0}.cinema-scene:after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;color:white;background:#0001;opacity:0;transition:opacity .2s}.cinema-scene:hover:after{opacity:1}.cinema-scene:hover{border-color:var(--accent)}
+@media(max-width:1000px){.cinematic-love,.cinematic-copy{min-height:450px}.cinematic-copy{width:56%;padding:45px 36px}.cinema-scenes{width:145px;right:24px}.cinematic-copy h3{font-size:52px}}
+@media(max-width:760px){.cinematic-love{min-height:620px}.cinematic-love:before{background:linear-gradient(0deg,#090b0bf8 0%,#101312d8 50%,#10131233 100%)}.cinematic-copy{width:100%;min-height:620px;padding:245px 24px 24px;justify-content:flex-end}.cinematic-copy h3{font-size:40px;margin:14px 0 8px}.cinematic-copy>p{font-size:12px;margin-top:12px;line-height:1.65}.cinema-actions{margin-top:20px}.cinema-scenes{right:18px;left:18px;top:18px;transform:none;width:auto;grid-template-columns:repeat(3,1fr);gap:8px}.cinema-scene{border-radius:8px}}
+.hero-grid{grid-template-columns:1fr}.hero{min-height:610px;border-radius:24px}.hero-art{width:100%;background-size:300% 200%}.hero:after{background:linear-gradient(90deg,#071317f2 0%,#071317c9 26%,#07131738 58%,transparent 78%),linear-gradient(0deg,#061012b8 0%,transparent 45%)}.hero-content{padding:45px 48px;max-width:44%}.hero-content h2{font-size:clamp(58px,6vw,92px);margin:54px 0 8px}.hero-content>p{margin-top:22px}.hero-rating{margin-top:20px}.hero-rating span:first-child{font-size:18px;letter-spacing:2px;color:#FFCF40}.hero-add{width:44px;height:44px;border:1px solid #ffffff88;border-radius:50%;font-size:24px;color:#fff}.hero-previews{position:absolute;z-index:3;right:115px;bottom:24px;width:min(560px,47%);display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.hero-preview{aspect-ratio:1.7;border-radius:7px;overflow:hidden;border:2px solid transparent;opacity:.62;transition:opacity .2s,transform .2s,border-color .2s}.hero-preview .art{display:block;width:100%;height:100%;background-size:300% 200%;background-position:var(--pos)}.hero-preview:hover{opacity:1;transform:translateY(-4px)}.hero-preview.active{opacity:1;border-color:#fff;box-shadow:none}.hero-bottom{bottom:31px}.chart{display:none}
+@media(max-width:1000px){.hero{min-height:530px}.hero-content{max-width:58%;padding:38px}.hero-content h2{font-size:60px;margin-top:35px}.hero-previews{right:90px;width:48%}}
+@media(max-width:760px){.hero{min-height:600px}.hero-content{max-width:100%;padding:28px}.hero-content h2{font-size:50px;margin-top:34px}.hero-previews{left:20px;right:20px;bottom:70px;width:auto;gap:6px}.hero-bottom{bottom:22px}.hero-preview:nth-child(n+5){display:none}}
+.cinematic-love,.cinematic-copy{min-height:650px}.hot-image{position:absolute;inset:0;display:block;background-image:var(--image);background-size:cover;background-position:center}.hot-main{z-index:0}.cinema-scene .hot-image{background-size:cover;background-position:center}.cinematic-copy{padding-top:78px;padding-bottom:62px}.cinema-scenes{width:210px}.cinema-scene .media{aspect-ratio:1.8}
+@media(max-width:1000px){.cinematic-love,.cinematic-copy{min-height:560px}}
+@media(max-width:760px){.cinematic-love,.cinematic-copy{min-height:650px}.cinematic-copy{padding-top:255px}}
+
+
+
+/* Floating sidebar: 16px outer spacing, 20px corners. */
+@media (min-width:761px){
+  .side{
+    left:16px;
+    top:16px;
+    bottom:16px;
+    height:calc(100vh - 32px);
+    height:calc(100dvh - 32px);
+    border:1px solid var(--line);
+    border-radius:20px;
+    background:var(--panel);
+    box-shadow:0 8px 24px rgba(0,0,0,.18);
+    padding:24px 0;
+    overflow-y:auto;
+    scrollbar-width:thin;
+  }
+  .side .mark{flex-shrink:0}
+  .side nav{width:100%;gap:12px;margin-top:42px;padding:0 10px}
+  .side nav a{position:relative;border-radius:12px;padding:12px 2px;transition:background .2s,color .2s}
+  .side nav a:hover{background:#ffffff06;color:var(--text)}
+  .side nav a.active{background:#FFC00010;color:var(--accent)}
+  .side nav a.active:before{content:'';position:absolute;left:0;top:50%;width:3px;height:22px;border-radius:3px;background:var(--accent);transform:translateY(-50%)}
+  .side-bottom{padding-top:28px;flex-shrink:0}
+  .shell{margin-left:140px;padding-left:28px;padding-right:28px}
+}
+@media (min-width:761px) and (max-width:1180px){
+  .shell{margin-left:110px;padding-left:26px;padding-right:26px}
+  .side nav{padding:0 6px}
+  .side nav a{font-size:12px}
+}
+
+
+
+/* Platform information and rule pages. */
+[hidden]{display:none!important}
+.side-info{margin-top:auto;width:100%;padding:24px 20px 0;flex-shrink:0;color:var(--muted)}
+.side-info>strong{display:block;border-top:1px solid var(--line);padding-top:20px;color:var(--text);font-size:18px;letter-spacing:-.5px}
+.side-info>strong span{color:var(--accent)}
+.side-info p{font-size:12px;line-height:1.9;margin:10px 0 16px}
+.policy-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
+.side .policy-links a,.policy-links a{display:block;text-align:left;font-size:12px;color:#a8aaa4;line-height:1.6;border-radius:4px}
+.policy-links a:hover,.policy-links a[aria-current="page"]{color:var(--accent)}
+.side-info>small{display:block;font-size:10px;color:#737871;line-height:1.8;margin-top:20px}
+.footer{align-items:center;gap:24px}.footer p{margin:7px 0}.footer .policy-links{grid-template-columns:repeat(3,auto);gap:12px 24px}
+.info-shell{max-width:1920px;min-height:100vh;padding-top:32px!important;padding-bottom:40px!important}
+.info-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:0 0 25px}
+.info-topbar a{font-size:14px;color:#b4b7b0}.info-topbar a:hover{color:var(--accent)}
+.info-topbar span{font-size:12px;letter-spacing:2px;color:var(--muted)}
+.info-heading{padding:48px 0 32px}.info-heading>small{color:var(--accent);letter-spacing:3px;font-size:10px}.info-heading h1{font-size:38px;letter-spacing:1px;margin:10px 0}.info-heading p{color:var(--muted);margin:0;font-size:14px}
+.info-layout{display:grid;grid-template-columns:180px minmax(0,860px);gap:28px;align-items:start}
+.info-nav{display:grid;gap:8px;position:sticky;top:24px}.info-nav a{padding:13px 16px;border-radius:10px;color:#9b9e98;font-size:14px}.info-nav a[aria-current="page"]{background:#FFC00010;color:var(--accent)}
+.info-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:36px;min-width:0}.info-card h2{font-size:20px;margin:30px 0 12px}.info-card h2:first-child{margin-top:0}.info-card p,.info-card li{font-size:14px;line-height:1.95;color:#b6b9b2}.info-card ul{padding-left:22px}.info-card a{color:var(--accent)}.info-card .note{border-left:3px solid var(--accent);background:#FFC00008;padding:12px 16px;color:#c3b3a5;font-size:12px;margin:0 0 26px}.info-card details{border-bottom:1px solid var(--line);padding:18px 0}.info-card summary{cursor:pointer;font-size:16px;color:var(--text)}.info-card details p{margin-bottom:0}.info-card .return-home{display:inline-block;border:1px solid #ffffff20;border-radius:8px;padding:10px 16px;margin-top:18px;font-size:14px}
+.feedback-form{display:grid;gap:22px}.feedback-form label,.feedback-form legend{display:block;font-size:14px;color:#dedfd8}.feedback-form input,.feedback-form textarea,.feedback-form select{display:block;width:100%;margin-top:9px;border:1px solid #ffffff20;background:#151717;color:var(--text);border-radius:8px;padding:12px;font:inherit;box-sizing:border-box;color-scheme:dark}.feedback-form textarea{min-height:150px;resize:vertical}.feedback-form :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feedback-form .field-note{font-size:12px;color:var(--muted);margin:6px 0 0}.feedback-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.feedback-actions .primary{border-radius:8px}.feedback-status{font-size:12px;color:#c4cbb8;line-height:1.8}.info-shell>.footer{margin-top:48px}
+@media(min-width:761px){.side{width:216px;align-items:stretch}.side>.mark{margin-left:20px}.side>nav{margin-top:30px;gap:8px;padding:0 12px}.side>nav>a{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;font-size:14px}.side>nav>a svg{margin:0;width:20px;height:20px;flex-shrink:0}.shell{margin-left:248px;padding-left:24px;padding-right:32px}}
+@media(min-width:761px) and (max-width:1180px){.side{width:188px}.shell{margin-left:220px;padding-left:20px;padding-right:24px}.side-info{padding-left:16px;padding-right:16px}.top{flex-wrap:wrap;height:auto;min-height:106px;padding:18px 0;gap:14px}.top .nav{height:44px}.top .search{width:220px;flex:1 1 190px}.hero-content{max-width:78%}.info-layout{grid-template-columns:1fr}.info-nav{position:static;display:flex;flex-wrap:wrap;gap:6px}.info-nav a{padding:10px 14px}}
+@media(max-width:760px){.info-shell{padding-top:22px!important}.info-topbar span{letter-spacing:0}.info-heading{padding:30px 0 24px}.info-heading h1{font-size:30px}.info-layout{grid-template-columns:1fr;gap:20px}.info-nav{position:static;display:flex;flex-wrap:wrap;gap:6px}.info-nav a{padding:9px 12px;font-size:12px}.info-card{padding:24px 20px}.feedback-grid{grid-template-columns:1fr}.footer{align-items:flex-start}.footer .policy-links{gap:10px 18px}}
+
+
+
+.mobile-pages{display:none}.channel-shell{padding-top:32px!important;padding-bottom:36px!important;min-height:100vh}.channel-shell>.footer{margin-top:48px}.channel-tabs{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.channel-tabs button{padding:10px 18px;border-radius:8px;background:#ffffff05;color:var(--muted);font-size:14px}.channel-tabs button[aria-pressed=true]{background:#FFC00018;color:var(--accent)}.channel-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.channel-summary{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin-bottom:20px}.channel-shell .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.channel-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.channel-topic{display:block}.channel-topic h2{font-size:20px;margin:14px 0 6px}.channel-topic p{color:var(--muted);font-size:12px;margin:0}.channel-topic:hover h2{color:var(--accent)}.channel-topic .media:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0008)}.channel-topic .collection-name strong{font-size:30px}.channel-ranks{display:grid;gap:14px}.channel-rank{display:grid;grid-template-columns:44px 82px minmax(0,1fr) auto;gap:22px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:20px;text-align:left;width:100%}.channel-rank>.number{font:italic 30px Georgia,serif;color:#858a83}.channel-rank:nth-child(-n+3)>.number{color:var(--accent)}.channel-rank h2{font-size:18px;margin:0 0 8px}.channel-rank p{color:var(--muted);font-size:12px;margin:0;line-height:1.8}.channel-rank .score{color:#FFCF40;font-size:18px;white-space:nowrap}.channel-rank .score small{display:block;text-align:right;font-size:10px;color:var(--muted);margin-top:5px}.road-banner{border:1px solid #FFC00030;border-radius:16px;background:linear-gradient(120deg,#35271f,var(--panel));padding:32px;margin-bottom:28px}.road-banner h2{font-size:26px;margin:0 0 12px}.road-banner p{color:#b9b5ab;font-size:14px;line-height:1.8}.road-banner .primary{margin-top:10px;border-radius:8px}.road-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.road-card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}.road-card h3{font-size:16px;margin:0 0 14px}.road-card p{font-size:12px;color:var(--muted);line-height:1.8}.road-card input{width:100%;min-width:0;background:#141616;color:#aeb3a9;border:1px solid var(--line);padding:10px;border-radius:6px;font:12px var(--font-ui)}.road-card button{color:var(--accent);padding:12px 0 0;font-size:12px}.road-card .pending{color:#888d84;font-size:12px}.road-guide{margin-top:28px;max-width:none}.app-empty{padding:64px 24px;text-align:center;border:1px dashed #ffffff25;border-radius:16px;background:#1b1d1b}.app-empty .app-symbol{margin:auto;width:58px;height:58px;border-radius:16px;background:#FFC00014;display:grid;place-items:center;color:var(--accent);font-size:28px}.app-empty h2{font-size:22px;margin:22px 0 10px}.app-empty p{font-size:14px;line-height:1.9;color:var(--muted)}.app-empty a{display:inline-block;color:var(--accent);font-size:14px;margin-top:10px}.side>nav{flex-shrink:0}.side>nav>a{min-height:44px}.channel-back{display:inline-block;margin-bottom:22px;color:var(--accent);font-size:14px}
+@media(min-width:761px){.side>nav{gap:3px;margin-top:24px}.side>nav>a{padding-top:10px;padding-bottom:10px}.side-info{padding-top:20px}.side-info>strong{padding-top:16px}.side-info>small{margin-top:14px}}
+@media(max-width:1180px){.channel-shell .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.road-grid{grid-template-columns:1fr}.channel-rank{gap:14px}}
+@media(max-width:760px){.mobile-pages{display:flex;gap:6px;overflow-x:auto;padding:12px 19px;border-bottom:1px solid var(--line);background:var(--bg)}.mobile-pages a{flex-shrink:0;font-size:12px;padding:8px 11px;border-radius:7px;color:var(--muted)}.mobile-pages a[aria-current=page]{color:var(--accent);background:#FFC00014}.channel-shell{padding-top:22px!important}.channel-shell .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.channel-topics{grid-template-columns:1fr}.channel-rank{grid-template-columns:24px 60px minmax(0,1fr);gap:12px;padding:16px}.channel-rank .score{grid-column:3;font-size:14px}.channel-rank .score small{display:inline;margin-left:8px}.channel-rank h2{font-size:16px}.channel-rank p.rank-desc{display:none}.channel-rank>.number{font-size:24px}.road-banner{padding:24px}.road-banner h2{font-size:24px}}
+
+
+
+.benefits-directory{max-width:1400px}.benefits-directory>.channel-tabs{position:sticky;top:0;z-index:3;background:var(--bg);padding:14px 0;gap:12px;margin-bottom:16px}.benefits-directory>.channel-tabs button{border:1px solid transparent;padding:12px 20px;font-size:14px}.benefits-directory>.channel-tabs button[aria-pressed=true]{border-color:#FFC0002c}.benefits-notice{font-size:12px;color:#80867d;margin:0 0 36px}.benefit-section{scroll-margin-top:96px;padding:0 0 34px;margin:0 0 32px;border-bottom:1px solid var(--line)}.benefit-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.benefit-heading h2{font-size:24px;letter-spacing:.3px;margin:0 0 8px}.benefit-heading p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.benefit-heading>span{flex-shrink:0;font-size:12px;color:#93998e;border:1px solid var(--line);padding:5px 10px;border-radius:20px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.benefit-grid>div{min-width:0}.benefit-card{display:flex;align-items:center;gap:16px;text-align:left;width:100%;height:116px;padding:20px;background:#1c1e1d;border:1px solid #ffffff0a;border-radius:14px;transition:background .2s,border-color .2s,transform .2s}.benefit-card:hover{background:#242622;border-color:#FFC0004a;transform:translateY(-2px)}.benefit-icon{position:relative;display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border-radius:17px;background:linear-gradient(140deg,var(--app-color),#1b1e23);color:#fff5e7;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff38,0 5px 14px #0003}.benefit-icon>span{position:relative;z-index:1;font:600 30px "Songti SC",serif}.benefit-icon:after{content:'';position:absolute;right:-10px;bottom:-14px;width:52px;height:52px;border:1px solid #ffffff3a;border-radius:50%}.benefit-icon i{position:absolute;width:40px;height:40px;border:1px solid #ffffff26;border-radius:50%;left:-14px;top:-9px}.benefit-copy{min-width:0;display:grid;gap:7px}.benefit-copy strong{font-size:16px;font-weight:650;color:var(--text)}.benefit-copy small{font-size:12px;color:#989e92;line-height:1.7}.benefit-arrow{margin-left:auto;color:#808878;font-size:18px}.benefit-card:hover .benefit-arrow{color:var(--accent)}.benefit-expand{display:block;margin:22px auto 0;padding:10px 28px;border:1px solid #ffffff18;border-radius:8px;color:#b5bbad;font-size:12px}.benefit-expand:hover{border-color:#FFC00066}.benefit-pending{display:flex;align-items:center;gap:18px;border:1px dashed #ffffff20;border-radius:14px;padding:28px;background:#ffffff02}.benefit-pending>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;font-size:22px;color:#8c9385}.benefit-pending strong{font-size:14px;color:#a8ae9f;font-weight:500}.benefit-pending p{font-size:12px;color:#767d71;margin:7px 0 0}.benefit-detail{padding:44px;text-align:center}.benefit-detail>.benefit-icon{margin:0 auto 22px;width:80px;height:80px;border-radius:22px}.benefit-detail-label{font-size:12px;color:var(--accent);letter-spacing:2px}.benefit-detail h2{font-size:28px;margin:10px 0}.benefit-detail>p:not(.benefit-detail-label){font-size:14px;color:var(--muted)}.benefit-detail-note{padding:18px;background:#ffffff04;border-radius:10px;font-size:12px;line-height:1.9;color:#a1a899;margin:26px 0 20px}.benefit-disabled{background:#ffffff08;color:#747b6c;padding:12px 22px;border-radius:8px;cursor:not-allowed}
+
+@media(max-width:1180px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-card{gap:13px;padding:16px}.benefits-directory>.channel-tabs{gap:6px}.benefits-directory>.channel-tabs button{font-size:12px;padding:10px 12px}}
+@media(max-width:760px){.benefits-directory>.channel-tabs{flex-wrap:nowrap;overflow-x:auto;margin-left:-19px;margin-right:-19px;padding-left:19px;padding-right:19px}.benefits-directory>.channel-tabs button{flex-shrink:0}.benefit-section{scroll-margin-top:82px}.benefit-heading{align-items:flex-start}.benefit-heading h2{font-size:20px}.benefit-heading p{font-size:12px}.benefit-heading>span{display:none}.benefit-grid{gap:12px}.benefit-card{height:158px;flex-direction:column;justify-content:flex-start;gap:10px;text-align:center;padding:16px 10px}.benefit-icon{width:54px;height:54px;border-radius:15px}.benefit-icon>span{font-size:26px}.benefit-copy{gap:4px}.benefit-copy strong{font-size:14px}.benefit-copy small{font-size:10px}.benefit-arrow{display:none}.benefit-detail{padding:36px 22px}.benefits-notice{line-height:1.8;margin-bottom:28px}}
+
+
+
+/* Placeholder cover source: https://hongguoduanju.com/ */
+.art{background-image:var(--cover);background-color:#29302b;background-size:cover!important;background-position:center top!important}
+.cover .art,.media .art,.media.landscape .art{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;background-size:cover!important;background-position:center top!important}
+.hero-art{left:auto;right:0;width:62%;background-size:cover!important;background-position:center 22%!important}
+.hero-preview .art{background-size:cover!important;background-position:center 20%!important}
+.dialog-art{background-size:cover!important;background-position:center top!important}
+.hot-image{background-position:center 22%}.cinema-scene .hot-image{background-position:center 20%}
+.poster-name{display:none}
+@media(max-width:760px){.hero-art{width:100%;opacity:.65}.dialog-art{background-position:center 24%!important}}
+
+
+.side>nav>a .qq-nav-icon{display:block;width:24px;height:24px;flex:0 0 24px;background-color:currentColor;-webkit-mask-image:var(--qq-icon);mask-image:var(--qq-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.side>nav>a.active .qq-nav-icon{-webkit-mask-image:var(--qq-icon-selected);mask-image:var(--qq-icon-selected)}.side>nav>a[data-page="rank"] .qq-nav-icon{-webkit-mask-size:32px 32px;mask-size:32px 32px}.side>nav>a[data-page="home"]{--qq-icon:url("/assets/19ed41602046c136.svg");--qq-icon-selected:url("/assets/813abcae48078ac7.svg")}.side>nav>a[data-page="shorts"]{--qq-icon:url("/assets/f3d55d5dd5a321d3.png");--qq-icon-selected:url("/assets/7d05c412943babef.png")}.side>nav>a[data-page="series"]{--qq-icon:url("/assets/8c1c285ac6bd3b66.svg");--qq-icon-selected:url("/assets/49cffe02110af446.svg")}.side>nav>a[data-page="topics"]{--qq-icon:url("/assets/9903882b2da0df62.svg");--qq-icon-selected:url("/assets/bf82634dbd0f4907.svg")}.side>nav>a[data-page="rank"]{--qq-icon:url("/assets/c80f072eec53a3ca.svg");--qq-icon-selected:url("/assets/c80f072eec53a3ca.svg")}.side>nav>a[data-page="home-road"]{--qq-icon:url("/assets/350ab2f3118693a8.svg");--qq-icon-selected:url("/assets/350ab2f3118693a8.svg")}.side>nav>a[data-page="apps"]{--qq-icon:url("/assets/16bd37861fd6246c.svg");--qq-icon-selected:url("/assets/16bd37861fd6246c.svg")}
+
+
+/* All portrait poster frames use 3:4. Landscape modules retain their sizing. */
+.cover,.media.portrait{aspect-ratio:3/4;height:auto;align-self:start}
+.thumb{aspect-ratio:3/4}
+@media(min-width:761px){
+  .dialog-art{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/4;align-self:start}
+}
+
+
+
+/* Keep the entire source poster inside each 3:4 portrait frame. */
+.cover .art,.media.portrait .art,.thumb.art{
+  background-size:contain!important;
+  background-position:center center!important;
+  background-repeat:no-repeat;
+  background-color:#191b19;
+}
+@media(min-width:761px){
+  .dialog-art{
+    background-size:contain!important;
+    background-position:center center!important;
+    background-repeat:no-repeat;
+    background-color:#191b19;
+  }
+}
+
+
+
+/* Short-drama information hierarchy: status, likes, episodes, synopsis, tags, heat. */
+.drama-data-card{color:var(--text)}.drama-data-card>.cover{display:block}.drama-label,.drama-likes,.drama-episodes{position:absolute;z-index:2;font-size:10px;line-height:1.5;pointer-events:none}
+.drama-label{top:10px;left:10px;border-radius:4px;padding:3px 7px;font-weight:650;background:#f37941;color:#fff}.drama-label--new{background:#537d67}.drama-label--free{background:#414849e8}
+.drama-likes{right:10px;top:10px;display:flex;align-items:center;gap:4px;color:#fff;background:#101411bd;border:1px solid #ffffff22;padding:3px 7px;border-radius:20px;font-variant-numeric:tabular-nums}.drama-likes svg{width:12px;height:12px;stroke-width:1.6}.drama-episodes{right:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:#101411cc;color:#fff}
+.drama-data-card :is(h2,h3),.editorial-card>.drama-title{font-size:16px;line-height:1.5;margin:12px 0 7px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drama-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.8;color:#8e968c;text-align:left;min-height:3.6em}
+.drama-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px}.drama-tags{display:flex;gap:5px;flex-wrap:wrap;min-width:0}.drama-tags>span{display:inline-block;font-size:10px;line-height:1.5;padding:3px 6px;border:1px solid #ffffff0d;background:#ffffff05;border-radius:4px;color:#a5ad9e}
+.drama-heat{display:flex;align-items:center;gap:4px;font-size:12px;color:#FFCF40;white-space:nowrap}.drama-heat svg{width:13px;height:13px;stroke-width:1.5}.drama-heat b{font-size:12px;font-weight:550;font-variant-numeric:tabular-nums}.drama-heat small,.editorial-card .drama-heat small{display:inline;font-size:10px;color:#828b7e}
+.editorial-card{text-align:left;padding:0}.editorial-card .drama-tags>span{font-size:10px;padding:2px 5px}.ranked-card .rank-caption{margin-top:14px;margin-bottom:8px;min-height:36px}.ranked-card .rank-caption h3{margin:0}.ranked-card .rank-caption>span{min-width:0}.ranked-card .drama-meta{margin-top:12px}.curated-copy{display:flex;flex-direction:column;gap:0;padding:8px 0;align-self:center}.curated-copy .pick{margin-bottom:15px}.curated-copy h3{margin:0 0 12px;font:500 28px/1.35 "Songti SC",serif;white-space:normal}.curated-copy .drama-description{min-height:0}.curated-copy .drama-meta{width:100%;gap:12px;margin-top:16px}.curated-copy .watch-link{margin-top:20px;align-self:flex-start;font-size:12px}.channel-rank .drama-tags{margin-top:9px}.drama-data-card:hover :is(h2,h3),.editorial-card:hover>.drama-title{color:var(--accent)}
+@media(max-width:1180px){.drama-label,.drama-likes{top:8px}.drama-label{left:8px}.drama-likes{right:8px}.curated-card{grid-template-columns:minmax(100px,.8fr) minmax(0,1fr)}.curated-copy h3{font-size:24px}}
+@media(max-width:760px){.drama-data-card :is(h2,h3),.editorial-card>.drama-title{font-size:14px}.drama-description{font-size:12px}.drama-label,.drama-likes,.drama-episodes{font-size:10px}.drama-likes{gap:3px;padding:3px 5px}.drama-meta{margin-top:9px;gap:6px}.curated-copy h3{font-size:22px}.curated-copy .watch-link{margin-top:14px}.curated-copy .drama-meta{margin-top:10px}}
+
+
+
+/* Category-card layout based on hongguoduanju.com/category/ai-drama. */
+.drama-data-card>.cover,.drama-data-card>.media.portrait{border-radius:12px;overflow:hidden}
+.drama-data-card>.cover:after,.drama-data-card>.media.portrait:after{content:'';position:absolute;inset:auto 0 0;height:64px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));pointer-events:none;z-index:1}
+.drama-data-card .drama-episodes{right:12px;bottom:12px;padding:0;border-radius:0;background:none;color:#fff;font-size:14px;font-weight:500;line-height:1;text-shadow:0 1px 4px #0009}
+.drama-data-card>:is(h2,h3),.editorial-card>.drama-title{font-size:18px;font-weight:500;line-height:1.4;margin:14px 0 9px;color:#ffffffe6;letter-spacing:0}
+.drama-data-card .drama-meta{display:block;margin-top:0}
+.drama-data-card .drama-tags{display:flex;flex-wrap:nowrap;gap:0;overflow:hidden;line-height:1.5}
+.drama-data-card .drama-tags>span{position:relative;flex-shrink:0;border:0;border-radius:0;background:none;font-size:12px;font-weight:400;color:#8b9189;padding:0;line-height:1.5}
+.drama-data-card .drama-tags>span+span{padding-left:10px;margin-left:10px}
+.drama-data-card .drama-tags>span+span:before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:1px;background:#ffffff20}
+.ranked-card .rank-caption{margin:14px 0 9px}.ranked-card .rank-caption h3{font-size:18px;font-weight:500}.ranked-card .drama-meta{margin:0}
+.curated-copy .drama-meta{margin-top:0}.curated-copy h3{margin-bottom:12px}.curated-copy .watch-link{margin-top:24px}
+/* Keep the complete poster visible during hover as well. */
+.drama-data-card:hover .cover,.editorial-card:hover .media{transform:none;filter:brightness(1.06)}
+@media(max-width:760px){.drama-data-card>:is(h2,h3),.editorial-card>.drama-title,.ranked-card .rank-caption h3{font-size:14px;margin-top:11px}.drama-data-card .drama-tags>span{font-size:12px}.drama-data-card .drama-episodes{font-size:12px;bottom:10px;right:10px}.drama-data-card>.cover,.drama-data-card>.media.portrait{border-radius:9px}.curated-copy h3{font-size:22px}}
+
+
+
+/* Portrait frames follow the native image dimensions without cropping or side bars. */
+.cover,.media.portrait{aspect-ratio:auto;height:auto;align-self:start;background:transparent}
+.poster-source{display:block;width:100%;height:auto;max-width:100%;border:0}
+@media(min-width:761px){.dialog-art{aspect-ratio:var(--source-ratio);min-height:0;max-height:none;height:auto}}
+
+
+
+/* Zoom only the poster inside its frame, without moving surrounding content. */
+.poster-source{transform:scale(1);transform-origin:center center;transition:transform .38s cubic-bezier(.2,.65,.3,1)}
+@media(hover:hover) and (pointer:fine){
+  .drama-data-card:hover .poster-source,.channel-rank:hover .poster-source{transform:scale(1.06)}
+  .drama-data-card:hover .cover,.editorial-card:hover .media{transform:none;filter:none}
+}
+.drama-data-card:focus-visible .poster-source,.channel-rank:focus-visible .poster-source{transform:scale(1.06)}
+@media(prefers-reduced-motion:reduce){.poster-source{transition:none!important;transform:none!important}}
+
+
+
+/* Stable title colors and a single-line synopsis beneath each card title. */
+.drama-data-card>:is(h2,h3),.drama-data-card:hover>:is(h2,h3),
+.editorial-card>.drama-title,.editorial-card:hover>.drama-title{color:#ffffffe6}
+.ranked-card .rank-caption h3,.ranked-card:hover .rank-caption h3{color:var(--text)}
+.curated-card .curated-copy h3,.curated-card:hover .curated-copy h3{color:#eeeade}
+.drama-data-card .drama-description{display:block;width:100%;min-width:0;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;font-size:12px;line-height:1.8;color:#8e968c;margin:0 0 9px;text-align:left}
+.curated-copy .drama-description{flex-shrink:0}
+@media(max-width:760px){.drama-data-card .drama-description{font-size:12px;margin-bottom:7px}}
+
+
+
+/* Reference corner-badge size, placement, and colors from huangguo.tv. */
+.cover-corner-badge{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;min-height:30px;border-radius:6px;color:#fff;font-size:14px;line-height:20px;font-weight:400;pointer-events:none}
+.cover-corner-badge--hot{background:#ff4d60}
+.cover-corner-badge--new{background:#7065ff}
+.cover-corner-badge--free{background:#0bbba9}
+@media(max-width:767px){.cover-corner-badge{padding:4px 8px;min-height:26px;font-size:12px;line-height:18px}}
+
+
+
+/* User-provided logo, embedded at its original SVG resolution. */
+.side>.mark{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:auto;height:46px;margin-right:16px;flex-shrink:0;background:none;transform:none;border-radius:0;color:var(--text);font-size:18px;font-weight:750;letter-spacing:0;white-space:nowrap}
+.brand-logo{display:block;flex-shrink:0;object-fit:contain;border-radius:11px}
+.side>.mark .brand-logo{width:46px;height:46px}
+.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;letter-spacing:0}
+.brand .brand-logo{width:34px;height:34px;border-radius:9px}
+@media(min-width:761px) and (max-width:1180px){.side>.mark{gap:8px;font-size:16px}.side>.mark .brand-logo{width:38px;height:38px}}
+@media(max-width:760px){.brand{font-size:22px;gap:8px}.brand .brand-logo{width:30px;height:30px}}
+
+
+
+/* Supplied title artwork keeps its original 63:15 aspect ratio. */
+.brand-wordmark{display:block;object-fit:contain;flex-shrink:0;height:auto}
+.side>.mark .brand-wordmark{width:100px;height:auto}
+.brand .brand-wordmark{width:118px;height:auto}
+@media(min-width:761px) and (max-width:1180px){.side>.mark .brand-wordmark{width:96px}}
+@media(max-width:760px){.brand .brand-wordmark{width:101px}}
+
+
+
+/* Expanded navigation and compact icon-only navigation. */
+.sidebar-toggle{display:flex;align-items:center;gap:10px;flex-shrink:0;margin:18px 12px 0;padding:9px 14px;border-radius:9px;border:1px solid var(--line);color:#92998e;font-size:12px;text-align:left;line-height:20px;min-height:40px}
+.sidebar-toggle:hover{background:#ffffff06;color:var(--text)}.sidebar-toggle svg{width:20px;height:20px;flex-shrink:0}.collapsed-help{display:none!important}.side-nav-label{white-space:nowrap}
+@media(min-width:761px){
+ .side{transition:width .24s ease}.shell{transition:margin-left .24s ease}.side>nav{margin-top:14px}
+ .sidebar-collapsed .side{width:80px;padding-top:20px;padding-bottom:16px}
+ .sidebar-collapsed .side>.mark{margin:0 auto;width:44px;height:44px;gap:0}
+ .sidebar-collapsed .side>.mark .brand-logo{width:44px;height:44px}
+ .sidebar-collapsed .side .brand-wordmark,.sidebar-collapsed .side-nav-label,.sidebar-collapsed .sidebar-toggle-label,.sidebar-collapsed .side-info{display:none}
+ .sidebar-collapsed .sidebar-toggle{margin:16px auto 0;width:44px;height:40px;padding:0;justify-content:center}
+ .sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}
+ .sidebar-collapsed .side>nav{padding:0 10px;gap:6px}
+ .sidebar-collapsed .side>nav>a{justify-content:center;padding:12px 0;gap:0;min-height:48px}
+ .sidebar-collapsed .side>nav>a .qq-nav-icon{margin:0}
+ .sidebar-collapsed .shell{margin-left:112px}
+ .sidebar-collapsed .collapsed-help{display:grid!important;place-items:center;margin: auto auto 0;padding:12px;width:46px;min-height:46px;border-radius:10px;color:#949b8e}
+ .sidebar-collapsed .collapsed-help:hover{background:#ffffff08;color:var(--accent)}
+}
+@media(prefers-reduced-motion:reduce){.side,.shell{transition:none!important}}
+
+
+
+.ui-empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;min-height:320px;padding:38px 20px;box-sizing:border-box}
+.ui-empty-state>img{display:block;width:210px;height:210px;object-fit:contain;margin:0 0 8px;opacity:1}
+.ui-empty-state>:is(h2,h3){margin:0 0 10px;color:#d5d5da;font-size:18px;font-weight:500;line-height:1.5}
+.ui-empty-state>p{margin:0;max-width:360px;color:#7e7e88;font-size:14px;line-height:1.8}
+.ui-empty-state .ui-empty-action{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-width:116px;padding:10px 22px;border:1px solid #ffffff25;border-radius:999px;background:#ffffff06;color:#bfc0c8!important;font-size:14px;text-decoration:none;cursor:pointer}
+.ui-empty-state .ui-empty-action:hover{border-color:#FFC000;color:#fff!important;background:#FFC00016}
+.ui-empty-state .ui-empty-action:focus-visible{outline:2px solid #FFC000;outline-offset:4px}
+.play-comment-list .ui-empty-state{min-height:270px;padding:20px}.play-comment-list .ui-empty-state>img{width:180px;height:180px}
+#drama-play-page .play-screen-overlay .ui-empty-state{min-height:0;padding:12px}#drama-play-page .play-screen-overlay .ui-empty-state>img{width:160px;height:160px}#drama-play-page .play-screen-overlay .ui-empty-action{pointer-events:auto;width:auto;height:auto;border-radius:999px;font-size:14px}
+@media(max-width:600px){.ui-empty-state{min-height:260px;padding:26px 16px}.ui-empty-state>img{width:176px;height:176px}}
+
+
+
+/* Compact header toggle aligned with the brand, matching the supplied reference. */
+.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;flex-shrink:0;min-height:40px}
+.side .sidebar-header>.mark{display:flex;align-items:center;gap:8px;margin:0;width:auto;height:40px;min-width:0;background:none;border-radius:0;transform:none;letter-spacing:0;flex-shrink:1}
+.side .sidebar-header>.mark .brand-logo{width:36px;height:36px;border-radius:10px}
+.side .sidebar-header>.mark .brand-wordmark{width:96px;height:auto}
+.side .sidebar-header>.sidebar-toggle{display:grid;place-items:center;flex-shrink:0;width:28px;height:32px;min-height:32px;margin:0;padding:0;gap:0;border:0;border-radius:6px;background:none;color:#9b9e95}
+.side .sidebar-header>.sidebar-toggle:hover{background:#ffffff0a;color:var(--text)}
+.side .sidebar-header>.sidebar-toggle svg{width:20px;height:20px;stroke-width:1.5;transform:none}
+@media(min-width:761px){.side>nav{margin-top:24px}}
+@media(min-width:761px) and (max-width:1180px){.sidebar-header{padding:0 10px;gap:6px}.side .sidebar-header>.mark{gap:6px}.side .sidebar-header>.mark .brand-logo{width:32px;height:32px}.side .sidebar-header>.mark .brand-wordmark{width:82px}}
+@media(min-width:761px){
+ .sidebar-collapsed .sidebar-header{padding:0 10px;gap:4px;min-height:36px}
+ .sidebar-collapsed .side .sidebar-header>.mark{width:28px;height:32px;margin:0;gap:0;flex-shrink:0}
+ .sidebar-collapsed .side .sidebar-header>.mark .brand-logo{width:28px;height:28px;border-radius:8px}
+ .sidebar-collapsed .side .sidebar-header>.sidebar-toggle{width:24px;height:32px;min-height:32px;margin:0;padding:0}
+ .sidebar-collapsed .side .sidebar-header>.sidebar-toggle svg{width:19px;height:19px;transform:none}
+ .sidebar-collapsed .side .sidebar-header>.sidebar-toggle svg path{transform:translateX(6px)}
+}
+
+
+
+/* Sidebar toggle is the first navigation-list item. */
+.side>nav>.sidebar-toggle{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:44px;min-height:44px;margin:0 0 6px;padding:10px 14px;border:0;border-radius:12px;background:none;color:#8f928e;font-size:14px;text-align:left}
+.side>nav>.sidebar-toggle:hover{background:#ffffff06;color:var(--text)}
+.side>nav>.sidebar-toggle svg{width:24px;height:24px;flex:0 0 24px;stroke-width:1.5;transform:none}
+.sidebar-header{justify-content:flex-start}
+.side .sidebar-header>.mark .brand-wordmark{width:100px}
+@media(min-width:761px){
+ .sidebar-collapsed .sidebar-header{justify-content:center}
+ .sidebar-collapsed .side .sidebar-header>.mark{width:40px;height:40px}
+ .sidebar-collapsed .side .sidebar-header>.mark .brand-logo{width:40px;height:40px;border-radius:11px}
+ .sidebar-collapsed .side>nav>.sidebar-toggle{justify-content:center;width:100%;height:48px;min-height:48px;padding:12px 0;margin:0 0 6px;gap:0}
+ .sidebar-collapsed .side>nav>.sidebar-toggle svg{transform:none}
+ .sidebar-collapsed .side>nav>.sidebar-toggle svg path{transform:translateX(6px)}
+}
+
+
+
+/* IYF landscape artwork and its matching portrait preview are separate assets. */
+.hero-art{left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}
+.hero-content{padding-bottom:170px}
+.hero-previews{right:28px;bottom:76px;width:min(450px,46%);grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
+.hero-preview{aspect-ratio:5/7;padding:0;display:block;min-width:0;background:#202222}
+.hero-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
+.hero-preview:hover img{transform:scale(1.06)}
+.hero-preview:nth-child(n+5){display:block}
+@media(max-width:1000px){.hero-previews{right:24px;bottom:76px;width:48%;gap:7px}}
+@media(max-width:760px){.hero-art{width:100%;object-position:65% center;opacity:.75}.hero-content{padding-bottom:210px}.hero-previews{left:20px;right:20px;bottom:70px;width:auto;max-width:420px;margin-left:auto;gap:7px}.hero-preview{max-height:112px}}
+@media(prefers-reduced-motion:reduce){.hero-preview,.hero-preview img{transition:none}.hero-preview:hover,.hero-preview:hover img{transform:none}}
+
+
+
+.home-content{--module-gap:48px;--module-inset:28px;display:flex;flex-direction:column;gap:var(--module-gap);margin-bottom:var(--module-gap);min-width:0}
+.home-content>.hero-grid,.home-content>#library,.home-content>.themes,.home-content>.romance-editorial{margin:0;min-width:0}
+.home-content>.themes{gap:var(--module-gap)}
+.home-content .collection-pair{column-gap:26px;row-gap:var(--module-gap)}
+.home-content .topic-section>.section-head{margin:0 0 24px}
+.home-content>#library>.bar{padding-top:0}
+.home-content>.romance-editorial{padding:0;border:0;border-radius:0;background:transparent}
+.home-content .romance-editorial>.section-head{margin:0 0 28px}
+.home-content #romance-rows{display:flex;flex-direction:column;gap:32px}
+.home-content .editorial-row{padding:0;border:0;gap:36px}
+.home-content .editorial-row+.editorial-row{padding-top:32px;border-top:1px solid #ffffff12}
+@media(max-width:1000px){.home-content .editorial-row{gap:20px}}
+@media(max-width:760px){.home-content{--module-gap:32px;--module-inset:18px}.home-content .topic-section>.section-head{margin-bottom:20px}.home-content>.romance-editorial{border-radius:0}.home-content #romance-rows{gap:24px}.home-content .editorial-row+.editorial-row{padding-top:24px}}
+
+
+
+.editorial-copy .editorial-no{position:static;display:block;font:italic 64px/1 Georgia,serif;color:#b7bab2;margin:0 0 18px;order:-1}
+.editorial-copy i{display:none}
+.editorial-row.reverse .editorial-copy>p,.editorial-row.reverse .editorial-copy h3,.editorial-row.reverse .editorial-copy>small,.editorial-row.reverse .editorial-copy button{margin-left:0}
+
+
+.home-content>#library>.section-head{margin-top:0}
+
+
+.home-content .section-head h2{position:relative;padding-left:18px}
+.home-content .section-head h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:1.1em;border-radius:999px;background:#FFC000}
+
+
+
+button,button:hover,button:focus-visible,button:active,button.active,button[aria-pressed="true"],
+a.primary,a.primary:hover,a.primary:focus-visible,[role="button"],[role="button"]:hover{color:#fff!important}
+
+
+
+/* Slide copy must never change the carousel's outer dimensions. */
+.home-content .hero{height:610px;min-height:0;container-type:inline-size}
+.home-content .hero-content{position:absolute;inset:0 auto auto 0;width:60%;max-width:none;padding:45px 48px 0}
+.home-content .hero-content h2{font-size:clamp(28px,6cqw,72px);line-height:1.2;letter-spacing:3px;margin:40px 0 12px;white-space:nowrap}
+.home-content .hero-content .english{letter-spacing:3px;font-size:10px;line-height:1.6}
+.home-content .hero-content>p{max-width:320px;margin:22px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
+@media(max-width:1000px){.home-content .hero{height:530px}.home-content .hero-content{width:65%;padding:32px 32px 0}.home-content .hero-content h2{margin-top:30px}}
+@media(max-width:760px){.home-content .hero{height:600px}.home-content .hero-content{width:100%;padding:28px 24px 0}.home-content .hero-content h2{font-size:clamp(28px,8cqw,48px);margin-top:28px;letter-spacing:2px}.home-content .hero-content>p{margin-top:16px}.home-content .hero-rating{margin-top:16px}.home-content .hero-content .actions{margin-top:18px}}
+
+
+
+.side .sidebar-header{justify-content:center;padding:0 12px}
+.side .sidebar-header>.sidebar-logo-toggle{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:4px;margin:0;border:0;border-radius:12px;background:none;flex-shrink:0}
+.side .sidebar-header>.sidebar-logo-toggle .brand-logo{width:40px;height:40px;border-radius:11px}
+.side .sidebar-header>.sidebar-logo-toggle:hover{background:#ffffff08}
+
+
+
+html:not(.sidebar-collapsed) .side .sidebar-header{justify-content:flex-start}
+html:not(.sidebar-collapsed) .side>nav>a .qq-nav-icon{width:28px;height:28px;flex-basis:28px}
+html:not(.sidebar-collapsed) .side>nav>a[data-page="rank"] .qq-nav-icon{-webkit-mask-size:37px 37px;mask-size:37px 37px}
+html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle{width:60px;height:60px;min-height:60px}
+html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-logo{width:52px;height:52px;border-radius:14px}
+
+
+
+html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle{display:flex;justify-content:flex-start;align-items:center;width:100%;height:60px;gap:10px;padding:4px}
+html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-logo{flex:0 0 52px}
+html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-wordmark{display:block;width:100px;max-width:calc(100% - 62px);height:auto}
+.sidebar-collapsed .side .sidebar-header>.sidebar-logo-toggle .brand-wordmark{display:none}
+
+
+
+.side .sidebar-header .brand-copy{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:7px}
+html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-wordmark{width:100%;max-width:100px;height:auto}
+.side .sidebar-header .brand-tagline{display:block;color:#fff;font-size:12px;font-weight:400;line-height:1.2;letter-spacing:1.2px;white-space:nowrap}
+.sidebar-collapsed .side .sidebar-header .brand-copy{display:none}
+@media(min-width:761px) and (max-width:1180px){.side .sidebar-header .brand-tagline{font-size:10px;letter-spacing:.7px}}
+
+
+
+.top{height:96px;min-height:96px;padding:20px 0;flex-wrap:nowrap;gap:20px;border-bottom:0}
+.top .search{order:0;margin:0;width:min(420px,100%);flex:0 1 420px}
+.top .saved{margin-left:auto}
+@media(max-width:760px){.top{height:82px;min-height:82px;padding:16px 0}.top .search{width:100%;flex:1 1 auto}}
+
+
+
+.top{height:112px;min-height:112px;padding:24px 0}
+.top .search{width:min(960px,100%);flex:0 1 960px;min-width:0;height:60px;padding:6px 10px 6px 24px;gap:16px;border:1px solid #ffffff1c;border-radius:999px;background:#27272c;box-shadow:0 0 34px 8px #ffffff05,0 8px 28px #0002;transition:border-color .25s,box-shadow .25s,background .25s}
+.top .search:hover{background:#2b2b30;border-color:#ffffff32;box-shadow:0 0 38px 10px #ffffff08,0 8px 28px #0002}
+.top .search:focus-within{border-color:#FFC00080;box-shadow:0 0 0 3px #FFC00012,0 0 34px 6px #FFC00018}
+.top .search input{flex:1;min-width:0;font-size:16px;line-height:24px;color:#fff;background:transparent;outline:none;box-shadow:none}
+.top .search input::placeholder{color:#929297;opacity:1}
+.top .search button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border-radius:50%;background:transparent;transition:background .2s,transform .2s}
+.top .search button:hover{background:#ffffff0c;transform:scale(1.05)}
+.top .search button svg{width:24px;height:24px;stroke-width:1.8}
+@media(max-width:760px){.top{height:94px;min-height:94px;padding:20px 0}.top .search{height:54px;flex:1 1 auto;width:100%;padding-left:18px;gap:8px}.top .search input{font-size:14px}.top .search button{width:40px;height:40px;flex-basis:40px}.top .search button svg{width:22px;height:22px}}
+
+
+
+.home-content .hero-content{inset:auto auto 38px 0;width:52%;padding:0 48px;max-width:620px}
+.home-content .hero-content h2{font-size:clamp(28px,4cqw,48px);line-height:1.2;letter-spacing:2px;margin:20px 0 10px}
+.home-content .hero-content>p{max-width:360px;margin-top:18px}
+.home-content .hero-content .actions{margin-top:20px}
+@media(max-width:1000px){.home-content .hero-content{bottom:32px;width:52%;padding:0 28px}.home-content .hero-content h2{font-size:clamp(26px,4cqw,40px);margin-top:16px}.home-content .hero-content .english{letter-spacing:2px}}
+@media(max-width:760px){.home-content .hero-content{inset:auto 0 208px 0;width:100%;max-width:none;padding:0 24px}.home-content .hero-content h2{font-size:clamp(28px,7cqw,36px);margin-top:16px}.home-content .hero-content>p{margin-top:14px}.home-content .hero-content .actions{margin-top:16px}}
+
+
+
+.top .search{flex:1 1 600px;width:auto;max-width:960px}
+.header-actions{display:flex;align-items:center;gap:24px;margin-left:auto;flex-shrink:0}
+.header-action{display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 0;white-space:nowrap;font-size:14px;border-radius:8px}
+.header-action:hover{opacity:.8}.header-action>svg{width:22px;height:22px}
+.coin-entry{gap:8px}.coin-symbol{display:grid;place-items:center;width:32px;height:32px;border:2px solid #ffe88c;border-radius:50%;background:linear-gradient(145deg,#fff495,#ffbf39);box-shadow:inset 0 0 0 3px #ffd563;color:#d68b13;font-size:20px;text-shadow:0 1px #fff5b0}.coin-value{font-size:18px;font-variant-numeric:tabular-nums}.coin-label{font-size:12px;color:var(--muted)}
+.account-divider{height:24px;width:1px;background:#ffffff20}.account-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#343439;overflow:hidden}.account-avatar svg{width:24px;height:24px;color:#b8b8c0}.account-entry.is-logged-in .account-avatar{background:#FFC00025}.account-entry.is-logged-in .account-avatar svg{color:#FFCF40}.account-copy{text-align:left;display:grid;gap:2px}.account-copy strong{font-size:14px;font-weight:500}.account-copy small{font-size:12px;color:#96969e}
+.top .header-saved-proxy{display:none!important}
+#account-dialog{width:min(420px,calc(100vw - 32px));padding:32px;border-radius:20px;background:#202024;border:1px solid #ffffff18}
+#account-dialog h2{font-size:24px;margin:0 0 12px}#account-dialog p{font-size:14px;line-height:1.8;color:#a8a8b0;margin:12px 0 24px}#account-dialog .primary{width:100%;border-radius:10px}#account-dialog .account-secondary{display:block;width:100%;padding:12px;margin-top:10px;border-radius:10px;background:#ffffff08}#account-dialog .balance{display:flex;align-items:center;gap:12px;margin:24px 0;font-size:36px}#account-dialog .balance small{font-size:14px;color:#a8a8b0}#account-dialog .unavailable{padding:12px;border-radius:10px;background:#ffffff08;text-align:center;color:#9898a0;font-size:14px}
+@media(max-width:1180px){.header-actions{gap:16px}.top{gap:18px}.coin-label{display:none}}
+@media(max-width:760px){.top{height:auto;min-height:0;flex-wrap:wrap;padding:18px 0 22px;gap:14px}.top .search{flex:1 0 100%;max-width:none}.header-actions{width:100%;justify-content:flex-end;gap:20px}.download-entry{margin-right:auto}.header-action{padding:2px 0}.account-avatar{width:34px;height:34px}}
+
+
+
+.top{height:96px;min-height:96px;gap:32px;padding:20px 0}
+.top .search{height:46px;max-width:720px;flex:1 1 480px;padding:3px 6px 3px 22px;gap:10px;background:#ffffff09;border-color:#ffffff10;box-shadow:inset 0 1px 0 #ffffff03}
+.top .search:hover{background:#ffffff0d;border-color:#ffffff24;box-shadow:none}
+.top .search:focus-within{border-color:#FFC00080;box-shadow:0 0 0 3px #FFC00010}
+.top .search input{font-size:14px}.top .search button{width:36px;height:36px;flex-basis:36px;padding:8px}.top .search button svg{width:21px;height:21px}
+.header-actions{gap:26px;margin-left:auto;align-items:center}
+.header-action{flex-direction:column;gap:5px;min-width:44px;padding:2px 0;font-size:12px;line-height:1.3;opacity:.8;transition:opacity .2s,transform .2s}
+.header-action:hover{opacity:1;transform:translateY(-1px)}
+.header-action>svg{width:24px;height:24px;stroke-width:1.6}
+.coin-symbol{width:25px;height:25px;font-size:14px;box-shadow:inset 0 0 0 2px #ffd563}
+.coin-caption{font-size:12px}.coin-value{font-size:12px}
+.account-entry{min-width:46px;gap:4px}.account-avatar{width:34px;height:34px;background:linear-gradient(145deg,#56565e,#303036);border:1px solid #ffffff18}.account-avatar svg{width:23px;height:23px}
+.account-copy{display:block;text-align:center}.account-copy strong{font-size:12px;font-weight:400}.account-copy small{display:none}
+.account-entry.is-logged-in .account-avatar{border-color:#FFC00055}
+.account-history-list{display:grid;gap:10px;margin-top:20px;max-height:50vh;overflow:auto}
+.account-history-item{display:flex;align-items:center;gap:12px;text-align:left;padding:10px;border-radius:10px;background:#ffffff05;width:100%}.account-history-item:hover{background:#ffffff0a}.account-history-item img{width:42px;height:58px;object-fit:cover;border-radius:5px}.account-history-item strong{display:block;font-size:14px;font-weight:500}.account-history-item small{display:block;font-size:12px;color:#94949c;margin-top:5px}
+@media(max-width:1180px){.top{gap:20px}.header-actions{gap:16px}.top .search{flex-basis:300px}}
+@media(max-width:760px){.top{height:auto;min-height:0;flex-wrap:wrap;padding:18px 0;gap:16px}.top .search{flex:1 0 100%;max-width:none;height:46px}.header-actions{justify-content:flex-end;gap:24px;width:100%}.download-entry{margin-right:auto}}
+
+
+
+.top{height:106px;min-height:106px;gap:28px}
+.top .search{height:54px;max-width:none;flex:1 1 620px;padding:5px 12px 5px 24px;background:#ffffff15;border:1px solid #ffffff25;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff08}
+.top .search input{font-size:16px}.top .search input::placeholder{color:#a9a9b0}.top .search button svg{width:25px;height:25px;color:#c6c6ce}
+.top .search:hover{background:#ffffff1c;border-color:#ffffff35}
+.header-actions{gap:24px}
+.header-actions .download-entry{flex-direction:row;gap:8px;height:50px;padding:0 18px;border-radius:999px;border:1px solid #ffffff1c;background:#ffffff09;font-size:14px;opacity:1;backdrop-filter:blur(12px)}
+.header-actions .download-entry:hover{background:#ffffff14;transform:none}
+.header-actions .coin-entry{flex-direction:row;height:50px;padding:0 16px;gap:8px;background:#d6aa4610;border:1px solid #d6aa4630;border-radius:999px;opacity:1}
+.header-actions .coin-caption,.header-actions .coin-value{font-size:14px;color:#e6bf68}.header-actions .coin-symbol{width:25px;height:25px}
+.header-actions .history-entry{gap:4px;min-width:38px;font-size:12px}.header-actions .history-entry>svg{width:28px;height:28px;color:#bfc0c7}
+.header-actions .account-entry{padding:0;min-width:50px;opacity:1}.header-actions .account-avatar{width:50px;height:50px;background:linear-gradient(145deg,#777780,#39393f);border:1px solid #ffffff28;box-shadow:inset 0 1px 0 #ffffff15}.header-actions .account-avatar svg{width:30px;height:30px;color:#ececf0}.header-actions .account-copy{display:none}.header-actions .account-entry.is-logged-in .account-avatar{background:linear-gradient(145deg,#ad3570,#4a2538);border-color:#FFC00080}
+@media(max-width:1180px){.top{gap:18px}.header-actions{gap:14px}.header-actions .download-entry{padding:0 14px}.header-actions .coin-entry{padding:0 12px}.top .search{flex-basis:300px}}
+@media(max-width:760px){.top{height:auto;min-height:0;gap:16px}.top .search{flex:1 0 100%;height:50px;padding-left:18px}.top .search input{font-size:14px}.header-actions{justify-content:flex-end;gap:16px}.header-actions .download-entry{margin-right:0;height:42px;font-size:12px;padding:0 12px}.header-actions .coin-entry{height:42px;margin-right:auto}.header-actions .account-entry{min-width:42px}.header-actions .account-avatar{width:42px;height:42px}}
+
+
+
+.page-tools{position:fixed;right:24px;bottom:28px;z-index:8;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}
+.page-tools.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
+.page-tool{display:grid;place-items:center;width:48px;height:48px;padding:12px;border:1px solid #ffffff1c;border-radius:14px;background:#252529ed;box-shadow:0 5px 20px #0003;backdrop-filter:blur(12px)}
+.page-tool:hover,.page-tool[aria-expanded="true"]{background:#FFC000;border-color:#FFC000}.page-tool svg{width:24px;height:24px}
+.page-tool-download{position:relative}.download-qr-panel{position:absolute;right:100%;bottom:0;margin-right:14px;width:190px;padding:18px;border:1px solid #ffffff1c;border-radius:16px;background:#242429;box-shadow:0 12px 40px #0006;text-align:center;opacity:0;visibility:hidden;transform:translateX(6px);transition:opacity .18s,transform .18s,visibility .18s}
+.download-qr-panel::after{content:'';position:absolute;left:100%;bottom:0;width:16px;height:100%}
+.page-tool-download:hover .download-qr-panel,.page-tool-download:focus-within .download-qr-panel,.page-tool-download.is-open .download-qr-panel{opacity:1;visibility:visible;transform:none}
+.download-qr-panel strong{display:block;font-size:14px;margin-bottom:12px}.download-qr-panel p{color:#a7a7ae;font-size:12px;margin:12px 0 0;line-height:1.6}
+.download-qr-placeholder{display:grid;place-items:center;align-content:center;gap:10px;width:152px;height:152px;border-radius:9px;background:#f3f3f5;color:#777780;font-size:12px}.download-qr-placeholder svg{width:34px;height:34px;color:#b0b0b8}
+@media(max-width:760px){.page-tools{right:14px;bottom:20px;gap:8px}.page-tool{width:44px;height:44px;padding:10px;border-radius:12px}.download-qr-panel{margin-right:10px}}
+
+
+.download-qr-placeholder{background:#fff;padding:12px}.download-qr-placeholder img{display:block;width:128px;height:128px;image-rendering:pixelated}
+
+
+.header-download-wrap{position:relative}
+.header-download-qr{position:absolute;top:100%;right:0;margin-top:14px;z-index:12;width:190px;padding:18px;border:1px solid #ffffff1c;border-radius:16px;background:#242429;box-shadow:0 12px 40px #0006;text-align:center;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
+.header-download-qr::before{content:'';position:absolute;bottom:100%;left:0;width:100%;height:16px}
+.header-download-qr strong{display:block;font-size:14px;margin-bottom:12px}.header-download-qr p{color:#a7a7ae;font-size:12px;margin:12px 0 0;line-height:1.6}
+.header-download-wrap:hover .header-download-qr,.header-download-wrap:focus-within .header-download-qr,.header-download-wrap.is-open .header-download-qr{opacity:1;visibility:visible;transform:none}
+
+
+
+.header-download-qr,.download-qr-panel{width:320px;padding:32px 22px 28px;border:1px solid #ffffff0a;border-radius:20px;background:#303232;box-shadow:0 16px 44px #0005}
+.download-panel-brand{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 24px}
+.download-panel-brand .brand-logo{display:block;width:34px;height:34px;object-fit:contain;flex:0 0 34px}
+.download-panel-brand .brand-wordmark{display:block;width:126px;height:30px;object-fit:contain}
+.header-download-qr .download-qr-placeholder,.download-qr-panel .download-qr-placeholder{width:180px;height:180px;margin:0 auto;padding:12px;background:#fff;border-radius:12px}
+.header-download-qr .download-qr-placeholder img,.download-qr-panel .download-qr-placeholder img{width:156px;height:156px}
+.download-panel-copy{margin-top:22px}
+.header-download-qr .download-panel-copy p,.download-qr-panel .download-panel-copy p{margin:0;color:#a5a7a7;font-size:14px;line-height:1.9;white-space:nowrap}
+@media(max-width:760px){.header-download-qr,.download-qr-panel{width:270px;padding:26px 14px 24px}.header-download-qr{right:-46px}.header-download-qr .download-panel-copy p,.download-qr-panel .download-panel-copy p{font-size:12px}.download-panel-brand{margin-bottom:20px}}
+
+
+
+.top .search{position:relative}
+.search-discovery{position:absolute;top:calc(100% + 14px);left:0;width:min(760px,calc(100vw - 48px));max-width:max(100%,320px);max-height:min(620px,75vh);overflow:auto;z-index:20;padding:28px;border:1px solid #ffffff12;border-radius:24px;background:#171719;box-shadow:0 16px 60px #0008;text-align:left;animation:search-panel-in .18s ease}
+.search-discovery[hidden]{display:none}
+.search-discovery-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.search-discovery-heading h2{font-size:16px;margin:0;color:#f2f2f4;font-weight:600}.search-history-actions{display:flex;gap:10px;align-items:center}
+.top .search .search-discovery button{display:inline-flex;width:auto;height:auto;flex:initial;min-height:30px;padding:5px 8px;border-radius:6px;font-size:12px;transform:none;white-space:normal}
+.top .search .search-discovery button:hover{background:#ffffff0a}
+.search-history-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.top .search .search-history-tags button{padding:7px 12px;background:#ffffff08;border-radius:8px;max-width:100%;overflow-wrap:anywhere}
+.search-discovery-status{font-size:14px;color:#82828c;margin:0 0 12px}.search-suggestion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
+.top .search .search-suggestion-list button{display:flex;align-items:center;gap:10px;padding:10px 6px;width:100%;text-align:left;font-size:14px;min-width:0}
+.search-suggestion-list .suggestion-number{font-size:18px;font-weight:700;font-style:italic;color:#74747c;flex:0 0 20px}.search-suggestion-list button:nth-child(-n+3) .suggestion-number{color:var(--accent)}.suggestion-copy{min-width:0;display:grid;gap:4px}.suggestion-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.suggestion-copy small{font-size:12px;color:#85858f}.search-discovery mark{background:none;color:#FFCF40}
+@keyframes search-panel-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
+@media(max-width:760px){.search-discovery{width:100%;max-width:none;padding:20px;border-radius:18px;max-height:65vh}.search-suggestion-list{grid-template-columns:1fr}}
+
+
+
+.search-discovery{width:760px;max-width:none;padding:36px;border-radius:24px;background:#0d0d0d;border:1px solid #ffffff20;box-shadow:0 22px 65px #0009;scrollbar-width:thin;scrollbar-color:#414141 #0d0d0d;overscroll-behavior:contain}
+.search-discovery-heading{margin-bottom:22px}.search-discovery-heading h2{font-size:18px;font-weight:650}
+.search-history-section{padding-bottom:28px;border-bottom:1px solid #ffffff12}.search-history-tags{margin:0;min-height:28px}.search-discovery-status{font-size:14px;line-height:1.8;margin:0}
+.search-ranking-section{padding:28px 0;border-bottom:1px solid #ffffff12}.search-picks-section{padding-top:28px}
+.search-suggestion-list{display:flex;flex-direction:column;gap:4px}
+.top .search .search-suggestion-list button{padding:10px 0;min-height:46px;gap:14px;border-radius:8px}
+.search-suggestion-list .suggestion-number{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#282828;color:#969696;font-size:16px;font-weight:400;font-style:normal}
+.search-suggestion-list button:nth-child(1) .suggestion-number{background:linear-gradient(135deg,#ffd095,#ed9b3b);color:#fff}
+.search-suggestion-list button:nth-child(2) .suggestion-number{background:linear-gradient(135deg,#d3eaf7,#8aaebd);color:#fff}
+.search-suggestion-list button:nth-child(3) .suggestion-number{background:linear-gradient(135deg,#ffd0b5,#df9277);color:#fff}
+.suggestion-copy{flex:1}.suggestion-copy strong{font-size:16px;color:#c6c6c6}.suggestion-heat{margin-left:auto;white-space:nowrap;font-size:14px;color:#858585}
+.top .search .search-discovery #search-clear,.top .search .search-discovery #search-picks-refresh{color:var(--accent)!important;font-size:14px;padding:4px 0}
+.top .search .search-discovery #search-panel-close{padding:4px;margin-left:8px}.top .search #search-panel-close svg{width:22px;height:22px}
+.search-picks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
+.top .search .search-discovery .search-pick{display:block;min-width:0;width:100%;padding:0;border-radius:12px;overflow:hidden;background:#191919;text-align:left}
+.search-pick-cover{display:block;position:relative;overflow:hidden}.search-pick-cover>img{display:block;width:100%;height:auto;transition:transform .3s}.search-pick:hover .search-pick-cover>img{transform:scale(1.05)}
+.search-pick-body{display:grid;gap:8px;padding:12px 10px}.search-pick-body strong,.search-pick-body small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-pick-body strong{font-size:14px;color:#eee;font-weight:600}.search-pick-body small{font-size:12px;color:#777}
+.search-pick .cover-corner-badge{top:6px;right:6px;font-size:10px;line-height:16px;min-height:22px;padding:3px 6px}.search-pick .drama-episodes{font-size:12px}
+@media(max-width:760px){.search-discovery{padding:22px;border-radius:20px}.search-discovery-heading h2{font-size:16px}.suggestion-copy strong{font-size:14px}.suggestion-heat{font-size:12px}.search-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.search-history-section{padding-bottom:22px}.search-ranking-section{padding:22px 0}.search-picks-section{padding-top:22px}}
+
+
+
+/* Lift the entire header context, not only the popup inside the blurred form. */
+.top{position:relative;z-index:100;overflow:visible}
+.top .search{position:relative;z-index:30;overflow:visible}
+.top .header-actions{position:relative;z-index:20}
+.top .search-discovery{z-index:1000}
+.home-content{position:relative;z-index:0;isolation:isolate}
+
+
+
+.search-discovery{padding:24px;border-radius:18px}
+.search-discovery-heading{margin-bottom:16px}.search-discovery-heading h2{font-size:16px}
+.search-history-section{padding-bottom:20px}.search-ranking-section{padding:20px 0}.search-picks-section{padding-top:20px}
+.top .search .search-suggestion-list button{min-height:38px;padding:6px 0;gap:10px}
+.search-suggestion-list .suggestion-number{width:24px;height:24px;flex-basis:24px;font-size:14px}
+.suggestion-copy strong{font-size:14px}.suggestion-heat{font-size:12px}.search-discovery-status{font-size:12px}
+.search-picks-grid{gap:10px}.search-pick-body{padding:9px 8px;gap:5px}.search-pick-body strong{font-size:12px}.search-pick-body small{font-size:12px}
+@media(max-width:760px){.search-discovery{padding:18px}}
+
+
+
+.search-discovery{max-height:none;overflow:visible;transform-origin:top left;transform:scale(var(--search-panel-scale,1));animation:none;padding:20px}
+.search-history-section{padding-bottom:16px}.search-ranking-section{padding:16px 0}.search-picks-section{padding-top:16px}.search-discovery-heading{margin-bottom:12px}
+.search-suggestion-list{gap:2px}.top .search .search-suggestion-list button{min-height:34px;padding:4px 0}
+@media(max-width:760px){.search-discovery{padding:16px;max-height:none}.search-picks-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.search-pick-body{padding:8px 5px}.search-pick-body small{display:none}.search-pick-body strong{font-size:10px}}
+
+
+.search-picks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
+
+.top .search button .search-icon-solid{fill:currentColor;stroke:none;color:#fff}
+
+
+.editorial-copy button{margin-top:36px;transition:color .2s,border-color .2s}
+.editorial-copy button:hover,.editorial-copy button:focus-visible{color:var(--accent)!important;border-bottom-color:var(--accent)}
+
+
+
+.hero .eyebrow b{color:#fff}
+.hero .actions .primary{border-radius:999px;padding-left:26px;padding-right:26px}
+
+
+.hero-rating span:first-child{font-size:12px;letter-spacing:0;color:#b5c2be}
+
+
+@media(min-width:761px){.home-content .hero{--hero-content-bottom:76px}.home-content .hero-content,.home-content .hero-previews{bottom:var(--hero-content-bottom)}}
+
+
+
+.home-content .hero-previews{right:72px;width:min(450px,calc(48% - 72px))}
+.hero-preview-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#13141466;font-size:22px;line-height:1;transition:background .2s,border-color .2s,color .2s}
+.hero-preview-arrow.prev{left:-44px}.hero-preview-arrow.next{right:-44px}
+.hero-preview-arrow:hover,.hero-preview-arrow:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff!important}
+.home-content .hero-bottom{right:72px}
+@media(max-width:760px){.home-content .hero-previews{left:58px;right:58px;width:auto;max-width:none;gap:6px}.hero-preview-arrow{width:30px;height:30px;font-size:20px}.hero-preview-arrow.prev{left:-38px}.hero-preview-arrow.next{right:-38px}.home-content .hero-bottom{right:24px}}
+
+
+
+.hero-preview-arrow{width:34px;height:48px;border:0;border-radius:0;background:transparent;box-shadow:none}
+.hero-preview-arrow svg{width:30px;height:38px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:square;stroke-linejoin:miter}
+.hero-preview-arrow:hover,.hero-preview-arrow:focus-visible{background:transparent;border:0;color:var(--accent)!important}
+@media(max-width:760px){.hero-preview-arrow{width:30px;height:42px}.hero-preview-arrow svg{width:26px;height:32px}}
+
+
+
+.home-content .section-head button{transition:color .2s}
+.home-content .section-head button>span{display:inline-block;transition:none}
+.home-content .section-head button:hover,.home-content .section-head button:focus-visible{color:var(--accent)!important}
+.home-content .section-head button:hover>span,.home-content .section-head button:focus-visible>span{transform:none}
+
+
+
+.topic-recommendation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
+.topic-recommendation-card{position:relative;display:block;min-width:0;aspect-ratio:16/9;border-radius:14px;overflow:hidden;isolation:isolate;background:#242424}
+.topic-recommendation-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease,filter .4s ease}
+.topic-recommendation-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,transparent 28%,#0009 100%);z-index:1;pointer-events:none}
+.topic-recommendation-card:hover>img{transform:scale(1.045);filter:brightness(1.08)}
+.topic-recommendation-brand{position:absolute;z-index:2;left:12px;top:10px;display:flex;align-items:center;gap:5px;color:#fff;font-size:10px;font-weight:600;text-shadow:0 1px 4px #0009}.topic-recommendation-brand img{width:22px;height:22px;object-fit:contain}
+.topic-recommendation-copy{position:absolute;z-index:2;left:18px;right:16px;bottom:16px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#fff}
+.topic-recommendation-copy small{padding:3px 7px;border-radius:5px;background:#0009;color:var(--accent);font-size:12px;line-height:1.4}
+.topic-recommendation-copy :is(strong,h2,h3){margin:0;font-size:18px;line-height:1.3;font-weight:600;text-shadow:0 2px 8px #0008}
+.home-content .section-head .topic-more{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;border:1px solid #ffffff08;background:#ffffff05;color:#b8b8b8;font-size:12px;transition:color .2s,background .2s}.topic-more span{font-size:20px;line-height:1;transition:none}.home-content .section-head .topic-more:hover,.home-content .section-head .topic-more:focus-visible{color:var(--accent);background:#FFC00012}.topic-more:hover span{transform:none}
+@media(max-width:1180px){.topic-recommendation-grid{gap:14px}.topic-recommendation-copy{left:12px;bottom:12px;gap:5px}.topic-recommendation-copy :is(strong,h2,h3){font-size:16px}.topic-recommendation-brand{font-size:10px;top:8px;left:9px}.topic-recommendation-brand img{width:18px;height:18px}}
+@media(max-width:760px){.topic-recommendation-grid{grid-template-columns:minmax(0,1fr);gap:12px}.topic-recommendation-card{border-radius:10px}.topic-recommendation-copy :is(strong,h2,h3){font-size:14px}.topic-recommendation-copy small{font-size:10px}.topic-recommendation-brand{display:none}}
+
+
+
+.home-content .section-head .topic-more{gap:12px;padding:6px 0;border:0;border-radius:0;background:none;color:#fff;font-size:12px;transition:color .2s}
+.home-content .section-head .topic-more span{font-size:inherit;line-height:inherit;transition:none}
+.home-content .section-head .topic-more:hover,.home-content .section-head .topic-more:focus-visible{color:var(--accent);background:none}
+.home-content .section-head .topic-more:hover span,.home-content .section-head .topic-more:focus-visible span{transform:none}
+
+
+
+#twist-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;background:transparent;border:0;border-radius:0;padding:0}
+#twist-cards .rank-caption>strong{color:#858c92}
+#twist-cards .ranked-card:nth-child(-n+3) .rank-caption>strong{color:var(--accent)}
+@media(max-width:1180px){#twist-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}}
+@media(max-width:760px){#twist-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
+.side>nav>a[data-page="rank"]{--qq-icon-selected:url("/assets/2699fa102e73d8c8.svg")}
+.side>nav>a[data-page="home-road"]{--qq-icon-selected:url("/assets/92fc7fda98f7db04.svg")}
+.side>nav>a[data-page="apps"]{--qq-icon-selected:url("/assets/3482d6856aee853d.svg")}
+html .side>nav>a[data-page="rank"].active .qq-nav-icon{-webkit-mask-size:contain;mask-size:contain}
+
+
+
+#martial-cards .drama-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.7;max-height:3.4em}
+
+
+
+.home-content{--promotion-gap:24px}
+.home-content>.home-promotions{margin-top:calc(24px - var(--module-gap));margin-bottom:calc(var(--promotion-gap) - var(--module-gap))}
+.home-promotions{width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--promotion-gap)}
+.announcement-bar{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;gap:18px;min-height:44px;padding:10px 16px;border-radius:10px;background:#FFC0000b;border:1px solid #FFC0001c}
+.announcement-label{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--accent);font-size:14px;font-weight:600}.announcement-label svg{width:20px;height:20px;stroke-width:1.8}
+.announcement-viewport{min-width:0;flex:1;overflow:hidden;color:#babac0;font-size:14px;line-height:22px}
+.announcement-track{display:flex;width:max-content;animation:announcement-scroll var(--announcement-duration,70s) linear infinite;will-change:transform}.announcement-track>span{display:block;flex-shrink:0;white-space:nowrap}
+.announcement-bar:hover .announcement-track,.announcement-bar:focus-within .announcement-track{animation-play-state:paused}
+.promo-marquee{width:100%;min-width:0;overflow:hidden;border-radius:12px;position:relative}
+.promo-track{display:flex;width:max-content;animation:promo-scroll 65s linear infinite;will-change:transform}
+.promo-group{display:flex;flex-shrink:0;gap:18px;padding-right:18px}
+.promo-tile{display:block;flex:0 0 132px;width:132px;text-align:center;color:#c7c7cc;padding:2px 0 4px}
+.promo-tile-image{display:block;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:#252529}
+.promo-tile-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s,filter .3s}
+.promo-tile strong{display:block;margin-top:10px;font-size:14px;line-height:1.5;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.promo-tile:hover{color:var(--accent)}.promo-tile:hover img{transform:scale(1.04);filter:brightness(1.08)}
+.promo-marquee:hover .promo-track,.promo-marquee:focus-within .promo-track{animation-play-state:paused}
+@keyframes promo-scroll{to{transform:translateX(-50%)}}@keyframes announcement-scroll{to{transform:translateX(-50%)}}
+@media(max-width:760px){.home-content>.home-promotions{margin-top:calc(18px - var(--module-gap))}.home-content{--promotion-gap:18px}.announcement-bar{padding:9px 12px;gap:12px}.announcement-label,.announcement-viewport{font-size:12px}.promo-tile{width:96px;flex-basis:96px}.promo-group{gap:12px;padding-right:12px}.promo-tile strong{font-size:12px}.promo-tile-image{border-radius:10px}}
+@media(prefers-reduced-motion:reduce){.promo-track,.announcement-track{animation:none}.promo-marquee,.announcement-viewport{overflow-x:auto}.promo-group[aria-hidden="true"],.announcement-track>span+span{display:none}}
+
+
+
+#martial-cards .martial-description{display:block;white-space:normal;line-height:1.7;height:3.4em;max-height:none;min-width:0;width:100%}
+#martial-cards .martial-description>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.7}
+
+
+
+.header-actions .account-entry:not(.is-logged-in) .account-avatar{background:transparent;border:0;box-shadow:none}
+.account-avatar .guest-avatar-image{display:block;width:100%;height:100%;object-fit:contain}
+.account-entry:not(.is-logged-in) .account-avatar>svg{display:none}
+.account-entry.is-logged-in .guest-avatar-image{display:none}
+
+
+.promo-tile-image{aspect-ratio:1/1}.promo-tile-image img{object-fit:contain;object-position:center}.promo-tile:hover img{transform:none}
+
+
+.side>nav>a[data-page="rank"].active .qq-nav-icon,
+.side>nav>a[data-page="home-road"].active .qq-nav-icon,
+.side>nav>a[data-page="apps"].active .qq-nav-icon{-webkit-mask-image:var(--qq-icon);mask-image:var(--qq-icon)}
+html .side>nav>a[data-page="rank"].active .qq-nav-icon{-webkit-mask-size:32px 32px;mask-size:32px 32px}
+html:not(.sidebar-collapsed) .side>nav>a[data-page="rank"].active .qq-nav-icon{-webkit-mask-size:37px 37px;mask-size:37px 37px}
+
+
+
+.promo-marquee{overflow:visible}.promo-track{display:block;width:100%;animation:none!important;transform:none;will-change:auto}
+.promo-group{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:14px;padding:0;width:100%}
+.promo-tile{width:auto;min-width:0;padding:0}.promo-tile-image{border-radius:22%;aspect-ratio:1}.promo-tile strong{margin-top:8px;font-size:12px}
+.page-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0;border:0;font-size:16px;line-height:1.5;color:#8d8d95}
+.page-breadcrumb a{color:#8d8d95}.page-breadcrumb a:hover{color:var(--accent)}.page-breadcrumb [aria-current="page"]{color:var(--accent)}.page-breadcrumb .breadcrumb-separator{color:#777780}
+.channel-shell>.info-heading,.info-shell>.info-heading{padding:30px 0 28px}.channel-shell>.info-heading>small,.info-shell>.info-heading>small{display:none}.channel-shell>.info-heading h1,.info-shell>.info-heading h1{font-size:32px;line-height:1.3;margin:0;font-weight:650;letter-spacing:0}
+#channel-page[data-channel="shorts"] #channel-subtitle{display:none}
+#channel-page[data-channel="shorts"] #channel-content>.channel-tabs{display:flex;gap:44px;padding:0;margin:0 0 28px;border:0;overflow-x:auto}
+#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button{position:relative;flex-shrink:0;padding:12px 0 20px;border:0;border-radius:0;background:none;color:#919198!important;font-size:20px}
+#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button[aria-pressed="true"]{color:var(--accent)!important}@media(hover:hover) and (pointer:fine){#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button:hover{color:var(--accent)!important}}
+#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button[aria-pressed="true"]::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:5px;border-radius:99px;background:var(--accent);box-shadow:0 0 12px #FFC00055}
+@media(max-width:1180px){.promo-group{grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 14px}}
+@media(max-width:760px){.promo-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}.page-breadcrumb{font-size:14px;gap:9px}.channel-shell>.info-heading,.info-shell>.info-heading{padding:24px 0}.channel-shell>.info-heading h1,.info-shell>.info-heading h1{font-size:26px}#channel-page[data-channel="shorts"] #channel-content>.channel-tabs{gap:22px}#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button{font-size:16px}}
+
+
+
+.promo-tile-image img{transition:transform .3s ease,filter .3s ease}
+.promo-tile:hover .promo-tile-image img,.promo-tile:focus-visible .promo-tile-image img{transform:scale(1.08);filter:brightness(1.06)}
+@media(prefers-reduced-motion:reduce){.promo-tile:hover .promo-tile-image img,.promo-tile:focus-visible .promo-tile-image img{transform:none}}
+
+
+
+html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle{height:48px;min-height:48px;gap:9px}
+html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-logo{width:40px;height:40px;flex-basis:40px;border-radius:11px}
+html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle .brand-wordmark{width:90px;max-width:100%;height:auto}
+.side .sidebar-header .brand-copy{gap:5px}.side .sidebar-header .brand-tagline{font-size:10px;letter-spacing:1px}
+.side>nav>#sidebar-toggle{display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;margin:0 12px 10px;border-radius:7px;gap:0}
+.side>nav>#sidebar-toggle svg{width:16px;height:16px;flex-basis:16px}
+.sidebar-collapsed .side>nav>#sidebar-toggle{margin:0 auto 10px}
+.announcement-label .announcement-solid-icon{width:20px;height:20px;fill:currentColor;stroke:none}
+
+
+
+.side .sidebar-header{position:relative;gap:8px;min-height:44px}
+html:not(.sidebar-collapsed) .side .sidebar-header>.sidebar-logo-toggle{height:44px;min-height:44px;flex:1;overflow:hidden}
+.sidebar-brand-window{display:block;width:125px;height:36px;overflow:hidden;flex-shrink:0}
+.side .sidebar-header .sidebar-brand{display:block;width:125px;max-width:none;height:36px;object-fit:contain}
+.side .sidebar-header>#sidebar-toggle{width:28px;height:32px;margin:0;padding:0;min-height:32px}
+.side .sidebar-header>#sidebar-toggle svg{fill:none;stroke:currentColor;width:18px;height:18px}
+.sidebar-collapsed .side .sidebar-header{justify-content:center;padding:0;height:44px}
+.sidebar-collapsed .side .sidebar-header>.sidebar-logo-toggle{width:36px;height:36px;min-height:36px;margin:0;flex:none}
+.sidebar-collapsed .sidebar-brand-window{width:36px}
+.sidebar-collapsed .side .sidebar-header>#sidebar-toggle{position:absolute;width:44px;height:44px;inset:0;margin:auto;opacity:0;background:transparent;transition:opacity .16s}
+.sidebar-collapsed .sidebar-header:not(.just-collapsed):hover>#sidebar-toggle,.sidebar-collapsed .sidebar-header:not(.just-collapsed):has(> #sidebar-toggle:focus-visible)>#sidebar-toggle{opacity:1}
+.sidebar-collapsed .sidebar-header:not(.just-collapsed):hover .sidebar-brand-window,.sidebar-collapsed .sidebar-header:not(.just-collapsed):has(> #sidebar-toggle:focus-visible) .sidebar-brand-window{opacity:0}
+.side .sidebar-social{display:flex;justify-content:center;gap:12px;flex-shrink:0;padding:18px 0 0;margin-top:auto}
+.side .sidebar-social a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ffffff12;color:#fff;transition:background .18s,color .18s}
+.side .sidebar-social a:hover{background:var(--accent)}
+.side .sidebar-social svg,.side .sidebar-social img{width:20px;height:20px;object-fit:contain;fill:currentColor;stroke:none}
+.sidebar-collapsed .side .sidebar-social{flex-direction:column;align-items:center;gap:10px}
+.sidebar-collapsed .side .collapsed-help{display:none!important}
+#martial-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
+#martial-cards .curated-card{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:18px;padding:16px}
+#martial-cards .curated-copy{min-width:0;padding:0}
+#martial-cards .curated-copy h3{font-size:22px;margin-bottom:10px}
+#martial-cards .curated-copy .pick{margin-bottom:12px}
+#martial-cards .curated-copy .watch-link{padding:10px 12px;gap:16px;margin-top:16px}
+.wide-ad-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
+.wide-ad{display:block;margin:0;aspect-ratio:840/97;overflow:hidden;border-radius:10px;background:#142655}
+.wide-ad img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
+@media(max-width:1180px){#martial-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-brand-window{width:112px;height:32.256px}.side .sidebar-header .sidebar-brand{width:112px;height:32.256px;object-fit:contain}.sidebar-collapsed .side .sidebar-header .sidebar-brand{width:125px;height:36px;object-fit:contain}.sidebar-collapsed .sidebar-brand-window{height:36px}}
+@media(max-width:760px){#martial-cards{grid-template-columns:1fr}.wide-ad-row{gap:10px}.wide-ad{border-radius:6px}}
+
+
+
+.sidebar-collapsed .side .sidebar-header{width:44px;height:44px;min-height:44px;margin:0 auto;flex:none}
+.sidebar-collapsed .side .sidebar-header .sidebar-brand-window{width:36px;height:36px;border-radius:50%;overflow:hidden;opacity:1;transition:opacity .15s}
+.sidebar-collapsed .side .sidebar-header .sidebar-brand{width:125px;height:36px;max-width:none;object-fit:contain}
+.sidebar-collapsed .side .sidebar-header>#sidebar-toggle{display:grid;width:44px;height:44px;min-height:44px;border-radius:12px;opacity:0;cursor:pointer;color:#fff;background:transparent;z-index:2}
+.sidebar-collapsed .side .sidebar-header:not(.just-collapsed):hover .sidebar-brand-window,.sidebar-collapsed .side .sidebar-header:not(.just-collapsed):has(> #sidebar-toggle:focus-visible) .sidebar-brand-window{opacity:0}
+.sidebar-collapsed .side .sidebar-header:not(.just-collapsed):hover>#sidebar-toggle,.sidebar-collapsed .side .sidebar-header:not(.just-collapsed):has(> #sidebar-toggle:focus-visible)>#sidebar-toggle{opacity:1;background:#ffffff0d}
+.sidebar-collapsed .side .sidebar-header>#sidebar-toggle svg{width:22px;height:22px}
+@media(prefers-reduced-motion:reduce){.sidebar-collapsed .side .sidebar-header .sidebar-brand-window,.sidebar-collapsed .side .sidebar-header>#sidebar-toggle{transition:none}}
+
+
+
+/* Subtle individual tints matched to the original card background intensity. */
+#martial-cards .curated-card[data-open="3"]{background:#20251f}
+#martial-cards .curated-card[data-open="0"]{background:#25211f}
+#martial-cards .curated-card[data-open="2"]{background:#251f20}
+#martial-cards .curated-card[data-open="5"]{background:#211f24}
+#martial-cards .curated-card[data-open="1"]{background:#1e2226}
+#martial-cards .curated-card[data-open="4"]{background:#252124}
+
+
+
+.download-panel-brand .download-brand-complete{display:block;width:184px;max-width:100%;height:auto;aspect-ratio:92/24;object-fit:contain}
+.header-actions .account-avatar .member-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
+.bottom-app-prompt{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:34px 40px;border:1px solid #ffffff12;border-radius:24px;background:linear-gradient(110deg,#28170c 0%,#1b120d 48%,#141416 100%)}
+.bottom-app-eyebrow{display:flex;align-items:center;gap:14px;color:#FFD24D;font-size:16px;letter-spacing:2px;margin-bottom:14px}
+.bottom-app-eyebrow::before{content:"";width:24px;height:2px;background:currentColor}
+.bottom-app-copy h2{margin:0 0 14px;font-size:clamp(20px,2vw,28px);line-height:1.45;color:#f4f1f3}
+.bottom-app-copy p{margin:0 0 12px;color:#a9a0a8;font-size:16px}
+.bottom-app-copy small{color:#807782;font-size:14px}
+.bottom-app-download{display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-width:240px;padding:20px 36px;border:0;border-radius:999px;background:linear-gradient(110deg,#FFD24D,#FFC000 55%,#CC9900);font-size:20px;font-weight:600;transition:filter .2s,transform .2s;cursor:pointer}
+.bottom-app-download svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+.bottom-app-download:hover{filter:brightness(1.13);transform:translateY(-2px)}
+@media(max-width:760px){.bottom-app-prompt{align-items:flex-start;flex-direction:column;padding:26px 24px;gap:24px;border-radius:18px}.bottom-app-download{min-width:0;width:100%;font-size:18px;padding:16px 24px}.bottom-app-copy p{font-size:14px}}
+@media(prefers-reduced-motion:reduce){.bottom-app-download{transition:none}.bottom-app-download:hover{transform:none}}
+
+
+
+.history-dialog{width:min(440px,calc(100vw - 32px));max-height:80dvh;padding:28px;border:1px solid #ffffff18;border-radius:20px;background:#202124;color:#f4f2f4}
+.history-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
+.history-dialog h2{font-size:22px;margin:0 36px 8px 0}.history-note{color:#96969f;font-size:14px;margin:0}.history-empty{color:#a5a5ae;font-size:14px;line-height:1.8;padding:24px 0}
+.history-dialog .account-history-list{margin-top:20px;max-height:50dvh}.history-clear{display:block;margin:20px 0 0 auto;border:0;background:transparent;font-size:14px;color:#aaa;cursor:pointer}.history-clear:hover{color:var(--accent)!important}.history-clear[hidden]{display:none}
+
+
+
+.app-download-dialog{width:min(460px,calc(100vw - 32px));padding:36px 30px 26px;max-height:90dvh;overflow:auto;background:#202124;color:#f5f3f5;border:1px solid #ffffff1c;border-radius:24px;text-align:center;box-shadow:0 24px 80px #0008}
+.app-download-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.app-download-dialog h2{margin:0 22px 10px;font-size:24px}.app-download-intro{margin:0;color:#a6a3ad;font-size:14px}
+
+.app-download-code{width:220px;height:220px;display:grid;place-items:center;margin:24px auto 0;background:white;padding:14px;border-radius:16px}.app-download-code img{width:192px;height:192px;image-rendering:pixelated}#app-platform-caption{color:#b3afb9;font-size:14px;margin:16px 0 22px}
+.app-download-link{display:flex;flex-direction:column;align-items:center;gap:14px}.app-download-link input{width:100%;min-width:0;border:0;background:transparent;color:#9995a0;font-size:12px;padding:8px;text-align:center;outline-offset:2px}.app-download-link button{min-width:220px;border:0;background:linear-gradient(110deg,#FFD24D,#FFC000 55%,#CC9900);color:#fff;padding:14px 32px;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:filter .2s}.app-download-link button:hover{filter:brightness(1.12)}
+.app-copy-status{min-height:20px;font-size:12px;color:#ffb18b;margin:10px 0 0}.app-download-demo{font-size:12px;color:#87838d;margin:6px 0 0}
+@media(max-width:480px){.app-download-dialog{padding:32px 20px 24px}}
+
+
+
+.channel-shell #channel-content .cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 20px}
+.channel-ranked-card{position:relative;min-width:0}.channel-ranked-card>.card{width:100%}
+.channel-rank-number{position:absolute;top:10px;left:10px;z-index:2;display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:8px;background:#17171bd9;color:#99999f;font-size:20px;font-weight:700;pointer-events:none}
+.channel-rank-number.top-three{color:var(--accent)}
+.channel-ranking-cards>.empty{grid-column:1/-1}
+@media(max-width:1000px){.channel-shell #channel-content .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}}
+@media(max-width:600px){.channel-shell #channel-content .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
+
+
+
+.channel-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;margin:44px 0 20px;color:#92929b;font-size:14px}.pagination-pages{display:flex;align-items:center;gap:10px}.channel-pagination button{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid #ffffff12;border-radius:9px;padding:0 12px;background:#ffffff04;color:#aaa!important;cursor:pointer}.channel-pagination .pagination-pages button:hover:not(:disabled):not([aria-current="page"]){border-color:var(--accent);color:var(--accent)!important}.channel-pagination button[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:#fff!important}.channel-pagination button:disabled{opacity:.3;cursor:default}.pagination-gap{padding:0 4px}.pagination-jump,.pagination-jump label{display:flex;align-items:center;gap:10px}.pagination-jump input{width:50px;height:38px;border:1px solid #ffffff18;border-radius:8px;background:#ffffff05;color:#eee;text-align:center;padding:4px}.pagination-jump input:focus{outline:none;box-shadow:inset 0 0 0 1px #ffffff35}
+#channel-page[data-channel="shorts"] #channel-content>.channel-tabs{padding-bottom:14px;margin-bottom:14px}
+#channel-page[data-channel="shorts"] #channel-content>.channel-tabs button[aria-pressed="true"]::after{width:24px;height:5px;background:#FFC000;box-shadow:0 0 7px #FFC000cc,0 0 16px #FFC00080,0 0 26px #FFC00045}
+@media(max-width:600px){.channel-pagination{gap:16px;margin-top:30px}.pagination-pages{gap:6px}}
+
+
+
+#channel-page[data-channel="rank"] #channel-subtitle{display:block;color:#909095;font-size:14px;line-height:1.8;margin-top:18px}
+#channel-page[data-channel="rank"] #channel-content>.channel-tabs{gap:16px;margin-bottom:24px;padding:0;border:0}
+#channel-page[data-channel="rank"] .channel-tabs button{min-width:106px;padding:13px 24px;font-size:16px;border:1px solid #ffffff0b;border-radius:9px;background:#1d1d20;color:#929299!important}
+#channel-page[data-channel="rank"] .channel-tabs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff!important}
+#channel-page[data-channel="rank"] .channel-tabs button:hover:not([aria-pressed="true"]){border-color:#FFC00055;color:#FFC000!important}
+#channel-page[data-channel="rank"] .channel-summary{display:none}
+#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}
+.rank-poster-card{display:block;min-width:0;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:#1d1e20;text-align:left;cursor:pointer;transition:background .2s,box-shadow .2s}
+.rank-poster-cover{display:block;position:relative;overflow:hidden;isolation:isolate}
+.rank-poster-cover>img{display:block;width:100%;height:auto;transition:transform .3s}
+.rank-poster-card:hover{background:#242427;box-shadow:0 0 0 1px #FFC00045}
+.rank-poster-card:hover .rank-poster-cover>img{transform:scale(1.035)}
+.rank-poster-cover .drama-episodes{right:10px;bottom:12px;background:#0008;padding:3px 6px;border-radius:5px;font-size:12px}
+.rank-poster-number{position:absolute;bottom:0;left:0;display:grid;place-items:center;width:38px;height:34px;border-radius:0 9px 0 0;background:#626268;color:#eee;font-size:18px;font-weight:600;z-index:2}
+.rank-poster-number.top-three{background:var(--accent);color:white}
+.rank-poster-copy{display:flex;flex-direction:column;gap:9px;padding:12px}
+.rank-poster-copy>strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1.5;font-weight:600;color:#eee}
+.rank-poster-description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.5;color:#939398}
+.rank-poster-tags{display:flex;flex-wrap:wrap;gap:6px}.rank-poster-tags>span{font-size:12px;line-height:1.5;border-radius:7px;padding:3px 7px;background:#FFC00010;border:1px solid #FFC00017;color:#ca7849}
+@media(max-width:1000px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
+@media(max-width:600px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}#channel-page[data-channel="rank"] #channel-content>.channel-tabs{gap:10px}#channel-page[data-channel="rank"] .channel-tabs button{min-width:0;flex:1;padding:11px 12px;font-size:14px}}
+@media(prefers-reduced-motion:reduce){.rank-poster-card,.rank-poster-cover>img{transition:none}.rank-poster-card:hover .rank-poster-cover>img{transform:none}}
+
+
+
+.adult-tabs a{position:relative;display:block;flex-shrink:0;padding:12px 0 20px;background:none;border:0;color:#919198;font-size:20px;text-decoration:none;white-space:nowrap}
+.adult-tabs a[aria-current="page"]{color:var(--accent)}@media(hover:hover) and (pointer:fine){.adult-tabs a:hover{color:var(--accent)}}
+.adult-tabs a[aria-current="page"]::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:5px;border-radius:99px;background:#FFC000;box-shadow:0 0 7px #FFC000cc,0 0 16px #FFC00080,0 0 26px #FFC00045}
+@media(max-width:760px){#channel-page[data-channel="series"] #channel-content>.adult-tabs{gap:22px}.adult-tabs a{font-size:16px}}
+
+
+
+#channel-page .info-heading>#channel-subtitle,#channel-page[data-channel] .info-heading>#channel-subtitle,#info-page .info-heading>#info-subtitle{display:none;margin:0;padding:0}
+
+
+
+#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px}
+.rank-poster-card{background:transparent;border-radius:0;overflow:visible;box-shadow:none;align-self:start}
+.rank-poster-card:hover{background:transparent;box-shadow:none}
+.rank-poster-cover{border-radius:8px;overflow:hidden}
+.rank-poster-copy{position:relative;display:flex;flex-direction:column;gap:7px;padding:24px 0 0}
+.rank-poster-number{position:absolute;left:0;top:-24px;width:auto;min-width:0;height:auto;padding:0;border-radius:0;background:none;color:#8e8e97;font:800 46px/1 var(--font-ui);letter-spacing:-2px;text-shadow:-2px -2px 0 #121414,2px -2px 0 #121414,-2px 2px 0 #121414,2px 2px 0 #121414}
+.rank-poster-number.top-three{background:none;color:var(--accent)}
+.rank-poster-copy>strong{font-size:16px;line-height:1.5;font-weight:600;transition:color .2s}
+.rank-poster-card:hover .rank-poster-copy>strong{color:var(--accent)}
+.rank-compact-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;color:#909096;font-size:12px;line-height:1.5}
+.rank-compact-heat{display:inline-flex;align-items:center;gap:4px;color:#c47b52;white-space:nowrap}
+.rank-compact-heat svg{width:13px;height:13px;fill:currentColor;stroke:none}
+@media(max-width:1000px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
+@media(max-width:600px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.rank-poster-number{font-size:40px;top:-21px}.rank-poster-copy{padding-top:22px}}
+
+
+
+.channel-pagination{gap:24px;margin:48px 0 28px;font-size:16px}.pagination-pages{gap:14px}
+.channel-pagination .pagination-pages button{width:50px;min-width:50px;height:50px;padding:0;border:0;border-radius:50%;background:#28282b;font-size:18px;color:#aaa!important}
+.channel-pagination .pagination-pages button[aria-current="page"]{background:var(--accent);color:#fff!important}
+.channel-pagination .pagination-pages button:hover:not(:disabled):not([aria-current="page"]){background:#343438}
+.channel-pagination .pagination-pages button:disabled{opacity:.4}.pagination-gap{padding:0 8px;color:#94949b}
+.pagination-jump,.pagination-jump label{gap:12px}.pagination-jump input{width:76px;height:50px;border:0;border-radius:999px;background:#28282b;font-size:16px;appearance:textfield;-moz-appearance:textfield}
+.pagination-jump input::-webkit-inner-spin-button,.pagination-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
+.channel-pagination .pagination-jump button{height:50px;min-width:102px;border:0;border-radius:999px;background:var(--accent);color:#fff!important;font-size:16px;padding:0 26px}.channel-pagination .pagination-jump button:hover:not(:disabled),.channel-pagination .pagination-jump button:focus-visible{color:#fff!important;background:var(--accent);filter:brightness(1.1)}
+@media(max-width:600px){.channel-pagination{gap:18px;font-size:14px}.pagination-pages{gap:8px}.channel-pagination .pagination-pages button{width:40px;min-width:40px;height:40px;font-size:16px}.pagination-jump input,.channel-pagination .pagination-jump button{height:42px}}
+
+
+
+#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 20px}
+.channel-ranking-cards .cover{position:relative}
+.rank-home-badge{position:absolute;left:0;bottom:0;z-index:3;display:grid;place-items:center;min-width:48px;height:40px;padding:0 10px;border-radius:10px 10px 10px 0;background:linear-gradient(120deg,#535454,#797a7b);color:#fff;font-size:24px;line-height:1;font-weight:600;pointer-events:none}
+.rank-home-badge[data-rank="1"]{background:linear-gradient(120deg,#ee9641,#ffc17e)}
+.rank-home-badge[data-rank="2"]{background:linear-gradient(120deg,#92b4c7,#c0ddec)}
+.rank-home-badge[data-rank="3"]{background:linear-gradient(120deg,#da896c,#ffb59b)}
+@media(max-width:1000px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
+@media(max-width:600px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.rank-home-badge{min-width:38px;height:32px;font-size:20px;border-radius:8px 8px 8px 0}}
+
+
+
+#channel-page[data-channel="apps"] .benefits-directory{max-width:none}
+#channel-page[data-channel="apps"] .benefits-directory>.channel-tabs{position:static;gap:14px;padding:0;border:0;margin-bottom:34px;background:transparent}
+#channel-page[data-channel="apps"] .channel-tabs button{border:1px solid #ffffff0c;border-radius:9px;background:#202022;padding:12px 22px;font-size:16px;color:#99999f!important}
+#channel-page[data-channel="apps"] .channel-tabs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:white!important}
+#channel-page[data-channel="apps"] .benefit-section{padding:0;margin:0 0 42px;border:0;scroll-margin-top:28px}
+#channel-page[data-channel="apps"] .benefit-heading{margin-bottom:20px}
+#channel-page[data-channel="apps"] .benefit-heading h2{font-size:22px;margin:0 0 9px}
+#channel-page[data-channel="apps"] .benefit-heading p{font-size:14px;color:#85858e;margin:0}
+#channel-page[data-channel="apps"] .benefit-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:22px;max-width:1440px}
+#channel-page[data-channel="apps"] .benefit-grid>[hidden]{display:none}
+#channel-page[data-channel="apps"] .benefit-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:auto;min-height:0;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}
+#channel-page[data-channel="apps"] .benefit-card:hover{background:transparent;transform:none}
+#channel-page[data-channel="apps"] .benefit-icon{width:100%;height:auto;max-width:110px;aspect-ratio:1;flex:none;border-radius:22%;overflow:hidden;background:transparent;box-shadow:none}
+.benefit-icon>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
+.benefit-card:hover .benefit-icon>img{transform:scale(1.08)}
+#channel-page[data-channel="apps"] .benefit-copy{display:block;flex:none;min-width:0;width:100%}
+#channel-page[data-channel="apps"] .benefit-copy strong{display:block;font-size:14px;font-weight:500;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ddd}
+#channel-page[data-channel="apps"] .benefit-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;margin-top:4px;color:#818188}
+#channel-page[data-channel="apps"] .benefit-card:hover strong{color:var(--accent)}
+#channel-page[data-channel="apps"] .benefit-expand{display:block;position:static;clear:both;margin:28px auto 0;padding:8px 18px;border:0;border-radius:999px;background:transparent;font-size:14px;color:#9898a0!important}
+#channel-page[data-channel="apps"] .benefit-expand:hover{color:var(--accent)!important;background:#ffffff05}
+@media(max-width:1100px){#channel-page[data-channel="apps"] .benefit-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px}}
+@media(max-width:600px){#channel-page[data-channel="apps"] .benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}#channel-page[data-channel="apps"] .channel-tabs button{padding:10px 14px;font-size:14px}#channel-page[data-channel="apps"] .benefit-copy strong{font-size:12px}#channel-page[data-channel="apps"] .benefit-heading h2{font-size:18px}}
+@media(prefers-reduced-motion:reduce){.benefit-icon>img{transition:none}.benefit-card:hover .benefit-icon>img{transform:none}}
+
+
+
+@media(max-width:1100px){#channel-page[data-channel="apps"] .benefit-grid{grid-template-columns:repeat(var(--compact-app-columns),minmax(0,1fr))}}
+@media(max-width:600px){#channel-page[data-channel="apps"] .benefit-grid{gap:20px 10px}}
+
+
+
+.return-home-directory{display:flex;flex-direction:column;gap:36px;padding-bottom:36px}.return-hero{padding:38px 40px;border:1px solid #FFC00025;border-radius:22px;background:radial-gradient(ellipse at top left,#FFC00020,transparent 70%),#19191d}.return-eyebrow{font-size:14px;color:#ff8b5a;letter-spacing:2px}.return-hero h2{font-size:30px;line-height:1.4;margin:15px 0 12px}.return-hero p{font-size:14px;color:#9b98a2;margin:0 0 24px}.return-actions,.return-card-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.return-actions a,.return-actions button{display:inline-flex;gap:18px;padding:13px 24px;border-radius:999px;border:1px solid #ffffff18;background:#ffffff05;font-size:14px;color:white}.return-actions a{background:var(--accent);border-color:var(--accent)}.return-actions a:hover{filter:brightness(1.1)}.return-actions button:hover{background:#ffffff10}
+.return-section-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.return-section-head h2{font-size:20px;margin:0}.return-section-head>span{font-size:12px;color:#8e8995}.return-address-grid,.return-contact-grid,.return-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.return-address-card{border:1px solid #ffffff10;border-radius:16px;padding:24px;background:#1b1c20}.return-card-label{font-size:12px;color:#9a949f}.return-address-card>strong{display:block;font-size:24px;margin:16px 0 24px;overflow-wrap:anywhere}.return-card-actions a,.return-card-actions button{padding:9px 16px;border:1px solid #ffffff14;border-radius:999px;background:transparent;font-size:14px;color:#c0bac6}.return-card-actions a{color:#ff986e;border-color:#FFC00030;background:#FFC0000e}
+.return-permanent{border:1px solid #ffffff10;border-radius:16px;background:#1b1c20;padding:0 24px}.return-permanent-row{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #ffffff09}.return-permanent-row:last-child{border-bottom:0}.return-permanent-row>span{font-size:14px;color:#96909e}.return-permanent-row a{font-size:18px}.return-permanent-row button{padding:9px 17px;background:#ffffff06;border:1px solid #ffffff12;border-radius:999px;font-size:12px}.return-home-directory button{cursor:pointer}.return-card-actions button:hover,.return-permanent-row button:hover{background:#FFC00028;border-color:#FFC00055}
+.return-contact-card{display:flex;align-items:center;gap:14px;padding:22px;border:1px solid #ffffff10;border-radius:16px;background:#1b1c20}.return-contact-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;background:#FFC00017;color:#ff8b5a;font-size:20px;font-weight:600}.return-contact-card strong{display:block;font-size:16px}.return-contact-card small{display:block;color:#918a99;font-size:12px;margin-top:6px}.return-contact-arrow{margin-left:auto;color:#999}.return-contact-card:hover{border-color:#FFC00055}.return-help-grid article{padding:24px;border:1px solid #ffffff0e;border-radius:16px;background:#ffffff02}.return-help-grid article>span{font-size:26px;font-weight:700;color:#FFC000;opacity:.75}.return-help-grid h3{font-size:16px;margin:12px 0}.return-help-grid p{font-size:14px;line-height:1.8;color:#99929f;margin:0}.return-faq details{border-bottom:1px solid #ffffff10;padding:18px 0}.return-faq summary{font-size:16px;cursor:pointer}.return-faq details p{font-size:14px;line-height:1.8;color:#9a939f;margin-bottom:0}.return-source-note{margin:0;color:#74717b;font-size:12px}.return-copy-status{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:30;border-radius:999px;background:#333039;color:#fff;font-size:14px;max-width:90vw;overflow-wrap:anywhere}.return-copy-status:not(:empty){padding:12px 24px;box-shadow:0 8px 24px #0005}
+@media(max-width:1000px){.return-address-grid,.return-contact-grid,.return-help-grid{gap:14px}.return-address-card,.return-contact-card,.return-help-grid article{padding:18px}.return-address-card>strong{font-size:20px}}
+@media(max-width:760px){.return-address-grid,.return-contact-grid,.return-help-grid{grid-template-columns:1fr}.return-hero{padding:26px 24px}.return-hero h2{font-size:26px}.return-permanent{padding:0 18px}.return-permanent-row{grid-template-columns:1fr auto;gap:10px}.return-permanent-row>span{grid-column:1/-1}.return-permanent-row a{font-size:16px}.return-home-directory{gap:28px}}
+
+
+.return-section-head>.return-section-icon{display:block;width:30px;height:30px;flex:0 0 30px;object-fit:contain}
+.return-permanent-row>a{min-width:0;overflow-wrap:anywhere}
+
+
+.return-contact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
+.return-contact-card{text-align:left;color:inherit;min-width:0}.return-contact-card>span:nth-child(2){min-width:0}
+.return-contact-icon{background:transparent;border-radius:0;width:30px;height:30px;flex:0 0 30px}.return-contact-icon>img{display:block;width:28px;height:28px;object-fit:contain}
+.return-device-heading{display:flex;align-items:center;gap:12px}.return-device-heading>img{display:block;width:28px;height:28px;flex:0 0 28px;object-fit:contain}
+@media(max-width:1180px){.return-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
+@media(max-width:600px){.return-contact-grid{grid-template-columns:1fr}}
+
+
+
+#info-page[data-info="feedback"] .info-layout{display:block}
+#info-page[data-info="feedback"] #info-content{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}#info-page[data-info="feedback"] .info-nav{display:none}
+#feedback-form.feedback-reference{display:flex;flex-direction:column;gap:30px;width:100%;max-width:none;padding:40px 48px;border:1px solid #ffffff0e;border-radius:20px;background:#ffffff04}
+#feedback-form .feedback-part{display:block;min-width:0;margin:0;padding:0;border:0}#feedback-form legend{padding:0;margin-bottom:16px;font-size:18px;font-weight:600;color:#eee}#feedback-form legend em{font-style:normal;color:var(--accent)}
+#feedback-form .feedback-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
+#feedback-form label.feedback-option{display:block;position:relative;margin:0;cursor:pointer}
+#feedback-form .feedback-option input{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0}
+#feedback-form .feedback-option span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff03;color:#aaa;font-size:14px;transition:background .15s,color .15s,border-color .15s}
+#feedback-form .feedback-option:hover span{border-color:var(--accent);color:var(--accent)}#feedback-form .feedback-option input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}#feedback-form .feedback-option input:focus-visible+span{outline:2px solid #eee;outline-offset:3px}
+#feedback-form .feedback-panel{display:flex;flex-direction:column;gap:16px;padding:22px;border:1px solid #ffffff0b;border-radius:12px;background:#ffffff02}
+#feedback-form label:not(.feedback-option):not(.feedback-upload-box){display:flex;flex-direction:column;gap:10px;font-size:14px;color:#aaaaaa}
+#feedback-form .feedback-address{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#feedback-form .feedback-field-label{font-size:14px;color:#aaaaaa}
+#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]),#feedback-form select,#feedback-form textarea{box-sizing:border-box;display:block;width:100%;min-width:0;border:1px solid #ffffff14;border-radius:10px;padding:14px 16px;color:#dddddd;background:#1c1c1c;font:inherit;font-size:14px;outline:none;color-scheme:dark}
+#feedback-form input:focus,#feedback-form select:focus,#feedback-form textarea:focus{border-color:#ffffff50}
+#feedback-form .feedback-description-wrap{position:relative}#feedback-form textarea{min-height:180px;resize:vertical;padding-bottom:40px;line-height:1.8}#feedback-count{position:absolute;bottom:14px;right:16px;font-size:12px;color:#888888}
+#feedback-form .feedback-uploads{display:flex;flex-wrap:wrap;gap:16px}#feedback-form .feedback-upload-box{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:160px;width:250px;border:1px dashed #ffffff30;border-radius:12px;background:#ffffff02;cursor:pointer;text-align:center;padding:18px}
+#feedback-form .feedback-upload-box input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}#feedback-form .feedback-upload-box:focus-within{outline:2px solid #eee;outline-offset:3px}#feedback-form .feedback-upload-box svg{width:32px;height:32px;fill:none;stroke:#b5acbe;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#feedback-form .feedback-upload-box strong{font-size:14px;font-weight:500}#feedback-form .feedback-upload-box small,#feedback-form .feedback-file-note{font-size:12px;color:#8f8898;line-height:1.6}.feedback-file-note{margin:12px 0 0}
+#feedback-file-list{display:flex;flex-wrap:wrap;gap:12px}.feedback-attachment{position:relative;width:140px;padding:10px;border-radius:12px;background:#ffffff05}.feedback-attachment img,.feedback-attachment video{display:block;width:120px;height:95px;object-fit:cover;border-radius:7px}.feedback-attachment span{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:8px}.feedback-attachment button{position:absolute;right:4px;top:4px;width:24px;height:24px;padding:0;background:#252329;border-radius:50%;border:1px solid #ffffff30}#feedback-file-error{font-size:12px;color:#ff956a;margin:8px 0 0}
+.feedback-submit-area{text-align:center}.feedback-submit-button{min-width:240px;padding:16px 36px;border:0;border-radius:999px;background:var(--accent);color:white;font-size:16px;cursor:pointer}.feedback-submit-button:hover{filter:brightness(1.1);color:white!important}.feedback-submit-area>p{font-size:12px;color:#888888;line-height:1.7;margin:16px 0 0}
+@media(max-width:760px){#feedback-form.feedback-reference{padding:24px 20px;gap:26px}#feedback-form .feedback-options{grid-template-columns:repeat(2,minmax(0,1fr))}#feedback-form .feedback-address{grid-template-columns:1fr}#feedback-form .feedback-panel{padding:16px}#feedback-form .feedback-upload-box{width:100%}.feedback-submit-button{width:100%;min-width:0}}
+
+
+
+/* Source: iconfont.cn/collections/detail?cid=52526, 草鱼设计 / 133-常用单色. */
+.side>nav>a .nav-collection-icon{display:block;width:30px;height:30px;flex:0 0 30px;fill:currentColor;stroke:none;stroke-width:0;overflow:visible;transition:color .18s}
+.side>nav>a .nav-collection-icon path{fill:currentColor;stroke:none}
+.sidebar-collapsed .side>nav>a .nav-collection-icon{width:32px;height:32px;flex-basis:32px;margin:0}
+
+
+
+#feedback-form .feedback-select{position:relative;min-width:0;width:100%}
+#feedback-form .feedback-select select{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0;pointer-events:none}
+#feedback-form .feedback-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;width:100%;min-height:49px;padding:14px 20px 14px 16px;border:1px solid #ffffff14;border-radius:10px;background:#1c1c1c;color:#dddddd;font:inherit;font-size:14px;text-align:left;cursor:pointer;box-shadow:none}
+#feedback-form .feedback-select-trigger[data-placeholder="true"]{color:#999999}
+#feedback-form .feedback-select-trigger:hover{background:#242424;border-color:#ffffff30}
+#feedback-form .feedback-select-trigger:focus-visible,#feedback-form .feedback-select-trigger[aria-expanded="true"]{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #FFC00012}
+#feedback-form .feedback-select-trigger svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#aaaaaa;stroke-width:2;transition:transform .15s}
+#feedback-form .feedback-select-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
+#feedback-form .feedback-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:50;margin:0;padding:6px;max-height:280px;overflow-y:auto;overscroll-behavior:contain;list-style:none;border:1px solid #ffffff24;border-radius:12px;background:#242424;color:#dddddd;box-shadow:0 14px 32px #0006;scrollbar-width:thin;scrollbar-color:#5d5d5d #242424}
+#feedback-form .feedback-select-menu[hidden]{display:none}
+#feedback-form .feedback-select-menu [role="option"]{padding:12px 14px;border-radius:8px;cursor:pointer;font-size:14px;line-height:1.5}
+#feedback-form .feedback-select-menu [role="option"]:hover,#feedback-form .feedback-select-menu .is-active{background:#333333;color:#fff}
+#feedback-form .feedback-select-menu [aria-selected="true"]{color:#ffad83;background:#FFC00019}
+
+
+
+#feedback-form .feedback-upload-box{box-sizing:border-box;width:360px;max-width:100%;aspect-ratio:1;min-height:0;padding:28px 16px;gap:10px;border:1px solid #ffffff12;border-radius:28px;background:#222;transition:background .18s,border-color .18s}
+#feedback-form .feedback-upload-box:hover{background:#262626;border-color:#ffffff25}
+#feedback-form .feedback-upload-box input{margin:0;padding:0;z-index:1}
+#feedback-form .feedback-upload-plus{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:18px;background:#383838}
+#feedback-form .feedback-upload-plus svg{width:25px;height:25px;stroke:#fff;stroke-width:4;fill:none;stroke-linecap:round}
+#feedback-form .feedback-upload-box strong{color:#ccc;font-size:18px;font-weight:400;line-height:1.5}
+#feedback-form .feedback-upload-box small{color:#828282;font-size:14px;line-height:1.6}
+#feedback-form .feedback-file-note{margin:18px 0 0;color:#828282;font-size:14px;line-height:1.6}
+@media(max-width:600px){#feedback-form .feedback-upload-box{width:100%;max-width:360px;border-radius:24px}}
+
+
+
+#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]),
+#feedback-form textarea,
+#feedback-form .feedback-select-trigger{box-sizing:border-box;margin:0;border:1px solid #ffffff14;border-radius:10px;background:#1c1c1c;color:#dddddd;font-size:14px;line-height:20px;transition:background .18s,border-color .18s,box-shadow .18s}
+#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]),
+#feedback-form .feedback-select-trigger{height:50px;min-height:50px;padding:14px 16px}
+#feedback-form .feedback-select-trigger{padding-right:20px}
+#feedback-form textarea{padding:14px 16px 40px}
+#feedback-form input::placeholder,#feedback-form textarea::placeholder,#feedback-form .feedback-select-trigger[data-placeholder="true"]{color:#999999;opacity:1}
+#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]):hover,
+#feedback-form textarea:hover,
+#feedback-form .feedback-select-trigger:hover{background:#242424;border-color:#ffffff30;color:#dddddd}
+#feedback-form .feedback-select-trigger[data-placeholder="true"]:hover{color:#999999}
+#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,
+#feedback-form textarea:focus,
+#feedback-form .feedback-select-trigger:focus-visible,
+#feedback-form .feedback-select-trigger[aria-expanded="true"]{outline:none;outline-offset:0;background:#1c1c1c;border-color:#ffffff50;box-shadow:0 0 0 2px #ffffff08}
+#feedback-form .feedback-address{align-items:start}
+
+
+
+#feedback-form .feedback-option span{background:#1c1c1c;border-color:#2d2d2d;color:#aaa}
+#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]),#feedback-form textarea,#feedback-form .feedback-select-trigger{background:#1c1c1c;border-color:#2d2d2d;color:#ddd}
+#feedback-form input::placeholder,#feedback-form textarea::placeholder,#feedback-form .feedback-select-trigger[data-placeholder="true"]{color:#999}
+#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]):hover,#feedback-form textarea:hover,#feedback-form .feedback-select-trigger:hover{background:#222;border-color:#444}
+#feedback-form input:not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,#feedback-form textarea:focus,#feedback-form .feedback-select-trigger:focus-visible,#feedback-form .feedback-select-trigger[aria-expanded="true"]{background:#1c1c1c;border-color:#666;box-shadow:0 0 0 2px #ffffff08}
+#feedback-form .feedback-option:hover span{border-color:var(--accent);color:var(--accent)}
+#feedback-form .feedback-option input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
+
+
+
+#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) .info-layout{display:block}
+#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) .info-nav{display:none}
+#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content{box-sizing:border-box;width:100%;padding:36px;border:1px solid #ffffff1a;border-radius:20px;background:#ffffff0d;box-shadow:none}
+#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) .about-section+.about-section{margin-top:30px}
+#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content h2{margin:0 0 18px;font-size:20px;font-weight:600;line-height:1.5;color:#eee}
+#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content p{margin:0 0 14px;color:#aaa;font-size:16px;line-height:1.9;overflow-wrap:anywhere}
+#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content p:last-child{margin-bottom:0}
+#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content a{color:inherit;text-decoration:none}
+#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content a:hover{color:var(--accent)}
+@media(max-width:600px){#info-page:is([data-info="about-us"],[data-info="privacy-policy"],[data-info="user-agreement"]) #info-content{padding:24px 20px}}
+
+#info-content .policy-reference-note{margin-top:32px!important;padding-top:20px;border-top:1px solid #ffffff12;font-size:12px!important;color:#888!important}
+
+
+
+#info-page:is([data-info="help-center"],[data-info="2257"],[data-info="dmca"]) .info-nav{display:none}
+#info-page:is([data-info="help-center"],[data-info="2257"],[data-info="dmca"]) .info-layout{display:block}
+#info-page:is([data-info="help-center"],[data-info="2257"],[data-info="dmca"]) #info-content{box-sizing:border-box;width:100%}
+
+
+
+#info-page:is([data-info="2257"],[data-info="dmca"]) #info-content{padding:36px;border:1px solid #ffffff1a;border-radius:20px;background:#ffffff0d;box-shadow:none}
+#info-page:is([data-info="2257"],[data-info="dmca"]) .compliance-section{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:28px 0;border-bottom:1px solid #ffffff12}
+#info-page:is([data-info="2257"],[data-info="dmca"]) .compliance-section:first-child{padding-top:0}
+#info-page:is([data-info="2257"],[data-info="dmca"]) .compliance-section:last-child{padding-bottom:0;border-bottom:0}
+#info-page:is([data-info="2257"],[data-info="dmca"]) .compliance-number{font-size:26px;line-height:1.4;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}
+#info-page:is([data-info="2257"],[data-info="dmca"]) #info-content h2{margin:0 0 14px;color:#eee;font-size:20px;line-height:1.5}
+#info-page:is([data-info="2257"],[data-info="dmca"]) #info-content p{margin:0;color:#aaa;font-size:16px;line-height:1.9}
+#info-page:is([data-info="2257"],[data-info="dmca"]) #info-content a{color:var(--accent)}
+@media(max-width:600px){#info-page:is([data-info="2257"],[data-info="dmca"]) #info-content{padding:24px 20px}#info-page:is([data-info="2257"],[data-info="dmca"]) .compliance-section{grid-template-columns:34px minmax(0,1fr);gap:12px}}
+
+#info-page[data-info="dmca"] #info-content a{overflow-wrap:anywhere}
+
+
+
+#detail .detail-play{border-radius:999px;padding:12px 26px;gap:9px;background:var(--accent);color:#fff}
+#detail .detail-play:hover{background:#ff6829;color:#fff}
+#detail .detail-play svg{display:block;width:18px;height:18px;flex:0 0 18px;fill:currentColor;stroke:none}
+
+
+
+#detail .dialog-grid{box-sizing:border-box;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:28px;padding:24px;align-items:stretch}
+#detail .dialog-art{box-sizing:border-box;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:var(--source-ratio,640/914);align-self:stretch;border-radius:14px;overflow:hidden;background-size:cover!important;background-position:center!important;background-repeat:no-repeat}
+#detail .dialog-body{min-width:0;padding:12px 8px 12px 0;align-self:center}
+@media(max-width:760px){#detail .dialog-grid{grid-template-columns:1fr;gap:20px;padding:20px}#detail .dialog-art{width:min(100%,280px);justify-self:center;aspect-ratio:var(--source-ratio,640/914);height:auto;min-height:0;max-height:none}#detail .dialog-body{padding:0}}
+
+
+
+#detail:has(.series-preview){width:min(1080px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);border:1px solid #ffffff1a;border-radius:24px;background:radial-gradient(ellipse at 15% 0%,#30232a 0%,#1b1b1b 65%);overflow:auto}
+#detail .series-preview{padding:40px}
+#detail:has(.series-preview)>.close{position:absolute;top:16px;right:18px;width:32px;height:32px;line-height:1;font-size:28px;z-index:2}
+#detail .series-overview{display:grid;grid-template-columns:176px minmax(0,1fr);gap:30px;align-items:start}
+#detail .series-poster{display:block;width:100%;height:auto;aspect-ratio:640/914;object-fit:cover;border-radius:12px}
+#detail .series-info{min-width:0;padding-top:4px}
+#detail .series-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;padding-right:16px}
+#detail .series-title-row h2{margin:0;color:#f5f5f5;font-family:inherit;font-size:26px;font-weight:600;line-height:1.4}
+#detail .series-heat{font-size:14px;color:#999;white-space:nowrap}
+#detail .series-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
+#detail .series-tags span{padding:5px 9px;border-radius:5px;background:#ffffff08;color:#aaa;font-size:12px}
+#detail .series-tags .series-stat{color:#eead8b;background:#FFC00012}
+#detail .series-description{margin:18px 0 24px;font-size:14px;line-height:1.9;color:#aaa}
+#detail .series-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
+#detail .series-actions button{min-height:46px;font-size:14px}
+#detail .series-download{padding:12px 20px;border:1px solid #ffffff0d;border-radius:999px;background:#ffffff08;color:#eee}
+#detail .series-download:hover{background:#ffffff14}
+#detail .series-episodes{margin-top:28px}
+#detail .series-episode-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}
+#detail .series-episode-heading h3{font-size:16px;margin:0;color:#eee}
+#detail .series-episode-heading span{font-size:12px;color:#888}
+#detail .series-episodes .episodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:10px;margin:0}
+#detail .series-episodes .episodes button{height:48px;min-width:0;padding:0;border:1px solid transparent;border-radius:10px;background:#292929;font-size:16px;color:#ddd}
+#detail .series-episodes .episodes button:hover{border-color:var(--accent);background:#332923}
+#detail .series-episodes .episodes button.active{background:var(--accent);color:#fff}
+#detail .series-episodes .preview-note{margin:16px 0 0;font-size:12px;color:#888;line-height:1.6}
+@media(max-width:650px){#detail:has(.series-preview){width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px}#detail .series-preview{padding:48px 20px 24px}#detail .series-overview{grid-template-columns:100px minmax(0,1fr);gap:16px}#detail .series-title-row h2{font-size:22px}#detail .series-tags{margin-top:12px}#detail .series-description{margin:12px 0 18px}#detail .series-actions{gap:8px}#detail .series-actions button{padding:10px 16px}#detail .series-episodes{margin-top:24px}}
+@media(max-width:420px){#detail .series-overview{grid-template-columns:1fr}#detail .series-poster{width:120px}#detail .series-title-row{padding:0}}
+
+
+
+#detail .series-episodes .episodes{grid-template-columns:repeat(auto-fill,48px);justify-content:start;gap:10px}
+#detail .series-episodes .episodes button{box-sizing:border-box;width:48px;height:48px;min-width:48px;min-height:48px;aspect-ratio:1;padding:0;display:grid;place-items:center;line-height:1;border-radius:8px}
+#detail .series-tags{gap:8px;margin-top:14px}
+#detail .series-tags .series-stat{color:#d7a461;background:rgba(215,164,97,.1);font-size:12px;line-height:18px;font-weight:400;padding:3px 8px;border-radius:4px}
+#detail .series-genres{margin:12px 0 0;color:#888;font-size:14px;line-height:20px}
+#detail .series-title-row h2{font-size:24px;font-weight:500;color:#eee;line-height:1.5}
+#detail .series-heat{color:#888;font-size:14px}
+#detail .series-description{margin:10px 0 24px;color:#888;font-size:14px;font-weight:400;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
+@media(max-width:650px){#detail .series-title-row h2{font-size:22px}#detail .series-description{-webkit-line-clamp:4}}
+
+
+
+#detail .series-episodes .episodes{max-width:744px;grid-template-columns:repeat(auto-fill,48px);gap:10px}
+#detail .series-episodes .episodes button{background:#292929;border-color:transparent;color:#ddd}
+#detail .series-episodes .episodes button:hover{background:#383838;border-color:#ffffff25}
+#detail .series-episodes .episodes button:focus-visible{outline:2px solid #aaa;outline-offset:2px}
+#detail .series-description{-webkit-line-clamp:2;line-clamp:2;min-height:calc(2 * 1.8em)}
+
+
+
+#detail:has(.series-preview){box-sizing:border-box;width:min(826px,calc(100vw - 48px))}
+#detail .series-description{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;line-height:1.8;min-height:3.6em;max-height:3.6em}
+@media(max-width:650px){#detail:has(.series-preview){width:calc(100vw - 24px)}}
+
+
+
+#detail .series-heat{display:inline-flex;align-items:center;gap:5px}
+#detail .series-heat-icon{display:block;width:16px;height:16px;flex:0 0 16px;object-fit:contain}
+
+
+
+#detail .series-tags .series-new{color:#00d6aa;background:rgba(0,214,170,.1);font-size:12px;line-height:18px;font-weight:400;padding:3px 8px;border-radius:4px}
+
+
+
+#detail .series-tags .series-badge{font-size:12px;line-height:18px;font-weight:400;padding:3px 8px;border-radius:4px}
+#detail .series-tags .series-badge--hot{color:#ff6878;background:#ff4d601a}
+#detail .series-tags .series-badge--new{color:#a097ff;background:#7065ff1a}
+#detail .series-tags .series-badge--free{color:#12d3bd;background:#0bbba91a}
+
+
+
+#account-entry .account-copy small{display:none}#account-entry .account-copy strong{font-size:14px}#account-entry{gap:10px}
+.account-chevron{width:14px;height:14px;fill:none;stroke:#888;stroke-width:2;transition:transform .15s}#account-entry[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
+#profile-popover{position:fixed;z-index:1500;width:280px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:18px 8px 8px;border:1px solid #ffffff26;border-radius:18px;background:#141416;color:#eee;box-shadow:0 18px 50px #0007;max-height:calc(100dvh - 100px);overflow:auto}
+#profile-popover[hidden]{display:none}.profile-popover-head{display:flex;align-items:center;gap:12px;padding:0 12px 16px}.profile-popover-head img{width:44px;height:44px;border-radius:50%;object-fit:cover}.profile-popover-head strong{display:block;font-size:16px}.profile-popover-head small{display:block;font-size:12px;color:#85858f;margin-top:4px}
+#profile-popover button{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#eee;text-align:left;font-size:14px}
+#profile-popover button:hover{background:#ffffff09}#profile-popover button:focus-visible{outline:1px solid #888;outline-offset:-1px}
+#profile-popover button svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:#92929c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
+#profile-popover .profile-row-label{flex:1}#profile-popover .profile-count,#profile-popover .profile-next{color:#85858f;font-size:14px}#profile-popover .profile-next{font-size:20px}
+#profile-popover .profile-switch{border-top:1px solid #ffffff12;border-radius:0;margin-top:6px;padding-top:14px;color:#aaa!important}
+
+#profile-popover .profile-avatar-link{display:block;flex:0 0 44px;width:44px;height:44px;min-height:0;padding:0;border-radius:50%;cursor:pointer}
+#profile-popover .profile-avatar-link:hover{box-shadow:0 0 0 2px var(--accent)}
+#profile-popover .profile-avatar-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
+
+
+
+#info-page[data-info="user-center"] .info-layout{display:block}#info-page[data-info="user-center"] .info-nav{display:none}
+#info-page[data-info="user-center"] #info-content{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
+.member-center{display:grid;gap:24px}.member-summary{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px;border:1px solid #ffffff14;border-radius:20px;background:#ffffff04}
+.member-identity{display:flex;align-items:center;gap:22px}.member-identity img{width:88px;height:88px;object-fit:cover;border-radius:50%;border:2px solid #ffffff20}
+#info-content .member-identity h2{margin:0 0 8px;font-size:26px;line-height:1.4;color:#eee}#info-content .member-identity p{margin:0;font-size:14px;color:#888}
+.member-wallet{display:grid;grid-template-columns:1fr auto;gap:14px 40px;min-width:290px;text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:22px 26px;color:#ddd}.member-wallet>span:first-child{font-size:14px}.member-wallet small{color:#888}.member-wallet strong{grid-row:2;font-size:32px;color:#e6c46d;display:flex;align-items:center;gap:8px}.member-wallet-link{grid-column:2;grid-row:2;align-self:center;font-size:14px;color:#d5b566}
+.member-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.member-features>button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px;text-align:left;background:#ffffff07;border:1px solid #ffffff10;border-radius:16px;transition:background .18s,border-color .18s}.member-features>button:hover,.member-wallet:hover{background:#ffffff0c;border-color:#ffffff25}.member-feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#FFC00013;color:var(--accent);margin-bottom:6px}.member-feature-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.member-features strong{font-size:18px;font-weight:500}.member-features small{font-size:14px;color:#888;line-height:1.6}
+@media(max-width:1000px){.member-features{grid-template-columns:repeat(2,minmax(0,1fr))}.member-summary{padding:28px;gap:24px}.member-wallet{min-width:240px}}
+@media(max-width:600px){.member-summary{align-items:stretch;flex-direction:column;padding:24px}.member-identity img{width:68px;height:68px}.member-wallet{min-width:0;width:100%}.member-features{gap:12px}.member-features>button{padding:20px 16px}.member-features strong{font-size:16px}}
+
+.member-advertisements{position:relative;min-width:0;padding:0;border:0;background:transparent}
+.member-ad-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
+.member-ad-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:14px;width:100%}
+#info-content .member-ad-tile{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;color:#c7c7cc;text-decoration:none;font-size:12px;line-height:1.5}
+.member-ad-tile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:22%;transition:transform .2s}
+.member-ad-tile span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+#info-content .member-ad-tile:hover{color:var(--accent)}.member-ad-tile:hover img{transform:translateY(-3px)}
+.member-ad-tile:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
+@media(max-width:1180px){.member-ad-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 14px}}
+@media(max-width:760px){.member-ad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}}
+@media(prefers-reduced-motion:reduce){.member-ad-tile img{transition:none}.member-ad-tile:hover img{transform:none}}
+
+
+
+#profile-popover button .account-collection-icon{width:20px;height:20px;flex:0 0 20px;fill:currentColor;stroke:none;color:#92929c}
+#profile-popover button .account-collection-icon path{fill:currentColor;stroke:none}
+
+
+
+.member-library{min-width:0}.member-library-tabs{display:flex;gap:40px;border-bottom:1px solid #ffffff12;overflow-x:auto}
+.member-library-tabs button{position:relative;flex-shrink:0;padding:16px 0 20px;background:none;border:0;color:#929299;font-size:16px;font-weight:500;white-space:nowrap;transition:color .18s ease}
+.member-library-tabs button[aria-selected="true"]{color:var(--accent)}.member-library-tabs button[aria-selected="true"]::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:26px;height:3px;border-radius:3px;background:var(--accent)}
+.member-library-tabs button[aria-selected="false"]:hover{color:var(--accent)}.member-library-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.member-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;color:#999;font-size:14px}
+.member-library-tools{display:flex;align-items:center;gap:12px}.member-library-tools button{padding:8px 18px;border:1px solid #ffffff20;border-radius:999px;background:#242424;color:#ddd;font-size:14px}.member-library-tools button[data-library-action="delete"]{background:var(--accent);border-color:var(--accent);color:white}.member-library-tools button:disabled{opacity:.35;cursor:not-allowed}
+.member-library-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 20px}.member-library-item{position:relative;min-width:0}.member-library-item>.card{display:block;width:100%;text-align:left;background:transparent;padding:0;border:0;opacity:1;animation:none;transform:none}
+#info-content .member-library-item h3{font-size:16px;line-height:1.5;color:#eee;margin:10px 0 6px}.member-library-item .cover{display:block;position:relative;aspect-ratio:640/914;overflow:hidden;border-radius:12px}.member-library-item .poster-source{width:100%;height:100%;object-fit:cover}
+.member-library-item .drama-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#888;font-size:12px;line-height:1.6}.member-library-item .drama-meta{font-size:12px}
+.member-library-item.is-selected .cover{outline:3px solid var(--accent);outline-offset:-3px}.member-library-select{position:absolute;z-index:4;top:10px;left:10px;display:grid;place-items:center;width:28px;height:28px;cursor:pointer}
+.member-library-select input{appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:50%;background:transparent url("/assets/d2182785de825f85.svg") center/24px 24px no-repeat;cursor:pointer}
+.member-library-select input:checked{background-image:url("/assets/69304455ce1e30ae.svg")}
+.member-library-select input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
+
+
+.member-library-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:#888}.member-library-empty a{display:inline-block;margin-top:16px;color:var(--accent)}
+#member-delete-dialog{width:400px;max-width:calc(100vw - 32px);padding:30px;border:1px solid #ffffff20;border-radius:20px;background:#1b1b1e;color:#eee}#member-delete-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}#member-delete-dialog h2{font-size:22px;margin:0 0 16px}#member-delete-dialog p{color:#aaa;font-size:14px;line-height:1.8;margin:0 0 26px}.member-delete-actions{display:flex;justify-content:flex-end;gap:12px}.member-delete-actions button{padding:10px 22px;border-radius:999px;background:#303033;color:white;border:0}.member-delete-actions button[value="confirm"]{background:var(--accent)}
+@media(max-width:1180px){.member-library-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
+@media(max-width:760px){.member-library-tabs{gap:24px}.member-library-tabs button{font-size:14px}.member-library-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.member-library-toolbar{align-items:flex-start;padding:14px 0;flex-direction:column}.member-library-tools{flex-wrap:wrap}}
+
+
+
+#info-content .member-watch-status{display:block;margin:10px 0 0;color:var(--accent);font-size:14px;line-height:1.5;font-weight:500}
+#info-content .member-watch-status.is-complete{color:#9a9a9f}
+#info-content .member-library-item h3{margin-top:5px}
+
+
+
+.member-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:8px}#info-content .member-name-row h2{margin:0;overflow-wrap:anywhere}
+#info-content .member-settings-link{display:inline-flex;align-items:center;gap:10px;padding:6px 13px;border:1px solid #ffffff20;border-radius:999px;color:#aaa;text-decoration:none;font-size:12px;white-space:nowrap;transition:color .18s,border-color .18s}#info-content .member-settings-link:hover{color:var(--accent);border-color:var(--accent)}
+#info-page[data-info="account-settings"] .info-layout{display:block}#info-page[data-info="account-settings"] .info-nav{display:none}#info-page[data-info="account-settings"] #info-content{padding:0;border:0;background:transparent;box-shadow:none}
+.member-settings{max-width:900px;display:grid;gap:24px}.member-settings-back{font-size:14px;color:#999!important;text-decoration:none}.member-settings-card{padding:28px;border:1px solid #ffffff14;border-radius:18px;background:#191919}#info-content .member-settings-card h2{font-size:18px;color:#eee;margin:0 0 24px}.member-settings-card label{display:block;margin-bottom:12px;font-size:14px;color:#bbb}.member-nickname-editor{display:flex;gap:16px}.member-nickname-editor input{min-width:0;flex:1;padding:12px 16px;height:46px;border:1px solid #363636;border-radius:10px;background:#222;color:#eee;font:inherit}.member-nickname-editor input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.member-nickname-editor button{padding:0 22px;border-radius:999px;border:0;background:var(--accent);color:white;font-size:14px;white-space:nowrap}#info-content #member-nickname-hint{font-size:12px;color:#777;margin:10px 0 0}#info-content #member-nickname-status{font-size:14px;color:var(--accent);margin:8px 0 0;min-height:20px}
+.member-settings-action{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border:0;background:transparent;color:#888;text-align:left}.member-settings-action+.member-settings-action{border-top:1px solid #ffffff12}.member-settings-action strong{display:block;color:#ddd;font-size:16px;font-weight:500}.member-settings-action small{display:block;margin-top:8px;color:#777;font-size:14px}.member-settings-action:hover strong{color:var(--accent)}.member-settings-trailing{display:flex;gap:16px;align-items:center;font-size:14px}.member-settings-action>span:last-child{flex-shrink:0}
+@media(max-width:600px){.member-name-row{gap:8px}.member-settings-card{padding:20px}.member-nickname-editor{gap:10px}.member-nickname-editor button{padding:0 14px}}
+
+
+
+#member-auth-dialog{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;padding:36px;border:1px solid #ffffff20;border-radius:24px;background:#19191c;color:#eee;box-shadow:0 24px 100px #0008}#member-auth-dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}
+#member-auth-dialog .auth-close{position:absolute;right:18px;top:14px;width:32px;height:32px;background:none;border:0;color:#888;font-size:28px}#member-auth-dialog h2{font-size:24px;margin:0 0 10px}.auth-subtitle{font-size:14px;line-height:1.7;color:#888;margin:0 0 24px}.auth-tabs{display:flex;gap:28px;border-bottom:1px solid #ffffff12;margin-bottom:24px}.auth-tabs button{position:relative;padding:0 0 13px;border:0;background:none;color:#888;font-size:16px}.auth-tabs button[aria-selected="true"]{color:var(--accent)}.auth-tabs button[aria-selected="true"]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}
+.auth-field{display:block;font-size:14px;color:#bbb;margin-bottom:10px}.auth-input-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.auth-input-row input{box-sizing:border-box;min-width:0;width:100%;height:48px;padding:0 14px;border:1px solid #38383d;border-radius:10px;background:#222225;color:#eee;font-size:14px}.auth-input-row input:focus{outline:none;border-color:var(--accent)}.auth-input-row input[aria-invalid="true"]{border-color:#ff597b}.auth-code-button{flex-shrink:0;background:transparent;border:0;color:var(--accent);font-size:14px;padding:10px 0}.auth-code-button:disabled{color:#777;cursor:not-allowed}.auth-note{font-size:12px;color:#89898f;line-height:1.7;margin:-8px 0 20px}.auth-error{font-size:14px;color:#ff718b;min-height:20px;margin:0 0 12px}.auth-submit{width:100%;height:46px;border:0;border-radius:999px;background:var(--accent);color:white;font-size:16px;font-weight:500}.auth-agreement{display:flex;align-items:flex-start;gap:8px;margin:18px 0;font-size:12px;line-height:1.7;color:#888}.auth-agreement input{accent-color:var(--accent);margin:3px 0 0}.auth-agreement a{color:#bbb;text-decoration:none}.auth-footer{text-align:center;font-size:12px;color:#666;margin:18px 0 0}.auth-success{padding-top:16px;text-align:center}.auth-success-icon{display:grid;place-items:center;margin:0 auto 22px;width:64px;height:64px;background:#FFC0001a;color:var(--accent);border-radius:50%;font-size:30px}.auth-success p{font-size:14px;color:#aaa;line-height:1.8;margin:18px 0 28px}
+@media(max-width:520px){#member-auth-dialog{padding:30px 24px}}
+
+
+
+.auth-password-row{position:relative}.auth-password-row input{padding-right:64px}.auth-password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:6px 0;background:none;border:0;color:#999;font-size:12px}.auth-password-toggle:hover{color:var(--accent)}
+
+
+
+.auth-password-toggle{width:28px;height:32px;display:grid;place-items:center;padding:0}.auth-password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
+.auth-password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}
+.auth-remember{display:flex;align-items:center;gap:9px;width:fit-content;margin:0 0 16px;color:#a0a0a8;font-size:14px;cursor:pointer}.auth-remember input{appearance:none;-webkit-appearance:none;position:relative;display:block;width:18px;height:18px;margin:0;border:1px solid #64646b;border-radius:4px;background:#252528;cursor:pointer}.auth-remember input:checked{border-color:var(--accent);background:var(--accent)}.auth-remember input:checked::after{content:'';position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-remember input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
+#member-auth-dialog .auth-footer{font-size:12px;line-height:1.8;color:#888;margin-top:20px}#member-auth-dialog .auth-footer a{color:#bbb;text-decoration:none}#member-auth-dialog .auth-footer a:hover{color:var(--accent)}
+
+
+
+#member-auth-dialog.auth-bind-mode{width:440px;padding:32px;background:#141416;border-radius:24px}
+#member-auth-dialog.auth-bind-mode h2{font-size:26px;margin-bottom:10px}.auth-bind-mode .auth-subtitle{margin-bottom:24px;font-size:14px;line-height:1.7;color:#9999a1}
+#member-auth-dialog.auth-bind-mode .auth-close{top:16px;right:16px;width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;background:#202023;color:#96969e;font-size:24px}
+.auth-bind-mode .auth-field{font-size:14px;color:#a3a3ac;margin-bottom:8px}.auth-bind-mode .auth-input-row{margin-bottom:18px;position:relative}.auth-bind-mode .auth-input-row input{height:48px;padding-left:44px;border:1px solid transparent;border-radius:12px;background:#232326;font-size:16px}.auth-bind-mode .auth-input-row input:focus{border-color:var(--accent)}.auth-bind-mode .auth-input-row input[aria-invalid="true"]{border-color:#ff597b}.auth-bind-mode .auth-input-row input::placeholder{color:#7d7d87}.auth-bind-mode .auth-password-row input{padding-right:46px}
+.auth-icon-row>svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#7d7d87;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
+.auth-bind-agreement{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;color:#a0a0aa;margin:0 0 14px}.auth-bind-agreement input{appearance:none;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;border:1px solid #555;border-radius:4px;position:relative;background:transparent;cursor:pointer}.auth-bind-agreement input:checked{background:var(--accent);border-color:var(--accent)}.auth-bind-agreement input:checked::after{content:'';position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-bind-agreement input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.auth-bind-agreement a{color:inherit;text-decoration:underline;text-underline-offset:3px}.auth-bind-agreement a:hover{color:var(--accent)}
+.auth-bind-mode .auth-error:empty{display:none}.auth-bind-mode .auth-submit{height:52px;font-size:16px;background:linear-gradient(110deg,#ff4085 0%,#FFC000 56%,#953c20 100%)}.auth-bind-login{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 0;color:#9b9ba5;font-size:14px}.auth-bind-login button{background:none;border:0;padding:0;color:#ff4085;font-size:14px}.auth-bind-login button:hover{color:#ff9b79}
+@media(max-width:480px){#member-auth-dialog.auth-bind-mode{padding:28px 22px}.auth-bind-agreement{font-size:12px}}
+
+
+#member-auth-dialog .auth-password-toggle{color:#a3a3ad;background:transparent}#member-auth-dialog .auth-password-toggle .auth-eye-image{display:block;width:22px;height:22px;max-width:none;object-fit:contain;pointer-events:none}#member-auth-dialog .auth-password-toggle:hover .auth-eye-image{opacity:.8}
+
+
+.member-avatar-editor{display:flex;align-items:center;gap:22px;margin-bottom:28px}.member-avatar-preview{position:relative;width:88px;height:88px;flex:0 0 88px;padding:0;border:1px solid #ffffff20;border-radius:50%;overflow:hidden;background:#252528;cursor:pointer}.member-avatar-preview img{display:block;width:100%;height:100%;object-fit:cover}.member-avatar-preview span{position:absolute;bottom:0;left:0;right:0;padding:5px 0 7px;background:#0009;color:white;font-size:12px}.member-avatar-controls button{padding:7px 14px;border:1px solid #ffffff25;border-radius:999px;color:#ccc;background:transparent;font-size:14px}.member-avatar-controls button:hover{color:var(--accent);border-color:var(--accent)}#info-content .member-avatar-controls p{margin:8px 0 0;font-size:12px;color:#888}.member-avatar-controls [data-avatar-action="save"]{background:var(--accent);color:white;border-color:var(--accent)}#member-avatar-confirm{margin-top:10px}#member-avatar-confirm button+button{margin-left:8px}#info-content #member-avatar-status{color:var(--accent)}
+@media(max-width:600px){.member-avatar-editor{gap:16px}.member-avatar-preview{width:76px;height:76px;flex-basis:76px}}
+
+
+
+#info-page[data-info="deposit"] .info-layout{display:block}#info-page[data-info="deposit"] .info-nav{display:none}#info-page[data-info="deposit"] #info-content{padding:0;background:transparent;border:0;box-shadow:none}.wallet-page{min-width:0}.wallet-balance{color:#999;font-size:14px;margin:-10px 0 28px}.wallet-balance strong{color:#efca75;font-size:22px;margin:0 5px}
+.wallet-hero{padding:30px 32px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff08;margin-bottom:30px}.wallet-hero>span{display:inline-block;color:var(--accent);font-size:12px;background:#FFC00013;border-radius:999px;padding:5px 12px}#info-content .wallet-hero h2{margin:14px 0 10px;font-size:26px;color:#f1f1f1}#info-content .wallet-hero p{font-size:14px;color:#999;margin:0}.wallet-section-title,#info-content .wallet-section-title{font-size:20px;color:#eee;margin:0 0 18px}.wallet-pack-panel{padding:26px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff06}.wallet-pack-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.wallet-pack-heading strong{color:#eee;font-size:18px}.wallet-pack-heading>span{color:#888;font-size:14px}.wallet-pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wallet-package{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:24px;border:1px solid #ffffff1c;border-radius:15px;background:#ffffff06;text-align:left;transition:border-color .15s,background .15s}.wallet-package:hover{border-color:#FFC00080;background:#FFC00009}.wallet-package[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#FFC0000d}.wallet-package-price{font-size:30px;font-weight:650;color:#eee}.wallet-package-name{font-size:18px;color:#ddd}.wallet-package-hint{font-size:12px;color:#888}.wallet-package-hint em{font-style:normal;color:#e7b96d}.wallet-package-check{position:absolute;right:14px;top:14px;width:21px;height:21px;display:none;place-items:center;border-radius:50%;background:var(--accent);color:white;font-size:14px}.wallet-package[aria-pressed="true"] .wallet-package-check{display:grid}.wallet-pay-area{text-align:center;margin:28px 0 38px}.wallet-submit{min-width:250px;padding:14px 30px;border:0;border-radius:999px;background:var(--accent);color:white;font-size:16px;font-weight:600}#info-content #wallet-selection{font-size:14px;color:#888;margin:12px 0 0}.wallet-empty{text-align:center;padding:38px 20px;border:1px solid #ffffff12;background:#ffffff03;border-radius:16px;color:#666}.wallet-empty svg{width:32px;height:32px;stroke:currentColor}#info-content .wallet-empty p{font-size:14px;color:#777;margin:10px 0 0}#info-content .wallet-support{text-align:center;font-size:14px;color:#777;margin:22px 0 0}.wallet-support a{color:var(--accent)}
+#wallet-payment-dialog{width:440px;max-width:calc(100vw - 32px);box-sizing:border-box;background:#19191c;border:1px solid #ffffff20;border-radius:22px;padding:32px;color:#eee}#wallet-payment-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.wallet-dialog-close{position:absolute;right:16px;top:14px;background:none;border:0;color:#999;font-size:26px}.wallet-payment-title{font-size:24px;margin:0 0 25px}.wallet-order{padding:20px;border-radius:14px;background:#ffffff05;display:grid;gap:10px}.wallet-order>span{font-size:14px;color:#999}.wallet-order strong{font-size:24px}.wallet-order small{color:#dfb769;font-size:12px}.wallet-order b{font-size:30px;color:var(--accent);margin-top:4px}.wallet-method-title{font-size:16px;margin:24px 0 14px}.wallet-methods{display:flex;gap:12px}.wallet-methods button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;padding:14px 8px;border:1px solid #ffffff24;border-radius:12px;background:#242427;color:#bbb}.wallet-methods button[aria-pressed="true"]{border-color:var(--accent);color:#eee;background:#FFC0000c}.wallet-method-symbol{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#1677ff;color:white;font-size:16px}.wallet-method-symbol.wechat{background:#19ad60}.wallet-payment-go{width:100%;margin-top:26px}.wallet-payment-note{font-size:12px;color:#777;line-height:1.8;text-align:center;margin:14px 0 0}.wallet-payment-status{font-size:14px;color:#dca5bf;line-height:1.7}.wallet-payment-status:empty{display:none}
+@media(max-width:900px){.wallet-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wallet-hero{padding:24px}.wallet-pack-panel{padding:18px}.wallet-pack-grid{gap:12px}.wallet-package{padding:20px 14px}.wallet-package-price{font-size:26px}.wallet-package-name{font-size:16px}.wallet-package-hint{font-size:12px}.wallet-pack-heading{align-items:flex-start;flex-direction:column;gap:8px}.wallet-submit{width:100%;min-width:0}#wallet-payment-dialog{padding:28px 24px}}
+
+
+
+#wallet-payment-dialog{width:440px;max-height:calc(100dvh - 32px);overflow:auto;padding:34px 32px;border:1px solid #ffffff28;border-radius:36px;background:#0e0e0f;box-shadow:0 24px 100px #0005}
+#wallet-payment-dialog::backdrop{background:#0008;backdrop-filter:blur(9px)}#wallet-payment-dialog .wallet-dialog-close{font-size:20px;right:16px;top:12px;width:24px;height:24px;padding:0;color:#888}
+.wallet-payment-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.wallet-payment-heading .wallet-payment-title{font-size:24px;line-height:1.4;margin:0}.wallet-payment-heading>span{font-size:16px;color:#929292}
+#wallet-payment-dialog .wallet-order{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 16px;border:1px solid #ffffff0c;border-radius:20px;background:#1a1a1b}.wallet-order-copy{display:grid;gap:12px}.wallet-order-copy strong{font-size:20px;font-weight:400;line-height:1.4}.wallet-order-copy>span{font-size:14px;color:#909090}.wallet-order-copy small{font-size:12px;line-height:1.6;color:#bda578}#wallet-payment-dialog .wallet-order>b{flex-shrink:0;display:grid;place-items:center;min-width:78px;padding:10px 16px;margin:0;background:#FFC00010;border-radius:999px;color:var(--accent);font-size:22px;font-weight:600}
+#wallet-payment-dialog .wallet-method-title{font-size:18px;margin:20px 0 18px}#wallet-payment-dialog .wallet-methods{display:flex;flex-direction:column;gap:12px}#wallet-payment-dialog .wallet-methods button{display:flex;align-items:center;justify-content:flex-start;flex:none;gap:12px;width:100%;padding:14px 16px;min-height:66px;border:1px solid #ffffff0d;border-radius:20px;background:#1a1a1b;color:#f5f5f5;text-align:left}#wallet-payment-dialog .wallet-methods button:hover{border-color:#FFC00080}#wallet-payment-dialog .wallet-methods button[aria-pressed="true"]{border-color:var(--accent)}.wallet-method-name{flex:1;font-size:16px;font-weight:500}.wallet-method-check{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#333;color:white;font-size:14px}.wallet-methods [aria-pressed="true"] .wallet-method-check{background:var(--accent)}
+.wallet-pay-logo{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;color:white}.wallet-pay-logo.alipay{background:#3459ed;font-size:28px;font-family:var(--font-ui)}.wallet-pay-logo.wechat{background:#11bb0d}.wallet-pay-logo.usdt{background:#269f80}.wallet-pay-logo svg{width:29px;height:29px;stroke:none}
+#wallet-payment-dialog .wallet-payment-go{min-width:0;width:100%;height:50px;margin-top:18px;padding:0;border-radius:12px;font-size:18px;font-weight:500}#wallet-payment-dialog .wallet-payment-note{font-size:12px;line-height:1.7;margin:18px 0 0;color:#858585}
+#wallet-payment-dialog .wallet-dialog-close{display:grid;place-items:center}
+#wallet-payment-dialog .wallet-order-copy{min-width:0;overflow-wrap:anywhere}
+#wallet-payment-dialog .wallet-methods button:disabled,#wallet-payment-dialog .wallet-payment-go:disabled{opacity:.6;cursor:not-allowed}
+#wallet-payment-dialog .wallet-pay-logo--other{background:#39424b;color:#fff}
+#wallet-payment-dialog .wallet-pay-logo--other svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
+#wallet-payment-dialog .wallet-payment-link{display:flex;margin-top:18px;border-radius:12px}
+@media(max-width:480px){#wallet-payment-dialog{padding:30px 24px;border-radius:28px}.wallet-payment-heading .wallet-payment-title{font-size:22px}.wallet-payment-heading>span{font-size:14px}}
+
+
+.wallet-pay-area>.wallet-submit{width:420px;max-width:100%;min-width:0}@media(max-width:600px){.wallet-pay-area>.wallet-submit{width:100%}}
+.wallet-pay-area>.wallet-submit:disabled{opacity:.5;cursor:not-allowed}.wallet-pack-empty{grid-column:1/-1}.wallet-balance-copy{min-width:0}.wallet-balance-amount{flex-wrap:wrap;overflow-wrap:anywhere}.wallet-transaction-row>div{min-width:0;overflow-wrap:anywhere}
+
+
+.wallet-balance-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:center;gap:40px;padding:36px 38px;margin-bottom:30px;border:1px solid #ffffff16;border-radius:24px;background:linear-gradient(110deg,#2c1a10 0%,#1b140f 48%,#141416 100%)}.wallet-balance-summary{display:flex;align-items:center;gap:26px;min-width:0}.wallet-large-coin{display:block;flex:0 0 130px;width:130px;height:140px;object-fit:contain}.wallet-balance-copy>span{font-size:14px;color:#8b8391}.wallet-balance-amount{display:flex;align-items:baseline;gap:16px;margin:8px 0}.wallet-balance-amount strong{font-size:48px;line-height:1.2;font-weight:600;color:#ecd079}.wallet-balance-amount b{font-size:18px;color:#eee;font-weight:500}#info-content .wallet-balance-copy p{font-size:14px;color:#8b8391;line-height:1.7;margin:0}#info-content .wallet-usage h2{font-size:14px;font-weight:400;color:#8a8490;margin:0 0 14px}.wallet-usage{min-width:0}.wallet-usage-item{display:flex;align-items:flex-start;gap:10px;margin-top:12px}.wallet-usage-item svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#dec269;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wallet-usage-item strong{font-size:14px;font-weight:600;line-height:1.5;color:#ddd}#info-content .wallet-usage-item p{font-size:14px;line-height:1.6;color:#847f8b;margin:3px 0 0}
+@media(max-width:1000px){.wallet-balance-card{grid-template-columns:1fr;gap:28px;padding:28px}.wallet-usage{padding-top:22px;border-top:1px solid #ffffff0e}.wallet-large-coin{width:105px;height:115px;flex-basis:105px}}
+@media(max-width:600px){.wallet-balance-card{padding:24px 20px;border-radius:20px}.wallet-balance-summary{gap:16px}.wallet-large-coin{width:80px;height:90px;flex-basis:80px}.wallet-balance-amount strong{font-size:38px}.wallet-balance-amount b{font-size:16px}#info-content .wallet-balance-copy p{font-size:12px}}
+
+
+
+.wallet-balance-coin{flex:0 0 110px;width:110px;height:110px;box-sizing:border-box;border-width:5px;font-size:68px;box-shadow:inset 0 0 0 7px #ffd563}
+@media(max-width:1000px){.wallet-balance-coin{flex-basis:96px;width:96px;height:96px;font-size:58px}}
+@media(max-width:600px){.wallet-balance-coin{flex-basis:76px;width:76px;height:76px;border-width:4px;font-size:46px;box-shadow:inset 0 0 0 5px #ffd563}}
+
+
+
+.wallet-package-coins{display:flex;align-items:center;gap:12px;max-width:100%;padding-right:12px}
+.wallet-package .wallet-package-coin{flex:0 0 32px;width:32px;height:32px;box-sizing:border-box;font-size:20px}
+.wallet-package .wallet-package-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:30px;line-height:1.3;font-weight:650;color:#f0d281}
+.wallet-package-name small{font-size:18px;font-weight:500}
+.wallet-package .wallet-package-price{font-size:18px;line-height:1.4;font-weight:500;color:#c5c5ca}
+@media(max-width:1180px){.wallet-package-coins{gap:8px}.wallet-package .wallet-package-name{font-size:26px}.wallet-package-name small{font-size:16px}}
+@media(max-width:600px){.wallet-package .wallet-package-coin{flex-basis:26px;width:26px;height:26px;font-size:16px}.wallet-package .wallet-package-name{font-size:24px}.wallet-package-name small{font-size:14px}.wallet-package .wallet-package-price{font-size:16px}.wallet-package-coins{gap:7px;padding-right:0}}
+
+
+.coin-symbol .coin-soft-star{display:block;width:76%;height:76%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 0 #fff5b0)}
+
+
+.wallet-package{overflow:hidden;padding-bottom:32px}.wallet-package .wallet-package-hint{line-height:1.6}.wallet-package:has(.wallet-package-recommend) .wallet-package-hint{padding-right:62px}.wallet-package .wallet-package-recommend{position:absolute;right:-12px;bottom:-22px;width:96px;height:96px;object-fit:contain;pointer-events:none}
+@media(max-width:600px){.wallet-package{padding-bottom:30px}.wallet-package .wallet-package-recommend{width:76px;height:76px;right:-9px;bottom:-18px}.wallet-package:has(.wallet-package-recommend) .wallet-package-hint{padding-right:45px}}
+
+
+
+.wallet-transaction-list{padding:0 22px;border:1px solid #ffffff10;border-radius:16px;background:#1a1a1b}.wallet-transaction-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.wallet-transaction-row+.wallet-transaction-row{border-top:1px solid #ffffff0b}.wallet-transaction-row strong{display:block;color:#e5e5e5;font-size:16px;font-weight:400;line-height:1.5}.wallet-transaction-row time{display:block;margin-top:12px;color:#85858b;font-size:14px}.wallet-transaction-amount{font-size:18px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.wallet-transaction-amount.income{color:#00c780}.wallet-transaction-amount.expense{color:#ff3d43}#info-content .wallet-demo-records{font-size:12px;color:#707076;margin:12px 0 0}
+@media(max-width:600px){.wallet-transaction-list{padding:0 16px}.wallet-transaction-row{padding:18px 0}}
+
+
+
+#drama-play-page[hidden]{display:none}#drama-play-page{padding-top:30px}.play-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;margin-top:26px}.play-detail-main{min-width:0}.play-screen{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#050505}.play-screen video{display:block;width:100%;height:100%;object-fit:contain}.play-screen-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#0008;padding:20px;text-align:center}.play-screen-overlay button{width:66px;height:66px;border:1px solid #ffffff60;border-radius:50%;background:#FFC000dd;color:white;font-size:28px}.play-screen-overlay p{font-size:14px;color:#ccc;margin:0}.play-screen-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:14px 18px;background:linear-gradient(transparent,#000d);color:#aaa;font-size:12px}.play-screen-controls button{background:none;border:0;color:#ddd;font-size:14px}.play-screen-controls span{flex:1}.play-advertisements{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;padding:22px 0}.play-advertisements a{display:block;text-align:center;color:#999;font-size:12px;min-width:0;text-decoration:none}.play-advertisements img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22%;display:block;margin-bottom:7px}.play-advertisements span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.play-detail-info{padding:4px 0 26px;border-bottom:1px solid #ffffff12}.play-detail-info h1{font-size:26px;line-height:1.5;margin:8px 0 14px;color:#eee}.play-episode-caption{color:var(--accent);font-size:14px}.play-detail-meta{display:flex;flex-wrap:wrap;gap:12px;color:#8d8d96;font-size:14px;margin:12px 0}.play-detail-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#888;font-size:14px}.play-detail-tags a{color:#c49bad;background:#FFC00010;border-radius:6px;padding:4px 9px;text-decoration:none}.play-detail-description{font-size:14px;color:#999;line-height:1.9;margin:14px 0 20px}.play-detail-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.play-detail-actions button,.play-detail-actions a{display:inline-flex;align-items:center;gap:7px;background:#ffffff06;border:1px solid #ffffff15;border-radius:999px;padding:9px 17px;color:#bbb;font-size:14px;text-decoration:none}.play-detail-actions [aria-pressed="true"]{color:var(--accent);border-color:#FFC00050}.play-detail-actions .play-download{margin-left:auto;background:var(--accent);color:#fff;border-color:var(--accent)}.play-episodes-section{padding:26px 0}.play-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.play-section-heading h2,.play-related h2{font-size:20px;color:#eee;margin:0}.play-section-heading span{font-size:14px;color:#888}.play-episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px;max-height:254px;overflow:auto;padding:2px 4px 4px 2px}.play-episode-grid a{display:grid;place-items:center;aspect-ratio:1;min-height:44px;border-radius:9px;background:#252527;color:#bbb;text-decoration:none;font-size:14px;border:1px solid transparent}.play-episode-grid a:hover{color:var(--accent);border-color:#FFC00070}.play-episode-grid a[aria-current="true"]{background:var(--accent);color:white}.play-official{padding:20px 22px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff04;color:#999;font-size:14px;line-height:2}.play-official strong{color:#ddd;display:block;margin-bottom:6px}.play-official a{color:var(--accent);margin-right:18px}.play-comments{margin-top:28px}.play-comment-form textarea{box-sizing:border-box;display:block;width:100%;height:100px;resize:vertical;padding:15px;border:1px solid #ffffff20;border-radius:12px;background:#202023;color:#eee;font:inherit;font-size:14px}.play-comment-form textarea:focus{outline:1px solid var(--accent)}.play-comment-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#777;font-size:12px}.play-comment-footer button{border:0;border-radius:999px;background:var(--accent);color:white;padding:10px 23px}.play-comment-list{margin-top:20px}.play-comment-item{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff0c}.play-comment-item img{width:36px;height:36px;object-fit:cover;border-radius:50%}.play-comment-item strong{font-size:14px;color:#ccc}.play-comment-item time{font-size:12px;color:#777;margin-left:10px}.play-comment-item p{font-size:14px;color:#aaa;line-height:1.7;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.play-comments-empty{color:#777;text-align:center;font-size:14px;padding:28px}.play-related{border-left:1px solid #ffffff10;padding-left:24px;min-width:0}.play-related h2{margin-bottom:18px}.play-related .card{display:block;width:100%;margin-bottom:24px;opacity:1;animation:none;text-align:left}.play-related .card :is(h2,h3){font-size:16px}.play-related .cover{aspect-ratio:640/914;display:block;overflow:hidden;border-radius:12px}.play-related .poster-source{width:100%;height:100%;object-fit:cover}.play-related .drama-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:#888;line-height:1.6}.play-related .drama-meta{font-size:12px}.play-sort button{background:none;border:0;color:#777;padding:4px 8px}.play-sort button[aria-pressed="true"]{color:var(--accent)}
+@media(max-width:1100px){.play-detail-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.play-related{padding-left:18px}.play-detail-info h1{font-size:22px}}
+@media(max-width:800px){.play-detail-layout{grid-template-columns:minmax(0,1fr)}.play-related{border:0;padding:0}.play-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.play-advertisements{grid-template-columns:repeat(4,minmax(0,1fr))}.play-detail-actions .play-download{margin-left:0}.play-detail-info h1{font-size:20px}.play-screen{border-radius:10px}.play-screen-overlay button{width:48px;height:48px;font-size:22px}}
+
+
+
+.play-advertisements{grid-template-columns:repeat(14,minmax(0,1fr));gap:14px}.play-episode-grid{max-height:none;overflow:visible;padding:0;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px}.play-episode-toggle{display:grid;place-items:center;aspect-ratio:1;min-height:44px;padding:0;border:1px solid transparent;border-radius:9px;background:#252527;color:#ddd}.play-episode-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.play-episode-toggle:hover{color:var(--accent);border-color:#FFC00070}.play-episode-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
+@media(max-width:1180px){.play-advertisements{grid-template-columns:repeat(7,minmax(0,1fr));gap:18px 14px}}
+@media(max-width:760px){.play-advertisements{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}}
+
+
+
+.play-official{padding:28px 30px;background:#1a1a1b;border:0;border-radius:20px;font-size:14px;line-height:1.7}.play-official-line{margin-bottom:20px}.play-official-line:last-child{margin-bottom:0}.play-official-line>span{display:block;color:#c1c1c6}.play-official-line a{display:inline-block;color:var(--accent);text-decoration:none;margin:0;overflow-wrap:anywhere}.play-official-line a:hover{text-decoration:underline}.play-official-inline{display:flex;gap:6px;flex-wrap:wrap}
+.play-comments{margin-top:28px;padding:26px;background:#1a1a1b;border-radius:20px}.play-comments .play-section-heading{margin-bottom:18px}.play-comments .play-section-heading h2{font-size:16px;font-weight:500}.play-sort{padding:5px;background:#252527;border-radius:9px}.play-sort button{font-size:14px;padding:5px 8px}.play-sort button[aria-pressed="true"]{color:#eee}.play-sort button:hover{color:var(--accent)}
+.play-comment-form{display:flex;gap:14px;padding:14px;background:#252527;border-radius:13px}.play-compose-avatar{width:38px;height:38px;flex:0 0 38px;object-fit:cover;border-radius:50%}.play-compose-body{flex:1;min-width:0}.play-comment-form textarea{height:66px;min-height:66px;border:0;border-radius:9px;background:#090909;padding:12px 14px;font-size:14px}.play-comment-footer{margin-top:12px}.play-comment-footer>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.play-comment-footer em{font-style:normal;color:var(--accent)}.play-comment-footer button{padding:8px 20px;font-size:14px;white-space:nowrap}.play-comment-list{margin-top:12px}.play-comment-item{padding:20px 0;border:0;gap:12px}.play-comment-item>img,.play-comment-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%}.sample-avatar{display:grid;place-items:center;color:#eedbe5;font-size:16px}.sample-avatar-0{background:linear-gradient(135deg,#665665,#372d26)}.sample-avatar-1{background:linear-gradient(135deg,#6d6655,#37322c)}.sample-avatar-2{background:linear-gradient(135deg,#506570,#27343a)}.play-comment-body{min-width:0;flex:1}.play-comment-body>strong{font-size:14px;color:#929299;font-weight:400}.play-comment-body>p{margin:8px 0 6px;font-size:14px;line-height:1.7;color:#ccc}.play-comment-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#85858d}.play-comment-meta time{margin:0;font-size:12px}.play-comment-meta button{padding:0;border:0;background:none;color:#888;font-size:12px}.play-comment-meta button:hover,.play-comment-meta button[aria-pressed="true"]{color:var(--accent)}
+@media(max-width:600px){.play-official{padding:22px}.play-comments{padding:20px 16px}.play-comment-form{gap:10px;padding:12px}.play-compose-avatar{width:30px;height:30px;flex-basis:30px}.play-comment-footer{align-items:flex-start;gap:10px;flex-wrap:wrap}.play-comment-footer button{margin-left:auto}}
+
+
+
+/* Shared soft radial backdrop, matching the reference detail page. */
+html{background:#131414}
+body{min-height:100vh;background-color:#131414;background-image:radial-gradient(79.79% 63.64% at 51.35% -3.04%,rgba(250,119,5,.1) 0%,rgba(250,119,5,0) 100%),radial-gradient(37.71% 88.68% at 111.22% -1.29%,rgba(58,227,221,.1) 0%,rgba(58,227,221,0) 100%);background-size:100% 920px;background-position:center top;background-repeat:no-repeat}
+#channel-page .return-hero{display:flex;align-items:center;justify-content:space-between;gap:32px}
+#channel-page .return-hero-copy{flex:1;min-width:0}
+#channel-page .return-hero-copy p{margin-bottom:0}
+#channel-page .return-hero .return-actions{flex:0 0 auto;justify-content:flex-end;margin-left:auto}
+@media(max-width:900px){#channel-page .return-hero{gap:24px}#channel-page .return-hero .return-actions{flex-direction:column;align-items:stretch}#channel-page .return-hero .return-actions>a,#channel-page .return-hero .return-actions>button{justify-content:center}}
+@media(max-width:600px){body{background-size:100% 700px}#channel-page .return-hero{flex-wrap:wrap;gap:22px}#channel-page .return-hero .return-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;width:100%}#channel-page .return-hero .return-actions>a,#channel-page .return-hero .return-actions>button{padding:11px 16px}}
+
+
+
+#drama-play-page .series-overview{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start;padding:30px;border:1px solid #ffffff0d;border-radius:20px;background:linear-gradient(125deg,#35292388,#1b1b1bd9 65%)}
+#drama-play-page .series-poster{display:block;width:100%;height:auto;aspect-ratio:640/914;object-fit:cover;border-radius:12px}
+#drama-play-page .series-info{min-width:0;padding-top:4px}
+#drama-play-page .series-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 18px}
+#drama-play-page .series-title-row h1{margin:0;color:#f5f5f5;font-size:28px;font-weight:600;line-height:1.5}
+#drama-play-page .series-heat{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#999;white-space:nowrap}
+#drama-play-page .series-heat-icon{width:16px;height:16px}
+#drama-play-page .series-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
+#drama-play-page .series-tags span{padding:5px 9px;border-radius:5px;background:#ffffff08;color:#aaa;font-size:14px}
+#drama-play-page .series-tags .series-stat{color:#d4a158;background:#d4a15812}
+#drama-play-page .series-tags .series-badge--new{color:#a097ff;background:#7065ff1a}
+#drama-play-page .series-tags .series-badge--hot{color:#ff6878;background:#ff4d601a}
+#drama-play-page .series-tags .series-badge--free{color:#12d3bd;background:#0bbba91a}
+#drama-play-page .series-genres{margin:18px 0 0;font-size:14px;color:#999}
+#drama-play-page .series-description{margin:18px 0 26px;font-size:14px;line-height:1.9;color:#aaa}
+#drama-play-page .series-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
+#drama-play-page .series-actions>a,#drama-play-page .series-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;box-sizing:border-box;padding:12px 22px;border-radius:999px;font-size:14px;text-decoration:none;color:#fff}
+#drama-play-page .series-actions .detail-play{background:var(--accent)}
+#drama-play-page .series-actions .detail-play:hover{filter:brightness(1.1)}
+#drama-play-page .series-actions svg{width:18px;height:18px;fill:currentColor}
+#drama-play-page .series-download{border:1px solid #ffffff15;background:#ffffff05}
+#drama-play-page .series-download:hover{background:#ffffff10}
+#drama-play-page.is-overview .play-advertisements{padding-bottom:0}
+#drama-play-page.is-overview .series-action-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 24px}
+#drama-play-page.is-overview .series-action-bar .play-detail-actions{margin-left:auto;gap:10px}
+@media(max-width:760px){#drama-play-page.is-overview .series-action-bar .play-detail-actions{margin-left:0}}
+
+@media(max-width:1180px){#drama-play-page .series-overview{grid-template-columns:180px minmax(0,1fr);padding:24px;gap:24px}#drama-play-page .series-title-row h1{font-size:24px}}
+@media(max-width:600px){#drama-play-page .series-overview{grid-template-columns:112px minmax(0,1fr);padding:18px;gap:16px}#drama-play-page .series-title-row h1{font-size:20px}#drama-play-page .series-description{font-size:14px}#drama-play-page .series-actions>a,#drama-play-page .series-actions>button{padding:10px 14px;font-size:14px}#drama-play-page .series-tags{margin-top:12px}}
+
+
+.route-not-found{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}
+.route-not-found h1,.route-not-found p{margin:0}
+[data-app-download-entry][hidden]{display:none!important}
+
+
+#query::-webkit-search-cancel-button{-webkit-appearance:none;width:14px;height:14px;cursor:pointer;background:#b8b8bd;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 4 8 8m0-8-8 8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 4 8 8m0-8-8 8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
+#search-panel-close{color:#b8b8bd!important}
+
+
+
+#channel-page[data-channel="rank"] .channel-tabs button{border:1px solid #ffffff0c;font-weight:400;box-sizing:border-box;transition:background .2s,border-color .2s,box-shadow .2s,filter .2s}
+#channel-page[data-channel="rank"] .channel-tabs button[aria-pressed="true"]{background:var(--action-fill);border-color:var(--action-stroke);color:#fff;box-shadow:inset 0 1px 0 #ffffff16;font-weight:400}
+#channel-page[data-channel="rank"] .channel-tabs button[aria-pressed="true"]:hover{background:var(--action-fill);box-shadow:inset 0 1px 0 #ffffff20,0 3px 12px #FFC00020}
+#channel-page[data-channel="rank"] .channel-tabs button:active{filter:brightness(.94)}
+
+
+.bottom-app-download{color:#191919}
+
+
+.side .sidebar-header .sidebar-brand-window{width:121.5px;height:42.768px}
+.side .sidebar-header .sidebar-brand{width:121.5px;height:42.768px;object-fit:contain}
+.download-panel-brand .download-brand-complete,#entry-navigation img.entry-brand-logo{display:block;width:180px;height:auto;aspect-ratio:500/176;object-fit:contain}
+.side-info .side-info-wordmark{width:90px;height:auto;aspect-ratio:500/176}
+.hg-footer-original-title>img{width:124px;height:auto;aspect-ratio:500/176}
+@media(max-width:760px){.side .sidebar-header .sidebar-brand-window,.side .sidebar-header .sidebar-brand{width:112px;height:39.424px}}
+@media(min-width:761px){.sidebar-collapsed .side .sidebar-header .sidebar-brand-window{width:36px;height:36px}.sidebar-collapsed .side .sidebar-header .sidebar-brand{content:url("/assets/160ae2de19037355.svg");width:36px;height:36px;object-fit:contain}}
+
+
+#global-site-header .hg-header-brand{height:44px}#global-site-header .hg-header-brand .hg-complete-logo{width:125px;height:44px;aspect-ratio:500/176;object-fit:contain}
+
+
+.member-library-item[hidden]{display:none!important}
+.member-history-pagination{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:32px 0 8px}
+.member-history-pagination button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;min-width:46px;height:46px;padding:0;border:0;border-radius:50%;background:#262628;color:#aaa!important;font:inherit;font-size:16px;cursor:pointer;transition:background .16s,color .16s}
+.member-history-pagination button:hover:not(:disabled){color:#fff!important;background:#363638}
+.member-history-pagination button[aria-current=page]{background:var(--accent);color:#fff!important}
+.member-history-pagination button:disabled{opacity:.4;cursor:default}
+.member-history-pagination .pagination-ellipsis{color:#909096;padding:0 5px}
+.member-history-pagination .history-page-jump{display:flex;align-items:center;gap:12px;margin-left:8px;color:#929298;font-size:16px}
+.member-history-pagination input{box-sizing:border-box;width:70px;height:46px;border:1px solid transparent;border-radius:999px;background:#262628;color:#fff;text-align:center;font:inherit;outline:none;appearance:textfield}
+.member-history-pagination input::-webkit-inner-spin-button,.member-history-pagination input::-webkit-outer-spin-button{appearance:none;margin:0}
+.member-history-pagination input:focus{border-color:var(--accent)}
+.member-history-pagination .history-page-confirm{width:94px;border-radius:999px;background:var(--accent);color:#fff!important}
+.member-history-pagination .history-page-confirm:hover{background:var(--accent);filter:brightness(1.1)}
+.member-history-pagination button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
+@media(max-width:600px){.member-history-pagination{gap:9px}.member-history-pagination button{width:38px;min-width:38px;height:38px}.member-history-pagination .history-page-jump{justify-content:center;flex-basis:100%;margin:6px 0 0}.member-history-pagination input{height:38px}.member-history-pagination .history-page-confirm{width:80px}}
+
+
+
+#drama-play-page .play-screen-controls{display:block;padding:30px 20px 12px;background:linear-gradient(transparent,rgba(0,0,0,.88));z-index:4;color:#eee}
+#drama-play-page .player-control-row{display:flex;align-items:center;gap:14px;min-height:38px}
+#drama-play-page .player-control-row button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:34px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:#eee;font-size:14px;cursor:pointer}
+#drama-play-page .player-control-row button:hover{color:var(--accent,#FFC000);background:#ffffff12}
+#drama-play-page .player-control-row button:disabled{opacity:.35;cursor:default}
+#drama-play-page .player-control-row button:focus-visible,#drama-play-page .player-range:focus-visible{outline:2px solid #FFC000;outline-offset:3px}
+#drama-play-page .player-control-row svg,#drama-play-page .play-screen-overlay button svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
+#drama-play-page .player-control-row .player-time{flex:none;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#ddd}
+#drama-play-page .player-control-spacer{flex:1}
+#drama-play-page .player-range{display:block;appearance:none;border:0;border-radius:8px;height:4px;padding:0;min-height:0;background:linear-gradient(to right,#FFC000 var(--fill,0%),#ffffff45 var(--fill,0%));cursor:pointer;accent-color:#FFC000}
+#drama-play-page .player-range::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border:0;border-radius:50%;background:#fff}
+#drama-play-page .player-range::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff}
+#drama-play-page .player-seek{width:100%;margin:0 0 10px}
+#drama-play-page .player-seek:disabled{cursor:default;opacity:.55}
+#drama-play-page .player-volume{display:flex;align-items:center;gap:6px}
+#drama-play-page .player-volume input{width:65px;margin:0}
+#drama-play-page .player-menu-wrap{position:relative}
+#drama-play-page .player-options{position:absolute;bottom:46px;right:0;width:128px;padding:7px;background:#202023f5;box-shadow:0 4px 20px #0006;border:1px solid #ffffff15;border-radius:10px}
+#drama-play-page .player-options[hidden]{display:none}
+#drama-play-page .player-options button{display:flex;width:100%;height:34px;font-size:14px}
+#drama-play-page .player-options button[aria-checked=true]{color:#FFC000;background:#FFC00014}
+#drama-play-page .player-options small{display:block;color:#999;font-size:12px;text-align:center;padding:5px 0}
+#drama-play-page .play-screen-overlay[hidden]{display:none}
+#drama-play-page .play-screen-overlay{pointer-events:none}
+#drama-play-page .play-screen-overlay button{pointer-events:auto;display:grid;place-items:center}
+#drama-play-page .play-screen-overlay button svg{width:30px;height:30px}
+#drama-play-page .play-screen-overlay button[data-show-unlock]{width:auto;height:auto;min-height:44px;padding:10px 20px;border-radius:999px;font-size:14px}
+#drama-play-page .play-screen:fullscreen{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto;background:#000}
+@media(max-width:600px){#drama-play-page .play-screen-controls{padding:24px 10px 8px}#drama-play-page .player-control-row{gap:5px}#drama-play-page .player-volume input{width:38px}#drama-play-page .player-time{font-size:10px}#drama-play-page .player-control-row button{font-size:12px}}
+
+#drama-play-page .play-screen-overlay button[data-media="toggle"]{background:transparent;box-shadow:none;width:76px;height:76px;padding:0;color:#eee;border:0}
+#drama-play-page .play-screen-overlay button[data-media="toggle"] svg{width:72px;height:72px}
+#drama-play-page .play-screen-overlay button[data-media="toggle"]:hover{color:#FFC000}
+
+
+
+#drama-play-page .play-episode-pages{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
+#drama-play-page .play-episode-pages button{border:1px solid transparent;background:#252527;color:#aaa;border-radius:8px;padding:10px 18px;font-size:14px;cursor:pointer;transition:color .15s,background .15s}
+#drama-play-page .play-episode-pages button:hover{color:#fff;background:#343436}
+#drama-play-page .play-episode-pages button[aria-pressed=true]{color:#FFC000;background:#FFC00018;border-color:#FFC00040}
+#drama-play-page .play-episode-locked{position:relative;display:grid;place-items:center;aspect-ratio:1;min-height:44px;padding:0;border:1px solid transparent;border-radius:9px;background:#252527;color:#888;font:inherit;font-size:16px;cursor:pointer}
+#drama-play-page .play-episode-locked:hover{border-color:#FFC00070;background:#303032;color:#ddd}
+#drama-play-page .episode-lock-icon{position:absolute;bottom:4px;right:4px;width:12px;height:12px;fill:none;stroke:#a9a9ae;stroke-width:1.4}
+#drama-play-page .play-episode-locked:focus-visible,#drama-play-page .play-episode-pages button:focus-visible{outline:2px solid #FFC000;outline-offset:3px}
+#play-episode-lock{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:36px;border:1px solid #3b3b3b;border-radius:40px;background:#0d0d0d;color:#fff;text-align:center;box-shadow:0 24px 90px #0005}
+#play-episode-lock::backdrop{background:#0009;backdrop-filter:blur(10px)}
+#play-episode-lock .unlock-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:32px;height:32px;padding:6px;border:0;border-radius:50%;background:transparent;color:#999;cursor:pointer}
+#play-episode-lock .unlock-close:hover{background:#ffffff0d;color:#fff}
+#play-episode-lock .unlock-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
+#play-episode-lock .unlock-coin{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border:0;background:none}
+#play-episode-lock .unlock-coin .coin-symbol{width:60px;height:60px;box-sizing:border-box;border:2px solid #ffe88c;box-shadow:inset 0 0 0 3px #ffd563}
+#play-episode-lock h2{margin:0 0 20px;font-size:26px;line-height:1.4;font-weight:600;color:#fff}
+#play-episode-lock .episode-lock-copy{margin:0 0 20px;font-size:16px;line-height:1.6;color:#929292}
+#play-episode-lock .unlock-cost-summary{display:flex;justify-content:space-between;gap:20px;padding:20px 18px;border:1px solid #303030;border-radius:14px;background:#1a1a1a;text-align:left}
+#play-episode-lock .unlock-cost-summary>div:last-child{text-align:right}
+#play-episode-lock .unlock-cost-summary span{display:block;margin-bottom:8px;color:#919191;font-size:14px}
+#play-episode-lock .unlock-cost-summary strong{font-size:18px;font-weight:500;color:#fff}
+#play-episode-lock .unlock-cost-summary .unlock-cost{color:var(--accent)}
+#play-episode-lock .unlock-confirm-note{margin:20px 0;font-size:14px;line-height:1.6;color:#929292}
+#play-episode-lock .unlock-pay{display:block;width:100%;padding:18px 12px;border:0;border-radius:20px;background:var(--accent);color:#fff!important;font-size:18px;font-weight:500;cursor:pointer;transition:filter .15s}
+#play-episode-lock .unlock-pay:hover{filter:brightness(1.07)}
+#play-episode-lock .unlock-pay:disabled,#play-episode-lock .unlock-close:disabled{cursor:wait;opacity:.6}
+#play-episode-lock .unlock-error{margin:0 0 16px;color:#ff718b;font-size:14px;line-height:1.6}
+#play-episode-lock .unlock-error[hidden]{display:none}
+#play-episode-lock .unlock-recharge{display:inline-block;margin-top:20px;padding:0;border:0;background:none;color:var(--accent)!important;font-size:18px;font-weight:500;text-decoration:none}
+#play-episode-lock .unlock-recharge:hover{color:var(--accent)!important;filter:brightness(1.15)}
+#play-episode-lock :is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:5px}
+@media(max-width:480px){#play-episode-lock{padding:28px 24px;border-radius:30px}#play-episode-lock h2{font-size:22px}}
+
+
+
+#drama-play-page .play-episodes-section{max-width:none}
+#drama-play-page .play-episode-pages{display:block;position:relative;margin-bottom:22px;padding-right:0}
+#drama-play-page .episode-page-track{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:0}
+#drama-play-page .episode-page-track::-webkit-scrollbar{display:none}
+#drama-play-page .play-episode-pages .episode-page-track button{flex:none;padding:0 12px;border:0;line-height:1.4;border-radius:8px;background:transparent;color:#999;font-size:18px;white-space:nowrap}
+#drama-play-page .play-episode-pages .episode-page-track button:hover{color:#fff!important;background:transparent;border-color:transparent}
+#drama-play-page .play-episode-pages .episode-page-track button[aria-pressed=true]{color:#fff!important;background:transparent;border-color:transparent}
+#drama-play-page .play-episode-grid{grid-template-columns:repeat(15,minmax(0,1fr));grid-auto-rows:auto;gap:12px;min-height:0;align-content:start;overflow:visible;width:100%;max-width:100%;padding-bottom:4px}
+#drama-play-page .play-episode-grid>a,#drama-play-page .play-episode-locked{position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:12px;background:#252527;color:#eee;font-size:20px;width:100%;height:auto;min-width:0;min-height:0;box-sizing:border-box}
+#drama-play-page .play-episode-grid>a:hover,#drama-play-page .play-episode-locked:hover{background:#373739;color:#fff}
+#drama-play-page .play-episode-grid>a[aria-current=true]{background:#FFC00017;color:#FFC000}
+#drama-play-page .episode-lock-corner{position:absolute;top:0;left:0;width:19px;height:16px;display:grid;place-items:center;border-radius:0 0 8px 0;background:#ffffff0d}
+#drama-play-page .episode-lock-icon{position:static;width:10px;height:10px;stroke:#888;fill:#888}
+#drama-play-page .episode-lock-icon path{fill:none;stroke-width:2}
+#drama-play-page .episode-playing{position:absolute;top:5px;right:5px;display:flex;align-items:center;gap:2px;height:9px}
+#drama-play-page .episode-playing i{display:block;width:2px;height:9px;background:currentColor;border-radius:2px}
+#drama-play-page .episode-playing i:nth-child(2){height:5px}
+#drama-play-page .episode-playing i:nth-child(3){height:7px}
+@media(max-width:600px){#drama-play-page .play-episode-grid{gap:12px}#drama-play-page .play-episode-grid>a,#drama-play-page .play-episode-locked{font-size:20px;border-radius:12px}#drama-play-page .episode-playing{top:5px;right:5px}#drama-play-page .episode-page-track{gap:22px}#drama-play-page .play-episode-pages .episode-page-track button{font-size:16px}}
+
+#drama-play-page .episode-lock-corner{width:21px;height:18px;background:#dba44312}
+#drama-play-page .episode-lock-corner .coin-symbol{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none;box-sizing:border-box;width:13px;height:13px;min-width:13px;margin:0;padding:0;border:1px solid #ffe595;border-radius:50%;background:linear-gradient(135deg,#fff1a1,#ffc735);box-shadow:inset 0 0 0 1px #ffdc69;line-height:1}
+#drama-play-page .episode-lock-corner .coin-soft-star{display:block;width:76%;height:76%;margin:0;filter:none}
+#drama-play-page .episode-vip-mark{font-size:8px;line-height:1;color:var(--accent)}
+
+#drama-play-page .play-episode-pages .episode-page-track button[aria-pressed="false"]{color:#888!important}
+#drama-play-page .play-episode-pages .episode-page-track button[aria-pressed="false"]:hover{color:#fff!important;background:transparent;border-color:transparent}
+
+
+
+#drama-play-page .play-comment-item>img{width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:50%}
+#drama-play-page .play-comment-replies{margin-top:18px;padding:16px 18px;background:#ffffff04;border-radius:12px}
+#drama-play-page .play-comment-replies .play-comment-child{padding:0;margin:0 0 20px;gap:12px}
+#drama-play-page .play-comment-replies .play-comment-child:last-child{margin-bottom:0}
+#drama-play-page .play-comment-child>img{width:30px;height:30px;flex-basis:30px}
+#drama-play-page .play-comment-child .play-comment-body p{margin:7px 0 10px;font-size:14px;line-height:1.8}
+#drama-play-page .play-reply-target{color:#bba5b0}
+#drama-play-page .play-reply-context{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px;font-size:14px;color:#bbb}
+#drama-play-page .play-reply-context button{padding:3px 6px;background:none;color:#999!important;font-size:12px}
+#drama-play-page .play-reply-context button:hover{color:#fff!important}
+#drama-play-page .play-comment-meta button{color:#888!important}
+#drama-play-page .play-comment-meta button:hover,#drama-play-page .play-comment-meta button[aria-pressed=true]{color:#FFC000!important}
+@media(max-width:600px){#drama-play-page .play-comment-replies{padding:12px 10px}#drama-play-page .play-comment-child>img{width:26px;height:26px;flex-basis:26px}}
+
+
+
+#drama-play-page .play-banner-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0;width:100%;align-items:start}
+#drama-play-page .play-banner-ad{display:block;min-width:0;margin:0;padding:0;overflow:hidden;border-radius:12px;background:transparent}
+#drama-play-page .play-banner-ad>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
+@media(max-width:600px){#drama-play-page .play-banner-ads{gap:10px}#drama-play-page .play-banner-ad{border-radius:8px}}
+
+#drama-play-page .play-episodes-section{padding-bottom:0}
+
+#drama-play-page .play-episode-grid{padding-bottom:0}
+
+
+
+#drama-play-page .play-detail-actions .play-action-icon{display:block;width:18px;height:18px;flex:0 0 18px;fill:currentColor;stroke:none;color:#aaa}
+#drama-play-page .play-detail-actions .play-action-icon path{fill:currentColor;stroke:none}
+#drama-play-page .play-detail-actions button[aria-pressed=true] .play-action-icon,#drama-play-page .play-detail-actions button:hover .play-action-icon,#drama-play-page .play-detail-actions a:hover .play-action-icon{color:#FFC000}
+#drama-play-page .play-detail-actions .play-download .play-action-icon{color:#fff;width:18px;height:18px}
+#drama-play-page .play-detail-actions button,#drama-play-page .play-detail-actions a{gap:8px}
+
+#drama-play-page .play-detail-actions button:not(.play-download):hover,
+#drama-play-page .play-detail-actions button:not(.play-download):hover>span,
+#drama-play-page .play-detail-actions a:hover,
+#drama-play-page .play-detail-actions a:hover>span{color:#FFC000!important}
+#drama-play-page .play-detail-actions .play-download .play-action-icon,
+#drama-play-page .play-detail-actions .play-download:hover .play-action-icon,
+#drama-play-page .play-detail-actions .play-download:focus-visible .play-action-icon,
+#drama-play-page .play-detail-actions .play-download:active .play-action-icon{color:#fff!important;fill:currentColor}
+
+#drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"],
+#drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]{background:var(--accent,#FFC000);border-color:var(--accent,#FFC000);color:#fff!important}
+#drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]>span,
+#drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]>span,
+#drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"] .play-action-icon,
+#drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"] .play-action-icon{color:#fff!important}
+#drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]:hover>span,
+#drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]:hover>span{color:#fff!important}
+
+#drama-play-page .play-detail-actions button[data-engage="like"],
+#drama-play-page .play-detail-actions button[data-engage="collect"]{box-sizing:border-box;flex:0 0 88px;width:88px;min-width:88px;max-width:88px;justify-content:center;padding:9px 10px;white-space:nowrap}
+
+
+
+#drama-play-page .play-sort{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #ffffff08;border-radius:11px;background:#252527}
+#drama-play-page .play-sort button{min-width:56px;padding:7px 13px;border:0;border-radius:8px;background:transparent;color:#929299!important;font-size:14px;font-weight:400;line-height:1.5;transition:color .16s,background .16s,box-shadow .16s;cursor:pointer}
+#drama-play-page .play-sort button[aria-pressed="false"]:hover{color:#eee!important;background:#ffffff0d}
+#drama-play-page .play-sort button[aria-pressed="true"]{color:#fff!important;background:#FFC000;box-shadow:0 2px 8px #0002;font-weight:400}
+#drama-play-page .play-sort button[aria-pressed="true"]:hover{background:#ff6829}
+#drama-play-page .play-sort button:active{box-shadow:inset 0 1px 4px #0003}
+#drama-play-page .play-sort button:focus-visible{outline:2px solid #ff9b73;outline-offset:2px}
+@media(prefers-reduced-motion:reduce){#drama-play-page .play-sort button{transition:none}}
+
+
+
+#search-results-page{padding-top:32px;padding-bottom:48px;min-height:80vh}
+#search-results-page .search-results-heading{margin:26px 0 28px}
+#search-results-page h1{font-size:28px;line-height:1.5;margin:0 0 12px;color:#eee;font-weight:600;overflow-wrap:anywhere}
+#search-results-page h1 em{color:var(--accent);font-style:normal}
+#search-results-page .cards :is(h2,h3) .search-keyword{color:var(--accent)!important;background:transparent;padding:0;font:inherit}
+#search-results-page .search-results-intro{color:#888;font-size:14px;line-height:1.8;margin:0 0 10px}
+#search-results-page .search-results-count{color:#aaa;font-size:14px;margin:0}
+#search-results-page .search-results-count strong{color:#eee;font-weight:400}
+.search-results-form{display:flex;gap:10px;max-width:560px;margin:22px 0 0}
+.search-results-form input{flex:1;min-width:0;padding:12px 16px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff06;color:#eee;font:inherit;outline:none}
+.search-results-form input:focus{border-color:var(--accent)}
+.search-results-form button{padding:0 24px;border-radius:10px;background:var(--accent);color:#fff}
+#search-results-page .cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px}
+@media(max-width:1180px){#search-results-page .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
+@media(max-width:760px){#search-results-page{padding-top:22px}#search-results-page h1{font-size:24px}#search-results-page .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}}
+
+
+
+#library #cards{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:28px}
+@media(max-width:1180px){#library #cards{grid-template-columns:repeat(3,minmax(0,1fr))}#library #cards>.card:nth-child(n+7){display:none}}
+@media(max-width:760px){#library #cards{grid-template-columns:repeat(2,minmax(0,1fr))}#library #cards>.card:nth-child(n+5){display:none}}
+
+
+
+:root{--global-header-height:96px}
+body{padding-top:var(--global-header-height)}
+html{scroll-padding-top:calc(var(--global-header-height) + 20px)}
+#global-site-header{position:fixed;top:0;left:0;right:0;z-index:60;box-sizing:border-box;isolation:isolate}
+#global-site-header{background:transparent;border:0;box-shadow:none}
+#global-site-header::before{content:none}
+#global-site-header>.top{position:relative;margin:0}
+@media(max-width:760px){:root{--global-header-height:152px}}
+@media(prefers-reduced-motion:reduce){#global-site-header::before{transition:none}}
+
+
+
+#global-site-header .top .search,#global-site-header .header-actions .coin-entry,#global-site-header .header-actions .download-entry{background:#ffffff09;border-color:#ffffff1c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none;opacity:1}
+#global-site-header .top .search:hover,#global-site-header .top .search:focus-within,#global-site-header .header-actions .coin-entry:hover,#global-site-header .header-actions .download-entry:hover{background:#ffffff14;border-color:#ffffff35;opacity:1}
+#global-site-header .top .search input{color:#fff;caret-color:var(--accent);text-shadow:0 1px 3px #0008}
+#global-site-header .top .search input::placeholder{color:#eeeef2;opacity:1}
+#global-site-header .header-actions .coin-entry{color:#f3cf75;text-shadow:0 1px 3px #0008}
+@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#global-site-header .top .search,#global-site-header .header-actions .coin-entry,#global-site-header .header-actions .download-entry{background:#29292de8}}
+
+
+
+.drama-data-card .drama-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px}
+.drama-data-card .drama-tags{flex:1 1 auto;min-width:0}
+.drama-data-card .drama-tags>span{flex-shrink:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.drama-data-card .drama-tags>span+span{padding-left:8px;margin-left:8px}
+.drama-data-card .drama-heat{display:inline-block;flex:0 0 auto;margin-left:auto;color:#8b9189;font-size:12px;font-weight:400;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
+@media(max-width:760px){.drama-data-card .drama-meta{gap:6px}.drama-data-card .drama-heat{font-size:12px}.drama-data-card .drama-tags>span+span{padding-left:5px;margin-left:5px}}
+
+
+
+.channel-pagination,.member-history-pagination{gap:12px;margin:30px 0 20px;font-size:14px}
+.channel-pagination .pagination-pages{gap:10px}
+.channel-pagination .pagination-pages button,.member-history-pagination>button{width:36px;min-width:36px;height:36px;padding:0;border-radius:50%;font-size:14px}
+.channel-pagination .pagination-gap,.member-history-pagination .pagination-ellipsis{padding:0 3px;font-size:14px}
+.channel-pagination .pagination-jump,.channel-pagination .pagination-jump label,.member-history-pagination .history-page-jump{gap:9px;font-size:14px}
+.member-history-pagination .history-page-jump{margin-left:0}
+.channel-pagination .pagination-jump input,.member-history-pagination .history-page-jump input{box-sizing:border-box;width:56px;height:36px;border-radius:999px;font-size:14px;padding:0 6px}
+.channel-pagination .pagination-jump button,.member-history-pagination .history-page-confirm{width:76px;min-width:76px;height:36px;padding:0 16px;font-size:14px;border-radius:999px}
+.member-history-pagination>button[aria-current="page"]:hover{background:var(--accent)}
+@media(max-width:600px){.channel-pagination,.member-history-pagination{gap:9px}.channel-pagination .pagination-pages{gap:8px}}
+
+
+
+.side .sidebar-header .sidebar-brand-window{width:121.5px;height:36px}
+.side .sidebar-header .sidebar-brand{width:121.5px;height:36px;object-fit:contain}
+@media(max-width:760px){.side .sidebar-header .sidebar-brand-window{width:112px;height:33.185px}.side .sidebar-header .sidebar-brand{width:112px;height:33.185px}}
+@media(min-width:761px){.sidebar-collapsed .side .sidebar-header .sidebar-brand-window{width:36px;height:36px}.sidebar-collapsed .side .sidebar-header .sidebar-brand{width:121.5px;height:36px}}
+
+
+.download-panel-brand .download-brand-complete{display:block;width:180px;height:auto;aspect-ratio:135/40;object-fit:contain}
+
+.side-info>strong{display:flex;align-items:baseline;gap:4px}.side-info .side-info-wordmark{display:block;width:70px;max-width:100%;height:auto;object-fit:contain}.side-info .side-info-brand-dot{display:block;flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translateY(-1px)}.side-info .side-info-slogan{white-space:nowrap;font-size:12px;letter-spacing:0;line-height:1.8}
+
+
+@media(max-width:760px){
+ :root{--global-header-height:68px;--mobile-bottom-height:calc(64px + env(safe-area-inset-bottom,0px))}
+ body{padding-bottom:var(--mobile-bottom-height)}
+ .shell{margin-left:0;padding-left:16px;padding-right:16px;max-width:100%;min-width:0}
+ .side{display:none}
+ #global-site-header{padding-left:16px;padding-right:16px;padding-top:env(safe-area-inset-top,0px)}
+ #global-site-header .top{height:68px;min-height:68px;padding:12px 0;gap:10px;flex-wrap:nowrap;box-sizing:border-box}
+ #global-site-header .top .search{order:0;flex:1 1 0;width:0;min-width:0;height:42px;padding:3px 5px 3px 13px;gap:3px}
+ #global-site-header .top .search input{font-size:14px}
+ #global-site-header .top .search button[type=submit]{width:30px;height:32px;min-width:30px;flex:0 0 30px;padding:5px}
+ #global-site-header .top .search button[type=submit] svg{width:18px;height:18px}
+ #global-site-header .header-actions{width:auto;flex:0 0 auto;gap:8px;justify-content:flex-end}
+ #global-site-header .header-actions .coin-entry{height:36px;padding:0 8px;gap:4px;margin:0}
+ #global-site-header .coin-entry .coin-symbol{width:20px;height:20px;flex:0 0 20px}
+ #global-site-header .coin-caption{font-size:0}
+ #global-site-header .coin-value{font-size:12px;white-space:nowrap}
+ #global-site-header .header-download-wrap{display:none}
+ #global-site-header .header-actions .download-entry{width:34px;height:36px;padding:0;min-width:0;margin:0;justify-content:center}
+ #global-site-header .download-entry>span{display:none}
+ #global-site-header .download-entry>svg{width:18px;height:18px}
+ #global-site-header .header-download-qr{position:fixed;top:var(--global-header-height);left:auto;right:16px;max-width:calc(100vw - 32px);box-sizing:border-box}
+ #global-site-header .account-entry{width:34px;height:34px;padding:0;gap:0}
+ #global-site-header .account-avatar,#global-site-header .account-avatar img{width:34px;height:34px}
+ #global-site-header .account-copy{display:none}
+ #global-site-header .search-discovery{position:fixed;top:calc(var(--global-header-height) - 4px);left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - var(--global-header-height) - var(--mobile-bottom-height) - 20px);padding:20px;border-radius:18px}
+ #profile-popover{position:fixed;top:var(--global-header-height);right:16px;max-width:calc(100vw - 32px)}
+ .mobile-pages{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;height:var(--mobile-bottom-height);box-sizing:border-box;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid #ffffff10;background:#171719ed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible}
+ .mobile-pages>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 0;min-width:0;min-height:44px;border-radius:10px;font-size:10px;line-height:1.2;color:#96969e;text-decoration:none}
+ .mobile-pages>a[data-page=home-road],.mobile-pages>a[data-page=apps]{display:none}
+ .mobile-pages>a svg{width:21px;height:21px;fill:currentColor}
+ .mobile-pages>a svg.mobile-account-icon{fill:none;stroke:currentColor;stroke-width:1.7}
+ .mobile-pages>a[aria-current=page]{color:var(--accent);background:none}
+ .home-content{--module-gap:30px;--promotion-gap:18px;--module-inset:0px}
+ .home-content .hero{height:440px;border-radius:18px;touch-action:pan-y}
+ .home-content .hero-art{height:100%;width:100%;object-fit:cover;object-position:64% center;opacity:.8}
+ .home-content .hero:after{background:linear-gradient(0deg,#0c1114 0%,#0c1114d9 20%,#0c111435 80%)}
+ .home-content .hero-content{inset:auto 0 100px;width:100%;padding:20px;max-width:none}
+ .home-content .hero-content .eyebrow{font-size:10px;letter-spacing:1px}
+ .home-content .hero-content h2{font-size:26px;line-height:1.35;letter-spacing:0;margin:12px 0 8px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
+ .home-content .hero-content .english{display:none}
+ .home-content .hero-content>p{font-size:12px;line-height:1.65;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
+ .home-content .hero-rating{margin-top:10px;gap:12px;font-size:12px;flex-wrap:wrap}
+ .home-content .hero-content .actions{margin-top:14px}
+ .home-content .hero-content .primary{padding:10px 18px;font-size:14px;min-height:40px}
+ .home-content .hero-previews{left:42px;right:42px;bottom:24px;max-width:none;width:auto;gap:6px}
+ .home-content .hero-preview{height:58px;min-height:0;max-height:58px;border-radius:6px}
+ .home-content .hero-preview img{height:100%;width:100%;object-fit:cover}
+ .home-content .hero-preview-arrow.prev{left:-30px}.home-content .hero-preview-arrow.next{right:-30px}
+ .home-content .hero-bottom{display:none}
+ .section-head{gap:12px}.section-head h2{font-size:20px!important;line-height:1.4}.section-head button{font-size:12px;white-space:nowrap}
+ .home-content .topic-section>.section-head,.home-content #library>.section-head{margin-bottom:16px}
+ #library #cards,.cards,#search-results-page .cards{gap:22px 12px}
+ .drama-data-card>:is(h2,h3),#info-content .member-library-item h3{font-size:14px;line-height:1.5;margin-top:9px}
+ .drama-description{font-size:12px;line-height:1.6}
+ .drama-data-card .drama-tags>span,.drama-data-card .drama-heat{font-size:10px}
+ .drama-data-card .drama-tags>span+span{margin-left:4px;padding-left:4px}
+ .drama-data-card .cover-corner-badge{font-size:12px;padding:3px 7px;top:8px;right:8px}
+ .topic-recommendation-grid{grid-template-columns:minmax(0,1fr);gap:12px}
+ .editorial-row,.editorial-row.reverse{grid-template-columns:minmax(0,1fr);gap:20px;padding:0 0 24px}
+ .editorial-row.reverse .editorial-posters,.editorial-row.reverse .editorial-copy{order:initial}
+ .editorial-posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
+ .editorial-copy{padding:4px 0}.editorial-copy h3{font-size:24px}
+ .page-breadcrumb{font-size:12px;gap:8px;flex-wrap:wrap;line-height:1.6}
+ #drama-play-page{padding-top:16px}.play-detail-layout{margin-top:16px;gap:28px}
+ #drama-play-page .series-overview{display:block;padding:18px;border-radius:16px}
+ #drama-play-page .series-poster{width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0 0 18px}
+ #drama-play-page .series-title-row h1{font-size:22px;line-height:1.45}
+ #drama-play-page .series-title-row{gap:8px}
+ #drama-play-page .series-heat{font-size:12px}
+ #drama-play-page .series-description{font-size:14px;margin:14px 0 18px}
+ #drama-play-page .series-actions{width:100%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px}
+ #drama-play-page .series-actions>a,#drama-play-page .series-actions>button{padding:10px 8px;min-height:42px;font-size:12px;white-space:nowrap}
+ #drama-play-page.is-overview .series-action-bar{gap:16px}
+ #drama-play-page.is-overview .series-action-bar .play-detail-actions{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
+ #drama-play-page .play-detail-actions [data-engage=like],#drama-play-page .play-detail-actions [data-engage=collect]{width:auto;min-width:0;max-width:none;flex-basis:auto}
+ #drama-play-page .play-detail-actions button,#drama-play-page .play-detail-actions a{padding:9px 10px;font-size:12px;justify-content:center;gap:5px}
+ #drama-play-page .play-advertisements{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:18px 0 0}
+ #drama-play-page .play-advertisements>a{flex:0 0 52px;min-width:0}
+ #drama-play-page .play-advertisements img{width:52px;height:52px;border-radius:12px}
+ #drama-play-page .play-advertisements span{font-size:10px}
+ #drama-play-page .play-episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
+ #drama-play-page .play-episode-grid a,#drama-play-page .play-episode-grid button{font-size:18px;border-radius:10px}
+ #drama-play-page .play-episode-pages .episode-page-track{gap:16px}
+ #drama-play-page .play-episode-pages .episode-page-track button{font-size:14px;padding:0;min-height:36px}
+ #drama-play-page .play-section-heading h2{font-size:18px}
+ #drama-play-page .play-banner-ads{gap:10px;margin:22px 0}
+ #drama-play-page .play-official,#drama-play-page .play-comments{padding:20px 16px;border-radius:16px}
+ #drama-play-page .play-official-line{font-size:14px;line-height:1.7}
+ #drama-play-page .play-official-inline{flex-wrap:wrap;gap:0 8px}
+ #drama-play-page .play-comment-form{padding:12px;gap:10px}
+ #drama-play-page .play-compose-avatar{width:30px;height:30px}
+ #drama-play-page .play-compose-body{min-width:0}
+ #drama-play-page .play-comment-form textarea{font-size:14px;min-height:84px}
+ #drama-play-page .play-comment-footer{gap:8px;flex-wrap:wrap;font-size:12px}
+ #drama-play-page .play-related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
+ #drama-play-page .player-control-row{gap:6px;flex-wrap:wrap}
+ #drama-play-page .play-screen-controls{padding:24px 10px 6px}
+ #drama-play-page .player-time{font-size:10px}
+ #drama-play-page .player-control-row button{min-width:26px;font-size:12px}
+ .member-summary{padding:20px;gap:20px;border-radius:16px}.member-identity{gap:14px}
+ #info-content .member-identity h2{font-size:22px}
+ .member-library-tabs{gap:0;justify-content:space-between}.member-library-tabs button{font-size:14px}
+ .member-library-toolbar{flex-direction:row;align-items:center;gap:8px;font-size:12px}
+ .member-library-cards{gap:22px 12px}
+ .channel-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px}.channel-tabs button{flex-shrink:0;font-size:14px;padding:9px 14px}
+ #search-results-page h1{font-size:22px}#search-results-page .search-results-heading{margin:20px 0 24px}
+ .ui-empty-state{min-height:260px;padding:24px 12px}.ui-empty-state>img{width:164px;height:164px}
+ .page-tools{bottom:calc(var(--mobile-bottom-height) + 14px)!important;right:12px!important}.page-tools .page-tool-download{display:block}.page-tools #floating-history{display:grid}
+ .page-tools .page-tool{width:38px;height:38px;min-width:38px;border-radius:12px}
+ .footer{font-size:12px;line-height:1.8;gap:14px;padding-bottom:24px}
+ dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}
+}
+@media(max-width:360px){#global-site-header{padding-left:12px;padding-right:12px}#global-site-header .top{gap:7px}#global-site-header .header-actions{gap:6px}#global-site-header .coin-value{font-size:12px}.home-content .hero{height:420px}}
+
+
+
+.mobile-menu-trigger{display:none}
+#mobile-navigation-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(80vw,360px);max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;padding:56px 26px 32px;border:0;border-radius:0;background:#262626;color:#eee;overflow-y:auto;overscroll-behavior:contain;box-shadow:12px 0 40px #0003}
+#mobile-navigation-drawer[open]{animation:mobile-drawer-in .22s ease-out}
+#mobile-navigation-drawer.is-closing{animation:mobile-drawer-out .18s ease-in forwards}
+#mobile-navigation-drawer::backdrop{background:#000a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
+.mobile-drawer-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:36px;height:36px;padding:6px;border:0;border-radius:8px;background:transparent;color:#fff}
+.mobile-drawer-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round}
+.mobile-drawer-brand{display:flex;justify-content:center;margin:0 0 28px}
+.mobile-drawer-brand img{display:block;width:170px;max-width:100%;height:auto}
+.mobile-drawer-links{display:grid;gap:11px}
+.mobile-drawer-links>a{display:flex;align-items:center;min-height:50px;box-sizing:border-box;padding:12px 18px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff06;color:#eee;text-decoration:none;font-size:16px;line-height:1.5}
+.mobile-drawer-links>a[aria-current=page]{color:var(--accent);border-color:#FFC0003d;background:#FFC0000a}
+.mobile-drawer-links>a:hover{background:#ffffff0c}
+.mobile-drawer-contact{margin:26px 0 20px;text-align:center;font-size:14px;line-height:2.4;color:#aaa}
+.mobile-drawer-contact p{margin:0}.mobile-drawer-contact a{color:inherit;text-decoration:none}.mobile-drawer-contact a:hover{color:var(--accent)}
+.mobile-drawer-social{display:flex;align-items:center;justify-content:center;gap:22px}
+.mobile-drawer-social a{display:grid;place-items:center;width:36px;height:36px;color:#aaa}
+.mobile-drawer-social svg{width:23px;height:23px;fill:currentColor}
+.mobile-drawer-social a+a{position:relative}.mobile-drawer-social a+a:before{content:"";position:absolute;left:-12px;width:1px;height:16px;background:#ffffff25}
+#mobile-navigation-drawer :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
+@keyframes mobile-drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
+@keyframes mobile-drawer-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}
+@media(max-width:760px){
+ :root{--mobile-bottom-height:0px}
+ body{padding-bottom:env(safe-area-inset-bottom,0px)}
+ body.mobile-drawer-open{overflow:hidden}
+ .mobile-pages{display:none!important}
+ #global-site-header .top{gap:8px}
+ #global-site-header .mobile-menu-trigger{display:grid;place-items:center;flex:0 0 30px;width:30px;height:40px;padding:4px;border:0;background:transparent;color:#eee}
+ .mobile-menu-trigger svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
+ #mobile-navigation-drawer{padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
+ .mobile-drawer-close{top:calc(12px + env(safe-area-inset-top,0px))}
+}
+@media(max-width:390px){#global-site-header .header-actions{gap:5px}#global-site-header .header-actions .coin-entry{padding:0 6px}#global-site-header .top .search{padding-left:9px}#mobile-navigation-drawer{padding-left:22px;padding-right:22px}.mobile-drawer-brand img{width:150px}}
+@media(prefers-reduced-motion:reduce){#mobile-navigation-drawer[open],#mobile-navigation-drawer.is-closing{animation:none}}
+
+
+
+.home-content .hero{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab}
+.home-content .hero img{-webkit-user-drag:none}
+.home-content .hero.is-swiping,.home-content .hero.is-swiping *{cursor:grabbing}
+.home-content .hero .hero-art.fade,.home-content .hero .hero-content.fade{animation:none}
+.home-content .hero>.hero-outgoing{position:absolute;inset:0;z-index:5;width:100%;height:100%;min-height:0;border-radius:inherit;pointer-events:none}
+.hero-mobile-pagination{display:none}
+@media(max-width:760px){
+ .home-content .hero-previews,.home-content .hero-bottom{display:none}
+ .home-content .hero-content{bottom:24px}
+ .home-content .hero-mobile-pagination{position:absolute;z-index:3;left:auto;right:16px;bottom:4px;display:flex;align-items:center;justify-content:flex-end;gap:0}
+ .hero-mobile-pagination button{display:grid;place-items:center;width:10px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
+ .hero-mobile-pagination button>span{display:block;width:5px;height:5px;border-radius:999px;background:#ffffff70;transition:background .18s,width .18s}
+ .hero-mobile-pagination button[aria-pressed="true"]{width:28px}
+ .hero-mobile-pagination button[aria-pressed="true"]>span{width:23px;background:var(--accent)}
+ .hero-mobile-count{margin-left:10px;color:#fff;font-size:12px;font-weight:500;line-height:32px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 4px #0008}
+ .hero-mobile-pagination button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}
+}
+
+
+
+#mobile-navigation-drawer{width:min(72vw,280px);padding-left:18px;padding-right:18px;background:#1d1d1f}
+#mobile-navigation-drawer .mobile-drawer-brand{justify-content:flex-start;margin-bottom:22px}
+#mobile-navigation-drawer .mobile-drawer-brand img{width:140px;height:auto}
+#mobile-navigation-drawer .mobile-drawer-links{gap:5px}
+#mobile-navigation-drawer .mobile-drawer-links>a{position:relative;gap:13px;min-height:46px;padding:12px 14px;border:0;border-radius:9px;background:transparent;font-size:14px;color:#a8a8ae}
+#mobile-navigation-drawer .mobile-drawer-links>a svg{display:block;width:21px;height:21px;flex:0 0 21px;fill:currentColor}
+#mobile-navigation-drawer .mobile-drawer-links>a:hover{background:#ffffff06;color:#eee}
+#mobile-navigation-drawer .mobile-drawer-links>a[aria-current=page]{background:#FFC00010;color:var(--accent)}
+#mobile-navigation-drawer .mobile-drawer-links>a[aria-current=page]:before{content:"";position:absolute;left:0;top:50%;width:3px;height:22px;border-radius:3px;background:var(--accent);transform:translateY(-50%)}
+#mobile-navigation-drawer .mobile-drawer-info{margin-top:26px;padding:24px 14px 0;border-top:1px solid #ffffff10}
+#mobile-navigation-drawer .mobile-drawer-info>strong{display:flex;align-items:baseline;gap:4px}
+#mobile-navigation-drawer .side-info-wordmark{display:block;width:70px;height:auto}
+#mobile-navigation-drawer .side-info-brand-dot{display:block;width:4px;height:4px;border-radius:50%;background:var(--accent)}
+#mobile-navigation-drawer .side-info-slogan{margin:12px 0 20px;color:#929298;font-size:12px;line-height:1.8;white-space:nowrap}
+#mobile-navigation-drawer .policy-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
+#mobile-navigation-drawer .policy-links a{display:flex;align-items:center;min-height:36px;color:#96969e;font-size:12px;text-decoration:none}
+#mobile-navigation-drawer .policy-links a:hover,#mobile-navigation-drawer .policy-links a[aria-current=page]{color:var(--accent)}
+#mobile-navigation-drawer .mobile-drawer-info>small{display:block;margin-top:18px;font-size:10px;line-height:1.9;color:#68686f}
+#mobile-navigation-drawer .mobile-drawer-social{justify-content:flex-start;gap:14px;margin-top:20px;padding-left:10px}
+#mobile-navigation-drawer .mobile-drawer-social a{width:36px;height:36px}
+#mobile-navigation-drawer .mobile-drawer-social img{display:block;width:22px;height:22px;object-fit:contain}
+#mobile-navigation-drawer .mobile-drawer-social a+a:before{content:none}
+
+
+
+@media(max-width:760px){
+.home-promotions .promo-marquee{overflow-x:auto;overflow-y:hidden;border-radius:0;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
+.home-promotions .promo-marquee::-webkit-scrollbar{display:none}
+.home-promotions .promo-track{display:block;width:100%;animation:none!important;transform:none}
+.home-promotions .promo-group{display:flex;flex-wrap:nowrap;gap:10px;width:100%;padding:0}
+/* Five complete tiles plus 30% of the sixth, including five gaps. */
+.home-promotions .promo-tile{flex:0 0 calc((100% - 50px) / 5.3);width:calc((100% - 50px) / 5.3);min-width:0;padding:0;scroll-snap-align:start}
+.home-promotions .promo-tile-image{width:100%;aspect-ratio:1;border-radius:22%}
+.home-promotions .promo-tile strong{display:block;margin-top:7px;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+}
+
+
+
+.mobile-cover-rank{display:none}
+@media(max-width:760px){
+ #twist-cards .media{position:relative}
+ #twist-cards .mobile-cover-rank{display:block;position:absolute;left:10px;top:auto;bottom:10px;z-index:3;font:italic 700 30px/1 Georgia,serif;letter-spacing:-1px;color:#eee;text-shadow:0 2px 5px #000c;pointer-events:none}
+ #twist-cards .ranked-card:nth-child(-n+3) .mobile-cover-rank{color:var(--accent)}
+ #twist-cards .rank-caption>strong{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
+ #twist-cards .rank-caption{gap:0;min-height:0;margin:9px 0 9px}
+ #twist-cards .rank-caption h3{margin:0;font-size:14px;font-weight:500;line-height:1.5}
+ #twist-cards .drama-description{margin:0 0 7px}
+ #twist-cards .drama-meta{margin:0}
+ #twist-cards .rank-caption>span{min-width:0;width:100%}
+}
+
+
+
+@media(max-width:760px){
+ .wide-ad-row,#drama-play-page .play-banner-ads{grid-template-columns:minmax(0,1fr);gap:10px}
+}
+
+
+
+@media(max-width:760px){
+ #martial-cards .curated-card{grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:12px;padding:12px;align-items:center}
+ #martial-cards .curated-copy{display:flex;gap:0;padding:0;align-self:center;min-width:0}
+ #martial-cards .curated-copy .pick{font-size:10px;line-height:1.4;letter-spacing:1px;padding:0;border:0;margin:0 0 6px}
+ #martial-cards .curated-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;font-size:16px;line-height:1.3;letter-spacing:0;margin:0 0 6px}
+ #martial-cards .martial-description{font-size:12px;line-height:1.4;height:2.8em;min-height:0;margin:0 0 6px}
+ #martial-cards .martial-description>span{line-height:1.4}
+ #martial-cards .curated-copy .drama-meta{width:100%;margin:0;gap:4px;line-height:1.5;flex-direction:column;align-items:flex-start}
+ #martial-cards .curated-copy .drama-heat{margin-left:0}
+ #martial-cards .curated-copy .drama-tags>span,#martial-cards .curated-copy .drama-heat{font-size:10px}
+ #martial-cards .curated-copy .watch-link{min-height:26px;padding:4px 8px;margin-top:8px;gap:8px;font-size:12px;line-height:18px;box-sizing:border-box;align-self:flex-start}
+}
+
+
+
+@media(max-width:760px){
+ .page-tools #back-to-top{display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;line-height:0}
+ .page-tools #back-to-top>svg{display:block;flex:0 0 24px;width:24px;height:24px;margin:0}
+}
+
+
+
+@media(max-width:760px){
+ .romance-editorial .editorial-copy{display:flex;justify-content:flex-end;align-items:center;padding:0;min-height:0;height:auto}
+ .romance-editorial .editorial-copy> :not(button){display:none}
+ .romance-editorial .editorial-copy>button{margin:0;padding:8px 0;min-height:36px}
+ .home-content .romance-editorial .editorial-row{gap:8px;padding:0 0 12px}
+ .home-content .romance-editorial .editorial-row+.editorial-row{padding-top:12px}
+ .home-content #romance-rows{gap:0}
+}
+
+
+
+@media(max-width:760px){
+ #drama-play-page.is-overview .series-action-bar .play-detail-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;min-width:0;margin:0}
+ #drama-play-page.is-overview .play-detail-actions>button,#drama-play-page.is-overview .play-detail-actions>a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:38px;min-height:38px;flex:initial;padding:0 1px;gap:2px;font-size:12px;line-height:1;white-space:nowrap}
+ #drama-play-page.is-overview .play-detail-actions>button>span,#drama-play-page.is-overview .play-detail-actions>a>span{white-space:nowrap;font-weight:400;line-height:1}
+ #drama-play-page.is-overview .play-detail-actions .play-action-icon{width:12px;height:12px;flex:0 0 12px;margin:0}
+}
+
+
+
+#drama-play-page .series-description-wrap{margin:18px 0 26px}
+#drama-play-page .series-description-wrap .series-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;min-height:0;max-height:none}
+#drama-play-page .series-description-wrap .series-description.is-expanded{display:block;-webkit-line-clamp:unset;overflow:visible}
+#drama-play-page .series-description-toggle{display:block;border:0;background:transparent;padding:6px 0;margin-top:3px;color:var(--accent);font-size:12px;line-height:1.5;cursor:pointer}
+#drama-play-page .series-description-toggle[hidden]{display:none}
+@media(max-width:760px){#drama-play-page .series-description-wrap{margin:14px 0 18px}}
+
+
+
+#drama-play-page .series-actions .series-download-phone{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
+
+
+
+#drama-play-page .play-comments{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
+#drama-play-page .play-sort{gap:2px;padding:3px;border-radius:999px;flex-shrink:0}
+#drama-play-page .play-sort button{min-width:42px;min-height:28px;padding:4px 8px;border-radius:999px;font-size:12px;line-height:20px;font-weight:400;box-sizing:border-box}
+#drama-play-page .play-sort button[aria-pressed="true"],#drama-play-page .play-sort button[aria-pressed="true"]:hover{background:#55555b;color:#f2f2f4!important;font-weight:400;box-shadow:none}
+
+
+
+@media(max-width:760px){
+ #drama-play-page .play-related-list{gap:22px 12px}
+ #drama-play-page .play-related .card{margin-bottom:0}
+ #drama-play-page .play-related .card :is(h2,h3){font-size:14px;font-weight:500;line-height:1.5;margin:9px 0 9px}
+ #drama-play-page .play-related .drama-description{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;min-height:0;font-size:12px;line-height:1.8;margin:0 0 7px}
+ #drama-play-page .play-related .drama-meta{margin:0}
+}
+
+
+
+@media(max-width:760px){
+ #channel-page[data-channel="apps"] .benefits-directory{width:100%;min-width:0}
+ #channel-page[data-channel="apps"] .benefits-directory>.channel-tabs{display:flex;flex-wrap:nowrap;width:100%;min-width:0;box-sizing:border-box;margin:0 0 24px;padding:8px 0;gap:8px;overflow-x:auto;scrollbar-width:none;top:var(--global-header-height);background:transparent;backdrop-filter:none}
+ #channel-page[data-channel="apps"] .benefits-directory>.channel-tabs::-webkit-scrollbar{display:none}
+ #channel-page[data-channel="apps"] .benefits-directory>.channel-tabs button{flex:0 0 auto;min-height:36px;padding:8px 12px;font-size:12px;line-height:18px;white-space:nowrap;border-radius:999px}
+ #channel-page[data-channel="apps"] .benefit-heading{margin-bottom:16px}
+ #channel-page[data-channel="apps"] .benefit-heading h2{font-size:18px;margin-bottom:6px}
+ #channel-page[data-channel="apps"] .benefit-heading p{font-size:12px;line-height:1.7}
+ #channel-page[data-channel="apps"] .benefit-section{margin-bottom:28px;scroll-margin-top:calc(var(--global-header-height) + 64px)}
+ #channel-page[data-channel="apps"] .benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 10px}
+ #channel-page[data-channel="apps"] .benefit-card{box-sizing:border-box;height:100%;padding:0;gap:8px;border:0;border-radius:0;background:transparent;justify-content:flex-start}
+ #channel-page[data-channel="apps"] .benefit-card:hover{background:transparent}
+ #channel-page[data-channel="apps"] .benefit-icon{width:100%;height:auto;max-width:72px;aspect-ratio:1;flex:none}
+ #channel-page[data-channel="apps"] .benefit-copy strong{font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
+ #channel-page[data-channel="apps"] .benefit-copy small{display:block;font-size:12px;line-height:1.6;margin-top:5px;white-space:normal;overflow:visible;-webkit-line-clamp:unset}
+}
+
+
+
+@media(max-width:760px){
+ #info-content .member-advertisements{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
+ #info-content .member-advertisements::-webkit-scrollbar{display:none}
+ #info-content .member-ad-grid{display:flex;flex-wrap:nowrap;gap:10px;width:100%;padding:0}
+ #info-content .member-ad-tile{flex:0 0 calc((100% - 50px) / 5.3);width:calc((100% - 50px) / 5.3);min-width:0;gap:7px;font-size:12px;line-height:1.4;scroll-snap-align:start}
+ #info-content .member-ad-tile img{width:100%;height:auto;aspect-ratio:1;transform:none}
+}
+
+
+
+@media(max-width:760px){
+ #info-page[data-info="account-settings"] .info-layout,#info-page[data-info="account-settings"] #info-content{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
+ #info-content .member-settings{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:20px}
+ #info-content .member-settings-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:20px}
+ #info-content .member-avatar-editor{min-width:0;gap:14px}
+ #info-content .member-avatar-controls{flex:1 1 0;min-width:0}
+ #info-content .member-avatar-controls p{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
+ #info-content .member-nickname-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0}
+ #info-content .member-nickname-editor input{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px}
+ #info-content .member-nickname-editor button{padding:0 12px;font-size:14px}
+ #info-content .member-settings-action{box-sizing:border-box;gap:12px;min-width:0}
+ #info-content .member-settings-action>span:first-child{min-width:0;flex:1}
+ #info-content .member-settings-action small{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
+ #info-content .member-settings-trailing{gap:8px;white-space:nowrap}
+ #info-content #member-avatar-confirm{display:flex;flex-wrap:wrap;gap:8px}
+ #info-content #member-avatar-confirm[hidden]{display:none}
+ #info-content #member-avatar-confirm button+button{margin-left:0}
+}
+
+
+
+@media(max-width:760px){
+ /* Keep every centered modal inside the same mobile safe gutter. */
+ body dialog:not(#mobile-navigation-drawer){box-sizing:border-box;min-width:0!important;max-width:calc(100vw - 48px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;margin:auto;overflow-y:auto;overscroll-behavior:contain}
+ body dialog:not(#mobile-navigation-drawer) form{min-width:0;max-width:100%}
+ #member-auth-dialog,#member-auth-dialog.auth-bind-mode,#wallet-payment-dialog,#member-delete-dialog,#play-episode-lock,.app-download-dialog{padding-left:20px;padding-right:20px}
+ #member-auth-dialog .auth-input-row{min-width:0}
+ #member-auth-dialog .auth-input-row input{min-width:0;font-size:14px}
+ #member-auth-dialog .auth-bind-agreement,#member-auth-dialog .auth-agreement{white-space:normal;overflow-wrap:anywhere}
+ .app-download-dialog .app-download-code{box-sizing:border-box;max-width:100%;height:auto;aspect-ratio:1}
+ .app-download-dialog .app-download-code img{max-width:100%;height:auto}
+ .app-download-dialog .app-download-link button{min-width:0;max-width:100%;width:100%}
+}
+
+
+
+body dialog button.close,body dialog button.auth-close,body dialog button.wallet-dialog-close{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;min-width:32px;padding:0;line-height:0}
+body dialog button .dialog-close-icon{display:block;width:20px;height:20px;flex:0 0 20px;margin:0;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;transform:none;pointer-events:none}
+
+
+
+ #info-content .wallet-pack-panel{box-sizing:border-box;width:100%;min-width:0;padding:20px 12px;border:1px solid #ffd39933;border-radius:24px;background:linear-gradient(150.751deg,#3228201a 0%,#16100b1a 50.05%,#3228201a 100%)}
+ #info-content .wallet-pack-heading{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 18px}
+ #info-content .wallet-pack-heading strong{font-size:16px;font-weight:500;line-height:22px;color:#ffddc4;white-space:nowrap}
+ #info-content .wallet-pack-heading>span{display:flex;align-items:center;gap:12px;font-size:12px;line-height:18px;color:#ffddc44d;white-space:nowrap}
+ #info-content .wallet-pack-heading>span:before{content:'';height:10px;width:1px;background:#ffffff1a}
+ #info-content .wallet-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}
+ #info-content .wallet-mobile-package{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;height:152px;padding:20px 4px;border:1px solid #ffd39933;border-radius:18px;overflow:visible;background:#ffffff0d;box-shadow:none;color:#fff;text-align:center}
+ #info-content .wallet-mobile-package:hover{border-color:#febf8b99;background:#ffffff12}
+ #info-content .wallet-mobile-package[aria-pressed="true"]{border-color:#febf8b;background:linear-gradient(180deg,#febe8b4d,#febe8b1a);box-shadow:inset 0 0 0 1px #febf8b}
+ #info-content .wallet-mobile-package:focus-visible{outline:2px solid #febf8b;outline-offset:3px}
+ #info-content .wallet-figma-coin{display:block;width:24px;height:24px;max-width:none;flex:0 0 24px}
+ #info-content .wallet-mobile-coins{font-size:14px;font-weight:400;line-height:20px;white-space:nowrap;color:#fff}
+ #info-content .wallet-mobile-bonus{font-size:12px;line-height:18px;white-space:nowrap;color:#999}
+ #info-content .wallet-mobile-price{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
+ #info-content .wallet-mobile-price small{font-size:12px;line-height:18px;font-weight:400}
+ #info-content .wallet-mobile-price strong{font-size:18px;line-height:24px;font-weight:600}
+ #info-content .wallet-mobile-selected{display:none;position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:24px;height:24px;max-width:none}
+ #info-content .wallet-mobile-package[aria-pressed="true"] .wallet-mobile-selected{display:block}
+ #info-content .wallet-double-badge{position:absolute;right:-5px;bottom:-6px;width:40px;height:40px;display:grid;place-items:center;pointer-events:none}
+ #info-content .wallet-double-badge>img{width:37.0911px;height:37.0911px;max-width:none}
+ #info-content .wallet-double-badge>span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;line-height:16px;color:white}
+ #info-content .wallet-mobile-package:first-child{overflow:visible}
+ #info-content .wallet-mobile-package .wallet-package-coin{width:24px;height:24px;flex:0 0 24px;border-width:2px;box-sizing:border-box;box-shadow:inset 0 0 0 2px #ffd563}
+ #info-content .wallet-mobile-package .wallet-double-badge{right:-4px;top:-10px;bottom:auto;width:32px;height:32px;transform:rotate(-8deg)}
+ #info-content .wallet-mobile-package .wallet-double-badge>img{position:absolute;width:37.0911px;height:37.0911px;transform:scale(.86)}
+ #info-content .wallet-mobile-package .wallet-double-badge>span{font-size:10px}
+ #info-content .wallet-mobile-package .wallet-mobile-selected{z-index:2;bottom:-10px}
+ #info-content .wallet-mobile-package .wallet-mobile-price{position:relative;z-index:1}
+@media(min-width:761px){
+ #info-content .wallet-pack-panel{padding:26px 24px}
+ #info-content .wallet-pack-heading{margin-bottom:24px}
+ #info-content .wallet-pack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
+ #info-content .wallet-mobile-package{height:180px;padding:24px 12px;gap:10px}
+ #info-content .wallet-mobile-package .wallet-package-coin{width:32px;height:32px;flex-basis:32px}
+ #info-content .wallet-mobile-coins{font-size:16px;line-height:22px}
+ #info-content .wallet-mobile-bonus{font-size:14px;line-height:20px}
+ #info-content .wallet-mobile-price strong{font-size:22px;line-height:28px}
+ #info-content .wallet-mobile-price small{font-size:14px}
+ #info-content .wallet-mobile-package .wallet-double-badge{width:46px;height:46px;right:-6px;top:-14px}
+ #info-content .wallet-mobile-package .wallet-double-badge>img{transform:scale(1.24)}
+ #info-content .wallet-mobile-package .wallet-double-badge>span{font-size:12px;line-height:18px}
+}
+@media(max-width:350px){
+ #info-content .wallet-pack-panel{padding-left:10px;padding-right:10px}
+ #info-content .wallet-pack-grid{column-gap:6px}
+ #info-content .wallet-mobile-coins{font-size:12px}
+ #info-content .wallet-mobile-bonus{font-size:10px}
+}
+
+
+
+@media(max-width:760px){
+ .page-tools .page-tool{display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;line-height:0}
+ .page-tools .page-tool>svg{display:block;flex:0 0 22px;width:22px;height:22px;margin:0}
+ .page-tools .download-qr-panel{display:none!important}
+}
+
+
+
+.drama-data-card .drama-heat{display:inline-flex;align-items:center;gap:3px}
+.drama-data-card .drama-heat-icon{display:block;width:12px;height:12px;flex:0 0 12px;object-fit:contain;margin:0}
+@media(max-width:760px){.drama-data-card .drama-heat-icon{width:10px;height:10px;flex-basis:10px}}
+
+
+
+body,button,input,textarea,select{font-family:var(--font-ui)}
+
+
+
+html:has(.startup-popup[open]){overflow:hidden}
+dialog.startup-popup{box-sizing:border-box;margin:auto;padding:0;border:0;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);color:#fff;font-family:var(--font-ui);box-shadow:none}
+dialog.startup-popup::backdrop{background:#000b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
+#startup-age{width:800px;background:#0d0d0d;border-radius:20px;overflow:auto}
+.startup-age-layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:360px}
+.startup-age-mark{display:grid;place-items:center;background:#1a1a1a;padding:32px}
+.startup-age-mark img{display:block}
+.startup-age-copy{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0}
+.startup-age-copy h2{font-size:24px;line-height:32px;font-weight:600;margin:0 0 16px}
+.startup-age-copy p{font-size:16px;line-height:24px;color:#999;margin:0}
+.startup-age-copy p+p{margin-top:24px}
+.startup-age-actions{display:flex;align-items:center;gap:24px}
+.startup-age-actions button{border:0;font-size:16px;line-height:24px;min-height:48px;border-radius:8px;cursor:pointer}
+.startup-age-confirm{width:240px;background:var(--accent);color:#fff;font-weight:600}
+.startup-age-leave{background:transparent;color:#999;padding:12px 16px;white-space:nowrap}
+#startup-ad,#startup-grid{width:400px;background:transparent;border-radius:0;overflow:auto;scrollbar-width:none}
+.startup-ad-image{display:block;width:100%;height:auto;aspect-ratio:400/602;object-fit:cover;border-radius:40px}
+.startup-ad-media{display:block}
+.startup-ad-media[hidden],.startup-ad-loading[hidden]{display:none}
+.startup-ad-loading{min-height:160px;display:grid;place-items:center;margin:0;border-radius:24px;background:#161616;color:#aaa;text-align:center}
+.startup-popup .startup-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:none;margin:24px auto 0;cursor:pointer}
+.startup-close img{display:block}
+.startup-promotions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:26px;row-gap:20px;padding:1px;min-width:0}
+#startup-grid{max-height:80vh;max-height:80dvh;overflow:hidden}
+/* Scrollable containers can receive a native focus ring in Chromium. */
+#startup-grid .startup-promotions{box-sizing:border-box;max-height:calc(80vh - 60px);max-height:calc(80dvh - 60px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:0;outline:none;box-shadow:none}
+#startup-grid .startup-promotions::-webkit-scrollbar{display:none}
+.startup-promotion{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#fff;min-width:0}
+.startup-promotion img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border:0;border-radius:22%;box-sizing:border-box}
+.startup-promotion span{font-size:14px;line-height:20px;white-space:nowrap}
+.startup-popup button:focus-visible,.startup-popup a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
+.startup-popup .startup-close{border-radius:50%}
+.startup-popup .startup-close:focus{outline:none}
+#startup-ad .startup-ad-media:focus{outline:none}
+#startup-grid .startup-promotion:focus{outline:none}
+#startup-grid.startup-keyboard-focus .startup-promotion:focus-visible{outline:2px solid #ffffffb3;outline-offset:-2px;border-radius:12px}
+#startup-age .startup-age-actions button:focus{outline:none;box-shadow:none}
+#startup-age.startup-keyboard-focus .startup-age-actions button:focus-visible{outline:2px solid #ffffffb3;outline-offset:-4px}
+.startup-popup.startup-keyboard-focus .startup-close:focus-visible{outline:2px solid #ffffffb3;outline-offset:-1px}
+@media(max-width:760px){
+ #startup-age .startup-age-layout{grid-template-columns:minmax(0,1fr)}
+ .startup-age-mark{padding:24px}
+ .startup-age-copy{padding:24px;gap:24px}
+ .startup-age-copy h2{font-size:20px;line-height:28px}
+ .startup-age-copy p{font-size:14px;line-height:22px}
+ .startup-age-copy p+p{margin-top:16px}
+ .startup-age-actions{gap:12px;flex-wrap:wrap}
+ .startup-age-confirm{width:100%}
+ .startup-age-leave{width:100%}
+ .startup-promotions{column-gap:12px;row-gap:16px}
+ .startup-promotion span{font-size:12px;line-height:18px}
+ .startup-ad-image{border-radius:28px}
+}
+@media(max-height:740px) and (min-width:761px){#startup-ad{width:min(400px,calc((100dvh - 108px)*400/602))}}
+
+
+
+#entry-navigation{position:relative;isolation:isolate;width:100%;min-height:100dvh;max-width:none!important;max-height:none!important;margin:0;padding:0;border:0;border-radius:0;background:#0f0f0f;color:#fff;overflow:auto;font-family:var(--font-ui);box-shadow:none}
+.entry-background{position:fixed;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.1;pointer-events:none}
+.entry-stage{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 0;box-sizing:border-box}
+.entry-content{width:375px;max-width:100%;padding:12px 28px;display:flex;flex-direction:column;align-items:center;gap:24px;box-sizing:border-box}
+.entry-content p{margin:0}
+.entry-brand{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
+.entry-brand-logo{display:block;width:180px;height:auto;aspect-ratio:135/40;object-fit:contain}
+.entry-brand p{font-size:14px;line-height:20px;color:#ffffff99;text-align:center}
+.entry-brand strong{font-size:18px;line-height:24px;color:var(--accent);font-weight:600;text-align:center}
+.entry-routes{display:flex;flex-direction:column;gap:12px;width:100%}
+.entry-route-empty{margin:0;padding:24px;text-align:center;color:#999;font-size:14px}
+.entry-route{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 16px;border-radius:12px;background:#ffffff0d;color:#f6f2f9;overflow:hidden;text-align:left;transition:background .18s ease}
+.entry-route-copy{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:20px;min-width:0}
+.entry-route-copy b{font-weight:500}
+.entry-route-copy small{font-size:14px;color:var(--accent)}
+.entry-route-cta{display:flex;align-items:center;justify-content:center;gap:2px;flex:none;border:1px solid var(--accent);border-radius:999px;padding:3px 7px;font-size:10px;line-height:16px;color:var(--accent);background:#FFC00014}
+.entry-route-cta img{display:block}
+.entry-route-glow{position:absolute;left:56px;top:-56.5px;z-index:-1;pointer-events:none;opacity:.72}
+.entry-permanent{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 16px;border-radius:12px;background:#FFC00014;font-size:14px;line-height:20px;width:100%}
+.entry-permanent span:last-child{color:var(--accent)}
+.entry-download{position:relative;isolation:isolate;overflow:hidden;width:100%;height:64px;flex:none;border-radius:12px;display:grid;place-items:center;color:#f6f2f9;font-size:14px;line-height:20px}
+.entry-download img{position:absolute;width:100%;height:280.28%;left:0;top:-62.36%;object-fit:cover;z-index:-2}
+.entry-download::before{content:"";position:absolute;inset:0;background:#0009;z-index:-1}
+.entry-contact{font-size:12px;line-height:18px;color:var(--accent);text-align:center;overflow-wrap:anywhere}
+.entry-channels{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
+.entry-channel{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:0;font-size:12px;line-height:18px;color:#fff;white-space:nowrap}
+.entry-channel-icon{display:grid;place-items:center;background:#ffffff1a;border-radius:999px;width:30px;height:30px}
+.entry-channel-icon img{display:block}
+.entry-footer{display:flex;flex-direction:column;gap:12px;font-size:12px;line-height:18px;text-align:center;color:#ffffff99;width:100%}
+@media(hover:hover){.entry-route:hover{background:#ffffff17}.entry-channel:hover,.entry-download:hover{color:var(--accent)}}
+@media(max-width:760px){.entry-background{object-position:32% center}.entry-stage{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}}
+
+
+
+.startup-age-mark .startup-age-mobile-icon,.startup-age-mobile-copy,#startup-age>.startup-close{display:none}
+@media(max-width:760px){
+ #startup-age{width:300px;background:transparent;border-radius:0}
+ #startup-age .startup-age-layout{display:flex;flex-direction:column;gap:18px;padding:24px 20px;background:#0d0d0d;border:1px solid #ffffff33;border-radius:20px;min-height:0}
+ #startup-age .startup-age-mark{padding:0;background:none}
+ .startup-age-desktop-icon{display:none!important}
+ .startup-age-mark .startup-age-mobile-icon{display:block}
+ #startup-age .startup-age-copy{padding:0;gap:18px}
+ .startup-age-desktop-copy{display:none}
+ .startup-age-mobile-copy{display:block}
+ #startup-age .startup-age-mobile-copy h2{font-size:18px;line-height:24px;margin:0 0 24px;text-align:center}
+ #startup-age .startup-age-mobile-copy p{font-size:14px;line-height:20px;text-align:justify;color:#b5b5b5}
+ #startup-age .startup-age-actions{display:flex;flex-direction:column;gap:12px}
+ #startup-age .startup-age-actions button{width:100%;height:50px;min-height:50px;border-radius:12px;padding:13px 0;font-size:18px;line-height:24px;font-weight:400}
+ #startup-age .startup-age-leave{background:#ffffff1a;color:#fff}
+ #startup-age>.startup-close{display:flex;margin-top:36px}
+ #startup-ad{width:300px}
+ #startup-ad .startup-ad-image{aspect-ratio:300/468;border-radius:24px}
+ #startup-ad .startup-close{margin-top:36px}
+ #startup-grid{width:304px}
+ #startup-grid .startup-promotions{padding:0;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
+ #startup-grid .startup-promotion{gap:3.5px}
+ #startup-grid .startup-promotion img{height:auto;aspect-ratio:1 / 1;border-radius:22%}
+ #startup-grid .startup-promotion span{font-size:12px;line-height:18px}
+ #startup-grid .startup-close{margin-top:24px}
+}
+
+
+
+#startup-age .startup-age-actions button{transition:background-color .18s ease,color .18s ease,transform .18s ease}
+@media(hover:hover) and (pointer:fine){
+ #startup-age .startup-age-confirm:hover{background:#ff6829;color:#fff;transform:translateY(-1px)}
+ #startup-age .startup-age-leave:hover{background:#ffffff20;color:#fff;transform:translateY(-1px)}
+}
+#startup-age .startup-age-actions button:active{transform:scale(.98)}
+#startup-age .startup-age-confirm:active{background:#df4000;color:#fff}
+#startup-age .startup-age-leave:active{background:#ffffff2b;color:#fff}
+@media(prefers-reduced-motion:reduce){#startup-age .startup-age-actions button{transition:none;transform:none}}
+
+
+
+.entry-channel{transition:color .18s ease}
+.entry-channel-icon{transition:background-color .18s ease}
+#entry-navigation .entry-channel-icon .entry-channel-svg{display:block;flex-shrink:0;width:16px;height:16px;fill:none;stroke:none;stroke-width:0}
+#entry-navigation .entry-channel-icon .entry-channel-svg[width="18"]{width:18px;height:18px}
+#entry-navigation .entry-channel:has(.entry-channel-svg[width="18"]) .entry-channel-icon{width:32px;height:32px}
+@media(hover:hover){#entry-navigation .entry-channel:hover{color:var(--accent)}#entry-navigation .entry-channel:hover .entry-channel-icon{background:#FFC0001f}}
+@media(prefers-reduced-motion:reduce){.entry-channel,.entry-channel-icon{transition:none}}
+
+
+
+#entry-navigation svg.entry-brand-logo{display:block;width:180px;height:auto;aspect-ratio:135/40;fill:none;stroke:none;stroke-width:0;flex-shrink:0}
+
+
+
+.sidebar-collapsed .side .sidebar-header>.sidebar-logo-toggle{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;margin:0;gap:0}
+.sidebar-collapsed .side .sidebar-header .sidebar-brand-window{margin:0;justify-self:center;align-self:center}
+
+
+
+/* Figma desktop header 40001:94038, footer 40001:93696. */
+:root{--accent:#FFC000;--hg-surface:#282828;--hg-content:1552px;--global-header-height:90px}
+.side{display:none!important}
+html body .shell,html.sidebar-collapsed body .shell{margin-left:auto!important;margin-right:auto!important;max-width:1600px;padding-left:24px;padding-right:24px}
+body{padding-top:90px}html{scroll-padding-top:110px}
+#global-site-header.shell{max-width:none;margin:0!important;padding:0 24px;background:#282828;border-bottom:0;backdrop-filter:blur(2px)}
+#global-site-header>.top{height:90px;min-height:90px;max-width:1520px;margin:0 auto;padding:0;display:flex;flex-wrap:nowrap;gap:0}
+.hg-header-brand{display:block;flex:0 0 125px;width:125px;height:36px;margin-right:60px}
+.hg-complete-logo{display:block;width:125px;height:36px;object-fit:contain}
+.hg-desktop-nav{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-right:auto}
+.hg-desktop-nav a{display:flex;align-items:center;justify-content:center;padding:6px 12px;height:34px;white-space:nowrap;color:#fff;font-size:16px;line-height:22px;border-radius:999px;transition:background .18s}
+.hg-desktop-nav a:hover{background:#ffffff0d}.hg-desktop-nav a[aria-current=page]{background:var(--accent);font-weight:400}
+#global-site-header .top .search{order:0;flex:0 1 400px;width:400px;min-width:180px;height:40px;margin:0 24px 0 30px;padding:0 18px;border:1px solid #ffffff0d;background:#ffffff0d;box-shadow:0 0 12px #0000000d;gap:12px}
+#global-site-header .top .search input{font-size:14px;color:#fff;text-shadow:none}
+#global-site-header .top .search input::placeholder{color:#ffffff59}
+#global-site-header .search button[type=submit]{display:grid;place-items:center;width:20px;height:20px;min-width:20px;padding:0;background:none}
+.hg-search-icon{display:block;width:16.6666px;height:16.6663px}
+#global-site-header .header-actions{flex:0 0 auto;gap:24px;min-width:0;margin:0}
+#global-site-header .header-actions .coin-entry{padding:0;width:28px;height:28px;background:none!important;border:0;box-shadow:none}
+#global-site-header .coin-caption{display:none}
+#global-site-header .coin-symbol{display:block;position:relative;overflow:hidden;width:28px;height:28px;flex:0 0 28px;background:none;box-shadow:none;border:0}
+#global-site-header .coin-symbol:after,#global-site-header .coin-symbol:before{content:none}
+#global-site-header .coin-symbol img{position:absolute;max-width:none;width:100%;height:100%;left:0;top:0;transform:none;filter:none}
+#global-site-header .header-download-wrap{display:none}
+#global-site-header .account-entry{padding:0 0 0 24px;position:relative;gap:8px;display:flex;flex-direction:row;align-items:center;width:auto;height:32px;border-radius:0}
+#global-site-header .account-entry:before{content:'';position:absolute;left:0;top:10px;width:1px;height:12px;background:#ffffff1a}
+#global-site-header .account-avatar,#global-site-header .account-avatar img{width:32px;height:32px;flex-basis:32px;flex-shrink:0;border-radius:50%;background:none;border:0}
+#global-site-header .account-copy{display:flex;justify-content:center}.account-copy strong{font-size:16px;font-weight:400}
+#global-site-header .account-copy small{display:none}
+.hg-footer{margin-top:70px;padding:24px max(24px,calc((100% - 1520px)/2));min-height:252px;background:#282828;border-top:1px solid #ffffff1a;color:#ffffff8c}
+.hg-footer-main{display:flex;justify-content:space-between;align-items:flex-end;gap:36px}
+.hg-footer-brand{display:flex;align-items:center;gap:18px;margin-bottom:18px}
+.hg-footer-brand .hg-logo-slot{width:178px;height:51.264px;flex-shrink:0}
+.hg-footer-brand img{transform:scale(1.424);transform-origin:left top}
+.hg-footer-brand span{font-size:18px;line-height:24px}
+.hg-footer-addresses{display:grid;gap:4px;font-size:16px;line-height:22px}
+.hg-footer-addresses a:hover,.hg-footer-links a:hover{color:var(--accent)}
+.hg-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding-bottom:2px;color:#fff;font-size:16px;line-height:22px}
+.hg-footer-links a+a{border-left:1px solid #ffffff33;padding-left:15px}
+.hg-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff0d;font-size:14px;line-height:20px}
+.hg-footer-social{display:flex;align-items:center;gap:16px}
+.hg-footer-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff1a}
+.hg-footer-social a:hover{background:var(--accent)}
+.hg-footer-social img{display:block;max-width:none}
+.hg-footer-social a:first-child img{width:24px;height:24px}.hg-footer-social a:not(:first-child) img{width:20px;height:20px}
+
+
+#entry-navigation .entry-brand-logo{display:block;width:125px;height:36px;transform:scale(1.44);transform-origin:center;margin:8px auto}
+#channel-page,#info-page{min-height:calc(100vh - 412px)}
+@media(min-width:761px){.mobile-pages{display:none!important}#global-site-header .mobile-menu-trigger{display:none!important}}
+@media(min-width:761px) and (max-width:1550px){
+ .hg-header-brand{margin-right:26px}.hg-desktop-nav{gap:8px}.hg-desktop-nav a{padding:6px 12px;font-size:14px}
+ #global-site-header .top .search{margin-left:20px;margin-right:18px;flex-basis:330px}#global-site-header .header-actions{gap:18px}.hg-footer-links{font-size:14px}
+}
+@media(min-width:761px) and (max-width:1150px){
+ #global-site-header>.top{height:114px;min-height:114px;flex-wrap:wrap;align-content:center;row-gap:12px}
+ .hg-header-brand{order:0;margin-right:auto}.hg-desktop-nav{order:3;width:100%;justify-content:center;margin:0}
+ #global-site-header .top .search{flex:0 1 340px;margin-left:20px}.hg-footer-main{align-items:flex-start;flex-direction:column;gap:24px}
+}
+@media(max-width:760px){
+ html body .shell,html.sidebar-collapsed body .shell{padding-left:16px;padding-right:16px;margin-left:0!important;margin-right:0!important}
+ body{padding-top:68px}#global-site-header.shell{padding:env(safe-area-inset-top,0px) 16px 0}
+ #global-site-header>.top{height:68px;min-height:68px;gap:8px;max-width:none}
+ .hg-header-brand,.hg-desktop-nav{display:none}#global-site-header .mobile-menu-trigger{display:grid!important}
+ #global-site-header .top .search{flex:1 1 0;min-width:0;width:0;margin:0;height:40px;padding:0 12px;gap:8px}
+ #global-site-header .header-actions{gap:10px}#global-site-header .account-entry{padding:0;width:32px;gap:0}#global-site-header .account-entry:before{content:none}#global-site-header .account-copy{display:none}
+ #global-site-header .header-actions .coin-entry{width:24px;height:24px}#global-site-header .coin-symbol{width:24px;height:24px;flex-basis:24px}
+ .hg-footer{padding:24px 20px;margin-top:40px;min-height:0}.hg-footer-main{display:block}.hg-footer-brand{align-items:flex-start;flex-direction:column;gap:12px}.hg-footer-brand span{font-size:14px}.hg-footer-addresses{font-size:12px;line-height:20px}
+ .hg-footer-links{gap:10px;margin-top:22px;font-size:12px}.hg-footer-links a+a{padding-left:10px}.hg-footer-bottom{align-items:flex-start;flex-direction:column;font-size:11px;gap:16px}
+ #mobile-navigation-drawer .mobile-drawer-brand img{width:125px;height:36px}#mobile-navigation-drawer .side-info-wordmark{width:125px;height:36px}
+ .mobile-pages{background:#282828f5}
+}
+
+
+
+:root{--global-header-height:91px}
+body{padding-top:var(--global-header-height)}
+.home-content{padding-top:24px}
+.home-content>.hero-grid{margin-top:0}
+@media(min-width:761px) and (max-width:1150px){:root{--global-header-height:115px}}
+@media(max-width:760px){:root{--global-header-height:69px}.home-content{padding-top:16px}}
+
+
+
+#global-site-header.shell{transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
+#global-site-header.shell.is-scrolled{background:rgba(30,30,32,.66);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border-bottom:0;box-shadow:0 4px 20px rgba(0,0,0,.08)}
+@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#global-site-header.shell.is-scrolled{background:rgba(30,30,32,.94)}}
+@media(prefers-reduced-motion:reduce){#global-site-header.shell{transition:none}}
+
+
+
+#global-site-header .header-download-wrap{display:block;order:-1}
+#global-site-header .header-actions .download-entry{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 14px;margin:0;border:1px solid #ffffff1c;border-radius:999px;background:#ffffff09;color:#fff;white-space:nowrap;font-size:14px}
+#global-site-header .header-actions .download-entry svg{width:18px;height:18px;flex:0 0 18px}
+#global-site-header .header-actions .coin-entry{display:flex;flex-direction:row;align-items:center;gap:7px;width:auto;height:40px;padding:0 14px;border:1px solid #ffffff1c;border-radius:999px;background:#ffffff09!important;box-shadow:none;box-sizing:border-box;white-space:nowrap}
+#global-site-header .coin-caption{display:flex;align-items:center;height:100%;font-size:0;line-height:1}
+#global-site-header .coin-value{display:flex;align-items:center;height:100%;line-height:1}
+#global-site-header .header-actions .coin-entry:hover{background:#ffffff14!important;border-color:#ffffff35}
+#global-site-header .coin-value{font-size:14px;font-weight:500;color:#f3cf75}
+@media(min-width:761px) and (max-width:1350px){
+ #global-site-header>.top{height:114px;min-height:114px;flex-wrap:wrap;align-content:center;row-gap:12px}
+ .hg-header-brand{order:0;margin-right:auto}.hg-desktop-nav{order:3;width:100%;justify-content:center;margin:0}
+ #global-site-header .top .search{flex:0 1 340px;margin-left:20px}
+}
+@media(max-width:760px){
+ #global-site-header .header-actions{gap:8px}
+ #global-site-header .header-actions .download-entry{width:30px;height:34px;padding:0;border:0;background:none}
+ #global-site-header .download-entry>span{display:none}
+ #global-site-header .header-actions .coin-entry{gap:4px;height:34px;padding:0 8px}
+ #global-site-header .coin-value{font-size:12px}
+ #global-site-header .header-download-qr{position:fixed;top:calc(var(--global-header-height) + 8px);right:16px}
+}
+
+
+
+.home-content .section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
+.home-content .section-heading-copy{min-width:0}
+.home-content .section-head h2{padding:0;margin:0;font-size:24px;line-height:1.4;letter-spacing:0;font-weight:600}
+.home-content .section-head h2::before{content:none}
+.home-content .section-head .section-heading-copy>p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#929292;font-weight:400}
+.home-content .section-head .topic-more,.home-content .section-head #reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:36px;padding:8px 14px;margin:0;border:1px solid #ffffff0d;border-radius:999px;background:#ffffff08;color:#c7c7c7;font-size:12px;line-height:18px;white-space:nowrap}
+.home-content .section-head .topic-more span,.home-content .section-head #reset span{font-size:17px;line-height:16px}
+.home-content .section-head .topic-more:hover,.home-content .section-head .topic-more:focus-visible,.home-content .section-head #reset:hover,.home-content .section-head #reset:focus-visible{background:#ffffff12;color:var(--accent)!important;border-color:#ffffff20}
+@media(max-width:760px){.home-content .section-head{gap:12px}.home-content .section-head h2{font-size:20px}.home-content .section-head .section-heading-copy>p{font-size:12px;margin-top:6px}.home-content .section-head .topic-more,.home-content .section-head #reset{gap:4px;padding:6px 10px;min-height:32px;font-size:11px}}
+
+
+
+#global-site-header .account-entry .account-copy{display:none}
+#global-site-header .account-entry{gap:0}
+.home-content #romance-rows{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 22px}
+@media(min-width:761px) and (max-width:1150px){.home-content #romance-rows{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}}
+@media(max-width:760px){.home-content #romance-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
+
+
+
+.home-content .section-head h2{position:relative;padding-left:18px}
+.home-content .section-head h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:1.1em;border-radius:999px;background:var(--accent)}
+
+
+
+#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 16px}
+.channel-ranking-cards .drama-data-card{position:relative;align-self:start}
+.channel-ranking-cards .drama-data-card .cover{overflow:visible;border-radius:8px}
+.channel-ranking-cards .drama-data-card .cover>img{border-radius:8px}
+.channel-ranking-cards .drama-data-card .cover::after{border-radius:8px}
+.channel-ranking-cards .rank-home-badge,.channel-ranking-cards .rank-home-badge[data-rank]{left:0;bottom:-22px;display:block;width:auto;min-width:0;height:auto;padding:0;border-radius:0;background:none;color:#fff;font:900 72px/.95 Arial,sans-serif;letter-spacing:-4px;-webkit-text-stroke:2px #131414;paint-order:stroke fill;text-shadow:0 2px 0 #131414}
+.channel-ranking-cards .drama-data-card>:is(h2,h3){margin:32px 0 5px;font-size:16px;line-height:1.5;font-weight:600}
+.channel-ranking-cards .drama-description{display:none}
+.channel-ranking-cards .drama-meta{margin-top:0}
+
+#channel-page[data-channel="rank"] .channel-tabs{gap:8px}
+#channel-page[data-channel="rank"] .channel-tabs button{border-radius:999px}
+@media(max-width:1000px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
+@media(max-width:600px){#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.channel-ranking-cards .rank-home-badge,.channel-ranking-cards .rank-home-badge[data-rank]{font-size:56px;bottom:-18px;letter-spacing:-3px}.channel-ranking-cards .drama-data-card>:is(h2,h3){margin-top:26px;font-size:14px}}
+
+
+
+#twist-cards .ranked-card{align-self:start;overflow:visible}
+#twist-cards .media{position:relative;overflow:visible;border-radius:8px}
+#twist-cards .media>img,#twist-cards .media::after{border-radius:8px}
+#twist-cards .rank-home-badge,#twist-cards .rank-home-badge[data-rank]{position:absolute;left:0;bottom:-22px;z-index:3;display:block;width:auto;min-width:0;height:auto;padding:0;border-radius:0;background:none;color:#fff;font:900 72px/.95 Arial,sans-serif;letter-spacing:-4px;-webkit-text-stroke:2px #131414;paint-order:stroke fill;text-shadow:0 2px 0 #131414;pointer-events:none}
+#twist-cards .rank-caption{display:block;margin:32px 0 5px}
+#twist-cards .rank-caption>span{display:block;min-width:0}
+#twist-cards .rank-caption h3{margin:0;font-size:16px;line-height:1.5;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+#twist-cards .drama-meta{margin-top:0}
+
+@media(max-width:600px){#twist-cards .rank-home-badge,#twist-cards .rank-home-badge[data-rank]{font-size:56px;bottom:-18px;letter-spacing:-3px}#twist-cards .rank-caption{margin-top:26px}#twist-cards .rank-caption h3{font-size:14px}}
+
+
+
+.ranking-carousel{position:relative;min-width:0}
+#twist-cards.ranking-rail,#channel-page[data-channel="rank"] #channel-content .channel-ranking-cards.ranking-rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--rank-visible) - 1)*var(--rank-gap))/var(--rank-visible));gap:var(--rank-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;overscroll-behavior-x:contain}
+#twist-cards.ranking-rail{--rank-visible:6;--rank-gap:18px}
+.channel-ranking-cards.ranking-rail{--rank-visible:5;--rank-gap:16px}
+.ranking-rail::-webkit-scrollbar{display:none}
+.ranking-rail>button{scroll-snap-align:start;min-width:0}
+.ranking-carousel-arrow{position:absolute;top:var(--rank-arrow-top,40%);z-index:5;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #ffffff45;border-radius:50%;background:rgba(24,25,27,.78);color:#fff;backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003;transform:translateY(-50%);cursor:pointer;transition:color .18s,background-color .18s,border-color .18s}
+.ranking-carousel-arrow.prev{left:-18px}.ranking-carousel-arrow.next{right:-18px}
+.ranking-carousel-arrow[hidden]{display:none}
+.ranking-carousel-arrow svg{display:block!important;opacity:1!important;visibility:visible!important;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;transition:none;transform:none}
+.ranking-carousel-arrow:hover,.ranking-carousel-arrow:focus-visible{background:#FFC000;color:#fff;border-color:#FFC000;transform:translateY(-50%)}
+@media(max-width:1180px){#twist-cards.ranking-rail{--rank-visible:3}}
+@media(max-width:1000px){.channel-ranking-cards.ranking-rail{--rank-visible:3}}
+@media(max-width:760px){#twist-cards.ranking-rail{--rank-visible:2}.ranking-carousel-arrow{width:32px;height:32px}.ranking-carousel-arrow.prev{left:-10px}.ranking-carousel-arrow.next{right:-10px}}
+@media(max-width:600px){.channel-ranking-cards.ranking-rail{--rank-visible:2;--rank-gap:12px}}
+
+
+
+.drama-data-card .drama-meta{justify-content:flex-start;gap:8px;flex-wrap:wrap}
+.drama-data-card .drama-meta .drama-tags{flex:0 1 auto;margin-right:0}
+.drama-data-card .drama-heat{display:inline-flex;align-items:center;gap:4px;margin-left:0;color:#ff7959;font-size:12px;line-height:18px}
+.drama-data-card .drama-heart-icon{display:block;width:12px;height:12px;fill:currentColor;stroke:none;flex:0 0 12px}
+.ranking-carousel-arrow svg path{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
+
+
+
+#twist-cards .ranking-poster-frame,.channel-ranking-cards .ranking-poster-frame{display:block;overflow:hidden;border-radius:inherit}
+#twist-cards .ranked-card .poster-source,.channel-ranking-cards .drama-data-card .poster-source{transform:scale(1);filter:none;box-shadow:none;transition:transform .38s cubic-bezier(.2,.65,.3,1)}
+#twist-cards .ranked-card:hover .rank-caption h3{color:var(--text)}
+@media(hover:hover) and (pointer:fine){#twist-cards .ranked-card:hover .poster-source,.channel-ranking-cards .drama-data-card:hover .poster-source{transform:scale(1.06)}}
+#twist-cards .ranked-card:focus-visible .poster-source,.channel-ranking-cards .drama-data-card:focus-visible .poster-source{transform:scale(1.06)}
+@media(prefers-reduced-motion:reduce){#twist-cards .ranked-card .poster-source,.channel-ranking-cards .drama-data-card .poster-source{transition:none!important;transform:none!important}}
+
+
+#hero .eyebrow b{background:rgba(255,192,0,.16);color:var(--accent)}
+
+
+.drama-data-card>.cover,.drama-data-card>.media{position:relative}
+.drama-data-card>.cover::before,.drama-data-card>.media::before{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.09) 30%,rgba(255,255,255,.025) 70%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
+
+
+
+.hg-footer{margin-top:64px;padding:44px max(32px,calc((100% - 1520px)/2)) 24px;min-height:0;background:linear-gradient(180deg,#1c1d1f,#18191b);border-top:1px solid #ffffff08;color:#939497}
+.hg-footer-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:64px;padding-bottom:34px}
+.hg-footer-main>div{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:48px}
+.hg-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:0}
+.hg-footer-brand .hg-logo-slot{display:block;width:150px;height:43.2px}
+.hg-footer-brand img{width:150px;height:43.2px;transform:none}
+.hg-footer-brand>span{font-size:13px;line-height:22px;color:#898b90;letter-spacing:1px}
+.hg-footer-addresses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:3px;font-size:14px;line-height:22px}
+.hg-footer-addresses>a{display:flex;flex-direction:column;gap:12px;min-width:0}
+.hg-address-label{font-size:12px;color:#777a80}
+.hg-address-value{font-size:14px;color:#d0d1d4;white-space:nowrap;transition:color .2s}
+.hg-address-value>span{display:inline-block;margin-left:4px;font-size:13px;color:#64676e;transition:color .2s}
+.hg-footer-addresses>a:hover .hg-address-value,.hg-footer-addresses>a:hover .hg-address-value>span{color:var(--accent)}
+.hg-footer-links{display:grid;grid-template-columns:repeat(3,max-content);gap:14px 22px;margin:0;padding:0;font-size:13px;line-height:20px;color:#b6b8bd}
+.hg-footer-links::before{content:'关于与帮助';grid-column:1/-1;margin-bottom:1px;font-size:12px;color:#777a80}
+.hg-footer-links a+a{border:0;padding:0}
+.hg-footer-bottom{margin:0;padding-top:22px;border-top:1px solid #ffffff08;font-size:12px;line-height:20px;color:#696c73}
+.hg-footer-social{gap:10px}
+.hg-footer-social a{width:32px;height:32px;border:1px solid #ffffff0b;background:#ffffff04;transition:background .2s,border-color .2s}
+.hg-footer-social a:hover{background:#FFC00018;border-color:#FFC00040}
+.hg-footer-social img{opacity:.65}.hg-footer-social a:hover img{opacity:1}
+.hg-footer-social a:first-child img{width:19px;height:19px}.hg-footer-social a:not(:first-child) img{width:16px;height:16px}
+@media(max-width:1180px){.hg-footer-main{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.hg-footer-main>div{grid-template-columns:1fr;gap:28px}.hg-footer-addresses{gap:20px}.hg-footer-links{gap:14px 16px}}
+@media(max-width:760px){.hg-footer{margin-top:40px;padding:32px 20px 24px}.hg-footer-main{grid-template-columns:1fr;gap:30px;padding-bottom:26px}.hg-footer-main>div{gap:24px}.hg-footer-brand{gap:10px}.hg-footer-brand>span{font-size:12px}.hg-footer-addresses{gap:12px}.hg-footer-addresses>a{gap:7px}.hg-address-label{font-size:11px}.hg-address-value{font-size:12px}.hg-address-value>span{display:none}.hg-footer-links{grid-template-columns:repeat(3,max-content);gap:12px 24px;font-size:12px}.hg-footer-bottom{flex-direction:row;align-items:center;gap:14px;padding-top:20px;font-size:10px}.hg-footer-social{gap:7px}.hg-footer-social a{width:28px;height:28px}}
+
+
+
+.hg-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;font-size:14px;line-height:22px;color:#a4a6a2}
+.hg-footer-links::before{content:none}
+@media(max-width:760px){.hg-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;font-size:14px}}
+
+
+
+.hg-footer-original{padding:32px max(32px,calc((100% - 1520px)/2)) 28px;background:#1e1f20}
+.hg-footer-original-info{width:220px;max-width:100%}
+.hg-footer-original-title{display:block;color:#f2f2f2;font-size:22px;line-height:1.3;font-weight:750;letter-spacing:.5px}
+.hg-footer-original-title>span{color:var(--accent);margin-left:3px}
+.hg-footer-original-slogan{margin:14px 0 28px;font-size:14px;line-height:22px;color:#93968f}
+.hg-footer-original .hg-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;color:#a4a7a1;font-size:14px;line-height:22px}
+.hg-footer-original .hg-footer-links::before{content:none}
+.hg-footer-original-copyright{display:block;margin-top:24px;color:#777c74;font-size:12px;line-height:24px}
+.hg-footer-original .hg-footer-social{display:flex;gap:12px;margin-top:28px}
+.hg-footer-original .hg-footer-social a{width:36px;height:36px;background:#ffffff09;border:0}
+@media(max-width:760px){.hg-footer-original{padding:28px 20px}.hg-footer-original-info{width:220px}}
+
+
+.hg-footer-original-title>img{display:block;width:124px;height:30px}
+
+
+.hg-footer-original-info{width:100%;max-width:100%;min-width:0}
+.hg-footer-original-title{display:flex;align-items:flex-end;gap:6px}
+.hg-footer-brand-red-dot{display:block;width:6px;height:6px;margin-bottom:3px;border-radius:50%;background:#ff3b45}
+.hg-footer-original .hg-footer-links{display:flex;align-items:center;flex-wrap:nowrap;gap:0;overflow-x:auto;padding-bottom:2px}
+.hg-footer-original .hg-footer-links>a{flex:0 0 auto;white-space:nowrap}
+.hg-footer-original .hg-footer-links>a+a{border-left:1px solid #ffffff24;margin-left:16px;padding-left:16px}
+.hg-footer-original-copyright{white-space:nowrap;margin-top:22px}
+.hg-footer-original .hg-footer-social a{display:grid;place-items:center;color:#e4e6e9}
+.hg-footer-original .hg-footer-social img,.hg-footer-original .hg-footer-social svg{width:19px;height:19px;opacity:1;fill:currentColor;max-width:100%}
+@media(max-width:760px){.hg-footer-original .hg-footer-links{font-size:12px}.hg-footer-original .hg-footer-links>a+a{margin-left:12px;padding-left:12px}.hg-footer-original-copyright{font-size:11px}}
+
+
+
+.hg-footer-original-info{display:grid;grid-template-columns:max-content minmax(0,1fr) auto;align-items:center;column-gap:22px;row-gap:22px}
+.hg-footer-original-title{grid-column:1;grid-row:1;margin:0}
+.hg-footer-original-slogan{grid-column:2;grid-row:1;margin:0}
+.hg-footer-original .hg-footer-links{grid-column:1/3;grid-row:2;padding-bottom:0}
+.hg-footer-original-copyright{grid-column:1/3;grid-row:3;margin:0}
+.hg-footer-original .hg-footer-social{grid-column:3;grid-row:2/4;align-self:center;display:flex;gap:12px;margin:0;padding-right:58px}
+.hg-footer-original .hg-footer-social a{transition:background .2s,box-shadow .2s,transform .2s;outline-offset:4px}
+.hg-footer-original .hg-footer-social a:hover,.hg-footer-original .hg-footer-social a:focus-visible{background:#FFC00026;box-shadow:inset 0 0 0 1px #FFC00070;transform:translateY(-3px)}
+.hg-footer-original .hg-footer-social img,.hg-footer-original .hg-footer-social svg{transition:filter .2s}
+.hg-footer-original .hg-footer-social a:hover img,.hg-footer-original .hg-footer-social a:hover svg{filter:brightness(1.2)}
+@media(max-width:760px){.hg-footer-original-info{grid-template-columns:max-content minmax(0,1fr);column-gap:14px;row-gap:20px}.hg-footer-original-slogan{font-size:12px;letter-spacing:0}.hg-footer-original .hg-footer-links{grid-column:1/-1}.hg-footer-original-copyright{grid-column:1/-1}.hg-footer-original .hg-footer-social{grid-column:1/-1;grid-row:4;justify-self:end;padding-right:44px}}
+@media(prefers-reduced-motion:reduce){.hg-footer-original .hg-footer-social a,.hg-footer-original .hg-footer-social img,.hg-footer-original .hg-footer-social svg{transition:none}.hg-footer-original .hg-footer-social a:hover,.hg-footer-original .hg-footer-social a:focus-visible{transform:none}}
+
+
+
+:root{--action-fill:linear-gradient(90deg,rgba(255,192,0,.6) 0%,#FFC000 100%);--action-stroke:#FFC000}
+body .primary,body .bottom-app-download,body .feedback-submit-button,body .auth-submit,body .startup-age-confirm{background:var(--action-fill);border:1px solid var(--action-stroke);color:#fff;box-sizing:border-box;transition:filter .2s,box-shadow .2s,transform .2s}
+body .primary:hover,body .bottom-app-download:hover,body .feedback-submit-button:hover,body .auth-submit:hover,body #startup-age .startup-age-confirm:hover{background:var(--action-fill);color:#fff;filter:brightness(1.1);box-shadow:0 4px 16px #FFC0001c}
+body .primary:active,body .bottom-app-download:active,body .feedback-submit-button:active,body .auth-submit:active,body #startup-age .startup-age-confirm:active{background:var(--action-fill);filter:brightness(.94);box-shadow:none}
+.hg-footer-original .hg-footer-social a{background:linear-gradient(135deg,#ffffff0b,#ffffff03);border:1px solid #ffffff16;box-shadow:inset 0 1px 0 #ffffff08}
+.hg-footer-original .hg-footer-social a:hover,.hg-footer-original .hg-footer-social a:focus-visible{background:var(--action-fill);border-color:var(--action-stroke);box-shadow:0 4px 14px #FFC00026;transform:translateY(-2px)}
+@media(prefers-reduced-motion:reduce){body .primary,body .bottom-app-download,body .feedback-submit-button,body .auth-submit,body .startup-age-confirm{transition:none}}
+
+
+
+.hg-desktop-nav a{border:1px solid transparent;transition:background .2s,border-color .2s,box-shadow .2s;color:#fff}
+.hg-desktop-nav a[aria-current=page]{background:var(--action-fill);border-color:var(--action-stroke);box-shadow:inset 0 1px 0 #ffffff16;color:#fff}
+.hg-desktop-nav a:hover:not([aria-current=page]){background:linear-gradient(90deg,#FFC00014,#FFC00024);border-color:#FFC00045;color:#fff}
+.hg-desktop-nav a[aria-current=page]:hover{background:var(--action-fill);box-shadow:inset 0 1px 0 #ffffff20,0 3px 12px #FFC00020}
+.hg-desktop-nav a:active{filter:brightness(.94)}
+@media(prefers-reduced-motion:reduce){.hg-desktop-nav a{transition:none}}
+
+
+
+.hg-desktop-nav a,.hg-desktop-nav a[aria-current=page]{font-weight:400}
+#hero .primary .hero-rounded-play{display:block;flex:0 0 16px;width:16px;height:16px;fill:currentColor;stroke:none}
+.hero-preview-arrow svg{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+
+
+
+.ui-empty-state{--empty-heading:#d5d5da;--empty-copy:#8d8d97;--empty-button-bg:#ffffff06;--empty-button-line:#ffffff25;--empty-button-text:#bfc0c8}
+.ui-empty-state>img{width:210px;height:180px;object-fit:contain;filter:brightness(.94)}
+.ui-empty-state>:is(h2,h3){color:var(--empty-heading)}.ui-empty-state>p{color:var(--empty-copy)}
+.ui-empty-state .ui-empty-action{background:var(--empty-button-bg);border-color:var(--empty-button-line);color:var(--empty-button-text)!important}
+:is([data-theme="light"],.light-mode,.theme-light) .ui-empty-state,.ui-empty-state[data-theme="light"]{--empty-heading:#36383e;--empty-copy:#85878d;--empty-button-bg:#00000003;--empty-button-line:#00000016;--empty-button-text:#62656d}
+:is([data-theme="light"],.light-mode,.theme-light) .ui-empty-state>img,.ui-empty-state[data-theme="light"]>img{filter:none}
+.ui-empty-state .ui-empty-action:hover{background:#FFC00010;border-color:var(--accent);color:var(--accent)!important}
+@media(prefers-color-scheme:light){html:not([data-theme="dark"]):not(.dark-mode):not(.theme-dark) .ui-empty-state[data-auto-theme]{--empty-heading:#36383e;--empty-copy:#85878d;--empty-button-bg:#00000003;--empty-button-line:#00000016;--empty-button-text:#62656d}}
+@media(max-width:600px){.ui-empty-state>img{width:176px;height:154px}}
+
+
+
+:root{--modal-surface:linear-gradient(45deg,rgba(17,21,24,.9) 0%,rgba(36,43,49,.9) 100%);--modal-outline:rgba(255,255,255,.05);--modal-shadow:0 6px 40px rgba(0,0,0,.5)}
+body dialog:not(#startup-ad):not(#startup-grid){background:var(--modal-surface)!important;border:1px solid var(--modal-outline)!important;box-shadow:var(--modal-shadow)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:20px!important}
+body #member-auth-dialog .auth-submit{height:46px;font-size:16px;font-weight:500;border-radius:999px;background:var(--action-fill)!important;border:1px solid var(--action-stroke)!important;color:#fff;box-shadow:inset 0 1px 0 #ffffff16}
+body #member-auth-dialog .auth-submit:hover{filter:brightness(1.1);box-shadow:inset 0 1px 0 #ffffff20,0 4px 16px #FFC0001c}
+body #member-auth-dialog .auth-submit:active{filter:brightness(.94);box-shadow:inset 0 1px 0 #ffffff16}
+@media(max-width:600px){body #startup-age{background:transparent!important;border:0!important;box-shadow:none!important}body #startup-age .startup-age-layout{background:var(--modal-surface)!important;border:1px solid var(--modal-outline)!important;box-shadow:var(--modal-shadow)!important}}
+
+
+
+@media(max-width:760px){
+ #twist-cards.ranking-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:24px 12px;overflow:visible;scroll-snap-type:none;overscroll-behavior:auto}
+ #twist-cards .ranked-card:nth-child(n+7){display:none}
+ .ranking-carousel:has(>#twist-cards)>.ranking-carousel-arrow{display:none!important}
+ body dialog#startup-age:not(#startup-ad):not(#startup-grid){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
+ body #startup-age .startup-age-layout{background:var(--modal-surface)!important;border:1px solid var(--modal-outline)!important;box-shadow:var(--modal-shadow)!important}
+ body #startup-age>.startup-close{background:transparent!important;box-shadow:none;border:0}
+ body>footer.hg-footer{display:none!important}
+ #mobile-navigation-drawer .side-info-wordmark{width:124px;height:30px;object-fit:contain}
+ #mobile-navigation-drawer .side-info-brand-dot{flex:0 0 6px;width:6px;height:6px;background:#ff3b4f;transform:translateY(-1px)}
+}
+
+
+
+html{scrollbar-gutter:stable}
+@media(max-width:760px){#global-site-header .header-download-wrap,#global-site-header .header-actions .download-entry{display:none!important}}
+
+
+
+body dialog#startup-age:not(#startup-ad):not(#startup-grid){background:linear-gradient(45deg,rgba(17,21,24,.72),rgba(36,43,49,.72))!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
+#startup-age .startup-age-mark{background:rgba(26,26,26,.35)}
+@media(max-width:760px){
+ body dialog#startup-age:not(#startup-ad):not(#startup-grid){background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
+ body #startup-age .startup-age-layout{background:linear-gradient(45deg,rgba(17,21,24,.72),rgba(36,43,49,.72))!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
+ #startup-age .startup-age-mark{background:transparent}
+}
+
+
+
+@media(min-width:761px){
+ body dialog#startup-age:not(#startup-ad):not(#startup-grid){background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
+ #startup-age .startup-age-layout{background:transparent;overflow:hidden;border-radius:20px}
+ #startup-age .startup-age-mark{background:rgba(26,30,34,.16);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
+ #startup-age .startup-age-copy{background:linear-gradient(45deg,rgba(17,21,24,.72),rgba(36,43,49,.72))}
+}
+
+
+
+.home-content .friend-links>.section-head{margin-bottom:18px}
+.friend-links-grid{display:flex;flex-wrap:wrap;align-items:center;gap:18px 12px}
+.friend-link{display:flex;align-items:center;justify-content:center;min-width:0;padding:9px 16px;flex:0 0 auto;border-radius:6px;background:rgba(255,255,255,.05);color:var(--muted);font-size:12px;line-height:22px;font-weight:400;overflow-wrap:anywhere;text-align:center;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}
+:is([data-theme="light"],.light-mode,.theme-light) .friend-link{background:rgba(0,0,0,.05);color:rgba(0,0,0,.55)}
+
+@media(max-width:760px){.friend-links-grid{gap:12px}.friend-link{font-size:12px}}
+
+@media(hover:hover){.friend-links .friend-link:hover{background:#FFC00014;border-color:#FFC00045;color:var(--accent)}}
+@media(prefers-reduced-motion:reduce){.friend-link{transition:none}}
+
+
+
+.hg-footer-original .hg-footer-original-title>img{display:block;width:180px;height:auto;aspect-ratio:500/176;object-fit:contain;flex-shrink:0}
+@media(max-width:760px){.hg-footer-original .hg-footer-original-title>img{width:150px}}
+
+
+
+html body .primary,
+html body .episodes button.active,
+html body .cinema-play,
+html body .page-tool:hover,
+html body .page-tool[aria-expanded="true"],
+html body .bottom-app-download,
+html body .app-download-link button,
+html body .channel-pagination button[aria-current="page"],
+html body #channel-page[data-channel="rank"] .channel-tabs button[aria-pressed="true"],
+html body .channel-pagination .pagination-pages button[aria-current="page"],
+html body .channel-pagination .pagination-jump button,
+html body .channel-pagination .pagination-jump button:hover:not(:disabled),
+html body .channel-pagination .pagination-jump button:focus-visible,
+html body #channel-page[data-channel="apps"] .channel-tabs button[aria-pressed="true"],
+html body .return-actions a,
+html body .feedback-submit-button,
+html body #detail .detail-play,
+html body #detail .series-episodes .episodes button.active,
+html body .member-library-tools button[data-library-action="delete"],
+html body .member-delete-actions button[value="confirm"],
+html body .member-nickname-editor button,
+html body .auth-submit,
+html body .auth-bind-mode .auth-submit,
+html body .member-avatar-controls [data-avatar-action="save"],
+html body .wallet-submit,
+html body .play-screen-overlay button,
+html body .play-detail-actions .play-download,
+html body .play-episode-grid a[aria-current="true"],
+html body .play-comment-footer button,
+html body #drama-play-page .series-actions .detail-play,
+html body #channel-page[data-channel="rank"] .channel-tabs button[aria-pressed="true"]:hover,
+html body .member-history-pagination button[aria-current=page],
+html body .member-history-pagination .history-page-confirm,
+html body .member-history-pagination .history-page-confirm:hover,
+html body #play-episode-lock .unlock-pay,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"],
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"],
+html body #drama-play-page .play-sort button[aria-pressed="true"],
+html body .search-results-form button,
+html body .member-history-pagination>button[aria-current="page"]:hover,
+html body .startup-age-confirm,
+html body .hg-desktop-nav a[aria-current=page],
+html body .hg-footer-social a:hover,
+html body .ranking-carousel-arrow:hover,
+html body .ranking-carousel-arrow:focus-visible,
+html body .primary:hover,
+html body .bottom-app-download:hover,
+html body .feedback-submit-button:hover,
+html body .auth-submit:hover,
+html body #startup-age .startup-age-confirm:hover,
+html body .primary:active,
+html body .bottom-app-download:active,
+html body .feedback-submit-button:active,
+html body .auth-submit:active,
+html body #startup-age .startup-age-confirm:active,
+html body .hg-footer-original .hg-footer-social a:hover,
+html body .hg-footer-original .hg-footer-social a:focus-visible,
+html body .hg-desktop-nav a[aria-current=page]:hover,
+html body #member-auth-dialog .auth-submit,
+html body #feedback-form .feedback-option input:checked+span{color:#191919!important}
+
+
+
+:root{--like-color:#FFC000}
+html body .drama-heat,html body .drama-data-card .drama-heat,html body .drama-likes{color:var(--like-color)}
+html body .drama-heart-icon{fill:currentColor;stroke:none}
+
+
+
+html body .page-tools{align-items:flex-end}
+html body #page-tool-download #floating-download{display:block;width:88px;height:88px;min-width:88px;padding:0;border:0;border-radius:20px;background:none;overflow:hidden;box-shadow:0 6px 22px #0005;line-height:0;transition:transform .18s,box-shadow .18s}
+html body #floating-download .floating-app-icon{display:block;width:100%;height:100%;object-fit:contain}
+html body #page-tool-download #floating-download:hover{background:none;transform:translateY(-2px);box-shadow:0 8px 26px #0007}
+html body #floating-app-close{position:absolute;z-index:2;right:-7px;top:-9px;display:grid;place-items:center;width:24px;height:24px;padding:4px;border:1px solid #ffffff55;border-radius:50%;background:#252529;color:#eee;cursor:pointer;box-shadow:0 2px 6px #0005}
+html body #floating-app-close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
+html body #floating-app-close:hover{color:#191919;background:#FFC000;border-color:#FFC000}
+@media(max-width:760px){html body #page-tool-download #floating-download{width:64px;height:64px;min-width:64px;border-radius:15px}html body #floating-app-close{width:22px;height:22px;right:-5px;top:-8px}}
+
+
+
+@keyframes app91-bounce{
+  0%,42%,100%{transform:translateY(0) scale(1)}
+  10%{transform:translateY(-10px) scale(1.025)}
+  20%{transform:translateY(0) scale(1.035,.965)}
+  29%{transform:translateY(-5px) scale(1.015)}
+  38%{transform:translateY(0) scale(1)}
+}
+html body #page-tool-download #floating-download{animation:app91-bounce 2.6s ease-in-out infinite;transform-origin:center bottom}
+html body #page-tool-download:hover #floating-download,html body #page-tool-download:focus-within #floating-download,html body #page-tool-download.is-open #floating-download,html body #page-tool-download #floating-download[aria-expanded="true"]{animation:none;transform:none}
+@media(prefers-reduced-motion:reduce){html body #page-tool-download #floating-download{animation:none}}
+
+
+
+.home-content .popular-searches{margin:0;padding:0;border:0}
+.home-content .popular-searches .section-head{margin-bottom:20px}
+.popular-search-tags{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:center}
+.popular-search-tag{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 22px;border:1px solid var(--tag-border);border-radius:999px;background:var(--tag-bg);color:var(--tag-text);font-size:15px;font-weight:600;line-height:22px;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}
+.popular-search-tag--0{--tag-bg:#df83aa20;--tag-border:#df83aa45;--tag-text:#eaa3c1}
+.popular-search-tag--1{--tag-bg:#d8b75520;--tag-border:#d8b75545;--tag-text:#e8c976}
+.popular-search-tag--2{--tag-bg:#68b5df20;--tag-border:#68b5df45;--tag-text:#91cbea}
+.popular-search-tag--3{--tag-bg:#86be9520;--tag-border:#86be9545;--tag-text:#a2d6af}
+.popular-search-tag--4{--tag-bg:#b09bd520;--tag-border:#b09bd545;--tag-text:#c5b3e5}
+.popular-search-tag:hover{color:var(--tag-text);background:var(--tag-border);border-color:var(--tag-text);transform:translateY(-2px)}
+.popular-search-tag:focus-visible{outline:2px solid #FFC000;outline-offset:4px}
+@media(max-width:760px){.home-content .popular-searches{margin:0;padding:0;border:0}.home-content .popular-searches .section-head{margin-bottom:16px}.popular-search-tags{gap:10px}.popular-search-tag{min-height:36px;padding:6px 15px;font-size:13px;line-height:22px}}
+@media(prefers-reduced-motion:reduce){.popular-search-tag{transition:none}.popular-search-tag:hover{transform:none}}
+
+
+
+.home-content #library #cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;grid-auto-flow:row;grid-auto-columns:auto;gap:18px;overflow:visible;scroll-snap-type:none;padding:0;scrollbar-width:none}
+.home-content #library #cards>.card:nth-child(n){display:block;min-width:0}
+.home-content #library #cards>.card:nth-child(n+7){display:none}
+@media(max-width:760px){.home-content #library #cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}}
+
+
+
+.home-content .romance-editorial>.section-head{align-items:center;margin-bottom:24px}
+.home-content .romance-editorial .section-heading-copy{display:flex;align-items:center;gap:24px;min-width:0}
+.home-content .romance-editorial h2{flex-shrink:0;margin:0;font-size:24px;font-weight:600;line-height:32px;white-space:nowrap}
+.must-watch-heading-divider{display:block;flex:0 0 2px;width:2px;height:12px;background:#ffffff1a}
+.home-content .romance-editorial .must-watch-filters{display:flex;align-items:center;gap:24px;margin:0}
+.home-content .must-watch-filters button{position:relative;isolation:isolate;display:block;flex:0 0 32px;width:32px;min-width:32px;height:24px;min-height:24px;margin:0;padding:0;border:0;border-radius:0;background:none;color:#ffffff8c;font-size:16px;font-weight:400;line-height:22px;white-space:nowrap}
+.must-watch-filter-label{position:relative;z-index:1;line-height:22px}
+.must-watch-filter-mark{display:none;position:absolute;left:0;top:12px;width:32px;height:12px;z-index:0;pointer-events:none}
+.must-watch-filter-mark img{display:block}
+.home-content .must-watch-filters button[aria-pressed="true"]{background:none;color:#eee;font-weight:400}
+.home-content .must-watch-filters button[aria-pressed="true"] .must-watch-filter-mark{display:block}
+.home-content .must-watch-filters button:hover{background:none;color:#fff}
+.home-content .must-watch-filters button:focus-visible{outline:2px solid #FFC000;outline-offset:5px}
+.home-content .romance-editorial .topic-more{display:inline-flex;align-items:center;gap:0;min-height:28px;padding:4px 4px 4px 10px;border:1px solid #ffffff0d;border-radius:999px;background:#ffffff0d;color:#ffffff8c;font-size:12px;line-height:18px;white-space:nowrap}
+.must-watch-more-arrow{display:block;flex:0 0 16px;width:16px;height:16px}
+.must-watch-more-arrow img{display:block}
+@media(max-width:760px){.home-content .romance-editorial>.section-head{align-items:flex-start;margin-bottom:16px}.home-content .romance-editorial .section-heading-copy{flex-wrap:wrap;gap:12px}.home-content .romance-editorial h2{font-size:20px;line-height:28px}.home-content .romance-editorial .must-watch-filters{gap:20px;flex-basis:100%}.must-watch-heading-divider{display:none}}
+
+.home-content .must-watch-filters button[aria-pressed="false"]{color:#ffffff8c!important;font-weight:400}
+.home-content .must-watch-filters button[aria-pressed="false"] .must-watch-filter-mark{display:none!important}
+.home-content .must-watch-filters button[aria-pressed="true"]{color:#f3f0e9!important;font-weight:600}
+.home-content .must-watch-filters button[aria-pressed="true"] .must-watch-filter-mark{display:block!important}
+
+
+
+.home-content .romance-editorial .section-heading-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
+.must-watch-heading-row{display:flex;align-items:center;gap:24px;min-width:0}
+.home-content .romance-editorial .section-heading-copy .must-watch-description{display:block;margin:0;color:#92958f;font-size:14px;font-weight:400;line-height:22px}
+@media(max-width:760px){.must-watch-heading-row{flex-wrap:wrap;gap:12px}.home-content .romance-editorial .section-heading-copy{gap:8px}.home-content .romance-editorial .section-heading-copy .must-watch-description{font-size:12px;line-height:20px}}
+
+
+
+html body .rank-home-badge,html body #twist-cards .rank-home-badge,html body .channel-ranking-cards .rank-home-badge,html body .rank-poster-number,html body .channel-rank-number,html body .channel-rank>.number,html body .rank-caption>strong,html body .mobile-cover-rank{font-family:Georgia,"Times New Roman",serif!important;font-weight:700;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-2px}
+
+
+
+html body #twist-cards .rank-home-badge[data-rank="1"],html body .channel-ranking-cards .rank-home-badge[data-rank="1"]{color:#FFC000}
+html body #twist-cards .rank-home-badge[data-rank="2"],html body .channel-ranking-cards .rank-home-badge[data-rank="2"]{color:#B8D8F0}
+html body #twist-cards .rank-home-badge[data-rank="3"],html body .channel-ranking-cards .rank-home-badge[data-rank="3"]{color:#E6A47B}
+html body #twist-cards .rank-home-badge[data-rank="4"],html body .channel-ranking-cards .rank-home-badge[data-rank="4"]{color:#BBA2F2}
+html body #twist-cards .rank-home-badge[data-rank="5"],html body .channel-ranking-cards .rank-home-badge[data-rank="5"]{color:#76CDB7}
+html body #twist-cards .rank-home-badge[data-rank="6"],html body .channel-ranking-cards .rank-home-badge[data-rank="6"]{color:#EF91B4}
+
+
+
+#mobile-navigation-drawer .mobile-drawer-info .mobile-drawer-brand-text{display:inline-block;color:#f3f0e9;font-family:var(--font-ui);font-size:22px;font-weight:600;line-height:30px;letter-spacing:0}
+
+
+
+@media(max-width:760px),(hover:none){
+html body #channel-page[data-channel="shorts"] #channel-content>.channel-tabs button:not([aria-pressed="true"]),html body #channel-page .adult-tabs a:not([aria-current="page"]){color:#919198!important}
+html body #channel-page[data-channel="shorts"] #channel-content>.channel-tabs button[aria-pressed="true"],html body #channel-page .adult-tabs a[aria-current="page"]{color:var(--accent)!important}
+}
+
+
+
+@media(min-width:1551px){html body #global-site-header .hg-header-brand{margin-right:24px}}
+@media(min-width:1151px) and (max-width:1550px){html body #global-site-header .hg-header-brand{margin-right:16px}}
+html body #hero .hero-content .actions>.primary,html body .bottom-app-prompt>.bottom-app-download{position:relative;isolation:isolate;overflow:hidden}
+html body #hero .hero-content .actions>.primary::after,html body .bottom-app-prompt>.bottom-app-download::after{content:"";position:absolute;top:-50%;bottom:-50%;left:-60%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-22deg);pointer-events:none;animation:primary91-shine 3.8s ease-in-out infinite}
+@keyframes primary91-shine{0%{left:-60%;opacity:0}5%{opacity:1}28%{left:140%;opacity:0}100%{left:140%;opacity:0}}
+@media(prefers-reduced-motion:reduce){html body #hero .hero-content .actions>.primary::after,html body .bottom-app-prompt>.bottom-app-download::after{animation:none;content:none}}
+
+
+
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"],
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]>span,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"] .play-action-icon,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]:hover,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]:hover>span,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]:hover .play-action-icon,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]:focus-visible,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]:focus-visible>span,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]:focus-visible .play-action-icon,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]:active,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]:active>span,
+html body #drama-play-page .play-detail-actions button[data-engage="like"][aria-pressed="true"]:active .play-action-icon,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"],
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]>span,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"] .play-action-icon,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]:hover,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]:hover>span,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]:hover .play-action-icon,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]:focus-visible,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]:focus-visible>span,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]:focus-visible .play-action-icon,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]:active,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]:active>span,
+html body #drama-play-page .play-detail-actions button[data-engage="collect"][aria-pressed="true"]:active .play-action-icon{color:#191919!important}
+
+
+
+html body #info-content #member-nickname-input:focus,html body #info-content #member-nickname-input:focus-visible{outline:none;outline-offset:0;box-shadow:none;border:1px solid var(--accent)}
+
+/* Live API content states and shared controls. */
+.api-error{color:#f47b75;font-size:13px;line-height:1.8}
+.api-empty-image{display:block;width:100px;height:120px;object-fit:cover;border-radius:16px;opacity:.65;margin-bottom:12px}
+.home-content .cards>a.card{display:block;color:inherit}
+/* Apply the HTML's module spacing and portrait frames to dynamic home sections. */
+/* Keep API promotion artwork inside the original HTML's fixed square tiles. */
+[data-promotion-row]{container-type:inline-size;--promo-gap:14px;--promo-size:calc((100cqw - 210px)/16);width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;border-radius:0;scrollbar-width:none;scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch}
+[data-promotion-row]::-webkit-scrollbar{display:none}
+[data-promotion-row] .promo-track{display:flex;width:max-content;min-width:100%;animation:none!important;transform:none;will-change:auto}
+[data-promotion-row] .promo-group{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:flex-start;gap:var(--promo-gap);width:max-content;padding:0}
+[data-promotion-row][data-looping] .promo-group{padding-right:var(--promo-gap)}
+[data-promotion-row] .promo-tile{flex:0 0 auto;width:var(--promo-size);min-width:0;padding:0}
+[data-promotion-row] .promo-tile-image{position:relative;aspect-ratio:1/1;overflow:hidden}
+[data-promotion-row] .promo-tile-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
+#info-content [data-promotion-row] .promo-tile{color:#c7c7cc;text-decoration:none}
+#info-content [data-promotion-row] .promo-tile:hover{color:var(--accent)}
+#drama-play-page .play-advertisements{display:block;min-width:0;overflow:visible}
+#drama-play-page [data-promotion-row]{--promo-size:calc((100cqw - 182px)/14)}
+#drama-play-page .play-advertisements .promo-tile-image>img{width:100%;height:100%;margin:0}
+@media(max-width:1180px){[data-promotion-row]{--promo-size:calc((100cqw - 98px)/8)}#drama-play-page [data-promotion-row]{--promo-size:calc((100cqw - 84px)/7)}}
+@media(max-width:760px){[data-promotion-row],#drama-play-page [data-promotion-row]{--promo-gap:10px;--promo-size:calc((100cqw - 50px)/5.3)}}
+.home-content #home-blocks{display:flex;flex-direction:column;gap:var(--module-gap);min-width:0}
+.home-content #home-blocks>.home-block{margin:0;min-width:0}
+.home-content .home-block .drama-data-card>.cover{width:100%;aspect-ratio:var(--portrait);background:#191b19}
+.home-content .home-block .drama-data-card>.cover>.poster-source{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
+.home-content .hero-content .primary{display:inline-flex;align-items:center;gap:10px}
+.info-layout:has(.info-nav[hidden]){grid-template-columns:minmax(0,1fr)}
+#profile-popover>a{display:block;padding:12px 18px;font-size:14px;color:var(--text)}
+#profile-popover>a:hover{background:#ffffff09;color:var(--accent)}
+#profile-popover .profile-popover-head>img{border-radius:50%;object-fit:cover}
+.channel-tabs>a{display:inline-block;padding:10px 18px;border-radius:8px;color:var(--muted);font-size:14px}
+.channel-tabs>a[aria-current=page]{color:var(--accent);background:#FFC00014}
+.channel-pagination .pagination-pages{flex-wrap:wrap;justify-content:center}
+.channel-pagination .pagination-pages>a,.channel-pagination .pagination-pages>span[aria-disabled]{display:grid;place-items:center;flex-shrink:0;width:36px;min-width:36px;height:36px;border:0;border-radius:50%;padding:0;background:#28282b;color:#aaa;font-size:14px}
+.channel-pagination .pagination-pages>a:hover:not([aria-current="page"]){background:#343438;color:var(--accent)}
+html body .channel-pagination .pagination-pages>a[aria-current="page"]{background:var(--accent);color:#171713}
+.channel-pagination .pagination-pages>span[aria-disabled]{opacity:.4;cursor:default}
+.channel-pagination .pagination-jump{flex-shrink:0;white-space:nowrap}
+.channel-pagination .pagination-jump input{color:var(--text)}
+html body .channel-pagination .pagination-jump button{background:var(--accent);color:#191919!important}
+@media(max-width:600px){.channel-pagination .pagination-pages{gap:8px}}
+#channel-page[data-channel="rank"] .rank-tabs>a{flex-shrink:0;border:1px solid #ffffff0c;border-radius:999px;background:#ffffff05;white-space:nowrap;transition:background .2s,border-color .2s,filter .2s}
+html body #channel-page[data-channel="rank"] .rank-tabs>a[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:#171713}
+#channel-page[data-channel="rank"] .rank-tabs>a:hover{color:var(--accent);border-color:#FFC00055}
+#channel-page[data-channel="rank"] .rank-tabs>a:active{filter:brightness(.94)}
+@media(max-width:760px){#channel-page[data-channel="rank"] .rank-tabs>a{padding:9px 14px}}
+@media(prefers-reduced-motion:reduce){#channel-page[data-channel="rank"] .rank-tabs>a{transition:none}}
+.member-settings input,.member-settings textarea,.feedback-form input,.feedback-form textarea,.feedback-form select{display:block;width:100%;background:#222;color:var(--text);border:1px solid #ffffff20;border-radius:8px;padding:12px;margin-top:8px;font:inherit}
+.member-settings textarea,.feedback-form textarea{min-height:120px;resize:vertical}
+.feedback-form{display:grid;gap:24px}
+.api-transaction{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}
+.api-transaction time{color:var(--muted);font-size:12px}
+.play-comment{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--line);min-width:0}
+.play-comment>div{flex:1;min-width:0}.play-comment>img{width:40px;height:40px;object-fit:cover;border-radius:50%}
+.play-comment p{white-space:pre-wrap;overflow-wrap:anywhere;color:#ccc;font-size:14px}.play-comment time{font-size:12px;color:var(--muted)}
+.play-comment-actions{display:flex;gap:20px;margin-top:10px;font-size:12px;color:#999}
+.play-comment-actions button[aria-pressed=true]{color:var(--accent)}
+.wallet-methods label{display:block;padding:14px;border:1px solid var(--line);border-radius:10px}
+.wallet-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
+@media(max-width:760px){.api-transaction{flex-wrap:wrap;gap:8px}.home-content .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.play-comment .play-comment{gap:8px}.play-comment .play-comment>img{width:28px;height:28px}.wallet-topbar{align-items:flex-start;flex-direction:column}}
+
+/* Detail markup follows the original HTML, with live API content. */
+#drama-play-page .play-detail-layout--single{grid-template-columns:minmax(0,1fr)}
+#drama-play-page .series-info{overflow-wrap:anywhere}
+#drama-play-page .series-actions>[hidden]{display:none}
+#drama-play-page .series-actions:has(>[hidden]){grid-template-columns:minmax(0,1fr)}
+#drama-play-page .series-unavailable{color:#999;font-size:14px}
+#drama-play-page .play-banner-ad>span{display:none}
+#drama-play-page .play-compose-body:has(#comment-error:empty) #comment-error{display:none}
+#drama-play-page .play-episode-grid>.ui-empty-state{grid-column:1/-1}
+#drama-play-page .play-episode-pages:empty{display:none}
+
+/* Keep the original section spacing even when the API supplies no banner ads. */
+#drama-play-page .play-banner-ads{margin:26px 0}
+#drama-play-page .play-episodes-section+.play-official{margin-top:26px}
+#drama-play-page .play-official+.play-comments{margin-top:28px}
+@media(max-width:760px){
+ #drama-play-page .play-banner-ads{margin:22px 0}
+ #drama-play-page .play-episodes-section+.play-official{margin-top:22px}
+}
+
+/* Dynamic page markup uses the same frames and controls as the HTML reference. */
+.channel-shell .drama-data-card>.cover,#search-results-page .drama-data-card>.cover,.play-related .drama-data-card>.cover{width:100%;aspect-ratio:var(--portrait);background:#191b19}
+.channel-shell .drama-data-card>.cover>.poster-source,#search-results-page .drama-data-card>.cover>.poster-source,.play-related .drama-data-card>.cover>.poster-source{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
+.channel-ranking-cards .ranking-poster-frame{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
+.channel-ranking-cards .ranking-poster-frame>.poster-source{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
+.member-library-tabs>a{position:relative;flex-shrink:0;padding:16px 0 20px;color:#929299;font-size:16px;font-weight:500;white-space:nowrap}
+.member-library-tabs>a[aria-current="page"]{color:var(--accent)}
+.member-library-tabs>a[aria-current="page"]::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:26px;height:3px;border-radius:3px;background:var(--accent)}
+.member-library-tabs>a:hover{color:var(--accent)}
+#info-content .member-library-title{display:inline;margin:0;font:inherit;color:inherit}
+#info-content .member-library-item .cover>.poster-source{position:absolute;inset:0}
+.member-settings input[hidden]{display:none!important}
+#info-content .member-settings-card .member-avatar-controls p{margin:8px 0 0;font-size:12px;color:#888;line-height:1.7}
+.member-settings-card .member-nickname-editor input{margin:0}
+.member-settings-card .member-introduction-label{margin-top:24px}
+.member-settings-card .member-security-password{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}
+.member-security-password>summary{list-style:none;cursor:pointer}.member-security-password>summary::-webkit-details-marker{display:none}
+.member-security-password[open]>summary>span:last-child{transform:rotate(90deg)}
+.member-security-password form{padding:0 0 20px}.member-security-password .primary{border-radius:999px;font-size:14px;padding:12px 24px}
+#member-auth-dialog:not(.auth-bind-mode) .auth-password-row input{padding-right:52px}
+#member-auth-dialog .auth-password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
+#member-auth-dialog .auth-footer button{padding:0;background:none;color:#bbb;font-size:12px}
+#member-auth-dialog .auth-footer button:hover{color:var(--accent)}
+#feedback-form .feedback-status{display:block;min-height:24px;margin-top:12px;color:var(--accent);font-size:14px;line-height:1.7}
+#info-page[data-info="help-center"] #info-content h2:not(:first-child){margin-top:30px}
+html body .hg-footer-original .hg-footer-original-title .footer-brand-text{display:block;margin:0;color:#f3f0e9;font-family:var(--font-ui);font-size:24px;font-weight:600;line-height:32px;letter-spacing:0}
+@media(min-width:1151px){html body #global-site-header .hg-desktop-nav{gap:24px}}
+@media(min-width:761px) and (max-width:1150px){html body #global-site-header .hg-desktop-nav{gap:20px}}
+
+/* API navigation groups retain the existing navigation typography and colors. */
+.site-navigation-icon{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain}
+.site-nav-group>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;color:inherit}
+.site-nav-group>summary::-webkit-details-marker{display:none}
+.site-nav-caret{margin-left:auto;font-size:12px}
+.site-nav-group[open]>.site-nav-caret,.site-nav-group[open]>summary>.site-nav-caret{transform:rotate(180deg)}
+.side>nav>.site-nav-group>summary{padding:14px 16px;color:#96969e;border-radius:10px}
+.side>nav>.site-nav-group:has([aria-current=page])>summary{color:var(--accent)}
+.site-nav-children>a{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#96969e;text-decoration:none;border-radius:10px}
+.site-nav-children>a:hover{background:#ffffff08}
+.site-nav-children>a[aria-current=page]{color:var(--accent);background:#FFC00010}
+.side .site-nav-children{padding-left:14px}
+.hg-desktop-nav>.site-nav-group{position:relative}
+.hg-desktop-nav>.site-nav-group>summary{padding:6px 12px;min-height:34px;white-space:nowrap;font-size:16px}
+.hg-desktop-nav .site-nav-children{position:absolute;z-index:90;top:100%;left:0;min-width:150px;padding:8px;border:1px solid #ffffff15;border-radius:12px;background:#222;box-shadow:0 12px 32px #0006}
+.hg-desktop-nav .site-nav-children>a{justify-content:flex-start;height:auto}
+.site-navigation-status{display:block;padding:12px;color:#929298;font-size:13px;white-space:nowrap}
+#mobile-navigation-drawer .site-nav-group>summary{padding:12px 14px;color:#a8a8ae}
+#mobile-navigation-drawer .site-nav-children{padding-left:12px}
+@media(max-width:760px){.mobile-pages{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(64px,1fr);overflow-x:auto}.mobile-pages>a{flex-shrink:0}}
+@media(max-width:760px){.member-library-tabs{gap:26px}.member-library-tabs>a{font-size:14px;padding:14px 0 18px}}
+
+/* Search uses the HTML empty state and section/card spacing with real API results. */
+#search-results-page .search-empty>img{width:210px;height:210px;object-fit:contain;margin:0 0 8px;opacity:1}
+#search-results-page .search-recommendations{margin-top:48px;min-width:0}
+#search-results-page .search-recommendations>.section-head{margin:0 0 24px}
+#search-results-page .search-recommendations .topic-more{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--text);white-space:nowrap}
+#search-results-page .search-recommendations .topic-more:hover{color:var(--accent)}
+@media(max-width:760px){#search-results-page .search-empty>img{width:176px;height:176px}#search-results-page .search-recommendations{margin-top:32px}#search-results-page .search-recommendations>.section-head{margin-bottom:20px}}
+
+/* Stable homepage heading remains available to assistive technology without changing layout. */
+.home-page-title,.entry-page-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
+
+/* Search dropdown links retain the compact controls and cards from the HTML reference. */
+#global-site-header .search-history-tags>a{display:inline-flex;max-width:100%;padding:7px 12px;border-radius:8px;background:#ffffff08;color:#aaa;font-size:12px;overflow-wrap:anywhere}
+#global-site-header .search-history-tags>a:hover{background:#ffffff0a;color:var(--accent)}
+#global-site-header .search-suggestion-list>.search-suggestion{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:34px;padding:4px 0;border-radius:8px;text-align:left}
+#global-site-header .search-suggestion:hover{background:#ffffff0a}
+#global-site-header .search-suggestion:nth-child(1) .suggestion-number{background:linear-gradient(135deg,#ffd095,#ed9b3b);color:#fff}
+#global-site-header .search-suggestion:nth-child(2) .suggestion-number{background:linear-gradient(135deg,#d3eaf7,#8aaebd);color:#fff}
+#global-site-header .search-suggestion:nth-child(3) .suggestion-number{background:linear-gradient(135deg,#ffd0b5,#df9277);color:#fff}
+#global-site-header .search-pick-cover{aspect-ratio:2/3}
+#global-site-header .search-pick-cover>.poster-source{display:block;width:100%;height:100%;object-fit:cover}
+@media(min-width:761px){#global-site-header .search-discovery{width:458px}}
+
+/* Give detail actions immediate request feedback without replacing the page. */
+#drama-play-page button[data-request-pending]{cursor:wait;opacity:.75}
+#drama-play-page button[data-request-pending]::before{content:'';display:inline-block;flex:0 0 14px;width:14px;height:14px;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:request-pending-spin .7s linear infinite;vertical-align:middle}
+#drama-play-page button[data-request-pending]>.play-action-icon{display:none}
+#drama-play-page .play-comment-meta button[data-request-pending],#drama-play-page .play-comment-footer button[data-request-pending]{display:inline-flex;align-items:center;gap:7px}
+@keyframes request-pending-spin{to{transform:rotate(360deg)}}
+@media(prefers-reduced-motion:reduce){#drama-play-page button[data-request-pending]::before{animation:none}}
diff --git a/src/app/h5/m3u8/[...path]/route.ts b/src/app/h5/m3u8/[...path]/route.ts
new file mode 100644
index 0000000..826382b
--- /dev/null
+++ b/src/app/h5/m3u8/[...path]/route.ts
@@ -0,0 +1,10 @@
+import { proxyMedia } from '@/lib/api/media';
+
+export const runtime = 'nodejs';
+export const dynamic = 'force-dynamic';
+
+export async function GET(request: Request, context: {params: Promise<{path: string[]}>}) {
+  const {path} = await context.params;
+  if (path.some(part => !part || part === '..' || part === '.' || /[\\/?#\u0000-\u001f]/.test(part))) return new Response(null,{status:400});
+  return proxyMedia(request,'/h5/m3u8/'+path.map(encodeURIComponent).join('/'));
+}
diff --git a/src/app/healthz/route.ts b/src/app/healthz/route.ts
new file mode 100644
index 0000000..7b220a5
--- /dev/null
+++ b/src/app/healthz/route.ts
@@ -0,0 +1,6 @@
+export const dynamic='force-dynamic';
+
+export function GET() {
+  return Response.json({status:'ok',environment:process.env.APP_ENV||'production',application:'91-drama-next'},
+    {headers:{'Cache-Control':'no-store','X-Robots-Tag':'noindex, nofollow'}});
+}
diff --git a/src/app/icon.svg b/src/app/icon.svg
new file mode 100644
index 0000000..a6db8b2
--- /dev/null
+++ b/src/app/icon.svg
@@ -0,0 +1,32 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_46678_103162)">
+<rect x="-108" y="-67" width="700" height="748" fill="#FEDC5A"/>
+<path d="M98.0592 271.012C90.5364 265.446 83.1513 258.664 75.7852 252.703C71.5678 249.293 63.6888 245.266 63.6603 239.149C63.6223 231.446 71.7198 227.394 78.2785 230.738C82.2774 232.775 89.4346 243.917 92.2984 248.063C95.5944 252.827 105.392 266.362 106.94 270.955C107.563 272.812 107.016 274.992 104.775 274.973C104.267 274.973 98.8429 271.586 98.064 271.012H98.0592Z" fill="black"/>
+<path d="M60.0058 275.091C60.0248 275.039 60.6422 275.005 60.799 274.64C62.7414 270.199 64.7931 267.962 70.1218 268.337C75.403 268.708 93.0607 281.369 97.8433 285.254C99.4818 286.589 102.441 288.313 101.619 290.83C100.702 293.632 93.3362 290.683 91.4222 290.246C83.7237 288.493 73.2705 286.788 66.0754 284.247C63.4111 283.307 61.7536 281.773 60.8085 279.066C60.6185 278.52 59.9298 275.271 60.0058 275.086V275.091Z" fill="black"/>
+<path d="M284.689 167.545C291.803 182.97 286.128 213.28 280.267 229.66C261.437 282.287 215.07 322.171 157.983 324.893C149.843 325.282 141.817 324.536 133.738 323.929C130.77 323.705 128.481 324.584 125.75 322.893C123.57 321.544 122.502 319.099 122.544 316.562C122.663 309.932 134.294 289.363 139.452 284.989C145.678 279.708 149.344 281.712 156.559 281.199C169.614 280.268 182.399 275.619 192.829 268.077C195.702 266.002 198.366 263.432 200.936 260.991C184.147 266.059 167.838 266.923 151.187 260.887C132.674 254.176 120.626 240.55 114.86 221.7C111.925 212.116 112.481 206.859 112.134 196.886C111.246 171.282 131.326 140.645 152.83 126.44C196.101 97.8585 265.141 107.965 283.298 161.071C283.886 162.791 284.176 166.424 284.694 167.545H284.689ZM169.595 121.135C168.93 120.793 168.327 121.434 168.65 121.6C169.315 121.942 169.918 121.301 169.595 121.135ZM168.17 121.605L162.011 124.697C163.754 124.155 165.33 123.267 167.054 122.597C167.734 122.336 168.436 123.053 168.175 121.605H168.17ZM161.417 124.711L158.064 126.302L158.496 127.209L161.849 125.618L161.417 124.711ZM157.247 127.304C156.411 127.266 155.58 127.242 154.754 127.418C151.776 128.04 140.9 137.824 138.488 140.592C138.051 141.096 135.814 143.808 135.885 144.154C136.388 146.605 139.68 141.718 140.131 141.295C145.426 136.328 150.598 132.78 156.354 128.525C156.886 128.13 157.537 128.529 157.252 127.304H157.247ZM174.349 170.997C171.861 186.181 170.441 201.549 168.223 216.776C169.168 225.628 175.589 228.772 183.696 225.699C196.324 220.912 214.381 210.706 226.601 204.014C232.618 200.718 238.678 198.453 238.004 190.213C237.681 186.266 235.449 184.727 232.879 182.391C218.94 175.438 205.452 164.415 191.461 157.918C189.186 156.863 186.26 156.617 183.843 156.749C181.25 156.892 177.731 159.699 176.41 161.902C174.653 164.847 174.876 167.73 174.345 170.997H174.349Z" fill="black"/>
+<path d="M183.847 156.748C186.264 156.615 189.195 156.862 191.465 157.916C205.456 164.413 218.944 175.436 232.883 182.389C235.452 184.73 237.685 186.264 238.008 190.211C238.682 198.456 232.622 200.721 226.605 204.012C214.385 210.704 196.328 220.91 183.7 225.698C175.593 228.77 169.172 225.626 168.227 216.774C170.444 201.548 171.864 186.179 174.353 170.996L176.248 168.621C176.547 171.888 175.483 175.142 175.279 178.333C175.246 178.884 174.937 180.964 175.768 180.964L177.701 166.987C178.912 161.696 182.859 159.279 188.121 159.118C188.406 156.662 183.101 159.906 183.847 156.748Z" fill="#FCD02B"/>
+<path d="M183.845 156.75C183.104 159.908 188.405 156.665 188.12 159.12C182.857 159.281 178.911 161.699 177.7 166.989L175.767 180.967C174.936 180.967 175.244 178.886 175.278 178.335C175.482 175.139 176.546 171.886 176.247 168.623L174.352 170.998C174.888 167.735 174.66 164.848 176.417 161.903C177.733 159.699 181.257 156.888 183.85 156.75H183.845Z" fill="#FDFDFD"/>
+<path d="M157.244 127.302C157.529 128.532 156.883 128.129 156.346 128.523C150.585 132.778 145.418 136.326 140.123 141.294C139.671 141.716 136.38 146.603 135.877 144.153C135.805 143.806 138.042 141.094 138.479 140.591C140.897 137.817 151.768 128.039 154.746 127.416C155.577 127.241 156.403 127.264 157.239 127.302H157.244Z" fill="#FCD02B"/>
+<path d="M161.417 124.697L158.062 126.291L158.495 127.2L161.849 125.607L161.417 124.697Z" fill="#FCD02B"/>
+<path d="M168.168 121.604C168.434 123.052 167.727 122.33 167.048 122.596C165.328 123.266 163.752 124.154 162.004 124.695L168.164 121.604H168.168Z" fill="#FCD02B"/>
+<path d="M169.597 121.132C169.92 121.298 169.317 121.939 168.652 121.598C168.329 121.431 168.932 120.79 169.597 121.132Z" fill="#FCD02B"/>
+<path d="M361.793 136.527C362.843 136.769 364.885 137.401 366.419 137.79C370.746 138.892 383.697 141.713 386.808 143.523C389.876 145.309 390.816 148.923 390.455 152.257L359.808 305.877C358.26 311.139 353.653 314.378 348.358 315.323L303.99 315.152C300.604 313.879 298.922 310.654 298.813 307.135L321.586 192.63C321.595 192.265 320 192.075 319.62 192.151C315.07 193.091 308.345 197.983 303.719 198.51C299.193 199.023 295.579 196.344 295.921 191.676C298.044 182.885 298.096 172.037 300.518 163.484C301.126 161.337 302.627 159.514 304.631 158.573C318.855 152.076 332.951 143.1 347.37 137.197C353.586 134.651 355.405 135.06 361.788 136.527H361.793Z" fill="black"/>
+<path d="M391.967 78.004C391.407 78.9539 392.513 82.5538 392.846 83.8171C393.924 87.93 395.634 95.4433 397.097 99.0385C397.282 99.4945 397.253 100.017 397.861 100.202C399.063 100.568 415.049 94.5505 417.713 94.0186C418.867 93.1589 418.112 91.1642 419.641 89.2978C425.336 82.3259 436.492 90.0102 430.816 97.6233C428.779 100.354 427.226 99.504 424.96 100.316C423.004 101.019 408.585 133.067 405.731 137.128C405.218 138.006 404.562 139.004 403.475 139.179C401.395 139.517 393.045 136.064 390.329 135.247C374.661 130.54 359.577 126.485 343.53 123.155C340.732 122.576 336.078 123.426 336.334 119.061L342.285 79.5428C338.856 76.9687 338.448 71.2031 341.758 68.3963C347.215 63.7657 354.819 68.8189 352.715 75.5534C352.42 76.4938 350.967 77.1966 351.722 78.365L364.089 92.1378C367.599 88.6994 371.147 85.2514 374.77 81.9317C376.029 80.7776 381.315 76.9544 381.429 75.7529C381.695 72.8653 379.724 71.7492 382.379 68.1683C388.344 60.123 400.013 69.0042 393.563 76.9877C393.136 77.5196 392.1 77.7856 391.977 77.9993L391.967 78.004ZM415.609 102.13C414.759 101.299 395.648 109.572 393.748 109.055C392.528 108.722 392.252 107.677 391.849 106.656C389.113 99.7272 388.287 90.7986 385.684 83.8504C385.508 83.3802 385.504 82.967 384.981 82.6631C381.362 84.596 365.875 101.499 363.576 101.646C362.774 101.698 362.109 101.408 361.496 100.91C359.482 99.2617 355.93 93.8048 353.859 91.4302C353.498 91.017 352.871 90.8983 352.591 90.5848C352.368 90.3331 349.105 84.862 348.174 85.978L344.37 115.894C363.619 118.772 382.056 125.046 400.597 130.654L415.609 102.126V102.13Z" fill="black"/>
+<path d="M415.606 102.132L400.594 130.661C382.053 125.052 363.621 118.779 344.367 115.901L348.171 85.9849C349.107 84.8688 352.365 90.34 352.588 90.5917C352.868 90.9052 353.495 91.0239 353.856 91.4371C355.927 93.8117 359.479 99.2686 361.493 100.917C362.106 101.415 362.766 101.705 363.573 101.653C365.872 101.506 381.359 84.6029 384.978 82.6699C385.501 82.9739 385.505 83.3871 385.681 83.8572C388.284 90.8102 389.11 99.734 391.846 106.663C392.249 107.684 392.53 108.729 393.745 109.062C395.645 109.579 414.756 101.301 415.606 102.137V102.132Z" fill="#FCD02B"/>
+<path d="M384.145 264.584C383.824 263.367 384.081 262.224 384.476 261.065C386.014 256.589 391.478 250.094 394.122 246.168C398.929 239.033 408.217 223.992 414.498 218.987C425.218 210.447 438.464 221.829 429.998 232.885C416.934 242.189 404.484 253.571 391.179 262.432C388.984 263.895 386.853 266.181 384.145 264.59V264.584Z" fill="black"/>
+<path d="M407.763 278.755C407.629 278.787 407.602 279.444 407.18 279.583C406.465 279.813 399.682 280.165 398.875 280.037C392.028 278.953 404.104 271.454 405.589 270.418C411.197 266.514 429.709 254.09 435.616 253.935C444.734 253.695 448.579 265.568 440.872 270.45C439.398 271.385 437.854 271.721 436.22 272.207C426.948 274.952 417.152 276.437 407.768 278.755H407.763Z" fill="black"/>
+<ellipse cx="255.5" cy="688" rx="408.5" ry="353" fill="#0E0E0F"/>
+<path d="M355.492 368.003H369.882C370.975 368.003 369.827 370.887 369.759 371.404C368.966 377.378 367.668 383.172 366.596 389.093C363.327 407.181 360.775 425.91 357.013 443.828C355.809 449.564 354.044 454.413 348.082 456.63C344.369 458.01 334.501 458.375 330.513 457.884C329.744 457.79 329.468 457.743 329.485 456.856C329.796 453.164 329.377 448.686 329.788 445.088C330.073 442.595 331.332 443.713 332.88 443.769C336.358 443.899 342.026 444.304 342.875 439.966C345.985 421.27 349.433 402.556 352.622 383.927C353.415 379.292 353.859 374.25 354.848 369.706C354.978 369.11 354.983 368.423 355.492 368V368.003Z" fill="#F9C027"/>
+<path d="M349.912 376.521C350.008 376.548 350.431 376.98 350.496 377.115C350.854 377.867 349.618 384.266 349.386 385.688C346.596 402.707 343.201 419.659 340.29 436.646C340.22 436.734 339.697 437.022 339.635 437.022H327.888C327.785 437.022 327.538 436.693 327.488 436.534C330.569 416.672 334.264 396.827 337.703 377.003C337.788 376.883 338.657 376.521 338.757 376.521H349.917H349.912Z" fill="#F9C027"/>
+<path d="M333.459 369.187L281.177 369.166C278.645 369.046 278.962 371.73 278.657 373.401C275.852 388.77 273.596 404.362 270.269 419.64C267.778 431.076 263.705 442.057 259 452.73L259.687 453.535C262.081 454.454 264.48 455.382 266.85 456.357C267.661 456.692 270.049 458.269 270.727 457.84C271.129 457.585 274.442 450.336 274.927 449.264C279.182 439.857 282.058 430.462 284.199 420.356C284.404 419.378 283.843 418.204 285.006 417.933C285.25 417.878 286.128 417.745 286.031 418.224L284.857 418.521H297.779L293.964 417.936L298.366 417.64L297.153 424.353C296.543 424.747 287.115 424.13 285.285 424.38C284.739 424.453 284.434 424.465 284.137 424.994L278.16 456.624C278.055 456.859 278.436 457.285 278.545 457.285H318.193C319.392 457.285 319.847 455.279 320.129 454.577C320.232 454.322 320.652 454.342 320.693 454.145C320.825 453.523 320.417 452.886 320.475 452.228C321.218 444.013 324.173 434.903 325.072 426.568C325.201 426.066 324.458 424.395 324.067 424.395H310.704L311.585 418.518C316.185 418.207 321.309 418.935 325.844 418.533C326.364 418.486 327.066 418.48 327.448 418.08C328.549 416.935 328.893 408.195 329.501 406.183H313.935C314.07 405.425 315.374 400.309 314.375 400.309H301.012L300.131 406.183H286.915C286.974 405.105 287.473 399.683 288.072 399.263L313.512 399.114C314.449 398.952 314.273 399.98 314.951 400.039L328.605 399.854C329.794 399.246 330.285 398.456 330.658 397.208C332.085 392.45 333.004 385.172 333.815 380.1C334.17 377.883 335.166 373.654 335.107 371.674C335.075 370.573 334.584 369.527 333.457 369.187H333.459ZM310.12 436.142C309.321 438.465 309.53 442.997 308.654 445.035C308.578 445.211 307.735 445.54 307.623 445.54H293.526C293.438 445.54 293.001 445.103 293.13 444.865L294.848 436.142H310.12ZM317.609 387.683H290.736C291.283 385.78 291.241 383.501 292.058 381.809H318.931C318.713 382.585 318.22 387.683 317.609 387.683Z" fill="#F9C027"/>
+<path d="M180.477 376.517H201.329L198.706 390.194L188.436 390.35L185.763 405.592H196.042L193.652 419.061L182.544 419.114C182.732 420.321 181.41 421.889 181.792 422.9C181.963 423.346 182.67 424.086 182.976 424.676C185.886 430.283 188.438 436.092 191.622 441.564L183.258 456.988C178.153 452.598 175.619 445.57 173.422 439.367C172.876 439.241 172.852 439.552 172.591 439.854C169.771 443.117 167.363 447.684 164.312 451.253C163.454 452.257 157.686 458.554 157.066 458.718C156.447 458.883 148.344 451.652 147.019 450.921C146.679 449.79 150.958 446.263 151.842 445.244C152.981 443.928 154.426 442.075 155.501 440.68C160.558 434.116 164.876 426.856 167.845 419.102H154.922L157.287 405.607C157.757 405.152 168.485 405.839 170.356 405.607C170.905 405.54 171.352 405.466 171.534 404.873L174.309 390.323L173.413 390.517L167.842 399.886L156.097 398.544L169.052 368.473L169.754 368L183.134 368.72C183.531 368.99 183.428 369.436 183.358 369.839C183.008 371.874 180.756 374.317 180.477 376.52V376.517Z" fill="white"/>
+<path d="M201.916 443.478C201.44 439.589 200.618 435.739 199.831 431.906C199.67 431.113 198.709 429.768 199.402 428.776C199.793 428.215 211.309 427.278 212.933 426.711C213.182 426.729 213.482 426.72 213.684 426.867C214.331 427.334 216.151 440.708 216.269 442.561L214.251 443.478H221.887L230.833 426.717L244.795 428.502L236.865 443.481H247.585C248.037 443.481 248.005 444.365 247.967 444.72C247.667 447.44 246.375 451.161 245.764 454.001C245.641 454.573 245.656 456.697 244.945 456.697H188.703L191.493 443.481H201.919L201.916 443.478Z" fill="white"/>
+<path d="M256.503 383.524L203.847 383.864C203.069 383.744 205.592 371.603 205.924 370.616C207.058 370.02 208.223 370.639 209.392 370.654C225.548 370.866 241.722 370.478 257.881 370.628C258.189 370.634 258.577 370.648 258.771 370.918C259.173 371.476 256.571 381.885 256.503 383.524Z" fill="white"/>
+<path d="M252.872 388.558H205.001L197.814 424.573C197.685 424.884 198.02 425.563 198.246 425.563H245.236C245.445 425.563 246.546 424.67 246.69 424.373C249.037 412.808 251.087 401.154 253.295 389.539C253.436 389.227 253.095 388.555 252.869 388.555L252.872 388.558ZM234.329 412.37C227.809 412.905 221.095 412.696 214.548 412.344L216.363 401.973L216.748 401.477H236.279L234.329 412.37Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_46678_103162">
+<rect width="512" height="512" rx="256" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..07e8461
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,23 @@
+import type { Metadata, Viewport } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "91短剧 · 百万大神原创短剧",
+  applicationName: "91短剧",
+  icons: {icon:[{url:'/favicon.png',sizes:'48x48',type:'image/png'}],apple:[{url:'/apple-touch-icon.png',sizes:'180x180',type:'image/png'}]},
+};
+
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  viewportFit: "cover",
+  themeColor: "#131414",
+};
+
+export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+  return (
+    <html lang="zh-CN" suppressHydrationWarning>
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/src/app/navigation/page.tsx b/src/app/navigation/page.tsx
new file mode 100644
index 0000000..d1486b3
--- /dev/null
+++ b/src/app/navigation/page.tsx
@@ -0,0 +1,13 @@
+import type { Metadata } from 'next';
+import { NavigationPage } from '@/components/site/NavigationPage';
+import { getPageSeo, getSeoConfig, metadataFromHead } from '@/lib/seo-server';
+import { downloadUrl } from '@/lib/app-download';
+
+export const dynamic = 'force-dynamic';
+export async function generateMetadata():Promise<Metadata>{return metadataFromHead((await getPageSeo('/navigation/')).head);}
+
+export default async function Page() {
+  const {config,error}=await getSeoConfig();
+  if(error)throw new Error('入口配置暂不可用，请稍后重试');
+  return <NavigationPage config={config} download={downloadUrl(config)} error={error} />;
+}
diff --git a/src/app/newenkey/route.ts b/src/app/newenkey/route.ts
new file mode 100644
index 0000000..10f1fed
--- /dev/null
+++ b/src/app/newenkey/route.ts
@@ -0,0 +1,5 @@
+import { proxyMedia } from '@/lib/api/media';
+
+export const runtime = 'nodejs';
+export const dynamic = 'force-dynamic';
+export function GET(request: Request) {return proxyMedia(request,'/newenkey',true);}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 0000000..fd6cd4f
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,13 @@
+import type { Metadata } from 'next';
+
+export const metadata:Metadata={title:'页面不存在 - 91短剧',robots:{index:false,follow:true},alternates:{canonical:null}};
+
+export default function NotFound() {
+  return (
+    <main className="route-not-found">
+      <h1>404</h1>
+      <p>页面不存在或地址有误</p>
+      <a className="primary" href="/">返回首页</a>
+    </main>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..6054649
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,22 @@
+import { SiteFrame } from "@/components/site/SiteFrame";
+
+import { getHome } from "@/lib/api/server";
+import { getPageSeo, metadataFromHead, queryString } from '@/lib/seo-server';
+import { assertPageContent } from '@/lib/page-response';
+
+export const dynamic = "force-dynamic";
+
+type PageProps={searchParams:Promise<Record<string,string|string[]|undefined>>};
+
+export async function generateMetadata({searchParams}:PageProps){
+  const result=await getPageSeo('/',queryString(await searchParams));
+  assertPageContent('/',result.bootstrap.content);
+  return metadataFromHead(result.head);
+}
+
+export default async function Page({searchParams}:PageProps) {
+  const search=queryString(await searchParams);
+  const [{data:home,error},{bootstrap,session,shared}] = await Promise.all([getHome(),getPageSeo('/',search)]);
+  assertPageContent('/',bootstrap.content);
+  return <SiteFrame home={home} error={error} seo={bootstrap} session={session} shared={shared} />;
+}
diff --git a/src/app/robots.ts b/src/app/robots.ts
new file mode 100644
index 0000000..2fdd1c9
--- /dev/null
+++ b/src/app/robots.ts
@@ -0,0 +1,16 @@
+import type { MetadataRoute } from 'next';
+import { getSeoOrigin } from '@/lib/seo-server';
+
+export const dynamic = 'force-dynamic';
+
+/** Keep HTML crawlable so crawlers can read its canonical and noindex directives. */
+export default async function robots(): Promise<MetadataRoute.Robots> {
+  const environment=process.env.APP_ENV||(process.env.NODE_ENV==='development'?'development':'production');
+  const origin=environment==='production'?await getSeoOrigin():'';
+  return {
+    rules:environment==='production'
+      ?{userAgent:'*',allow:'/',disallow:['/api/','/healthz']}
+      :{userAgent:'*',disallow:'/'},
+    ...(origin?{sitemap:new URL('/sitemap.xml',origin).href}:{}),
+  };
+}
diff --git a/src/components/site/AppDownloadDialog.tsx b/src/components/site/AppDownloadDialog.tsx
new file mode 100644
index 0000000..e16e773
--- /dev/null
+++ b/src/components/site/AppDownloadDialog.tsx
@@ -0,0 +1,48 @@
+import type { Ref } from "react";
+
+interface AppDownloadDialogProps {
+  download?: string;
+  qr?: string;
+  status?: string;
+  dialogRef?: Ref<HTMLDialogElement>;
+  onClose?: () => void;
+  onCopy?: () => void;
+}
+
+export function AppDownloadDialog({download, qr, status, dialogRef, onClose, onCopy}: AppDownloadDialogProps) {
+  return (
+<dialog ref={dialogRef} id={"app-download-dialog"} className={"app-download-dialog"} aria-labelledby={"app-download-heading"}>
+<button type={"button"} className={"close"} id={"app-download-close"} onClick={onClose} aria-label={"关闭下载弹窗"}>
+<svg className={"dialog-close-icon"} viewBox={"0 0 24 24"} aria-hidden={"true"} focusable={"false"}>
+<path d={"m6 6 12 12M18 6 6 18"}>
+
+</path>
+</svg>
+</button>
+<h2 id={"app-download-heading"}>
+{"下载91短剧 App"}
+</h2>
+<p className={"app-download-intro"}>
+{"扫码下载，随时继续追剧"}
+</p>
+<div className={"app-download-code"}>
+<img src={qr || undefined} id={"app-platform-qr"} width={"192"} height={"192"} alt={"91短剧 App 下载二维码"} />
+</div>
+<p id={"app-platform-caption"}>
+{download === undefined ? "" : download ? "扫码下载安装 91短剧 App" : "暂未配置 App 下载地址"}
+</p>
+<div className={"app-download-link"}>
+<input id={"app-platform-link"} value={download || ""} readOnly aria-label={"下载链接"} />
+<button type={"button"} id={"app-copy-link"} onClick={onCopy}>
+{"复制链接"}
+</button>
+</div>
+<p className={"app-copy-status"} id={"app-copy-status"} role={"status"} aria-live={"polite"}>
+{status}
+</p>
+<p className={"app-download-demo"} hidden={download !== undefined}>
+{"下载地址加载中"}
+</p>
+</dialog>
+  );
+}
diff --git a/src/components/site/ChannelPages.tsx b/src/components/site/ChannelPages.tsx
new file mode 100644
index 0000000..f127960
--- /dev/null
+++ b/src/components/site/ChannelPages.tsx
@@ -0,0 +1,76 @@
+import type { InfoPageDefinition } from '@/lib/info-pages';
+import type { PageView } from '@/lib/page-data';
+import { parseSitePath } from '@/lib/routing';
+
+export function ChannelPages({info,view}: {info?:InfoPageDefinition;view?:PageView}={}) {
+  const channel=view?.panel==='channel'?view:undefined;
+  const route=channel?.bootstrap?parseSitePath(channel.bootstrap.path.split('?')[0]):null;
+  const topicDetail=route?.group==='page'&&(route.key==='theme'||route.key==='topics'&&!!route.value);
+  info ||= view?.panel==='info'?{key:view.bootstrap?.info?.key||'',title:view.title,html:view.html}:undefined;
+  const ChannelTitle=channel?'h1':'div';
+  const InfoTitle=info?'h1':'div';
+  return (
+    <>
+<main id={"channel-page"} className={"shell channel-shell"} hidden={!channel} data-channel={channel?.channel} aria-labelledby={"channel-title"}>
+<nav className={"page-breadcrumb"} id={"channel-breadcrumb"} aria-label={"面包屑导航"}>
+{channel?<><a href="/">首页</a><span>/</span>{topicDetail?<><a href="/topics/">专题</a><span>/</span></>:null}<span aria-current="page">{channel.title}</span></>:null}
+</nav>
+<header className={"info-heading"}>
+<small id={"channel-kicker"}>
+
+</small>
+<ChannelTitle id={"channel-title"} tabIndex={-1}>
+{channel?.title}
+</ChannelTitle>
+<p id={"channel-subtitle"}>
+{channel?.subtitle}
+</p>
+</header>
+<div id={"channel-content"} dangerouslySetInnerHTML={channel?{__html:channel.html}:undefined} />
+</main>
+<main id={"info-page"} className={"shell info-shell"} hidden={!info} data-info={info?.key} aria-labelledby={"info-title"}>
+<nav className={"page-breadcrumb"} id={"info-breadcrumb"} aria-label={"面包屑导航"}>
+{info?<><a href="/">首页</a><span>/</span><span aria-current="page">{info.title}</span></>:null}
+</nav>
+<header className={"info-heading"}>
+<small>
+{"INFORMATION & SUPPORT"}
+</small>
+<InfoTitle id={"info-title"} tabIndex={-1}>
+{info?.title}
+</InfoTitle>
+<p id={"info-subtitle"}>
+
+</p>
+</header>
+<div className={"info-layout"}>
+<nav className={"info-nav"} aria-label={"信息页面"} hidden={!!info}>
+<a href={"/info/about-us/"} data-info={"about-us"}>
+{"关于我们"}
+</a>
+<a href={"/info/user-agreement/"} data-info={"user-agreement"}>
+{"用户协议"}
+</a>
+<a href={"/info/privacy-policy/"} data-info={"privacy-policy"}>
+{"隐私政策"}
+</a>
+<a href={"/info/help-center/"} data-info={"help-center"}>
+{"常见问题"}
+</a>
+<a href={"/info/2257/"} data-info={"2257"}>
+{"2257"}
+</a>
+<a href={"/info/dmca/"} data-info={"dmca"}>
+{"DMCA"}
+</a>
+<a href={"/info/feedback/"} data-info={"feedback"}>
+{"意见反馈"}
+</a>
+</nav>
+<article className={"info-card"} id={"info-content"} dangerouslySetInnerHTML={info?{__html:info.html}:undefined} />
+</div>
+</main>
+<main id={"search-results-page"} className={"shell"} hidden={view?.panel!=='search'} aria-labelledby={"search-results-title"} dangerouslySetInnerHTML={view?.panel==='search'?{__html:view.html}:undefined} />
+    </>
+  );
+}
diff --git a/src/components/site/Footer.tsx b/src/components/site/Footer.tsx
new file mode 100644
index 0000000..67dec81
--- /dev/null
+++ b/src/components/site/Footer.tsx
@@ -0,0 +1,61 @@
+export function Footer({content}:{content?:string}={}) {
+  return (
+    <>
+<footer className={"hg-footer hg-footer-original"} aria-label={"网站底部"}>
+<div className={"hg-footer-original-info"}>
+<strong className={"hg-footer-original-title"}>
+<span className="footer-brand-text">91短剧</span>
+</strong>
+<p className={"hg-footer-original-slogan"}>
+{content||"百万大神原创短剧"}
+</p>
+<nav className={"hg-footer-links"} aria-label={"平台规则与帮助"}>
+<a href={"/info/about-us/"}>
+{"关于我们"}
+</a>
+<a href={"/info/user-agreement/"}>
+{"用户协议"}
+</a>
+<a href={"/info/privacy-policy/"}>
+{"隐私政策"}
+</a>
+<a href={"/info/help-center/"}>
+{"常见问题"}
+</a>
+<a href={"/info/2257/"}>
+{"2257"}
+</a>
+<a href={"/info/dmca/"}>
+{"DMCA"}
+</a>
+<a href={"/info/feedback/"}>
+{"意见反馈"}
+</a>
+</nav>
+<small className={"hg-footer-original-copyright"}>
+{"© 2026 91短剧　All rights reserved."}
+</small>
+<div className={"hg-footer-social"} aria-label={"联系我们"}>
+<a href={"https://t.me/huangguoAI_2026"} target={"_blank"} rel={"sponsored nofollow noopener noreferrer"} aria-label={"官方社群"} title={"官方社群"}>
+<img src={"/assets/c9e57990dff7b688.png"} alt={"官方社群图标"} />
+</a>
+<a href={"https://t.me/huangguoAI_2026"} target={"_blank"} rel={"sponsored nofollow noopener noreferrer"} aria-label={"Telegram"} title={"Telegram"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<path d={"M21.7 3.3 18.4 20c-.2 1.2-.9 1.5-1.9.9l-5-3.7-2.4 2.3c-.3.3-.5.5-1 .5l.4-5.1 9.3-8.4c.4-.4-.1-.6-.6-.3L5.7 13.4.8 11.9c-1-.3-1-1 .2-1.5L20.2 3c.9-.3 1.7.2 1.5.3Z"}>
+
+</path>
+</svg>
+</a>
+<a href={"https://x.com/huangguoAITV"} target={"_blank"} rel={"sponsored nofollow noopener noreferrer"} aria-label={"X"} title={"X"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<path d={"M18.9 2H22l-6.8 7.8L23 22h-6.3l-4.9-7.4L5.3 22H2l8.3-9.5L2 2h6.5l4.4 6.8L18.9 2ZM17.8 20h1.8L7.5 4H5.6l12.2 16Z"}>
+
+</path>
+</svg>
+</a>
+</div>
+</div>
+</footer>
+    </>
+  );
+}
diff --git a/src/components/site/HomePage.tsx b/src/components/site/HomePage.tsx
new file mode 100644
index 0000000..295d2b7
--- /dev/null
+++ b/src/components/site/HomePage.tsx
@@ -0,0 +1,127 @@
+import type { HomeData, User } from "@/lib/api/types";
+import { renderHome } from "@/lib/client/render";
+
+import type { NavigationEntry } from '@/lib/site-navigation';
+import { SiteNavigation } from './SiteNavigation';
+
+export function HomePage({home,error,hideContent=false,navigation=[],address='/',navigationError=false,user=null}: {user?:User|null;home: HomeData; error?: string;hideContent?:boolean;navigation?:NavigationEntry[];address?:string;navigationError?:boolean}) {
+  return <>
+<div id="global-site-header" className="shell">
+<header className={"top"}>
+<a className="hg-header-brand" href="/" aria-label="91短剧首页"><img className="hg-complete-logo" src="/assets/5178e628105b82b4.svg" width={125} height={36} alt="91短剧" /></a>
+<SiteNavigation entries={navigation} address={address} surface="top" error={navigationError} />
+<form className={"search"} id={"search"} role={"search"}>
+<input id={"query"} aria-controls={"search-discovery"} aria-expanded={"false"} type={"search"} placeholder={"找一部，想看的好剧"} aria-label={"搜索短剧"} autoComplete={"off"} />
+<button type={"submit"} aria-label={"执行搜索"}>
+<svg className={"search-icon-solid"} aria-hidden={"true"} width={"20"} height={"20"} viewBox={"0 0 20 20"} fill={"none"} xmlns={"http://www.w3.org/2000/svg"}>
+<path d={"M14.6843 14.7115C15.0064 14.392 15.5225 14.3919 15.8445 14.7115L17.9734 16.4303H18.0105C18.4411 16.8656 18.441 17.5711 18.0105 18.0065C17.5798 18.4418 16.8816 18.4418 16.4509 18.0065L14.6843 15.9821C14.5174 15.8139 14.4237 15.5855 14.4236 15.3473C14.4236 15.109 14.5173 14.8798 14.6843 14.7115ZM8.81519 1.66663C10.7108 1.66673 12.5285 2.42807 13.8689 3.78284C15.2093 5.1377 15.9626 6.97518 15.9626 8.89124C15.9626 12.8813 12.7627 16.1166 8.81519 16.1168C4.86744 16.1168 1.66675 12.8815 1.66675 8.89124C1.66692 4.90116 4.86754 1.66663 8.81519 1.66663Z"} fill={"white"}>
+
+</path>
+</svg>
+</button>
+<section id={"search-discovery"} className={"search-discovery"} aria-label={"搜索推荐"} hidden>
+<div className={"search-history-section"}>
+<div className={"search-discovery-heading"}>
+<h2>
+{"搜索记录"}
+</h2>
+<div className={"search-history-actions"}>
+<button type={"button"} id={"search-clear"}>
+{"清除"}
+</button>
+<button type={"button"} id={"search-panel-close"} aria-label={"关闭搜索推荐"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<circle cx={"12"} cy={"12"} r={"9"}>
+
+</circle>
+<path d={"m9 9 6 6m0-6-6 6"}>
+
+</path>
+</svg>
+</button>
+</div>
+</div>
+<div className={"search-history-tags"} id={"search-history-tags"}>
+
+</div>
+</div>
+<div className={"search-ranking-section"}>
+<div className={"search-discovery-heading"}>
+<h2 id={"search-suggestion-title"}>
+{"热搜榜"}
+</h2>
+</div>
+<div className={"search-suggestion-list"} id={"search-suggestion-list"} aria-live={"polite"}>
+
+</div>
+</div>
+<div className={"search-picks-section"}>
+<div className={"search-discovery-heading"}>
+<h2>
+{"猜你喜欢"}
+</h2>
+<button type={"button"} id={"search-picks-refresh"}>
+{"换一换"}
+</button>
+</div>
+<div className={"search-picks-grid"} id={"search-picks-grid"}>
+
+</div>
+</div>
+</section>
+</form>
+<div className={"header-actions"} aria-label={"用户服务"}>
+<button className={"header-action coin-entry"} data-account-action={"coins"} aria-label={'金币余额 '+(user?.recharge||0)}>
+<span className={"coin-symbol"} aria-hidden={"true"}>
+<img className={"coin-soft-star"} src={"/assets/4532d28d6a61c426.svg"} alt={"金币图标"} aria-hidden={"true"} />
+</span>
+<span className={"coin-caption"}>
+{"金币 "}
+<span className={"coin-value"}>
+{user?.recharge||0}
+</span>
+</span>
+</button>
+<div className={"header-download-wrap"} id={"header-download-wrap"} data-app-download-entry="" hidden>
+<a className={"header-action download-entry"} id={"header-download-button"} data-app-download="" target="_blank" rel="sponsored nofollow noopener noreferrer" aria-label={"下载 App"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<rect x={"6"} y={"2"} width={"12"} height={"20"} rx={"3"}>
+
+</rect>
+<path d={"M10 5h4m-3 14h2"}>
+
+</path>
+</svg>
+<span>
+{"下载 App"}
+</span>
+</a>
+</div>
+<button className={"header-action account-entry "} id={"account-entry"} aria-controls={"profile-popover"} aria-expanded={"false"}>
+<span className={"account-avatar"} aria-hidden={"true"}>
+<img className={"member-avatar-image"} src={"/assets/8837c3e58159bd48.png"} alt={"默认用户头像"} width={"50"} height={"50"} />
+</span>
+<span className={"account-copy"}>
+<strong>
+{user?.nickName||user?.accountNo||'我的'}
+</strong>
+<small id={"account-status"}>
+{user?(user.isRegister||user.type===1?'已登录':'游客账号'):'未登录'}
+</small>
+</span>
+</button>
+</div>
+<button className={"saved header-saved-proxy"} id={"saved"} hidden>
+{"♡ 我的片单 "}
+<span id={"count"}>
+0
+</span>
+</button>
+</header>
+</div>
+<main className="shell" hidden={hideContent} aria-labelledby={hideContent?undefined:'home-title'}>
+{!hideContent&&<h1 id="home-title" className="home-page-title">91短剧 · 百万大神原创短剧</h1>}
+<div className="home-content" hidden={hideContent} dangerouslySetInnerHTML={{__html:hideContent?'':renderHome(home,error)}} />
+</main>
+</>;
+}
diff --git a/src/components/site/NavigationPage.tsx b/src/components/site/NavigationPage.tsx
new file mode 100644
index 0000000..acbe2aa
--- /dev/null
+++ b/src/components/site/NavigationPage.tsx
@@ -0,0 +1,169 @@
+"use client";
+
+import { useEffect, useRef, useState, type MouseEvent } from "react";
+import { startTracker } from "@/lib/client/analytics";
+import type { Config } from "@/lib/api/types";
+import { navigationPageData } from "@/lib/navigation-page";
+import { AppDownloadDialog } from "./AppDownloadDialog";
+import { createDownloadQr, shouldUseDownloadDialog } from "@/lib/client/download";
+
+export function NavigationPage({config, download, error}: {config: Config; download: string; error?: string}) {
+  useEffect(()=>{startTracker(config);},[config]);
+  const dialog = useRef<HTMLDialogElement>(null);
+  const [status, setStatus] = useState("");
+  const [qr, setQr] = useState<string>();
+  const {siteName,description,routes,permanent,telegram,tgGroup,twitter}=navigationPageData(config);
+  const channelCount=2+Number(!!tgGroup)+Number(!!twitter)+Number(!!download);
+  const openDownload = async (event: MouseEvent<HTMLAnchorElement>) => {
+    if (!shouldUseDownloadDialog(event)) return;
+    event.preventDefault();setStatus("");dialog.current?.showModal();
+    try {setQr(await createDownloadQr(download));} catch {setStatus("二维码生成失败，请复制下载链接");}
+  };
+  const copyDownload = async () => {
+    if (!download) {setStatus("暂未配置 App 下载地址"); return;}
+    try {await navigator.clipboard.writeText(download); setStatus("链接已复制");}
+    catch {setStatus("复制失败，请手动复制下载链接");}
+  };
+  return (
+    <>
+<div id={"entry-navigation"} className={"navigation-page"}>
+<img className={"entry-background"} src={"/assets/7f137587edc271d0.png"} alt={"91短剧官方入口背景"} aria-hidden={"true"} />
+<div className={"entry-stage"}>
+<main className={"entry-content"} aria-labelledby={"entry-page-title"}>
+<header className={"entry-brand"}>
+<h1 id="entry-page-title" className="entry-page-title">{siteName+"官方入口"}</h1>
+<img className={"entry-brand-logo hg-complete-logo"} src={"/assets/5178e628105b82b4.svg"} alt={siteName} width={"500"} height={"176"} />
+<p>
+{description}
+</p>
+<strong>
+{"百万大神原创短剧"}
+</strong>
+</header>
+<nav className={"entry-routes"} aria-label={"访问线路"}>
+{routes.map((route,index)=><a key={route.line} className={"entry-route"} href={route.href} rel="sponsored nofollow noopener noreferrer">
+<span className={"entry-route-copy"}>
+<b>{siteName+" · "+route.label}</b>
+<small>{index===0?"推荐入口":"备用入口"}</small>
+</span>
+<span className={"entry-route-cta"}>
+{"立即进入"}
+<img src={"/assets/fcbe47a58d6fd9e7.svg"} width={"5"} height={"3.5"} alt={"进入"+route.label} aria-hidden={"true"} />
+</span>
+<img className={"entry-route-glow"} src={"/assets/6fa3b8cccc07ed57.svg"} width={"292"} height={"263"} alt={"访问线路背景光效"} aria-hidden={"true"} />
+</a>)}
+{!routes.length&&<p className="entry-route-empty" role="status">暂未配置访问线路</p>}
+{permanent&&<a className={"entry-permanent"} href={permanent} rel="sponsored nofollow noopener noreferrer">
+<span>
+{"永久入口"}
+</span>
+<span>
+{"收藏回家的路，获取最新地址"}
+</span>
+</a>}
+</nav>
+{download && <a className={"entry-download"} href={download} target="_blank" rel="sponsored nofollow noopener noreferrer" data-app-download="" onClick={event => {void openDownload(event);}}>
+<img src={"/assets/cea8731b980a14a0.png"} alt={siteName+" App 下载横幅"} />
+<span>
+{siteName+" · APP 下载"}
+</span>
+</a>}
+{telegram&&<a className={"entry-contact"} href={telegram} target={"_blank"} rel={"sponsored nofollow noopener noreferrer"}>
+{"官方联系：" + telegram}
+</a>}
+<nav className={"entry-channels"} aria-label={"官方渠道"} style={{gridTemplateColumns: `repeat(${channelCount}, minmax(0, 1fr))`}}>
+{tgGroup&&<a className={"entry-channel"} href={tgGroup} target={"_blank"} rel={"sponsored nofollow noopener noreferrer"}>
+<span className={"entry-channel-icon"}>
+<svg className={"entry-channel-svg"} aria-hidden={"true"} focusable={"false"} preserveAspectRatio={"none"} overflow={"visible"} style={{"display": "block"}} width={"16"} height={"16"} viewBox={"0 0 16 16"} fill={"none"} xmlns={"http://www.w3.org/2000/svg"}>
+<g>
+<path d={"M14.2291 1.84364C13.9819 1.64734 13.6874 1.51976 13.3752 1.47379C13.0629 1.42781 12.7441 1.46508 12.4509 1.58182L2.09451 5.68364C1.71253 5.83484 1.38148 6.09166 1.14009 6.42409C0.898696 6.75651 0.756934 7.15079 0.731378 7.56082C0.705823 7.97084 0.797532 8.37967 0.99578 8.7395C1.19403 9.09932 1.49062 9.39527 1.85088 9.59273L3.38179 10.44L3.41088 12.9855C3.41562 13.2326 3.48748 13.4739 3.61877 13.6834C3.75005 13.8929 3.93582 14.0627 4.1562 14.1748C4.37658 14.2869 4.62328 14.3369 4.8699 14.3196C5.11653 14.3022 5.3538 14.2182 5.55633 14.0764L7.53451 12.7273L10.3527 14.28C10.6588 14.4488 11.0013 14.5409 11.3508 14.5484C11.7003 14.5559 12.0465 14.4786 12.3596 14.3231C12.6727 14.1676 12.9434 13.9386 13.1487 13.6556C13.354 13.3726 13.4876 13.0441 13.5382 12.6982L14.9091 3.51273C14.9547 3.19916 14.9157 2.8791 14.7962 2.58565C14.6766 2.2922 14.4808 2.03603 14.2291 1.84364Z"} fill={"currentColor"}>
+
+</path>
+</g>
+</svg>
+</span>
+<span>
+{"官方TG群"}
+</span>
+</a>}
+{twitter&&<a className={"entry-channel"} href={twitter} target={"_blank"} rel={"sponsored nofollow noopener noreferrer"}>
+<span className={"entry-channel-icon"}>
+<svg className={"entry-channel-svg"} aria-hidden={"true"} focusable={"false"} preserveAspectRatio={"none"} overflow={"visible"} style={{"display": "block"}} width={"16"} height={"16"} viewBox={"0 0 16 16"} fill={"none"} xmlns={"http://www.w3.org/2000/svg"}>
+<g>
+<path d={"M11.9025 1.90609H13.97L9.45311 7.06859L14.7669 14.0936H10.6062L7.34748 9.83296L3.61872 14.0936H1.54998L6.38123 8.57171L1.28373 1.90609H5.54999L8.49561 5.80046L11.9025 1.90609ZM11.1769 12.8561H12.3225L4.92747 3.07859H3.69809L11.1769 12.8561Z"} fill={"currentColor"}>
+
+</path>
+</g>
+</svg>
+</span>
+<span>
+{"官方推特"}
+</span>
+</a>}
+<a className={"entry-channel"} href={"/home-road/"}>
+<span className={"entry-channel-icon"}>
+<svg className={"entry-channel-svg"} aria-hidden={"true"} focusable={"false"} preserveAspectRatio={"none"} overflow={"visible"} style={{"display": "block"}} width={"16"} height={"16"} viewBox={"0 0 16 16"} fill={"none"} xmlns={"http://www.w3.org/2000/svg"}>
+<g>
+<path d={"M13.5164 4.22909L9.11636 1.74909C8.77667 1.5559 8.3926 1.45433 8.00182 1.45433C7.61104 1.45433 7.22696 1.5559 6.88727 1.74909L2.48364 4.22909C2.17124 4.40646 1.91143 4.66345 1.73066 4.97389C1.54989 5.28433 1.45462 5.63713 1.45455 5.99636L2.01455 12.5745C2.0267 13.0959 2.24022 13.5924 2.61037 13.9598C2.98051 14.3273 3.47852 14.5371 4 14.5455H12C12.5241 14.54 13.0256 14.3316 13.3993 13.9641C13.7729 13.5965 13.9896 13.0985 14.0036 12.5745L14.5455 6.07636V5.99636C14.5461 5.63698 14.4512 5.28388 14.2703 4.97331C14.0895 4.66274 13.8293 4.40588 13.5164 4.22909ZM9.15273 11.7636H6.86909C6.72443 11.7636 6.58569 11.7062 6.4834 11.6039C6.3811 11.5016 6.32364 11.3628 6.32364 11.2182C6.32364 11.0735 6.3811 10.9348 6.4834 10.8325C6.58569 10.7302 6.72443 10.6727 6.86909 10.6727H9.14545C9.29012 10.6727 9.42886 10.7302 9.53115 10.8325C9.63344 10.9348 9.69091 11.0735 9.69091 11.2182C9.69091 11.3628 9.63344 11.5016 9.53115 11.6039C9.42886 11.7062 9.29012 11.7636 9.14545 11.7636H9.15273Z"} fill={"currentColor"}>
+
+</path>
+</g>
+</svg>
+</span>
+<span>
+{"回家的路"}
+</span>
+</a>
+{download && <a className={"entry-channel"} href={download} target="_blank" rel="sponsored nofollow noopener noreferrer" data-app-download="" onClick={event => {void openDownload(event);}}>
+<span className={"entry-channel-icon"}>
+<svg className={"entry-channel-svg"} aria-hidden={"true"} focusable={"false"} preserveAspectRatio={"none"} overflow={"visible"} style={{"display": "block"}} width={"18"} height={"18"} viewBox={"0 0 18 18"} fill={"none"} xmlns={"http://www.w3.org/2000/svg"}>
+<g>
+<path d={"M13.2955 1.22727H4.70455C4.10814 1.22835 3.53647 1.46575 3.11475 1.88748C2.69303 2.3092 2.45563 2.88087 2.45455 3.47727V14.5227C2.45563 15.1191 2.69303 15.6908 3.11475 16.1125C3.53647 16.5342 4.10814 16.7716 4.70455 16.7727H13.2955C13.8922 16.7727 14.4645 16.5357 14.8864 16.1137C15.3084 15.6918 15.5455 15.1195 15.5455 14.5227V3.47727C15.5455 2.88053 15.3084 2.30824 14.8864 1.88628C14.4645 1.46432 13.8922 1.22727 13.2955 1.22727ZM10.8409 13.5H7.15909C6.99634 13.5 6.84026 13.4353 6.72518 13.3203C6.61011 13.2052 6.54546 13.0491 6.54546 12.8864C6.54546 12.7236 6.61011 12.5675 6.72518 12.4525C6.84026 12.3374 6.99634 12.2727 7.15909 12.2727H10.8409C11.0037 12.2727 11.1597 12.3374 11.2748 12.4525C11.3899 12.5675 11.4545 12.7236 11.4545 12.8864C11.4545 13.0491 11.3899 13.2052 11.2748 13.3203C11.1597 13.4353 11.0037 13.5 10.8409 13.5Z"} fill={"currentColor"}>
+
+</path>
+</g>
+</svg>
+</span>
+<span>
+{"APP"}
+</span>
+</a>}
+<a className={"entry-channel"} href={"/apps/"}>
+<span className={"entry-channel-icon"}>
+<svg className={"entry-channel-svg"} aria-hidden={"true"} focusable={"false"} preserveAspectRatio={"none"} overflow={"visible"} style={{"display": "block"}} width={"16"} height={"16"} viewBox={"0 0 16 16"} fill={"none"} xmlns={"http://www.w3.org/2000/svg"}>
+<g>
+<path d={"M4.43637 10.3782C4.35322 10.4255 4.25929 10.4505 4.16364 10.4509C4.04345 10.451 3.92659 10.4115 3.8312 10.3384C3.73581 10.2653 3.66725 10.1627 3.63615 10.0466C3.60505 9.93049 3.61317 9.80738 3.65924 9.69638C3.70531 9.58537 3.78675 9.49269 3.89091 9.43273L5.01818 8.78182L4.32364 8.38182C3.91526 8.16333 3.60971 7.79237 3.4735 7.3497C3.33729 6.90702 3.38145 6.42846 3.59636 6.01818C3.71269 5.81966 3.87027 5.64842 4.05848 5.51605C4.24668 5.38368 4.46111 5.29326 4.68727 5.25091C5.00863 5.18723 5.34112 5.20982 5.65091 5.31637V1.81818H2.74182C2.47813 1.81578 2.21657 1.86565 1.97226 1.9649C1.72795 2.06415 1.50572 2.21082 1.31841 2.39644C1.1311 2.58206 0.98242 2.80295 0.880959 3.04635C0.779497 3.28975 0.727263 3.55084 0.727274 3.81455V12.1782C0.726317 12.441 0.777248 12.7013 0.877146 12.9444C0.977044 13.1874 1.12394 13.4084 1.30942 13.5945C1.49489 13.7807 1.71529 13.9284 1.95798 14.0292C2.20066 14.1299 2.46086 14.1818 2.72364 14.1818H5.63273V9.68364L4.43637 10.3782Z"} fill={"currentColor"}>
+
+</path>
+<path d={"M4.89091 6.32C4.81646 6.33243 4.74552 6.36059 4.68281 6.4026C4.62011 6.44461 4.56708 6.49951 4.52727 6.56364C4.45835 6.72444 4.45516 6.90584 4.51837 7.06897C4.58159 7.23211 4.70618 7.36399 4.86545 7.43637L5.63273 7.88V6.48364C5.56864 6.4752 5.50685 6.4542 5.45091 6.42182C5.28354 6.31906 5.08374 6.28274 4.89091 6.32ZM13.28 1.81818H6.73455V5.27637C7.00405 5.20499 7.28614 5.19505 7.56 5.24727C7.78608 5.28985 8.00042 5.38036 8.18859 5.51271C8.37676 5.64506 8.5344 5.81618 8.65091 6.01455C8.76587 6.21316 8.83645 6.43432 8.85779 6.66282C8.87914 6.89131 8.85074 7.12171 8.77455 7.33818C8.61873 7.77517 8.30827 8.13996 7.90182 8.36364L7.2 8.78182L8.33091 9.45455C8.43507 9.51451 8.51651 9.60719 8.56258 9.71819C8.60865 9.8292 8.61677 9.95231 8.58567 10.0684C8.55457 10.1845 8.48601 10.2871 8.39062 10.3602C8.29523 10.4333 8.17837 10.4729 8.05818 10.4727C7.96266 10.4714 7.86896 10.4464 7.78545 10.4L6.72727 9.77091V14.1818H13.2727C13.5352 14.1823 13.7952 14.131 14.0378 14.0309C14.2804 13.9308 14.501 13.7838 14.6867 13.5984C14.8725 13.413 15.0199 13.1927 15.1204 12.9503C15.221 12.7078 15.2727 12.4479 15.2727 12.1855V3.82182C15.2737 3.55935 15.2229 3.29926 15.1232 3.05645C15.0235 2.81364 14.877 2.59286 14.6919 2.40676C14.5068 2.22066 14.2868 2.07288 14.0445 1.97189C13.8023 1.87089 13.5425 1.81866 13.28 1.81818Z"} fill={"currentColor"}>
+
+</path>
+<path d={"M7.72364 6.99636C7.7495 6.92548 7.75996 6.8499 7.75432 6.77465C7.74868 6.69941 7.72706 6.62623 7.69091 6.56C7.65165 6.4954 7.59878 6.44013 7.53597 6.39805C7.47317 6.35598 7.40195 6.3281 7.32727 6.31636C7.13445 6.27837 6.93438 6.31474 6.76727 6.41818L6.72364 6.43636V7.79273L7.35273 7.42909C7.52486 7.33474 7.65672 7.1809 7.72364 6.99636Z"} fill={"currentColor"}>
+
+</path>
+</g>
+</svg>
+</span>
+<span>
+{"福利应用"}
+</span>
+</a>
+</nav>
+<footer className={"entry-footer"}>
+{error && <p role="status">{error}</p>}
+<p>
+{"本站仅提供视频内容与产品服务"}
+<br />
+{"请遵守当地法律法规，仅限成年人访问"}
+</p>
+<p>
+{"© 2026 "+siteName+" · 官方发布页"}
+</p>
+</footer>
+</main>
+</div>
+</div>
+      {download && <AppDownloadDialog download={download} qr={qr} status={status} dialogRef={dialog} onClose={() => dialog.current?.close()} onCopy={() => {void copyDownload();}} />}
+    </>
+  );
+}
diff --git a/src/components/site/PageTools.tsx b/src/components/site/PageTools.tsx
new file mode 100644
index 0000000..f9a6847
--- /dev/null
+++ b/src/components/site/PageTools.tsx
@@ -0,0 +1,37 @@
+export function PageTools() {
+  return (
+    <>
+<aside className={"page-tools"} id={"page-tools"} aria-label={"页面快捷工具"} aria-hidden={"true"} inert>
+<div className={"page-tool-download"} id={"page-tool-download"} data-app-download-entry="" hidden>
+<button id={"floating-app-close"} type={"button"} aria-label={"关闭悬浮 App 下载图标"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<path d={"m7 7 10 10M17 7 7 17"}>
+
+</path>
+</svg>
+</button>
+<a className={"page-tool"} id={"floating-download"} data-app-download="" target="_blank" rel="sponsored nofollow noopener noreferrer" aria-label={"下载 App"}>
+<img className={"floating-app-icon"} src={"/assets/6dd2c76631816aa2.svg"} alt={"91短剧 App"} width={"88"} height={"88"} />
+</a>
+</div>
+<button className={"page-tool"} id={"floating-history"} type={"button"} aria-label={"历史记录"} title={"历史记录"} aria-haspopup={"dialog"} aria-controls={"history-dialog"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<circle cx={"12"} cy={"12"} r={"9"} fill={"none"} stroke={"currentColor"} strokeWidth={"1.8"}>
+
+</circle>
+<path d={"M12 7v5l3 2"} fill={"none"} stroke={"currentColor"} strokeWidth={"1.8"} strokeLinecap={"round"} strokeLinejoin={"round"}>
+
+</path>
+</svg>
+</button>
+<button className={"page-tool"} id={"back-to-top"} type={"button"} aria-label={"回到顶部"} title={"回到顶部"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<path d={"M5 4h14M12 20V8m-6 6 6-6 6 6"}>
+
+</path>
+</svg>
+</button>
+</aside>
+    </>
+  );
+}
diff --git a/src/components/site/PlayerPage.tsx b/src/components/site/PlayerPage.tsx
new file mode 100644
index 0000000..c054f06
--- /dev/null
+++ b/src/components/site/PlayerPage.tsx
@@ -0,0 +1,9 @@
+import type { PageView } from '@/lib/page-data';
+
+export function PlayerPage({view}:{view?:PageView}) {
+  return (
+    <>
+<main id={"drama-play-page"} className={`shell${view?.overview?' is-overview':''}`} hidden={view?.panel!=='player'} aria-labelledby={"play-detail-title"} dangerouslySetInnerHTML={view?.panel==='player'?{__html:view.html}:undefined} />
+    </>
+  );
+}
diff --git a/src/components/site/Sidebar.tsx b/src/components/site/Sidebar.tsx
new file mode 100644
index 0000000..1a92c37
--- /dev/null
+++ b/src/components/site/Sidebar.tsx
@@ -0,0 +1,98 @@
+import type { NavigationEntry } from '@/lib/site-navigation';
+import { SiteNavigation } from './SiteNavigation';
+
+export function Sidebar({navigation,address,error}:{navigation:NavigationEntry[];address:string;error?:boolean}) {
+  return (
+    <>
+<aside className={"side"} id={"site-sidebar"} aria-label={"网站侧边栏"}>
+<div className={"sidebar-header"}>
+<a className={"mark sidebar-logo-toggle"} href={"/"} aria-label={"91短剧首页"}>
+<span className={"sidebar-brand-window"}>
+<img className={"sidebar-brand"} src={"/assets/5178e628105b82b4.svg"} alt={"91短剧"} width={"500"} height={"176"} />
+</span>
+</a>
+<button className={"sidebar-toggle"} id={"sidebar-toggle"} type={"button"} aria-controls={"site-sidebar"} aria-expanded={"true"} aria-label={"收起侧边栏"} title={"收起侧边栏"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<rect x={"3"} y={"4"} width={"18"} height={"16"} rx={"3"}>
+
+</rect>
+<path d={"M9 4v16"}>
+
+</path>
+</svg>
+</button>
+</div>
+<SiteNavigation entries={navigation} address={address} error={error} />
+<div className={"side-info"}>
+<strong>
+<img className={"side-info-wordmark"} src={"/assets/5178e628105b82b4.svg"} alt={"91短剧"} width={"500"} height={"176"} />
+<i className={"side-info-brand-dot"} aria-hidden={"true"}>
+
+</i>
+</strong>
+<p className={"side-info-slogan"}>
+{"百万大神原创短剧"}
+</p>
+<div className={"policy-links"} aria-label={"平台规则与帮助"}>
+<a href={"/info/about-us/"} data-info={"about-us"}>
+{"关于我们"}
+</a>
+<a href={"/info/user-agreement/"} data-info={"user-agreement"}>
+{"用户协议"}
+</a>
+<a href={"/info/privacy-policy/"} data-info={"privacy-policy"}>
+{"隐私政策"}
+</a>
+<a href={"/info/help-center/"} data-info={"help-center"}>
+{"常见问题"}
+</a>
+<a href={"/info/2257/"} data-info={"2257"}>
+{"2257"}
+</a>
+<a href={"/info/dmca/"} data-info={"dmca"}>
+{"DMCA"}
+</a>
+<a href={"/info/feedback/"} data-info={"feedback"}>
+{"意见反馈"}
+</a>
+</div>
+<small>
+{"© 2026 91短剧"}
+<br />
+{"All rights reserved."}
+</small>
+</div>
+<a className={"collapsed-help"} href={"/info/help-center/"} title={"规则与帮助"} aria-label={"规则与帮助"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<circle cx={"12"} cy={"12"} r={"9"}>
+
+</circle>
+<path d={"M9.5 9a2.5 2.5 0 0 1 5 0c0 2-2.5 2-2.5 4m0 3v.1"}>
+
+</path>
+</svg>
+</a>
+<div className={"sidebar-social"} aria-label={"联系我们"}>
+<a href={"https://t.me/huangguoAI_2026"} target={"_blank"} rel={"sponsored nofollow noopener noreferrer"} aria-label={"QQ群（参考站链接）"} title={"QQ群（参考站链接）"}>
+<img src={"/assets/c9e57990dff7b688.png"} alt={"官方社群图标"} />
+</a>
+<a href={"https://t.me/huangguoAI_2026"} target={"_blank"} rel={"sponsored nofollow noopener noreferrer"} aria-label={"Telegram"} title={"Telegram"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<path d={"M21.7 3.3 18.4 20c-.2 1.2-.9 1.5-1.9.9l-5-3.7-2.4 2.3c-.3.3-.5.5-1 .5l.4-5.1 9.3-8.4c.4-.4-.1-.6-.6-.3L5.7 13.4.8 11.9c-1-.3-1-1 .2-1.5L20.2 3c.9-.3 1.7.2 1.5.3Z"}>
+
+</path>
+</svg>
+</a>
+<a href={"https://x.com/huangguoAITV"} target={"_blank"} rel={"sponsored nofollow noopener noreferrer"} aria-label={"X"} title={"X"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<path d={"M18.9 2H22l-6.8 7.8L23 22h-6.3l-4.9-7.4L5.3 22H2l8.3-9.5L2 2h6.5l4.4 6.8L18.9 2ZM17.8 20h1.8L7.5 4H5.6l12.2 16Z"}>
+
+</path>
+</svg>
+</a>
+</div>
+</aside>
+<SiteNavigation entries={navigation} address={address} surface="mobile" />
+    </>
+  );
+}
diff --git a/src/components/site/SiteDialogs.tsx b/src/components/site/SiteDialogs.tsx
new file mode 100644
index 0000000..65ae5a1
--- /dev/null
+++ b/src/components/site/SiteDialogs.tsx
@@ -0,0 +1,172 @@
+import { AppDownloadDialog } from "./AppDownloadDialog";
+
+export function SiteDialogs() {
+  return (
+    <>
+<dialog id={"detail"} aria-label={"短剧预览"}>
+
+</dialog>
+<div className={"toast hidden"} id={"toast"} role={"status"}>
+
+</div>
+<dialog id={"account-dialog"} aria-labelledby={"account-dialog-title"}>
+
+</dialog>
+<dialog id={"history-dialog"} className={"history-dialog"} aria-labelledby={"history-dialog-title"}>
+<button className={"close"} id={"history-close"} type={"button"} aria-label={"关闭历史记录"}>
+<svg className={"dialog-close-icon"} viewBox={"0 0 24 24"} aria-hidden={"true"} focusable={"false"}>
+<path d={"m6 6 12 12M18 6 6 18"}>
+
+</path>
+</svg>
+</button>
+<h2 id={"history-dialog-title"}>
+{"历史记录"}
+</h2>
+<p className={"history-note"}>
+{"最近浏览的剧集"}
+</p>
+<div className={"account-history-list"} id={"history-list"}>
+
+</div>
+<button type={"button"} className={"history-clear"} id={"history-clear"}>
+{"清空记录"}
+</button>
+</dialog>
+<AppDownloadDialog />
+<dialog id={"member-delete-dialog"} aria-labelledby={"member-delete-title"} aria-describedby={"member-delete-description"}>
+<form method={"dialog"}>
+<h2 id={"member-delete-title"}>
+{"确认删除"}
+</h2>
+<p id={"member-delete-description"}>
+
+</p>
+<div className={"member-delete-actions"}>
+<button value={"cancel"} autoFocus>
+{"取消"}
+</button>
+<button value={"confirm"}>
+{"确认删除"}
+</button>
+</div>
+</form>
+</dialog>
+<dialog id={"member-auth-dialog"} aria-labelledby={"member-auth-title"}>
+
+</dialog>
+<dialog id={"wallet-payment-dialog"} aria-labelledby={"wallet-payment-title"}>
+
+</dialog>
+<dialog id={"play-episode-lock"} aria-labelledby={"episode-lock-title"} aria-describedby={"episode-lock-description episode-lock-note"}>
+<button type={"button"} className={"unlock-close"} aria-label={"关闭金币解锁弹窗"}>
+<svg viewBox={"0 0 24 24"} aria-hidden={"true"}>
+<path d={"m6 6 12 12M18 6 6 18"}>
+
+</path>
+</svg>
+</button>
+<div className={"unlock-coin"} aria-hidden={"true"}>
+<span className={"coin-symbol"} aria-hidden={"true"}>
+<img className={"coin-soft-star"} src={"/assets/4532d28d6a61c426.svg"} alt={"金币图标"} aria-hidden={"true"} />
+</span>
+</div>
+<h2 id={"episode-lock-title"}>
+{"使用金币解锁本集"}
+</h2>
+<p id={"episode-lock-description"} className={"episode-lock-copy"}>
+{"解锁后可永久观看本集内容。"}
+</p>
+<div className={"unlock-cost-summary"}>
+<div>
+<span>
+{"当前余额"}
+</span>
+<strong id={"episode-lock-balance"}>
+{"— 金币"}
+</strong>
+</div>
+<div>
+<span>
+{"本次消耗"}
+</span>
+<strong className={"unlock-cost"}>
+{"— 金币"}
+</strong>
+</div>
+</div>
+<p id={"episode-lock-note"} className={"unlock-confirm-note"}>
+{"后续付费剧集仍需逐集确认"}
+</p>
+<p id={"episode-lock-error"} className={"unlock-error"} role={"alert"} hidden></p>
+<button type={"button"} className={"unlock-pay"}>
+{"支付 — 金币并播放"}
+</button>
+<a className={"unlock-recharge"} href={"/info/deposit/"} data-close-dialog="">
+{"金币不足？去充值"}
+</a>
+</dialog>
+
+<dialog id={"startup-age"} className={"startup-popup"} aria-labelledby={"startup-age-title"} aria-describedby={"startup-age-description"}>
+<div className={"startup-age-layout"}>
+<div className={"startup-age-mark"}>
+<img className={"startup-age-desktop-icon"} src={"/assets/18da69acb7776e92.svg"} width={"96"} height={"96"} alt={"18岁以上"} />
+<img className={"startup-age-mobile-icon"} src={"/assets/29b976d622f7c5d1.svg"} width={"78"} height={"78"} alt={"18岁以上"} />
+</div>
+<div className={"startup-age-copy"}>
+<div className={"startup-age-desktop-copy"}>
+<h2 id={"startup-age-title"}>
+{"本网站仅限成年人访问"}
+</h2>
+<div id={"startup-age-description"}>
+<p>
+{"本网站包含仅限18岁及以上成年人浏览的内容。若您未满18岁，或所在地法律不允许您浏览此类内容，请立即离开。"}
+</p>
+<p>
+{"继续进入即表示您确认已年满18岁，并达到所在地的法定成年年龄。"}
+</p>
+</div>
+</div>
+<div className={"startup-age-mobile-copy"}>
+<h2 id={"startup-age-mobile-title"}>
+{"这是个成人网站"}
+</h2>
+<p id={"startup-age-mobile-description"}>
+{"本网站包含有年龄限制的内容，包括裸体和露骨色情素材的内容。 点击继续即表示您确认您已年满 18 岁，或在您访问本网站时所在的司法管辖区已是成年人"}
+</p>
+</div>
+<div className={"startup-age-actions"}>
+<button className={"startup-age-confirm"} type={"button"} autoFocus>
+{"我已年满18岁"}
+</button>
+<button className={"startup-age-leave"} type={"button"}>
+{"离开网站"}
+</button>
+</div>
+</div>
+</div>
+<button className={"startup-close"} type={"button"} aria-label={"离开网站"}>
+<img src={"/assets/189d7323288bd44d.svg"} width={"36"} height={"36"} alt={"离开网站"} aria-hidden={"true"} />
+</button>
+</dialog>
+<dialog id={"startup-ad"} className={"startup-popup"} aria-label={"广告推荐"}>
+<a className={"startup-ad-media"} target={"_blank"} rel={"sponsored nofollow noopener noreferrer"} data-track-ad="external-dialog" data-ad-type="interstitial" hidden>
+<img className={"startup-ad-image"} width={"400"} height={"602"} alt={"广告"} />
+</a>
+<p className={"startup-ad-loading"} role={"status"} hidden>{"正在加载下一条广告…"}</p>
+<button className={"startup-close"} type={"button"} aria-label={"关闭广告"}>
+<picture>
+<source media={"(max-width:760px)"} srcSet={"/assets/189d7323288bd44d.svg"} />
+<img src={"/assets/189d7323288bd44d.svg"} width={"36"} height={"36"} alt={"关闭广告"} aria-hidden={"true"} />
+</picture>
+</button>
+</dialog>
+<dialog id="startup-grid" className="startup-popup" aria-label="应用推广">
+<div className="startup-promotions" id="startup-promotions"></div>
+<button className="startup-close" type="button" aria-label="关闭应用推广">
+<img src="/assets/189d7323288bd44d.svg" width="36" height="36" alt="关闭应用推广" aria-hidden="true" />
+</button>
+</dialog>
+    </>
+  );
+}
diff --git a/src/components/site/SiteFrame.tsx b/src/components/site/SiteFrame.tsx
new file mode 100644
index 0000000..8d5a4cf
--- /dev/null
+++ b/src/components/site/SiteFrame.tsx
@@ -0,0 +1,32 @@
+import type { HomeData } from '@/lib/api/types';
+import type { InfoPageDefinition } from '@/lib/info-pages';
+import { getHeaderNavigation } from '@/lib/api/server';
+import { navigationEntries } from '@/lib/site-navigation';
+import { Sidebar } from './Sidebar';
+import { HomePage } from './HomePage';
+import { ChannelPages } from './ChannelPages';
+import { PlayerPage } from './PlayerPage';
+import { PageTools } from './PageTools';
+import { SiteDialogs } from './SiteDialogs';
+import { Footer } from './Footer';
+import { SiteRuntime } from './SiteRuntime';
+import type { SeoBootstrap } from '@/lib/seo';
+import { StructuredData } from './StructuredData';
+import type { PageBootstrap, PageView, SiteSharedData } from '@/lib/page-data';
+
+export async function SiteFrame({home,error,info,seo,view,homeLoaded=true,session,shared}: {home:HomeData;error?:string;info?:InfoPageDefinition;seo?:SeoBootstrap;view?:PageView;homeLoaded?:boolean;session?:PageBootstrap['session'];shared?:SiteSharedData}) {
+  const header=await getHeaderNavigation();
+  const navigation=navigationEntries(header.data,seo?.environment.origin);
+  const address=seo?.path||'/';
+  return <>
+    <StructuredData seo={seo} />
+    <Sidebar navigation={navigation} address={address} error={header.error} />
+    <HomePage user={session?.user||view?.bootstrap?.session?.user} navigation={navigation} address={address} navigationError={header.error} home={home} error={error} hideContent={!!info||!!view} />
+    <ChannelPages info={info} view={view} />
+    <PlayerPage view={view} />
+    <PageTools />
+    <SiteDialogs />
+    <Footer content={shared?.footer.footerInfo?.brand?.content} />
+    <SiteRuntime home={home} homeLoaded={homeLoaded&&!info} seo={seo} page={view?.bootstrap} navigation={navigation} session={session} shared={shared} />
+  </>;
+}
diff --git a/src/components/site/SiteNavigation.tsx b/src/components/site/SiteNavigation.tsx
new file mode 100644
index 0000000..03e4961
--- /dev/null
+++ b/src/components/site/SiteNavigation.tsx
@@ -0,0 +1,34 @@
+import type { NavigationEntry, NavigationSurface } from '@/lib/site-navigation';
+import { mobileNavigationEntries, navigationIsActive } from '@/lib/site-navigation';
+
+const icons:Record<string,string>={
+  "home": "M778.85 226.8H639.62v58.49l65.87 54.05-17.61 5.61-183.52-107.69-318.02 186.62V815H404.6V601.86h199.53V815H822.4V423.88l-43.55-25.55V226.8z",
+  "shorts": "M765 558l-22.93-14.02L725 366h1.44l-1.17-12.3c-24.41-22.2-39.3-35.74-63.71-57.95H265.44c-24.41 22.2-39.3 35.74-63.71 57.95l-37.72 397c25.39 27.92 38.32 42.14 63.71 70.05h471.55c25.39-27.92 38.32-42.14 63.71-70.05l-9.03-95.04 132.04 55.6v-306l-116.13 48.9-4.87 103.85z",
+  "topics": "M473.6 307.44L373.88 234H190.45c-13.24 14.55-19.99 21.97-33.24 36.52l44.5 470.8 52.39 47.67h536.5l52.31-46.92 28.26-259.47-523.33-12.55 20.98-25.18 508.58-19.49 8.82-80.95c-13.27-14.79-19.92-22.21-33.19-37H473.58z",
+  "rank": "M710.83 236.25c-109.55-109.55-287.18-109.55-396.73 0-109.55 109.55-109.55 287.18 0 396.73 41.51 41.51 92.8 67.28 146.46 77.33l-14.22 28.06c-42.51 2.32-87.82-4.48-131.06-38.02l-18.72 181.57 215.04-83.69 215.04 83.69-24.78-240.38c3.03-2.78 6.03-5.62 8.97-8.56 109.55-109.55 109.55-287.18 0-396.73z",
+  "home-road": "M534.27 168v0.36h-46.45l-13.39 461.39h-0.19l-0.99 40.53-1.78 61.34h0.28l-0.17 6.93-24.29-15.19-6.63-91.65c-146.16 11.32-255.42 56.61-255.42 110.77 0 62.68 146.35 113.5 326.88 113.5S839 805.16 839 742.48c0-58.26-126.42-106.25-289.19-112.74l-4.84-166.76h346.86l-80.71-147.5 80.71-147.5H534.27z",
+  "apps": "M178.74 474.5h46.77v0.28l33.03-0.28h305.41l-25.85 16.77-312.59 22.53V812h570.47V474.5h46.76v-102h-664v102zM662 243l-119 61-204.78-75.63L287 340l195.97 23 261.77-25L662 243z"
+};
+
+function NavigationIcon({item}:{item:NavigationEntry}) {
+  const path=Object.hasOwn(icons,item.key)?icons[item.key]:'';
+  return item.icon?<img className="site-navigation-icon" src="/assets/poster-placeholder.svg" data-src={item.icon} alt={item.name+'导航图标'} width={24} height={24} loading="lazy"/>:<svg className="nav-collection-icon" viewBox={path?'0 0 1024 1024':'0 0 24 24'} aria-hidden="true" focusable="false"><path d={path||'M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z'}/></svg>;
+}
+
+function NavigationLink({item,address,surface}:{item:NavigationEntry;address:string;surface:NavigationSurface}) {
+  const active=navigationIsActive(item.href,address,surface);
+  return <a href={item.href} data-site-nav={surface} data-nav-id={item.id} data-page={surface==='top'?undefined:item.key} data-hg-page={surface==='top'?item.key:undefined} className={active?'active':undefined} aria-current={active?'page':undefined} aria-label={item.name} title={item.name} target={item.external?'_blank':undefined} rel={item.external?'sponsored nofollow noopener noreferrer':undefined}>
+    {surface==='sidebar'?<NavigationIcon item={item}/>:null}<span className={surface==='sidebar'?'side-nav-label':undefined}>{item.name}</span>
+  </a>;
+}
+
+export function SiteNavigation({entries,address='/',surface='sidebar',error=false}:{entries:NavigationEntry[];address?:string;surface?:NavigationSurface;error?:boolean}) {
+  const items=surface==='mobile'?mobileNavigationEntries(entries):entries;
+  return <nav className={surface==='top'?'hg-desktop-nav':surface==='mobile'?'mobile-pages':undefined} aria-label={surface==='top'?'顶部主导航':surface==='mobile'?'移动端主导航':'主导航'} data-site-navigation={surface}>
+    {items.map(item=>item.children.length?<details className="site-nav-group" key={item.id} open={surface==='sidebar'&&item.children.some(child=>navigationIsActive(child.href,address,surface))||undefined}>
+      <summary>{surface==='sidebar'?<NavigationIcon item={item}/>:null}<span className={surface==='sidebar'?'side-nav-label':undefined}>{item.name}</span><span className="site-nav-caret" aria-hidden="true">⌄</span></summary>
+      <div className="site-nav-children">{item.href?<NavigationLink item={{...item,children:[]}} address={address} surface={surface}/>:null}{item.children.map(child=><NavigationLink key={child.id} item={child} address={address} surface={surface}/>)}</div>
+    </details>:<NavigationLink key={item.id} item={item} address={address} surface={surface}/>)}
+    {error?<span className="site-navigation-status" role="status">导航暂不可用</span>:null}
+  </nav>;
+}
diff --git a/src/components/site/SiteRuntime.tsx b/src/components/site/SiteRuntime.tsx
new file mode 100644
index 0000000..1bae5ec
--- /dev/null
+++ b/src/components/site/SiteRuntime.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+import Script from "next/script";
+import type { HomeData } from "@/lib/api/types";
+import { startApplication } from "@/lib/client/application";
+import { startTracker } from "@/lib/client/analytics";
+import type { SeoBootstrap } from '@/lib/seo';
+import type { PageBootstrap, SiteSharedData } from '@/lib/page-data';
+import type { NavigationEntry } from '@/lib/site-navigation';
+
+/** Initialize the reference interactions once, after React finishes hydration. */
+export function SiteRuntime({home,homeLoaded=true,seo,page,session,shared}: {home: HomeData;homeLoaded?:boolean;seo?:SeoBootstrap;page?:PageBootstrap;navigation?:NavigationEntry[];session?:PageBootstrap['session'];shared?:SiteSharedData}) {
+  return <Script src="/scripts/site-runtime.js" strategy="afterInteractive" onReady={()=>{
+    startTracker();startApplication(home,homeLoaded,seo,page,session,shared);
+  }} />;
+}
diff --git a/src/components/site/StructuredData.tsx b/src/components/site/StructuredData.tsx
new file mode 100644
index 0000000..757983d
--- /dev/null
+++ b/src/components/site/StructuredData.tsx
@@ -0,0 +1,12 @@
+import { buildPageHead, type SeoBootstrap } from '@/lib/seo';
+import { serializeStructuredData } from '@/lib/structured-data';
+
+/** A native script is rendered in the initial HTML, before client routing starts. */
+export function StructuredData({seo}:{seo?:SeoBootstrap}) {
+  if(!seo)return null;
+  const query=seo.path.indexOf('?');
+  const pathname=query<0?seo.path:seo.path.slice(0,query),search=query<0?'':seo.path.slice(query);
+  const data=buildPageHead(pathname,search,seo.environment,seo.content).jsonLd;
+  if(!data)return null;
+  return <script id="site-json-ld" type="application/ld+json" data-site-json-ld="" dangerouslySetInnerHTML={{__html:serializeStructuredData(data)}} />;
+}
diff --git a/src/data/assets.json b/src/data/assets.json
new file mode 100644
index 0000000..0709aec
--- /dev/null
+++ b/src/data/assets.json
@@ -0,0 +1,766 @@
+{
+  "b71aedc5cfcc6bd5.svg": {
+    "type": "image/svg+xml",
+    "bytes": 13415
+  },
+  "fdd6fe924244b1f4.jpg": {
+    "type": "image/jpeg",
+    "bytes": 103208
+  },
+  "19ed41602046c136.svg": {
+    "type": "image/svg+xml",
+    "bytes": 294
+  },
+  "813abcae48078ac7.svg": {
+    "type": "image/svg+xml",
+    "bytes": 320
+  },
+  "f3d55d5dd5a321d3.png": {
+    "type": "image/png",
+    "bytes": 351
+  },
+  "7d05c412943babef.png": {
+    "type": "image/png",
+    "bytes": 299
+  },
+  "8c1c285ac6bd3b66.svg": {
+    "type": "image/svg+xml",
+    "bytes": 323
+  },
+  "49cffe02110af446.svg": {
+    "type": "image/svg+xml",
+    "bytes": 535
+  },
+  "9903882b2da0df62.svg": {
+    "type": "image/svg+xml",
+    "bytes": 445
+  },
+  "bf82634dbd0f4907.svg": {
+    "type": "image/svg+xml",
+    "bytes": 522
+  },
+  "c80f072eec53a3ca.svg": {
+    "type": "image/svg+xml",
+    "bytes": 980
+  },
+  "350ab2f3118693a8.svg": {
+    "type": "image/svg+xml",
+    "bytes": 403
+  },
+  "16bd37861fd6246c.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1038
+  },
+  "ce2f84f155d32b0b.png": {
+    "type": "image/png",
+    "bytes": 361101
+  },
+  "a6ba4b9749786513.png": {
+    "type": "image/png",
+    "bytes": 379964
+  },
+  "51e809aac4f1e40a.png": {
+    "type": "image/png",
+    "bytes": 428525
+  },
+  "2d8f1898b668e45e.png": {
+    "type": "image/png",
+    "bytes": 377372
+  },
+  "b57b58bd55aeee91.png": {
+    "type": "image/png",
+    "bytes": 369923
+  },
+  "1f0d06c643b6660a.png": {
+    "type": "image/png",
+    "bytes": 520101
+  },
+  "55f4c0c888a3cee3.png": {
+    "type": "image/png",
+    "bytes": 390291
+  },
+  "a0cb8cb4c545a0bc.png": {
+    "type": "image/png",
+    "bytes": 340922
+  },
+  "c568d83ba6e559ac.png": {
+    "type": "image/png",
+    "bytes": 412139
+  },
+  "47632de987649cda.png": {
+    "type": "image/png",
+    "bytes": 438195
+  },
+  "9bb14f2dd28ab426.png": {
+    "type": "image/png",
+    "bytes": 432638
+  },
+  "eb4bee364040817e.png": {
+    "type": "image/png",
+    "bytes": 438938
+  },
+  "2699fa102e73d8c8.svg": {
+    "type": "image/svg+xml",
+    "bytes": 234
+  },
+  "92fc7fda98f7db04.svg": {
+    "type": "image/svg+xml",
+    "bytes": 217
+  },
+  "3482d6856aee853d.svg": {
+    "type": "image/svg+xml",
+    "bytes": 271
+  },
+  "d2182785de825f85.svg": {
+    "type": "image/svg+xml",
+    "bytes": 388
+  },
+  "69304455ce1e30ae.svg": {
+    "type": "image/svg+xml",
+    "bytes": 393
+  },
+  "160ae2de19037355.svg": {
+    "type": "image/svg+xml",
+    "bytes": 12572
+  },
+  "5178e628105b82b4.svg": {
+    "type": "image/svg+xml",
+    "bytes": 12572
+  },
+  "c9e57990dff7b688.png": {
+    "type": "image/png",
+    "bytes": 538
+  },
+  "4532d28d6a61c426.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1549
+  },
+  "a8076c86caaa5bd7.png": {
+    "type": "image/png",
+    "bytes": 3936
+  },
+  "8837c3e58159bd48.png": {
+    "type": "image/png",
+    "bytes": 594853
+  },
+  "90e5136c083143d0.svg": {
+    "type": "image/svg+xml",
+    "bytes": 907
+  },
+  "2d4b4cd3fe1e8795.svg": {
+    "type": "image/svg+xml",
+    "bytes": 386
+  },
+  "01a1c7fc200c39f2.jpg": {
+    "type": "image/jpeg",
+    "bytes": 108105
+  },
+  "abe9b9f85f00e37d.jpg": {
+    "type": "image/jpeg",
+    "bytes": 119450
+  },
+  "720b7aa5a05841ef.jpg": {
+    "type": "image/jpeg",
+    "bytes": 124678
+  },
+  "98454e9d9e2ef0a1.jpg": {
+    "type": "image/jpeg",
+    "bytes": 71719
+  },
+  "92a6e44715e728e2.jpg": {
+    "type": "image/jpeg",
+    "bytes": 137549
+  },
+  "bd44ab8fafaca01f.webp": {
+    "type": "image/webp",
+    "bytes": 367788
+  },
+  "8466240296112fb5.jpg": {
+    "type": "image/jpeg",
+    "bytes": 45808
+  },
+  "b73eaf71d4ec80f9.webp": {
+    "type": "image/webp",
+    "bytes": 309804
+  },
+  "09bbacc482165f7f.jpg": {
+    "type": "image/jpeg",
+    "bytes": 39842
+  },
+  "dc0366b46a5478f2.webp": {
+    "type": "image/webp",
+    "bytes": 258656
+  },
+  "bcf06f98cbfa83ee.jpg": {
+    "type": "image/jpeg",
+    "bytes": 42172
+  },
+  "98ddead2e56f2360.webp": {
+    "type": "image/webp",
+    "bytes": 172382
+  },
+  "f4a2543ba4fb506b.jpg": {
+    "type": "image/jpeg",
+    "bytes": 27603
+  },
+  "dff7559d1b382481.webp": {
+    "type": "image/webp",
+    "bytes": 266980
+  },
+  "b651ac584424e2f2.jpg": {
+    "type": "image/jpeg",
+    "bytes": 45194
+  },
+  "93d679135d26da60.webp": {
+    "type": "image/webp",
+    "bytes": 143570
+  },
+  "723fbfaeabe6ca96.jpg": {
+    "type": "image/jpeg",
+    "bytes": 26464
+  },
+  "a8b9176037760d37.webp": {
+    "type": "image/webp",
+    "bytes": 289266
+  },
+  "867ae921f79dbe99.webp": {
+    "type": "image/webp",
+    "bytes": 333784
+  },
+  "96c24a25fd78210c.webp": {
+    "type": "image/webp",
+    "bytes": 448958
+  },
+  "f90a5717b5768f43.webp": {
+    "type": "image/webp",
+    "bytes": 389824
+  },
+  "e26ed8036e427ca3.webp": {
+    "type": "image/webp",
+    "bytes": 163936
+  },
+  "573d7e27b3f6b69b.webp": {
+    "type": "image/webp",
+    "bytes": 316158
+  },
+  "f2f13d8c5b693bac.webp": {
+    "type": "image/webp",
+    "bytes": 256746
+  },
+  "4b2300563a47e13e.webp": {
+    "type": "image/webp",
+    "bytes": 237728
+  },
+  "6594cfd4c90de958.png": {
+    "type": "image/png",
+    "bytes": 171582
+  },
+  "26bbd61b3e089f86.png": {
+    "type": "image/png",
+    "bytes": 65981
+  },
+  "d4f324df023454a6.png": {
+    "type": "image/png",
+    "bytes": 352560
+  },
+  "dc5a4f514353d4c3.png": {
+    "type": "image/png",
+    "bytes": 401875
+  },
+  "cb1ba9ad10c4d7e0.png": {
+    "type": "image/png",
+    "bytes": 128151
+  },
+  "f6fd1c865977e25d.png": {
+    "type": "image/png",
+    "bytes": 209862
+  },
+  "13536e3a41e2f59f.png": {
+    "type": "image/png",
+    "bytes": 111921
+  },
+  "e41e657a9f3adc5c.png": {
+    "type": "image/png",
+    "bytes": 200466
+  },
+  "1e03fc1be2cc2dc4.png": {
+    "type": "image/png",
+    "bytes": 88342
+  },
+  "fd58cd99b50a8dbe.png": {
+    "type": "image/png",
+    "bytes": 190795
+  },
+  "56f0435f9c47fec3.png": {
+    "type": "image/png",
+    "bytes": 335837
+  },
+  "93b149e40991d773.png": {
+    "type": "image/png",
+    "bytes": 360796
+  },
+  "8292db6251d1e129.png": {
+    "type": "image/png",
+    "bytes": 142422
+  },
+  "812c622409947995.png": {
+    "type": "image/png",
+    "bytes": 201172
+  },
+  "e4baa97000c6f0fe.png": {
+    "type": "image/png",
+    "bytes": 391208
+  },
+  "200f9c8479491fb3.png": {
+    "type": "image/png",
+    "bytes": 375769
+  },
+  "63867cb14798be9f.png": {
+    "type": "image/png",
+    "bytes": 161391
+  },
+  "dfda4dcfd6a1c3a3.png": {
+    "type": "image/png",
+    "bytes": 214326
+  },
+  "348a414d41099579.png": {
+    "type": "image/png",
+    "bytes": 137365
+  },
+  "7c8623882a4c28b7.png": {
+    "type": "image/png",
+    "bytes": 191164
+  },
+  "addb3b51206a8978.png": {
+    "type": "image/png",
+    "bytes": 167950
+  },
+  "f7534a32a91cf37b.png": {
+    "type": "image/png",
+    "bytes": 61024
+  },
+  "cd8b6ba1e9378a10.png": {
+    "type": "image/png",
+    "bytes": 322956
+  },
+  "1ed1c03f29c9aecc.png": {
+    "type": "image/png",
+    "bytes": 299653
+  },
+  "14372da0677bc8a2.png": {
+    "type": "image/png",
+    "bytes": 246419
+  },
+  "cf6f51dd8344bdcf.png": {
+    "type": "image/png",
+    "bytes": 504623
+  },
+  "71ec6a19ef0e1b01.png": {
+    "type": "image/png",
+    "bytes": 336781
+  },
+  "0a24767770663c9e.png": {
+    "type": "image/png",
+    "bytes": 462611
+  },
+  "8b9bfab6cb2e72b9.png": {
+    "type": "image/png",
+    "bytes": 352862
+  },
+  "3651a2618990bf95.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1410
+  },
+  "ba17d56edfb047e2.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1023
+  },
+  "d001d1cc6c2f0ce6.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1729
+  },
+  "d59d2d7390d88f08.svg": {
+    "type": "image/svg+xml",
+    "bytes": 3082
+  },
+  "d4ebee2aa88ba9a2.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1137
+  },
+  "a0c6451fadcb7738.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1018
+  },
+  "8b1153736cc5dca1.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1210
+  },
+  "11bae9823678ebdc.svg": {
+    "type": "image/svg+xml",
+    "bytes": 2257
+  },
+  "2a8580c42090f36c.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1062
+  },
+  "9a5b6e9db9de76b8.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1549
+  },
+  "228a0af1662081ac.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1781
+  },
+  "72f702ca215f597d.svg": {
+    "type": "image/svg+xml",
+    "bytes": 474
+  },
+  "6dd2c76631816aa2.svg": {
+    "type": "image/svg+xml",
+    "bytes": 13124
+  },
+  "388ac2896091bdb8.png": {
+    "type": "image/png",
+    "bytes": 173198
+  },
+  "f19227c0a214f999.png": {
+    "type": "image/png",
+    "bytes": 176629
+  },
+  "026444e7f0debb8a.png": {
+    "type": "image/png",
+    "bytes": 188730
+  },
+  "226b263bb72d177e.png": {
+    "type": "image/png",
+    "bytes": 150083
+  },
+  "2326b439717b8919.png": {
+    "type": "image/png",
+    "bytes": 4036
+  },
+  "5d32f20e4a4c4b95.jpg": {
+    "type": "image/jpeg",
+    "bytes": 148383
+  },
+  "0c829f3186dd2aa8.jpg": {
+    "type": "image/jpeg",
+    "bytes": 116726
+  },
+  "2bad2bb0d4ffcbe9.jpg": {
+    "type": "image/jpeg",
+    "bytes": 86934
+  },
+  "c8cb1f1f87814ea6.jpg": {
+    "type": "image/jpeg",
+    "bytes": 95906
+  },
+  "67b33e5481de36bf.jpg": {
+    "type": "image/jpeg",
+    "bytes": 160776
+  },
+  "b572feb468a57fe7.jpg": {
+    "type": "image/jpeg",
+    "bytes": 121966
+  },
+  "e2e6cfa02b692824.jpg": {
+    "type": "image/jpeg",
+    "bytes": 115060
+  },
+  "d4e6ff3babd3ac8c.jpg": {
+    "type": "image/jpeg",
+    "bytes": 162053
+  },
+  "d88cd6f4785506cf.jpg": {
+    "type": "image/jpeg",
+    "bytes": 80125
+  },
+  "d11925d521c7a7a7.webp": {
+    "type": "image/webp",
+    "bytes": 82790
+  },
+  "fd1d767246850d19.webp": {
+    "type": "image/webp",
+    "bytes": 88558
+  },
+  "01c359ce005dc785.webp": {
+    "type": "image/webp",
+    "bytes": 62052
+  },
+  "28b276f54dfea226.webp": {
+    "type": "image/webp",
+    "bytes": 70478
+  },
+  "ee7917333f5f4d49.webp": {
+    "type": "image/webp",
+    "bytes": 84448
+  },
+  "c612eedfded8baed.webp": {
+    "type": "image/webp",
+    "bytes": 86156
+  },
+  "c468611c26ac6aa5.webp": {
+    "type": "image/webp",
+    "bytes": 70012
+  },
+  "43059b3dd536fae4.webp": {
+    "type": "image/webp",
+    "bytes": 109492
+  },
+  "afc7eccbc7ad2064.webp": {
+    "type": "image/webp",
+    "bytes": 75310
+  },
+  "81a3adb37f20adbd.webp": {
+    "type": "image/webp",
+    "bytes": 122182
+  },
+  "180fca29d93502d0.webp": {
+    "type": "image/webp",
+    "bytes": 70950
+  },
+  "eb003aa14e68556b.webp": {
+    "type": "image/webp",
+    "bytes": 100104
+  },
+  "a0f163d35a28d0c6.webp": {
+    "type": "image/webp",
+    "bytes": 64888
+  },
+  "27160b85d8347743.webp": {
+    "type": "image/webp",
+    "bytes": 74406
+  },
+  "27877a11ee8315b3.webp": {
+    "type": "image/webp",
+    "bytes": 76998
+  },
+  "f73e1cf1db670dc9.webp": {
+    "type": "image/webp",
+    "bytes": 76484
+  },
+  "cd2c7b933f47bf37.webp": {
+    "type": "image/webp",
+    "bytes": 91530
+  },
+  "6600cde1d7a82529.webp": {
+    "type": "image/webp",
+    "bytes": 117614
+  },
+  "e01d276237418eec.webp": {
+    "type": "image/webp",
+    "bytes": 108258
+  },
+  "7ae5ed16a625703c.webp": {
+    "type": "image/webp",
+    "bytes": 96430
+  },
+  "6472cc642da82b83.webp": {
+    "type": "image/webp",
+    "bytes": 79660
+  },
+  "2864103ed160195a.webp": {
+    "type": "image/webp",
+    "bytes": 129286
+  },
+  "d4b3692a7af5718a.webp": {
+    "type": "image/webp",
+    "bytes": 119046
+  },
+  "6822ddc74c30d987.webp": {
+    "type": "image/webp",
+    "bytes": 86910
+  },
+  "af4370e9c87f0f75.webp": {
+    "type": "image/webp",
+    "bytes": 48058
+  },
+  "2419ebe0d21ada3d.webp": {
+    "type": "image/webp",
+    "bytes": 79450
+  },
+  "2a92e7ab0cae2c3a.webp": {
+    "type": "image/webp",
+    "bytes": 99938
+  },
+  "c792d0645e28b789.webp": {
+    "type": "image/webp",
+    "bytes": 102032
+  },
+  "febda32da630fa68.webp": {
+    "type": "image/webp",
+    "bytes": 136546
+  },
+  "a95a5642fd778796.webp": {
+    "type": "image/webp",
+    "bytes": 72204
+  },
+  "5dc6629665de4078.webp": {
+    "type": "image/webp",
+    "bytes": 126222
+  },
+  "2c77547c257b8f70.webp": {
+    "type": "image/webp",
+    "bytes": 92482
+  },
+  "6af0eb8975b2a879.webp": {
+    "type": "image/webp",
+    "bytes": 139066
+  },
+  "255fc2eddadf06d2.webp": {
+    "type": "image/webp",
+    "bytes": 132040
+  },
+  "537b2be75c1688b3.webp": {
+    "type": "image/webp",
+    "bytes": 136286
+  },
+  "0ee5776b9c09c740.webp": {
+    "type": "image/webp",
+    "bytes": 92782
+  },
+  "35b4e9820e5272f1.webp": {
+    "type": "image/webp",
+    "bytes": 63326
+  },
+  "0dcb9a25191e606e.webp": {
+    "type": "image/webp",
+    "bytes": 136674
+  },
+  "3f0f8131360bc200.webp": {
+    "type": "image/webp",
+    "bytes": 114538
+  },
+  "f92464cf99366ea2.webp": {
+    "type": "image/webp",
+    "bytes": 93710
+  },
+  "d66d6df7a026c4e6.webp": {
+    "type": "image/webp",
+    "bytes": 80522
+  },
+  "0e23b0d87a4b6e04.webp": {
+    "type": "image/webp",
+    "bytes": 60886
+  },
+  "22ec0b5db3ff7cd5.webp": {
+    "type": "image/webp",
+    "bytes": 109280
+  },
+  "2ff6d2000e27356c.webp": {
+    "type": "image/webp",
+    "bytes": 130872
+  },
+  "366eac80d0309a2e.webp": {
+    "type": "image/webp",
+    "bytes": 138944
+  },
+  "de7a7edd54482f6e.webp": {
+    "type": "image/webp",
+    "bytes": 123090
+  },
+  "c1cb918e48d35bd3.webp": {
+    "type": "image/webp",
+    "bytes": 97386
+  },
+  "144f33adfb6673f6.svg": {
+    "type": "image/svg+xml",
+    "bytes": 422
+  },
+  "929f93aa7c28c5c7.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1035
+  },
+  "0f0ef061135a13f0.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1788
+  },
+  "2fdedce06a90a6a1.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1283
+  },
+  "5652fcead17188e8.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1016
+  },
+  "2bead9ea5c435c98.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1620
+  },
+  "7848816d05aa8591.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1140
+  },
+  "48deec4cd52f5397.png": {
+    "type": "image/png",
+    "bytes": 533460
+  },
+  "56bfd436158003be.png": {
+    "type": "image/png",
+    "bytes": 831776
+  },
+  "f0e3cca7f186c715.png": {
+    "type": "image/png",
+    "bytes": 559815
+  },
+  "bd8f7fd04bc0b709.png": {
+    "type": "image/png",
+    "bytes": 623376
+  },
+  "33256436588298b0.png": {
+    "type": "image/png",
+    "bytes": 265674
+  },
+  "bd69a2c88e8d17cc.png": {
+    "type": "image/png",
+    "bytes": 493411
+  },
+  "9df0afe903e8d542.svg": {
+    "type": "image/svg+xml",
+    "bytes": 832
+  },
+  "7f137587edc271d0.png": {
+    "type": "image/png",
+    "bytes": 2076486
+  },
+  "fcbe47a58d6fd9e7.svg": {
+    "type": "image/svg+xml",
+    "bytes": 243
+  },
+  "6fa3b8cccc07ed57.svg": {
+    "type": "image/svg+xml",
+    "bytes": 665
+  },
+  "cea8731b980a14a0.png": {
+    "type": "image/png",
+    "bytes": 446903
+  },
+  "18da69acb7776e92.svg": {
+    "type": "image/svg+xml",
+    "bytes": 2543
+  },
+  "29b976d622f7c5d1.svg": {
+    "type": "image/svg+xml",
+    "bytes": 4323
+  },
+  "189d7323288bd44d.svg": {
+    "type": "image/svg+xml",
+    "bytes": 583
+  },
+  "7ac5104cd3d3e49c.png": {
+    "type": "image/png",
+    "bytes": 1063186
+  },
+  "6b84a86651a478fe.svg": {
+    "type": "image/svg+xml",
+    "bytes": 782
+  },
+  "8eb3c37a26ca792b.svg": {
+    "type": "image/svg+xml",
+    "bytes": 1906
+  },
+  "b90a9ab6918d47c7.svg": {
+    "type": "image/svg+xml",
+    "bytes": 806
+  }
+}
diff --git a/src/lib/account-data.ts b/src/lib/account-data.ts
new file mode 100644
index 0000000..fa2c478
--- /dev/null
+++ b/src/lib/account-data.ts
@@ -0,0 +1,26 @@
+import type { Drama, Package, PageData } from './api/types';
+import { recordList } from './api/protocol';
+import { publicDrama } from './player-data';
+import type { WalletInitialData } from './page-data';
+
+export function accountList(data:PageData<Drama>):PageData<Drama> {
+  return {list:recordList<Drama>(data.list).map(publicDrama),totalCount:typeof data.totalCount==='number'?data.totalCount:0};
+}
+export function accountPackages(data:WalletInitialData['packages']):WalletInitialData['packages'] {
+  const items=(value:unknown)=>recordList<Package>(value).map(item=>{
+    const result:Record<string,unknown>={};
+    for(const key of ['id','packageType','price','originalPrice','baseCoin','giftCoin','totalCoin','durationDays','durationHours'] as const)if(typeof item[key]==='number'&&Number.isFinite(item[key]))result[key]=item[key];
+    for(const key of ['name','subTitle'] as const)if(typeof item[key]==='string')result[key]=item[key];
+    result.payMethods=recordList<{type:string;typeName:string}>(item.payMethods).map(method=>({type:String(method.type||''),typeName:String(method.typeName||'')}));
+    return result as unknown as Package;
+  });
+  return {coinList:items(data.coinList),vipList:items(data.vipList)};
+}
+export function accountTransactions(data:WalletInitialData['transactions']):WalletInitialData['transactions'] {
+  return {totalCount:typeof data.totalCount==='number'?data.totalCount:0,...(data.error?{error:'余额明细暂不可用，请稍后刷新'}:{}),list:recordList<Record<string,unknown>>(data.list).map(item=>{
+    const result:Record<string,unknown>={};
+    for(const key of ['changeAmount','amount','coin','changeCoin','flowDir'])if(typeof item[key]==='number'&&Number.isFinite(item[key]))result[key]=item[key];
+    for(const key of ['title','tranTypeName','name','remark','typeName','createdAt','time'])if(typeof item[key]==='string')result[key]=item[key];
+    return result;
+  })};
+}
diff --git a/src/lib/api/config.ts b/src/lib/api/config.ts
new file mode 100644
index 0000000..0a9e479
--- /dev/null
+++ b/src/lib/api/config.ts
@@ -0,0 +1,36 @@
+export const DEFAULT_API_BASE_URL = 'http://172.104.181.99:21022';
+export const UPSTREAM_HOP_HEADER = 'x-91dj-upstream';
+
+export interface ApiRequestContext {
+  headers: Pick<Headers, 'get'>;
+  url?: string;
+}
+
+function configuredApiUrl(): string {
+  const environment = process.env.APP_ENV || (process.env.NODE_ENV === 'production' ? 'production' : 'development');
+  const fallback = environment === 'production' ? 'http://172.104.56.28:26125' : DEFAULT_API_BASE_URL;
+  return (process.env.UPSTREAM_API_URL ?? process.env.API_BASE_URL ?? fallback).trim();
+}
+
+export function usesCurrentApiOrigin(): boolean {
+  return configuredApiUrl() === 'current';
+}
+
+/** Resolve each visitor's origin at request time; never store a request host globally. */
+export function getApiBaseUrl(request?: ApiRequestContext): string {
+  const value = configuredApiUrl();
+  if (value === 'current') {
+    const incoming = request?.url ? new URL(request.url) : undefined;
+    const host = (request?.headers.get('host') || request?.headers.get('x-forwarded-host')?.split(',')[0] || incoming?.host || '').trim();
+    const protocol = (request?.headers.get('x-forwarded-proto')?.split(',')[0] || incoming?.protocol.replace(':', '') || 'https').trim();
+    if (!host || /[\s,/\\?#@]/.test(host) || !['http', 'https'].includes(protocol)) throw new Error('当前域名接口模式缺少有效的请求域名或协议');
+    const origin = new URL(protocol + '://' + host);
+    if (origin.username || origin.password || origin.pathname !== '/' || origin.search || origin.hash) throw new Error('当前域名接口地址无效');
+    return origin.origin;
+  }
+  try {
+    const url = new URL(value);
+    if (!['http:', 'https:'].includes(url.protocol) || url.username || url.password || url.search || url.hash) throw new Error('Invalid upstream');
+    return url.href.replace(/\/+$/, '');
+  } catch { throw new Error('UPSTREAM_API_URL 必须是有效的 HTTP(S) 接口地址'); }
+}
diff --git a/src/lib/api/media.ts b/src/lib/api/media.ts
new file mode 100644
index 0000000..3197bf5
--- /dev/null
+++ b/src/lib/api/media.ts
@@ -0,0 +1,88 @@
+import { isIP } from 'node:net';
+import { getApiBaseUrl, UPSTREAM_HOP_HEADER } from './config';
+
+const CACHE = {'Cache-Control': 'no-store'};
+
+/** Same visitor IP used when the play ticket was issued. Prefer the proxy header, then the first forwarded address. */
+function clientIp(request: Request): string {
+  const real = request.headers.get('x-real-ip')?.trim() || '';
+  if (isIP(real)) return real;
+  const forwarded = request.headers.get('x-forwarded-for')?.split(',')[0]?.trim() || '';
+  return isIP(forwarded) ? forwarded : '';
+}
+
+const REDIRECTS = new Set([301,302,303,307,308]);
+
+/** APIs differ on the key route's trailing slash. Follow only that same-origin change. */
+async function fetchMedia(target: URL, init: RequestInit, key: boolean): Promise<Response> {
+  const response = await fetch(target, {...init,redirect:key?'manual':'error'});
+  if (!key || !REDIRECTS.has(response.status)) return response;
+  const location = response.headers.get('location');
+  await response.body?.cancel();
+  const destination = location ? new URL(location,target) : undefined;
+  const pathname = target.pathname.replace(/\/$/,'');
+  if (!destination || !/^\/(?:new)?enkey$/.test(pathname) || destination.origin !== target.origin ||
+      destination.username || destination.password || destination.hash || destination.pathname === target.pathname ||
+      destination.pathname.replace(/\/$/,'') !== pathname || destination.search && destination.search !== target.search) {
+    throw new Error('Invalid key redirect');
+  }
+  // Keep signed bytes intact, including servers whose canonical redirect omits the query.
+  destination.search = target.search;
+  const result = await fetch(destination,{...init,redirect:'manual'});
+  if (REDIRECTS.has(result.status)) {
+    await result.body?.cancel();
+    throw new Error('Repeated key redirect');
+  }
+  return result;
+}
+
+/** Signed media URLs carry their own token. Never forward application credentials. */
+export async function proxyMedia(request: Request, path: string, key = false): Promise<Response> {
+  const cache = key ? {...CACHE,'Access-Control-Allow-Origin':'*'} : CACHE;
+  if (request.headers.has(UPSTREAM_HOP_HEADER)) return new Response('上游媒体请求返回本站，请检查 Nginx 的媒体转发配置', {status:502,headers:cache});
+  const headers = new Headers({Accept: '*/*',[UPSTREAM_HOP_HEADER]:'1'});
+  const range = request.headers.get('range');
+  if (range && !key) headers.set('Range', range);
+  const userAgent = request.headers.get('user-agent');
+  if (userAgent) headers.set('User-Agent', userAgent);
+  // Match chapter detail: send only X-Real-IP. An extra X-Forwarded-For is appended by nginx
+  // and becomes the address the play ticket is checked against.
+  const ip = clientIp(request);
+  if (ip) headers.set('X-Real-IP', ip);
+  try {
+    const target = new URL(path, getApiBaseUrl(request));
+    target.search = new URL(request.url).search;
+    const response = await fetchMedia(target, {
+      headers, cache: 'no-store',
+      signal: AbortSignal.any([request.signal, AbortSignal.timeout(25000)]),
+    },key);
+    if (!response.ok) {
+      await response.body?.cancel();
+      return new Response(null, {status: response.status, headers: cache});
+    }
+    const type = response.headers.get('content-type') || '';
+    const playlist = /\.m3u8$/i.test(target.pathname) || /mpegurl/i.test(type);
+    const output = new Headers(cache);
+    for (const name of ['Content-Range','Accept-Ranges']) {
+      const value = response.headers.get(name);if (value) output.set(name,value);
+    }
+    if (key || /json/i.test(type) || playlist && response.status === 200) {
+      const buffer = await response.arrayBuffer();
+      const text = new TextDecoder().decode(buffer);
+      let businessError = false;
+      if (/^\s*\{/.test(text)) {
+        try {const code = JSON.parse(text).code;businessError = code != null && ![0,200].includes(Number(code));}
+        catch {businessError = !key || /json/i.test(type);}
+      }
+      if (businessError || /json/i.test(type) || key && buffer.byteLength !== 16 || playlist && !text.trimStart().startsWith('#EXTM3U')) {
+        return new Response('视频资源暂不可用', {status: 502, headers: cache});
+      }
+      output.set('Content-Type', key ? 'application/octet-stream' : 'application/vnd.apple.mpegurl');
+      return new Response(buffer, {status: response.status, headers: output});
+    }
+    output.set('Content-Type', /\.ts$/i.test(target.pathname) ? 'video/mp2t' : /\.mp4$/i.test(target.pathname) ? 'video/mp4' : type || 'application/octet-stream');
+    return new Response(response.body, {status: response.status, headers: output});
+  } catch {
+    return new Response('视频资源请求失败', {status: 502, headers: cache});
+  }
+}
diff --git a/src/lib/api/page-session.ts b/src/lib/api/page-session.ts
new file mode 100644
index 0000000..9bf677c
--- /dev/null
+++ b/src/lib/api/page-session.ts
@@ -0,0 +1,54 @@
+import { NextResponse, type NextRequest } from 'next/server';
+import { randomUUID } from 'node:crypto';
+import { isIP } from 'node:net';
+import { upstream } from './server';
+import { EXPIRED_CODES } from './protocol';
+import { publicUser } from './public-user';
+import type { User } from './types';
+
+export const SSR_USER_HEADER='x-drama-ssr-user';
+export const SSR_SESSION_HEADER='x-drama-ssr-session';
+const expired=(code:number)=>code===401||EXPIRED_CODES.has(code);
+
+/** Prepare one identity before RSC reads private data; forward its cookies in this same request. */
+export async function preparePageSession(request:NextRequest,required:boolean) {
+  const headers=new Headers(request.headers);
+  headers.delete(SSR_USER_HEADER);headers.delete(SSR_SESSION_HEADER);
+  if(!required)return NextResponse.next({request:{headers}});
+  const cookies=new Map(request.cookies.getAll().map(item=>[item.name,item.value]));
+  const secure=request.nextUrl.protocol==='https:',options={httpOnly:true,sameSite:'lax' as const,secure,path:'/',maxAge:7*86400};
+  const device=/^[a-zA-Z0-9_-]{1,100}$/.test(cookies.get('drama_device')||'')?cookies.get('drama_device')!:randomUUID();
+  const channel=(cookies.get('drama_channel')||request.nextUrl.searchParams.get('dc')||request.nextUrl.searchParams.get('ch')||request.nextUrl.searchParams.get('pc')||process.env.API_CHANNEL||'').trim().slice(0,100);
+  const address=(request.headers.get('x-real-ip')||request.headers.get('x-forwarded-for')?.split(',')[0]||'').trim();
+  const identity={request,device,userAgent:request.headers.get('user-agent')||'',clientIp:isIP(address)?address:undefined,timeoutMs:5000};
+  let token=cookies.get('drama_session')||'',registered=cookies.get('drama_registered')==='1',user:User|null=null,state=registered?'login-required':'unavailable';
+  const updates=new Map<string,string>();
+  const set=(key:string,value:string)=>{if(value)cookies.set(key,value);else cookies.delete(key);updates.set(key,value);};
+  set('drama_device',device);if(channel)set('drama_channel',channel);
+  try{
+    if(token){
+      let result;
+      try{result=await upstream<User>('auth/getInfo',{...identity,token});}
+      catch(error){if(error&&typeof error==='object'&&'code' in error&&expired(Number(error.code)))result={code:Number(error.code),data:null};else throw error;}
+      if(result.code===200){user=publicUser(result.data);if(!user)throw new Error('账号信息无效');token=result.data?.token||token;}
+      else if(expired(result.code)){set('drama_session','');set('drama_registered','');token='';if(registered)state='login-required';}
+      else throw new Error('账号服务暂不可用');
+    }
+    if(!user&&!registered&&!cookies.has('drama_skip_auto')){
+      const result=await upstream<User>('auth/guest',{...identity,method:'POST',body:{devID:device,deviceId:device,channel,mac:''}});
+      user=result.code===200?publicUser(result.data):null;token=result.data?.token||'';
+      if(!user||!token)throw new Error('游客会话暂不可用');
+    }
+    if(user){
+      registered=user.isRegister===true||user.type===1||registered;
+      set('drama_session',token);set('drama_registered',registered?'1':'0');set('drama_device',device);if(channel)set('drama_channel',channel);
+      headers.set(SSR_USER_HEADER,Buffer.from(JSON.stringify(user)).toString('base64url'));state='ready';
+    }else if(cookies.has('drama_skip_auto')){set('drama_skip_auto','');state='login-required';}
+  }catch{/* Render a retry state; authentication failure must never expose a partial private page. */}
+  headers.set(SSR_SESSION_HEADER,state);
+  headers.set('cookie',[...cookies].map(([key,value])=>`${key}=${encodeURIComponent(value)}`).join('; '));
+  const response=NextResponse.next({request:{headers}});
+  response.headers.set('Cache-Control','private, no-store');
+  for(const [key,value] of updates)response.cookies.set(key,value,{...options,...(key==='drama_device'||key==='drama_channel'?{httpOnly:false,maxAge:365*86400}:{}),...(!value?{maxAge:0}:{})});
+  return response;
+}
diff --git a/src/lib/api/protocol.ts b/src/lib/api/protocol.ts
new file mode 100644
index 0000000..e6c73b0
--- /dev/null
+++ b/src/lib/api/protocol.ts
@@ -0,0 +1,39 @@
+import type { Envelope } from "./types";
+
+export const EXPIRED_CODES = new Set([1000, 1002, 1012, 6001]);
+export class ApiError extends Error {
+  constructor(message: string, public code = 500) { super(message); this.name = "ApiError"; }
+}
+
+export function recordList<T extends object>(value: unknown): T[] {
+  return Array.isArray(value) ? value.filter(item => item !== null && typeof item === 'object' && !Array.isArray(item)) : [];
+}
+
+// The reference service accepts null, empty, and double-encoded JSON data.
+export function decodeEnvelope<T>(value: unknown): Envelope<T> {
+  if (!value || typeof value !== "object" || !Number.isFinite(Number((value as {code?: unknown}).code))) {
+    throw new ApiError("接口返回格式不正确，请稍后重试", 502);
+  }
+  const envelope = value as Envelope<unknown>;
+  let data = envelope.data;
+  if (typeof data === "string") {
+    const text = data.trim();
+    if (!text) data = null;
+    else if (/^[{[]/.test(text)) {
+      try { data = JSON.parse(text); } catch { throw new ApiError("接口数据解析失败", 502); }
+    }
+  }
+  return { code: Number(envelope.code), data: data as T, msg: envelope.msg, tip: envelope.tip };
+}
+
+export function safeUrl(value: unknown, base?: string): string {
+  if (typeof value !== "string" || !value.trim()) return "";
+  try {
+    const url = new URL(value, base);
+    return ["http:", "https:"].includes(url.protocol) && !url.username && !url.password ? url.href : "";
+  } catch { return ""; }
+}
+
+export function formatCount(value = 0): string {
+  return value >= 10000 ? `${(value / 10000).toFixed(1).replace(/\.0$/, "")}万` : Math.max(0, value).toLocaleString("zh-CN");
+}
diff --git a/src/lib/api/public-cache.ts b/src/lib/api/public-cache.ts
new file mode 100644
index 0000000..a333852
--- /dev/null
+++ b/src/lib/api/public-cache.ts
@@ -0,0 +1,50 @@
+interface Entry {expires:number;value:unknown}
+
+/** Public API payloads only. Never store credentials, personalized data or response cookies. */
+export class PublicDataCache {
+  private entries=new Map<string,Entry>();
+  private pending=new Map<string,Promise<unknown>>();
+  constructor(private clock=Date.now,private limit=128){}
+
+  async read<T>(key:string,ttl:number,load:()=>Promise<T>,options:{stale?:boolean;accept?:(value:T)=>boolean}={}):Promise<T> {
+    if(ttl<=0)return load();
+    const saved=this.entries.get(key);
+    if(saved&&saved.expires>this.clock())return structuredClone(saved.value) as T;
+    let task=this.pending.get(key) as Promise<T>|undefined;
+    if(!task){
+      task=(async()=>{
+        try{
+          const value=await load();
+          if(options.accept&&!options.accept(value))return options.stale&&saved?structuredClone(saved.value) as T:value;
+          this.entries.delete(key);
+          this.entries.set(key,{expires:this.clock()+ttl,value:structuredClone(value)});
+          while(this.entries.size>this.limit)this.entries.delete(this.entries.keys().next().value!);
+          return value;
+        }catch(error){if(options.stale&&saved)return structuredClone(saved.value) as T;throw error;}
+      })();
+      this.pending.set(key,task);
+      void task.finally(()=>{if(this.pending.get(key)===task)this.pending.delete(key);}).catch(()=>{});
+    }
+    return structuredClone(await task);
+  }
+}
+
+const policies:Record<string,{ttl:number;stale?:boolean}>={
+  'config/info':{ttl:60000,stale:true},
+  'config/footer/info':{ttl:60000},
+  'navigation/header':{ttl:60000},
+  'translation/category/list':{ttl:60000},
+  'playlet/tag/options':{ttl:60000},
+  'playlet/home':{ttl:30000,stale:true},
+};
+
+/** A bounded override permits deterministic tests and explicit cache disabling. */
+export function publicCachePolicy(path:string,override=process.env.PUBLIC_DATA_CACHE_TTL_MS) {
+  const policy=policies[path];if(!policy)return;
+  const value=override===undefined?policy.ttl:Number(override);
+  return {...policy,ttl:Number.isFinite(value)?Math.max(0,Math.min(value,policy.ttl)):policy.ttl};
+}
+
+// Reuse the same cache when Next loads this module for pages and Route Handlers.
+const registry=globalThis as typeof globalThis&{__dramaPublicCache?:PublicDataCache};
+export const publicDataCache=registry.__dramaPublicCache??=new PublicDataCache();
diff --git a/src/lib/api/public-user.ts b/src/lib/api/public-user.ts
new file mode 100644
index 0000000..d02da95
--- /dev/null
+++ b/src/lib/api/public-user.ts
@@ -0,0 +1,13 @@
+import type { User } from './types';
+
+/** Explicit account DTO: credentials and arbitrary upstream properties never enter HTML. */
+export function publicUser(value:unknown):User|null {
+  if(!value||typeof value!=='object')return null;
+  const source=value as Record<string,unknown>;
+  if(!Number.isSafeInteger(source.userId)||Number(source.userId)<=0)return null;
+  const user:Record<string,unknown>={userId:source.userId};
+  for(const key of ['accountNo','nickName','avatar','introduction','email','currentVipExpire'])if(typeof source[key]==='string')user[key]=source[key].slice(0,key==='avatar'?2048:300);
+  for(const key of ['type','recharge','vipType'])if(typeof source[key]==='number'&&Number.isFinite(source[key]))user[key]=source[key];
+  for(const key of ['isRegister','hasPassword'])if(typeof source[key]==='boolean')user[key]=source[key];
+  return user as unknown as User;
+}
diff --git a/src/lib/api/server.ts b/src/lib/api/server.ts
new file mode 100644
index 0000000..05cbb02
--- /dev/null
+++ b/src/lib/api/server.ts
@@ -0,0 +1,96 @@
+import { ApiError, decodeEnvelope } from "./protocol";
+import type { Envelope, HeaderNavigation, HomeData } from "./types";
+import { cache } from "react";
+import { headers } from 'next/headers';
+import { publicCachePolicy, publicDataCache } from './public-cache';
+import { getApiBaseUrl, usesCurrentApiOrigin, UPSTREAM_HOP_HEADER, type ApiRequestContext } from './config';
+
+export { DEFAULT_API_BASE_URL } from './config';
+
+export const PUBLIC_PATHS = new Set([
+  "playlet/home", "config/info", "config/footer/info", "config/richtext/list",
+  "navigation/header", "theme/list", "playlet/tag/options", "translation/category/list",
+  "recharge/package/list", "applist/list", "playlet/all/list", "playlet/hot/list",
+  "playlet/hot/rank/list", "playlet/topic/list", "playlet/topic/detail", "playlet/tag/list",
+  "playlet/guess-like/list", "playlet/hot-like",
+]);
+const GET_PATHS = [
+  ...PUBLIC_PATHS, "auth/getInfo", "playlet/detail", "playlet/chapter/list", "playlet/chapter/detail",
+  "playlet/search", "playlet/search/suggest", "playlet/collect/list", "playlet/chapter/collect/list",
+  "playlet/history/list", "playlet/like/list", "playlet/bought/list", "user/center/data", "coin/orders", "coin/trans/list",
+  "vip/orders", "comment/list",
+];
+const POST_PATHS = [
+  "auth/guest", "auth/login", "auth/register", "auth/resetPassword", "auth/profile",
+  "playlet/collect/set", "playlet/like/set", "playlet/chapter/collect/set", "playlet/chapter/like/set",
+  "playlet/chapter/unlock", "playlet/chapter/watch/report", "playlet/forward/heat",
+  "playlet/history/clear", "playlet/history/delete", "comment/send", "comment/like/set",
+  "coin/buy", "vip/pay", "feedback/add", "upload/image",
+];
+export function allowedRequest(path: string, method: string): boolean {
+  return (method === "GET" ? GET_PATHS : method === "POST" ? POST_PATHS : []).includes(path);
+}
+
+export async function getServerApiBaseUrl(request?: ApiRequestContext): Promise<string> {
+  return getApiBaseUrl(request || (usesCurrentApiOrigin() ? {headers: await headers()} : undefined));
+}
+
+export async function upstream<T>(path: string, options: {method?: string; body?: unknown; token?: string; device?: string; userAgent?: string; clientIp?: string; tracking?:Record<string,string>; timeoutMs?:number; request?:ApiRequestContext} = {}): Promise<Envelope<T>> {
+  const url=new URL(`/api/app/${path}`,await getServerApiBaseUrl(options.request));
+  const policy=publicCachePolicy(url.pathname.slice('/api/app/'.length));
+  if(policy&&(!options.method||options.method==='GET')&&!options.token&&options.body===undefined&&!Object.keys(options.tracking||{}).length){
+    url.searchParams.sort();
+    return publicDataCache.read(url.href,policy.ttl,()=>requestUpstream<T>(url,options),{stale:policy.stale,accept:result=>result.code===200&&!!result.data&&typeof result.data==='object'&&!Array.isArray(result.data)});
+  }
+  return requestUpstream<T>(url,options);
+}
+
+async function requestUpstream<T>(url:URL,options:Parameters<typeof upstream>[1]={}):Promise<Envelope<T>> {
+  const device = (options.device || "server-public").replace(/[^a-zA-Z0-9_-]/g, "").slice(0, 100);
+  const rawUA = options.userAgent || "91-drama-web/1.0";
+  const sys = /Android/i.test(rawUA) ? "h5_android" : /iPhone|iPad|iPod/i.test(rawUA) ? "h5_ios" : "h5_pc";
+  const headers: Record<string,string> = {
+    Accept: "application/json", "User-Agent": rawUA,
+    [UPSTREAM_HOP_HEADER]: '1',
+    "X-User-Agent": `DevID=${device};DevType=OTHER;SysType=${sys};Ver=1.0.0;BuildID=web`,
+  };
+  if (options.token) headers.Authorization = options.token;
+  if (options.clientIp) headers['X-Real-IP'] = options.clientIp;
+  for(const key of ['X-SDK-Common','X-User-Agent','X-Tracker-Request-Id','X-Tracker-Event-Name','X-DC-Request-Context'])if(options.tracking?.[key])headers[key]=options.tracking[key];
+  const multipart = options.body instanceof FormData;
+  if (options.body && !multipart) headers["Content-Type"] = "application/json";
+  let response: Response;
+  try {
+    response = await fetch(url, {
+      method: options.method || "GET", headers, cache: "no-store", redirect: "error",
+      body: options.body ? multipart ? options.body as FormData : JSON.stringify(options.body) : undefined,
+      signal: AbortSignal.timeout(options.timeoutMs||20000),
+    });
+  } catch (error) {
+    const timeout = error instanceof Error && (error.name === "TimeoutError" || error.name === "AbortError");
+    throw new ApiError(timeout ? "接口请求超时，请稍后重试" : "接口连接失败，请稍后重试", timeout ? 504 : 502);
+  }
+  if (!response.ok) {
+    if (response.status === 502 && response.headers.get(UPSTREAM_HOP_HEADER) === '1') throw new ApiError('上游请求返回本站，请检查 Nginx 的 /api/app/ 后端转发配置',502);
+    throw new ApiError(`接口暂时不可用（${response.status}）`, response.status);
+  }
+  try { return decodeEnvelope<T>(await response.json()); }
+  catch (error) { if (error instanceof ApiError) throw error; throw new ApiError("接口返回数据无法解析", 502); }
+}
+
+export const getHome = cache(async (): Promise<{data: HomeData; error?: string}> => {
+  try {
+    const result = await upstream<HomeData>("playlet/home");
+    if (result.code !== 200) throw new ApiError(result.tip || result.msg || "首页加载失败",result.code);
+    if (!result.data || typeof result.data !== 'object' || Array.isArray(result.data)) throw new ApiError('首页返回数据无效',502);
+    return {data: result.data};
+  } catch (error) { return {data: {}, error: error instanceof Error ? error.message : "首页加载失败"}; }
+});
+
+export const getHeaderNavigation=cache(async ():Promise<{data:HeaderNavigation;error?:boolean}>=>{
+  try{
+    const response=await upstream<HeaderNavigation>('navigation/header',{timeoutMs:5000});
+    if(response.code!==200||!response.data||typeof response.data!=='object')throw new Error('导航加载失败');
+    return {data:response.data};
+  }catch{return {data:{categoryList:[]},error:true};}
+});
diff --git a/src/lib/api/tracking-headers.ts b/src/lib/api/tracking-headers.ts
new file mode 100644
index 0000000..f3218d1
--- /dev/null
+++ b/src/lib/api/tracking-headers.ts
@@ -0,0 +1,40 @@
+import { COMMON_KEYS, COMMON_FIELD_LIMITS, SDK_FIELD_KEYS, SERVER_EVENTS, TRACKER_APP_ID } from '../tracking';
+
+const object=(value:unknown):value is Record<string,unknown>=>!!value&&typeof value==='object'&&!Array.isArray(value);
+const string=(value:unknown,max:number)=>typeof value==='string'&&value.length<=max&&!/[\x00-\x1f\x7f]/.test(value);
+const DRAMA_KEYS=['media_id','drama_id','episode','video_id','recommend_trace_id'];
+
+/** Forward only the SDK snapshot and the event associated with this business route. */
+export function trackingHeaders(source:Headers,path:string,method:string):Record<string,string>{
+  const headers:Record<string,string>={};
+  const sdkHeader=source.get('x-sdk-common')||'';
+  if(sdkHeader&&sdkHeader.length<=16384&&/^[a-z\d+/]+=*$/i.test(sdkHeader)){
+    try{
+      const fields:unknown=JSON.parse(Buffer.from(sdkHeader,'base64').toString('utf8'));
+      const validField=(key:string,value:unknown)=>key==='client_ts'?Number.isSafeInteger(value)&&Number(value)>0:string(value,COMMON_FIELD_LIMITS[key]);
+      if(object(fields)&&SDK_FIELD_KEYS.every(key=>!Object.hasOwn(fields,key)||validField(key,fields[key]))){
+        const common=Object.fromEntries(Object.entries(fields).filter(([key])=>SDK_FIELD_KEYS.includes(key as typeof SDK_FIELD_KEYS[number])));
+        headers['X-SDK-Common']=Buffer.from(JSON.stringify(common)).toString('base64');
+        const clean=(value:unknown)=>String(value??'').replace(/[^\x20-\x7e]|[;=]/g,' ').trim();
+        if(common.device_id||common.sid)headers['X-User-Agent']=[`DevID=${clean(common.device_id)}`,`DevType=${clean(common.device)||'OTHER'}`,`SysType=${common.device==='Android'?'h5_android':common.device==='iOS'?'h5_ios':'h5_pc'}`,`Ver=${clean(common.app_version)||'1.0.0'}`,'BuildID=web',`device_brand=${clean(common.device_brand)}`,`device_model=${clean(common.device_model)}`,`sid=${clean(common.sid)}`].join(';');
+      }
+    }catch{}
+  }
+  const event=SERVER_EVENTS[path],requestId=source.get('x-tracker-request-id')||'',packed=source.get('x-dc-request-context')||'';
+  if(method!=='POST'||!event||source.get('x-tracker-event-name')!==event||!(/^[a-f\d]{32}$/i.test(requestId))||!packed||packed.length>8192||!/^[a-z\d_-]+$/i.test(packed))return headers;
+  try{
+    const raw=Buffer.from(packed,'base64url');if(raw.length>6144)return headers;
+    const context=JSON.parse(raw.toString('utf8'));
+    if(!object(context)||context.v!==1||context.request_id!==requestId||context.event_name!==event||!object(context.common)||!object(context.drama))return headers;
+    const {common,drama}=context;
+    if(Object.keys(common).length!==COMMON_KEYS.length||!COMMON_KEYS.every(key=>Object.hasOwn(common,key))||Object.keys(drama).length!==DRAMA_KEYS.length||!DRAMA_KEYS.every(key=>Object.hasOwn(drama,key)))return headers;
+    if(!COMMON_KEYS.every(key=>key==='client_ts'?Number.isSafeInteger(common[key])&&Number(common[key])>0:string(common[key],COMMON_FIELD_LIMITS[key])))return headers;
+    if(common.app_id!==TRACKER_APP_ID||!common.device_id||!['','Android','iOS','PC','OTHER'].includes(String(common.device)))return headers;
+    if(common.uid&&!/^[a-z\d_]{4,32}$/i.test(String(common.uid)))return headers;
+    if(!/^[a-z\d_.-]{1,50}$/i.test(String(common.channel)))return headers;
+    if(!DRAMA_KEYS.every(key=>key==='episode'?Number.isSafeInteger(drama[key])&&Number(drama[key])>0:string(drama[key],key==='recommend_trace_id'?2048:512))||!drama.drama_id)return headers;
+    headers['X-Tracker-Request-Id']=requestId;headers['X-Tracker-Event-Name']=event;
+    headers['X-DC-Request-Context']=Buffer.from(JSON.stringify({v:1,request_id:requestId,event_name:event,common,drama})).toString('base64url');
+  }catch{}
+  return headers;
+}
diff --git a/src/lib/api/types.ts b/src/lib/api/types.ts
new file mode 100644
index 0000000..5613531
--- /dev/null
+++ b/src/lib/api/types.ts
@@ -0,0 +1,31 @@
+export interface SeoInfo { title?: string; description?: string; keywords?: string[] | string; keyworld?: string[] | string; webTitle?: string; webDescription?: string; webKeyworld?: string[] | string; webSiteName?: string; canonicalUrl?: string }
+export interface NavigationCategory { id?:number; name?: string; icon?:string; urlValue?: string; categoryType?: number; translationList?:NavigationCategory[]|null; seoInfo?: SeoInfo }
+export interface HeaderNavigation { categoryList?:NavigationCategory[]|null }
+export interface Advertisement { id: string; title: string; images: string; link: string; advertiseCode?: string; location?: number; advertiseLocationCode?: string; advertiseLocationName?: string }
+export type Advertisements = Record<string, Advertisement[] | null>;
+export interface Drama {
+  mediaId?: string; themeIds?: number[]; recommendTraceId?: string; recommendId?: string; recommendTraceInfo?: string;
+  id: number; title: string; playName?: string; slug?: string; desc?: string; description?: string;
+  cover?: string; horizontalCover?: string; banner?: string; coverImg?: string;
+  totalEpisode?: number; tagNames?: string[]; tagIds?: number[]; themeNames?: string[]; tagSlugs?: string[]; themeSlugs?: string[];
+  countLike?: number; countCollect?: number; countBrowse?: number; heatValue?: number;
+  isNew?: boolean; isFeatured?: boolean; showOnBanner?: boolean; isCollect?: number; isLike?: number;
+  onlineAt?: string; mediaCreatedAt?: string; mediaUpdatedAt?: string; createdAt?: string; updatedAt?: string; addedTime?: string; anchor?: string; watchTimes?: number;
+  updateStatus?: number; operateType?: number; seoInfo?: SeoInfo;
+}
+export interface Topic { id: number; name: string; desc?: string; icon?: string; covers?: string[]; playletCount?: number; list?: Drama[]; slug?: string; seoInfo?: SeoInfo }
+export interface HomeBlock { id: number; name: string; slug?: string; desc?: string; moreUrl?: string; moreCategoryId?: number; rank?: number; type: number; status: boolean; sortType?: number; list?: Drama[]; videoList?: Drama[]; themeList?: Topic[]; seoInfo?: SeoInfo }
+export interface HomeData { homeBannerData?: Drama[]; homeConfigData?: HomeBlock[]; hotSearch?: {keyword:string;count?:number}[]; announcements?: {id:number; title:string; content:string}[]; advitise?: Advertisements; seoInfo?: SeoInfo }
+export interface User { userId: number; accountNo?: string; nickName?: string; avatar?: string; introduction?: string; email?: string; isRegister?: boolean; type?: number; recharge?: number; vipType?: number; currentVipExpire?: string; hasPassword?: boolean; token?: string }
+export interface Chapter { mediaId?: string; mediaTime?: number; width?: number; height?: number; mediaSize?: number; countBrowse?: number; countLike?: number; countCollect?: number; countComment?: number; ratio?: number; seoInfo?: SeoInfo; id: number; playletId?: number; currentEpisode?: number; title?: string; videoUrl?: string; canWatch?: boolean; needUnlock?: boolean; needVip?: boolean; isUnlocked?: boolean; vipValid?: boolean; payType?: number; singleCoins?: number; costCoins?: number; balance?: number; isCollect?: number; isLike?: number }
+export interface DramaDetail extends Drama { preview?: string; video?: {url?: string; cover?: string; videoTime?: number; width?: number; height?: number}; relatedRecommendData?: Drama[]; playletChapterInfo?: Chapter[]; advitise?: Advertisements }
+export interface Comment { id: number; text: string; userName?: string; userAvatar?: string; createdAt?: string; children?: Comment[]; isLike?: number; countLike?: number; parentsId?: number }
+export interface PageData<T> { list?: T[]; pageNum?: number; pageSize?: number; totalCount?: number; name?: string; title?: string; topicInfo?: Topic; desc?: string; everyoneWatching?: Drama[]; moreTopics?: Topic[]; themeList?: Topic[]; videoList?: Drama[]; advitise?: Advertisements; seoInfo?: SeoInfo; [key:string]: unknown }
+export interface AppItem { id: number; categoryId?: number; advitiseId?: string; location?: number; name: string; logo?: string; intro?: string; description?: string; url?: string }
+export interface AppCategory { id: number; code?: number; title: string; intro?: string; appList?: AppItem[] }
+export interface AppData { category?: AppCategory; categoryList?: AppCategory[] }
+export interface Package { id: number; name: string; subTitle?: string; packageType: number; price: number; originalPrice?: number; durationHours?: number; baseCoin?: number; giftCoin?: number; totalCoin?: number; durationDays?: number; payMethods?: {type:string; typeName:string}[] }
+export interface Config { reportSdkConfig?: string; config?: Record<string, unknown>; newAddressInfo?: Record<string, unknown>; navPageList?: {line:number; url:string}[]; advitise?: Advertisements; seoInfo?: SeoInfo | string; seoNavInfo?: Record<string,unknown> | string }
+export interface FooterContact { name?: string; value?: string }
+export interface FooterInfoResponse { footerInfo?: { brand?: {content?: string}; contactList?: FooterContact[] | null } }
+export interface Envelope<T> { code: number; data: T; msg?: string; tip?: string }
diff --git a/src/lib/app-download.ts b/src/lib/app-download.ts
new file mode 100644
index 0000000..25a05ae
--- /dev/null
+++ b/src/lib/app-download.ts
@@ -0,0 +1,7 @@
+import type { Config } from './api/types';
+import { safeUrl } from './api/protocol';
+
+export function downloadUrl(config: Config): string {
+  const candidates = [config.config?.officialAppAddr, config.config?.appAddr, config.newAddressInfo?.officialAppAddr, config.newAddressInfo?.appAddr];
+  return candidates.map(value => safeUrl(value)).find(Boolean) || '';
+}
diff --git a/src/lib/client/2026-10-20 21.02.44.jpg b/src/lib/client/2026-10-20 21.02.44.jpg
new file mode 100644
index 0000000..16f2a1b
Binary files /dev/null and b/src/lib/client/2026-10-20 21.02.44.jpg differ
diff --git a/src/lib/client/account.ts b/src/lib/client/account.ts
new file mode 100644
index 0000000..b7b5331
--- /dev/null
+++ b/src/lib/client/account.ts
@@ -0,0 +1,273 @@
+import type { MemberInitialData, WalletInitialData } from "../page-data";
+import type { Drama, Package, PageData, User } from "../api/types";
+import { recordList, safeUrl } from "../api/protocol";
+import type { SiteContext } from "./context";
+import { promotionRow, card, closeButton, empty, escape, imageAttributes, pagination } from "./render";
+import type { PageHref } from './render';
+import { authFormPayload } from './auth';
+
+const passwordEye=(revealed=false)=>`<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z"/><circle cx="12" cy="12" r="3"/>${revealed?'<path d="m3 3 18 18"/>':''}</svg>`;
+
+export function bindAccountUI(app: SiteContext) {
+  const dialog=document.getElementById('member-auth-dialog') as HTMLDialogElement;
+  dialog.addEventListener('click',event=>{
+    const toggle=(event.target as Element).closest<HTMLButtonElement>('[data-auth-password-toggle]');
+    if(!toggle)return;
+    const input=dialog.querySelector<HTMLInputElement>('#'+toggle.dataset.authPasswordToggle)!;
+    const show=input.type==='password';input.type=show?'text':'password';
+    toggle.innerHTML=passwordEye(show);toggle.setAttribute('aria-label',show?'隐藏密码':'显示密码');
+  });
+  dialog.addEventListener('input',()=>{const error=dialog.querySelector('#auth-error');if(error)error.textContent='';});
+  dialog.addEventListener('submit',event=>{
+    event.preventDefault();const form=event.target as HTMLFormElement;
+    if(form.dataset.submitting||!form.reportValidity())return;
+    const mode=form.dataset.mode||'login';const error=form.querySelector('#auth-error')!;
+    let payload:Record<string,string>;
+    try{payload=authFormPayload(mode,Object.fromEntries(new FormData(form)));}
+    catch(reason){error.textContent=reason instanceof Error?reason.message:'请检查输入';return;}
+    const button=form.querySelector<HTMLButtonElement>('[type="submit"]')!;
+    const label=button.textContent;form.dataset.submitting='1';button.disabled=true;
+    button.textContent=mode==='register'?'绑定中…':mode==='resetPassword'?'提交中…':'登录中…';error.textContent='';
+    void app.api.post<User>('auth/'+mode,payload).then(async()=>{
+      form.querySelectorAll<HTMLInputElement>('[data-auth-password]').forEach(input=>input.value='');
+      if(mode==='resetPassword'){app.notify('密码已更新，请重新登录');if(form.isConnected)app.openAuth();return;}
+      if(form.isConnected)dialog.close();
+      app.notify(mode==='register'?'绑定成功':'登录成功');await app.route();
+    }).catch(reason=>{if(form.isConnected)error.textContent=reason instanceof Error?reason.message:'请求失败，请重试';})
+      .finally(()=>{delete form.dataset.submitting;button.disabled=false;button.textContent=label;});
+  });
+  dialog.addEventListener('close',()=>{dialog.querySelectorAll<HTMLInputElement>('[data-auth-password]').forEach(input=>input.value='');});
+}
+
+export function openAuth(mode='login') {
+  const switching=mode==='switch';
+  if(mode==='bind')mode='register';
+  if(!['login','register','resetPassword'].includes(mode))mode='login';
+  const dialog=document.getElementById('member-auth-dialog') as HTMLDialogElement;
+  dialog.classList.toggle('auth-bind-mode',mode==='register');
+  const menu=document.getElementById('profile-popover');if(menu)menu.hidden=true;
+  const heading=mode==='register'?'绑定账号':mode==='resetPassword'?'找回密码':switching?'切换账号':'账号登录';
+  const passwordField=(id:string,name:string,label:string,confirm=false)=>`<label class="auth-field" for="${id}">${label}</label><div class="auth-input-row auth-password-row${mode==='register'?' auth-icon-row':''}">${mode==='register'?'<svg viewBox="0 0 24 24" aria-hidden="true"><rect x="5" y="10" width="14" height="11" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3"/></svg>':''}<input id="${id}" name="${name}" type="password" data-auth-password autocomplete="${mode==='login'?'current-password':'new-password'}" minlength="${mode==='login'?4:8}" maxlength="64" placeholder="请输入${label}" required><button class="auth-password-toggle" type="button" data-auth-password-toggle="${id}" aria-label="显示${confirm?'确认':''}密码">${passwordEye()}</button></div>`;
+  dialog.innerHTML=`${closeButton(dialog.id)}<h2 id="member-auth-title">${heading}</h2><p class="auth-subtitle">${mode==='register'?'绑定后可保留当前游客的收藏与观看记录':mode==='resetPassword'?'通过账号和已绑定邮箱找回密码。':switching?'请输入其他账号和密码完成切换。':'登录后同步收藏、观看记录与已购剧集。'}</p><form data-mode="${mode}"><label class="auth-field" for="auth-account">${mode==='login'?'账号或邮箱':'账号'}</label><div class="auth-input-row${mode==='register'?' auth-icon-row':''}">${mode==='register'?'<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="7" r="4"/><path d="M4 21v-2a8 8 0 0 1 16 0v2"/></svg>':''}<input id="auth-account" name="account" autocomplete="username" required maxlength="${mode==='register'?20:254}" placeholder="${mode==='register'?'6 到 20 位字母或数字':'请输入账号'+(mode==='login'?'或邮箱':'')}"></div>${mode==='resetPassword'?'<label class="auth-field" for="auth-email">绑定邮箱</label><div class="auth-input-row"><input id="auth-email" name="email" type="email" autocomplete="email" required></div>':''}${passwordField('auth-password','password',mode==='resetPassword'?'新密码':'密码')}${mode!=='login'?passwordField('auth-password-confirm','passwordConfirm','确认密码',true):''}${mode==='register'?'<p class="auth-note">密码需为 8–64 位，同时包含字母和数字。</p><label class="auth-bind-agreement"><input name="agree" type="checkbox" required><span>我已年满 18 岁并同意 <a href="/info/user-agreement/">《用户协议》</a> 和 <a href="/info/privacy-policy/">《隐私政策》</a></span></label>':''}<p id="auth-error" class="auth-error" role="alert" aria-live="polite"></p><button class="auth-submit" type="submit">${heading}</button><p class="auth-footer"><button type="button" data-auth-mode="login">登录</button> · <button type="button" data-auth-mode="register">绑定账号</button> · <button type="button" data-auth-mode="resetPassword">找回密码</button></p></form>`;
+  if(!dialog.open)dialog.showModal();
+  dialog.querySelector<HTMLInputElement>('#auth-account')?.focus();
+}
+
+export function accountMenuMarkup(user:User|null|undefined):string {
+  const name=user?.nickName||user?.accountNo||'游客';
+  return `<div class="profile-popover-head"><img ${imageAttributes(user?.avatar,'/icon.svg')} width="46" height="46" alt="${escape(name)}的头像"><div><strong>${escape(name)}</strong><small>${user?'ID '+user.userId:'登录后同步个人数据'}</small></div></div><button data-auth-mode="switch">切换账号</button><button data-auth-mode="register">绑定账号</button><a href="/member/center/">个人中心 ›</a><a href="/member/favorites/">我的收藏 ›</a><a href="/member/likes/">我的点赞 ›</a><a href="/member/history/">观看历史 ›</a><a href="/member/purchased/">已购剧集 ›</a><a href="/info/deposit/">金币 ›</a><a href="/member/settings/">账号设置 ›</a>${user?'<button data-logout>退出登录</button>':''}`;
+}
+
+export function settingsMarkup(user:User):string {
+  const bound=user.isRegister||user.type===1;
+  return `<div class="member-settings"><a class="member-settings-back" href="/member/center/">‹ 返回个人中心</a>
+    <section class="member-settings-card"><h2>个人资料</h2><form id="profile-form">
+      <div class="member-avatar-editor"><button type="button" class="member-avatar-preview" data-avatar-choose aria-label="更换头像"><img id="member-avatar-preview-image" ${imageAttributes(user.avatar,'/icon.svg')} alt="当前头像"><span>编辑头像</span></button><div class="member-avatar-controls"><button type="button" data-avatar-choose>更换头像</button><p>支持 JPG、PNG、WebP，最大 5MB</p><p id="member-avatar-status" role="status"></p></div><input type="file" name="avatarFile" id="member-avatar-file" accept="image/png,image/jpeg,image/webp" hidden></div>
+      <label for="member-nickname-input">昵称</label><div class="member-nickname-editor"><input id="member-nickname-input" name="nickName" value="${escape(user.nickName)}" maxlength="30" required autocomplete="nickname" aria-describedby="member-nickname-hint"><button type="submit">保存修改</button></div><p id="member-nickname-hint">支持 1–30 个字符</p>
+      <label class="member-introduction-label" for="member-introduction">个人简介</label><textarea id="member-introduction" name="introduction" maxlength="200">${escape(user.introduction)}</textarea><p class="api-error" role="alert"></p>
+    </form></section>
+    <section class="member-settings-card"><h2>账号与安全</h2>
+      <button type="button" class="member-settings-action" data-auth-mode="register"><span><strong>账号绑定</strong><small>设置账号和密码，方便下次登录</small></span><span class="member-settings-trailing">${bound?'已绑定':'未绑定'} <span aria-hidden="true">›</span></span></button>
+      <button type="button" class="member-settings-action" data-auth-mode="switch"><span><strong>切换账号</strong><small>使用其他账号登录</small></span><span aria-hidden="true">›</span></button>
+      <details class="member-security-password"><summary class="member-settings-action"><span><strong>修改密码</strong><small>通过当前密码设置新密码</small></span><span aria-hidden="true">›</span></summary><form id="security-form"><label>旧密码<input name="oldPassword" type="password" autocomplete="current-password" required></label><label>新密码<input name="newPassword" type="password" autocomplete="new-password" minlength="6" maxlength="64" required></label><p class="api-error" role="alert"></p><button class="primary" type="submit">保存密码</button></form></details>
+      <button type="button" class="member-settings-action" data-logout><span><strong>退出登录</strong><small>退出当前账号</small></span><span aria-hidden="true">›</span></button>
+    </section></div>`;
+}
+
+export function memberMarkup(user:User,tab:string,data:PageData<Drama>={},home:SiteContext['home']={},pageNum=1,pageHref:PageHref=()=>'/member/history/'):string {
+  const active=tab==='center'?'history':tab;
+  const libraryPageHref:PageHref=tab==='center'?page=>page>1?`/member/history/page/${page}/`:'/member/history/':pageHref;
+  const tabs=[['history','观看历史'],['favorites','我的收藏'],['likes','我的点赞'],['purchased','已购剧集']];
+  const promotions=promotionRow(home?.advitise?.nineGridList);
+  const header=`${promotions?`<section class="member-advertisements" aria-label="广告推荐"><span class="member-ad-label">广告</span>${promotions}</section>`:''}<section class="member-summary"><div class="member-identity"><img ${imageAttributes(user.avatar,'/icon.svg')} alt="我的头像"><div><div class="member-name-row"><h2>${escape(user.nickName||user.accountNo||'游客')}</h2><a class="member-settings-link" href="/member/settings/">账号设置 <span aria-hidden="true">›</span></a></div><p>ID：${user.userId}</p></div></div><a class="member-wallet" href="/info/deposit/"><span>金币余额 <small>（金币）</small></span><strong><span class="coin-symbol" aria-hidden="true"><img class="coin-soft-star" src="/assets/4532d28d6a61c426.svg" alt="金币图标"></span>${(user.recharge||0).toLocaleString('zh-CN')}</strong><span class="member-wallet-link">金币充值 <span aria-hidden="true">↗</span></span></a></section>`;
+  const nav='<nav class="member-library-tabs" aria-label="我的短剧">'+tabs.map(([key,label])=>`<a href="/member/${key}/" ${key===active?'aria-current="page"':''}>${key===active?`<h2 id="member-library-title" class="member-library-title">${label}</h2>`:label}</a>`).join('')+'</nav>';
+  if(tab==='settings')return settingsMarkup(user);
+  const noRecords=active==='likes'?'<div class="member-library-empty" role="status"><p>暂无点赞的短剧</p><a href="/shorts/">去发现好剧</a></div>':empty(active==='history'?'暂无观看历史':active==='purchased'?'暂无已购剧集':'暂无收藏');
+  const content=`<section class="member-library" aria-labelledby="member-library-title">${nav}<div class="member-library-toolbar"><span role="status">共 ${data.totalCount||0} 部短剧</span></div><div class="member-library-cards" id="member-library-panel">${recordList<Drama>(data.list).map(item=>`<div class="member-library-item">${card(item)}</div>`).join('')||noRecords}</div>${pagination(data.totalCount||0,pageNum,libraryPageHref)}</section>`;
+  return `<div class="member-center">${header}${content}</div>`;
+}
+
+export async function renderMember(app:SiteContext,tab:string,pageNum:number,pageHref:PageHref,initial?:MemberInitialData,preserveMarkup=false) {
+  const signal=app.signal;
+  const user=initial?.user||await app.api.ensureSession();
+  if(!initial)await app.api.get<Record<string,number>>('user/center/data',{},signal);
+  if(signal.aborted)return;
+  const root=document.getElementById('info-content')!;
+  const active=tab==='center'?'history':tab;
+  let data=initial?.list;
+  if(tab!=='settings'&&!data){
+    const paths:Record<string,string>={favorites:'playlet/collect/list',history:'playlet/history/list',likes:'playlet/like/list',purchased:'playlet/bought/list'};
+    data=await app.api.get<PageData<Drama>>(paths[active],{pageNum,pageSize:24},signal);
+  }
+  if(signal.aborted)return;
+  if(data)app.updateSeo?.({totalCount:data.totalCount,pageSize:24});
+  if(!preserveMarkup)root.innerHTML=memberMarkup(user,tab,data,app.home,pageNum,pageHref);
+  if(tab!=='settings')return;
+  let previewUrl='';
+  const clearPreview=()=>{if(previewUrl)URL.revokeObjectURL(previewUrl);previewUrl='';};
+  signal.addEventListener('abort',clearPreview,{once:true});
+  const input=root.querySelector<HTMLInputElement>('#member-avatar-file');
+  const originalAvatar=root.querySelector('#member-avatar-preview-image')?.cloneNode(true);
+  const restoreAvatar=()=>{if(originalAvatar)root.querySelector('#member-avatar-preview-image')?.replaceWith(originalAvatar.cloneNode(true));};
+  root.addEventListener('click',event=>{if((event.target as Element).closest('[data-avatar-choose]'))input?.click();},{signal});
+  input?.addEventListener('change',()=>{
+    clearPreview();const file=input.files?.[0],status=root.querySelector('#member-avatar-status');
+    if(status)status.textContent='';
+    if(!file){restoreAvatar();return;}
+    if(file.size>5*1024*1024||!['image/png','image/jpeg','image/webp'].includes(file.type)){input.value='';restoreAvatar();if(status)status.textContent='请上传 5MB 以内的 PNG、JPEG 或 WebP 图片';return;}
+    previewUrl=URL.createObjectURL(file);const preview=root.querySelector<HTMLImageElement>('#member-avatar-preview-image');if(preview){const replacement=document.createElement('img');replacement.id=preview.id;replacement.alt='新头像预览';replacement.src=previewUrl;preview.replaceWith(replacement);}
+    if(status)status.textContent='点击“保存修改”保存新头像';
+  },{signal});
+  const bindForm=(selector:string,password=false)=>root.querySelector(selector)?.addEventListener('submit',event=>{
+    event.preventDefault();const form=event.target as HTMLFormElement;if(!form.reportValidity()||form.dataset.submitting)return;
+    const button=form.querySelector<HTMLButtonElement>('[type="submit"]')!;button.disabled=true;
+    form.dataset.submitting='1';form.querySelector('.api-error')!.textContent='';
+    void (async()=>{
+      const data=new FormData(form);const payload:Record<string,unknown>=password?{oldPassword:data.get('oldPassword'),newPassword:data.get('newPassword')}:{nickName:data.get('nickName'),introduction:data.get('introduction')};
+      const file=data.get('avatarFile');
+      if(file instanceof File&&file.size){
+        if(file.size>5*1024*1024||!['image/png','image/jpeg','image/webp'].includes(file.type))throw new Error('请上传 5MB 以内的 PNG、JPEG 或 WebP 图片');
+        const upload=new FormData();upload.append('file',file);upload.append('watermark','0');
+        const result=await app.api.post<{sourceNameFs:string}>('upload/image',upload);if(!result.sourceNameFs)throw new Error('头像上传失败，请重试');payload.avatar=result.sourceNameFs;
+      }
+      if(signal.aborted)return;
+      await app.api.post('auth/profile',payload);await app.api.refreshUser();if(!signal.aborted){app.notify(password?'密码已更新':'资料已保存');clearPreview();if(!password)void app.route();}
+      form.querySelectorAll<HTMLInputElement>('input[type="password"]').forEach(input=>input.value='');
+    })().catch(error=>{if(!signal.aborted)form.querySelector('.api-error')!.textContent=error.message;}).finally(()=>{button.disabled=false;delete form.dataset.submitting;});
+  },{signal});
+  bindForm('#profile-form');bindForm('#security-form',true);
+}
+
+function paymentMethods(item:Package) {
+  return recordList<{type:string;typeName:string}>(item.payMethods).filter((method,index,methods)=>typeof method.type==='string'&&method.type.trim()&&methods.findIndex(other=>other.type===method.type)===index);
+}
+
+const count=(value:unknown):value is number=>typeof value==='number'&&Number.isFinite(value)&&value>=0;
+const packagePrice=(item:Package)=>(item.price/100).toFixed(2).replace(/\.00$/,'');
+function packageCoins(item:Package) {
+  const gift=count(item.giftCoin)?item.giftCoin:0;
+  const base=count(item.baseCoin)?item.baseCoin:count(item.totalCoin)&&item.totalCoin>=gift?item.totalCoin-gift:undefined;
+  const total=count(item.totalCoin)?item.totalCoin:base===undefined?undefined:base+gift;
+  return {base,gift,total};
+}
+
+export function paymentDialogMarkup(item:Package,vip:boolean):string {
+  const methods=paymentMethods(item);
+  const {base,gift,total}=packageCoins(item);
+  const number=(value:number)=>String(value);
+  const logos:Record<string,string>={alipay:'5652fcead17188e8',wechat:'2bead9ea5c435c98',usdt:'7848816d05aa8591'};
+  const logo=(method:{type:string;typeName:string})=>{
+    const type=method.type.toLowerCase();
+    const key=type.includes('alipay')?'alipay':/wechat|wxpay|weixin/.test(type)?'wechat':type.includes('usdt')?'usdt':'';
+    return key?`<img class="wallet-pay-logo" src="/assets/${logos[key]}.svg" width="36" height="36" alt="${escape(({alipay:"支付宝",wechat:"微信",usdt:"USDT"})[key])}支付图标" aria-hidden="true">`:'<span class="wallet-pay-logo wallet-pay-logo--other" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="3"/><path d="M3 10h18M7 15h3"/></svg></span>';
+  };
+  return `<button type="button" class="wallet-dialog-close" data-close="wallet-payment-dialog" aria-label="关闭支付弹窗"><svg class="dialog-close-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m6 6 12 12M18 6 6 18"/></svg></button>
+    <div class="wallet-payment-heading"><h2 id="wallet-payment-title" class="wallet-payment-title">确认支付</h2><span>${vip?'会员畅享':'金币充值'}</span></div>
+    <div class="wallet-order"><div class="wallet-order-copy"><strong>${escape(!vip&&base!==undefined?number(base)+' 金币':item.name)}</strong><span>${escape(item.subTitle||(vip?'支付成功后开通会员':'支付成功后即时到账'))}</span>${gift>0?`<small>赠送 ${number(gift)} 金币${total!==undefined?' · 合计 '+number(total)+' 金币':''}</small>`:''}</div><b>¥${packagePrice(item)}</b></div>
+    <form id="payment-form"><h3 class="wallet-method-title">选择支付方式</h3><input type="hidden" name="payMode" value="${escape(methods[0]?.type||'')}">
+      <div class="wallet-methods" role="group" aria-label="支付方式">${methods.map((method,index)=>`<button type="button" data-wallet-method="${escape(method.type)}" aria-pressed="${index===0}">${logo(method)}<span class="wallet-method-name">${escape(method.typeName||method.type)}</span><span class="wallet-method-check" aria-hidden="true">${index===0?'✓':''}</span></button>`).join('')||'<p class="wallet-payment-status" role="status">当前套餐暂无可用支付方式</p>'}</div>
+      <button class="wallet-submit wallet-payment-go" type="submit" ${methods.length?'':'disabled'}>去支付</button><p class="wallet-payment-note">点击支付即表示已确认订单金额与支付方式</p><p class="api-error wallet-payment-status" role="alert" aria-live="polite"></p>
+    </form>`;
+}
+
+export function walletMarkup(user:User|null,packages:WalletInitialData['packages'],transactions:WalletInitialData['transactions'],vip:boolean,pageNum:number,pageHref:PageHref):string {
+  const items=recordList<Package>(vip?packages.vipList:packages.coinList).filter(item=>Number.isSafeInteger(item.id)&&item.id>0&&count(item.price));
+  let selected=items[0];
+  const title=(item:Package)=>!vip&&packageCoins(item).base!==undefined?packageCoins(item).base+'金币':item.name;
+  const selectionText=(item:Package)=>`已选择 ${title(item)}${packageCoins(item).gift>0?' + 赠送'+packageCoins(item).gift+'金币':''} · 点击后选择支付方式`;
+  const coin=(className:string)=>`<span class="coin-symbol ${className}" aria-hidden="true"><img class="coin-soft-star" src="/assets/4532d28d6a61c426.svg" alt="金币图标" aria-hidden="true"></span>`;
+  const balance=count(user?.recharge)?user!.recharge.toLocaleString('zh-CN'):'0';
+  const transactionRows=recordList<Record<string,unknown>>(transactions.list).map(row=>{
+    const numeric=(value:unknown)=>typeof value==='number'&&Number.isFinite(value)?value:undefined;
+    const change=numeric(row.changeAmount);
+    const amount=change!==undefined&&change!==0?change:numeric(row.amount)??numeric(row.coin)??numeric(row.changeCoin)??change??0;
+    const expense=Number(row.flowDir)===-1||amount<0;
+    const name=row.title||row.tranTypeName||row.name||row.remark||row.typeName||'金币变动';
+    const time=String(row.createdAt??row.time??'');
+    const date=new Date(time);
+    const displayTime=time.replace(/^(\d{4})-(\d{2})-(\d{2})[T ](\d{2}:\d{2}).*$/,'$1/$2/$3 $4');
+    return `<div class="wallet-transaction-row"><div><strong>${escape(name)}</strong>${time?`<time${Number.isFinite(date.getTime())?` datetime="${date.toISOString()}"`:''}>${escape(displayTime)}</time>`:''}</div><span class="wallet-transaction-amount ${expense?'expense':'income'}">${amount===0?'0':(expense?'−':'+')+Math.abs(amount).toLocaleString('zh-CN')}</span></div>`;
+  }).join('');
+  return `<div class="wallet-page">
+    <section class="wallet-balance-card" aria-label="金币余额与用途"><div class="wallet-balance-summary">${coin('wallet-balance-coin')}<div class="wallet-balance-copy"><span>当前余额</span><div class="wallet-balance-amount"><strong>${balance}</strong><b>金币</b></div><p>按剧集原定价按集解锁，解锁后永久有效</p></div></div>
+      <div class="wallet-usage"><h2>金币怎么用</h2>
+        <div class="wallet-usage-item"><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="10" width="16" height="11" rx="2"/><path d="M8 10V6a4 4 0 0 1 8 0v4"/></svg><div><strong>解锁单集内容</strong><p>按剧集标定价消耗金币</p></div></div>
+        <div class="wallet-usage-item"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m13 2-9 12h7l-1 8 10-13h-8l1-7Z"/></svg><div><strong>奖励金币优先使用</strong><p>解锁剧集先自动优先扣除任务获得的奖励金币</p></div></div>
+        <div class="wallet-usage-item"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="8" r="6"/><path d="m8 13-1 9 5-3 5 3-1-9"/></svg><div><strong>已解锁剧集不再扣费</strong><p>已解锁的剧集可随时回看，不会重复消耗金币</p></div></div>
+      </div></section>
+    ${vip?'<nav class="channel-tabs" aria-label="充值分类"><a href="/info/deposit/">金币充值</a><a href="/info/deposit/vip/" aria-current="page">会员畅享</a><a href="/member/purchased/">已购剧集</a></nav>':''}
+    <h2 class="wallet-section-title">购买套餐</h2><section class="wallet-pack-panel" aria-label="购买套餐"><div class="wallet-pack-heading"><strong>${vip?'请选择会员套餐':'请选择充值金额'}</strong><span>${vip?'支付成功后开通会员':'按集解锁，自由使用'}</span></div>
+      <div class="wallet-pack-grid" role="group" aria-label="${vip?'会员':'金币'}套餐">${items.map((item,index)=>{
+        const {gift}=packageCoins(item);
+        const bonus=gift>0?`赠送 ${gift}金币`:item.subTitle||(vip&&item.durationDays?`${item.durationDays}天会员`: '');
+        return `<button type="button" class="wallet-package wallet-mobile-package" data-buy-package="${item.id}" aria-pressed="${item===selected}" aria-label="${escape(title(item)+(bonus?'，'+bonus:'')+'，人民币'+packagePrice(item)+'元')}">${coin('wallet-package-coin')}<span class="wallet-mobile-coins">${escape(title(item))}</span><span class="wallet-mobile-bonus">${escape(bonus)}</span><span class="wallet-mobile-price"><small>¥</small><strong>${packagePrice(item)}</strong></span>${index===0?'<span class="wallet-double-badge"><img src="/assets/0f0ef061135a13f0.svg" width="37.0911" height="37.0911" alt="推荐套餐标识" aria-hidden="true"><span>推荐</span></span>':''}<img class="wallet-mobile-selected" src="/assets/2fdedce06a90a6a1.svg" width="24" height="24" alt="套餐选中标识" aria-hidden="true"></button>`;
+      }).join('')||`<div class="wallet-pack-empty">${empty('暂无可购买套餐')}</div>`}</div></section>
+    <div class="wallet-pay-area"><button type="button" class="wallet-submit" data-wallet-action="pay" ${selected?'':'disabled'}>${selected?'立即支付 ¥'+packagePrice(selected):'暂无可购买套餐'}</button><p id="wallet-selection" role="status">${selected?escape(selectionText(selected)):''}</p></div>
+    <section class="wallet-transactions"><h2 class="wallet-section-title">交易明细</h2><div class="wallet-transaction-list" aria-label="金币交易记录">${transactionRows||empty('error' in transactions?String(transactions.error):'暂无交易明细')}</div>${pagination(transactions.totalCount||0,pageNum,pageHref,10)}</section>
+    <p class="wallet-support">如遇充值问题请咨询 <a href="/info/feedback/">在线客服</a></p></div>`;
+}
+
+export async function renderWallet(app:SiteContext,vip:boolean,pageNum:number,pageHref:PageHref,initial?:WalletInitialData,preserveMarkup=false) {
+  const signal=app.signal;
+  const [packages,transactions]=initial?[initial.packages,initial.transactions]:await Promise.all([
+    app.api.get<{coinList?:Package[];vipList?:Package[]}>('recharge/package/list',{},signal),
+    app.api.get<PageData<Record<string,unknown>>>('coin/trans/list',{page:pageNum,pageSize:10,type:0},signal).catch(()=>({list:[],totalCount:0,error:'余额明细暂不可用，请稍后刷新'})),
+  ]);
+  if(signal.aborted)return;
+  const items=recordList<Package>(vip?packages.vipList:packages.coinList).filter(item=>Number.isSafeInteger(item.id)&&item.id>0&&count(item.price));
+  app.updateSeo?.({totalCount:transactions.totalCount,pageSize:10});
+  let selected=items[0];
+  const title=(item:Package)=>!vip&&packageCoins(item).base!==undefined?packageCoins(item).base+'金币':item.name;
+  const selectionText=(item:Package)=>`已选择 ${title(item)}${packageCoins(item).gift>0?' + 赠送'+packageCoins(item).gift+'金币':''} · 点击后选择支付方式`;
+  const root=document.getElementById('info-content')!;
+  if(!preserveMarkup)root.innerHTML=walletMarkup(app.api.user,packages,transactions,vip,pageNum,pageHref);
+  const openPayment=(item:Package)=>{
+    const dialog=document.getElementById('wallet-payment-dialog') as HTMLDialogElement;
+    const methods=paymentMethods(item);
+    dialog.innerHTML=paymentDialogMarkup(item,vip);
+    if(!dialog.open)dialog.showModal();
+    const paymentForm=dialog.querySelector<HTMLFormElement>('form')!;
+    const choices=Array.from(paymentForm.querySelectorAll<HTMLButtonElement>('[data-wallet-method]'));
+    paymentForm.addEventListener('click',choiceEvent=>{
+      const choice=(choiceEvent.target as Element).closest<HTMLButtonElement>('[data-wallet-method]');
+      if(!choice||choice.disabled||!methods.some(method=>method.type===choice.dataset.walletMethod))return;
+      paymentForm.querySelector<HTMLInputElement>('[name="payMode"]')!.value=choice.dataset.walletMethod!;
+      choices.forEach(button=>{const selected=button===choice;button.setAttribute('aria-pressed',String(selected));button.querySelector('.wallet-method-check')!.textContent=selected?'✓':'';});
+      paymentForm.querySelector('.api-error')!.textContent='';
+    },{signal});
+    paymentForm.addEventListener('submit',submit=>{
+      submit.preventDefault();const form=submit.target as HTMLFormElement;if(!form.reportValidity()||form.dataset.submitting)return;
+      const mode=new FormData(form).get('payMode');if(!methods.some(method=>method.type===mode))return;
+      const confirm=form.querySelector<HTMLButtonElement>('[type="submit"]')!;confirm.disabled=true;form.dataset.submitting='1';choices.forEach(choice=>choice.disabled=true);
+      // Reserve a tab during the user gesture so an async order response is not popup-blocked.
+      const paymentWindow=window.open('about:blank','_blank');
+      if(paymentWindow){
+        paymentWindow.opener=null;
+        paymentWindow.document.title='正在创建支付订单';
+        paymentWindow.document.body.textContent='正在创建支付订单，请稍候…';
+      }
+      const closePending=()=>{if(paymentWindow&&!paymentWindow.closed)paymentWindow.close();};
+      signal.addEventListener('abort',closePending,{once:true});
+      void app.api.post<{payUrl?:string;tradeNo?:string}>(vip?'vip/pay':'coin/buy',{packageId:item.id,payMode:mode}).then(result=>{
+        if(signal.aborted||!form.isConnected){closePending();return;}
+        const url=safeUrl(result.payUrl);if(!url)throw new Error('支付服务未返回有效地址，请稍后重试');
+        form.innerHTML=`<p class="wallet-payment-status" role="status">订单 ${escape(result.tradeNo)} 已创建，请在支付页面完成付款。</p><a class="primary wallet-payment-link" href="${escape(url)}" target="_blank" rel="sponsored nofollow noopener noreferrer">打开支付页面</a><button type="button" class="wallet-submit wallet-payment-go" data-payment-refresh>我已完成支付，刷新余额</button>`;
+        form.querySelector('[data-payment-refresh]')!.addEventListener('click',()=>{void app.api.refreshUser().then(()=>{dialog.close();app.notify('余额已刷新');void app.route();}).catch(error=>app.notify(error.message));},{signal});
+        signal.removeEventListener('abort',closePending);
+        if(paymentWindow&&!paymentWindow.closed)paymentWindow.location.replace(url);
+        else window.location.assign(url);
+      }).catch(error=>{closePending();if(signal.aborted||!form.isConnected)return;form.querySelector('.api-error')!.textContent=error.message;confirm.disabled=false;delete form.dataset.submitting;choices.forEach(choice=>choice.disabled=false);})
+        .finally(()=>signal.removeEventListener('abort',closePending));
+    },{signal});
+  };
+  root.addEventListener('click',event=>{
+    const button=(event.target as Element).closest<HTMLElement>('[data-buy-package],[data-wallet-action]');if(!button)return;
+    if(button.dataset.buyPackage){
+      const item=items.find(item=>item.id===Number(button.dataset.buyPackage));if(!item)return;
+      selected=item;
+      root.querySelectorAll<HTMLElement>('[data-buy-package]').forEach(card=>card.setAttribute('aria-pressed',String(Number(card.dataset.buyPackage)===item.id)));
+      const pay=root.querySelector<HTMLButtonElement>('[data-wallet-action="pay"]');if(pay)pay.textContent='立即支付 ¥'+packagePrice(item);
+      const status=root.querySelector('#wallet-selection');if(status)status.textContent=selectionText(item);
+    }else if(button.dataset.walletAction==='pay'&&selected){openPayment(selected);}
+  },{signal});
+}
diff --git a/src/lib/client/analytics.ts b/src/lib/client/analytics.ts
new file mode 100644
index 0000000..8893316
--- /dev/null
+++ b/src/lib/client/analytics.ts
@@ -0,0 +1,270 @@
+import type { Chapter, Config, DramaDetail, User } from '../api/types';
+import { base64JSON, COMMON_KEYS, dramaContext, SDK_COMMON_KEYS, SDK_FIELD_KEYS, SERVER_EVENTS, TRACKER_APP_ID, trackingPage, trackingText, type Fields } from '../tracking';
+import { authMetadata } from './auth';
+
+interface WebSDK {
+  init(options:Record<string,unknown>):unknown;
+  track:Record<string,(payload:Fields)=>unknown>;
+  getCommonFields(keys?:string[]):Promise<Fields>;
+  setUid(uid:string):unknown;
+  setChannel(channel:string):unknown;
+  notifyPageLoad():void;
+  flush():Promise<unknown>;
+}
+declare global {interface Window {WebSDK?:WebSDK;tracker?:SiteTracker}}
+const number=(value:unknown)=>Math.max(0,Math.round(Number(value)||0));
+const clamp=(value:number)=>Math.min(100,Math.max(0,Math.round(value)));
+const channelValue=(value:string)=>/^[a-z\d_.-]{1,50}$/i.test(value)&&!['self','natural','official','channel','0','-','unknown'].includes(value.toLowerCase())?value:'organic';
+const uidValue=(user:User|null)=>{const uid=trackingText(user?.userId);return /^[a-z\d_]{4,32}$/i.test(uid)?uid:'';};
+const waitLimit=<T>(promise:Promise<T>,fallback:T,ms=1500)=>new Promise<T>(resolve=>{
+  const timer=setTimeout(()=>resolve(fallback),ms);
+  promise.then(value=>{clearTimeout(timer);resolve(value);},()=>{clearTimeout(timer);resolve(fallback);});
+});
+
+/** SDK adapter: named v1.2.0 events only; business requests own server-side mutations. */
+export class SiteTracker {
+  private sdkReady:Promise<void>;
+  private config:Config={};
+  private initialized=false;
+  private initializing=false;
+  private queue:{method:string;payload:Fields}[]=[];
+  private user:User|null=null;
+  private path='';
+  private page=trackingPage(location.pathname);
+  private referrer={key:'direct',name:'直接访问'};
+  private shown=new Set<string>();
+  private adShown=new Set<string>();
+  private popupClosed=new Set<string>();
+  private observed=new WeakSet<Element>();
+  private observer?:IntersectionObserver;
+  private diagnostics=new Set<string>();
+  private drama?:Fields;
+  private chapters:Chapter[]=[];
+  private isVideo=false;
+  private playback=new WeakMap<HTMLVideoElement,{started:number;elapsed:number;position:number;seekFrom?:number;failed?:boolean}>();
+
+  constructor(){
+    try{if(document.referrer){const url=new URL(document.referrer);this.referrer=url.origin===location.origin?trackingPage(url.pathname):{key:'external',name:url.host};}}catch{}
+    this.sdkReady=this.loadSDK().catch(()=>{});
+    window.addEventListener('site:route',()=>this.pageView());
+    window.addEventListener('pagehide',()=>{this.reportProgress();void this.flush();});
+    document.addEventListener('visibilitychange',()=>{if(document.hidden){this.reportProgress();void this.flush();}else this.observe();});
+    document.addEventListener('click',event=>this.click(event),true);
+    document.addEventListener('external-ad:track',event=>{const {element,eventType}=(event as CustomEvent).detail||{};this.externalAd(element,eventType);});
+    document.addEventListener('dialog-ad:track',event=>{const {element,eventType}=(event as CustomEvent).detail||{};this.advertising(element,eventType);});
+    document.addEventListener('tracker:refresh',()=>this.observe());
+    document.addEventListener('close',()=>this.observe(),true);
+    for(const event of ['play','playing','pause','waiting','timeupdate','seeking','seeked','ended'])document.addEventListener(event,event=>this.videoEvent(event),true);
+    if(typeof IntersectionObserver!=='undefined')this.observer=new IntersectionObserver(entries=>{
+      for(const entry of entries)if(entry.isIntersecting){
+        this.observer?.unobserve(entry.target);
+        if(this.visible(entry.target))this.impression(entry.target as HTMLElement);else this.observed.delete(entry.target);
+      }
+    },{threshold:0.1});
+    if(typeof MutationObserver!=='undefined')new MutationObserver(()=>this.observe()).observe(document.documentElement,{childList:true,subtree:true,attributes:true,attributeFilter:['hidden','open','inert','aria-hidden']});
+    this.pageView();this.observe();
+  }
+
+  private loadSDK():Promise<void>{
+    if(window.WebSDK)return Promise.resolve();
+    return new Promise((resolve,reject)=>{
+      const script=document.createElement('script');script.src='/scripts/web-sdk-v1.2.0.js';script.async=true;
+      script.onload=()=>window.WebSDK?resolve():reject(new Error('sdk_unavailable'));
+      script.onerror=()=>{script.remove();reject(new Error('sdk_load_failed'));};
+      document.head.append(script);
+    });
+  }
+  private diagnose(method:string,result:unknown){
+    const value=result&&typeof result==='object'?result as Record<string,unknown>:{};
+    const reason=trackingText(value.reason)||'sdk_exception',key=method+'|'+reason;
+    if(this.diagnostics.has(key))return;
+    this.diagnostics.add(key);
+    const detail={method,reason,...(Array.isArray(value.missingFields)?{missingFields:value.missingFields}:{}),...(Array.isArray(value.typeErrorFields)?{typeErrorFields:value.typeErrorFields}:{})};
+    try{document.dispatchEvent(new CustomEvent('tracker:diagnostic',{detail}));}catch{}
+  }
+
+  configure(config:Config){
+    this.config=config;
+    if(this.initialized||this.initializing)return;
+    const encryptedConfig=trackingText(config.reportSdkConfig)||process.env.NEXT_PUBLIC_TRACKER_ENCRYPTED_CONFIG||'';
+    if(!encryptedConfig)return;
+    this.initializing=true;
+    void this.sdkReady.then(async()=>{
+      if(!window.WebSDK){this.sdkReady=this.loadSDK();await this.sdkReady;}
+      if(!window.WebSDK)throw new Error('sdk_unavailable');
+      await window.WebSDK.init({appId:TRACKER_APP_ID,uid:uidValue(this.user),channel:channelValue(authMetadata().channel),encryptedConfig,appVersion:'1.0.0',disableAutoEvents:['app_page_view','page_click']});
+      this.initialized=true;
+      this.syncUser(this.user);
+      for(const event of this.queue.splice(0))this.invoke(event.method,event.payload);
+    }).catch(()=>this.diagnose('init',{reason:'sdk_initialization_failed'})).finally(()=>{this.initializing=false;});
+  }
+  private invoke(method:string,payload:Fields){
+    if(!this.initialized){
+      if(this.queue.length>=1000){this.diagnose(method,{reason:'pending_queue_full'});return;}
+      this.queue.push({method,payload:{...payload}});return;
+    }
+    try{
+      const track=window.WebSDK?.track[method];
+      if(typeof track!=='function'){this.diagnose(method,{reason:'unknown_event_method'});return;}
+      void Promise.resolve(track(payload)).then(result=>{
+        if(result&&typeof result==='object'&&'ok' in result&&result.ok===false)this.diagnose(method,result);
+      }).catch(()=>this.diagnose(method,{reason:'sdk_exception'}));
+    }catch{this.diagnose(method,{reason:'sdk_exception'});}
+  }
+  syncUser(user:User|null){
+    this.user=user;
+    try{if(this.initialized)window.WebSDK?.setUid(uidValue(user));}catch{}
+  }
+  pageView(){
+    const path=location.pathname+location.search;if(path===this.path)return;
+    if(this.path){this.reportProgress();this.referrer=this.page;try{window.WebSDK?.notifyPageLoad();}catch{}}
+    this.path=path;this.page=trackingPage(location.pathname);this.drama=undefined;this.chapters=[];
+    this.shown.clear();this.observed=new WeakSet();this.observer?.disconnect();
+    this.invoke('appPageView',{...this.pageFields(),user_type:this.user?.vipType?'vip':'normal',referrer_page_key:this.referrer.key,referrer_page_name:this.referrer.name,current_page_key:this.page.key,current_page_name:this.page.name,page_load_time:number(performance.getEntriesByType?.('navigation')[0]?.duration),recommend_trace_id:''});
+    this.observe();
+  }
+  resumePage(){
+    try{window.WebSDK?.notifyPageLoad();}catch{}
+    this.path='';this.pageView();
+  }
+  private pageFields():Fields{return {page_key:this.page.key,page_name:this.page.name};}
+  private visible(node:Element){
+    if(document.hidden||node.closest('[hidden],[inert],[aria-hidden="true"],dialog:not([open])')||!node.getClientRects().length)return false;
+    const modal=document.querySelector('dialog:modal');
+    return !modal||modal.contains(node);
+  }
+  private observe(){
+    document.querySelectorAll<HTMLElement>('[data-track-ad="external"],[data-track-ad="external-dialog"],[data-track-item]').forEach(node=>{
+      if(!this.visible(node)){
+        if(this.observed.has(node)){this.observer?.unobserve(node);this.observed.delete(node);}
+        return;
+      }
+      if(this.observed.has(node))return;
+      this.observed.add(node);if(this.observer)this.observer.observe(node);else this.impression(node);
+    });
+  }
+  private item(node:HTMLElement):Fields {
+    return {...this.pageFields(),item_id:node.dataset.itemId||'',item_type:node.dataset.itemType||'short_drama',item_name:node.dataset.itemName||'',parent_item_id:node.dataset.parentItemId||'0',recommend_trace_id:node.dataset.recommendTraceId||'',recommend_id:node.dataset.recommendId||'',recommend_trace_info:node.dataset.recommendTraceInfo||''};
+  }
+  private impression(node:HTMLElement){
+    if(node.hasAttribute('data-ad-clone'))return;
+    if(node.hasAttribute('data-track-ad')){this.externalAd(node,'show');return;}
+    const key='item|'+node.dataset.itemType+'|'+node.dataset.itemId+'|'+(node.dataset.parentItemId||'');
+    if(!node.dataset.itemId||this.shown.has(key))return;
+    this.shown.add(key);this.invoke('appPageitemExposure',{...this.item(node),referrer_page_key:this.referrer.key,referrer_page_name:this.referrer.name});
+  }
+  externalAd(node:HTMLElement,eventType:string){
+    if(!node||!['show','click'].includes(eventType)||!node.dataset.adId)return;
+    if(eventType==='show'&&!this.visible(node)){this.observed.delete(node);return;}
+    const payload={...this.pageFields(),ad_slot_key:node.dataset.adSlotKey||this.page.key+'_ad',ad_slot_name:node.dataset.adSlotName||this.page.name+'广告位',ad_id:node.dataset.adId,creative_id:node.dataset.creativeId||'',ad_type:node.dataset.adType||'banner'};
+    const key=this.adKey(node);
+    if(!this.adShown.has(key)){this.adShown.add(key);this.invoke('adImpression',payload);this.advertising(node,'show');}
+    if(eventType==='click'&&node.dataset.adClickable==='1'){this.invoke('adClick',payload);this.advertising(node,'click');}
+  }
+  private adKey(node:HTMLElement){return this.path+'|'+(node.dataset.adPlacement||'inline')+'|'+(node.dataset.adSlotKey||this.page.key+'_ad')+'|'+node.dataset.adId;}
+  advertising(node:HTMLElement,eventType:string){
+    if(!node?.dataset.adId||!['startup-ad','startup-grid'].includes(node.dataset.adPlacement||'')||!['show','click','close'].includes(eventType))return;
+    const key=this.adKey(node);
+    if(eventType==='close'){
+      if(!this.adShown.has(key)||this.popupClosed.has(key))return;
+      this.popupClosed.add(key);
+    }else if(eventType==='show')this.popupClosed.delete(key);
+    this.invoke('advertising',{event_type:eventType,advertising_key:node.dataset.adPlacement==='startup-grid'?'grid_ad':'dialog_ad',advertising_name:node.dataset.adSlotName||'弹窗广告',advertising_id:node.dataset.adId});
+  }
+  search(keyword:string,total:number,page:number){if(keyword&&page===1)this.invoke('keywordSearch',{keyword,search_result_count:total,search_content_type:'',search_trace_id:'',search_id:''});}
+  private click(event:MouseEvent){
+    const target=event.target instanceof Element?event.target:null;if(!target)return;
+    if(!target.closest('[data-close],.startup-close'))this.invoke('pageClick',{...this.pageFields(),click_page_x:number(event.clientX),click_page_y:number(event.clientY),click_x_percent:clamp(event.clientX/(innerWidth||1)*100),click_y_percent:clamp(event.clientY/(innerHeight||1)*100),screen_width:number(screen.width),screen_height:number(screen.height),recommend_trace_id:''});
+    const nav=target.closest<HTMLAnchorElement>('a[data-page],a[data-hg-page],a[data-mobile-route],a[data-info],a[data-track-navigation],a[data-app-download],.entry-routes a,.entry-channels a');
+    if(nav&&nav.hasAttribute('href'))this.invoke('navigation',{navigation_key:'nav_'+(nav.dataset.trackNavigation||nav.dataset.page||nav.dataset.hgPage||nav.dataset.mobileRoute||nav.dataset.info||(nav.hasAttribute('data-app-download')?'app_download':trackingPage(new URL(nav.href,location.href).pathname).key)).replace(/-/g,'_'),navigation_name:(nav.getAttribute('aria-label')||nav.textContent||'导航').trim().slice(0,255)});
+    const ad=target.closest<HTMLElement>('[data-track-ad="external"]');if(ad)this.externalAd(ad,'click');
+    const switcher=target.closest<HTMLElement>('[data-drama-switch]');
+    if(switcher)this.dramaStatusChange({id:Number(switcher.dataset.targetVideoId),currentEpisode:Number(switcher.dataset.targetEpisode)});
+    const item=target.closest<HTMLElement>('[data-track-item]');
+    if(item){
+      const items=Array.from(item.closest('.cards,.topic-recommendation-grid,.benefit-grid,.hero')?.querySelectorAll('[data-track-item]')||[]),position=items.indexOf(item)+1;
+      this.invoke('appPageitemClick',{...this.item(item),position:position||1});
+      const results=item.closest<HTMLElement>('[data-search-results]');
+      if(results)this.invoke('keywordClick',{keyword:results.dataset.searchKeyword||'',click_item_id:item.dataset.itemId||'',click_item_type_key:'short_drama',click_item_type_name:'短剧',click_position:(number(results.dataset.searchPage)-1)*number(results.dataset.searchPageSize)+(position||1),search_trace_id:''});
+    }
+  }
+  setDrama(drama:DramaDetail,chapter:Chapter|null|undefined,chapters:Chapter[],isVideo=false){
+    this.drama=dramaContext(drama,chapter);this.chapters=chapters;this.isVideo=isVideo;
+    if(isVideo)this.drama.video_id=String(drama.id);
+    if(this.drama.video_id)this.dramaEvent('ep_view');
+  }
+  private video(){return document.querySelector<HTMLVideoElement>('#drama-play-page:not([hidden]) .play-screen video');}
+  private main(video:HTMLVideoElement){return video===this.video()&&video.closest<HTMLElement>('[data-play-mode]')?.dataset.playMode!=='preview';}
+  private state(video:HTMLVideoElement){let state=this.playback.get(video);if(!state){state={started:0,elapsed:0,position:0};this.playback.set(video,state);}return state;}
+  private settle(video:HTMLVideoElement){const s=this.state(video);if(s.started){s.elapsed+=Math.max(0,performance.now()-s.started);s.started=0;}}
+  dramaEvent(behavior:string,video?:HTMLVideoElement,options:{forceProgress?:number;keepDuration?:boolean}={}){
+    if(!this.drama?.video_id)return;
+    const s=video?this.state(video):undefined;
+    const duration=number(video?.duration&&Number.isFinite(video.duration)?video.duration:this.drama.drama_duration);
+    const elapsed=s?s.elapsed+(s.started?Math.max(0,performance.now()-s.started):0):0;
+    const names:Record<string,string>={ep_view:'展示',ep_play:'播放',ep_pause:'暂停',ep_forward:'快进',ep_rewind:'快退',ep_complete:'播放完成',ep_share:'分享',ep_failed:'播放失败'};
+    const metrics={play_duration:number(elapsed/1000),play_progress:options.forceProgress!==undefined?clamp(options.forceProgress):behavior==='ep_complete'?100:duration?clamp((video?.currentTime||0)/duration*100):0,play_speed:number((video?.playbackRate||1)*100)};
+    if(this.isVideo){const d=this.drama;this.invoke('videoEvent',{...metrics,media_id:d.media_id,video_id:d.video_id,video_title:d.drama_title,video_type_id:d.drama_type_id,video_type_name:d.drama_type_name,video_content_type:'video',recommend_trace_id:d.recommend_trace_id,video_tag_key:d.drama_tag_key,video_tag_name:d.drama_tag_name,video_duration:duration,video_behavior_key:behavior.replace('ep_','video_'),video_behavior_name:behavior==='ep_view'?'视频展示':names[behavior]||behavior});}
+    else this.invoke('dramaEvent',{...this.drama,...metrics,drama_duration:duration,play_behavior_key:behavior,play_behavior_name:names[behavior]||behavior});
+    if(s&&!options.keepDuration){s.elapsed=0;if(s.started)s.started=performance.now();}
+  }
+  private videoEvent(event:Event){
+    const video=event.target;if(!(video instanceof HTMLVideoElement)||!this.main(video))return;
+    const s=this.state(video);
+    if(event.type==='play')this.dramaEvent('ep_play',video);
+    if(event.type==='playing'){s.failed=false;if(!s.started)s.started=performance.now();}
+    if(event.type==='waiting')this.settle(video);
+    if(event.type==='pause'){const played=s.started||s.elapsed;this.settle(video);if(played&&!video.ended&&!video.seeking)this.dramaEvent('ep_pause',video);}
+    if(event.type==='timeupdate'&&!video.seeking)s.position=video.currentTime;
+    if(event.type==='seeking'){this.settle(video);s.seekFrom??=s.position;}
+    if(event.type==='seeked'&&s.seekFrom!==undefined){const from=s.seekFrom;s.seekFrom=undefined;if(Math.abs(video.currentTime-from)>=0.5)this.dramaEvent(video.currentTime>from?'ep_forward':'ep_rewind',video);s.position=video.currentTime;if(!video.paused&&!video.ended)s.started=performance.now();}
+    if(event.type==='ended'){
+      this.settle(video);this.dramaEvent('ep_complete',video,{keepDuration:!this.isVideo});
+      if(!this.isVideo)this.dramaEvent('ep_play',video,{forceProgress:100});
+    }
+  }
+  playbackFailed(video:HTMLVideoElement){
+    if(!this.main(video)||!this.drama?.video_id)return;
+    const state=this.state(video);if(state.failed)return;
+    state.failed=true;this.settle(video);this.dramaEvent('ep_failed',video);
+  }
+  prepareDramaModeChange(){const video=this.video();if(video){this.reportProgress();this.playback.delete(video);}}
+  private reportProgress(){const video=this.video();if(video&&this.main(video)){const s=this.state(video);if(s.started||s.elapsed){this.settle(video);this.dramaEvent('ep_play',video);if(!video.paused&&!video.ended)s.started=performance.now();}}}
+  dramaStatusChange(chapter:Chapter,behavior?:string){
+    if(!this.drama||this.isVideo)return;
+    const episode=Math.max(1,chapter.currentEpisode||1),previous=Number(this.drama.episode);
+    const key=behavior||(episode===previous+1?'ep_next':episode===previous-1?'ep_previous':'ep_switch');
+    const names:Record<string,string>={ep_previous:'上一集',ep_next:'下一集',ep_switch:'切换剧集',ep_unlock:'解锁',ep_auto_play:'自动播放'};
+    if(!names[key]||(!behavior&&String(chapter.id)===this.drama.video_id))return;
+    this.invoke('dramaStatusChange',{media_id:this.drama.media_id,drama_id:this.drama.drama_id,drama_title:this.drama.drama_title,episode,video_id:String(chapter.id),pre_episode:previous,drama_behavior_key:key,drama_behavior_name:names[key]});
+  }
+  async getCommonFields(){await this.sdkReady;try{return await window.WebSDK?.getCommonFields()||{};}catch{return {};}}
+  async requestHeaders(path:string,method:string,body:unknown):Promise<Record<string,string>>{
+    // This request supplies the SDK configuration; it must not wait for that SDK to load first.
+    if(path==='config/info'&&!this.initialized)return {};
+    const input=body&&typeof body==='object'&&!(body instanceof FormData)?body as Record<string,unknown>:{};
+    const snapshot=this.drama?{...this.drama}:undefined,chapters=this.chapters.slice(),isVideo=this.isVideo;
+    return waitLimit((async()=>{
+      const fields=await this.getCommonFields(),headers:Record<string,string>={};
+      if(!SDK_COMMON_KEYS.some(key=>trackingText(fields[key])))return headers;
+      headers['X-SDK-Common']=base64JSON(Object.fromEntries(SDK_FIELD_KEYS.filter(key=>Object.hasOwn(fields,key)).map(key=>[key,fields[key]])));
+      const event=method==='POST'?SERVER_EVENTS[path]:'';
+      if(!event||fields.app_id!==TRACKER_APP_ID||!fields.device_id||path==='comment/send'&&![10,11].includes(Number(input.objectType)))return headers;
+      const chapterId=Number(input.chapterId||(Number(input.objectType)===11?input.objectId:0));
+      const id=trackingText(input.playletId||input.id||(Number(input.objectType)===10?input.objectId:0)||(!isVideo?snapshot?.drama_id:''));
+      if(!id||id==='0')return headers;
+      const same=id===snapshot?.drama_id&&!isVideo,chapter=same?chapters.find(ch=>ch.id===chapterId):undefined;
+      const drama={media_id:same?snapshot?.media_id||'':'',drama_id:id,episode:chapter?.currentEpisode||(same?number(snapshot?.episode):1)||1,video_id:chapterId?String(chapterId):same?snapshot?.video_id||'':'',recommend_trace_id:same?snapshot?.recommend_trace_id||'':''};
+      const requestId=crypto.randomUUID().replace(/-/g,'');
+      const common=Object.fromEntries(COMMON_KEYS.map(key=>[key,key==='client_ts'?Number(fields[key]):fields[key]??'']));
+      return {...headers,'X-Tracker-Request-Id':requestId,'X-Tracker-Event-Name':event,'X-DC-Request-Context':base64JSON({v:1,request_id:requestId,event_name:event,common,drama},true)};
+    })(),{});
+  }
+  async flush(){try{await Promise.resolve();if(this.initialized)await window.WebSDK?.flush();}catch{}}
+}
+
+export function startTracker(config?:Config){
+  if(typeof window==='undefined')return;
+  window.tracker??=new SiteTracker();if(config)window.tracker.configure(config);
+  return window.tracker;
+}
diff --git a/src/lib/client/api.ts b/src/lib/client/api.ts
new file mode 100644
index 0000000..8b5b1f9
--- /dev/null
+++ b/src/lib/client/api.ts
@@ -0,0 +1,116 @@
+import { ApiError, decodeEnvelope, EXPIRED_CODES } from "../api/protocol";
+import type { User } from "../api/types";
+import { authMetadata } from "./auth";
+
+export type Query = Record<string, string | number | boolean | undefined>;
+const PUBLIC = /^(?:config\/|navigation\/|theme\/|applist\/|recharge\/|translation\/|playlet\/home$|playlet\/tag\/options$)/;
+const PUBLIC_CONTENT = new Set(["playlet/all/list","playlet/hot/list","playlet/hot/rank/list","playlet/topic/list","playlet/topic/detail","playlet/tag/list","playlet/guess-like/list","playlet/hot-like"]);
+
+export class ApiClient extends EventTarget {
+  user: User | null = null;
+  private session: Promise<User | null> | null = null;
+  private authTail: Promise<unknown> = Promise.resolve();
+  private version = 0;
+  private requiresLogin = false;
+  private prompted = false;
+
+  // Serialize responses which set session cookies so a slow guest response cannot replace a login.
+  private authenticate<T>(work: () => Promise<T>): Promise<T> {
+    const job = this.authTail.then(work);
+    this.authTail = job.catch(() => {});
+    return job;
+  }
+  private promptLogin() {
+    if (!this.prompted) { this.prompted = true; this.dispatchEvent(new Event('expired')); }
+  }
+  async raw<T>(path: string, query: Query = {}, body?: unknown, signal?: AbortSignal): Promise<T> {
+    const version = this.version;
+    const params = new URLSearchParams();
+    Object.entries(query).forEach(([key,value])=>{if(value!==undefined && value!=="")params.set(key,String(value));});
+    const multipart = body instanceof FormData;
+    const method=body===undefined?'GET':'POST';
+    const tracking=typeof window==='undefined'?{}:await window.tracker?.requestHeaders(path,method,body)||{};
+    const response = await fetch(`/api/${path}${params.size?"?"+params:""}`, {
+      method, credentials:"same-origin", cache:"no-store", signal,
+      headers: {...tracking,...(body===undefined||multipart?{}:{"Content-Type":"application/json"})},
+      body: body===undefined?undefined:multipart?body as FormData:JSON.stringify(body),
+    });
+    const result = decodeEnvelope<T>(await response.json());
+    if (!response.ok || result.code!==200) {
+      if ((EXPIRED_CODES.has(result.code) || response.status===401) && !/^auth\/(login|register|resetPassword|logout)$/.test(path) && version === this.version) {
+        const registered = response.headers.get('X-Auth-State') === 'login-required' || this.user?.isRegister || this.user?.type === 1;
+        this.setUser(null);
+        this.requiresLogin = !!registered;
+        if (registered) this.promptLogin();
+      }
+      throw new ApiError(result.tip || result.msg || "请求失败，请稍后重试",result.code);
+    }
+    return result.data;
+  }
+  private restoreSession(automatic: boolean): Promise<User | null> {
+    if (this.user) return Promise.resolve(this.user);
+    if (this.requiresLogin) {
+      if (automatic) return Promise.resolve(null);
+      this.promptLogin();
+      return Promise.reject(new ApiError('请先登录账号',401));
+    }
+    if (!this.session) {
+      const job = this.authenticate(async () => {
+        const user = await this.raw<User | null>('auth/guest',{}, {...authMetadata(), automatic});
+        this.setUser(user);
+        if (!user) this.requiresLogin = true;
+        return user;
+      });
+      this.session = job;
+      void job.finally(() => { if (this.session === job) this.session = null; }).catch(() => {});
+    }
+    return this.session;
+  }
+  initializeSession() { return this.restoreSession(true); }
+  async ensureSession(): Promise<User> {
+    const user = await this.restoreSession(false);
+    if (!user) { this.promptLogin(); throw new ApiError('请先登录账号',401); }
+    return user;
+  }
+  setUser(user: User | null) {
+    this.version++;
+    this.user = user;
+    if(typeof window!=='undefined')window.tracker?.syncUser(user);
+    if (user) { this.requiresLogin = false; this.prompted = false; }
+    this.dispatchEvent(new Event('userchange'));
+  }
+  seedSession(user:User|null){this.requiresLogin=!user;this.setUser(user);}
+  async revalidateSession(){
+    const version=this.version;
+    return this.authenticate(async()=>{
+      const user=await this.raw<User|null>('auth/guest',{}, {...authMetadata(),automatic:true});
+      if(version===this.version)this.seedSession(user);
+      return this.user;
+    });
+  }
+  reset() { this.requiresLogin = true; this.prompted = false; this.session = null; this.setUser(null); }
+  async get<T>(path: string, query: Query = {}, signal?: AbortSignal): Promise<T> {
+    if(!PUBLIC.test(path)&&!PUBLIC_CONTENT.has(path))await this.ensureSession();
+    return this.raw(path,query,undefined,signal);
+  }
+  async post<T>(path: string, body: unknown): Promise<T> {
+    if (['auth/login','auth/register','auth/logout'].includes(path)) {
+      if (path === 'auth/register' && !this.user && !this.requiresLogin) await this.ensureSession();
+      const payload = path === 'auth/logout' ? {} : {...authMetadata(), ...body as object};
+      return this.authenticate(async () => {
+        const data = await this.raw<T>(path,{},payload);
+        if (path === 'auth/logout') this.reset();
+        else this.setUser(data as User);
+        return data;
+      });
+    }
+    if(!/^auth\/(guest|resetPassword)$/.test(path))await this.ensureSession();
+    return this.raw(path,{},body);
+  }
+  async refreshUser() {
+    await this.ensureSession();
+    const version = this.version;
+    const user = await this.raw<User>('auth/getInfo');
+    if (version === this.version) this.setUser(user);
+  }
+}
diff --git a/src/lib/client/application.ts b/src/lib/client/application.ts
new file mode 100644
index 0000000..591a423
--- /dev/null
+++ b/src/lib/client/application.ts
@@ -0,0 +1,303 @@
+import { navigationIsActive } from '../site-navigation';
+import { ApiClient } from "./api";
+import type { Config, Drama, FooterContact, FooterInfoResponse, HomeData, PageData } from "../api/types";
+import type { SiteContext } from "./context";
+import { recordList, safeUrl } from "../api/protocol";
+import { activeBanners, card, empty, escape, hero } from "./render";
+import { configureSite, copyRoadAddress, downloadUrl } from "./config";
+import { accountMenuMarkup, bindAccountUI, openAuth, renderMember, renderWallet } from "./account";
+import { renderPlayer } from "./player";
+import { contentPath, navigationSection, paginationPath, parseSitePath, searchPath, samePageAddress, topNavigationSection } from "../routing";
+import { bindPaginationJumps, navigateTo, ROUTE_EVENT } from "./navigation";
+import { startStartupDialogs, type StartupDialogs } from "./startup";
+import { createDownloadQr, shouldUseDownloadDialog } from "./download";
+import { processImage, startImageLoading } from "./images";
+import { bindHeroSwipe } from "./hero-swipe";
+import { bindPromotionMarquee } from './promo-marquee';
+import { scrollToAppCategory } from "./apps";
+import { renderFeedbackPage } from "./feedback";
+import { positionSearchDiscovery, searchPicksMarkup, searchSuggestionsMarkup } from "./search";
+import { infoContactSection } from "../info-pages";
+import { buildPageHead, clientSeoEnvironment, resolveSeoEnvironment, type SeoBootstrap, type SeoContent, type SeoEnvironment } from '../seo';
+import { applyPageHead } from './seo';
+import type { PageBootstrap, SiteSharedData } from '../page-data';
+
+declare global { interface Window { __dramaApiApp?: Application } }
+const $=<T extends Element=HTMLElement>(selector:string)=>document.querySelector<T>(selector)!;
+
+export class Application implements SiteContext {
+  api=new ApiClient();
+  config:Config={};
+  home:HomeData;
+  signal:AbortSignal;
+  private controller=new AbortController();
+  private disposePlayer?:()=>void;
+  private toastTimer?:ReturnType<typeof setTimeout>;
+  private routeKey='';
+  private feature=0;
+  private renderedFeature=0;
+  private heroSequence=0;
+  private disposeHeroFade?:()=>void;
+  private heroTimer?:ReturnType<typeof setInterval>;
+  private disposePromotions?:()=>void;
+  private hot: {hotSearch?:{keyword?:string;name?:string}[];guessLike?:Drama[]}={};
+  private searchTimer?:ReturnType<typeof setTimeout>;
+  private searchSeq=0;
+  private initialized=false;
+  private startupDialogs?:StartupDialogs;
+  private footerContacts:FooterContact[]=[];
+  private seoEnvironment:SeoEnvironment;
+  private seoContent:SeoContent={};
+  private initialSeo?:SeoBootstrap;
+  private initialPage?:PageBootstrap;
+
+  constructor(home:HomeData,private homeLoaded=true,seo?:SeoBootstrap,page?:PageBootstrap,private initialSession?:PageBootstrap['session'],private initialShared?:SiteSharedData){this.initialPage=page;this.home=home;this.signal=this.controller.signal;this.initialSeo=seo;this.seoEnvironment=seo?.environment||resolveSeoEnvironment({},[]);}
+  updateSeo(content:SeoContent){this.seoContent={...this.seoContent,...content};this.syncHead();}
+  private syncHead(){applyPageHead(buildPageHead(location.pathname,location.search,this.seoEnvironment,this.seoContent));}
+  current(){return !this.signal.aborted;}
+  notify(message:string){const el=$('#toast');el.textContent=message;el.classList.remove('hidden');clearTimeout(this.toastTimer);this.toastTimer=setTimeout(()=>el.classList.add('hidden'),2600);}
+  openAuth(mode='login'){openAuth(mode);}
+  navigate(path:string){navigateTo(path);}
+
+  async init(){
+    if(this.initialized)return;this.initialized=true;
+    const session=this.initialSession||this.initialPage?.session;if(session)this.api.seedSession(session.user);
+    startImageLoading();
+    this.bindEvents();this.startupDialogs=startStartupDialogs();this.createAccountMenu();bindAccountUI(this);
+    window.addEventListener('pagehide',event=>this.hidePage(event.persisted));
+    window.addEventListener('pageshow',event=>{if(event.persisted)this.restorePage();});
+    this.api.addEventListener('userchange',()=>this.updateAccount());
+    this.api.addEventListener('expired',()=>{this.updateAccount();this.openAuth();});
+    await this.initializeShared();
+    void this.api.initializeSession().then(()=>this.updateAccount()).catch(error=>this.notify(error.message));
+    this.startFloatingTools();
+    await this.route();
+  }
+
+  private async initializeShared(){
+    const shared=this.initialShared;
+    if(shared){
+      this.footerContacts=recordList<FooterContact>(shared.footer.footerInfo?.contactList);
+      await this.applyConfig(shared.config);
+      // SDK configuration is fetched separately and is never serialized into page HTML.
+      if(shared.trackerConfigured)void this.api.get<Config>('config/info').then(config=>window.tracker?.configure(config)).catch(()=>{});
+    }else{
+      this.api.get<Config>('config/info').then(config=>this.applyConfig(config)).catch(error=>this.notify(error.message));
+      void this.loadFooter();
+    }
+  }
+
+  private async applyConfig(config:Config){
+    this.config=config;this.startupDialogs?.setAdvertisements(config.advitise?.dialogList||[],config.advitise?.nineGridList||[]);
+    this.seoEnvironment=clientSeoEnvironment(this.seoEnvironment,config);
+    if(this.routeKey)this.syncHead();
+    window.tracker?.configure(config);
+    this.refreshInfoContacts();await configureSite(config);
+  }
+  private refreshInfoContacts(){
+    const target=document.querySelector<HTMLElement>('#info-content [data-site-contacts]');
+    if(target)target.outerHTML=infoContactSection(this.config,this.footerContacts);
+  }
+
+  private disposePage(){
+    this.stopHeroAutoplay();this.heroSequence++;this.feature=this.renderedFeature;this.controller.abort();
+    this.disposeHeroFade?.();this.disposePromotions?.();this.disposePlayer?.();
+  }
+  private hidePage(persisted:boolean){
+    const route=parseSitePath(location.pathname,location.search);
+    const interactive=route?.group==='detail'||route?.group==='play'||route?.group==='member'||route?.group==='info'&&['deposit','settings','user-center','feedback'].includes(route.key);
+    if(!persisted||interactive||document.querySelector('dialog[open]')){this.disposePage();return;}
+    this.stopHeroAutoplay();this.heroSequence++;this.feature=this.renderedFeature;this.disposeHeroFade?.();
+  }
+  private restorePage(){
+    if(this.signal.aborted){window.location.reload();return;}
+    this.restartHeroAutoplay();
+    window.tracker?.resumePage();
+    // Restore the document immediately, then refresh the header identity using current cookies.
+    void this.api.revalidateSession().catch(()=>{});
+  }
+  private async selectHero(index:number){
+    const banners=activeBanners(this.home),target=$('#hero');
+    if(!banners.length||!target)return;
+    const selected=(index%banners.length+banners.length)%banners.length;
+    if(selected===this.feature)return;
+    this.feature=selected;
+    const sequence=++this.heroSequence,signal=this.signal;
+    const incoming=document.createElement('div');incoming.innerHTML=hero(banners,selected);
+    const artwork=incoming.querySelector<HTMLImageElement>('.hero-art');
+    if(artwork){
+      const source=artwork.getAttribute('data-src');
+      if(source)await processImage(source,artwork);
+      if(artwork.decode)await artwork.decode().catch(()=>{});
+    }
+    if(sequence!==this.heroSequence||signal.aborted||!target.isConnected)return;
+    this.disposeHeroFade?.();
+    const previous=target.cloneNode(true) as HTMLElement;
+    previous.removeAttribute('id');previous.classList.add('hero-outgoing');
+    previous.setAttribute('aria-hidden','true');previous.inert=true;
+    previous.querySelectorAll('[data-src]').forEach(image=>image.removeAttribute('data-src'));
+    target.replaceChildren(...incoming.childNodes);this.renderedFeature=selected;
+    if(window.matchMedia?.('(prefers-reduced-motion: reduce)').matches||typeof previous.animate!=='function')return;
+    target.append(previous);
+    const animation=previous.animate([{opacity:1},{opacity:0}],{duration:500,easing:'ease-in-out',fill:'forwards'});
+    const dispose=()=>{animation.cancel();previous.remove();if(this.disposeHeroFade===dispose)this.disposeHeroFade=undefined;};
+    this.disposeHeroFade=dispose;
+    void animation.finished.then(dispose,dispose);
+  }
+  private stopHeroAutoplay(){clearInterval(this.heroTimer);this.heroTimer=undefined;}
+  private bindPromotions(){
+    this.disposePromotions?.();
+    const dispose=Array.from(document.querySelectorAll<HTMLElement>('[data-promotion-row]'),root=>bindPromotionMarquee(root,this.signal));
+    this.disposePromotions=()=>dispose.forEach(close=>close());
+  }
+  private restartHeroAutoplay(){
+    this.stopHeroAutoplay();
+    if(this.signal.aborted||location.pathname!=='/'||document.hidden||activeBanners(this.home).length<2)return;
+    this.heroTimer=setInterval(()=>this.selectHero(this.feature+1),3000);
+  }
+
+  async route(){
+    // Every page navigation goes through the server. Re-entry after a mutation reloads fresh HTML.
+    if(this.routeKey){window.location.reload();return;}
+    this.routeKey=location.pathname+location.search;
+    const page=this.initialPage;this.initialPage=undefined;
+    const seo=this.initialSeo;this.initialSeo=undefined;
+    if(seo&&samePageAddress(seo.path,this.routeKey))this.seoContent=seo.content;
+    const route=parseSitePath(location.pathname,location.search);
+    const section=route?navigationSection(route):'',topSection=topNavigationSection(route);
+    document.querySelectorAll<HTMLAnchorElement>('a[data-page],a[data-hg-page],a[data-mobile-route],a[data-info]').forEach(link=>{
+      const selected=link.dataset.siteNav?navigationIsActive(link.getAttribute('href')||'',this.routeKey,link.dataset.siteNav==='top'?'top':'sidebar'):link.dataset.hgPage?link.dataset.hgPage===topSection:link.dataset.info?route?.group==='info'&&link.dataset.info===route.key:(link.dataset.page||link.dataset.mobileRoute)===section;
+      link.classList.toggle('active',selected);
+      if(selected)link.setAttribute('aria-current','page');else link.removeAttribute('aria-current');
+    });
+    window.dispatchEvent(new Event(ROUTE_EVENT));
+    if(!route)return;
+    this.bindPromotions();
+    if(!route.group){
+      bindHeroSwipe($('.home-content'),{enabled:()=>activeBanners(this.home).length>1,onStart:()=>this.stopHeroAutoplay(),onStep:step=>this.selectHero(this.feature+step),onEnd:()=>this.restartHeroAutoplay()},this.signal);
+      this.restartHeroAutoplay();return;
+    }
+    // Error HTML stays visible too; missing initial data must never trigger a client page fetch.
+    if(!page||!samePageAddress(page.path,this.routeKey))return;
+    const pageHref=(value:number)=>paginationPath(this.routeKey,value);
+    if(page.panel==='player'&&page.player){
+      this.disposePlayer=await renderPlayer(this,page.player.detail.id,route.group==='play'?Number(route.value):undefined,false,{initial:page.player,preserveMarkup:true,page:route.page||1,commentSort:new URLSearchParams(location.search).get('commentSort')==='1'?1:2,pageHref:(value,sort)=>paginationPath(contentPath(route.group==='play'?'play':'detail',page.player!.detail,route.group==='play'?Number(route.value):undefined)+location.search,value,{commentSort:sort===2?null:sort})});
+    }else if(page.panel==='search'&&page.search){
+      $('#query').setAttribute('value',page.search.keyword);
+      window.tracker?.search(page.search.keyword,page.search.total,page.search.page);
+    }else if(page.panel==='info'){
+      if(page.info?.member)await renderMember(this,page.info.key,route.page||1,pageHref,page.info.member,true);
+      else if(page.info?.wallet)await renderWallet(this,route.value==='vip',route.page||1,pageHref,page.info.wallet,true);
+      else if(page.info?.feedback)renderFeedbackPage(this,true);
+    }
+  }
+
+  private bindEvents(){
+    bindPaginationJumps();
+    document.addEventListener('visibilitychange',()=>this.restartHeroAutoplay());
+    document.addEventListener('click',event=>{void (async()=>{
+      const el=(event.target as Element).closest<HTMLElement>('button,a');if(!el)return;
+      if(el.dataset.close){(document.getElementById(el.dataset.close) as HTMLDialogElement)?.close();return;}
+      if(el.dataset.authMode){this.openAuth(el.dataset.authMode);return;}
+      if(el.dataset.memberRoute){this.navigate('/member/'+el.dataset.memberRoute+'/');return;}
+      if(el.hasAttribute('data-logout')){await this.api.post('auth/logout',{});this.navigate('/');this.notify('已退出登录');return;}
+      if(el.dataset.sort){const sort=Number(el.dataset.sort);this.navigate(paginationPath(location.pathname+location.search,1,{sort:sort===1?null:sort}));return;}
+      if(el.dataset.appCategory){scrollToAppCategory($('#channel-content'),el.dataset.appCategory);return;}
+      if(el.dataset.feature!==undefined||el.dataset.heroStep){this.selectHero(el.dataset.feature!==undefined?Number(el.dataset.feature):this.feature+Number(el.dataset.heroStep));this.restartHeroAutoplay();return;}
+      if(el.dataset.apiAction==='retry'){window.location.reload();return;}
+      if(el.dataset.accountAction==='coins'){this.navigate('/info/deposit/');return;}
+      if(el.dataset.roadCopy){await copyRoadAddress(el);return;}
+      if(el.hasAttribute('data-app-download')){
+        if(!downloadUrl(this.config)){event.preventDefault();return;}
+        if(shouldUseDownloadDialog(event)){event.preventDefault();await this.download();}
+        return;
+      }
+      if(el.id==='app-copy-link'){const url=downloadUrl(this.config);if(!url)throw new Error('暂未配置下载地址');await navigator.clipboard.writeText(url);$('#app-copy-status').textContent='链接已复制';return;}
+      if(el.id==='app-download-close'){($<HTMLDialogElement>('#app-download-dialog')).close();return;}
+      if(el.id==='floating-history'){this.navigate('/member/history/');return;}
+      if(el.id==='back-to-top'){window.scrollTo({top:0,behavior:'smooth'});return;}
+      if(el.id==='floating-app-close'){$('#page-tool-download').style.display='none';return;}
+      if(el.id==='search-panel-close'){this.closeSearchDiscovery();return;}
+      if(el.id==='search-clear'){localStorage.removeItem('91-search-history');await this.searchDiscovery();return;}
+      if(el.id==='search-picks-refresh'){const picks=await this.api.get<PageData<Drama>>('playlet/all/list',{pageNum:1,pageSize:3,sortType:4});this.hot.guessLike=recordList<Drama>(picks.list).slice(0,3);$('#search-picks-grid').innerHTML=searchPicksMarkup(this.hot.guessLike);return;}
+
+    })().catch(error=>this.notify(error instanceof Error?error.message:'操作失败'));});
+    const form=$<HTMLFormElement>('#search'),query=$<HTMLInputElement>('#query');
+    const panel=$('#search-discovery'),position=()=>positionSearchDiscovery(form,panel);
+    window.addEventListener('resize',position);
+    if(typeof ResizeObserver!=='undefined'){const observer=new ResizeObserver(position);observer.observe(panel);this.signal.addEventListener('abort',()=>observer.disconnect(),{once:true});}
+    form.addEventListener('submit',event=>{event.preventDefault();const text=query.value.trim();if(!text)return;try{const history:string[]=JSON.parse(localStorage.getItem('91-search-history')||'[]');localStorage.setItem('91-search-history',JSON.stringify([text,...history.filter(v=>v!==text)].slice(0,10)));}catch{}this.closeSearchDiscovery();this.navigate(searchPath(text));});
+    query.addEventListener('focus',()=>{void this.searchDiscovery();});
+    query.addEventListener('click',()=>{if(panel.hidden)void this.searchDiscovery();});
+    query.addEventListener('input',()=>{clearTimeout(this.searchTimer);this.searchTimer=setTimeout(()=>{void this.searchDiscovery();},250);});
+    query.addEventListener('keydown',event=>{if(event.key==='Escape')this.closeSearchDiscovery();});
+    document.addEventListener('click',event=>{if(!form.contains(event.target as Node))this.closeSearchDiscovery();});
+  }
+
+  private async download(){
+    const url=downloadUrl(this.config);if(!url)return;
+    const dialog=$<HTMLDialogElement>('#app-download-dialog');if(!dialog.open)dialog.showModal();
+    const qr=await createDownloadQr(url);
+    if(dialog.open&&downloadUrl(this.config)===url){const image=$<HTMLImageElement>('#app-platform-qr');image.src=qr;image.alt='91短剧 App 下载二维码';}
+  }
+  private createAccountMenu(){
+    const panel=document.createElement('div');panel.id='profile-popover';panel.hidden=true;panel.setAttribute('aria-label','账户菜单');document.body.append(panel);
+    const entry=$('#account-entry');entry.addEventListener('click',()=>{this.updateAccount();const rect=entry.getBoundingClientRect();panel.style.right=Math.max(12,innerWidth-rect.right)+'px';panel.style.top=rect.bottom+12+'px';panel.hidden=!panel.hidden;entry.setAttribute('aria-expanded',String(!panel.hidden));});
+    document.addEventListener('click',event=>{if(!entry.contains(event.target as Node)&&!panel.contains(event.target as Node)){panel.hidden=true;entry.setAttribute('aria-expanded','false');}});
+    window.addEventListener('scroll',()=>{panel.hidden=true;},{passive:true});
+    this.updateAccount();
+  }
+  private updateAccount(){
+    const user=this.api.user;const name=user?.nickName||user?.accountNo||'游客';
+    $('#account-entry strong').textContent=name;$('#account-status').textContent=user?(user.isRegister||user.type===1?'已登录':'游客账号'):'未登录';
+    const avatar=$<HTMLImageElement>('#account-entry img');void processImage(safeUrl(user?.avatar)||'/icon.svg',avatar,'img','/icon.svg');
+    $('.coin-value').textContent=user?String(user.recharge||0):'—';$('.coin-entry').setAttribute('aria-label',user?`金币余额 ${user.recharge||0}`:'金币余额，登录后查看');
+    const panel=document.getElementById('profile-popover');if(!panel)return;
+    panel.innerHTML=accountMenuMarkup(user);
+  }
+
+  private async loadDiscovery(){
+    try{
+      this.hot=await this.api.get('playlet/hot-like');
+      $('#popular-search-tags').innerHTML=(this.hot.hotSearch||[]).map((item,i)=>{const text=item.keyword||item.name||'';return `<a class="popular-search-tag popular-search-tag--${i%5}" href="${escape(searchPath(text))}">${escape(text)}</a>`;}).join('');
+    }catch{}
+  }
+  private closeSearchDiscovery(){this.searchSeq++;$('#search-discovery').hidden=true;$('#query').setAttribute('aria-expanded','false');}
+  private async searchDiscovery(){
+    const seq=++this.searchSeq;const query=$<HTMLInputElement>('#query').value.trim();const panel=$('#search-discovery');panel.hidden=false;
+    $('#query').setAttribute('aria-expanded','true');positionSearchDiscovery($('#search'),panel);
+    if(!Object.keys(this.hot).length)await this.loadDiscovery();
+    if(seq!==this.searchSeq||query!==$<HTMLInputElement>('#query').value.trim())return;
+    let history:string[]=[];try{history=JSON.parse(localStorage.getItem('91-search-history')||'[]');}catch{}
+    $('#search-history-tags').innerHTML=(Array.isArray(history)?history.filter(text=>typeof text==='string').slice(0,10):[]).map(text=>`<a href="${escape(searchPath(text))}">${escape(text)}</a>`).join('')||'<span class="search-discovery-status">暂无搜索记录</span>';
+    $('#search-picks-grid').innerHTML=searchPicksMarkup(this.hot.guessLike);
+    positionSearchDiscovery($('#search'),panel);
+    try{
+      const suggestions=query?await this.api.get<{list?:unknown[];suggestions?:unknown[]}>('playlet/search/suggest',{keyword:query}):null;
+      if(seq!==this.searchSeq||query!==$<HTMLInputElement>('#query').value.trim())return;
+      const list=suggestions?.list||suggestions?.suggestions||this.hot.hotSearch||[];
+      $('#search-suggestion-title').textContent=query?'搜索联想':'热搜榜';
+      $('#search-suggestion-list').innerHTML=searchSuggestionsMarkup(list,query);
+    }catch(error){if(seq===this.searchSeq)$('#search-suggestion-list').innerHTML=`<p class="search-discovery-status">${escape(error instanceof Error?error.message:'搜索建议加载失败')}</p>`;}
+    finally{if(seq===this.searchSeq)positionSearchDiscovery($('#search'),panel);}
+  }
+
+  private startFloatingTools(){
+    const tools=$('#page-tools');const visibility=()=>{const visible=window.scrollY>240;tools.classList.toggle('is-visible',visible);tools.inert=!visible;tools.setAttribute('aria-hidden',String(!visible));};
+    window.addEventListener('scroll',visibility,{passive:true});visibility();
+  }
+  private async loadFooter(){
+    try{
+      const data=await this.api.get<FooterInfoResponse>('config/footer/info');
+      const footer=data?.footerInfo;if(!footer)return;
+      this.footerContacts=recordList<FooterContact>(footer.contactList);this.refreshInfoContacts();
+      if(footer.brand?.content)$('.hg-footer-original-slogan').textContent=footer.brand.content;
+    }catch{}
+  }
+}
+
+export function startApplication(home:HomeData,homeLoaded=true,seo?:SeoBootstrap,page?:PageBootstrap,session?:PageBootstrap['session'],shared?:SiteSharedData){
+  if(window.__dramaApiApp)return;
+  const app=new Application(home,homeLoaded,seo,page,session,shared);window.__dramaApiApp=app;
+  void app.init().catch(error=>{app.notify(error instanceof Error?error.message:'页面初始化失败');});
+}
diff --git a/src/lib/client/apps.ts b/src/lib/client/apps.ts
new file mode 100644
index 0000000..9badcb7
--- /dev/null
+++ b/src/lib/client/apps.ts
@@ -0,0 +1,56 @@
+import type { AppCategory, AppData, AppItem } from '../api/types';
+import { recordList, safeUrl } from '../api/protocol';
+import type { ApiClient } from './api';
+import { empty, escape, imageAttributes } from './render';
+
+function appItems(value:unknown):AppItem[]{
+  return recordList<AppItem>(value).filter(item=>typeof item.name==='string'&&item.name.trim());
+}
+
+/** The initial response may include only the selected category's applications. */
+export async function loadAppCategories(api:Pick<ApiClient,'get'>,signal:AbortSignal):Promise<AppCategory[]>{
+  const data=await api.get<AppData>('applist/list',{categoryId:0},signal);
+  if(signal.aborted)return [];
+  const current=recordList<AppCategory>([data?.category])[0];
+  const categories=recordList<AppCategory>(data?.categoryList);
+  if(current&&!categories.some(category=>Number(category.id)===Number(current.id)))categories.push(current);
+  const seen=new Set<number>();
+  const ordered=categories.filter(category=>{
+    const id=Number(category.id);
+    if(!Number.isSafeInteger(id)||id<0||seen.has(id))return false;
+    seen.add(id);return true;
+  });
+  const results=await Promise.allSettled(ordered.map(async category=>{
+    const id=Number(category.id);
+    const isCurrent=current&&Number(current.id)===id&&Array.isArray(current.appList);
+    let detail=isCurrent?current:category;
+    // Empty lists in the category index may be defaults; verify their detail before hiding them.
+    if(!Array.isArray(detail.appList)||!isCurrent&&!appItems(detail.appList).length){
+      const response=await api.get<AppData>('applist/list',{categoryId:id},signal);
+      detail=recordList<AppCategory>([response?.category,...recordList<AppCategory>(response?.categoryList)]).find(item=>Number(item.id)===id&&Array.isArray(item.appList))||category;
+    }
+    return {...category,...detail,id,appList:appItems(detail.appList)};
+  }));
+  if(signal.aborted)return [];
+  const available=results.flatMap(result=>result.status==='fulfilled'&&result.value.appList.length?[result.value]:[]);
+  if(!available.length){const failure=results.find(result=>result.status==='rejected');if(failure?.status==='rejected')throw failure.reason;}
+  return available;
+}
+
+export function renderAppDirectory(categories:AppCategory[]):string{
+  const visible=categories.map(category=>({...category,appList:appItems(category.appList)})).filter(category=>category.appList.length);
+  if(!visible.length)return empty('暂无福利应用');
+  return `<div class="benefits-directory"><nav class="channel-tabs" aria-label="福利应用分类">${visible.map((category,index)=>`<button type="button" data-app-category="${category.id}" aria-controls="apps-${category.id}" aria-pressed="${index===0}">${escape(category.title)}</button>`).join('')}</nav>${visible.map(category=>`<section class="benefit-section" id="apps-${category.id}" aria-labelledby="apps-title-${category.id}"><header class="benefit-heading"><div><h2 id="apps-title-${category.id}">${escape(category.title)}</h2>${category.intro?`<p>${escape(category.intro)}</p>`:''}</div></header><div class="benefit-grid" style="--compact-app-columns:${Math.max(1,Math.ceil(Math.min(category.appList.length,20)/2))}">${category.appList.map(app=>`<a class="benefit-card" ${appTracking(app,category.id)} href="${escape(safeUrl(app.url)||'/apps/')}" target="_blank" rel="${safeUrl(app.url)?"sponsored nofollow noopener noreferrer":"noopener noreferrer"}"><span class="benefit-icon"><img ${imageAttributes(app.logo)} alt="${escape(app.name.trim())}应用图标" loading="lazy"></span><span class="benefit-copy"><strong>${escape(app.name)}</strong><small>${escape(app.intro||app.description)}</small></span></a>`).join('')}</div></section>`).join('')}</div>`;
+}
+
+function appTracking(app:AppItem,categoryId:number):string{
+  if(app.advitiseId)return `data-track-ad="external" data-ad-id="${escape(app.advitiseId)}" data-ad-clickable="${safeUrl(app.url)?1:0}" data-ad-slot-key="${escape(app.location||'apps_'+categoryId)}" data-ad-slot-name="福利应用" data-ad-type="icon"`;
+  return app.id?`data-track-item data-item-id="${escape(app.id)}" data-item-name="${escape(app.name)}" data-item-type="app" data-parent-item-id="${escape(categoryId)}"`:'';
+}
+
+export function scrollToAppCategory(root:HTMLElement,id:string){
+  if(!/^\d+$/.test(id))return;
+  const section=root.querySelector<HTMLElement>(`#apps-${id}`);if(!section)return;
+  root.querySelectorAll<HTMLButtonElement>('[data-app-category]').forEach(button=>button.setAttribute('aria-pressed',String(button.dataset.appCategory===id)));
+  section.scrollIntoView({behavior:window.matchMedia?.('(prefers-reduced-motion: reduce)').matches?'auto':'smooth',block:'start'});
+}
diff --git a/src/lib/client/auth.ts b/src/lib/client/auth.ts
new file mode 100644
index 0000000..b7caa9a
--- /dev/null
+++ b/src/lib/client/auth.ts
@@ -0,0 +1,53 @@
+// Only device and attribution values are persisted here. Credentials stay in the form/request.
+let volatileDevice = '';
+let firstChannel = '';
+let inviteCode = '';
+
+function stored(key: string) {
+  try { return localStorage.getItem(key)?.trim() || ''; } catch { return ''; }
+}
+function remember(key: string, value: string) {
+  try { localStorage.setItem(key, value); } catch {}
+}
+function cookie(name: string) {
+  try {
+    const value = document.cookie.split(';').map(item => item.trim()).find(item => item.startsWith(name + '='));
+    return value ? decodeURIComponent(value.slice(name.length + 1)) : '';
+  } catch { return ''; }
+}
+
+export function authMetadata() {
+  const validDevice = (value: string) => /^[a-zA-Z0-9_-]{1,100}$/.test(value) ? value : '';
+  const devID = validDevice(cookie('drama_device')) || validDevice(stored('uuid')) || volatileDevice ||
+    (volatileDevice = globalThis.crypto?.randomUUID?.() || Array.from({length:16}, () => Math.floor(Math.random()*16).toString(16)).join('') + Date.now());
+  remember('uuid', devID);
+  const params = new URLSearchParams(typeof location === 'undefined' ? '' : location.search);
+  firstChannel ||= cookie('drama_channel') || stored('channel') ||
+    (params.get('dc') || params.get('ch') || params.get('pc') || '').trim().slice(0,100);
+  if (firstChannel) remember('channel', firstChannel);
+  inviteCode ||= (params.get('inviteCode') || params.get('invite') || params.get('code') || '').trim().slice(0,100);
+  return {devID, deviceId:devID, channel:firstChannel, ...(inviteCode ? {agentInviteCode:inviteCode} : {})};
+}
+
+export function authFormPayload(mode: string, values: Record<string, FormDataEntryValue>): Record<string, string> {
+  const account = String(values.account || '').trim();
+  const password = String(values.password || '');
+  if (mode === 'register') {
+    if (!/^[A-Za-z0-9]{6,20}$/.test(account)) throw new Error('账号需为 6 到 20 位字母或数字');
+    if (password.length < 8 || password.length > 64 || !/[A-Za-z]/.test(password) || !/[0-9]/.test(password)) throw new Error('密码需为 8–64 位，且同时包含字母与数字');
+    if (password !== values.passwordConfirm) throw new Error('两次输入的密码不一致');
+    if (!values.agree) throw new Error('请先同意用户协议与隐私政策');
+    return {accountNo:account, password};
+  }
+  if (mode === 'resetPassword') {
+    const email = String(values.email || '').trim();
+    if (!account || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) throw new Error('请填写账号和有效的绑定邮箱');
+    if (password.length < 8 || password.length > 64 || !/[A-Za-z]/.test(password) || !/[0-9]/.test(password)) throw new Error('密码需为 8–64 位，且同时包含字母与数字');
+    if (password !== values.passwordConfirm) throw new Error('两次输入的密码不一致');
+    return {accountNo:account, email, newPassword:password};
+  }
+  // Accept legacy 4-character passwords and the longer accounts/passwords accepted by binding.
+  if (!(account.includes('@') ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(account) : account.length >= 4 && account.length <= 20)) throw new Error('请输入 4–20 位账号或有效邮箱');
+  if (password.length < 4 || password.length > 64) throw new Error('密码需为 4–64 位');
+  return {account, password};
+}
diff --git a/src/lib/client/channel.ts b/src/lib/client/channel.ts
new file mode 100644
index 0000000..3ea1933
--- /dev/null
+++ b/src/lib/client/channel.ts
@@ -0,0 +1,97 @@
+import type { Drama, HomeBlock, HomeData, PageData, Topic } from '../api/types';
+import type { ApiClient } from './api';
+import { recordList } from '../api/protocol';
+import { contentPath, contentQuery, contentSegment, getRankPage, matchesContentKey, paginationPath, RANK_PAGES, type SiteRoute } from '../routing';
+import { card, empty, escape, pagination, topicCard } from './render';
+
+const labels:Record<string,string>={shorts:'短剧',topics:'专题推荐',theme:'题材短剧',tag:'标签短剧',config:'更多好剧',rank:'热播榜'};
+const shortsSortNames=['最新更新','当前热播','独家原创','随机推荐'];
+function channelSort(route:SiteRoute,search:string):number {
+  const value=Number(new URLSearchParams(search).get('sort')||1);
+  return (route.key==='shorts'?[1,2,3,4]:[1,2,3]).includes(value)?value:1;
+}
+
+export function rankNavigation(slug='hot'):string {
+  return `<nav class="channel-tabs rank-tabs" aria-label="排行榜">${RANK_PAGES.map(item=>`<a href="${item.path}"${item.slug===slug?' aria-current="page"':''}>${item.title}</a>`).join('')}</nav>`;
+}
+
+export function channelRequest(route:SiteRoute,search=''):{endpoint:string;query:Record<string,string|number>} {
+  const sort=channelSort(route,search);
+  const query:Record<string,string|number>={pageNum:route.page||1,pageSize:24};
+  let endpoint='';
+  if(route.key==='shorts'){endpoint='playlet/all/list';query.sortType=sort;}
+  if(route.key==='rank'){endpoint='playlet/hot/rank/list';query.rankType=getRankPage(route.value)!.rankType;}
+  if(route.key==='topics'){endpoint=route.value?'playlet/topic/detail':'playlet/topic/list';}
+  // The service exposes the same theme IDs through its paginated topic detail endpoint.
+  if(route.key==='theme')endpoint='playlet/topic/detail';
+  if(endpoint==='playlet/topic/detail'){
+    const identity=contentQuery(route.value!);
+    if(!identity.id)throw new Error('专题 slug 需要先解析为 ID');
+    query.id=identity.id;
+  }
+  if(route.key==='tag'){endpoint='playlet/tag/list';Object.assign(query,contentQuery(route.value!,'tagId','tagSlug'));query.sortType=sort;}
+  if(route.key==='config'){endpoint='playlet/home';return {endpoint,query:{}};}
+  if(!endpoint)throw new Error('该页面不存在');
+  return {endpoint,query};
+}
+
+/** Keep server rendering and browser navigation on the same documented contracts. */
+export async function loadChannel(api:Pick<ApiClient,'get'>,route:SiteRoute,search='',signal?:AbortSignal):Promise<PageData<unknown>> {
+  let topic:Topic|undefined;
+  if((route.key==='theme'||route.key==='topics'&&route.value)&&contentQuery(route.value!).slug){
+    // topic/detail accepts only an ID. Resolve its slug through the complete topic directory.
+    const seen=new Set<number>();
+    for(let page=1;!topic;page++){
+      const data=await api.get<PageData<Topic>>('playlet/topic/list',{pageNum:page,pageSize:50},signal);
+      if(!Array.isArray(data.list))throw new Error('专题目录暂不可用');
+      const list=recordList<Topic>(data.list);
+      topic=list.find(item=>Number.isSafeInteger(item.id)&&item.id>0&&matchesContentKey(item,route.value!));
+      if(topic)break;
+      const before=seen.size;for(const item of list)if(Number.isSafeInteger(item.id)&&item.id>0)seen.add(item.id);
+      if(!list.length||Number.isSafeInteger(data.totalCount)&&data.totalCount!>=0&&seen.size>=data.totalCount!)return {missing:true};
+      if(seen.size===before)throw new Error('专题目录分页异常');
+    }
+  }
+  const {endpoint,query}=channelRequest(topic?{...route,value:String(topic.id)}:route,search);
+  if(route.key!=='config'){
+    const data=await api.get<PageData<unknown>>(endpoint,query,signal);
+    if(route.key==='theme'||route.key==='topics'&&route.value){
+      const expected=topic?.id??Number(route.value);
+      if(data.id!==undefined&&data.id!==expected||data.topicInfo?.id!==undefined&&data.topicInfo.id!==expected)return {missing:true};
+      return {...data,id:expected,slug:data.topicInfo?.slug||data.slug||topic?.slug};
+    }
+    return data;
+  }
+  // No paginated home-config endpoint exists in this API. Render only this block's real items.
+  const home=await api.get<HomeData>(endpoint,query,signal);
+  const block=recordList<HomeBlock>(home?.homeConfigData).find(item=>matchesContentKey(item,route.value!)&&item.status&&[1,3].includes(item.type));
+  if(!block)return {list:[],totalCount:0,missing:true};
+  const count=recordList(block.type===3?block.themeList:block.list).length;
+  return {...block,list:(route.page||1)>1?[]:recordList(block.list),themeList:(route.page||1)>1?[]:recordList(block.themeList),totalCount:count,pageNum:route.page||1,pageSize:24};
+}
+
+/** Shared by the initial server response and client-side page navigation. */
+export function channelView(route:SiteRoute,data:PageData<unknown>,path:string) {
+  const ranking=route.key==='rank'?getRankPage(route.value):undefined;
+  const sort=channelSort(route,new URL(path,'https://site.invalid').search);
+  const title=ranking?.title||(typeof data.name==='string'?data.name:'')||(typeof data.topicInfo?.name==='string'?data.topicInfo.name:'')||labels[route.key]||'内容列表';
+  const subtitle=typeof data.desc==='string'?data.desc:typeof data.topicInfo?.desc==='string'?data.topicInfo.desc:'';
+  const total=typeof data.totalCount==='number'&&Number.isFinite(data.totalCount)?Math.max(0,data.totalCount):0;
+  const identity={id:Number(data.topicInfo?.id??data.id??route.value),slug:data.topicInfo?.slug||data.slug};
+  const pagePath=route.value&&['topics','theme','tag','config'].includes(route.key)&&contentSegment(identity)?contentPath(route.key==='theme'?'topics':route.key as 'topics'|'tag'|'config',identity)+new URL(path,'https://site.invalid').search:path;
+  const page=route.page||1,href=(page:number)=>paginationPath(pagePath,page);
+  let tabs=ranking?rankNavigation(ranking.slug):'';
+  if(!ranking&&route.key==='shorts'){
+    tabs=`<div class="channel-tabs" aria-label="页面分类">${shortsSortNames.map((name,index)=>`<button type="button" data-sort="${index+1}" aria-pressed="${sort===index+1}">${name}</button>`).join('')}</div>`;
+  }
+  let content:string;
+  if(route.key==='topics'&&!route.value){
+    content=`<div class="topic-recommendation-grid channel-topic-grid">${recordList<Topic>(data.list).map(item=>topicCard(item,false,2)).join('')||empty('暂无专题')}</div>`;
+  }else if(route.key==='config'&&data.type===3){
+    content=`<div class="topic-recommendation-grid">${recordList<Topic>(data.themeList).map(item=>topicCard(item,true,2)).join('')||empty()}</div>`;
+  }else{
+    const summary=ranking?`<div class="channel-summary"><span>${ranking.title}</span><span>共 ${total} 部作品</span></div>`:'';
+    content=tabs+summary+`<div class="cards${ranking?' channel-ranking-cards':''}">${recordList<Drama>(data.list).map((item,index)=>card(item,false,{headingLevel:2,...(ranking?{rank:(page-1)*24+index+1}:{})})).join('')||empty(typeof data.message==='string'?data.message:undefined)}</div>`;
+  }
+  return {title,subtitle,html:content+pagination(total,page,href,route.key==='config'?Math.max(24,total):24)};
+}
diff --git a/src/lib/client/config.ts b/src/lib/client/config.ts
new file mode 100644
index 0000000..35e0e81
--- /dev/null
+++ b/src/lib/client/config.ts
@@ -0,0 +1,73 @@
+import { recordList, safeUrl } from "../api/protocol";
+import type { Config } from "../api/types";
+import { escape } from "./render";
+import { downloadUrl } from "../app-download";
+import { configureDownloadLinks } from "./download";
+
+export { downloadUrl };
+export function configureSite(config: Config) {
+  const settings = {...config.newAddressInfo,...config.config};
+  const download = downloadUrl(config);
+  configureDownloadLinks(config);
+  const input = document.querySelector<HTMLInputElement>("#app-platform-link");
+  if(input)input.value=download;
+  document.querySelector(".app-download-demo")?.remove();
+  const caption=document.getElementById("app-platform-caption");if(caption)caption.textContent=download?"扫码下载安装 91短剧 App":"暂未配置 App 下载地址";
+  const channels: Record<string,unknown> = {"官方推特":settings.twitterAddr,"官方TG群":settings.tgGroup,"官方联系":settings.telegram,"Telegram":settings.telegram,"官方社群":settings.tgGroup,"X":settings.twitterAddr};
+  document.querySelectorAll<HTMLAnchorElement>('a[target="_blank"]:not([data-track-ad])').forEach(link=>{
+    const label=link.getAttribute('aria-label')||link.textContent||"";
+    for(const [key,url] of Object.entries(channels))if(label.includes(key)&&safeUrl(url)){link.href=safeUrl(url);link.rel='sponsored nofollow noopener noreferrer';if(label.startsWith('官方联系：'))link.textContent='官方联系：'+safeUrl(url);break;}
+  });
+}
+
+export function homeRoad(config: Config, pageUrl = '/home-road/'): string {
+  const values={...config.newAddressInfo,...config.config};
+  const icons={rocket:'3651a2618990bf95',link:'ba17d56edfb047e2',shield:'d001d1cc6c2f0ce6',help:'d59d2d7390d88f08',devices:'d4ebee2aa88ba9a2',iphone:'a0c6451fadcb7738',android:'8b1153736cc5dca1',desktop:'11bae9823678ebdc',email:'2a8580c42090f36c',tg:'9a5b6e9db9de76b8',contact:'228a0af1662081ac',twitter:'72f702ca215f597d'};
+  type Icon=keyof typeof icons;
+  const iconLabels:Record<Icon,string>={rocket:'备用访问地址',link:'永久访问入口',shield:'官方联系',help:'访问帮助',devices:'App 下载与设备',iphone:'iPhone 设备',android:'Android 设备',desktop:'电脑设备',email:'联系邮箱',tg:'Telegram 官方交流群',contact:'官方联系',twitter:'X 官方社区'};
+  const icon=(key:Icon,size=30)=>`<img${size===30?' class="return-section-icon"':''} src="/assets/${icons[key]}.svg" width="${size}" height="${size}" alt="${iconLabels[key]}图标" aria-hidden="true">`;
+  const heading=(title:string,key?:Icon,note='')=>`<div class="return-section-head">${key?icon(key):''}<h2>${title}</h2>${note?`<span>${note}</span>`:''}</div>`;
+  const external=(url:string,label:string)=>`<a href="${escape(url)}" target="_blank" rel="sponsored nofollow noopener noreferrer">${escape(label)} <span aria-hidden="true">↗</span></a>`;
+  const copy=(value:string,label='复制地址')=>`<button type="button" data-road-copy="${escape(value)}">${label}</button>`;
+  const display=(url:string)=>{const parsed=new URL(url);return parsed.host+(parsed.pathname==='/'?'':parsed.pathname.replace(/\/$/,''));};
+  const configured=[values.newUrlAddr,values.newUrlAddr1,values.newUrlAddr2].map(value=>safeUrl(value)).filter(Boolean);
+  const navigation=recordList<{line?:number;url?:unknown}>(config.navPageList).sort((a,b)=>(a.line||0)-(b.line||0)).map(item=>safeUrl(item.url)).filter(Boolean);
+  const backups=[...new Set(configured.length?configured:navigation)].slice(0,3);
+  const forever=safeUrl(values.foreverUrlAddr),primary=backups[0]||forever;
+  const permanent=[['永久入口',forever],['主站入口',primary],['备用中转',backups[1]]].filter((row,index,rows)=>row[1]&&rows.findIndex(other=>other[1]===row[1])===index);
+  const contacts:string[]=[];
+  const contact=(key:Icon,title:string,description:string,url:string,app=false)=>`<a class="return-contact-card" href="${escape(url)}" target="_blank" rel="sponsored nofollow noopener noreferrer"${app?' data-app-download data-app-download-entry':''}><span class="return-contact-icon">${icon(key,28)}</span><span><strong>${title}</strong><small>${description}</small></span><span class="return-contact-arrow" aria-hidden="true">↗</span></a>`;
+  const email=[values.emailAddr,values.email].find(value=>typeof value==='string'&&/^[^\s@<>"']+@[^\s@<>"']+\.[^\s@<>"']+$/.test(value.trim()));
+  if(typeof email==='string')contacts.push(`<button type="button" class="return-contact-card" data-road-copy="${escape(email.trim())}"><span class="return-contact-icon">${icon('email',28)}</span><span><strong>联系邮箱</strong><small>复制邮箱地址</small></span><span class="return-contact-arrow" aria-hidden="true">↗</span></button>`);
+  const channels:[Icon,string,string,unknown][]=[['tg','官方交流群','查看更新与入口通知',values.tgGroup],['contact','官方联系','联系官方团队',values.telegram],['twitter','X 社区','关注公告与动态',values.twitterAddr]];
+  for(const [key,title,description,value] of channels){const url=safeUrl(value);if(url)contacts.push(contact(key,title,description,url));}
+  const app=downloadUrl(config);if(app)contacts.push(contact('devices','App 下载','下载客户端，随时追剧',app,true));
+  return `<div class="return-home-directory">
+    <section class="return-hero"><div class="return-hero-copy"><span class="return-eyebrow">保存入口 · 随时回来</span><h2>把回家的路，留在身边</h2><p>收藏常用入口，访问不畅时换一条路线。</p></div><div class="return-actions">${primary?external(primary,'进入主站'):''}${copy(safeUrl(pageUrl)||'/home-road/','复制本页地址')}</div></section>
+    <section class="return-section">${heading('备用访问地址','rocket',`${backups.length} 条备用入口`)}${backups.length?`<div class="return-address-grid">${backups.map((url,index)=>`<article class="return-address-card"><span class="return-card-label">备用地址 ${String(index+1).padStart(2,'0')}</span><strong>${escape(display(url))}</strong><div class="return-card-actions">${external(url,'立即访问')}${copy(url)}</div></article>`).join('')}</div>`:'<p class="return-source-note">暂未配置备用访问地址</p>'}</section>
+    <section class="return-section">${heading('永久访问入口','link','建议收藏')}${permanent.length?`<div class="return-permanent">${permanent.map(([label,url])=>`<div class="return-permanent-row"><span>${label}</span>${external(url,display(url))}${copy(url)}</div>`).join('')}</div>`:'<p class="return-source-note">暂未配置永久访问入口</p>'}</section>
+    <section class="return-section">${heading('保持联系','shield')}${contacts.length?`<div class="return-contact-grid">${contacts.join('')}</div>`:'<p class="return-source-note">暂未配置官方联系方式</p>'}</section>
+    <section class="return-section">${heading('遇到访问问题？','help')}<div class="return-help-grid">${[['01','页面打不开','刷新页面或切换网络，再试其他入口。'],['02','跳转不正常','核对域名拼写，从已保存的入口重新打开。'],['03','地址已失效','查看本页或社区发布的地址更新。']].map(([number,title,description])=>`<article><span>${number}</span><h3>${title}</h3><p>${description}</p></article>`).join('')}</div></section>
+    <section class="return-section">${heading('保存到你的设备','devices')}<div class="return-help-grid">${([['iphone','iPhone 用户','在 Safari 中打开，通过分享菜单添加书签。'],['android','Android 用户','在浏览器菜单中选择收藏或添加书签。'],['desktop','电脑 / 桌面端','使用 Ctrl+D；Mac 使用 Command+D 保存书签。']] as [Icon,string,string][]).map(([key,title,description])=>`<article><h3 class="return-device-heading">${icon(key,28)}${title}</h3><p>${description}</p></article>`).join('')}</div></section>
+    <section class="return-section return-faq">${heading('常见问题')}<details><summary>应该保存哪个地址？</summary><p>收藏本页，并额外保留一个备用入口。</p></details><details><summary>复制地址后怎么保存？</summary><p>粘贴到备忘录，或在浏览器中打开后添加书签。</p></details><details><summary>备用地址也打不开怎么办？</summary><p>更换网络后重试，也可通过社区查看新发布的入口。</p></details></section>
+    <div id="road-copy-status" class="return-copy-status" role="status" aria-live="polite"></div>
+  </div>`;
+}
+
+export async function copyRoadAddress(button:HTMLElement){
+  const value=button.dataset.roadCopy;if(!value)return;
+  const text=value.startsWith('/')?new URL(value,location.origin).href:value;
+  let copied=false;
+  try{await navigator.clipboard.writeText(text);copied=true;}
+  catch{
+    const input=document.createElement('textarea');input.value=text;input.style.cssText='position:fixed;left:-9999px;top:0';document.body.append(input);input.select();
+    try{copied=document.execCommand('copy');}catch{}
+    input.remove();if(button.isConnected)button.focus({preventScroll:true});
+  }
+  const status=document.getElementById('road-copy-status');
+  if(status)status.textContent=copied?'地址已复制':`请手动复制：${text}`;
+  if(copied&&button.isConnected&&!button.classList.contains('return-contact-card')){
+    const label=button.dataset.roadCopyLabel??button.textContent??'';button.dataset.roadCopyLabel=label;button.textContent='已复制';
+    setTimeout(()=>{if(button.isConnected)button.textContent=label;},1800);
+  }
+}
diff --git a/src/lib/client/context.ts b/src/lib/client/context.ts
new file mode 100644
index 0000000..dd053b8
--- /dev/null
+++ b/src/lib/client/context.ts
@@ -0,0 +1,16 @@
+import type { ApiClient } from "./api";
+import type { Config, HomeData } from "../api/types";
+import type { SeoContent } from '../seo';
+
+export interface SiteContext {
+  api: ApiClient;
+  home: HomeData;
+  config: Config;
+  signal: AbortSignal;
+  notify(message: string): void;
+  current(): boolean;
+  route(): Promise<void>;
+  navigate(path: string): void;
+  openAuth(mode?: string): void;
+  updateSeo?(content:SeoContent):void;
+}
diff --git a/src/lib/client/detail.ts b/src/lib/client/detail.ts
new file mode 100644
index 0000000..5aa2dee
--- /dev/null
+++ b/src/lib/client/detail.ts
@@ -0,0 +1,78 @@
+import { contentPath } from '../routing';
+import type { Chapter, Config, DramaDetail } from "../api/types";
+import { formatCount, recordList, safeUrl } from "../api/protocol";
+import { escape, imageAttributes, title } from "./render";
+
+// Original HTML action icons, kept as SVG paths so active colors follow the stylesheet.
+const actionPaths = {
+  "save": "M857.6 327.68l-104.494545-34.210909a178.036364 178.036364 0 0 1-90.763637-66.56l-64-89.367273a104.96 104.96 0 0 0-23.272727-23.272727 106.123636 106.123636 0 0 0-148.48 23.272727l-64.930909 89.367273a179.665455 179.665455 0 0 1-90.763637 66.792727l-104.494545 33.978182a106.821818 106.821818 0 0 0-53.061818 162.909091l93.090909 128.930909a35.84 35.84 0 0 1 6.981818 21.643636v158.952728a109.381818 109.381818 0 0 0 5.12 33.512727 105.658182 105.658182 0 0 0 133.818182 67.956364l128-39.33091a107.985455 107.985455 0 0 1 64.232727 0l127.534546 39.33091a106.123636 106.123636 0 0 0 139.636363-101.469091v-158.254546a35.84 35.84 0 0 1 6.981818-21.643636l93.09091-128.930909a104.494545 104.494545 0 0 0 15.127272-29.556364 106.821818 106.821818 0 0 0-69.352727-134.050909z m-192 83.549091a34.909091 34.909091 0 0 1-48.174545 10.938182l-46.545455-29.090909a34.909091 34.909091 0 0 1 37.003636-59.112728l46.545455 29.090909a34.909091 34.909091 0 0 1 11.170909 48.174546z",
+  "like": "M855.738182 198.283636A252.043636 252.043636 0 0 0 670.254545 116.363636a225.28 225.28 0 0 0-160.814545 63.069091 248.32 248.32 0 0 0-152.901818-53.294545A251.578182 251.578182 0 0 0 171.287273 209.454545 287.883636 287.883636 0 0 0 162.909091 588.567273l256 275.083636a122.181818 122.181818 0 0 0 90.065454 39.563636 121.716364 121.716364 0 0 0 89.832728-39.563636l256-272.989091 2.792727-3.723636a290.443636 290.443636 0 0 0-1.861818-388.654546z",
+  "share": "M910.661818 117.992727a114.734545 114.734545 0 0 0-113.803636-16.756363L134.050909 363.752727a138.472727 138.472727 0 0 0-15.592727 250.181818l97.978182 54.225455 1.861818 162.909091a87.272727 87.272727 0 0 0 137.309091 69.818182L482.210909 814.545455l180.363636 99.374545a138.472727 138.472727 0 0 0 203.869091-101.236364L954.181818 224.814545a113.803636 113.803636 0 0 0-43.52-106.821818z",
+  "feedback": "M505.949091 38.4a465.454545 465.454545 0 1 0 465.454545 465.454545 465.454545 465.454545 0 0 0-465.454545-465.454545z m0 721.454545a46.545455 46.545455 0 1 1 46.545454-46.545454 46.545455 46.545455 0 0 1-46.545454 46.545454z m43.287273-188.276363a11.636364 11.636364 0 0 0-8.378182 11.170909v25.832727a34.909091 34.909091 0 0 1-69.818182 0V581.818182a81.454545 81.454545 0 0 1 58.88-78.196364 87.04 87.04 0 0 0 60.741818-102.865454A86.807273 86.807273 0 0 0 433.803636 372.363636a90.298182 90.298182 0 0 0-11.403636 24.436364 34.909091 34.909091 0 0 1-67.025455-19.549091 162.909091 162.909091 0 0 1 20.712728-43.985454 156.625455 156.625455 0 1 1 173.149091 238.312727z",
+  "phone": "M756.363636 69.818182h-488.727272A128.232727 128.232727 0 0 0 139.636364 197.818182v628.363636a128.232727 128.232727 0 0 0 128 128h488.727272a128 128 0 0 0 128-128v-628.363636A128 128 0 0 0 756.363636 69.818182z m-139.636363 698.181818h-209.454546a34.909091 34.909091 0 0 1 0-69.818182h209.454546a34.909091 34.909091 0 0 1 0 69.818182z"
+} as const;
+
+export function detailActionIcon(kind: keyof typeof actionPaths): string {
+  return `<svg class="play-action-icon" viewBox="0 0 1024 1024" aria-hidden="true"><path d="${actionPaths[kind]}"/></svg>`;
+}
+
+export function overviewMarkup(drama: DramaDetail, first: Chapter | undefined, actions: string): string {
+  const genres = (Array.isArray(drama.tagNames) ? drama.tagNames : Array.isArray(drama.themeNames) ? drama.themeNames : []).filter(tag => typeof tag === 'string');
+  const badge = drama.isFeatured ? '<span class="series-badge series-badge--hot">爆剧</span>' : drama.isNew ? '<span class="series-badge series-badge--new">新剧</span>' : '';
+  return `<div class="series-overview">
+    <img class="series-poster" ${imageAttributes(drama.cover || drama.coverImg)} width="640" height="914" alt="${escape(title(drama))}封面">
+    <div class="series-info">
+      <div class="series-title-row"><h1 id="play-detail-title">${escape(title(drama))}</h1><span class="series-heat"><img class="series-heat-icon" src="/assets/9df0afe903e8d542.svg" width="16" height="16" alt="剧集热度图标" aria-hidden="true">${formatCount(drama.heatValue)}热度</span></div>
+      <div class="series-tags" aria-label="剧集标签">${badge}<span class="series-stat" data-engage-count="collect" aria-live="polite">${formatCount(drama.countCollect)}收藏</span><span class="series-stat" data-engage-count="like" aria-live="polite">${formatCount(drama.countLike)}点赞</span></div>
+      ${genres.length ? `<p class="series-genres">${escape(genres.join(' · '))}</p>` : ''}
+      <div class="series-description-wrap"><p class="series-description" id="series-description-text">${escape(drama.desc || drama.description)}</p><button class="series-description-toggle" type="button" aria-expanded="false" aria-controls="series-description-text" hidden>展开</button></div>
+      <div class="series-action-bar"><div class="series-actions">
+        ${first ? `<a class="primary detail-play" href="${contentPath('play',drama,first.id)}"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M8 5v14l11-7z"/></svg><span>立即播放</span></a>` : '<span class="series-unavailable">暂无可用剧集</span>'}
+        <a class="series-download" data-app-download-entry data-app-download target="_blank" rel="sponsored nofollow noopener noreferrer" hidden><svg class="series-download-phone" viewBox="0 0 24 24" aria-hidden="true"><rect x="6" y="2" width="12" height="20" rx="3"/><path d="M10 5h4M11 19h2"/></svg><span>下载 App</span></a>
+      </div>${actions}</div>
+    </div>
+  </div>`;
+}
+
+export function officialLinks(config: Config): string {
+  const settings = {...config.newAddressInfo,...config.config};
+  const primary = safeUrl(settings.newUrlAddr) || recordList<{url?:unknown}>(config.navPageList).map(item => safeUrl(item.url)).find(Boolean) || '';
+  const permanent = safeUrl(settings.foreverUrlAddr);
+  const group = safeUrl(settings.tgGroup);
+  const contact = safeUrl(settings.telegram);
+  const external = (url: string, label = url) => `<a href="${escape(url)}" target="_blank" rel="sponsored nofollow noopener noreferrer">${escape(label)}</a>`;
+  return `<section class="play-official" aria-label="官方链接">
+    ${primary ? `<div class="play-official-line play-official-inline"><span>官方入口：</span>${external(primary)}</div>` : ''}
+    ${permanent ? `<div class="play-official-line play-official-inline"><span>永久地址：</span>${external(permanent)}</div>` : ''}
+    ${group ? `<div class="play-official-line">${external(group,'点击加入91短剧官方 Telegram 群')}</div>` : ''}
+    <div class="play-official-line play-official-inline"><span>官方客服：</span>${contact ? external(contact,'立即联系') : '<a href="/info/feedback/">立即联系</a>'}</div>
+  </section>`;
+}
+
+export function bindSeriesDescription(root: HTMLElement, signal: AbortSignal): () => void {
+  const text = root.querySelector<HTMLElement>('#series-description-text');
+  const toggle = root.querySelector<HTMLButtonElement>('.series-description-toggle');
+  if (!text || !toggle) return () => {};
+  const update = () => {
+    if (signal.aborted || !text.clientWidth) return;
+    const lineHeight = Number.parseFloat(getComputedStyle(text).lineHeight) || 26.6;
+    const overflow = text.scrollHeight > lineHeight*3 + 1;
+    toggle.hidden = !overflow;
+    if (!overflow) {
+      text.classList.remove('is-expanded');
+      toggle.setAttribute('aria-expanded','false');toggle.textContent = '展开';
+    }
+  };
+  toggle.addEventListener('click',() => {
+    const expanded = toggle.getAttribute('aria-expanded') !== 'true';
+    text.classList.toggle('is-expanded',expanded);
+    toggle.setAttribute('aria-expanded',String(expanded));toggle.textContent = expanded ? '收起' : '展开';
+  },{signal});
+  const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(update);
+  observer?.observe(text);
+  if (!observer) window.addEventListener('resize',update,{signal});
+  const dispose = () => observer?.disconnect();
+  signal.addEventListener('abort',dispose,{once:true});
+  update();
+  return dispose;
+}
diff --git a/src/lib/client/download.ts b/src/lib/client/download.ts
new file mode 100644
index 0000000..08eaca4
--- /dev/null
+++ b/src/lib/client/download.ts
@@ -0,0 +1,22 @@
+import type { Config } from '../api/types';
+import { downloadUrl } from '../app-download';
+
+export function configureDownloadLinks(config: Config, root: ParentNode = document) {
+  const url = downloadUrl(config);
+  root.querySelectorAll<HTMLElement>('[data-app-download-entry]').forEach(entry => {entry.hidden = !url;});
+  root.querySelectorAll<HTMLAnchorElement>('a[data-app-download]').forEach(link => {
+    if (url) {link.href = url;link.rel = 'sponsored nofollow noopener noreferrer';} else link.removeAttribute('href');
+  });
+}
+
+type DownloadClick = Pick<MouseEvent, 'defaultPrevented' | 'button' | 'metaKey' | 'ctrlKey' | 'shiftKey' | 'altKey'>;
+
+export function shouldUseDownloadDialog(event: DownloadClick, userAgent = navigator.userAgent, touchPoints = navigator.maxTouchPoints): boolean {
+  if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return false;
+  return /Android|iPhone|iPad|iPod|Mobile|HarmonyOS|OpenHarmony/i.test(userAgent) || /Macintosh/i.test(userAgent) && touchPoints > 1;
+}
+
+export async function createDownloadQr(url: string): Promise<string> {
+  const {default: QRCode} = await import('qrcode');
+  return QRCode.toDataURL(url, {width: 192, margin: 2});
+}
diff --git a/src/lib/client/feedback.ts b/src/lib/client/feedback.ts
new file mode 100644
index 0000000..fb89d58
--- /dev/null
+++ b/src/lib/client/feedback.ts
@@ -0,0 +1,274 @@
+import type { SiteContext } from "./context";
+import { escape } from "./render";
+
+export function feedbackPayload(data:FormData,screenshots:string[]=[]) {
+  const value=(key:string)=>String(data.get(key)||'').trim();
+  const description=value('content');
+  if(description.length<10||description.length>500)throw new Error('请填写 10–500 字的问题描述');
+  const labels:Record<string,string>={category:'问题类型',frequency:'发生频率',province:'所在地区',city:'城市',carrier:'运营商',network:'网络类型',device:'设备类型',model:'设备型号',version:'App 版本'};
+  const details=Object.entries(labels).filter(([key])=>value(key)).map(([key,label])=>`${label}：${value(key)}`).join('\n');
+  const category=value('category');
+  const type=category==='登录异常'?4:category==='其他问题'?5:2;
+  const remaining=500-description.length;
+  const context=remaining>2&&details?'\n\n'+details.slice(0,remaining-2):'';
+  return {type,content:description+context,contact:value('contact'),screenshots};
+}
+
+export function renderFeedbackPage(app:SiteContext,preserveMarkup=false) {
+  const root=document.getElementById('info-content')!;if(!preserveMarkup)root.innerHTML=feedbackMarkup();
+  const form=root.querySelector<HTMLFormElement>('#feedback-form')!,signal=app.signal;
+  const input=form.querySelector<HTMLInputElement>('#feedback-files')!,list=form.querySelector('#feedback-file-list')!,error=form.querySelector('#feedback-file-error')!,status=form.querySelector('#feedback-status')!;
+  let files:File[]=[],previews:string[]=[];
+  const uploaded=new Map<File,string>();
+  const clearPreviews=()=>{previews.forEach(url=>URL.revokeObjectURL(url));previews=[];};
+  const renderFiles=()=>{
+    clearPreviews();
+    list.innerHTML=files.map((file,index)=>{const url=URL.createObjectURL(file);previews.push(url);return `<div class="feedback-attachment"><img src="${url}" alt="${escape(file.name || "反馈图片")}预览"><span>${escape(file.name)}</span><button type="button" data-remove-feedback-file="${index}" aria-label="移除${escape(file.name)}">×</button></div>`;}).join('');
+  };
+  signal.addEventListener('abort',clearPreviews,{once:true});
+  input.addEventListener('change',()=>{
+    if(form.dataset.submitting)return;
+    const selected=Array.from(input.files||[]);
+    const invalid=selected.length>3?'最多上传 3 张图片':selected.some(file=>file.size>5*1024*1024||!['image/jpeg','image/png','image/webp'].includes(file.type))?'请上传 5MB 以内的 JPG、PNG 或 WebP 图片':'';
+    error.textContent=invalid;
+    if(invalid){input.value='';return;}
+    files=selected;renderFiles();
+  },{signal});
+  list.addEventListener('click',event=>{
+    const button=(event.target as Element).closest<HTMLElement>('[data-remove-feedback-file]');if(!button||form.dataset.submitting)return;
+    files.splice(Number(button.dataset.removeFeedbackFile),1);input.value='';renderFiles();
+  },{signal});
+  const content=form.querySelector<HTMLTextAreaElement>('[name="content"]')!;
+  content.addEventListener('input',()=>{form.querySelector('#feedback-count')!.textContent=content.value.length+' / 500';},{signal});
+  form.addEventListener('submit',event=>{
+    event.preventDefault();if(form.dataset.submitting||!form.reportValidity())return;
+    const data=new FormData(form),attachments=[...files];
+    try{feedbackPayload(data);}catch(reason){status.textContent=reason instanceof Error?reason.message:'请检查反馈内容';return;}
+    const button=form.querySelector<HTMLButtonElement>('[type="submit"]')!;
+    button.disabled=true;input.disabled=true;form.dataset.submitting='1';status.textContent='提交中…';
+    void (async()=>{
+      const screenshots:string[]=[];
+      for(const file of attachments){
+        if(signal.aborted)return;
+        let path=uploaded.get(file);
+        if(!path){const body=new FormData();body.append('file',file);body.append('watermark','0');const result=await app.api.post<{sourceNameFs?:string}>('upload/image',body);if(!result.sourceNameFs)throw new Error('图片上传失败，请重试');path=result.sourceNameFs;uploaded.set(file,path);}
+        screenshots.push(path);
+      }
+      if(signal.aborted)return;
+      await app.api.post('feedback/add',feedbackPayload(data,screenshots));
+      if(signal.aborted)return;
+      form.reset();files=[];uploaded.clear();renderFiles();error.textContent='';form.querySelector('#feedback-count')!.textContent='0 / 500';status.textContent='反馈已提交，感谢您的反馈！';
+    })().catch(reason=>{if(!signal.aborted)status.textContent=reason instanceof Error?reason.message:'反馈提交失败，请重试';}).finally(()=>{button.disabled=false;input.disabled=false;delete form.dataset.submitting;});
+  },{signal});
+}
+
+export const feedbackMarkup=()=>`<form id="feedback-form" class="feedback-form feedback-reference">
+<fieldset class="feedback-part">
+<legend>问题类型 <em>*</em>
+</legend>
+<div class="feedback-options">
+<label class="feedback-option">
+<input type="radio" name="category" value="播放卡顿 / 缓冲" required>
+<span>播放卡顿 / 缓冲</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="category" value="无法播放" required>
+<span>无法播放</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="category" value="画质模糊" required>
+<span>画质模糊</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="category" value="音画不同步" required>
+<span>音画不同步</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="category" value="加载失败" required>
+<span>加载失败</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="category" value="闪退 / 崩溃" required>
+<span>闪退 / 崩溃</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="category" value="登录异常" required>
+<span>登录异常</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="category" value="其他问题" required>
+<span>其他问题</span>
+</label>
+</div>
+</fieldset>
+<fieldset class="feedback-part">
+<legend>问题发生频率 <em>*</em>
+</legend>
+<div class="feedback-options">
+<label class="feedback-option">
+<input type="radio" name="frequency" value="每次都会" required>
+<span>每次都会</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="frequency" value="经常出现" required>
+<span>经常出现</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="frequency" value="偶尔出现" required>
+<span>偶尔出现</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="frequency" value="仅出现一次" required>
+<span>仅出现一次</span>
+</label>
+</div>
+</fieldset>
+<fieldset class="feedback-part">
+<legend>网络环境信息 <em>*</em>
+</legend>
+<div class="feedback-panel">
+<label>所在地址</label>
+<div class="feedback-address">
+<select name="province" aria-label="所在省份" required>
+<option value="">所在省份</option>
+<option>北京</option>
+<option>天津</option>
+<option>河北</option>
+<option>山西</option>
+<option>内蒙古</option>
+<option>辽宁</option>
+<option>吉林</option>
+<option>黑龙江</option>
+<option>上海</option>
+<option>江苏</option>
+<option>浙江</option>
+<option>安徽</option>
+<option>福建</option>
+<option>江西</option>
+<option>山东</option>
+<option>河南</option>
+<option>湖北</option>
+<option>湖南</option>
+<option>广东</option>
+<option>广西</option>
+<option>海南</option>
+<option>重庆</option>
+<option>四川</option>
+<option>贵州</option>
+<option>云南</option>
+<option>西藏</option>
+<option>陕西</option>
+<option>甘肃</option>
+<option>青海</option>
+<option>宁夏</option>
+<option>新疆</option>
+<option>香港</option>
+<option>澳门</option>
+<option>台湾</option>
+<option>海外</option>
+</select>
+<input name="city" maxlength="100" aria-label="城市（选填）" placeholder="城市（选填）">
+</div>
+<label>运营商<select name="carrier" required>
+<option value="">选择运营商</option>
+<option>中国移动</option>
+<option>中国联通</option>
+<option>中国电信</option>
+<option>中国广电</option>
+<option>其他</option>
+</select>
+</label>
+<span class="feedback-field-label">网络类型</span>
+<div class="feedback-options">
+<label class="feedback-option">
+<input type="radio" name="network" value="Wi-Fi" required>
+<span>Wi-Fi</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="network" value="5G" required>
+<span>5G</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="network" value="4G" required>
+<span>4G</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="network" value="其他" required>
+<span>其他</span>
+</label>
+</div>
+</div>
+</fieldset>
+<fieldset class="feedback-part">
+<legend>设备信息 <em>*</em>
+</legend>
+<div class="feedback-panel">
+<span class="feedback-field-label">设备类型</span>
+<div class="feedback-options">
+<label class="feedback-option">
+<input type="radio" name="device" value="iPhone" required>
+<span>iPhone</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="device" value="Android" required>
+<span>Android</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="device" value="iPad" required>
+<span>iPad</span>
+</label>
+<label class="feedback-option">
+<input type="radio" name="device" value="电脑 / 其他" required>
+<span>电脑 / 其他</span>
+</label>
+</div>
+<div class="feedback-address">
+<label>设备型号（选填）<input name="model" maxlength="100" placeholder="例如：iPhone 15、小米 14">
+</label>
+<label>App 版本号（选填）<input name="version" maxlength="100" placeholder="例如：v1.2.1">
+</label>
+</div>
+</div>
+</fieldset>
+<fieldset class="feedback-part">
+<legend>问题描述 <em>*</em>
+</legend>
+<div class="feedback-description-wrap">
+<textarea name="content" aria-label="问题描述" minlength="10" maxlength="500" required placeholder="请详细描述您遇到的问题，包括观看的内容、具体表现和发生时间（至少 10 字）">
+</textarea>
+<span id="feedback-count">0 / 500</span>
+</div>
+</fieldset>
+<fieldset class="feedback-part">
+<legend>上传图片</legend>
+<div class="feedback-uploads">
+<label class="feedback-upload-box">
+<input type="file" id="feedback-files" accept="image/jpeg,image/png,image/webp" multiple>
+<span class="feedback-upload-plus" aria-hidden="true">
+<svg viewBox="0 0 24 24">
+<path d="M12 5v14M5 12h14"/>
+</svg>
+</span>
+<strong>上传图片</strong>
+<small>支持 JPG / PNG / WebP，最多 3 张</small>
+</label>
+<div id="feedback-file-list">
+</div>
+</div>
+<p class="feedback-file-note">每张图片不超过 5MB</p>
+<p id="feedback-file-error" role="alert">
+</p>
+<input type="hidden" name="attachments" id="feedback-attachments">
+</fieldset>
+<fieldset class="feedback-part">
+<legend>联系方式 <em>*</em>
+</legend>
+<input name="contact" aria-label="联系方式" required maxlength="120" placeholder="请输入 Email / Telegram / X 联系方式">
+</fieldset>
+<div class="feedback-submit-area">
+<button type="submit" class="feedback-submit-button">提交反馈</button>
+<p>提交后请留意您填写的联系方式。</p>
+<span class="feedback-status" id="feedback-status" role="status">
+</span>
+</div>
+</form>`;
diff --git a/src/lib/client/hero-swipe.ts b/src/lib/client/hero-swipe.ts
new file mode 100644
index 0000000..7a6bad3
--- /dev/null
+++ b/src/lib/client/hero-swipe.ts
@@ -0,0 +1,55 @@
+interface HeroSwipeOptions {
+  enabled:()=>boolean;
+  onStart:()=>void;
+  onStep:(step:number)=>void;
+  onEnd:()=>void;
+}
+
+/** Delegate to the persistent home container so replacing the hero keeps gestures working. */
+export function bindHeroSwipe(root:HTMLElement,options:HeroSwipeOptions,signal:AbortSignal){
+  const view=root.ownerDocument.defaultView;
+  if(!view||signal.aborted)return;
+  let gesture:{id:number;x:number;y:number;horizontal:boolean;hero:Element}|undefined;
+  let blockClickUntil=0;
+  const finish=(event?:PointerEvent)=>{
+    if(!gesture)return;
+    const current=gesture;gesture=undefined;
+    current.hero.classList.remove('is-swiping');
+    if(event){
+      const dx=event.clientX-current.x,dy=event.clientY-current.y;
+      const horizontal=Math.abs(dx)>Math.abs(dy)*1.2;
+      if(current.horizontal||horizontal&&Math.abs(dx)>10)blockClickUntil=Date.now()+500;
+      if(horizontal&&Math.abs(dx)>=50)options.onStep(dx>0?-1:1);
+    }
+    options.onEnd();
+  };
+  root.addEventListener('pointerdown',event=>{
+    const hero=(event.target as Element).closest('#hero');
+    if(!hero||!options.enabled())return;
+    if(gesture){if(event.pointerId!==gesture.id)finish();return;}
+    if(!event.isPrimary||event.button!==0)return;
+    blockClickUntil=0;
+    gesture={id:event.pointerId,x:event.clientX,y:event.clientY,horizontal:false,hero};
+    options.onStart();
+  },{signal});
+  view.addEventListener('pointermove',event=>{
+    if(!gesture||gesture.id!==event.pointerId)return;
+    const dx=Math.abs(event.clientX-gesture.x),dy=Math.abs(event.clientY-gesture.y);
+    if(!gesture.horizontal){
+      if(Math.max(dx,dy)<10)return;
+      if(dx<=dy*1.2){finish();return;}
+      gesture.horizontal=true;gesture.hero.classList.add('is-swiping');
+    }
+    if(event.cancelable)event.preventDefault();
+  },{passive:false,signal});
+  view.addEventListener('pointerup',event=>{if(gesture?.id===event.pointerId)finish(event);},{signal});
+  view.addEventListener('pointercancel',event=>{if(gesture?.id===event.pointerId)finish();},{signal});
+  view.addEventListener('blur',()=>finish(),{signal});
+  root.ownerDocument.addEventListener('visibilitychange',()=>{if(root.ownerDocument.hidden)finish();},{signal});
+  root.addEventListener('dragstart',event=>{if(gesture)event.preventDefault();},{signal});
+  root.addEventListener('click',event=>{
+    if(event.detail===0||Date.now()>blockClickUntil)return;
+    blockClickUntil=0;event.preventDefault();event.stopImmediatePropagation();
+  },{capture:true,signal});
+  signal.addEventListener('abort',()=>finish(),{once:true});
+}
diff --git a/src/lib/client/images.ts b/src/lib/client/images.ts
new file mode 100644
index 0000000..746cf14
--- /dev/null
+++ b/src/lib/client/images.ts
@@ -0,0 +1,211 @@
+import { safeUrl } from '../api/protocol';
+
+const PLACEHOLDER = '/assets/poster-placeholder.svg';
+const KEY = new TextEncoder().encode('2019ysapp7527');
+type ImageTarget = 'img' | 'poster' | 'bgImg' | 'coverVar';
+
+function imageMime(bytes: Uint8Array): string {
+  const starts = (...signature: number[]) => signature.every((value, index) => bytes[index] === value);
+  if (starts(0xff, 0xd8, 0xff)) return 'image/jpeg';
+  if (starts(0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a)) return 'image/png';
+  if (starts(0x47, 0x49, 0x46, 0x38)) return 'image/gif';
+  const ascii = (start: number, end: number) => String.fromCharCode(...bytes.subarray(start, end));
+  if (ascii(0, 4) === 'RIFF' && ascii(8, 12) === 'WEBP') return 'image/webp';
+  if (ascii(4, 8) === 'ftyp' && /avif|avis/.test(ascii(8, 32))) return 'image/avif';
+  const text = new TextDecoder().decode(bytes.subarray(0, 512));
+  if (/^\s*(?:<\?xml[^>]*>\s*)?<svg[\s>]/i.test(text)) return 'image/svg+xml';
+  return '';
+}
+
+/** Reference imgDecypt.js: XOR only the first 100 bytes, repeating the same key. */
+export function decodeImage(buffer: ArrayBuffer): Blob {
+  const bytes = new Uint8Array(buffer.slice(0));
+  let mime = imageMime(bytes);
+  if (!mime) {
+    for (let index = 0; index < Math.min(100, bytes.length); index++) bytes[index] ^= KEY[index % KEY.length];
+    mime = imageMime(bytes);
+  }
+  if (!mime) throw new Error('图片格式无效');
+  return new Blob([bytes], {type: mime});
+}
+
+export function shouldDecryptImage(source: string): boolean {
+  return !!safeUrl(source);
+}
+
+function imageSource(source: string): string {
+  if (/^\/(?!\/)|^blob:|^data:image\//i.test(source)) return source;
+  return safeUrl(source);
+}
+
+export class ImageLoader {
+  private cache = new Map<string, string>();
+  private inflight = new Map<string, Promise<string>>();
+  private queue: {run: () => void; reject: (error: Error) => void}[] = [];
+  private controllers = new Set<AbortController>();
+  private requests = new WeakMap<Element, symbol>();
+  private active = 0;
+  private disposed = false;
+  private concurrency: number;
+  private timeoutMs: number;
+  private request: typeof fetch;
+
+  constructor(options: {concurrency?: number; timeoutMs?: number; request?: typeof fetch} = {}) {
+    this.concurrency = Math.max(1, options.concurrency ?? 4);
+    this.timeoutMs = options.timeoutMs ?? 12000;
+    this.request = options.request ?? ((input, init) => fetch(input, init));
+  }
+
+  private pump() {
+    while (!this.disposed && this.active < this.concurrency && this.queue.length) this.queue.shift()!.run();
+  }
+
+  invalidate(node: HTMLElement) {
+    this.requests.delete(node);
+    node.onerror = null;
+  }
+
+  fetchDecrypt(source: string, priority = false): Promise<string> {
+    if (this.disposed) return Promise.reject(new Error('图片加载已停止'));
+    if (!shouldDecryptImage(source)) return Promise.reject(new Error('图片地址无效'));
+    const cached = this.cache.get(source);
+    if (cached) return Promise.resolve(cached);
+    const pending = this.inflight.get(source);
+    if (pending) return pending;
+    let resolve!: (url: string) => void;
+    let reject!: (error: Error) => void;
+    const promise = new Promise<string>((done, fail) => {resolve = done; reject = fail;});
+    this.inflight.set(source, promise);
+    promise.then(() => this.inflight.delete(source), () => this.inflight.delete(source));
+    const job = {reject, run: () => {
+      this.active++;
+      const controller = new AbortController();
+      this.controllers.add(controller);
+      const timer = setTimeout(() => controller.abort(), this.timeoutMs);
+      void (async () => {
+        try {
+          const response = await this.request(source, {signal: controller.signal, credentials: 'omit'});
+          if (!response.ok) throw new Error('图片请求失败');
+          const blob = decodeImage(await response.arrayBuffer());
+          if (this.disposed || controller.signal.aborted) throw new Error('图片加载已取消');
+          const url = URL.createObjectURL(blob);
+          this.cache.set(source, url);
+          resolve(url);
+        } catch (error) {reject(error instanceof Error ? error : new Error('图片解密失败'));}
+        finally {
+          clearTimeout(timer);
+          this.controllers.delete(controller);
+          this.active--;
+          this.pump();
+        }
+      })();
+    }};
+    if (priority) this.queue.unshift(job); else this.queue.push(job);
+    this.pump();
+    return promise;
+  }
+
+  async processImage(source: string, node: HTMLElement, type: ImageTarget = 'img', fallback = PLACEHOLDER): Promise<string> {
+    const token = Symbol();
+    this.requests.set(node, token);
+    const current = () => !this.disposed && this.requests.get(node) === token;
+    const apply = (url: string) => {
+      if (type === 'bgImg') node.style.setProperty('background-image', `url("${url}")`);
+      else if (type === 'coverVar') node.style.setProperty('--cover', `url("${url}")`);
+      else node.setAttribute(type === 'poster' ? 'poster' : 'src', url);
+    };
+    const failed = () => {
+      if (!current()) return;
+      node.onerror = null;
+      node.setAttribute('data-decrypt-failed', '1');
+      apply(fallback);
+    };
+    node.removeAttribute('data-decrypt-failed');
+    node.onerror = null;
+    try {
+      const url = imageSource(source);
+      if (!url) throw new Error('图片地址无效');
+      const priority = type === 'poster' || node.getAttribute('fetchpriority') === 'high' || node.getAttribute('data-lazy-eager') === '1';
+      const result = shouldDecryptImage(url) ? await this.fetchDecrypt(url, priority) : url;
+      if (!current()) return '';
+      if (node.tagName === 'IMG') node.onerror = failed;
+      apply(result);
+      node.setAttribute('data-decrypted', '1');
+      return result;
+    } catch {failed(); return '';}
+  }
+
+  dispose() {
+    this.disposed = true;
+    this.controllers.forEach(controller => controller.abort());
+    this.queue.splice(0).forEach(job => job.reject(new Error('图片加载已停止')));
+    this.cache.forEach(url => URL.revokeObjectURL(url));
+    this.cache.clear();
+  }
+}
+
+declare global {
+  interface Window { processImage?: (source: string, node: HTMLElement, type?: ImageTarget, fallback?: string) => Promise<string> }
+}
+
+let runtime: {loader: ImageLoader; refresh: (root?: ParentNode) => void; dispose: () => void} | undefined;
+
+export function processImage(source: string, node: HTMLElement, type: ImageTarget = 'img', fallback?: string) {
+  return startImageLoading().loader.processImage(source, node, type, fallback);
+}
+
+/** Watch API-generated markup as well as the initial SSR content. */
+export function startImageLoading() {
+  if (runtime) return runtime;
+  const loader = new ImageLoader({concurrency: window.matchMedia?.('(max-width: 767px)').matches ? 2 : 4});
+  const selector = 'img[data-src],video[data-poster]';
+  const sources = new WeakMap<HTMLElement, string>();
+  const load = (node: HTMLElement) => {
+    const poster = node.tagName === 'VIDEO';
+    const source = node.getAttribute(poster ? 'data-poster' : 'data-src');
+    if (source) void loader.processImage(source, node, poster ? 'poster' : 'img', node.getAttribute('data-fallback') || undefined);
+  };
+  const lazy = typeof IntersectionObserver === 'undefined' ? undefined : new IntersectionObserver(entries => {
+    entries.forEach(entry => {
+      if (!entry.isIntersecting) return;
+      lazy!.unobserve(entry.target);
+      load(entry.target as HTMLElement);
+    });
+  }, {rootMargin: '180px 0px', threshold: 0.01});
+  const observe = (node: HTMLElement) => {
+    const source = node.getAttribute(node.tagName === 'VIDEO' ? 'data-poster' : 'data-src') || '';
+    if (sources.get(node) === source) return;
+    sources.set(node, source);
+    loader.invalidate(node);
+    lazy?.unobserve(node);
+    if (node.getAttribute('loading') === 'lazy' && node.getAttribute('fetchpriority') !== 'high' && node.getAttribute('data-lazy-eager') !== '1' && lazy) lazy.observe(node);
+    else load(node);
+  };
+  const visit = (root: ParentNode, callback: (node: HTMLElement) => void) => {
+    if (root instanceof HTMLElement && root.matches(selector)) callback(root);
+    root.querySelectorAll<HTMLElement>(selector).forEach(callback);
+  };
+  const refresh = (root: ParentNode = document) => visit(root, observe);
+  const mutations = new MutationObserver(records => records.forEach(record => {
+    if (record.type === 'attributes') observe(record.target as HTMLElement);
+    else {
+      record.removedNodes.forEach(node => {if (node instanceof HTMLElement) visit(node, item => {lazy?.unobserve(item); sources.delete(item); loader.invalidate(item);});});
+      record.addedNodes.forEach(node => {if (node instanceof HTMLElement) refresh(node);});
+    }
+  }));
+  window.processImage = (source, node, type, fallback) => loader.processImage(source, node, type, fallback);
+  refresh();
+  mutations.observe(document.body, {subtree: true, childList: true, attributes: true, attributeFilter: ['data-src', 'data-poster']});
+  const dispose = () => {
+    mutations.disconnect();
+    lazy?.disconnect();
+    loader.dispose();
+    delete window.processImage;
+    window.removeEventListener('pagehide', onPageHide);
+    runtime = undefined;
+  };
+  const onPageHide = (event: PageTransitionEvent) => {if (!event.persisted) dispose();};
+  window.addEventListener('pagehide', onPageHide);
+  runtime = {loader, refresh, dispose};
+  return runtime;
+}
diff --git a/src/lib/client/navigation.ts b/src/lib/client/navigation.ts
new file mode 100644
index 0000000..5530833
--- /dev/null
+++ b/src/lib/client/navigation.ts
@@ -0,0 +1,24 @@
+import { internalPagePath, paginationPath } from '../routing';
+
+export const NAVIGATE_EVENT = 'site:navigate';
+export const ROUTE_EVENT = 'site:route';
+
+export function navigateTo(path: string) {
+  const target = internalPagePath(path, window.location.href);
+  if (target === null) return;
+  window.location.assign(target);
+}
+
+/** Delegate so comment and account pagination inserted after hydration also works. */
+export function bindPaginationJumps(root: Document = document, navigate: (path: string) => void = navigateTo) {
+  root.addEventListener('submit', event => {
+    const form = event.target;
+    if (!(form instanceof HTMLFormElement) || !form.matches('.pagination-jump')) return;
+    event.preventDefault();
+    const input = form.elements.namedItem('page');
+    if (!(input instanceof HTMLInputElement) || !form.reportValidity()) return;
+    const page = input.valueAsNumber;
+    if (!Number.isSafeInteger(page) || page < 1 || page > Number(input.max) || !form.dataset.pageBase) return;
+    navigate(paginationPath(form.dataset.pageBase, page));
+  });
+}
diff --git a/src/lib/client/playback.ts b/src/lib/client/playback.ts
new file mode 100644
index 0000000..047318e
--- /dev/null
+++ b/src/lib/client/playback.ts
@@ -0,0 +1,246 @@
+import type Hls from 'hls.js';
+import type { Chapter } from '../api/types';
+import { safeUrl } from '../api/protocol';
+
+export type PlayMode = 'main' | 'preview';
+export type PlaybackAccess = {allowed: boolean; gate: 'coins' | 'vip' | 'unavailable' | ''; source: string};
+export type PlayerActions = {toggle: () => Promise<void>; retry: () => Promise<void>};
+
+export function chapterRequiresPayment(chapter: Chapter): boolean {
+  return !!(chapter.needUnlock || chapter.needVip || chapter.payType === 1 || chapter.payType === 2);
+}
+
+export function playbackUrl(value: unknown): string {
+  if (typeof value !== 'string') return '';
+  const raw = value.trim();
+  if (/^https?:\/\//i.test(raw)) return safeUrl(raw);
+  if (!raw || /^[a-z][a-z\d+.-]*:/i.test(raw) || raw.startsWith('//') || /[\\\s\u0000-\u001f]/.test(raw)) return '';
+  const path = raw.split(/[?#]/)[0];
+  try {if (decodeURIComponent(path).split('/').some(part => part === '..' || part === '.')) return '';}
+  catch {return '';}
+  return '/h5/m3u8/' + raw.replace(/^\/?h5\/m3u8\//, '').replace(/^\/+/, '');
+}
+
+export function chapterAccess(chapter: Chapter | null | undefined): PlaybackAccess {
+  if (!chapter) return {allowed: false, gate: 'unavailable', source: ''};
+  const source = playbackUrl(chapter.videoUrl);
+  // Same precedence as PlayletChapterInfoResp.AllowWatch in the reference service.
+  const allowed = chapter.canWatch === true || (!chapter.needUnlock && !chapter.needVip && (chapter.payType ?? 0) === 0 && !!source);
+  if (allowed) return {allowed: true, gate: '', source};
+  const gate = chapter.needUnlock || chapter.payType === 1 ? 'coins' : chapter.needVip || chapter.payType === 2 ? 'vip' : 'unavailable';
+  return {allowed: false, gate, source: ''};
+}
+
+// List entries do not necessarily contain a video URL. Follow the reference
+// PlayletChapterData.AllowWatch/NeedCoinGate/NeedVipGate precedence.
+export function chapterListGate(chapter: Chapter): 'coins' | 'vip' | '' {
+  if (chapter.canWatch === true || !chapter.needUnlock && !chapter.needVip && (chapter.isUnlocked || (chapter.payType ?? 0) === 0)) return '';
+  if (chapter.needUnlock || chapter.payType === 1) return 'coins';
+  if (chapter.needVip || chapter.payType === 2) return 'vip';
+  return '';
+}
+
+export function initialPlayMode(access: PlaybackAccess, preview: unknown): PlayMode {
+  return (!access.allowed || !access.source) && !!playbackUrl(preview) ? 'preview' : 'main';
+}
+
+export function chapterUnlockCost(chapter: Chapter | null): number {
+  return chapter?.costCoins && chapter.costCoins > 0 ? chapter.costCoins : chapter?.singleCoins && chapter.singleCoins > 0 ? chapter.singleCoins : 0;
+}
+
+const INLINE_ATTRS: Record<string, string> = {
+  playsinline: 'true', 'webkit-playsinline': 'true', 'x5-playsinline': 'true',
+  't7-video-player-type': 'inline', 'x5-video-player-type': 'h5',
+  'x5-video-player-fullscreen': 'true', 'x5-video-orientation': 'portrait',
+  controlslist: 'nodownload noremoteplayback', disablepictureinpicture: 'true',
+  'webkit-airplay': 'deny', 'x-webkit-airplay': 'deny',
+};
+export const INLINE_VIDEO_ATTRIBUTES = Object.entries(INLINE_ATTRS).map(([key,value]) => `${key}="${value}"`).join(' ');
+
+export function applyInlinePlayback(video: HTMLVideoElement) {
+  for (const [key,value] of Object.entries(INLINE_ATTRS)) if (video.getAttribute(key) !== value) video.setAttribute(key,value);
+  if (video.hasAttribute('controls')) video.removeAttribute('controls');
+  video.controls = false;
+  video.playsInline = true;
+  video.disablePictureInPicture = true;
+  video.disableRemotePlayback = true;
+}
+
+export function preferNativeHls(video: HTMLVideoElement, navigator: Pick<Navigator, 'userAgent' | 'maxTouchPoints'>): boolean {
+  const ua = navigator.userAgent;
+  const custom = /Quark|MQQBrowser|QQ\/|UCBrowser|UCWEB|MicroMessenger|baidubrowser|bdbrowser|BaiduHD|MiuiBrowser|HuaweiBrowser|HONORBrowser|HBPC|SogouMobileBrowser|VivoBrowser|HeyTapBrowser|OPPOBrowser|HeyTap|QihooBrowser|360Browser|360SE|360EE/i.test(ua);
+  const ios = /iPhone|iPad|iPod/i.test(ua) || /Macintosh/i.test(ua) && navigator.maxTouchPoints > 1;
+  const safari = /Safari/i.test(ua) && !/Chrome|Chromium|CriOS|FxiOS|EdgiOS|OPiOS|Android/i.test(ua);
+  return !custom && (ios || safari) && nativeHls(video);
+}
+
+function nativeHls(video: HTMLVideoElement): boolean {
+  return !!(video.canPlayType('application/vnd.apple.mpegurl') || video.canPlayType('application/x-mpegURL'));
+}
+
+export function isHlsSource(source: string): boolean {
+  const path = source.split(/[?#]/)[0];
+  return /\.m3u8$/i.test(path) || path.includes('/h5/m3u8/') && !/\.(?:mp4|webm|ogg|mov)$/i.test(path);
+}
+
+const CODEC_UNSUPPORTED = '当前浏览器或设备不支持此视频编码，请更换支持 H.264/H.265 的浏览器或设备';
+
+export function isCodecFailure(data: {details?: string; reason?: string; error?: Error}): boolean {
+  if (['manifestIncompatibleCodecsError','bufferAddCodecError','bufferIncompatibleCodecsError'].includes(data.details || '')) return true;
+  const reason = `${data.reason || ''} ${data.error?.message || ''}`;
+  return data.error?.name === 'NotSupportedError' || /(?:unsupported|not supported|incompatible).*(?:codec|hevc|h[. ]?265|h[. ]?264)|(?:codec|hevc|h[. ]?265|h[. ]?264).*(?:unsupported|not supported|incompatible)/i.test(reason);
+}
+
+/** Own one media element and destroy all resources when switching source or route. */
+export class MediaPlayback {
+  private hls?: Hls;
+  private generation = 0;
+  private disposed = false;
+  private ready = false;
+  private loading: Promise<void> = Promise.resolve();
+  private observer?: MutationObserver;
+  private onAbort = () => this.dispose();
+  private patch = () => applyInlinePlayback(this.video);
+  private onCodecError?: (event: Event) => void;
+  private onMediaError = (event: Event) => this.onCodecError?.(event);
+  private source = '';
+
+  constructor(private video: HTMLVideoElement, private options: {
+    signal: AbortSignal;
+    status: (message: string) => void;
+    error: () => void;
+    navigator?: Pick<Navigator, 'userAgent' | 'maxTouchPoints'>;
+    loadHls?: () => Promise<typeof Hls>;
+  }) {
+    applyInlinePlayback(video);
+    ['loadedmetadata','play'].forEach(event => video.addEventListener(event,this.patch));
+    video.addEventListener('error',this.onMediaError);
+    if (typeof MutationObserver !== 'undefined') {
+      this.observer = new MutationObserver(this.patch);
+      this.observer.observe(video,{attributes: true, attributeFilter: ['controls','x5-video-player-type']});
+    }
+    options.signal.addEventListener('abort',this.onAbort,{once:true});
+    if (options.signal.aborted) this.dispose();
+  }
+
+  setSource(source: string): Promise<void> {
+    this.source = source;
+    const generation = ++this.generation;
+    const current = () => !this.disposed && generation === this.generation;
+    this.onCodecError = undefined;
+    this.ready = false;
+    this.hls?.destroy();this.hls = undefined;
+    this.video.pause();this.video.removeAttribute('src');this.video.load();
+    if (!current() || !source) return this.loading = Promise.resolve();
+    this.options.status('正在准备视频…');
+    let failureShown = false;
+    const fail = (message: string) => {if (current() && !failureShown) {failureShown = true;this.ready = false;this.options.status(message);this.options.error();}};
+    let attemptedNative = false;
+    let attemptedHls = false;
+    let switching = false;
+    let engine: 'native' | 'hls' | undefined;
+    const position = () => Number.isFinite(this.video.currentTime) ? this.video.currentTime : 0;
+    const resetMedia = () => {
+      this.hls?.destroy();this.hls = undefined;
+      this.video.pause();this.video.removeAttribute('src');this.video.load();
+      applyInlinePlayback(this.video);
+    };
+    const useNative = (resumeAt = 0) => {
+      if (!current() || attemptedNative || !nativeHls(this.video)) return false;
+      attemptedNative = true;engine = 'native';resetMedia();
+      if (resumeAt > 0) this.video.addEventListener('loadedmetadata',() => {
+        if (current() && engine === 'native') {try {this.video.currentTime = resumeAt;} catch { /* The native seek range may not be ready. */ }}
+      },{once:true,signal:this.options.signal});
+      this.video.src = source;this.ready = true;this.options.status('点击播放');
+      return true;
+    };
+    const useHls = async (resumeAt = 0) => {
+      if (!current() || attemptedHls) return false;
+      attemptedHls = true;
+      // Keep the full build: hls.js/light excludes HEVC in MPEG-2 TS.
+      const HlsClass = await (this.options.loadHls ?? (async () => (await import('hls.js')).default))();
+      if (!current() || !HlsClass.isSupported()) return false;
+      engine = 'hls';resetMedia();
+      const hls = this.hls = new HlsClass({
+        maxBufferLength: 30, maxMaxBufferLength: 60, liveSyncDurationCount: 3,
+        ...(resumeAt > 0 ? {startPosition:resumeAt} : {}),
+        manifestLoadPolicy: {default: {...HlsClass.DefaultConfig.manifestLoadPolicy.default,maxLoadTimeMs: 10000}},
+        fragLoadPolicy: {default: {...HlsClass.DefaultConfig.fragLoadPolicy.default,maxLoadTimeMs: 20000}},
+      });
+      const active = () => current() && this.hls === hls;
+      let recoveries = 0;
+      hls.on(HlsClass.Events.MANIFEST_PARSED,() => {if (active() && this.ready) this.options.status('点击播放');});
+      hls.on(HlsClass.Events.ERROR,(_event,data) => {
+        // Let hls.js select another compatible H.264/HEVC rendition before falling back.
+        if (!active() || !data.fatal || data.levelRetry) return;
+        const codecError = isCodecFailure(data) || /bufferAppend(?:ing)?Error/.test(data.details) && this.video.error?.code === 3;
+        if (codecError) {
+          if (!useNative(position())) {hls.stopLoad();fail(CODEC_UNSUPPORTED);}
+          return;
+        }
+        try {
+          if (recoveries++ < 3) {
+            if (data.type === HlsClass.ErrorTypes.NETWORK_ERROR) {hls.startLoad();return;}
+            if (data.type === HlsClass.ErrorTypes.MEDIA_ERROR) {hls.recoverMediaError();return;}
+          }
+        } catch { /* Fall through to the visible retry state. */ }
+        hls.stopLoad();fail('视频加载失败，请重试');
+      });
+      hls.loadSource(source);hls.attachMedia(this.video);this.ready = true;
+      return true;
+    };
+    if (isHlsSource(source)) this.onCodecError = event => {
+      if (current() && engine === 'native' && this.video.error?.code === 2) {fail('视频加载失败，请重试');return;}
+      if (!current() || engine !== 'native' || ![3,4].includes(this.video.error?.code || 0)) return;
+      // Handle native decode/unsupported-source errors before the generic controls show an error.
+      event.stopImmediatePropagation();
+      if (switching) return;
+      switching = true;this.ready = false;
+      this.options.status('正在尝试兼容播放…');
+      const resumeAt = position();
+      this.loading = useHls(resumeAt).then(ok => {if (current() && !ok) fail(CODEC_UNSUPPORTED);}).catch(() => fail('播放器加载失败，请重试')).finally(() => {switching = false;});
+    };
+    else this.onCodecError = event => {
+      if (current() && this.video.error?.code === 2) {fail('视频加载失败，请重试');return;}
+      if (!current() || ![3,4].includes(this.video.error?.code || 0)) return;
+      event.stopImmediatePropagation();fail(CODEC_UNSUPPORTED);
+    };
+    this.loading = (async () => {
+      try {
+        if (isHlsSource(source)) {
+          if (preferNativeHls(this.video,this.options.navigator ?? window.navigator) && useNative()) return;
+          try {if (await useHls()) return;}
+          catch {if (!nativeHls(this.video)) throw new Error('播放器加载失败，请重试');}
+          if (!current()) return;
+          if (!useNative()) fail('当前浏览器不支持此视频格式');
+          return;
+        }
+        if (!current()) return;
+        this.video.src = source;this.ready = true;this.options.status('点击播放');
+      } catch (error) {fail(error instanceof Error ? error.message : '视频加载失败，请重试');}
+    })();
+    return this.loading;
+  }
+
+  async toggle() {
+    const generation = this.generation;
+    await this.loading;
+    if (this.disposed || generation !== this.generation || !this.ready) return;
+    if (!this.video.paused) {this.video.pause();return;}
+    try {await this.video.play();}
+    catch {if (!this.disposed && generation === this.generation) this.options.status('请再次点击播放');}
+  }
+
+  async retry() {await this.setSource(this.source);await this.toggle();}
+
+  dispose() {
+    if (this.disposed) return;
+    this.disposed = true;this.generation++;this.ready = false;
+    this.options.signal.removeEventListener('abort',this.onAbort);
+    this.observer?.disconnect();
+    ['loadedmetadata','play'].forEach(event => this.video.removeEventListener(event,this.patch));
+    this.video.removeEventListener('error',this.onMediaError);this.onCodecError = undefined;
+    this.hls?.destroy();this.hls = undefined;
+    this.video.pause();this.video.removeAttribute('src');this.video.load();
+  }
+}
diff --git a/src/lib/client/player-markup.ts b/src/lib/client/player-markup.ts
new file mode 100644
index 0000000..d42b179
--- /dev/null
+++ b/src/lib/client/player-markup.ts
@@ -0,0 +1,79 @@
+import { contentPath, contentSegment } from '../routing';
+import type { Chapter, Comment, Config, Drama, DramaDetail, HomeData, PageData, User } from '../api/types';
+import { formatCount, recordList } from '../api/protocol';
+import { ads, card, empty, escape, imageAttributes, pagination, promotionRow, title } from './render';
+import { detailActionIcon, officialLinks, overviewMarkup } from './detail';
+import { chapterAccess, chapterListGate, chapterRequiresPayment, initialPlayMode, INLINE_VIDEO_ATTRIBUTES, playbackUrl } from './playback';
+
+export interface PlayerViewOptions {
+  chapter?:Chapter|null; isVideo?:boolean; page?:number; commentSort?:number;
+  comments?:PageData<Comment>; config?:Config; home?:HomeData; user?:User|null;
+  pageHref?:(page:number,sort:number)=>string;
+}
+
+export function orderedChapters(value:unknown):Chapter[] {
+  return recordList<Chapter>(value).filter(item=>Number.isSafeInteger(item.id)&&item.id>0).sort((a,b)=>(a.currentEpisode||0)-(b.currentEpisode||0));
+}
+
+export function playerMarkup(raw:DramaDetail,ordered:Chapter[],options:PlayerViewOptions={}):string {
+  const {chapter=null,isVideo=false,comments,config={},home={},user}=options;
+  const id=raw.id,overview=!chapter&&!isVideo,first=ordered.find(item=>item.currentEpisode===1)||ordered[0];
+  const displayTitle=title(raw),heading=chapter?`${displayTitle} - 第${chapter.currentEpisode||1}集`:displayTitle,actionState=chapter||raw;
+  const commentPage=options.page||1,commentSort=options.commentSort===1?1:2;
+  const basePath=contentPath(isVideo?'video':chapter?'play':'detail',raw,chapter?.id);
+  const pageHref=options.pageHref||((page:number,sort:number)=>`${basePath}${page>1?`page/${page}/`:''}${sort===1?'?commentSort=1':''}`);
+  const access=isVideo?{allowed:!!playbackUrl(raw.video?.url),gate:playbackUrl(raw.video?.url)?'':'unavailable',source:playbackUrl(raw.video?.url)} as const:chapterAccess(chapter);
+  const previewSource=isVideo?'':playbackUrl(raw.preview),mode=initialPlayMode(access,raw.preview);
+  const modeTabs=previewSource?`<div class="channel-tabs play-mode-tabs" role="group" aria-label="播放内容"><button type="button" data-play-mode="main" aria-pressed="${mode==='main'}">正片</button><button type="button" data-play-mode="preview" aria-pressed="${mode==='preview'}">免费预告</button></div>`:'';
+  const initialEpisodePage=chapter?Math.floor(Math.max(0,ordered.findIndex(item=>item.id===chapter.id))/45):0;
+  const actions=()=>`<div class="play-detail-actions"><button type="button" data-engage="like" aria-pressed="${actionState.isLike===1}">${detailActionIcon('like')}<span>${actionState.isLike===1?'已点赞':'点赞'}</span></button><button type="button" data-engage="collect" aria-pressed="${actionState.isCollect===1}">${detailActionIcon('save')}<span>${actionState.isCollect===1?'已收藏':'收藏'}</span></button><button type="button" data-share>${detailActionIcon('share')}<span>分享</span></button><a href="/info/feedback/">${detailActionIcon('feedback')}<span>反馈</span></a></div>`;
+  const genres=(Array.isArray(raw.tagNames)?raw.tagNames:Array.isArray(raw.themeNames)?raw.themeNames:[]).filter(tag=>typeof tag==='string');
+  const useTags=Array.isArray(raw.tagNames);
+  const tags=genres.map((tag,i)=>{
+    const identity={id:(useTags?raw.tagIds:raw.themeIds)?.[i],slug:(useTags?raw.tagSlugs:raw.themeSlugs)?.[i]};
+    return contentSegment(identity)?`<a href="${contentPath(useTags?'tag':'topics',identity)}">${escape(tag)}</a>`:`<span>${escape(tag)}</span>`;
+  }).join('');
+  const related=recordList<Drama>(raw.relatedRecommendData).filter(item=>item.id!==id).slice(0,6);
+  const screen=()=>`${modeTabs}<div class="play-screen${chapter&&chapterRequiresPayment(chapter)?' play-paywalled-content':''}" data-play-mode="${mode}"><video ${INLINE_VIDEO_ATTRIBUTES} preload="metadata" ${imageAttributes(raw.cover||raw.coverImg,undefined,'poster')} aria-label="${escape(displayTitle)}"></video><div class="play-screen-overlay"><button type="button" aria-label="播放">▶</button><p class="play-source-status" role="status">正在准备视频…</p></div><div class="play-screen-controls"><button data-play-action="next" ${!chapter||ordered.at(-1)?.id===chapter.id?'disabled':''}>下一集</button></div></div>`;
+  const applicationAds=promotionRow(raw.advitise?.nineGridList||home.advitise?.nineGridList);
+  const bannerAds=ads(raw.advitise?.detailbannerList,'play-banner-ad');
+  return `
+    <nav class="page-breadcrumb" aria-label="面包屑导航"><a href="/">首页</a><span>/</span><a href="/${isVideo?'series':'shorts'}/">${isVideo?'剧集':'短剧'}</a><span>/</span>${overview||isVideo?`<span aria-current="page">${escape(displayTitle)}</span>`:`<a href="${contentPath('detail',raw)}">${escape(displayTitle)}</a><span>/</span><span aria-current="page">第${chapter?.currentEpisode||1}集</span>`}</nav>
+    <div class="play-detail-layout${related.length?'':' play-detail-layout--single'}"><div class="play-detail-main">
+      ${overview?overviewMarkup(raw,first,actions()):screen()}
+      ${applicationAds?`<section class="play-advertisements" aria-label="推荐应用广告">${applicationAds}</section>`:''}
+      ${overview?'':`<section class="play-detail-info">${chapter?`<span class="play-episode-caption">正在观看 第 ${chapter.currentEpisode||1} 集</span>`:''}<h1 id="play-detail-title">${escape(heading)}</h1>${tags?`<div class="play-detail-tags"><span>分类标签：</span>${tags}</div>`:''}<div class="play-detail-meta">${!isVideo?`<span>集数：全${raw.totalEpisode||ordered.length}集</span>`:''}<span>${formatCount(raw.heatValue)}热度</span><span data-engage-count="collect" aria-live="polite">${formatCount(actionState.countCollect)}收藏</span></div><p class="play-detail-description">简介：${escape(raw.desc||raw.description||'')}</p>${actions()}</section>`}
+      ${!isVideo?`<section class="play-episodes-section"><div class="play-section-heading"><h2>剧集</h2><span>全${raw.totalEpisode||ordered.length}集</span></div><div class="play-episode-pages" role="group" aria-label="集数分段">${episodeTabs(ordered,45,initialEpisodePage)}</div><div class="play-episode-grid" id="play-episode-list">${episodeItems(id,ordered,chapter,45,initialEpisodePage,raw.slug)}</div></section>`:''}
+      ${bannerAds?`<section class="play-banner-ads" aria-label="推广广告">${bannerAds}</section>`:''}
+      ${officialLinks(config)}
+      <section class="play-comments"><div class="play-section-heading"><h2 id="play-comments-title">评论${comments?` (${comments.totalCount||0})`:""}</h2><div class="play-sort" role="group" aria-label="评论排序"><button type="button" data-comment-sort="1" aria-pressed="${commentSort===1}">热门</button><button type="button" data-comment-sort="2" aria-pressed="${commentSort===2}">最新</button></div></div>
+        <form class="play-comment-form"><img class="play-compose-avatar" ${imageAttributes(user?.avatar,'/icon.svg')} alt="我的头像"><div class="play-compose-body"><div id="reply-context"></div><textarea name="comment" aria-label="评论内容" maxlength="500" placeholder="说说你对这部剧的看法…" required></textarea><div class="play-comment-footer"><span><span id="play-comment-count">0</span> / 500</span><button type="submit">发表评论</button></div><p class="api-error" id="comment-error" role="alert"></p></div></form><div class="play-comment-list">${comments?commentListMarkup(comments,commentPage,commentSort,pageHref):empty('暂无评论')}</div>
+      </section>
+    </div>${related.length?`<aside class="play-related"><h2>热门短剧</h2><div class="play-related-list">${related.map(item=>card(item)).join('')}</div></aside>`:''}</div>`;
+}
+
+export function episodeTabs(ordered:Chapter[],size:number,episodePage:number):string {
+  const pages=Math.ceil(ordered.length/size);
+  return pages?`<div class="episode-page-track">${Array.from({length:pages},(_,i)=>`<button type="button" data-episode-page="${i}" aria-pressed="${episodePage===i}" aria-controls="play-episode-list">${i*size+1}–${Math.min((i+1)*size,ordered.length)}</button>`).join('')}</div>`:'';
+}
+
+export function episodeItems(id:number,ordered:Chapter[],chapter:Chapter|null,size:number,episodePage:number,slug?:string):string {
+  return ordered.slice(episodePage*size,(episodePage+1)*size).map((item,index)=>{
+      const number=item.currentEpisode||episodePage*size+index+1;
+      const gate=chapterListGate(item),locked=!!gate;
+      const content=`<span>${number}</span>${locked?'<span class="episode-lock-corner" aria-hidden="true">'+(gate==='coins'?'<span class="coin-symbol"><img class="coin-soft-star" src="/assets/4532d28d6a61c426.svg" alt="金币解锁图标"></span>':'<span class="episode-vip-mark">VIP</span>')+'</span>':''}${item.id===chapter?.id?'<span class="episode-playing" aria-hidden="true"><i></i><i></i><i></i></span>':''}`;
+      if(locked)return `<button type="button" class="play-episode-locked" data-locked-chapter="${item.id}" aria-label="第 ${number} 集，${gate==='coins'?'金币解锁':'会员观看'}">${content}</button>`;
+      return `<a href="${contentPath('play',{id,slug},item.id)}" data-drama-switch data-target-episode="${number}" data-target-video-id="${item.id}" ${item.id===chapter?.id?'aria-current="true"':''} aria-label="播放第 ${number} 集">${content}</a>`;
+    }).join('')||empty('暂无剧集');
+}
+
+export function commentMarkup(item: Comment, child=false): string {
+    const children=recordList<Comment>(item.children);
+    const date=item.createdAt?new Date(item.createdAt):null;
+    const timestamp=date&&Number.isFinite(date.getTime())?`<time datetime="${date.toISOString()}">${escape(date.toLocaleString('zh-CN',{timeZone:'Asia/Shanghai'}))}</time>`:'';
+    return `<article class="play-comment-item${child?' play-comment-child':''}"><img ${imageAttributes(item.userAvatar,'/icon.svg')} alt="${escape(item.userName||'用户')}的头像" loading="lazy"><div class="play-comment-body"><strong>${escape(item.userName||'用户')}</strong><p>${escape(item.text)}</p><div class="play-comment-meta">${timestamp}<button type="button" data-comment-like="${item.id}" data-comment-count="${typeof item.countLike==='number'&&Number.isFinite(item.countLike)?Math.max(0,item.countLike):0}" aria-pressed="${item.isLike===1}" aria-label="点赞 ${escape(item.userName||'用户')} 的评论"><span data-request-label>${item.isLike===1?'♥':'♡'} ${formatCount(item.countLike)}</span></button><button type="button" data-reply="${item.id}" data-parent="${item.parentsId||item.id}" data-reply-name="${escape(item.userName)}">回复</button></div>${children.length?`<div class="play-comment-replies" aria-label="评论回复">${children.map(comment=>commentMarkup(comment,true)).join('')}</div>`:''}</div></article>`;
+  }
+
+export function commentListMarkup(data:PageData<Comment>,page:number,sort:number,href:(page:number,sort:number)=>string):string {
+  return (typeof data.error==='string'?empty(data.error,true):recordList<Comment>(data.list).map(item=>commentMarkup(item)).join('')||empty('暂无评论，来说说你的看法吧'))+pagination(data.totalCount||0,page,value=>href(value,sort),10);
+}
diff --git a/src/lib/client/player.ts b/src/lib/client/player.ts
new file mode 100644
index 0000000..17a98a4
--- /dev/null
+++ b/src/lib/client/player.ts
@@ -0,0 +1,189 @@
+import { contentPath } from '../routing';
+import type { Chapter, Comment, Drama, DramaDetail, PageData } from "../api/types";
+import type { SiteContext } from "./context";
+import { empty, escape } from "./render";
+import { configureDownloadLinks } from "./download";
+import { bindSeriesDescription } from "./detail";
+import { bindChapterUnlock } from "./unlock";
+import { chapterAccess, chapterUnlockCost, initialPlayMode, MediaPlayback, playbackUrl, type PlayMode, type PlayerActions } from './playback';
+import { dramaSeoContent } from '../seo';
+import type { PlayerInitialData } from '../page-data';
+import { commentListMarkup, episodeItems, episodeTabs, orderedChapters, playerMarkup } from './player-markup';
+import { formatCount } from '../api/protocol';
+import { applyEngagementSuccess, beginButtonRequest, type EngagementKind } from './request-feedback';
+
+declare global { interface Window { installPlayerControls?: (screen: HTMLElement, episode?: number, actions?: PlayerActions)=>void } }
+
+interface PlayerPagination {page?:number;commentSort?:number;pageHref?:(page:number,sort:number)=>string;initial?:PlayerInitialData;preserveMarkup?:boolean}
+
+export async function renderPlayer(app:SiteContext,id:number,chapterId?:number,isVideo=false,paging:PlayerPagination={}):Promise<()=>void> {
+  if(isVideo)throw new Error('当前接口暂未提供剧集内容');
+  const signal=app.signal;
+  const page=document.getElementById('drama-play-page')!;
+  const raw = paging.initial?.detail || await app.api.get<DramaDetail>('playlet/detail',{id},signal);
+  if(signal.aborted)return ()=>{};
+  if(!raw?.id||raw.id!==id)throw new Error('该剧集不存在或已下架');
+  const [chapters,related]=await Promise.all([
+    paging.initial?Promise.resolve(paging.initial.chapters):app.api.get<{list?:Chapter[]}>('playlet/chapter/list',{playletId:id},signal).then(data=>data?.list).catch(error=>{if(signal.aborted)throw error;return raw.playletChapterInfo;}),
+    paging.initial?Promise.resolve(undefined):app.api.get<PageData<Drama>>('playlet/guess-like/list',{playletId:id,pageNum:1,pageSize:6},signal).catch(error=>{if(signal.aborted)throw error;return undefined;}),
+  ]);
+  if(!paging.initial)raw.relatedRecommendData=related?.list||[];
+  if(signal.aborted)return ()=>{};
+  const ordered=orderedChapters(chapters ?? raw.playletChapterInfo);
+  const first=ordered.find(item=>item.currentEpisode===1)||ordered[0];
+  let chapter: Chapter | null = null;
+  if(chapterId){
+    if(ordered.length&&!ordered.some(item=>item.id===chapterId))throw new Error('该章节不存在或已下架');
+    chapter=paging.initial?.chapter || await app.api.get<Chapter>('playlet/chapter/detail',{playletId:id,chapterId},signal);
+    if(!signal.aborted&&(!chapter||chapter.id!==chapterId||chapter.playletId&&chapter.playletId!==id))throw new Error('章节信息不匹配，请重新选择');
+  }
+  if(signal.aborted)return ()=>{};
+  const overview=!chapterId&&!isVideo;
+  const unlockCost=chapterUnlockCost(chapter);
+  const source=isVideo?playbackUrl(raw.video?.url):'';
+  const access=isVideo?{allowed:!!source,gate:source?'':'unavailable',source} as const:chapterAccess(chapter);
+  const previewSource=isVideo?'':playbackUrl(raw.preview);
+  let mode:PlayMode=initialPlayMode(access,raw.preview);
+  page.classList.toggle('is-overview',overview);
+  const commentPage=paging.page||1,commentSort=paging.commentSort===1?1:2;
+  const basePath=contentPath(isVideo?'video':chapterId?'play':'detail',raw,chapterId);
+  const pageHref=paging.pageHref||((page:number,sort:number)=>`${basePath}${page>1?`page/${page}/`:''}${sort===1?'?commentSort=1':''}`);
+  app.updateSeo?.({...dramaSeoContent(raw,chapter||undefined),failed:false,unavailable:isVideo&&!source});
+  const objectId=isVideo?id:chapter?.id||id, objectType=isVideo?20:chapter?11:10;
+  const actionPrefix=isVideo?'video':chapter?'playlet/chapter':'playlet';
+  const actionState=chapter||raw;
+  const pendingEngagements=new Set<EngagementKind>();
+  function syncEngagement(kind:EngagementKind,buttons:HTMLButtonElement[]){
+    const active=kind==='like'?actionState.isLike===1:actionState.isCollect===1;
+    buttons.forEach(button=>{
+      button.setAttribute('aria-pressed',String(active));
+      const label=button.querySelector('span');if(label)label.textContent=kind==='like'?(active?'已点赞':'点赞'):(active?'已收藏':'收藏');
+    });
+    const value=kind==='like'?actionState.countLike:actionState.countCollect;
+    page.querySelectorAll<HTMLElement>(`[data-engage-count="${kind}"]`).forEach(node=>{node.textContent=`${formatCount(value)}${kind==='like'?'点赞':'收藏'}`;});
+  }
+  if(!paging.preserveMarkup)page.innerHTML=playerMarkup(raw,ordered,{chapter,isVideo,page:commentPage,commentSort,pageHref,config:app.config,home:app.home,user:app.api.user,comments:paging.initial?.comments});
+  configureDownloadLinks(app.config, page);
+  window.tracker?.setDrama({...raw,playletChapterInfo:ordered},chapter||first,ordered,isVideo);
+  const disposeDescription=bindSeriesDescription(page,signal);
+  let episodeSize=matchMedia('(max-width:760px)').matches?15:45;
+  let episodePage=chapter?Math.floor(Math.max(0,ordered.findIndex(item=>item.id===chapter!.id))/episodeSize):0;
+  function renderEpisodes(){
+    const size=matchMedia('(max-width:760px)').matches?15:45;
+    if(size!==episodeSize){episodePage=Math.floor(episodePage*episodeSize/size);episodeSize=size;}
+    const pages=Math.ceil(ordered.length/size);
+    episodePage=Math.min(Math.max(0,episodePage),Math.max(0,pages-1));
+    const segment=page.querySelector('.play-episode-pages'),grid=page.querySelector('.play-episode-grid');
+    if(!grid||!segment)return;
+    segment.innerHTML=episodeTabs(ordered,size,episodePage);
+    const track=segment.querySelector<HTMLElement>('.episode-page-track'),selected=segment.querySelector<HTMLElement>('[aria-pressed="true"]');
+    if(track&&selected){
+      const bounds=track.getBoundingClientRect(),tab=selected.getBoundingClientRect();
+      if(tab.left<bounds.left)track.scrollLeft+=tab.left-bounds.left;
+      else if(tab.right>bounds.right)track.scrollLeft+=tab.right-bounds.right;
+    }
+    grid.innerHTML=episodeItems(id,ordered,chapter,size,episodePage,raw.slug);
+  }
+  renderEpisodes();
+  window.addEventListener('resize',renderEpisodes,{signal});
+  let commentSeq=0,replyParent=0,replyId=0;
+  let initialComments=paging.initial?.comments;
+  async function comments(){
+    const seq=++commentSeq;
+    const list=page.querySelector<HTMLElement>('.play-comment-list')!;
+    try{
+      const existing=initialComments;initialComments=undefined;
+      const data=existing || await app.api.get<PageData<Comment>>('comment/list',{objectId,objectType,pageNum:commentPage,pageSize:10,sortOrder:commentSort},signal);
+      if(signal.aborted||seq!==commentSeq)return;
+      app.updateSeo?.({totalCount:data.totalCount,pageSize:10});
+      page.querySelector('#play-comments-title')!.textContent=`评论 (${data.totalCount||0})`;
+      if(!(existing&&paging.preserveMarkup))list.innerHTML=commentListMarkup(data,commentPage,commentSort,pageHref);
+    }catch(error){if(!signal.aborted&&seq===commentSeq)list.innerHTML=empty(error instanceof Error?error.message:'评论加载失败');}
+  }
+  void comments();
+  const video=page.querySelector<HTMLVideoElement>('video');
+  const chapterUnlock=bindChapterUnlock(app,id,chapter,raw.slug);
+  let media:MediaPlayback|undefined;
+  let reported=false;
+  if(video){
+    const box=page.querySelector<HTMLElement>('.play-screen')!;
+    const status=page.querySelector<HTMLElement>('.play-source-status')!;
+    media=new MediaPlayback(video,{signal,status:message=>{status.textContent=message;},error:()=>{window.tracker?.playbackFailed(video);box.dispatchEvent(new Event('playback:error'));}});
+    const toggle=async()=>{if(mode==='main'&&!access.allowed){chapterUnlock.openCurrent();return;}await media?.toggle();};
+    window.installPlayerControls?.(box,chapter?.currentEpisode||1,{toggle,retry:async()=>{if(mode==='main'&&!access.allowed){chapterUnlock.openCurrent();return;}window.tracker?.prepareDramaModeChange();await media?.retry();}});
+    const position=ordered.findIndex(item=>item.id===chapter?.id);
+    const previous=box.querySelector<HTMLButtonElement>('[data-play-action="previous"]');
+    const next=box.querySelector<HTMLButtonElement>('[data-play-action="next"]');
+    if(previous)previous.disabled=position<=0;if(next)next.disabled=position<0||position>=ordered.length-1;
+    const unlock=document.createElement('button');unlock.type='button';unlock.className='primary';unlock.dataset.showUnlock='';
+    unlock.textContent=access.gate==='vip'?'查看会员套餐':`使用 ${unlockCost} 金币解锁`;
+    box.querySelector('.play-screen-overlay')!.append(unlock);
+    function setMode(nextMode:PlayMode){
+      window.tracker?.prepareDramaModeChange();
+      mode=nextMode;box.dataset.playMode=mode;
+      page.querySelectorAll<HTMLButtonElement>('[data-play-mode]').forEach(button=>{if(button.tagName==='BUTTON')button.setAttribute('aria-pressed',String(button.dataset.playMode===mode));});
+      const blocked=mode==='main'&&!access.allowed;
+      unlock.hidden=!blocked||!['coins','vip'].includes(access.gate);
+      box.querySelector('.ui-empty-state')?.remove();
+      const center=box.querySelector<HTMLButtonElement>('[data-media="toggle"]');if(center)center.hidden=false;
+      status.hidden=false;
+      void media!.setSource(mode==='preview'?previewSource:access.allowed?access.source:'');
+      if(blocked)status.textContent=access.gate==='vip'?'开通会员后可观看本集':access.gate==='coins'?'本集需要金币解锁':'本集暂不可观看';
+      else if(!(mode==='preview'?previewSource:access.source))status.textContent='该剧集暂未提供视频源';
+      else if(mode==='preview')status.textContent='免费预告 · 点击播放';
+    }
+    page.querySelectorAll<HTMLButtonElement>('button[data-play-mode]').forEach(button=>button.addEventListener('click',()=>{setMode(button.dataset.playMode as PlayMode);if(mode==='preview')void media!.toggle();},{signal}));
+    setMode(mode);
+    document.addEventListener('eighteen:closed',()=>{if(mode==='preview'&&video.paused)void media!.toggle();},{once:true,signal});
+    video.addEventListener('playing',()=>{
+      if(reported||mode!=='main'||!access.allowed||!chapter)return;
+      reported=true;
+      void app.api.post('playlet/chapter/watch/report',{playletId:id,chapterId:chapter.id}).catch(()=>{reported=false;});
+    },{signal});
+  }
+  page.addEventListener('click',event=>{void (async()=>{
+    const element=(event.target as Element).closest<HTMLButtonElement>('button');if(!element||element.disabled)return;
+    if(element.dataset.lockedChapter){const selected=ordered.find(item=>item.id===Number(element.dataset.lockedChapter));if(selected)await chapterUnlock.openChapter(selected);return;}
+    if(element.dataset.episodePage){episodePage=Number(element.dataset.episodePage);renderEpisodes();}
+    if(element.dataset.episodePage==='0'){episodePage=0;renderEpisodes();}
+    if(element.hasAttribute('data-show-unlock'))chapterUnlock.openCurrent();
+    if(element.dataset.playAction){const index=ordered.findIndex(item=>item.id===chapter?.id);const next=ordered[index+(element.dataset.playAction==='next'?1:-1)];if(next){window.tracker?.dramaStatusChange(next);app.navigate(contentPath('play',raw,next.id));}}
+    if(element.dataset.engage){
+      const kind=element.dataset.engage;if(kind!=='like'&&kind!=='collect'||pendingEngagements.has(kind))return;
+      const active=kind==='like'?actionState.isLike===1:actionState.isCollect===1;
+      const buttons=Array.from(page.querySelectorAll<HTMLButtonElement>(`[data-engage="${kind}"]`));
+      if(!buttons.length)buttons.push(element);
+      const finish=buttons.map(button=>beginButtonRequest(button));
+      pendingEngagements.add(kind);
+      try{
+        const result=await app.api.post<unknown>(`${actionPrefix}/${kind}/set`,{[chapter?'chapterId':'id']:objectId,[kind==='like'?'isLike':'isCollect']:!active});
+        if(signal.aborted)return;
+        applyEngagementSuccess(actionState,kind,active,result);syncEngagement(kind,buttons);
+      }finally{pendingEngagements.delete(kind);finish.forEach(done=>done());}
+      return;
+    }
+    if(element.hasAttribute('data-share')){const finish=beginButtonRequest(element,'复制中');try{await navigator.clipboard.writeText(location.href);if(!signal.aborted){window.tracker?.dramaEvent('ep_share');app.notify('页面链接已复制');}}finally{finish();}return;}
+    if(element.dataset.commentSort){const sort=Number(element.dataset.commentSort);if(sort===1||sort===2)app.navigate(pageHref(1,sort));return;}
+    if(element.dataset.reply){replyId=Number(element.dataset.reply);replyParent=Number(element.dataset.parent);page.querySelector('#reply-context')!.innerHTML=`<div class="play-reply-context"><span>回复 @${escape(element.dataset.replyName)}</span><button type="button" data-cancel-reply>取消回复</button></div>`;page.querySelector<HTMLTextAreaElement>('textarea')!.focus();}
+    if(element.hasAttribute('data-cancel-reply')){replyId=replyParent=0;page.querySelector('#reply-context')!.textContent='';}
+    if(element.dataset.commentLike){
+      const active=element.getAttribute('aria-pressed')==='true',state={isLike:active?1:0,countLike:Number(element.dataset.commentCount)||0};
+      const finish=beginButtonRequest(element);
+      try{
+        const result=await app.api.post<unknown>('comment/like/set',{commentId:Number(element.dataset.commentLike),isLike:!active});
+        if(signal.aborted)return;
+        applyEngagementSuccess(state,'like',active,result);
+        element.setAttribute('aria-pressed',String(state.isLike===1));element.dataset.commentCount=String(state.countLike);
+        const label=element.querySelector('[data-request-label]')||element;label.textContent=`${state.isLike===1?'♥':'♡'} ${formatCount(state.countLike)}`;
+      }finally{finish();}
+    }
+  })().catch(error=>app.notify(error instanceof Error?error.message:'操作失败'));},{signal});
+  page.querySelector('textarea[name="comment"]')?.addEventListener('input',event=>{const counter=page.querySelector('#play-comment-count');if(counter)counter.textContent=String((event.target as HTMLTextAreaElement).value.length);},{signal});
+  page.querySelector('form')!.addEventListener('submit',event=>{
+    event.preventDefault();const form=event.target as HTMLFormElement;const input=form.elements.namedItem('comment') as HTMLTextAreaElement;const button=form.querySelector<HTMLButtonElement>('[type="submit"]')!;
+    if(button.disabled||!input.value.trim())return;
+    const finish=beginButtonRequest(button,'发送中');
+    void app.api.post('comment/send',{objectId,objectType,text:input.value.trim(),parentsId:replyParent,replyCommentId:replyId}).then(async()=>{if(signal.aborted)return;input.value='';const counter=page.querySelector('#play-comment-count');if(counter)counter.textContent='0';replyId=replyParent=0;page.querySelector('#reply-context')!.textContent='';page.querySelector('#comment-error')!.textContent='';if(commentPage>1){app.navigate(pageHref(1,commentSort));return;}await comments();}).catch(error=>{if(!signal.aborted)page.querySelector('#comment-error')!.textContent=error.message;}).finally(finish);
+  },{signal});
+  return ()=>{disposeDescription();chapterUnlock.dispose();media?.dispose();};
+}
diff --git a/src/lib/client/promo-marquee.ts b/src/lib/client/promo-marquee.ts
new file mode 100644
index 0000000..de1745b
--- /dev/null
+++ b/src/lib/client/promo-marquee.ts
@@ -0,0 +1,76 @@
+/** Loop one overflow row using native scrolling, so touch scrolling and ad links keep working. */
+export function bindPromotionMarquee(root:HTMLElement|null,signal:AbortSignal):()=>void {
+  const view=root?.ownerDocument.defaultView;
+  const group=root?.querySelector<HTMLElement>('.promo-group');
+  const track=root?.querySelector<HTMLElement>('.promo-track');
+  if(!root||!view||!group||!track||signal.aborted)return ()=>{};
+  const events=new AbortController(),eventSignal=events.signal;
+  const doc=root.ownerDocument,reduced=view.matchMedia('(prefers-reduced-motion: reduce)');
+  let copy:HTMLElement|undefined,frame:number|undefined,timer:number|undefined;
+  let distance=0,position=0,last:number|undefined,hover=false,pressed=false,manual=false,disposed=false;
+
+  function stop(){
+    if(frame!==undefined)view!.cancelAnimationFrame(frame);
+    frame=undefined;last=undefined;
+  }
+  function paused(){return disposed||!distance||hover||pressed||manual||doc.hidden||root!.contains(doc.activeElement)||reduced.matches;}
+  function resume(){
+    if(paused()){stop();return;}
+    position=((root!.scrollLeft%distance)+distance)%distance;
+    if(frame===undefined)frame=view!.requestAnimationFrame(tick);
+  }
+  function tick(time:number){
+    frame=undefined;
+    if(paused()||!root!.isConnected){stop();return;}
+    if(last!==undefined){
+      position=(position+Math.min(time-last,100)*0.032)%distance;
+      root!.scrollLeft=position;
+    }
+    last=time;frame=view!.requestAnimationFrame(tick);
+  }
+  function update(){
+    if(disposed)return;
+    const width=group!.getBoundingClientRect().width-parseFloat(view!.getComputedStyle(group!).paddingRight||'0');
+    const overflow=root!.clientWidth>0&&width>root!.clientWidth+1;
+    if(!overflow||reduced.matches){
+      stop();distance=0;copy?.remove();copy=undefined;root!.removeAttribute('data-looping');return;
+    }
+    root!.setAttribute('data-looping','');
+    distance=group!.getBoundingClientRect().width;
+    if(!copy){
+      copy=group!.cloneNode(true) as HTMLElement;
+      copy.setAttribute('data-promo-copy','');copy.setAttribute('aria-hidden','true');copy.removeAttribute('id');
+      copy.querySelectorAll('[id]').forEach(node=>node.removeAttribute('id'));
+      copy.querySelectorAll<HTMLElement>('a,button,input,select,textarea,[tabindex]').forEach(node=>{node.tabIndex=-1;});
+      track!.append(copy);
+    }
+    resume();
+  }
+  function settle(){
+    if(timer!==undefined)view!.clearTimeout(timer);
+    timer=view!.setTimeout(()=>{timer=undefined;manual=false;resume();},180);
+  }
+  function beginManual(){manual=true;stop();if(timer!==undefined)view!.clearTimeout(timer);}
+  root.addEventListener('pointerenter',event=>{if(event.pointerType==='mouse'){hover=true;stop();}},{signal:eventSignal});
+  root.addEventListener('pointerleave',event=>{if(event.pointerType==='mouse'){hover=false;resume();}},{signal:eventSignal});
+  root.addEventListener('pointerdown',()=>{pressed=true;beginManual();},{signal:eventSignal,passive:true});
+  view.addEventListener('pointerup',()=>{if(pressed){pressed=false;settle();}},{signal:eventSignal});
+  view.addEventListener('pointercancel',()=>{if(pressed){pressed=false;settle();}},{signal:eventSignal});
+  root.addEventListener('wheel',()=>{beginManual();settle();},{signal:eventSignal,passive:true});
+  root.addEventListener('scroll',()=>{if(manual&&!pressed)settle();},{signal:eventSignal,passive:true});
+  root.addEventListener('focusin',stop,{signal:eventSignal});
+  root.addEventListener('focusout',event=>{if(!root!.contains(event.relatedTarget as Node|null))settle();},{signal:eventSignal});
+  doc.addEventListener('visibilitychange',resume,{signal:eventSignal});
+  view.addEventListener('resize',update,{signal:eventSignal});
+  reduced.addEventListener('change',update,{signal:eventSignal});
+  const observer=typeof ResizeObserver==='undefined'?undefined:new ResizeObserver(update);
+  observer?.observe(root);observer?.observe(group);
+  function dispose(){
+    if(disposed)return;disposed=true;stop();observer?.disconnect();events.abort();
+    signal.removeEventListener('abort',dispose);
+    if(timer!==undefined)view!.clearTimeout(timer);
+    copy?.remove();root!.removeAttribute('data-looping');
+  }
+  signal.addEventListener('abort',dispose,{once:true});
+  update();return dispose;
+}
diff --git a/src/lib/client/render.ts b/src/lib/client/render.ts
new file mode 100644
index 0000000..177267a
--- /dev/null
+++ b/src/lib/client/render.ts
@@ -0,0 +1,97 @@
+import { contentPath, searchPath } from '../routing';
+import type { Advertisement, Drama, HomeBlock, HomeData, Topic } from "../api/types";
+import { formatCount, recordList, safeUrl } from "../api/protocol";
+
+export const PLACEHOLDER = "/assets/poster-placeholder.svg";
+export const escape = (value: unknown): string => String(value ?? "").replace(/[&<>"']/g, char => ({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[char]!);
+export function imageAttributes(value: unknown, fallback = PLACEHOLDER, target: 'src' | 'poster' = 'src'): string {
+  const source = safeUrl(value);
+  return `${target}="${escape(fallback)}"${source ? ` data-${target}="${escape(source)}" data-fallback="${escape(fallback)}"` : ''}`;
+}
+export const title = (drama: Drama): string => drama.title || drama.playName || "未命名剧集";
+export const itemAttributes=(item:Drama,video=false)=>`data-track-item data-item-id="${escape(item.id)}" data-item-type="${video?'video':'short_drama'}" data-item-name="${escape(title(item))}" data-recommend-trace-id="${escape(item.recommendTraceId)}" data-recommend-id="${escape(item.recommendId)}" data-recommend-trace-info="${escape(item.recommendTraceInfo)}"`;
+export function activeBanners(home: HomeData | null | undefined): Drama[] {
+  const items=recordList<Drama>(home?.homeBannerData);
+  return (items.some(item=>item.showOnBanner)?items.filter(item=>item.showOnBanner):items).slice(0,6);
+}
+export function empty(message = "暂时没有内容", retry = false): string {
+  return `<div class="ui-empty-state" role="status"><img class="api-empty-image" src="${PLACEHOLDER}" alt="${escape(message || "暂无内容")}"><p>${escape(message)}</p>${retry?'<button type="button" class="primary" data-api-action="retry">重新加载</button>':""}</div>`;
+}
+export const closeButton = (id: string): string => `<button type="button" class="close auth-close" data-close="${escape(id)}" aria-label="关闭"><svg class="dialog-close-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m6 6 12 12M18 6 6 18"/></svg></button>`;
+
+export function highlightSearchTitle(text:string,term:string):string {
+  const normalize=(value:string)=>value.normalize('NFKC').toLowerCase().replace(/\s+/g,'');
+  const needle=normalize(term);if(!needle)return escape(text);
+  const positions:{start:number;end:number}[]=[];let normalized='',offset=0;
+  for(const char of text){const part=normalize(char);for(let i=0;i<part.length;i++)positions.push({start:offset,end:offset+char.length});normalized+=part;offset+=char.length;}
+  let cursor=0,from=0,result='',index:number;
+  while((index=normalized.indexOf(needle,from))!==-1){
+    const start=positions[index].start,end=positions[index+needle.length-1].end;
+    if(start>=cursor){result+=escape(text.slice(cursor,start))+`<span class="search-keyword">${escape(text.slice(start,end))}</span>`;cursor=end;}
+    from=index+needle.length;
+  }
+  return result+escape(text.slice(cursor));
+}
+
+export function card(drama: Drama, video = false, options: {rank?:number;keyword?:string;headingLevel?:2|3} = {}): string {
+  if (!drama || typeof drama !== 'object' || Array.isArray(drama)) return '';
+  const tags = (Array.isArray(drama.tagNames) ? drama.tagNames : Array.isArray(drama.themeNames) ? drama.themeNames : []).filter(tag => typeof tag === 'string');
+  const badge = drama.isFeatured ? '<span class="cover-corner-badge cover-corner-badge--hot">爆剧</span>' : drama.isNew ? '<span class="cover-corner-badge cover-corner-badge--new">新剧</span>' : "";
+  const poster=`<img class="poster-source" ${imageAttributes(drama.cover || drama.coverImg || drama.horizontalCover)} alt="${escape(title(drama))}封面" loading="lazy" decoding="async">`;
+  const rank=typeof options.rank==='number'&&Number.isSafeInteger(options.rank)&&options.rank>0?options.rank:undefined;
+  const text=title(drama),keyword=options.keyword?.trim();
+  const heading=keyword?highlightSearchTitle(text,keyword):escape(text);
+  const headingTag=options.headingLevel===2?'h2':'h3';
+  return `<a class="card drama-data-card" ${itemAttributes(drama,video)} href="${contentPath(video?"video":"detail",drama)}" aria-label="查看${escape(text)}"><span class="cover">${rank?`<span class="ranking-poster-frame">${poster}</span>`:poster}${badge}${!video&&drama.totalEpisode?`<span class="drama-episodes">${drama.totalEpisode}集</span>`:""}${rank?`<span class="rank-home-badge" data-rank="${rank}" aria-label="第 ${rank} 名">${String(rank).padStart(2,'0')}</span>`:''}</span><${headingTag}>${heading}</${headingTag}><span class="drama-description">${escape(drama.desc || drama.description || "")}</span><span class="drama-meta"><span class="drama-tags">${tags.slice(0,2).map(tag=>`<span>${escape(tag)}</span>`).join("")}</span><span class="drama-heat"><svg class="drama-heart-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 21s-9-5.7-9-12a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 6.3-9 12-9 12Z"/></svg>${formatCount(drama.countLike ?? drama.heatValue ?? 0)}</span></span></a>`;
+}
+
+export function hero(value: unknown, selected = 0): string {
+  const items = recordList<Drama>(value);
+  if (!items.length) return empty("暂无推荐剧集");
+  const current = items[selected] || items[0];
+  return `<img class="hero-art fade" ${imageAttributes(current.banner || current.horizontalCover || current.cover)} alt="${escape(title(current))}推荐海报" fetchpriority="high"><div class="hero-content fade"><div class="eyebrow"><b>本周主推</b> THE SPOTLIGHT</div><h2>${escape(title(current))}</h2><div class="english"></div><p>${escape(current.desc || current.description)}</p><div class="meta hero-rating"><span>${formatCount(current.heatValue || current.countBrowse)}热度</span><span>${escape(current.themeNames?.[0] || current.tagNames?.[0])}</span><span>全${current.totalEpisode || 0}集</span></div><div class="actions"><a class="primary" ${itemAttributes(current)} href="${contentPath('detail',current)}"><svg class="hero-rounded-play" viewBox="0 0 20 20" width="16" height="16" aria-hidden="true"><path d="M6 3.8C4.9 3.15 3.5 3.95 3.5 5.25v9.5c0 1.3 1.4 2.1 2.5 1.45l8.1-4.75c1.1-.65 1.1-2.25 0-2.9L6 3.8Z"/></svg><span>立即观看</span></a></div></div><div class="hero-previews"><button class="hero-preview-arrow prev" data-hero-step="-1" aria-label="上一部">‹</button>${items.map((item,index)=>`<button class="hero-preview ${index===selected?"active":""}" data-feature="${index}" aria-label="主推${escape(title(item))}" aria-pressed="${index===selected}"><img ${imageAttributes(item.cover || item.horizontalCover)} alt="${escape(title(item))}轮播缩略图" decoding="async"></button>`).join("")}<button class="hero-preview-arrow next" data-hero-step="1" aria-label="下一部">›</button></div><div class="hero-mobile-pagination" role="group" aria-label="轮播切换">${items.map((_,i)=>`<button data-feature="${i}" aria-label="切换到第 ${i+1} 张轮播" aria-pressed="${i===selected}"><span></span></button>`).join("")}<span class="hero-mobile-count">${String(selected+1).padStart(2,"0")} / ${String(items.length).padStart(2,"0")}</span></div><div class="hero-bottom"><div class="dots">${items.map((_,i)=>`<i class="${i===selected?"on":""}"></i>`).join("")}</div><span>${String(selected+1).padStart(2,"0")} / ${String(items.length).padStart(2,"0")}</span></div>`;
+}
+
+export function topicCard(topic: Topic, theme = false, headingLevel:2|3=3): string {
+  if (!topic || typeof topic !== 'object' || Array.isArray(topic)) return '';
+  const headingTag=headingLevel===2?'h2':'h3';
+  return `<a class="topic-recommendation-card" data-track-item data-item-id="${escape(topic.id)}" data-item-type="topic" data-item-name="${escape(topic.name||'精选专题')}" href="${contentPath('topics',topic)}"><img ${imageAttributes(topic.icon || topic.covers?.[0] || topic.list?.[0]?.cover)} alt="${escape(String(topic.name || "").trim() || (theme ? "题材短剧" : "精选专题"))}封面" loading="lazy"><div class="topic-recommendation-copy"><small>${topic.playletCount || 0}部短剧</small><${headingTag}>${escape(topic.name)}</${headingTag}></div></a>`;
+}
+export function ads(items: unknown = [], className = "promo-app"): string {
+  const tile=className==='promo-tile';
+  return recordList<Advertisement>(items).filter(item=>safeUrl(item.images)).map(item=>{
+    const label=escape(String(item.title || "").trim() || "推广广告");
+    const image=`<img ${imageAttributes(item.images)} alt="${label}" loading="lazy"${tile?' width="132" height="132" decoding="async"':''}>`;
+    return `<a class="${escape(className)}" data-track-ad="external" data-ad-id="${escape(item.advertiseCode||item.id)}" data-ad-clickable="${safeUrl(item.link)?1:0}" data-ad-slot-key="${escape(item.advertiseLocationCode||String(item.location||(tile?'promo-app':className)))}" data-ad-slot-name="${escape(item.advertiseLocationName||"推广广告")}" data-ad-type="${className==="promo-app"||tile?"icon":"banner"}" data-creative-id="" href="${escape(safeUrl(item.link)||"/apps/")}" target="_blank" rel="sponsored nofollow noopener noreferrer">${tile?`<span class="promo-tile-image">${image}</span><strong>${escape(item.title)}</strong>`:`${image}<span>${escape(item.title)}</span>`}</a>`;
+  }).join("");
+}
+
+/** Use the same square ad row on every page; the runtime loops only overflow. */
+export function promotionRow(items:unknown):string {
+  const content=ads(items,'promo-tile');
+  return content?`<div class="promo-marquee" data-promotion-row><div class="promo-track"><div class="promo-page promo-group">${content}</div></div></div>`:'';
+}
+export function blockSection(block: HomeBlock): string {
+  if(![1,3].includes(block.type))return '';
+  const configuredUrl=typeof block.moreUrl==='string'?block.moreUrl.trim():'';
+  const moreUrl=configuredUrl&&safeUrl(configuredUrl,'https://site.invalid/')?configuredUrl:contentPath('config',block);
+  const content = block.type===3 ? `<div class="topic-recommendation-grid">${recordList<Topic>(block.themeList).map(item=>topicCard(item,true)).join("")||empty()}</div>` : `<div class="cards">${recordList<Drama>(block.list).map(item=>card(item)).join("")||empty()}</div>`;
+  return `<section class="topic-section home-block" aria-labelledby="home-block-${block.id}"><div class="section-head"><div class="section-heading-copy"><h2 id="home-block-${block.id}">${escape(block.name)}</h2>${block.desc?`<p>${escape(block.desc)}</p>`:""}</div><a class="topic-more" href="${escape(moreUrl)}">查看更多 <span aria-hidden="true">›</span></a></div>${content}</section>`;
+}
+export function renderHome(home: HomeData | null | undefined, error?: string): string {
+  const banners = activeBanners(home);
+  const blocks = recordList<HomeBlock>(home?.homeConfigData).filter(block=>block.status&&[1,3].includes(block.type));
+  const announcement = recordList<{content?: string; title?: string}>(home?.announcements).map(item=>item.content||item.title).filter(Boolean).join("　·　");
+  return `<section class="hero-grid"><div class="hero" id="hero">${hero(banners)}</div></section><section class="home-promotions" aria-label="公告与推荐应用">${announcement?`<div class="announcement-bar"><span class="announcement-label" aria-hidden="true">◈</span><div class="announcement-viewport" tabindex="0" aria-label="${escape(announcement)}"><div class="announcement-track" aria-hidden="true"><span>${escape(announcement)}　·　</span><span>${escape(announcement)}　·　</span></div></div></div>`:""}${promotionRow(home?.advitise?.nineGridList)}</section><div id="home-blocks">${error?empty(error,true):blocks.map(blockSection).join("")||empty()}</div><section class="topic-section popular-searches"><div class="section-head"><h2>大家都在搜</h2></div><nav class="popular-search-tags" id="popular-search-tags" aria-label="大家都在搜关键词">${recordList<{keyword:string}>(home?.hotSearch).map((item,index)=>`<a class="popular-search-tag popular-search-tag--${index%5}" href="${escape(searchPath(item.keyword||''))}">${escape(item.keyword)}</a>`).join('')}</nav></section><section class="bottom-app-prompt" data-app-download-entry hidden><div class="bottom-app-copy"><div class="bottom-app-eyebrow">91短剧 App</div><h2>在 App 上继续追剧，离线缓存随时看</h2><p>竖屏沉浸播放 · 离线缓存 · 弹幕互动</p></div><a class="bottom-app-download" data-app-download target="_blank" rel="sponsored nofollow noopener noreferrer">点击下载</a></section>`;
+}
+
+export type PageHref=(page:number)=>string;
+export function pagination(total:number,page:number,href:PageHref,size=24):string {
+  const pages=Math.max(1,Math.ceil((Number.isFinite(total)?Math.max(0,total):0)/size));
+  if(pages<=1&&page<=1)return '';
+  const numbers=[...new Set([1,page-1,page,page+1,pages])].filter(value=>value>=1&&value<=pages).sort((a,b)=>a-b);
+  const link=(value:number,label:string,current=false,rel='')=>`<a href="${escape(href(value))}"${current?' aria-current="page"':''}${rel?` rel="${rel}"`:''}>${label}</a>`;
+  const previous=page>1?`<a href="${escape(href(page-1))}" rel="prev" aria-label="上一页">‹</a>`:'<span aria-disabled="true" aria-label="上一页">‹</span>';
+  const next=page<pages?`<a href="${escape(href(page+1))}" rel="next" aria-label="下一页">›</a>`:'<span aria-disabled="true" aria-label="下一页">›</span>';
+  return `<nav class="channel-pagination" aria-label="分页"><div class="pagination-pages">${previous}${numbers.map((value,index)=>(index&&value-numbers[index-1]>1?'<span class="pagination-gap" aria-hidden="true">…</span>':'')+link(value,String(value),value===page)).join('')}${next}</div><form class="pagination-jump" action="${escape(href(1))}" data-page-base="${escape(href(1))}"><label>前往 <input type="number" name="page" min="1" max="${pages}" step="1" placeholder=" " required aria-label="跳转页码"> 页</label><button type="submit">确定</button></form></nav>`;
+}
diff --git a/src/lib/client/request-feedback.ts b/src/lib/client/request-feedback.ts
new file mode 100644
index 0000000..8bd6de6
--- /dev/null
+++ b/src/lib/client/request-feedback.ts
@@ -0,0 +1,25 @@
+export type EngagementKind='like'|'collect';
+export interface EngagementState {isLike?:number;isCollect?:number;countLike?:number;countCollect?:number}
+
+const count=(value:unknown):number|undefined=>typeof value==='number'&&Number.isFinite(value)&&value>=0?Math.floor(value):undefined;
+
+/** Empty success responses still commit the requested state and its local count delta. */
+export function applyEngagementSuccess(state:EngagementState,kind:EngagementKind,active:boolean,result:unknown):void {
+  const flag=kind==='like'?'isLike':'isCollect',field=kind==='like'?'countLike':'countCollect';
+  const response=result&&typeof result==='object'&&!Array.isArray(result)?result as Record<string,unknown>:{};
+  state[field]=count(response[field])??Math.max(0,(count(state[field])??0)+(active?-1:1));
+  state[flag]=active?0:1;
+}
+
+/** Preserve icons and the original label on failure; keep a new success label when supplied. */
+export function beginButtonRequest(button:HTMLButtonElement,message='请求中'):()=>void {
+  const label=button.querySelector<HTMLElement>('[data-request-label]')||button.querySelector<HTMLElement>('span')||button;
+  const text=label.textContent,disabled=button.disabled,busy=button.getAttribute('aria-busy');
+  button.disabled=true;button.setAttribute('aria-busy','true');button.setAttribute('data-request-pending','');
+  label.textContent=message;
+  return ()=>{
+    if(label.textContent===message)label.textContent=text;
+    button.disabled=disabled;button.removeAttribute('data-request-pending');
+    if(busy===null)button.removeAttribute('aria-busy');else button.setAttribute('aria-busy',busy);
+  };
+}
diff --git a/src/lib/client/search.ts b/src/lib/client/search.ts
new file mode 100644
index 0000000..23237c6
--- /dev/null
+++ b/src/lib/client/search.ts
@@ -0,0 +1,83 @@
+import { contentPath, searchPath } from '../routing';
+import type { Drama, PageData } from '../api/types';
+import { recordList } from '../api/protocol';
+import type { ApiClient } from './api';
+import { card, escape, imageAttributes, itemAttributes, pagination, title, type PageHref } from './render';
+
+export const SEARCH_PAGE_SIZE=25;
+
+/** Suggestions are dramas; hot searches are keywords. Their destinations differ. */
+export function searchSuggestionsMarkup(value:unknown,query:string):string {
+  return recordList<Drama&{keyword?:string;name?:string}>(value).map((item,index)=>{
+    const text=String(item.playName||item.keyword||item.title||item.name||'');
+    if(!text)return '';
+    const href=query&&Number.isSafeInteger(item.id)&&item.id>0?contentPath('detail',item):searchPath(text);
+    return `<a class="search-suggestion" href="${escape(href)}"><span class="suggestion-number">${index+1}</span><span class="suggestion-copy"><strong>${escape(text)}</strong></span></a>`;
+  }).join('')||'<p class="search-discovery-status">暂无搜索建议</p>';
+}
+
+/** Dropdown recommendations use the compact HTML cards, not the page's large drama cards. */
+export function searchPicksMarkup(value:unknown):string {
+  return recordList<Drama>(value).slice(0,3).map(item=>{
+    const name=title(item);
+    const badge=item.isFeatured?'<span class="cover-corner-badge cover-corner-badge--hot">爆剧</span>':item.isNew?'<span class="cover-corner-badge cover-corner-badge--new">新剧</span>':'';
+    return `<a class="search-pick" ${itemAttributes(item)} href="${contentPath('detail',item)}" aria-label="查看${escape(name)}"><span class="search-pick-cover"><img class="poster-source" ${imageAttributes(item.cover||item.coverImg||item.horizontalCover)} alt="${escape(name)}封面" width="160" height="240" loading="lazy" decoding="async">${badge}${item.totalEpisode?`<span class="drama-episodes">${escape(item.totalEpisode)}集</span>`:''}</span><span class="search-pick-body"><strong>${escape(name)}</strong><small>${escape(item.desc||item.description||'')}</small></span></a>`;
+  }).join('');
+}
+
+/** Match the reference's 458px desktop panel and fit it below the search field. */
+export function positionSearchDiscovery(form:HTMLElement,panel:HTMLElement):void {
+  if(panel.hidden)return;
+  if(window.innerWidth<=760){panel.style.removeProperty('width');panel.style.removeProperty('--search-panel-scale');return;}
+  const rect=form.getBoundingClientRect();
+  panel.style.width=Math.max(0,Math.min(458,window.innerWidth-rect.left-20))+'px';
+  const available=Math.max(120,window.innerHeight-rect.bottom-28);
+  panel.style.setProperty('--search-panel-scale',String(Math.min(1,available/Math.max(1,panel.offsetHeight))));
+}
+export interface SearchResults {
+  keyword:string;
+  list:Drama[];
+  recommended:Drama[];
+  total:number;
+  page:number;
+  pageSize:number;
+}
+
+function searchItems(value:unknown):Drama[] {
+  return recordList<Drama>(value).filter(item=>Number.isSafeInteger(item.id)&&item.id>0).map(item=>({...item,title:typeof item.playName==='string'&&item.playName.trim()?item.playName.trim():item.title}));
+}
+
+export async function loadSearchResults(api:Pick<ApiClient,'get'>,term:string,page:number,signal:AbortSignal):Promise<SearchResults> {
+  const keyword=term.trim();
+  const result:SearchResults={keyword,list:[],recommended:[],total:0,page,pageSize:SEARCH_PAGE_SIZE};
+  signal.throwIfAborted();
+  if(keyword){
+    const data=await api.get<PageData<Drama>>('playlet/search',{keyword,pageNum:page,pageSize:SEARCH_PAGE_SIZE},signal);
+    signal.throwIfAborted();
+    result.list=searchItems(data?.list);
+    result.total=typeof data?.totalCount==='number'&&Number.isSafeInteger(data.totalCount)&&data.totalCount>=0?data.totalCount:result.list.length;
+    if(!result.list.length)result.recommended=searchItems(data?.everyoneWatching).filter((item,index,items)=>items.findIndex(other=>other.id===item.id)===index).slice(0,6);
+    if(typeof data?.keyword==='string'&&data.keyword.trim())result.keyword=data.keyword.trim();
+    if(typeof data?.pageSize==='number'&&Number.isSafeInteger(data.pageSize)&&data.pageSize>0&&data.pageSize<=50)result.pageSize=data.pageSize;
+  }
+  if(!result.list.length&&!result.recommended.length){
+    try{
+      const data=await api.get<PageData<Drama>>('playlet/hot/list',{pageNum:1,pageSize:6},signal);
+      result.recommended=searchItems(data?.list).filter((item,index,items)=>items.findIndex(other=>other.id===item.id)===index).slice(0,6);
+    }catch(error){if(signal.aborted)throw error;}
+  }
+  signal.throwIfAborted();
+  return result;
+}
+
+function heading(keyword:string,count?:number):string {
+  return `<nav class="page-breadcrumb" aria-label="面包屑导航"><a href="/">首页</a><span>/</span><span aria-current="page">搜索结果</span></nav><header class="search-results-heading"><h1 id="search-results-title">${keyword?`为您找到关于“<em>${escape(keyword)}</em>”的短剧`:'搜索你想看的短剧'}</h1>${count===undefined?'':`<p class="search-results-count" role="status">共 <strong>${count}</strong> 个结果</p>`}</header>`;
+}
+
+export const searchErrorMarkup=(keyword:string,message:string)=>heading(keyword.trim())+`<div class="ui-empty-state search-empty" role="alert"><img src="/assets/2d8f1898b668e45e.png" alt="搜索加载失败提示" aria-hidden="true"><h2>搜索暂时不可用</h2><p>${escape(message)}</p><button type="button" class="ui-empty-action" data-api-action="retry">重新加载</button></div>`;
+
+export function searchResultsMarkup(data:SearchResults,pageHref:PageHref):string {
+  const results=data.list.length?`<div class="cards" aria-label="搜索结果">${data.list.map(item=>card(item,false,{keyword:data.keyword,headingLevel:2})).join('')}</div>`:`<section class="ui-empty-state search-empty" aria-label="没有搜索结果" role="status"><img src="/assets/c568d83ba6e559ac.png" alt="${data.keyword ? "搜索无结果提示" : "输入关键词搜索短剧"}" aria-hidden="true"><h2>${data.keyword?'搜索无结果':'搜索你想看的短剧'}</h2><p>${data.keyword?'换个关键词试试，也许下一部好剧就在这里。':'输入剧名、演员或标签，发现想看的好剧。'}</p><a class="ui-empty-action" href="/shorts/">查看全部短剧</a></section>`;
+  const recommendations=data.recommended.length?`<section class="topic-section search-recommendations" aria-labelledby="search-recommendations-title"><div class="section-head"><h2 id="search-recommendations-title">大家都在看</h2><a class="topic-more" href="/shorts/">查看全部 <span aria-hidden="true">›</span></a></div><div class="cards" aria-label="热门推荐">${data.recommended.map(item=>card(item)).join('')}</div></section>`:'';
+  return heading(data.keyword,data.total)+`<div data-search-results data-search-keyword="${escape(data.keyword)}" data-search-page="${data.page}" data-search-page-size="${data.pageSize}">${results}</div>`+(data.keyword?pagination(data.total,data.page,pageHref,data.pageSize):'')+recommendations;
+}
diff --git a/src/lib/client/seo.ts b/src/lib/client/seo.ts
new file mode 100644
index 0000000..a72a4dc
--- /dev/null
+++ b/src/lib/client/seo.ts
@@ -0,0 +1,35 @@
+import type { PageHead } from '../seo';
+import { JSON_LD_ATTRIBUTE, serializeStructuredData } from '../structured-data';
+
+/** Update the existing SSR tags and remove stale/duplicate tags after SPA navigation. */
+export function applyPageHead(head:PageHead,doc:Document=document):void {
+  doc.title=head.title;
+  function tag(selector:string,element:'meta'|'link',attributes:Record<string,string>,value:string|undefined){
+    const matches=Array.from(doc.head.querySelectorAll(selector));
+    const node=matches.shift();matches.forEach(item=>item.remove());
+    if(!value){node?.remove();return;}
+    const target=node||doc.createElement(element);
+    for(const [name,content] of Object.entries(attributes))target.setAttribute(name,content);
+    target.setAttribute(element==='meta'?'content':'href',value);
+    if(!node)doc.head.appendChild(target);
+  }
+  const meta=(name:string,value:string|undefined)=>tag(`meta[name="${name}"]`,'meta',{name},value);
+  const og=(property:string,value:string|undefined)=>tag(`meta[property="${property}"]`,'meta',{property},value);
+  const link=(rel:string,value:string|undefined)=>tag(`link[rel="${rel}"]`,'link',{rel},value);
+  meta('description',head.description);meta('keywords',head.keywords.join(','));meta('application-name',head.siteName);
+  meta('robots',head.robots);meta('googlebot',head.robots);
+  link('canonical',head.canonical);link('prev',head.previous);link('next',head.next);
+  og('og:locale','zh_CN');og('og:type',head.type);og('og:site_name',head.siteName);
+  og('og:title',head.title);og('og:description',head.description);og('og:url',head.canonical);og('og:image',head.image||undefined);
+  og('og:image:width',head.image?'1200':undefined);og('og:image:height',head.image?'630':undefined);og('og:image:alt',head.image?head.siteName:undefined);
+  meta('twitter:card','summary_large_image');meta('twitter:title',head.title);meta('twitter:description',head.description);
+  meta('twitter:image',head.image||undefined);meta('twitter:image:alt',head.image?head.siteName:undefined);
+  const selector=`script[${JSON_LD_ATTRIBUTE}]`;
+  const scripts=[...new Set([...doc.head.querySelectorAll(selector),...doc.querySelectorAll(selector)])];
+  const script=scripts.shift();scripts.forEach(item=>item.remove());
+  if(!head.jsonLd){script?.remove();return;}
+  const target=script||doc.createElement('script');
+  target.setAttribute('id','site-json-ld');target.setAttribute('type','application/ld+json');target.setAttribute(JSON_LD_ATTRIBUTE,'');
+  target.textContent=serializeStructuredData(head.jsonLd);
+  if(!script)doc.head.appendChild(target);
+}
diff --git a/src/lib/client/startup.ts b/src/lib/client/startup.ts
new file mode 100644
index 0000000..382c982
--- /dev/null
+++ b/src/lib/client/startup.ts
@@ -0,0 +1,319 @@
+import type { Advertisement } from '../api/types';
+import { recordList, safeUrl } from '../api/protocol';
+
+const AGE_KEY = 'hg_age_ok';
+const DISMISSED_KEY = 'dialogAdDismissed';
+const PROGRESS_KEY = 'dialogAdProgress';
+const GRID_DISMISSED_KEY = 'gridAdDismissed';
+
+function advertisements(list: unknown): Advertisement[] {
+  return recordList<Advertisement>(list).map(item => ({...item,
+    id: String(item.advertiseCode || '').trim() || String(item.id || '').trim(),
+    images: safeUrl(item.images), link: safeUrl(item.link), title: String(item.title || '').trim(),
+  })).filter(item => item.images);
+}
+
+type SessionStore = Pick<Storage, 'getItem' | 'setItem' | 'removeItem'>;
+export interface StartupView {
+  showAge(): void;
+  closeAge(): void;
+  prepareAdvertisement(): void;
+  loadAdvertisement(item: Advertisement, signal: AbortSignal): Promise<void>;
+  showAdvertisement(item: Advertisement): void;
+  hideAdvertisement(): void;
+  loadGrid(items: Advertisement[], signal: AbortSignal): Promise<Advertisement[]>;
+  showGrid(items: Advertisement[]): void;
+  hideGrid(): void;
+}
+
+/** Session keys, signature version and resume behavior for JHA-1047. */
+export class StartupDialogs {
+  private accepted = false;
+  private items: Advertisement[] = [];
+  private signature = '';
+  private index = 0;
+  private readyIndex = -1;
+  private visibleIndex = -1;
+  private displayed = false;
+  private generation = 0;
+  private loading?: AbortController;
+  private advertisementPending = false;
+  private gridSignature = '';
+  private gridItems: Advertisement[] = [];
+  private gridLoading?: AbortController;
+  private gridVisible = false;
+  private gridDismissed = false;
+
+  constructor(private storage: SessionStore, private view: StartupView, confirmed = false) {
+    this.accepted = confirmed || this.read(AGE_KEY) === '1';
+    if (this.accepted) view.closeAge(); else view.showAge();
+  }
+
+  private read(key: string) {try {return this.storage.getItem(key) || '';} catch {return '';}}
+  private write(key: string, value: string) {try {this.storage.setItem(key, value);} catch {}}
+  private remove(key: string) {try {this.storage.removeItem(key);} catch {}}
+
+  confirmAge() {
+    this.write(AGE_KEY, '1');
+    this.accepted = true;
+    this.view.closeAge();
+    this.showReady();
+    this.showGridReady();
+  }
+
+  setAdvertisements(list: Advertisement[], gridList: Advertisement[] = []) {
+    const items = advertisements(list);
+    const signature = items.length ? '2|' + items.map((item, index) => item.id || item.images || String(index)).join('|') : '';
+    const changed = signature !== this.signature;
+    if (changed) {
+      this.generation++;
+      this.loading?.abort();
+      this.view.hideAdvertisement();
+      this.view.hideGrid();
+      this.gridVisible = false;
+      this.items = items;
+      this.signature = signature;
+      this.readyIndex = this.visibleIndex = -1;
+      this.displayed = false;
+      this.advertisementPending = !!items.length && this.read(DISMISSED_KEY) !== signature;
+    }
+    this.setGridAdvertisements(gridList);
+    if (changed && this.advertisementPending) void this.showItem(this.readProgress());
+    this.showGridReady();
+  }
+
+  private setGridAdvertisements(list: Advertisement[]) {
+    const items = advertisements(list);
+    const signature = items.length ? JSON.stringify(items.map(item => [item.id, item.images, item.link, item.title])) : '';
+    if (signature === this.gridSignature) return;
+    this.gridLoading?.abort();
+    this.view.hideGrid();
+    this.gridVisible = false;
+    this.gridItems = [];
+    this.gridSignature = signature;
+    this.gridDismissed = this.read(GRID_DISMISSED_KEY) === signature;
+    if (!items.length || this.gridDismissed) return;
+    const controller = this.gridLoading = new AbortController();
+    void this.view.loadGrid(items, controller.signal).then(loaded => {
+      if (controller.signal.aborted) return;
+      this.gridItems = loaded;
+      this.showGridReady();
+    }).catch(() => { /* A failed grid must never block the page or the other dialogs. */ });
+  }
+
+  private showGridReady() {
+    if (!this.accepted || this.advertisementPending || this.gridVisible || this.gridDismissed || !this.gridItems.length) return;
+    this.gridVisible = true;
+    this.view.showGrid(this.gridItems);
+  }
+
+  dismissGrid() {
+    if (!this.gridVisible) return;
+    this.gridDismissed = true;
+    this.gridVisible = false;
+    this.write(GRID_DISMISSED_KEY, this.gridSignature);
+    this.view.hideGrid();
+  }
+
+  private readProgress() {
+    try {
+      const progress = JSON.parse(this.read(PROGRESS_KEY));
+      const value = Number(progress?.index);
+      return progress?.signature === this.signature && Number.isFinite(value) && value >= 0 ? Math.floor(value) : 0;
+    } catch {return 0;}
+  }
+
+  private async showItem(index: number) {
+    const generation = ++this.generation;
+    this.loading?.abort();
+    this.readyIndex = this.visibleIndex = -1;
+    this.index = index;
+    if (index >= this.items.length) {this.finish(); return;}
+    this.write(PROGRESS_KEY, JSON.stringify({signature: this.signature, index}));
+    this.view.prepareAdvertisement();
+    const controller = this.loading = new AbortController();
+    try {
+      await this.view.loadAdvertisement(this.items[index], controller.signal);
+      if (controller.signal.aborted || generation !== this.generation) return;
+      this.readyIndex = index;
+      this.showReady();
+    } catch {
+      if (!controller.signal.aborted && generation === this.generation) void this.showItem(index + 1);
+    }
+  }
+
+  private showReady() {
+    if (!this.accepted || this.readyIndex < 0 || this.visibleIndex === this.readyIndex) return;
+    this.visibleIndex = this.readyIndex;
+    this.displayed = true;
+    this.view.showAdvertisement(this.items[this.readyIndex]);
+  }
+
+  nextAdvertisement() {
+    if (!this.accepted || this.visibleIndex < 0) return;
+    void this.showItem(this.visibleIndex + 1);
+  }
+
+  private finish() {
+    if (this.displayed) this.write(DISMISSED_KEY, this.signature); else this.remove(DISMISSED_KEY);
+    this.remove(PROGRESS_KEY);
+    this.view.hideAdvertisement();
+    this.readyIndex = this.visibleIndex = -1;
+    this.advertisementPending = false;
+    this.showGridReady();
+  }
+}
+
+export function loadStartupImage(image: HTMLImageElement, source: string, signal: AbortSignal, timeoutMs = 12000): Promise<void> {
+  return new Promise((resolve, reject) => {
+    let settled = false;
+    const timer = setTimeout(() => finish(new Error('广告图片加载超时')), timeoutMs);
+    function finish(error?: Error) {
+      if (settled) return;
+      settled = true;
+      clearTimeout(timer);
+      image.removeEventListener('load', loaded);
+      image.removeEventListener('error', failed);
+      signal.removeEventListener('abort', aborted);
+      if (error) reject(error); else resolve();
+    }
+    function loaded() {finish(image.naturalWidth > 0 ? undefined : new Error('广告图片无法解码'));}
+    function failed() {finish(new Error('广告图片加载失败'));}
+    function aborted() {finish(new DOMException('Aborted', 'AbortError'));}
+    function check() {if (image.complete) loaded();}
+    image.addEventListener('load', loaded);
+    image.addEventListener('error', failed);
+    signal.addEventListener('abort', aborted, {once: true});
+    if (signal.aborted) {aborted(); return;}
+    try {
+      if (window.processImage) {
+        Promise.resolve(window.processImage(source, image)).then(result => {
+          if (!result) finish(new Error('广告图片解码失败')); else check();
+        }).catch(error => finish(error instanceof Error ? error : new Error('广告图片解码失败')));
+      } else {image.src = source; check();}
+    } catch (error) {finish(error instanceof Error ? error : new Error('广告图片加载失败'));}
+  });
+}
+
+export function startStartupDialogs(): StartupDialogs {
+  const age = document.getElementById('startup-age') as HTMLDialogElement;
+  const ad = document.getElementById('startup-ad') as HTMLDialogElement;
+  const grid = document.getElementById('startup-grid') as HTMLDialogElement;
+  const promotions = grid.querySelector<HTMLElement>('.startup-promotions')!;
+  let gridLinks = new Map<Advertisement, HTMLAnchorElement>();
+  let image = ad.querySelector<HTMLImageElement>('.startup-ad-image')!;
+  const media = ad.querySelector<HTMLAnchorElement>('.startup-ad-media')!;
+  const loading = ad.querySelector<HTMLElement>('.startup-ad-loading')!;
+  const close = ad.querySelector<HTMLButtonElement>('.startup-close')!;
+  function track(eventType: string, element: HTMLElement = media) {
+    try {
+      if (eventType === 'close') {
+        if (window.tracker?.advertising) window.tracker.advertising(element, eventType);
+        else document.dispatchEvent(new CustomEvent('dialog-ad:track', {detail: {element, eventType}}));
+      } else if (window.tracker?.externalAd) window.tracker.externalAd(element, eventType);
+      else document.dispatchEvent(new CustomEvent('external-ad:track', {detail: {element, eventType}}));
+    } catch { /* Tracking does not interrupt display or dismissal. */ }
+  }
+  const view: StartupView = {
+    showAge() {if (!age.open) age.showModal();},
+    closeAge() {
+      const wasOpen = age.open;
+      if (wasOpen) age.close();
+      document.documentElement.classList.add('eighteen-ok');
+      if (wasOpen) document.dispatchEvent(new CustomEvent('eighteen:closed'));
+    },
+    prepareAdvertisement() {media.hidden = true; loading.hidden = false; close.disabled = true; ad.setAttribute('aria-busy', 'true');},
+    async loadAdvertisement(item, signal) {
+      const pending = image.cloneNode(false) as HTMLImageElement;
+      pending.removeAttribute('src');
+      pending.setAttribute('fetchpriority', 'high');
+      await loadStartupImage(pending, item.images, signal);
+      if (signal.aborted) return;
+      image.replaceWith(pending);
+      image = pending;
+    },
+    showAdvertisement(item) {
+      image.alt = image.title = item.title?.trim() || '推荐广告';
+      media.setAttribute('aria-label', item.title || '查看广告');
+      if (item.link) media.href = item.link; else media.removeAttribute('href');
+      media.dataset.adId = item.advertiseCode || item.id || item.images;
+      media.dataset.adClickable = item.link ? '1' : '0';
+      media.dataset.adLocation = String(item.location || '');
+      media.dataset.adSlotKey = item.advertiseLocationCode || String(item.location || '');
+      media.dataset.adSlotName = item.advertiseLocationName || '弹窗广告位';
+      media.dataset.adPlacement = 'startup-ad';
+      media.hidden = false; loading.hidden = true; close.disabled = false;
+      ad.removeAttribute('aria-busy');
+      ad.setAttribute('aria-label', item.title || '广告推荐');
+      if (!ad.open) ad.showModal();
+      track('show');
+    },
+    hideAdvertisement() {if (ad.open) {if (!media.hidden) track('close'); ad.close();} media.hidden = true; loading.hidden = true; ad.removeAttribute('aria-busy');},
+    async loadGrid(items, signal) {
+      const links = new Map<Advertisement, HTMLAnchorElement>();
+      const loaded = await Promise.all(items.map(async item => {
+        const link = document.createElement('a');
+        link.className = 'startup-promotion';
+        link.target = '_blank';
+        link.rel = 'sponsored nofollow noopener noreferrer';
+        link.setAttribute('aria-label', item.title || '查看推荐应用');
+        if (item.link) link.href = item.link;
+        link.dataset.trackAd = 'external';
+        link.dataset.adPlacement = 'startup-grid';
+        link.dataset.adType = 'icon';
+        link.dataset.adId = item.advertiseCode || item.id || item.images;
+        link.dataset.adClickable = item.link ? '1' : '0';
+        link.dataset.adLocation = String(item.location || '');
+        link.dataset.adSlotKey = item.advertiseLocationCode || String(item.location || 'nineGridList');
+        link.dataset.adSlotName = item.advertiseLocationName || '宫格弹窗广告位';
+        const icon = document.createElement('img');
+        icon.width = icon.height = 80;
+        icon.alt = item.title || '推荐应用';
+        icon.decoding = 'async';
+        const name = document.createElement('span');
+        name.textContent = item.title || '推荐应用';
+        link.append(icon, name);
+        try {
+          await loadStartupImage(icon, item.images, signal);
+          links.set(item, link);
+          return item;
+        } catch {return null;}
+      }));
+      if (signal.aborted) return [];
+      gridLinks = links;
+      return loaded.filter((item): item is Advertisement => item !== null);
+    },
+    showGrid(items) {
+      promotions.replaceChildren(...items.map(item => gridLinks.get(item)!));
+      promotions.scrollTop = 0;
+      if (!grid.open) grid.showModal();
+      document.dispatchEvent(new Event('tracker:refresh'));
+    },
+    hideGrid() {if (grid.open) {promotions.querySelectorAll<HTMLElement>('.startup-promotion').forEach(link => track('close', link)); grid.close();}},
+  };
+  const storage: SessionStore = {
+    getItem: key => window.sessionStorage.getItem(key),
+    setItem: (key, value) => window.sessionStorage.setItem(key, value),
+    removeItem: key => window.sessionStorage.removeItem(key),
+  };
+  const startup = new StartupDialogs(storage, view, document.documentElement.classList.contains('eighteen-ok'));
+  age.addEventListener('cancel', event => event.preventDefault());
+  age.querySelector('.startup-age-confirm')!.addEventListener('click', () => startup.confirmAge());
+  age.querySelectorAll('.startup-age-leave,.startup-close').forEach(button => button.addEventListener('click', () => location.assign('https://www.google.com')));
+  function nextAdvertisement() {if (ad.open && !media.hidden) track('close'); startup.nextAdvertisement();}
+  close.addEventListener('click', nextAdvertisement);
+  ad.addEventListener('cancel', event => {event.preventDefault(); nextAdvertisement();});
+  grid.querySelector('.startup-close')!.addEventListener('click', () => startup.dismissGrid());
+  grid.addEventListener('cancel', event => {event.preventDefault(); startup.dismissGrid();});
+  promotions.addEventListener('click', event => {
+    const target = event.target instanceof Element ? event.target : null;
+    if (target?.closest('.startup-promotion[href]')) startup.dismissGrid();
+  });
+  [age, ad, grid].forEach(dialog => {
+    dialog.addEventListener('keydown', event => {if (event.key === 'Tab') dialog.classList.add('startup-keyboard-focus');});
+    dialog.addEventListener('pointerdown', () => dialog.classList.remove('startup-keyboard-focus'));
+    dialog.addEventListener('close', () => dialog.classList.remove('startup-keyboard-focus'));
+  });
+  media.addEventListener('click', () => {if (ad.open && !media.hidden && media.hasAttribute('href')) track('click');});
+  return startup;
+}
diff --git a/src/lib/client/unlock.ts b/src/lib/client/unlock.ts
new file mode 100644
index 0000000..ad58063
--- /dev/null
+++ b/src/lib/client/unlock.ts
@@ -0,0 +1,122 @@
+import { contentPath } from '../routing';
+import type { Chapter } from '../api/types';
+import { ApiError, EXPIRED_CODES } from '../api/protocol';
+import type { SiteContext } from './context';
+import { chapterAccess, chapterUnlockCost } from './playback';
+
+export function bindChapterUnlock(app: SiteContext, playletId: number, currentChapter: Chapter | null, slug?:string) {
+  const signal = app.signal;
+  const dialog = document.getElementById('play-episode-lock') as HTMLDialogElement;
+  const pay = dialog.querySelector<HTMLButtonElement>('.unlock-pay')!;
+  const close = dialog.querySelector<HTMLButtonElement>('.unlock-close')!;
+  const error = dialog.querySelector<HTMLElement>('#episode-lock-error')!;
+  const description = dialog.querySelector<HTMLElement>('#episode-lock-description')!;
+  let selected: Chapter | null = null;
+  let lookup = 0;
+  let unlocking = false;
+
+  const showError = (message = '') => { error.textContent = message; error.hidden = !message; };
+  const play = (chapter: Chapter) => app.navigate(contentPath('play',{id:playletId,slug},chapter.id));
+  const recharge = () => { dialog.close(); app.navigate('/info/deposit/'); };
+  const balance = (chapter: Chapter) => chapter.balance ?? app.api.user?.recharge ?? 0;
+  const failed = (reason: unknown) => {
+    if (reason instanceof ApiError && (reason.code === 401 || EXPIRED_CODES.has(reason.code))) {
+      dialog.close(); app.openAuth(); return;
+    }
+    showError(reason instanceof Error ? reason.message : '读取章节失败，请重试');
+  };
+
+  function present(chapter: Chapter) {
+    if (signal.aborted) return;
+    const access = chapterAccess(chapter);
+    if (access.allowed) { dialog.close(); play(chapter); return; }
+    if (access.gate === 'vip') { dialog.close(); app.navigate('/info/deposit/vip/'); return; }
+    if (access.gate !== 'coins') { selected = null; pay.disabled = true; showError('本集暂不可解锁，请稍后重试'); return; }
+    selected = chapter;
+    const cost = chapterUnlockCost(chapter), coins = balance(chapter);
+    description.textContent = `第 ${chapter.currentEpisode || 1} 集 · 解锁后可永久观看本集内容。`;
+    dialog.querySelector('#episode-lock-balance')!.textContent = `${coins} 金币`;
+    dialog.querySelector('.unlock-cost')!.textContent = `${cost} 金币`;
+    pay.textContent = coins < cost ? '金币不足，去充值' : cost > 0 ? `支付 ${cost} 金币并播放` : '解锁并播放';
+    pay.setAttribute('aria-label',coins < cost ? `金币不足，充值后解锁第 ${chapter.currentEpisode || 1} 集` : `确认解锁第 ${chapter.currentEpisode || 1} 集，消耗 ${cost} 金币`);
+    pay.disabled = unlocking;
+    close.disabled = unlocking;
+    showError();
+    if (!dialog.open) dialog.showModal();
+  }
+
+  async function openChapter(summary: Chapter) {
+    if (signal.aborted || unlocking) return;
+    if (dialog.open && dialog.dataset.chapterId === String(summary.id)) return;
+    const sequence = ++lookup;
+    selected = null;
+    dialog.dataset.chapterId = String(summary.id);
+    description.textContent = `正在读取第 ${summary.currentEpisode || 1} 集解锁信息…`;
+    dialog.querySelector('#episode-lock-balance')!.textContent = '— 金币';
+    dialog.querySelector('.unlock-cost')!.textContent = '— 金币';
+    pay.textContent = '读取中…'; pay.disabled = true; close.disabled = false;
+    showError();
+    if (!dialog.open) dialog.showModal();
+    try {
+      const chapter = await app.api.get<Chapter>('playlet/chapter/detail',{playletId,chapterId:summary.id},signal);
+      if (signal.aborted || sequence !== lookup || !dialog.open) return;
+      if (!chapter || chapter.id !== summary.id || chapter.playletId && chapter.playletId !== playletId) throw new Error('章节信息不匹配，请重新选择');
+      present(chapter);
+    } catch (reason) { if (!signal.aborted && sequence === lookup && dialog.open) failed(reason); }
+  }
+
+  function openCurrent() {
+    if (!currentChapter || signal.aborted || unlocking || chapterAccess(currentChapter).allowed) return;
+    lookup++;
+    dialog.dataset.chapterId = String(currentChapter.id);
+    present(currentChapter);
+  }
+
+  close.addEventListener('click',() => { if (!unlocking) dialog.close(); },{signal});
+  dialog.addEventListener('cancel',event => { if (unlocking) event.preventDefault(); },{signal});
+  dialog.addEventListener('close',() => { lookup++; selected = null; },{signal});
+  dialog.addEventListener('click',event => {
+    if (event.target !== dialog || unlocking) return;
+    const bounds = dialog.getBoundingClientRect();
+    if (event.clientX < bounds.left || event.clientX > bounds.right || event.clientY < bounds.top || event.clientY > bounds.bottom) dialog.close();
+  },{signal});
+  dialog.querySelector('.unlock-recharge')?.addEventListener('click',event => { if (unlocking) event.preventDefault(); else dialog.close(); },{signal});
+  pay.addEventListener('click',() => { void (async () => {
+    if (signal.aborted || unlocking || pay.disabled || !dialog.open || !selected) return;
+    const chapter = selected;
+    if (balance(chapter) < chapterUnlockCost(chapter)) { recharge(); return; }
+    const confirmText = pay.textContent;
+    unlocking = true; pay.disabled = true; close.disabled = true; pay.textContent = '解锁中…';
+    dialog.setAttribute('aria-busy','true'); showError();
+    try {
+      const result = await app.api.post<{balance?:number}>('playlet/chapter/unlock',{chapterId:chapter.id,playletId});
+      if (signal.aborted) return;
+      if (app.api.user && typeof result?.balance === 'number' && Number.isFinite(result.balance) && result.balance >= 0) app.api.setUser({...app.api.user,recharge:result.balance});
+      await app.api.refreshUser().catch(() => {});
+      if (signal.aborted) return;
+      dialog.close(); app.notify('解锁成功');
+      window.tracker?.dramaStatusChange(chapter,'ep_unlock');
+      if (chapter.id === currentChapter?.id) await app.route();
+      else play(chapter);
+    } catch (reason) {
+      if (signal.aborted) return;
+      if ((reason instanceof ApiError && reason.code === 400) || (reason instanceof Error && /余额.*不足|金币.*不足/.test(reason.message))) { recharge(); return; }
+      failed(reason);
+    } finally {
+      unlocking = false;
+      if (!signal.aborted) {
+        dialog.removeAttribute('aria-busy'); close.disabled = false;
+        pay.disabled = !selected || !dialog.open;
+        if (selected && dialog.open) pay.textContent = confirmText;
+      }
+    }
+  })(); },{signal});
+
+  const dispose = () => {
+    lookup++; selected = null;
+    dialog.removeAttribute('aria-busy'); close.disabled = false; pay.disabled = true;
+    if (dialog.open) dialog.close();
+  };
+  signal.addEventListener('abort',dispose,{once:true});
+  return {openChapter,openCurrent,dispose};
+}
diff --git a/src/lib/info-pages.ts b/src/lib/info-pages.ts
new file mode 100644
index 0000000..0b559e3
--- /dev/null
+++ b/src/lib/info-pages.ts
@@ -0,0 +1,300 @@
+import type { Config, FooterContact } from "./api/types";
+
+/** Original HTML copy and markup; the about page's contacts use site configuration. */
+export interface InfoPageDefinition {key:string;title:string;html:string}
+
+const EMPTY_CONTACT_SECTION='<section class="about-section" data-site-contacts hidden></section>';
+
+export const INFO_PAGES:Readonly<Record<string,InfoPageDefinition>>={
+  "about-us": {key:"about-us",title:"关于我们",html:`
+<section class="about-section">
+<h2>品牌介绍</h2>
+<p>91短剧为喜爱短剧的观众汇集多种题材与精选作品，让找剧、追剧和观看变得轻松便捷。</p>
+<p>我们相信故事能够带来共鸣，也希望让更多创作者的作品与喜欢它们的观众相遇。</p>
+</section>
+<section class="about-section">
+<h2>产品愿景</h2>
+<p>围绕内容发现与观看体验，持续完善搜索、收藏、追剧记录及多端体验，让每一次打开都能更快找到想看的故事。</p>
+<p>品牌主张：好故事，值得被看见。</p>
+</section>
+${EMPTY_CONTACT_SECTION}
+`},
+  "user-agreement": {key:"user-agreement",title:"用户协议",html:`
+<section class="about-section">
+<h2>使用协议</h2>
+<p>使用条款 欢迎您光临【91短剧】（以下简称本网站），本网站由「91短剧」（以下简称91短剧）经营。</p>
+<p>本网站重视每一位使用者所享有的服务，特此说明本网站的使用政策，以保障您的权益。</p>
+<p>请您仔细阅读本使用条款的内容：</p>
+</section>
+<section class="about-section">
+<h2>关于《使用条款》</h2>
+<p>在您决定使用本网站所提供的服务（以下简称本服务）前，请仔细阅读本使用条款。您必须在完全同意以下条款的前提下，才能使用本服务。本使用条款与其他附加条件或其他特殊条款相矛盾时，以附加条件或特殊条款为准。 本网站有权在任何时间修改或变更本使用条款的内容，您应经常查看以了解您当前的权利及义务。若您在本网站对本使用条款进行任何修改或变更后仍继续使用本服务，视为您已同意接受本使用条款的修改及变更。 您确认您在访问本网站的司法管辖区内的年龄至少为18岁，或者确认您已经达到所在地法律要求能够查看成人内容的年龄，并且完全有能力履行及遵守本使用条款。如果您未满18岁，您应立即停止使用本服务。您并同意并表示您访问本服务的管辖区不禁止接收或查看色情内容。</p>
+</section>
+<section class="about-section">
+<h2>服务内容</h2>
+<p>本服务的具体内容由本网站根据实际情况提供，并对其所提供之服务拥有最终解释权。</p>
+<p>本服务系通过互联网向您提供各项网络信息服务，您必须自行配备所需的一切设备，并承担所需费用。</p>
+<p>本网站对用户的联系将以电子邮件、网页的消息揭示及其他本网站判断为适宜的方式进行。通知以本网站发出之时视为用户已收到该通知。</p>
+<p>本网站对用户自身在各服务内的账号及密码，用户需自行承担管理责任，并知悉本网站仅提供各项网络信息服务，而不包括各服务。第三方不正当的使用等情况本网站概不负责。</p>
+<p>本网站及各服务的用户资格，或基于用户资格使用本服务的权利及义务等，不得通过任何方式使第三方以任何方式使用或进行其他处分。</p>
+<p>若您的行为违反本使用条款之禁止规定，本网站得不经事先通知限制或者解除您使用本网站提供服务的资格。因前项措施造成用户损害的情况本网站概不负责，本网站对您违反服务条款造成的一切损害、损失、费用（含诉讼费用及律师费用）均可提出赔偿要求。</p>
+<p>我们保留删除任何达到一定期间不活跃的账户的权利。已绑定账号而连续一年内无登录记录的账户视为放弃该账户之权利，我们将进行封存处理，用户可申请账号复原，但我方不保证该账户的完整性或恢复的可能性。未绑定账号（即访客）而连续半年内无登录记录的账户视为放弃该账户之权利，我们将进行封存处理，用户可申请账号复原，但我方不保证该账户的完整性或恢复的可能性。</p>
+</section>
+<section class="about-section">
+<h2>授权</h2>
+<p>在本使用条款的约束下，本网站仅此授予您有限、仅供个人使用、非商业用途、非专属且不可转让的使用本服务之权利。</p>
+</section>
+<section class="about-section">
+<h2>使用者的行为</h2>
+<p>您在使用本网站服务过程中，必须遵循以下原则：</p>
+<p>(a) 遵守本网站适用之有关的法律和法规；</p>
+<p>(b) 遵守所有与网络服务有关的网络协议、规定和程序；</p>
+<p>(c) 不得为任何非法目的而使用网络服务系统；</p>
+<p>(d) 不得使用任何设备、软件或程序，干扰或试图干扰本网站、本网站之正常运作；</p>
+<p>(e) 不允许侵入、强行入侵、接通、使用或企图侵入、接通、使用本网站服务器及未经本网站对您发出许可的任何资料区；</p>
+<p>(f) 不得限制、制止其他使用者使用并享用本服务；</p>
+<p>(g) 如发现任何非法使用账号或任何出现安全漏洞的情况，应立即告知本网站；</p>
+<p>(h) 违反公序良俗或法令的行为；</p>
+<p>(i) 违反儿童色情、色情、猥亵物等相关法令的行为；</p>
+<p>(j) 将虚假情报在本服务登录的行为；</p>
+<p>(k) 违反本网站其他或个别条款的行为；</p>
+<p>(l) 对本网站或本服务有隐匿、欺诈、延迟给付或不为给付财产等行为；</p>
+<p>(m) 其他本网站判断为不适当的行为。</p>
+</section>
+<section class="about-section">
+<h2>知识产权</h2>
+<p>本网站提供的服务内容（包括但不限于：文字、照片、图形、图像、图表、声音、FLASH动画、视频、音频、商标等），均由本网站或其他相关权利人依法拥有，并受商业形象、著作权法、商标法、公平交易法以及各类知识产权法之保护。</p>
+<p>非经本网站或其他相关权利人之事先书面同意，本网站及其内容的任何部分，不得修改、复制、重制、重印、公开播送、改作、散布、发行、公开发表及为任何非法目的使用。</p>
+<p>经本网站或其他相关权利人之事先书面同意，您在修改、复制、重制、重印、公开播送、改作、散布、发行、公开发表本网站及其内容的任何部分时，必须详细标明本网站之名称及网址为其资料来源。</p>
+</section>
+<section class="about-section">
+<h2>广告信息</h2>
+<p>本网站上如有传播或刊载之广告，关于其内容所展现的文字、图片、动画、声音、影像或以其他方式对商品或服务的说明，均由广告主或广告代理商提供。对于广告之内容，本网站基于尊重广告主或广告代理商权利，不对广告内容进行审查，您应自行判断该广告的正确性及可信度，本网站不对该等广告作任何担保。</p>
+</section>
+<section class="about-section">
+<h2>链接</h2>
+<p>本网站或所有服务相关网页上所提供的所有链接，可能链接到其他个人、公司或组织之网站，提供该等链接之目的，仅为便利使用者自行搜集或取得信息，本网站对于被链接的该等个人、公司或组织之网站上所提供之产品、服务或信息，既不担保其真实性、完整性、即时性或可信度，该等个人、公司或组织亦不因此而当然与本网站有任何雇佣、委任、代理、合伙或其他类似关系。</p>
+</section>
+<section class="about-section">
+<h2>违约赔偿</h2>
+<p>您同意保障和维护本网站及任何其他第三方的利益，如因违反有关法律、法规或本使用条款项下的任何条款而致使本网站或任何其他第三方造成损失，您同意承担所造成损害之赔偿责任。</p>
+</section>
+<section class="about-section">
+<h2>拒绝提供担保</h2>
+<p>本网站对本服务不提供任何明示或暗示的担保，包含但不限于商业适售性、特定目的之适用性及未侵害他人权利。</p>
+<p>本网站不担保以下事项：</p>
+<p>(a) 本服务将符合您的需求；</p>
+<p>(b) 本服务不受干扰、即时提供、安全可靠或从不出错；</p>
+<p>(c) 经由本服务之使用而取得任何资料之合适性、有效性、正确性、完整性、安全性、可靠性、即时性及是否侵害他人权利。</p>
+<p>本服务之目的为提供您个人使用，您须自行判断该等资料的即时性及适用性。</p>
+<p>若您通过本网站与网络上其他厂商或使用者进行商品或服务之买卖或各种交易行为，此时仅该厂商或使用者与您有契约关系存在，本网站并不介入或参与。如该商品或服务有任何瑕疵或纠纷时，请您径行与该厂商或使用者联络解决，本网站对此不负任何担保责任。</p>
+</section>
+<section class="about-section">
+<h2>免责声明</h2>
+<p>在任何情况下，本网站对于您或任何其他第三方因使用或不能使用该等服务所发生的任何直接的、间接的、附带引起的、特别的、惩罚性的或者间接性的损失或损害赔偿，不承担任何责任。即使本网站已知悉可能会有该等损失或损害赔偿，亦是如此。</p>
+<p>本网站于下列情形之一时，得暂停或中断本服务之部分或全部服务，且对使用者任何直接或间接之损害，不承担任何责任：</p>
+<p>(a) 对于本网站相关系统设备进行迁移、更换或维护时；</p>
+<p>(b) 任何不可归责于本网站之事由所造成之服务停止或中断；</p>
+<p>(c) 天灾或其他不可抗力造成本网站之服务停止或中断；</p>
+<p>(d) 使用者有任何违反政府法令或本使用条款情事。</p>
+</section>
+<section class="about-section">
+<h2>服务变更、中断或终止</h2>
+<p>鉴于网络服务的特殊性，您同意本网站有权随时变更、中断或终止部分或全部的网络服务。</p>
+</section>
+<section class="about-section">
+<h2>法律管辖</h2>
+<p>本使用条款的订立、执行和解释及争议的解决均应适用于本网站所指定法律，并以本网站所指定法院作为第一审管辖法院。</p>
+</section>
+<section class="about-section">
+<h2>其他规定</h2>
+<p>本使用条款构成双方对本服务及其他有关事宜的完整协议，并取代双方先前就本使用条款所为之任何形式的承诺或协议。</p>
+<p>如本使用条款中的任何条款无论因何种原因，完全或部分无效或不具有执行力，本使用条款的其余条款仍应有效并且有约束力。</p>
+<p>本使用条款的标题仅为方便阅读所设，非对条款的定义、限制、解释或描述其范围或界限。</p>
+</section>
+<section class="about-section">
+<h2>联络方式</h2>
+<p>若您对于本使用条款或本网站有任何问题或建议，欢迎来信至我们的服务信箱。</p>
+<p>本使用条款之订立、修改、更新及最终解释权均属本网站所有。</p>
+</section>
+`},
+  "privacy-policy": {key:"privacy-policy",title:"隐私政策",html:`
+<section class="about-section">
+<p>91短剧（以下简称本公司）非常重视您的隐私权，并依据《个人资料保护法》（以下简称个资法）的规定，向您告知下列有关隐私权保护政策的更多内容。</p>
+</section>
+<section class="about-section">
+<h2>一、本公司使用您个人资料的目的</h2>
+<p>（一）会员管理</p>
+<p>（二）提供会员服务，例如：发送电子邮件通知、调阅游戏历程</p>
+</section>
+<section class="about-section">
+<h2>二、个人资料收集及利用之期间、对象、地区及方式</h2>
+<p>（一）期间：平台提供相关服务及营运期间。</p>
+<p>（二）对象：本公司。个人资料的收集及利用不适用于非本公司所有或控制的公司，也不适用于非本公司雇用或管理之人，本公司的关系企业或子公司将使用其原先的隐私权政策。</p>
+<p>（三）地区：营运之地区。</p>
+<p>（四）方式：本公司在您使用官网服务信箱或进行其他活动时，会收集您所提供的姓名、电子邮件地址、联络方式等。</p>
+</section>
+<section class="about-section">
+<h2>三、依据个资法第三条规定，您就本公司保有个人资料得行使之权利及方式</h2>
+<p>（一）得行使之权利： 查询、请求阅览 请求制给复制本 请求补充或更正 请求停止收集、处理或利用 请求删除</p>
+<p>（二）行使权利之方式：以书面将申请行使上述权利的资料送至本公司所在地。</p>
+</section>
+<section class="about-section">
+<h2>四、您不同意提供个人资料所致权益之影响</h2>
+<p>您可自由选择是否提供个人资料给本公司，但若特定资料栏位属于必填栏位，您若不提供该等资料，则可能造成无法使用本公司相关的产品及服务。建议您应提供完整的个人资料并随时更新。若因您未提供完整且真实的个人资料，造成您及第三人发生损害时，您应负担一切责任。</p>
+</section>
+<section class="about-section">
+<h2>五、资料分享与披露</h2>
+<p>除非是为了向您提供您所要求的产品或服务、获得您的授权，或有以下情形，否则本公司不会将您的个人资料披露给第三人或用于收集目的以外的其他用途：</p>
+<p>（一）本公司因业务需要，有必要委托本公司相关单位或关系企业提供服务的情形，本公司将严格要求其遵守保密义务，并采取必要检查程序以确定其将确实遵守。</p>
+<p>（二）本公司对法院传票、行政命令或法律程序作出回应或行使法律权利，或对诉讼上的请求提出防御的情形。</p>
+<p>（三）为了调查和防止非法活动、涉嫌欺诈、对人身安全有潜在威胁的情况、对本公司服务条款的违反，或为了对上述情形采取应对措施，或法律另有规定，而有必要提供您的个人资料时。</p>
+<p>（四）如果本公司全部或部分业务被其他公司收购或合并，我们会将您的个人资料移转给该公司。如果发生这种情况，本公司会在您的个人资料被移转且将适用不同的隐私权政策前通知您。</p>
+</section>
+<section class="about-section">
+<h2>六、机密性与安全性</h2>
+<p>我们会将有权存取您个人资料的员工，限定于我们合理相信是为了向您提供产品或服务或为了完成工作而需要取得这些资料的员工。</p>
+<p>我们将采取符合法规要求的实体、电子和程序防护措施，以保护您个人资料的安全，防止您的个人资料被窃取、篡改、毁损、灭失或泄漏。</p>
+</section>
+<section class="about-section">
+<h2>七、隐私权保护政策修订</h2>
+<p>本公司有权不时修订本政策。当我们在个人资料及隐私权政策的处理上有重大变更时，会在我们的网站上张贴告示。请您密切注意以保障个人权益。当您于隐私权政策修改或变更后继续使用本公司所提供之产品及服务，即表示您已阅读、了解并同意接受隐私权政策修改或变更后的内容。如果您不同意本隐私权政策，请您立即停止使用本公司所提供之产品及服务。</p>
+</section>
+<section class="about-section">
+<h2>八、问题和建议</h2>
+<p>如果您有任何问题或建议，请通过客户服务信箱与我们联系。</p>
+</section>
+`},
+  "help-center": {key:"help-center",title:"常见问题",html:`
+<h2>常见问题</h2>
+<details open>
+<summary>如何搜索和筛选短剧？</summary>
+<p>在首页搜索框输入剧名或题材，按回车或点击搜索按钮查看结果。也可以通过题材标签筛选，点击“查看全部”进入“值得一追”专题页。</p>
+</details>
+<details>
+<summary>如何管理我的片单？</summary>
+<p>点击剧集打开预览，使用“加入我的片单”收藏；再次点击即可取消。首页顶部的“我的片单”可以查看已收藏内容。</p>
+</details>
+<details>
+<summary>为什么视频无法播放？</summary>
+<p>当前版本只展示剧集预览和选集交互，尚未接入真实视频，因此不能播放正片。</p>
+</details>
+<details>
+<summary>更换设备后，收藏为什么没有同步？</summary>
+<p>收藏保存在当前浏览器中，没有接入账号同步。更换浏览器、设备或清除网站数据后，原来的收藏可能不可见。</p>
+</details>
+<details>
+<summary>VIP 和金币是否可以购买？</summary>
+<p>这些标识用于展示剧集类型。目前没有充值、订阅或购买功能。</p>
+</details>
+<details>
+<summary>如何反馈问题？</summary>
+<p>前往<a href="/info/feedback/">意见反馈</a>，填写问题类型、设备和详细描述，再将反馈保存到本地。当前版本没有线上提交功能。</p>
+</details>
+`},
+  "2257": {key:"2257",title:"2257 合规声明",html:`
+<section class="compliance-section">
+<span class="compliance-number" aria-hidden="true">01</span>
+<div>
+<h2>年龄声明</h2>
+<p>内容中的人物须在制作时达到适用地区的法定成年年龄。平台禁止制作和传播涉及未成年人的违法内容。</p>
+</div>
+</section>
+<section class="compliance-section">
+<span class="compliance-number" aria-hidden="true">02</span>
+<div>
+<h2>资料留存</h2>
+<p>依法需要保存的年龄及身份证明，由内容提供方负责管理；合作方须按照适用规定履行资料留存义务。</p>
+</div>
+</section>
+<section class="compliance-section">
+<span class="compliance-number" aria-hidden="true">03</span>
+<div>
+<h2>内容标识</h2>
+<p>平台通过分类与标识提示内容性质。访问者应确认自身年龄与所在地法律允许浏览相关内容。</p>
+</div>
+</section>
+<section class="compliance-section">
+<span class="compliance-number" aria-hidden="true">04</span>
+<div>
+<h2>合规说明</h2>
+<p>如发现疑似违规内容，请通过<a href="/info/feedback/">意见反馈</a>提供线索，以便核查处理。具体义务以适用法律法规为准。</p>
+</div>
+</section>
+`},
+  "dmca": {key:"dmca",title:"DMCA 版权声明",html:`
+<section class="compliance-section">
+<span class="compliance-number" aria-hidden="true">01</span>
+<div>
+<h2>通知要求</h2>
+<p>请说明涉及的作品、涉嫌侵权内容的具体页面位置及有效联系方式，并附上权利归属或授权材料，便于核查。</p>
+</div>
+</section>
+<section class="compliance-section">
+<span class="compliance-number" aria-hidden="true">02</span>
+<div>
+<h2>处理流程</h2>
+<p>收到完整通知后，将核实相关情况。确认侵权的内容将被移除或屏蔽；重复侵权的来源可能受到进一步限制。</p>
+</div>
+</section>
+<section class="compliance-section">
+<span class="compliance-number" aria-hidden="true">03</span>
+<div>
+<h2>反通知</h2>
+<p>如认为内容被误删，可说明异议理由，并提供合法发布该内容的依据，以供重新评估是否恢复。</p>
+</div>
+</section>
+<section class="compliance-section">
+<span class="compliance-number" aria-hidden="true">04</span>
+<div>
+<h2>联系邮箱</h2>
+<p>版权通知及反通知可发送至 <a href="mailto:huangguoaiai@gmail.com" rel="sponsored nofollow noopener noreferrer">huangguoaiai@gmail.com</a>，请在邮件中一并提供核查所需的资料。</p>
+</div>
+</section>
+`},
+};
+
+const contactText=(value:unknown)=>typeof value==='string'?value.trim().replace(/立即(?:联系|加入)/g,'').replace(/^[\s:：]+|[\s:：]+$/g,''):'';
+const escapeContact=(value:string)=>value.replace(/[&<>"']/g,char=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[char]!));
+
+function contactValue(value:unknown):{text:string;href:string}|undefined {
+  const text=contactText(value);
+  if(!text||/[\x00-\x1f\x7f]/.test(text)||/mailto:|[^/\s@]+@[^/\s@]+\./i.test(text))return;
+  if(/^tel:\+?[\d() .-]+$/i.test(text))return {text:text.slice(4),href:text};
+  const url=text.startsWith('//')?'https:'+text:/^[\w.-]+\.[a-z]{2,}(?:[/?#]|$)/i.test(text)?'https://'+text:text;
+  try{
+    const parsed=new URL(url);
+    if(['https:','http:'].includes(parsed.protocol)&&!parsed.username&&!parsed.password)return {text,href:parsed.href};
+    return;
+  }catch{
+    if(/^[\w-]+:/i.test(text))return;
+    return {text,href:''};
+  }
+}
+
+export function infoContactSection(config:Config={},contacts:FooterContact[]|null=[]):string {
+  const settings=config.config,addresses=config.newAddressInfo;
+  const telegram=(...values:unknown[])=>values.map(value=>{
+    const text=contactText(value);
+    return contactValue(/^@[a-z\d_]{4,}$/i.test(text)?'https://t.me/'+text.slice(1):text);
+  }).find(value=>value?.href&&/^https?:/.test(value.href));
+  const business=telegram(settings?.telegram,settings?.telegramAdd,addresses?.telegram,addresses?.telegramAdd);
+  const group=telegram(settings?.tgGroup,addresses?.tgGroup);
+  const rows:{name:string;text:string;href:string}[]=[];
+  if(business)rows.push({name:'商务合作',...business});
+  if(group)rows.push({name:'用户反馈',...group});
+  for(const contact of Array.isArray(contacts)?contacts:[]){
+    if(!contact||typeof contact!=='object')continue;
+    const name=contactText(contact.name);if(!name)continue;
+    if(/商务|商户|合作|反馈|客服|support|官方群|telegram|tg群|邮箱|邮件|e-?mail/i.test(name))continue;
+    const value=contactValue(contact.value);
+    if(value)rows.push({name,...value});
+  }
+  if(!rows.length)return EMPTY_CONTACT_SECTION;
+  return `<section class="about-section" data-site-contacts><h2>联系我们</h2>${rows.map(({name,text,href})=>`<p>${escapeContact(name)}：${href?`<a href="${escapeContact(href)}"${/^https?:/i.test(href)?' target="_blank" rel="sponsored nofollow noopener noreferrer"':''}>${escapeContact(text)}</a>`:escapeContact(text)}</p>`).join('')}</section>`;
+}
+
+export function getInfoPage(key:string,config:Config={},contacts:FooterContact[]|null=[]):InfoPageDefinition|undefined {
+  const page=Object.hasOwn(INFO_PAGES,key)?INFO_PAGES[key]:undefined;
+  return page&&key==='about-us'?{...page,html:page.html.replace(EMPTY_CONTACT_SECTION,infoContactSection(config,contacts))}:page;
+}
diff --git a/src/lib/navigation-page.ts b/src/lib/navigation-page.ts
new file mode 100644
index 0000000..0cfb412
--- /dev/null
+++ b/src/lib/navigation-page.ts
@@ -0,0 +1,39 @@
+import type { Config } from './api/types';
+import { recordList, safeUrl } from './api/protocol';
+
+const object=(value:unknown):Record<string,unknown>=>{
+  if(typeof value==='string'){try{return object(JSON.parse(value));}catch{return {};}}
+  return value&&typeof value==='object'&&!Array.isArray(value)?value as Record<string,unknown>:{};
+};
+const text=(value:unknown)=>typeof value==='string'?value.replace(/<[^>]*>/g,'').replace(/[\u0000-\u001f\u007f]/g,' ').replace(/\s+/g,' ').trim():'';
+const firstText=(...values:unknown[])=>values.map(text).find(Boolean)||'';
+const telegramUrl=(value:unknown)=>safeUrl(typeof value==='string'&&/^@[a-z\d_]{4,}$/i.test(value.trim())?'https://t.me/'+value.trim().slice(1):value);
+const lineLabel=(line:number)=>'线路'+(['','一','二','三','四','五','六','七','八','九','十'][line]||line);
+
+/** Navigation uses only configured destinations; missing values never link to a demo site. */
+export function navigationPageData(config:Config) {
+  const settings=object(config.config),addresses=object(config.newAddressInfo);
+  const seo=object(config.seoInfo),navigationSeo=object(config.seoNavInfo);
+  const url=(key:string)=>[settings[key],addresses[key]].map(value=>safeUrl(value)).find(Boolean)||'';
+  const siteName=firstText(navigationSeo.dhSiteName,navigationSeo.siteName,settings.dhSiteName,seo.webSiteName,settings.webSiteName)||'91短剧';
+  const seen=new Set<number>();
+  let routes=recordList<{line?:unknown;url?:unknown}>(config.navPageList).flatMap(item=>{
+    const line=Number(item.line),href=safeUrl(item.url);
+    if(!Number.isSafeInteger(line)||line<1||!href||seen.has(line))return [];
+    seen.add(line);return [{line,href,label:lineLabel(line)}];
+  }).sort((left,right)=>left.line-right.line);
+  if(!routes.length){
+    routes=[1,2,3].flatMap((line,index)=>{
+      const href=url('dhNewUrlAddr'+line)||url(['newUrlAddr','newUrlAddr1','newUrlAddr2'][index]);
+      return href?[{line,href,label:lineLabel(line)}]:[];
+    });
+  }
+  return {
+    siteName,
+    description:firstText(navigationSeo.dhDescription,navigationSeo.description,settings.dhDescription)||'全网最新最火短剧，91为你呈现',
+    routes,permanent:url('foreverUrlAddr'),
+    telegram:[settings.telegram,settings.telegramAdd,addresses.telegram,addresses.telegramAdd].map(telegramUrl).find(Boolean)||'',
+    tgGroup:[settings.tgGroup,addresses.tgGroup].map(telegramUrl).find(Boolean)||'',
+    twitter:url('twitterAddr'),
+  };
+}
diff --git a/src/lib/page-data.ts b/src/lib/page-data.ts
new file mode 100644
index 0000000..955ded5
--- /dev/null
+++ b/src/lib/page-data.ts
@@ -0,0 +1,35 @@
+import type { Chapter, Comment, Config, Drama, DramaDetail, FooterInfoResponse, Package, PageData, User } from './api/types';
+
+export interface SiteSharedData {config:Config;footer:FooterInfoResponse;trackerConfigured:boolean}
+
+export interface MemberInitialData {user:User;list?:PageData<Drama>}
+export interface WalletInitialData {user:User;packages:{coinList?:Package[];vipList?:Package[]};transactions:PageData<Record<string,unknown>>}
+
+export interface PlayerInitialData {
+  detail:DramaDetail;
+  chapters:Chapter[];
+  chapter:Chapter|null;
+  comments?:PageData<Comment>;
+}
+
+/** Only the first route can consume this snapshot; later navigation loads fresh data. */
+export interface PageBootstrap {
+  path:string;
+  panel:'channel'|'player'|'search'|'info';
+  title:string;
+  subtitle?:string;
+  player?:PlayerInitialData;
+  search?:{keyword:string;total:number;page:number;pageSize:number};
+  info?:{key:string;member?:MemberInitialData;wallet?:WalletInitialData;feedback?:boolean};
+  session?:{user:User|null;state:string};
+}
+
+export interface PageView {
+  panel:PageBootstrap['panel'];
+  title:string;
+  subtitle?:string;
+  html:string;
+  overview?:boolean;
+  channel?:string;
+  bootstrap?:PageBootstrap;
+}
diff --git a/src/lib/page-response.ts b/src/lib/page-response.ts
new file mode 100644
index 0000000..07966fe
--- /dev/null
+++ b/src/lib/page-response.ts
@@ -0,0 +1,9 @@
+import { notFound } from 'next/navigation';
+import { pageResponseStatus, type SeoContent } from './seo';
+
+/** Run before rendering the page shell so errors retain their actual HTTP status. */
+export function assertPageContent(pathname:string,content:SeoContent):void {
+  const status=pageResponseStatus(pathname,content);
+  if(status===404)notFound();
+  if(status===500)throw new Error('页面内容服务暂不可用，请稍后重试');
+}
diff --git a/src/lib/player-data.ts b/src/lib/player-data.ts
new file mode 100644
index 0000000..68eb7ef
--- /dev/null
+++ b/src/lib/player-data.ts
@@ -0,0 +1,57 @@
+import type { Advertisement, Advertisements, Chapter, Comment, DramaDetail, PageData } from './api/types';
+import type { PlayerInitialData } from './page-data';
+import { recordList } from './api/protocol';
+import { normalizeSeo } from './seo';
+import { chapterAccess } from './client/playback';
+
+function fields(value:object,strings:string[],numbers:string[],booleans:string[]=[]):Record<string,unknown> {
+  const data=value as Record<string,unknown>,result:Record<string,unknown>={};
+  for(const key of strings)if(typeof data[key]==='string')result[key]=data[key];
+  for(const key of numbers)if(typeof data[key]==='number'&&Number.isFinite(data[key]))result[key]=data[key];
+  for(const key of booleans)if(typeof data[key]==='boolean')result[key]=data[key];
+  return result;
+}
+
+function advertisements(data:Advertisements|undefined):Advertisements|undefined {
+  if(!data||typeof data!=='object'||Array.isArray(data))return;
+  const result:Advertisements={};
+  for(const key of ['nineGridList','detailbannerList'])result[key]=recordList<Advertisement>(data[key]).map(item=>({
+    ...fields(item,['advertiseCode','advertiseLocationCode','advertiseLocationName'],['location']),
+    id:typeof item.id==='string'?item.id:'',title:typeof item.title==='string'?item.title:'',
+    images:typeof item.images==='string'?item.images:'',link:typeof item.link==='string'?item.link:'',
+  }));
+  return result;
+}
+
+export function publicDrama(data:DramaDetail):DramaDetail {
+  const result=fields(data,['mediaId','title','playName','slug','desc','description','cover','horizontalCover','banner','coverImg','onlineAt','mediaCreatedAt','mediaUpdatedAt','createdAt','updatedAt','addedTime','anchor','preview','recommendTraceId','recommendId','recommendTraceInfo'],['id','totalEpisode','countLike','countCollect','countBrowse','heatValue','isCollect','isLike','watchTimes','updateStatus','operateType'],['isNew','isFeatured','showOnBanner']) as unknown as DramaDetail;
+  for(const key of ['tagNames','themeNames','tagSlugs','themeSlugs'] as const)if(Array.isArray(data[key]))result[key]=data[key].filter(value=>typeof value==='string');
+  for(const key of ['tagIds','themeIds'] as const)if(Array.isArray(data[key]))result[key]=data[key].filter(Number.isSafeInteger);
+  if(data.seoInfo)result.seoInfo=normalizeSeo(data.seoInfo);
+  result.advitise=advertisements(data.advitise);
+  if(data.video)result.video=fields(data.video,['url','cover'],['videoTime','width','height']);
+  return result;
+}
+
+function publicChapter(data:Chapter):Chapter {
+  const result=fields(data,['title','mediaId'],['id','playletId','currentEpisode','mediaTime','width','height','mediaSize','countBrowse','countCollect','countComment','countLike','ratio','payType','singleCoins','costCoins','balance','isCollect','isLike'],['canWatch','needUnlock','needVip','isUnlocked','vipValid']) as unknown as Chapter;
+  if(data.seoInfo)result.seoInfo=normalizeSeo(data.seoInfo);
+  // Protected sources are serialized only when this identity may actually watch them.
+  if(chapterAccess(data).allowed&&typeof data.videoUrl==='string')result.videoUrl=data.videoUrl;
+  return result;
+}
+
+function publicComment(data:Comment,depth=0):Comment {
+  const result=fields(data,['text','userName','userAvatar','createdAt'],['id','isLike','countLike','parentsId']) as unknown as Comment;
+  if(depth<4)result.children=recordList<Comment>(data.children).map(item=>publicComment(item,depth+1));
+  return result;
+}
+
+/** Explicit DTO: no auth tokens, SDK configuration, or arbitrary upstream properties. */
+export function playerInitialData(raw:DramaDetail,chapters:Chapter[],chapter:Chapter|null,comments?:PageData<Comment>):PlayerInitialData {
+  const detail=publicDrama(raw);
+  detail.relatedRecommendData=recordList<DramaDetail>(raw.relatedRecommendData).filter(item=>Number.isSafeInteger(item.id)&&item.id>0).slice(0,6).map(publicDrama);
+  return {detail,chapters:chapters.map(publicChapter),chapter:chapter?publicChapter(chapter):null,
+    ...(comments?{comments:{list:recordList<Comment>(comments.list).map(item=>publicComment(item)),...(typeof comments.error==='string'?{error:comments.error.slice(0,300)}:{}),totalCount:typeof comments.totalCount==='number'?comments.totalCount:0}}:{}),
+  };
+}
diff --git a/src/lib/routing.ts b/src/lib/routing.ts
new file mode 100644
index 0000000..0c189d1
--- /dev/null
+++ b/src/lib/routing.ts
@@ -0,0 +1,154 @@
+export interface SiteRoute {
+  group: string;
+  key: string;
+  value?: string;
+  page?: number;
+}
+
+export const RANK_PAGES = [
+  {slug:'hot',rankType:1,title:'热播榜',path:'/rank/hot/'},
+  {slug:'new',rankType:2,title:'新剧榜',path:'/rank/new/'},
+  {slug:'follow',rankType:3,title:'追剧榜',path:'/rank/follow/'},
+] as const;
+
+export function getRankPage(slug='hot') {
+  return RANK_PAGES.find(page=>page.slug===slug);
+}
+
+const channels = new Set(['shorts', 'topics', 'rank', 'apps', 'home-road']);
+const members = new Set(['center', 'favorites', 'history', 'likes', 'purchased', 'settings']);
+const information = new Set(['about-us', 'user-agreement', 'privacy-policy', 'help-center', '2257', 'dmca', 'feedback', 'user-center', 'settings', 'deposit']);
+const id = (value?: string) => value !== undefined && /^\d+$/.test(value) && Number.isSafeInteger(Number(value)) && Number(value)>0;
+
+export interface ContentIdentity { id?:number; slug?:unknown }
+const slugKey=(value:unknown):string=>typeof value==='string'&&value.trim()&&!['.','..'].includes(value.trim())&&!/[\\\u0000-\u001f\u007f]/.test(value)?value.trim():'';
+const routeSlug=(value:unknown):string=>/^[a-z\d][a-z\d_-]*$/i.test(slugKey(value))?slugKey(value):'';
+const contentKey=(value?:string)=>!!value&&(id(value)||!/^\d+$/.test(value)&&slugKey(value)===value);
+
+/** Shared by SSR, cards, playback actions and SEO. Slugs are encoded exactly once. */
+export function contentSegment(value:ContentIdentity|string|number):string {
+  if(typeof value==='object')return routeSlug(value.slug)||(id(String(value.id))?String(value.id):'');
+  if(/^\d+$/.test(String(value)))return id(String(value))?String(Number(value)):'';
+  return routeSlug(value);
+}
+export function contentPath(kind:'detail'|'play'|'video'|'topics'|'theme'|'tag'|'config',value:ContentIdentity|string|number,chapterId?:number):string {
+  return `/${kind}/${encodeURIComponent(contentSegment(value))}/${kind==='play'?`${chapterId}/`:''}`;
+}
+export function contentQuery(key:string,idName='id',slugName='slug'):Record<string,string|number> {
+  return id(key)?{[idName]:Number(key)}:{[slugName]:key};
+}
+export function matchesContentKey(value:ContentIdentity,key:string):boolean {
+  return id(key)?value.id===Number(key):!!slugKey(value.slug)&&slugKey(value.slug).toLowerCase()===key.toLowerCase();
+}
+
+/** Encode the complete keyword once as a single path segment. */
+export function searchPath(keyword:string,page=1):string {
+  if(!Number.isSafeInteger(page)||page<1)throw new RangeError('页码无效');
+  const term=keyword.trim();
+  if(!term&&page>1)throw new Error('空搜索不支持分页');
+  return `/search/${term?encodeURIComponent(term)+'/':''}${page===1?'':`page/${page}/`}`;
+}
+
+/** Accept decoded segments; parseSitePath is the boundary for encoded paths. */
+function baseRouteFromSegments(parts: string[]): SiteRoute | null {
+  if (!parts.length) return {group: '', key: ''};
+  const [group, key, value] = parts;
+  if(group==='search'&&parts.length===1)return {group,key:''};
+  if (channels.has(group) && parts.length === 1) return {group: 'page', key: group};
+  if (group === 'rank' && parts.length === 2 && getRankPage(key)) return {group: 'page', key: 'rank', value: key};
+  if (['topics', 'theme', 'tag', 'config'].includes(group) && parts.length === 2 && contentKey(key)) {
+    return {group: 'page', key: group, value: key};
+  }
+  if (group === 'detail' && parts.length === 2 && contentKey(key)) return {group, key};
+  if (group === 'play' && parts.length === 3 && contentKey(key) && id(value)) return {group, key, value};
+  if (group === 'search' && parts.length === 2 && key.trim()) return {group, key};
+  if (group === 'member' && parts.length === 2 && members.has(key)) return {group, key};
+  if (group === 'info' && parts.length === 2 && information.has(key)) return {group, key};
+  if (group === 'info' && key === 'deposit' && value === 'vip' && parts.length === 3) return {group, key, value};
+  return null;
+}
+
+export function supportsPagination(route:SiteRoute):boolean {
+  if(route.group==='page')return ['shorts','topics','rank','theme','tag','config'].includes(route.key);
+  if(route.group==='member')return ['favorites','history','likes','purchased'].includes(route.key);
+  if(route.group==='info')return route.key==='deposit';
+  if(route.group==='search')return true;
+  return ['detail','play'].includes(route.group);
+}
+
+export function routeFromSegments(parts:string[]):SiteRoute|null {
+  if(parts.length>=2&&parts.at(-2)==='page'){
+    const value=parts.at(-1)!;
+    if(!/^[1-9]\d*$/.test(value)||!Number.isSafeInteger(Number(value)))return null;
+    const route=baseRouteFromSegments(parts.slice(0,-2));
+    return route&&supportsPagination(route)?{...route,page:Number(value)}:null;
+  }
+  return baseRouteFromSegments(parts);
+}
+
+/** Generate page links directly; the first page uses the original page path. */
+export function paginationPath(path:string,page:number,updates:Record<string,string|number|null>={}):string {
+  if(!Number.isSafeInteger(page)||page<1)throw new RangeError('页码无效');
+  const url=new URL(path,'https://site.invalid');
+  const route=parseSitePath(url.pathname,url.search);
+  if(!route||!supportsPagination(route))throw new Error('该页面不支持分页');
+  let base=url.pathname.replace(/\/$/,'');
+  if(route.page!==undefined)base=base.replace(/\/page\/[1-9]\d*$/,'');
+  if(route.group==='search'){
+    base=searchPath(route.key).replace(/\/$/,'');
+    url.searchParams.delete('q');
+    if(!route.key.trim()&&page>1)throw new Error('空搜索不支持分页');
+  }
+  for(const [key,value] of Object.entries(updates)){
+    if(value===null)url.searchParams.delete(key);else url.searchParams.set(key,String(value));
+  }
+  return `${base}/${page===1?'':`page/${page}/`}${url.search}`;
+}
+
+export function parseSitePath(pathname: string,search=''): SiteRoute | null {
+  if (!pathname.startsWith('/') || pathname.startsWith('//')) return null;
+  try {
+    const path = pathname.replace(/\/$/, '');
+    const route=routeFromSegments(path ? path.slice(1).split('/').map(decodeURIComponent) : []);
+    if(route?.group==='search'&&!route.key)route.key=new URLSearchParams(search).get('q')?.trim()||'';
+    return route;
+  } catch {
+    return null;
+  }
+}
+
+export function samePageAddress(left:string,right:string):boolean {
+  const normalized=(path:string)=>{
+    const url=new URL(path,'https://site.invalid');
+    const route=parseSitePath(url.pathname,url.search);
+    return route?JSON.stringify([route,[...url.searchParams.entries()].sort()]):null;
+  };
+  try{const first=normalized(left);return first!==null&&first===normalized(right);}catch{return false;}
+}
+
+export function navigationSection(route: SiteRoute): string {
+  if (!route.group) return 'home';
+  if (route.group === 'page') return ['theme', 'tag', 'config'].includes(route.key) ? 'shorts' : route.key;
+  if (['detail', 'play'].includes(route.group)) return 'shorts';
+  return '';
+}
+
+/** Top-level entries match their own pages and pagination, without a detail-page fallback. */
+export function topNavigationSection(route: SiteRoute | null): string {
+  if (!route) return '';
+  if (!route.group) return 'home';
+  if (route.group === 'page' && channels.has(route.key) && (!route.value || route.key === 'rank')) return route.key;
+  return '';
+}
+
+/** Return only recognized same-origin page links, leaving files and external links to the browser. */
+export function internalPagePath(href: string, base: string): string | null {
+  if (href.includes('#')) return null;
+  try {
+    const url = new URL(href, base);
+    if (url.origin !== new URL(base).origin || url.hash || !parseSitePath(url.pathname,url.search)) return null;
+    return url.pathname + url.search;
+  } catch {
+    return null;
+  }
+}
diff --git a/src/lib/seo-server.ts b/src/lib/seo-server.ts
new file mode 100644
index 0000000..417cf0d
--- /dev/null
+++ b/src/lib/seo-server.ts
@@ -0,0 +1,259 @@
+import { cache } from 'react';
+import { cookies, headers } from 'next/headers';
+import type { Metadata } from 'next';
+import { randomUUID } from 'node:crypto';
+import { isIP } from 'node:net';
+import { getHeaderNavigation, getHome, getServerApiBaseUrl, upstream } from './api/server';
+import type { Config, DramaDetail, Chapter, Comment, Drama, FooterInfoResponse, NavigationCategory, PageData, User } from './api/types';
+import { ApiError, EXPIRED_CODES, recordList } from './api/protocol';
+import { contentPath, contentQuery, matchesContentKey, parseSitePath } from './routing';
+import { getInfoPage } from './info-pages';
+import { buildPageHead, dramaSeoContent, homeSeoContent, infoSeoContent, listSeoContent, resolveSeoEnvironment, type PageHead, type SeoBootstrap, type SeoContent } from './seo';
+import { SeoSnapshotStore } from './seo-snapshot.server';
+import type { PageBootstrap, PageView, WalletInitialData } from './page-data';
+import type { ApiClient } from './client/api';
+import { playerInitialData } from './player-data';
+import { loadChannel, channelView } from './client/channel';
+import { orderedChapters, playerMarkup } from './client/player-markup';
+import { loadSearchResults, searchErrorMarkup, searchResultsMarkup } from './client/search';
+import { paginationPath } from './routing';
+import { empty } from './client/render';
+import { loadAppCategories, renderAppDirectory } from './client/apps';
+import { homeRoad } from './client/config';
+import { feedbackMarkup } from './client/feedback';
+import { memberMarkup, walletMarkup } from './client/account';
+import { publicUser } from './api/public-user';
+import { SSR_SESSION_HEADER, SSR_USER_HEADER } from './api/page-session';
+import { accountList, accountPackages, accountTransactions } from './account-data';
+import { publicSiteData } from './site-shared-data';
+
+const snapshotStores=new Map<string,SeoSnapshotStore>();
+const getSeoSnapshots=cache(async ()=>{
+  const source=await getServerApiBaseUrl();
+  let store=snapshotStores.get(source);
+  if(!store){
+    store=new SeoSnapshotStore(source);
+    if(snapshotStores.size>=32)snapshotStores.delete(snapshotStores.keys().next().value!);
+    snapshotStores.set(source,store);
+  }
+  return store;
+});
+
+/** Request memoization shares config/home between generateMetadata and the page render. */
+export const getSeoConfig=cache(async ():Promise<{config:Config;error?:string}>=>{
+  try{
+    const result=await upstream<Config>('config/info',{timeoutMs:5000});
+    if(result.code!==200)throw new Error(result.tip||result.msg||'配置加载失败');
+    if(!result.data||typeof result.data!=='object'||Array.isArray(result.data))throw new Error('配置数据无效');
+    return {config:result.data};
+  }catch(error){return {config:{},error:error instanceof Error?error.message:'配置加载失败'};}
+});
+const getCategories=cache(async ():Promise<NavigationCategory[]|undefined>=>{
+  try{
+    const result=await upstream<{categoryList?:NavigationCategory[]}>('translation/category/list',{timeoutMs:5000});
+    return result.code===200&&Array.isArray(result.data?.categoryList)?result.data.categoryList:undefined;
+  }catch{return undefined;}
+});
+const getFooterInfo=cache(async ():Promise<FooterInfoResponse>=>{
+  try{const result=await upstream<FooterInfoResponse>('config/footer/info',{timeoutMs:5000});return result.code===200?result.data||{}:{};}catch{return {};}
+});
+const getSiteSharedData=cache(async ()=>{
+  const [configuration,footer]=await Promise.all([getSeoConfig(),getFooterInfo()]);
+  return publicSiteData(configuration.config,footer);
+});
+const getEnvironment=cache(async (navigation=false)=>{
+  const seoSnapshots=await getSeoSnapshots();
+  const [configuration,categories,previous]=await Promise.all([getSeoConfig(),navigation?Promise.resolve(undefined):getCategories(),seoSnapshots.read()]);
+  const environment=resolveSeoEnvironment(configuration.config,categories,previous);
+  if(!configuration.error)await seoSnapshots.write(environment);
+  return environment;
+});
+
+/** Metadata routes share the canonical origin and its last valid snapshot, without loading navigation. */
+export async function getSeoOrigin():Promise<string> {
+  return (await getEnvironment(true)).origin;
+}
+
+/** A read-only detail/search request may require the same guest identity as the reference site.
+ * The credential stays on the server and is never serialized into metadata or the client bootstrap.
+ */
+const getReadIdentity=cache(async ()=>{
+  const [jar,requestHeaders]=await Promise.all([cookies(),headers()]);
+  const suppliedDevice=jar.get('drama_device')?.value||'';
+  const device=/^[a-zA-Z0-9_-]{1,100}$/.test(suppliedDevice)?suppliedDevice:randomUUID();
+  const userAgent=requestHeaders.get('user-agent')||'91-drama-web/1.0';
+  const token=jar.get('drama_session')?.value||'';
+  const ip=(requestHeaders.get('x-real-ip')||requestHeaders.get('x-forwarded-for')?.split(',')[0]||'').trim();
+  return {token,device,userAgent,clientIp:isIP(ip)?ip:undefined,registered:jar.get('drama_registered')?.value==='1',prepared:requestHeaders.has(SSR_SESSION_HEADER),channel:(jar.get('drama_channel')?.value||process.env.API_CHANNEL||'').slice(0,100)};
+});
+const getReadGuest=cache(async ()=>{
+  const identity=await getReadIdentity();
+  const result=await upstream<User>('auth/guest',{method:'POST',body:{devID:identity.device,deviceId:identity.device,channel:identity.channel,mac:''},device:identity.device,userAgent:identity.userAgent,clientIp:identity.clientIp,timeoutMs:5000});
+  if(result.code!==200||!result.data?.token)throw new Error('内容暂不可用');
+  return {...identity,token:result.data.token};
+});
+async function contentRequest<T>(endpoint:string,query:Record<string,string|number>,protectedRead=false):Promise<T> {
+  const path=endpoint+'?'+new URLSearchParams(Object.entries(query).map(([key,value])=>[key,String(value)]));
+  const identity=protectedRead?await getReadIdentity():{};
+  let result;
+  try{result=await upstream<T>(path,{...identity,timeoutMs:5000});}
+  catch(error){
+    if(!protectedRead||error===null||typeof error!=='object'||!('code' in error)||!([401,403].includes(Number(error.code))||EXPIRED_CODES.has(Number(error.code)))||('registered' in identity&&identity.registered)||('prepared' in identity&&identity.prepared))throw error;
+  }
+  if(protectedRead&&(!result||([401,403].includes(result.code)||EXPIRED_CODES.has(result.code)))&&(!('registered' in identity)||!identity.registered)&&!('prepared' in identity&&identity.prepared)){
+    result=await upstream<T>(path,{...await getReadGuest(),timeoutMs:5000});
+  }
+  if(result?.code!==200)throw new ApiError('内容暂不可用',result?.code||502);
+  if(result.data==null&&['playlet/detail','playlet/chapter/detail'].includes(endpoint))throw new ApiError('内容不存在',404);
+  if(!result.data||typeof result.data!=='object'||Array.isArray(result.data))throw new ApiError('内容返回数据无效',502);
+  return result.data;
+}
+
+const preparedSession=cache(async ()=>{
+  const incoming=await headers();let user:User|null=null;
+  try{user=publicUser(JSON.parse(Buffer.from(incoming.get(SSR_USER_HEADER)||'','base64url').toString()));}catch{}
+  return {user,state:incoming.get(SSR_SESSION_HEADER)||'unavailable'};
+});
+function infoView(path:string,key:string,title:string,html:string,extras:Partial<PageBootstrap>={}):PageView {
+  return {panel:'info',title,html,bootstrap:{path,panel:'info',title,info:{key},...extras}};
+}
+
+const loadContent=cache(async (pathname:string,search:string):Promise<SeoContent&{view?:PageView}>=>{
+  const route=parseSitePath(pathname,search);if(!route)return {};
+  const params=new URLSearchParams(search),address=pathname+search;
+  const query:Record<string,string|number>={pageNum:route.page||1,pageSize:24};
+  try{
+    if(!route.group){const home=await getHome();return {...homeSeoContent(home.data),failed:!!home.error};}
+    if(route.group==='member'||route.group==='info'&&['deposit','user-center','settings'].includes(route.key)){
+      const wallet=route.key==='deposit',tab=route.group==='member'?route.key:route.key==='settings'?'settings':'center';
+      const title=wallet?(route.value==='vip'?'会员畅享':'金币充值'):({center:'个人中心',history:'观看历史',favorites:'我的收藏',likes:'我的点赞',purchased:'已购剧集',settings:'账号设置'} as Record<string,string>)[tab];
+      const session=await preparedSession(),pageHref=(page:number)=>paginationPath(address,page);
+      if(!session.user){
+        const html=session.state==='login-required'?empty('请先登录账号')+'<button type="button" class="primary" data-auth-mode="login">登录账号</button>':empty('账号服务暂不可用，请稍后重试',true);
+        return {view:infoView(address,route.key,title,html,{session}),failed:session.state!=='login-required'};
+      }
+      try{
+        if(wallet){
+          const [packages,transactions]=await Promise.all([
+            contentRequest<WalletInitialData['packages']>('recharge/package/list',{}),
+            contentRequest<WalletInitialData['transactions']>('coin/trans/list',{page:route.page||1,pageSize:10,type:0},true).catch(()=>({list:[],totalCount:0,error:true})),
+          ]);
+          const initial:WalletInitialData={user:session.user,packages:accountPackages(packages),transactions:accountTransactions(transactions)};
+          return {...(transactions.error?{failed:(route.page||1)>1}:{totalCount:initial.transactions.totalCount}),pageSize:10,view:infoView(address,'deposit',title,walletMarkup(session.user,initial.packages,initial.transactions,route.value==='vip',route.page||1,pageHref),{session,info:{key:'deposit',wallet:initial}})};
+        }
+        const active=tab==='center'?'history':tab,paths:Record<string,string>={history:'playlet/history/list',favorites:'playlet/collect/list',likes:'playlet/like/list',purchased:'playlet/bought/list'};
+        const list=tab==='settings'?undefined:accountList(await contentRequest<PageData<Drama>>(paths[active],query,true));
+        const initial={user:session.user,list};
+        return {totalCount:list?.totalCount,pageSize:24,view:infoView(address,tab,title,memberMarkup(session.user,tab,list,{},route.page||1,pageHref),{session,info:{key:tab,member:initial}})};
+      }catch{return {failed:true,view:infoView(address,route.key,title,empty('页面暂不可用，请稍后重试',true),{session})};}
+    }
+    if(route.group==='info'){
+      if(route.key==='feedback')return {view:infoView(address,'feedback','意见反馈',feedbackMarkup(),{info:{key:'feedback',feedback:true}})};
+      const configuration=await getSeoConfig();
+      const footer=route.key==='about-us'?await getFooterInfo():undefined;
+      const info=getInfoPage(route.key,configuration.config,footer?.footerInfo?.contactList||[]);
+      return info?{...infoSeoContent(info),view:infoView(address,route.key,info.title,info.html)}:{};
+    }
+    if(route.group==='search'){
+      if(!route.key&&(route.page||1)>1)return {missing:true};
+      const api:Pick<ApiClient,'get'>={get:(endpoint,values={})=>contentRequest(endpoint,Object.fromEntries(Object.entries(values).filter(([,value])=>value!==undefined).map(([key,value])=>[key,String(value)])),endpoint==='playlet/search')};
+      const results=await loadSearchResults(api,route.key,route.page||1,new AbortController().signal);
+      const {keyword,total,page,pageSize}=results;
+      return {totalCount:total,pageSize,view:{panel:'search',title:'搜索结果',html:searchResultsMarkup(results,value=>paginationPath(address,value)),bootstrap:{path:address,panel:'search',title:'搜索结果',search:{keyword,total,page,pageSize}}}};
+    }
+    if(['detail','play'].includes(route.group)){
+      const commentSort=params.get('commentSort')==='1'?1:2;
+      const detailRequest=contentRequest<DramaDetail>('playlet/detail',contentQuery(route.key),true);
+      const playletQuery=contentQuery(route.key,'playletId','playletSlug');
+      // Slug-aware chapter reads stay parallel. Only ID-only endpoints wait for slug resolution.
+      const resolvedId=playletQuery.playletId?Promise.resolve(Number(playletQuery.playletId)):detailRequest.then(detail=>{
+        if(!matchesContentKey(detail,route.key)||!Number.isSafeInteger(detail.id)||detail.id<=0)throw new ApiError('剧集不存在',404);
+        return detail.id;
+      });
+      const [detail,chapterResult,chapters,comments,configuration,recommendations]=await Promise.all([
+        detailRequest,
+        route.group==='play'?contentRequest<Chapter>('playlet/chapter/detail',{...playletQuery,chapterId:route.value!},true):Promise.resolve(undefined),
+        contentRequest<{list?:Chapter[]}>('playlet/chapter/list',playletQuery,true).then(data=>data.list).catch(()=>undefined),
+        (route.group==='play'?Promise.resolve(Number(route.value)):resolvedId).then(objectId=>contentRequest<PageData<Comment>>('comment/list',{objectId,objectType:route.group==='play'?11:10,pageNum:route.page||1,pageSize:10,sortOrder:commentSort},true)).catch(()=>({list:[],totalCount:0,error:'评论暂不可用，请稍后重试'})),
+        getSeoConfig(),
+        resolvedId.then(playletId=>contentRequest<PageData<Drama>>('playlet/guess-like/list',{playletId,pageNum:1,pageSize:6})).catch(()=>undefined),
+      ]);
+      let chapter:Chapter|undefined;
+      if(route.group==='play'){
+        chapter=chapterResult;
+        if(!chapter)throw new ApiError('章节不存在',404);
+        if(chapter.id!==Number(route.value)||chapter.playletId&&chapter.playletId!==detail.id)return {missing:true};
+      }
+      const content=dramaSeoContent(detail,chapter);
+      if(!matchesContentKey(detail,route.key))return {...content,missing:true};
+      if(!content.title)return {failed:true};
+      if(comments&&!comments.error){content.totalCount=comments.totalCount;content.pageSize=10;}
+      if(comments?.error&&(route.page||1)>1)content.failed=true;
+      const ordered=orderedChapters(chapters??detail.playletChapterInfo);
+      detail.relatedRecommendData=recommendations?.list||[];
+      const initial=playerInitialData(detail,ordered,chapter||null,comments);
+      const title=content.title||'剧集详情',overview=route.group==='detail';
+      const pageHref=(page:number,sort:number)=>paginationPath(contentPath(overview?'detail':'play',detail,chapter?.id)+search,page,{commentSort:sort===2?null:sort});
+      return {...content,view:{panel:'player',title,overview,html:playerMarkup(initial.detail,initial.chapters,{chapter:initial.chapter,isVideo:false,page:route.page||1,commentSort,comments:initial.comments,config:configuration.config,pageHref}),bootstrap:{path:address,panel:'player',title,player:initial}}};
+    }
+    if(route.group!=='page')return {};
+    const api:Pick<ApiClient,'get'>={get:(endpoint,values={})=>contentRequest(endpoint,Object.fromEntries(Object.entries(values).filter(([,value])=>value!==undefined).map(([key,value])=>[key,String(value)])))};
+    if(['apps','home-road'].includes(route.key)){
+      const title=route.key==='apps'?'福利应用':'回家的路';
+      const configuration=route.key==='home-road'?await getSeoConfig():undefined;
+      if(configuration?.error)throw new Error('入口配置暂不可用');
+      const html=route.key==='apps'?renderAppDirectory(await loadAppCategories(api,new AbortController().signal)):homeRoad(configuration!.config);
+      return {view:{panel:'channel',channel:route.key,title,html,bootstrap:{path:address,panel:'channel',title}}};
+    }
+    const [data,home,tags]=await Promise.all([
+      loadChannel(api,route,search),
+      route.key==='topics'&&!route.value?getHome():Promise.resolve(undefined),
+      // The tag-list API returns a successful empty list even for nonexistent tag IDs.
+      route.key==='tag'?contentRequest<PageData<{id:number;slug?:string}>>('playlet/tag/options',{}).catch(()=>{throw new Error('标签目录暂不可用');}):Promise.resolve(undefined),
+    ]);
+    if(route.key==='tag'){
+      if(!Array.isArray(tags?.list))throw new Error('标签目录暂不可用');
+      const tag=recordList<{id:number;slug?:string}>(tags.list).find(item=>matchesContentKey(item,route.value!));
+      if(!tag)return {missing:true};
+      Object.assign(data,{id:tag.id,slug:tag.slug});
+    }
+    const rendered=channelView(route,data,address);
+    return {...listSeoContent(data,route,home?.data),view:{panel:'channel',channel:route.key,...rendered,bootstrap:{path:address,panel:'channel',title:rendered.title,subtitle:rendered.subtitle}}};
+  }catch(error){
+    if(error instanceof ApiError&&(error.code===401||EXPIRED_CODES.has(error.code))&&(await preparedSession()).state==='login-required'){
+      const title='登录后继续访问';
+      return {loginRequired:true,view:{panel:'channel',title,html:empty('请先登录账号')+'<button type="button" class="primary" data-auth-mode="login">登录账号</button>'}};
+    }
+    const resource=route.group==='detail'||route.group==='play'||route.group==='page'&&['theme','tag','config'].includes(route.key)||route.group==='page'&&route.key==='topics'&&!!route.value;
+    // The current service uses 5009 ("无数据") for missing short dramas, episodes and topics.
+    if(resource&&error instanceof ApiError&&[404,410,5009].includes(error.code))return {missing:true};
+    if(route.group==='search')return {failed:true,view:{panel:'search',title:'搜索结果',html:searchErrorMarkup(route.key,'搜索服务暂不可用，请稍后重试')}};
+    return {failed:true};
+  }
+});
+
+export const getPageSeo=cache(async (pathname:string,search='')=>{
+  const navigation=pathname.replace(/\/$/,'')==='/navigation';
+  const [environment,loaded,session,shared]=await Promise.all([getEnvironment(navigation),navigation?Promise.resolve({} as SeoContent&{view?:PageView}):loadContent(pathname,search),navigation?Promise.resolve(undefined):preparedSession(),navigation?Promise.resolve(undefined):getSiteSharedData(),navigation?Promise.resolve(undefined):getHeaderNavigation()]);
+  const {view,...content}=loaded;
+  const head=buildPageHead(pathname,search,environment,content);
+  const bootstrap:SeoBootstrap={environment,content,path:pathname+search};
+  return {head,bootstrap,view,session,shared};
+});
+
+export function metadataFromHead(head:PageHead):Metadata {
+  return {
+    title:head.title,description:head.description,keywords:head.keywords,applicationName:head.siteName,
+    alternates:head.canonical?{canonical:head.canonical}:null,
+    pagination:{previous:head.previous,next:head.next},
+    robots:{index:!head.robots.includes('noindex'),follow:!head.robots.includes('nofollow'),...(!head.robots.includes('noindex')?{'max-image-preview':'large' as const,'max-snippet':-1,'max-video-preview':-1}:{}),googleBot:head.robots},
+    openGraph:{locale:'zh_CN',type:head.type,siteName:head.siteName,title:head.title,description:head.description,url:head.canonical,images:head.image?[{url:head.image,width:1200,height:630,alt:head.siteName}]:[]},
+    twitter:{card:'summary_large_image',title:head.title,description:head.description,images:head.image?[{url:head.image,alt:head.siteName}]:[]},
+  };
+}
+
+export function queryString(params:Record<string,string|string[]|undefined>):string {
+  const query=new URLSearchParams();
+  for(const [key,value] of Object.entries(params))for(const item of Array.isArray(value)?value:value===undefined?[]:[value])query.append(key,item);
+  return query.size?'?'+query.toString():'';
+}
diff --git a/src/lib/seo-snapshot.server.ts b/src/lib/seo-snapshot.server.ts
new file mode 100644
index 0000000..0da117b
--- /dev/null
+++ b/src/lib/seo-snapshot.server.ts
@@ -0,0 +1,55 @@
+import { createHash, randomUUID } from 'node:crypto';
+import { mkdir, readFile, rename, unlink, writeFile } from 'node:fs/promises';
+import { dirname, join } from 'node:path';
+import { normalizeSeo, siteOrigin, type SeoEnvironment } from './seo';
+import { schemaUrl } from './structured-data';
+
+const record=(value:unknown):Record<string,unknown>=>value&&typeof value==='object'&&!Array.isArray(value)?value as Record<string,unknown>:{};
+
+/** Only public SEO fields are stored, never the full config, SDK config or credentials. */
+function publicEnvironment(value:unknown):SeoEnvironment|undefined {
+  const data=record(value),origin=siteOrigin(data.origin);
+  if(!origin)return;
+  const categories=(Array.isArray(data.categories)?data.categories:[]).map(record).filter(item=>typeof item.urlValue==='string').map(item=>({
+    urlValue:item.urlValue as string,
+    ...(typeof item.name==='string'?{name:item.name}:{}),
+    ...(typeof item.categoryType==='number'?{categoryType:item.categoryType}:{}),
+    seoInfo:normalizeSeo(item.seoInfo),
+  }));
+  const sameAs=[...new Set((Array.isArray(data.sameAs)?data.sameAs:[]).map(value=>schemaUrl(value,origin)).filter(Boolean))];
+  return {origin,site:normalizeSeo(data.site),navigation:normalizeSeo(data.navigation),categories,sameAs};
+}
+
+/** An atomic disk snapshot survives server restarts; the API origin isolates projects. */
+export class SeoSnapshotStore {
+  private filename:string;
+  private lastKnown?:SeoEnvironment;
+
+  constructor(source:string,directory=join(process.cwd(),process.env.APP_DIST_DIR||'.next','cache','seo')) {
+    this.filename=join(directory,createHash('sha256').update(source).digest('hex')+'.json');
+  }
+
+  async read():Promise<SeoEnvironment|undefined> {
+    try {
+      const saved=record(JSON.parse(await readFile(this.filename,'utf8')));
+      if(saved.version===1){
+        const environment=publicEnvironment(saved.environment);
+        if(environment)this.lastKnown=environment;
+      }
+    }catch{/* A read-only cache directory can still use this process's last good value. */}
+    return this.lastKnown;
+  }
+
+  async write(environment:SeoEnvironment):Promise<void> {
+    const snapshot=publicEnvironment(environment);
+    if(!snapshot)return;
+    this.lastKnown=snapshot;
+    const temporary=this.filename+'.'+randomUUID()+'.tmp';
+    try {
+      await mkdir(dirname(this.filename),{recursive:true});
+      await writeFile(temporary,JSON.stringify({version:1,environment:snapshot}),{flag:'wx',mode:0o600});
+      await rename(temporary,this.filename);
+    }catch{/* Cache persistence must not prevent serving a valid configuration. */}
+    finally {await unlink(temporary).catch(()=>{});}
+  }
+}
diff --git a/src/lib/seo.ts b/src/lib/seo.ts
new file mode 100644
index 0000000..e4177f3
--- /dev/null
+++ b/src/lib/seo.ts
@@ -0,0 +1,243 @@
+import type { Chapter, Config, DramaDetail, HomeData, NavigationCategory, PageData } from './api/types';
+import type { InfoPageDefinition } from './info-pages';
+import { chapterAccess, chapterRequiresPayment } from './client/playback';
+import { contentPath, getRankPage, navigationSection, paginationPath, parseSitePath, supportsPagination, type ContentIdentity, type SiteRoute } from './routing';
+import { buildStructuredData, dramaSchemaData, faqFromHtml, homeSchemaItems, listSchemaItems, schemaUrl, type SchemaGraph, type SchemaDrama, type SchemaItem, type SchemaQuestion } from './structured-data';
+
+export interface NormalizedSeo { title:string; description:string; keywords:string[]; siteName:string }
+export interface SeoEnvironment { origin:string; site:NormalizedSeo; navigation:NormalizedSeo; categories:NavigationCategory[]; sameAs?:string[] }
+export interface SeoContent {
+  seoInfo?:unknown; title?:string; description?:string; keywords?:string[]; episode?:number;
+  totalCount?:number; pageSize?:number; failed?:boolean; missing?:boolean; unavailable?:boolean; loginRequired?:boolean;
+  routeConfig?:boolean; indexable?:boolean; paywalled?:boolean; identity?:ContentIdentity;
+  items?:SchemaItem[]; entity?:SchemaDrama; faq?:SchemaQuestion[];
+}
+export interface PageHead {
+  title:string; description:string; keywords:string[]; siteName:string; robots:string;
+  canonical?:string; previous?:string; next?:string; image:string; type:'website'|'article'|'video.episode';
+  jsonLd?:SchemaGraph;
+}
+export interface SeoBootstrap { environment:SeoEnvironment; content:SeoContent; path:string }
+
+const text=(value:unknown):string=>typeof value==='string'?value.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi,'').replace(/<[^>]+>/g,'').replace(/[\u0000-\u001f\u007f]/g,' ').replace(/\s+/g,' ').trim():'';
+const first=(...values:unknown[])=>values.map(text).find(Boolean)||'';
+function object(value:unknown):Record<string,unknown> {
+  if(typeof value==='string'){try{return object(JSON.parse(value));}catch{return {};}}
+  return value&&typeof value==='object'&&!Array.isArray(value)?value as Record<string,unknown>:{};
+}
+function keywordList(...values:unknown[]):string[] {
+  for(const value of values){
+    const list=(Array.isArray(value)?value:typeof value==='string'?value.split(/[,，、;；]/):[]).map(text).filter(Boolean);
+    if(list.length)return [...new Set(list)];
+  }
+  return [];
+}
+export function normalizeSeo(value:unknown):NormalizedSeo {
+  const data=object(value);
+  return {title:first(data.title,data.webTitle,data.dhTitle),description:first(data.description,data.webDescription,data.dhDescription),keywords:keywordList(data.keywords,data.keyworld,data.webKeyworld,data.dhKeyworld),siteName:first(data.webSiteName,data.siteName,data.dhSiteName)};
+}
+export function mergeSeo(primary:NormalizedSeo,fallback:NormalizedSeo):NormalizedSeo {
+  return {title:primary.title||fallback.title,description:primary.description||fallback.description,keywords:primary.keywords.length?primary.keywords:fallback.keywords,siteName:primary.siteName||fallback.siteName};
+}
+
+/** Only the configured permanent site's origin is used; API/CDN addresses are never canonical roots. */
+export function siteOrigin(value:unknown):string {
+  const raw=text(value);if(!raw||/^[^/]*:\/\//.test(raw)&&!/^https?:\/\//i.test(raw))return '';
+  try{
+    const url=new URL(raw.startsWith('//')?'https:'+raw:/^https?:\/\//i.test(raw)?raw:'https://'+raw);
+    if(!['http:','https:'].includes(url.protocol)||url.username||url.password||!url.hostname)return '';
+    const host=url.hostname.toLowerCase();
+    if(new Set(['localhost','127.0.0.1','0.0.0.0','[::1]','www.xx.xxx','xx.xxx','example.com']).has(host)||host.endsWith('.example.com')||host.endsWith('.local'))return '';
+    return url.origin;
+  }catch{return '';}
+}
+export function seoEnvironment(config:Config={},categories:NavigationCategory[]=[]):SeoEnvironment {
+  const origin=siteOrigin(config.config?.foreverUrlAddr)||siteOrigin(config.newAddressInfo?.foreverUrlAddr);
+  const channels={...config.newAddressInfo,...config.config};
+  const sameAs=[...new Set([channels.twitterAddr,channels.tgGroup].map(value=>schemaUrl(value,origin)).filter(Boolean))];
+  return {origin,site:normalizeSeo(config.seoInfo),navigation:normalizeSeo(config.seoNavInfo),categories:Array.isArray(categories)?categories.filter(item=>item&&typeof item==='object'):[],sameAs};
+}
+
+/** A partial/failed configuration cannot replace the last valid site's identity. */
+export function resolveSeoEnvironment(config:Config,categories:NavigationCategory[]|undefined,previous?:SeoEnvironment):SeoEnvironment {
+  const current=seoEnvironment(config,categories??previous?.categories??[]);
+  if(!current.origin&&previous?.origin)return previous;
+  return {...current,
+    site:mergeSeo(current.site,previous?.site||normalizeSeo({siteName:'91短剧'})),
+    navigation:mergeSeo(current.navigation,previous?.navigation||normalizeSeo({})),
+  };
+}
+
+/** Keep SSR canonical, publisher and site_name unchanged during hydration/navigation. */
+export function clientSeoEnvironment(current:SeoEnvironment,config:Config):SeoEnvironment {
+  return current.origin?current:resolveSeoEnvironment(config,current.categories,current);
+}
+
+const infoTitles:Record<string,string>={'about-us':'关于我们','user-agreement':'用户协议','privacy-policy':'隐私政策','help-center':'常见问题','2257':'2257',dmca:'DMCA',feedback:'意见反馈','user-center':'个人中心',settings:'账号设置',deposit:'金币充值'};
+const labels:Record<string,string>={shorts:'短剧',topics:'专题推荐',rank:'热播榜',apps:'福利应用','home-road':'回家的路',theme:'题材短剧',tag:'标签短剧',config:'更多好剧',center:'个人中心',favorites:'我的收藏',history:'观看历史',likes:'我的点赞',purchased:'已购剧集',settings:'账号设置'};
+const descriptions:Record<string,string>={
+  shorts:'精选短剧与最新更新，都市甜宠、古装仙侠、悬疑逆袭，发现值得追的精彩故事。',
+  topics:'精选短剧专题与主题合集，按专题发现值得追的好剧。',
+  rank:'查看热播榜、新剧榜和追剧榜，发现大家正在看的热门短剧。',
+  'about-us':'了解91短剧的品牌介绍、平台服务与联系方式。',
+  'user-agreement':'了解91短剧的用户协议、使用条款与服务规则。',
+  'privacy-policy':'了解91短剧如何收集、使用及保护个人信息。',
+  'help-center':'查阅91短剧的观看、账户与服务常见问题。',
+  '2257':'91短剧的2257合规说明与相关信息。',dmca:'91短剧的版权保护政策与DMCA通知说明。',
+};
+function privateRoute(route:SiteRoute):boolean {
+  return route.group==='member'||route.group==='info'&&['user-center','settings','deposit','feedback'].includes(route.key);
+}
+function canonicalPath(path:string):string {
+  if(path==='/')return '/';
+  return path.replace(/\/page\/1\/?$/,'/').replace(/\/?$/,'/');
+}
+const basePath=(path:string)=>canonicalPath(path).replace(/\/page\/[1-9]\d*\/$/,'/');
+function canonicalPagePath(path:string,content:SeoContent={}):string {
+  const route=parseSitePath(path);
+  let result=canonicalPath(path).replace(/^\/rank\/(?!hot\/|new\/|follow\/)/,'/rank/hot/');
+  // Topic and theme routes currently render the same topic/detail resource.
+  if(route?.group==='page'&&['topics','theme','tag','config'].includes(route.key)&&route.value){
+    result=contentPath(route.key==='theme'?'topics':route.key as 'topics'|'tag'|'config',content.identity||route.value)+(route.page&&route.page>1?`page/${route.page}/`:'');
+  }else if(route&&['detail','play'].includes(route.group)){
+    result=contentPath(route.group as 'detail'|'play',content.entity||route.key,Number(route.value))+(route.page&&route.page>1?`page/${route.page}/`:'');
+  }
+  return result;
+}
+function categoryPath(value:unknown):string {
+  const raw=text(value);if(!raw||raw.startsWith('//')||/^[a-z][a-z\d+.-]*:/i.test(raw))return '';
+  const path=('/'+raw.replace(/^\//,'')).split(/[?#]/)[0].replace(/\/$/,'')||'/';
+  // These are API navigation keys, not URL redirects or additional public routes.
+  const aliases:Record<string,string>={'/home':'/','/playlet':'/shorts','/list':'/shorts','/theme':'/topics','/topic':'/topics','/application':'/apps'};
+  return canonicalPath(aliases[path]||path);
+}
+function navigationSeo(environment:SeoEnvironment,path:string,exact=false):NormalizedSeo|undefined {
+  const match=environment.categories.map(item=>({path:categoryPath(item.urlValue),seo:normalizeSeo(item.seoInfo),bottom:item.categoryType===3}))
+    .filter(item=>!item.bottom&&item.path&&(item.path===path||!exact&&item.path!=='/'&&path.startsWith(item.path))&&(item.seo.title||item.seo.description||item.seo.keywords.length))
+    .sort((a,b)=>b.path.length-a.path.length)[0];
+  return match?.seo;
+}
+export function homeSeoContent(home:HomeData):SeoContent {return {seoInfo:home.seoInfo,items:homeSchemaItems(home)};}
+export function infoSeoContent(page:InfoPageDefinition):SeoContent {return {title:page.title,faq:page.key==='help-center'?faqFromHtml(page.html):undefined};}
+export function listSeoContent(data:PageData<unknown>,route:SiteRoute,home?:HomeData):SeoContent {
+  let seo=normalizeSeo(data.seoInfo);
+  if(route.key==='topics'&&!route.value){
+    const block=Array.isArray(home?.homeConfigData)?home.homeConfigData.find(item=>item&&item.status&&item.type===3):undefined;
+    if(block)seo=mergeSeo(normalizeSeo(block.seoInfo),seo);
+  }
+  if(route.key==='topics'&&route.value)seo=mergeSeo(normalizeSeo(data.topicInfo?.seoInfo),seo);
+  const content:SeoContent={seoInfo:seo,title:first(data.name,data.title,data.topicInfo?.name),description:first(data.topicInfo?.desc,data.desc),pageSize:route.key==='config'?Math.max(24,Number(data.totalCount)||0):24,unavailable:data.unavailable===true,missing:data.missing===true,routeConfig:route.key==='config'||route.key==='topics'&&!route.value,items:listSchemaItems(data,route)};
+  if(typeof data.totalCount==='number'&&Number.isFinite(data.totalCount)&&data.totalCount>=0)content.totalCount=data.totalCount;
+  if(route.value){
+    const identity={id:data.topicInfo?.id??data.id,slug:data.topicInfo?.slug||data.slug};
+    if(Number.isSafeInteger(identity.id)&&Number(identity.id)>0)content.identity={id:Number(identity.id),slug:typeof identity.slug==='string'?identity.slug:undefined};
+  }
+  // More-list snapshots need a visible introduction and real items of their own.
+  if(route.key==='config')content.indexable=!!(content.title&&content.description&&content.items?.length);
+  // Catalogs use 24 items; a home-block fallback is a single finite snapshot.
+  return content;
+}
+export function dramaSeoContent(data:DramaDetail,chapter?:Chapter):SeoContent {
+  const title=first(data.playName,data.title),description=first(data.desc,data.description),keywords=keywordList(data.tagNames,data.themeNames);
+  const seo=mergeSeo(normalizeSeo(chapter?.seoInfo),mergeSeo(normalizeSeo(data.seoInfo),{title,description,keywords,siteName:''}));
+  const entity=dramaSchemaData(data,chapter),access=chapterAccess(chapter);
+  if(chapter&&entity.video)entity.video.source=access.allowed?access.source:undefined;
+  // The current locked view repeats the series synopsis; metadata alone is not unique episode content.
+  const indexable=chapter?!!(title&&Number.isSafeInteger(chapter.currentEpisode)&&chapter.currentEpisode!>0&&access.allowed&&access.source):undefined;
+  return {seoInfo:seo,title,description,keywords,episode:chapter?.currentEpisode,indexable,paywalled:chapter?chapterRequiresPayment(chapter):undefined,missing:!Number.isSafeInteger(data.id)||data.id<=0,entity};
+}
+
+/** Only a successful count can prove a page is beyond the end of a collection. */
+export function pageResponseStatus(pathname:string,content:SeoContent={}):200|404|500 {
+  const route=parseSitePath(pathname);
+  if(!route&&pathname!=='/navigation/')return 404;
+  // An outage must not turn a temporarily unavailable resource into a permanent 404.
+  if(content.failed||content.unavailable)return 500;
+  if(content.missing)return 404;
+  const pageSize=Number.isSafeInteger(content.pageSize)&&content.pageSize!>0?content.pageSize!:24;
+  if(route&&supportsPagination(route)&&Number.isSafeInteger(content.totalCount)&&content.totalCount!>=0&&
+    (route.page||1)>Math.max(1,Math.ceil(content.totalCount!/pageSize)))return 404;
+  return 200;
+}
+
+export function buildPageHead(pathname:string,search:string,environment:SeoEnvironment,content:SeoContent={}):PageHead {
+  const navigation=pathname.replace(/\/$/,'')==='/navigation';
+  const route=navigation?{group:'navigation',key:''}:parseSitePath(pathname,search);
+  const siteName=first(environment.site.siteName,navigation?environment.navigation.siteName:'',normalizeSeo(content.seoInfo).siteName,'91短剧');
+  const page=route?.page||1;
+  const params=new URLSearchParams(search);
+  const sort=Number(params.get('sort')||1);
+  let seo=normalizeSeo(content.seoInfo);
+  if(route&&!route.group)seo=mergeSeo(seo,environment.site);
+  else if(navigation)seo=mergeSeo(environment.navigation,seo);
+  else if(!content.routeConfig){
+    if(seo.title===environment.site.title)seo.title='';
+    if(seo.description===environment.site.description)seo.description='';
+    if(seo.keywords.join(',')===environment.site.keywords.join(','))seo.keywords=[];
+  }
+  const entity=route?.group==='page'&&(!!route.value&&route.key==='topics'||['theme','tag','config'].includes(route.key));
+  const nav=route?navigationSeo(environment,basePath(pathname),entity):undefined;
+  const isContent=!!route&&['detail','play','video'].includes(route.group);
+  let navApplied=false;
+  if(nav&&!isContent&&!navigation){seo=mergeSeo(nav,seo);navApplied=true;}
+  else if(isContent){
+    const section=navigationSection(route!);
+    const fallback=navigationSeo(environment,`/${section}/`);
+    if(fallback)seo=mergeSeo(seo,fallback);
+  }
+  const ranking=route?.group==='page'&&route.key==='rank'?getRankPage(route.value):undefined;
+  const pageTitle=!route?'页面不存在':!route.group?`${siteName} · 百万大神原创短剧`:navigation?'官方入口':route.group==='search'?(route.key.trim()?`${route.key.trim()} · 搜索结果`:'搜索短剧'):route.group==='info'?(route.key==='deposit'&&route.value==='vip'?'会员畅享':content.title||infoTitles[route.key]):isContent?(content.title||'剧集详情'):ranking?.title||content.title||labels[route.key]||'内容列表';
+  let title=seo.title||pageTitle||siteName;
+  const episode=route?.group==='play'&&content.episode?`第${content.episode}集`:'';
+  if(episode&&!title.includes(episode))title+=` - ${episode}`;
+  let description=seo.description||content.description||(!route?.group?`${siteName}，发现值得一看的短剧。都市甜宠、古装仙侠、悬疑逆袭，精彩故事随心看。`:isContent?`在${siteName}查看《${content.title||'精选剧集'}》的剧集介绍、更新与观看信息。`:(descriptions[route.key]||`${pageTitle}，${siteName}为你提供最新内容与相关服务。`).replaceAll('91短剧',siteName));
+  if(episode&&!description.includes(episode))description+=` - ${episode}`;
+  let keywords=seo.keywords.length?seo.keywords:[...new Set([content.title||pageTitle,...(content.keywords||[]),'在线短剧',siteName].filter(Boolean))];
+  if(ranking){
+    if(!title.includes(ranking.title))title+=` - ${ranking.title}`;
+    if(!description.includes(ranking.title))description+=` - ${ranking.title}`;
+    keywords=[...new Set([...keywords,ranking.title])];
+  }
+  if(route?.group==='page'&&([2,3].includes(sort)&&['shorts','tag'].includes(route.key)||sort===4&&route.key==='shorts')){
+    const sortLabel=sort===4?'随机推荐':sort===2?'当前热播':route.key==='shorts'?'独家原创':'收藏最多';
+    if(!title.includes(sortLabel))title+=` - ${sortLabel}`;
+    if(!description.includes(sortLabel))description+=` - ${sortLabel}`;
+    keywords=[...new Set([...keywords,sortLabel])];
+  }
+  if(page>1){
+    const suffix=`第${page}页`;
+    if(!new RegExp(`第\\s*${page}\\s*页`).test(title))title+=` - ${suffix}`;
+    if(!new RegExp(`第\\s*${page}\\s*页`).test(description))description+=` - ${suffix}`;
+    keywords=[...new Set([...keywords,suffix])];
+  }
+  if(route?.group==='play'){
+    if(!title.endsWith(` | ${siteName}`))title+=` | ${siteName}`;
+    if(!description.endsWith(` | ${siteName}`))description+=` | ${siteName}`;
+  }else if(!navApplied&&!title.includes(siteName))title+=` - ${siteName}`;
+
+  let indexable=!!route&&(!route.group||route.group==='page'&&!['apps','home-road'].includes(route.key)||isContent||route.group==='info'&&!!descriptions[route.key]);
+  if(route?.group==='page'&&!(route.key==='shorts'?[1,2,3,4]:[1,2,3]).includes(sort))indexable=false;
+  if(route?.group==='page'&&sort!==1&&route.key!=='rank'&&route.key!=='config')indexable=false;
+  if(params.has('commentSort')&&params.get('commentSort')!=='2')indexable=false;
+  if(isContent&&page>1)indexable=false;
+  if((route?.group==='play'||route?.group==='page'&&route.key==='config')&&content.indexable!==true)indexable=false;
+  if(content.indexable===false)indexable=false;
+  const pageSize=Number.isSafeInteger(content.pageSize)&&content.pageSize!>0?content.pageSize!:24;
+  const totalCount=Number.isSafeInteger(content.totalCount)&&content.totalCount!>=0?content.totalCount:undefined;
+  const totalPages=totalCount===undefined?undefined:Math.max(1,Math.ceil(totalCount/pageSize));
+  const outOfRange=totalPages!==undefined&&page>totalPages;
+  if(route?.group==='page'&&totalCount===0)indexable=false;
+  if(content.failed||content.missing||content.unavailable||content.loginRequired||outOfRange)indexable=false;
+  const robots=indexable?'index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1':route&&privateRoute(route)?'noindex,nofollow':'noindex,follow';
+  const origin=environment.origin;
+  const absolute=(path:string)=>origin?new URL(path,origin).href:'';
+  const canonical=indexable?absolute(canonicalPagePath(pathname,content)):'';
+  let previous='',next='';
+  if(indexable&&route&&supportsPagination(route)&&totalPages!==undefined&&totalPages>1){
+    if(page>1)previous=absolute(paginationPath(canonicalPagePath(pathname,content)+search,page-1));
+    if(page<totalPages)next=absolute(paginationPath(canonicalPagePath(pathname,content)+search,page+1));
+  }
+  const head:PageHead={title,description,keywords,siteName,robots,canonical:canonical||undefined,previous:previous||undefined,next:next||undefined,image:absolute('/og-default.png'),type:route?.group==='play'||route?.group==='video'?'video.episode':route?.group==='info'&&['user-agreement','privacy-policy','2257','dmca'].includes(route.key)?'article':'website'};
+  head.jsonLd=buildStructuredData(pathname,head,environment,content);
+  return head;
+}
diff --git a/src/lib/site-navigation.ts b/src/lib/site-navigation.ts
new file mode 100644
index 0000000..74e90d9
--- /dev/null
+++ b/src/lib/site-navigation.ts
@@ -0,0 +1,64 @@
+import type { HeaderNavigation, NavigationCategory } from './api/types';
+import { recordList, safeUrl } from './api/protocol';
+import { navigationSection, parseSitePath, topNavigationSection } from './routing';
+
+export interface NavigationEntry { id:string; name:string; href:string; key:string; icon:string; external:boolean; children:NavigationEntry[] }
+export type NavigationSurface='top'|'sidebar'|'mobile';
+
+// Resolve API navigation values directly to native routes; these are link rules, not redirects.
+const aliases:Record<string,string>={'/hot':'/rank/hot/','/home':'/','/playlet':'/shorts/','/list':'/shorts/','/topic':'/topics/','/theme':'/topics/','/application':'/apps/'};
+const emptyPaths:Record<string,string>={'首页':'/','回家的路':'/home-road/','福利应用':'/apps/'};
+
+function destination(value:unknown,name:string,origin:string):{href:string;external:boolean}|undefined {
+  const raw=typeof value==='string'?value.trim():'';
+  const input=raw||emptyPaths[name];
+  if(!input||/[\\\u0000-\u001f]/.test(input)||!(/^(?:https?:\/\/|\/)/i.test(input)))return;
+  const base=origin||'https://site.invalid';
+  const valid=safeUrl(input,base);if(!valid)return;
+  const url=new URL(valid);
+  if(url.origin!==new URL(base).origin)return {href:valid,external:true};
+  if(url.hash)return;
+  url.pathname=aliases[url.pathname.replace(/\/$/,'')]||url.pathname;
+  // Removed standalone video pages stay absent even if stale configuration still contains them.
+  if(/^\/(?:series|video)(?:\/|$)/.test(url.pathname))return;
+  const route=parseSitePath(url.pathname);
+  const path=route&&url.pathname!=='/'?url.pathname.replace(/\/?$/,'/'):url.pathname;
+  return {href:path+url.search,external:false};
+}
+
+export function navigationEntries(data:HeaderNavigation,origin=''):NavigationEntry[] {
+  const make=(item:NavigationCategory,index:number,parent=''):NavigationEntry|undefined=>{
+    const name=typeof item.name==='string'?item.name.trim():'';if(!name)return;
+    const id=parent+String(item.id??index),target=destination(item.urlValue,name,origin);
+    const children=recordList<NavigationCategory>(item.translationList).flatMap((child,index)=>{
+      const entry=make({...child,translationList:undefined},index,id+'-');return entry?[entry]:[];
+    });
+    if(!target&&!children.length)return;
+    const route=target&&!target.external?parseSitePath(new URL(target.href,'https://site.invalid').pathname):null;
+    const key=route?topNavigationSection(route)||route.key:'nav-'+id;
+    const iconValue=typeof item.icon==='string'&&/^(?:https?:\/\/|\/)/i.test(item.icon)?safeUrl(item.icon,origin||'https://site.invalid'):'';
+    const icon=iconValue&&item.icon?.startsWith('/')&&!item.icon.startsWith('//')?item.icon:iconValue;
+    return {id,name,href:target?.href||'',external:target?.external||false,key,icon,children};
+  };
+  return recordList<NavigationCategory>(data?.categoryList).filter(item=>item.categoryType===1||item.categoryType===2).flatMap((item,index)=>{
+    const entry=make(item,index);return entry?[entry]:[];
+  });
+}
+
+export function navigationIsActive(href:string,address:string,surface:NavigationSurface='top'):boolean {
+  if(!href.startsWith('/')||href.startsWith('//'))return false;
+  const target=new URL(href,'https://site.invalid'),current=new URL(address,'https://site.invalid');
+  const item=parseSitePath(target.pathname,target.search),route=parseSitePath(current.pathname,current.search);
+  if(!item||!route)return false;
+  for(const [key,value] of target.searchParams)if(current.searchParams.get(key)!==value)return false;
+  if(item.group===''||route.group==='')return item.group===''&&route.group==='';
+  if(item.group==='page'&&!item.value){
+    return (surface==='top'?topNavigationSection(route):navigationSection(route))===item.key;
+  }
+  if(item.key==='rank'&&item.group==='page'&&item.value==='hot')return route.group==='page'&&route.key==='rank';
+  return item.group===route.group&&item.key===route.key&&item.value===route.value;
+}
+
+export function mobileNavigationEntries(items:NavigationEntry[]):NavigationEntry[] {
+  return items.flatMap(item=>item.children.length?[...(item.href?[{...item,children:[]}]:[]),...item.children]:[item]);
+}
diff --git a/src/lib/site-shared-data.ts b/src/lib/site-shared-data.ts
new file mode 100644
index 0000000..7b01270
--- /dev/null
+++ b/src/lib/site-shared-data.ts
@@ -0,0 +1,21 @@
+import type { Config, FooterInfoResponse, Advertisement } from './api/types';
+import { recordList } from './api/protocol';
+import type { SiteSharedData } from './page-data';
+
+/** Only fields used by visible site controls enter the client snapshot. SDK config stays server-side. */
+export function publicSiteData(source:Config,footer:FooterInfoResponse={}):SiteSharedData {
+  const section=(value:Record<string,unknown>|undefined)=>Object.fromEntries([
+    'foreverUrlAddr','newUrlAddr','newUrlAddr1','newUrlAddr2','tgGroup','telegram','telegramAdd','twitterAddr','appAddr','officialAppAddr','customerServiceHost','emailAddr','email',
+  ].filter(key=>typeof value?.[key]==='string').map(key=>[key,String(value![key]).slice(0,4096)]));
+  const advitise=Object.fromEntries(['dialogList','nineGridList','detailTopList','detailbannerList','bottomBanner'].map(key=>[key,recordList<Advertisement>(source.advitise?.[key]).map(item=>{
+    const output:Record<string,unknown>={};
+    for(const name of ['id','title','images','link','advertiseCode','advertiseLocationCode','advertiseLocationName'] as const)if(typeof item[name]==='string'||typeof item[name]==='number')output[name]=item[name];
+    if(typeof item.location==='number')output.location=item.location;
+    return output as unknown as Advertisement;
+  })]));
+  return {
+    config:{config:section(source.config),newAddressInfo:section(source.newAddressInfo),advitise,navPageList:recordList<{line:number;url:string}>(source.navPageList).map(item=>({line:Number(item.line)||0,url:typeof item.url==='string'?item.url:''}))},
+    footer:{footerInfo:{brand:{content:typeof footer.footerInfo?.brand?.content==='string'?footer.footerInfo.brand.content:''},contactList:recordList<{name:string;value:string}>(footer.footerInfo?.contactList).map(item=>({name:typeof item.name==='string'?item.name:'',value:typeof item.value==='string'?item.value:''}))}},
+    trackerConfigured:typeof source.reportSdkConfig==='string'&&!!source.reportSdkConfig.trim(),
+  };
+}
diff --git a/src/lib/structured-data.ts b/src/lib/structured-data.ts
new file mode 100644
index 0000000..80a44d6
--- /dev/null
+++ b/src/lib/structured-data.ts
@@ -0,0 +1,183 @@
+import type { Chapter, DramaDetail, HomeData, PageData } from './api/types';
+import type { PageHead, SeoContent, SeoEnvironment } from './seo';
+import { contentPath, getRankPage, matchesContentKey, parseSitePath, type SiteRoute } from './routing';
+
+export type SchemaNode=Record<string,unknown>;
+export interface SchemaGraph { '@context':'https://schema.org'; '@graph':SchemaNode[] }
+export interface SchemaItem { path:string }
+export interface SchemaQuestion { question:string; answer:string }
+export interface SchemaDrama {
+  id:number; slug?:string; name:string; description?:string; cover?:string; episodes?:number; genres?:string[];
+  published?:string; modified?:string; actor?:string;
+  video?:{source?:string; duration?:number; width?:number; height?:number; size?:number; views?:number};
+}
+export const JSON_LD_ATTRIBUTE='data-site-json-ld';
+
+const plain=(value:unknown):string=>typeof value==='string'?value.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi,'').replace(/<[^>]*>/g,'').replace(/\s+/g,' ').trim():'';
+const first=(...values:unknown[])=>values.map(plain).find(Boolean)||'';
+const positive=(value:unknown):value is number=>typeof value==='number'&&Number.isFinite(value)&&value>0;
+const id=(value:unknown):value is number=>positive(value)&&Number.isSafeInteger(value);
+const records=(value:unknown):Record<string,unknown>[]=>Array.isArray(value)?value.filter(item=>item&&typeof item==='object'&&!Array.isArray(item)):[];
+
+/** Accept real HTTP(S)/root-relative URLs, never placeholders, credentials, blobs or opaque media hashes. */
+export function schemaUrl(value:unknown,origin:string):string {
+  const raw=typeof value==='string'?value.trim():'';
+  if(!raw||!(raw.startsWith('/')||/^https?:\/\//i.test(raw))||/[\\\u0000-\u001f]/.test(raw))return '';
+  try{
+    const url=new URL(raw,origin);
+    if(!['https:','http:'].includes(url.protocol)||url.username||url.password)return '';
+    if(url.pathname==='/assets/poster-placeholder.svg')return '';
+    return url.href;
+  }catch{return '';}
+}
+
+/** API timestamps without a timezone use UTC+8, matching the reference project. */
+export function schemaDate(value:unknown):string {
+  const raw=typeof value==='string'?value.trim():'';
+  const match=raw.match(/^(\d{4})[-/](\d{2})[-/](\d{2})(?:[T ](\d{2}):(\d{2}):(\d{2})(\.\d{1,3})?(Z|[+-]\d{2}:\d{2})?)?$/);
+  if(!match)return '';
+  const [,year,month,day,hour='00',minute='00',second='00',fraction='',zone='+08:00']=match;
+  if(Number(year)<1970||raw.startsWith('1970-01-01')||Number(month)<1||Number(month)>12||Number(day)<1||Number(day)>new Date(Date.UTC(Number(year),Number(month),0)).getUTCDate()||Number(hour)>23||Number(minute)>59||Number(second)>59)return '';
+  const date=`${year}-${month}-${day}T${hour}:${minute}:${second}${fraction}${zone}`;
+  return Number.isFinite(Date.parse(date))?date:'';
+}
+
+function itemPaths(value:unknown,kind:'detail'|'video'|'topics'|'theme'):SchemaItem[] {
+  return records(value).filter(item=>id(item.id)).map(item=>({path:contentPath(kind,{id:Number(item.id),slug:item.slug})}));
+}
+export function homeSchemaItems(home:HomeData):SchemaItem[] {
+  const banners=records(home.homeBannerData);
+  const active=(banners.some(item=>item.showOnBanner)?banners.filter(item=>item.showOnBanner):banners).slice(0,6);
+  const items=itemPaths(active,'detail');
+  for(const block of records(home.homeConfigData).filter(item=>item.status&&(item.type===1||item.type===3))){
+    items.push(...(block.type===3?itemPaths(block.themeList,'topics'):itemPaths(block.list,'detail')));
+  }
+  return items;
+}
+export function listSchemaItems(data:PageData<unknown>,route:SiteRoute):SchemaItem[] {
+  if(route.key==='topics'&&!route.value)return itemPaths(data.list,'topics');
+  if(route.key==='config'&&data.type===3)return itemPaths(data.themeList,'topics');
+  return itemPaths(data.list,'detail');
+}
+export function dramaSchemaData(data:DramaDetail,chapter?:Chapter):SchemaDrama {
+  const names=Array.isArray(data.tagNames)?data.tagNames:Array.isArray(data.themeNames)?data.themeNames:[];
+  const genres=[...new Set(names.map(plain).filter(Boolean))];
+  const published=[data.onlineAt,data.addedTime,data.mediaCreatedAt,data.createdAt].map(schemaDate).find(Boolean)||'';
+  const source=chapter?.canWatch===true||chapter&&!chapter.needUnlock&&!chapter.needVip&&(chapter.payType??0)===0?chapter.videoUrl:undefined;
+  const video=chapter?{source,duration:chapter.mediaTime,width:chapter.width,height:chapter.height,size:chapter.mediaSize,views:chapter.countBrowse}:data.video?{source:data.video.url,duration:data.video.videoTime,width:data.video.width,height:data.video.height,views:data.watchTimes}:undefined;
+  return {id:data.id,slug:typeof data.slug==='string'?data.slug:undefined,name:first(data.title,data.playName),description:first(data.desc,data.description),cover:first(data.cover,data.coverImg,data.video?.cover,data.banner,data.horizontalCover),episodes:data.totalEpisode,genres,published,modified:[data.mediaUpdatedAt,data.updatedAt].map(schemaDate).find(Boolean)||'',actor:plain(data.anchor),video};
+}
+
+export function faqFromHtml(html:string):SchemaQuestion[] {
+  const decode=(value:string)=>plain(value).replace(/&(?:amp|lt|gt|quot|apos|#39|nbsp);/g,entity=>({'&amp;':'&','&lt;':'<','&gt;':'>','&quot;':'"','&apos;':"'",'&#39;':"'",'&nbsp;':' '})[entity]||entity).trim();
+  return [...html.matchAll(/<details\b[^>]*>\s*<summary\b[^>]*>([\s\S]*?)<\/summary>([\s\S]*?)<\/details>/gi)]
+    .map(([,question,answer])=>({question:decode(question),answer:decode(answer)})).filter(item=>item.question&&item.answer);
+}
+
+const channelNames:Record<string,string>={shorts:'短剧',topics:'专题推荐',theme:'题材短剧',tag:'标签短剧',config:'更多好剧'};
+function breadcrumbItems(route:SiteRoute,pageURL:string,origin:string,content:SeoContent):[string,string][] {
+  const items:[string,string][]=[['首页',origin+'/']];
+  if(!route.group)return items;
+  if(['detail','play','video'].includes(route.group)){
+    items.push([route.group==='video'?'剧集':'短剧',origin+(route.group==='video'?'/series/':'/shorts/')]);
+    if(route.group==='play')items.push([content.entity?.name||content.title||'剧集详情',origin+contentPath('detail',content.entity||route.key)]);
+    items.push([route.group==='play'&&positive(content.episode)?`第${content.episode}集`:content.entity?.name||content.title||'剧集详情',pageURL]);
+  }else{
+    if(route.group==='page'&&(route.key==='theme'||route.key==='topics'&&route.value))items.push(['专题',origin+'/topics/']);
+    const label=route.key==='rank'?getRankPage(route.value)?.title:content.title||channelNames[route.key];
+    items.push([label||'平台信息',pageURL]);
+  }
+  return items;
+}
+
+/** One graph per indexable canonical page; all entity URLs stay on this site's native routes. */
+export function buildStructuredData(pathname:string,head:PageHead,environment:SeoEnvironment,content:SeoContent):SchemaGraph|undefined {
+  const route=parseSitePath(pathname),pageURL=head.canonical;
+  if(!route||!pageURL||head.robots.includes('noindex')||content.failed||content.missing)return;
+  const origin=environment.origin;
+  const brand=environment.site.siteName||head.siteName;
+  const ref=(value:string)=>({'@id':value});
+  const organization=origin+'/#organization',website=origin+'/#website';
+  const absolute=(path:string)=>new URL(path,origin).href;
+  const graph:SchemaNode[]=[
+    {'@type':'Organization','@id':organization,name:brand,url:origin+'/',logo:{'@type':'ImageObject','@id':origin+'/#logo',url:absolute('/apple-touch-icon.png'),contentUrl:absolute('/apple-touch-icon.png'),width:180,height:180},...(environment.sameAs?.length?{sameAs:environment.sameAs}:{})},
+    {'@type':'WebSite','@id':website,name:brand,url:origin+'/',description:environment.site.description||head.description,inLanguage:'zh-CN',publisher:ref(organization)},
+  ];
+  const page:SchemaNode={'@type':route.group==='page'?'CollectionPage':route.group==='info'&&route.key==='about-us'?'AboutPage':'WebPage','@id':pageURL+'#webpage',name:head.title,description:head.description,url:pageURL,inLanguage:'zh-CN',isPartOf:ref(website),publisher:ref(organization)};
+  graph.push(page);
+  if(route.group==='play'&&content.paywalled){
+    page.isAccessibleForFree=false;
+    page.hasPart={'@type':'WebPageElement',isAccessibleForFree:false,cssSelector:'.play-paywalled-content'};
+  }
+  if(route.group){
+    page.breadcrumb=ref(pageURL+'#breadcrumb');
+    graph.push({'@type':'BreadcrumbList','@id':pageURL+'#breadcrumb',itemListElement:breadcrumbItems(route,pageURL,origin,content).map(([name,item],index)=>({'@type':'ListItem',position:index+1,name,item}))});
+  }
+
+  if(!route.group||route.group==='page'){
+    const seen=new Set<string>();
+    const items=(content.items||[]).flatMap(item=>{
+      const url=schemaUrl(item.path,origin);
+      if(!url||new URL(url).origin!==origin||!parseSitePath(new URL(url).pathname)||seen.has(url))return [];
+      seen.add(url);return [url];
+    });
+    if(items.length){
+      const offset=route.group==='page'?((route.page||1)-1)*(content.pageSize||24):0;
+      page.mainEntity=ref(pageURL+'#itemlist');
+      graph.push({'@type':'ItemList','@id':pageURL+'#itemlist',numberOfItems:items.length,itemListElement:items.map((url,index)=>({'@type':'ListItem',position:offset+index+1,url}))});
+    }
+  }
+  if(content.faq?.length){
+    page.hasPart=ref(pageURL+'#faq');
+    graph.push({'@type':'FAQPage','@id':pageURL+'#faq',url:pageURL,inLanguage:'zh-CN',isPartOf:ref(pageURL+'#webpage'),mainEntity:content.faq.map(item=>({'@type':'Question',name:item.question,acceptedAnswer:{'@type':'Answer',text:item.answer}}))});
+  }
+  const entity=content.entity;
+  if(entity&&entity.name&&id(entity.id)&&matchesContentKey(entity,route.key)&&['detail','play','video'].includes(route.group)){
+    const detailURL=absolute(contentPath('detail',entity)),seriesID=detailURL+'#tvseries';
+    const cover=schemaUrl(entity.cover,origin);
+    const published=schemaDate(entity.published),updated=schemaDate(entity.modified);
+    const modified=updated&&(!published||Date.parse(updated)>=Date.parse(published))?updated:'';
+    if(route.group!=='video'){
+      const series:SchemaNode={'@type':'TVSeries','@id':seriesID,name:entity.name,description:entity.description||head.description,url:detailURL,inLanguage:'zh-CN',publisher:ref(organization)};
+      if(cover)series.image=[cover];
+      if(id(entity.episodes))series.numberOfEpisodes=entity.episodes;
+      if(entity.genres?.length)series.genre=entity.genres;
+      if(entity.actor)series.actor={'@type':'Person',name:entity.actor};
+      if(published)series.datePublished=published;
+      if(modified)series.dateModified=modified;
+      graph.push(series);page.mainEntity=ref(seriesID);
+    }
+    const watchPath=contentPath(route.group==='video'?'video':'play',entity,Number(route.value));
+    const watchURL=absolute(watchPath),videoID=watchURL+'#video';
+    let episode:SchemaNode|undefined;
+    if(route.group==='play'&&id(content.episode)){
+      episode={'@type':'TVEpisode','@id':watchURL+'#episode',name:`${entity.name} - 第${content.episode}集`,description:head.description,episodeNumber:content.episode,url:watchURL,partOfSeries:ref(seriesID)};
+      if(cover)episode.image=[cover];
+      if(content.paywalled)episode.isAccessibleForFree=false;
+      if(published)episode.datePublished=published;
+      graph.push(episode);page.mainEntity=ref(watchURL+'#episode');
+    }
+    // The overview describes the series; only watch pages describe a video. Never invent required dates or thumbnails.
+    const media=entity.video,source=schemaUrl(media?.source,origin);
+    if(route.group!=='detail'&&cover&&published&&source){
+      const video:SchemaNode={'@type':'VideoObject','@id':videoID,name:episode?.name||entity.name,description:head.description,url:watchURL,mainEntityOfPage:ref(pageURL+'#webpage'),inLanguage:'zh-CN',isFamilyFriendly:false,contentRating:'adult',isPartOf:ref(website),publisher:ref(organization),thumbnailUrl:[cover],image:[cover],uploadDate:published,potentialAction:{'@type':'WatchAction',target:{'@type':'EntryPoint',urlTemplate:watchURL}}};
+      video.contentUrl=source;
+      if(content.paywalled)video.isAccessibleForFree=false;
+      if(modified)video.dateModified=modified;
+      if(positive(media?.duration)&&!String(media.duration).includes('e'))video.duration=`PT${media.duration}S`;
+      if(id(media?.width))video.width=media.width;
+      if(id(media?.height))video.height=media.height;
+      if(id(media?.size))video.contentSize=`${media.size} bytes`;
+      if(id(media?.views))video.interactionStatistic={'@type':'InteractionCounter',interactionType:{'@type':'WatchAction'},userInteractionCount:media.views};
+      if(entity.genres?.length){video.genre=entity.genres;video.keywords=entity.genres.join(',');}
+      graph.push(video);page.mainEntity=ref(videoID);
+      if(episode)episode.associatedMedia=ref(videoID);
+    }
+  }
+  return {'@context':'https://schema.org','@graph':graph};
+}
+
+/** Safe inside a native script, including API strings containing a closing script tag. */
+export function serializeStructuredData(value:SchemaGraph):string {
+  return JSON.stringify(value).replace(/</g,'\\u003c').replace(/\u2028/g,'\\u2028').replace(/\u2029/g,'\\u2029');
+}
diff --git a/src/lib/tracking.ts b/src/lib/tracking.ts
new file mode 100644
index 0000000..9013ece
--- /dev/null
+++ b/src/lib/tracking.ts
@@ -0,0 +1,34 @@
+import type { Chapter, DramaDetail } from './api/types';
+
+export const TRACKER_APP_ID=process.env.NEXT_PUBLIC_TRACKER_APP_ID||'1047';
+export const SDK_COMMON_KEYS=['sid','device_id','device','device_fingerprint','fp_version','app_version'] as const;
+export const COMMON_KEYS=['app_id','uid','channel','sid','client_ts','device','device_id','device_brand','device_model','device_fingerprint','fp_version','user_agent','sdk_version','app_version'] as const;
+export const SDK_FIELD_KEYS=[...COMMON_KEYS,'system_name','system_version'] as const;
+export const COMMON_FIELD_LIMITS:Record<string,number>={app_id:50,uid:32,channel:50,sid:50,device:30,device_id:50,device_brand:100,device_model:100,device_fingerprint:128,fp_version:128,user_agent:4096,sdk_version:128,app_version:128,system_name:100,system_version:100};
+export const SERVER_EVENTS:Record<string,string>={
+  'playlet/like/set':'drama_like','playlet/chapter/like/set':'drama_like',
+  'playlet/collect/set':'drama_collect','playlet/chapter/collect/set':'drama_collect',
+  'comment/send':'drama_comment','playlet/chapter/unlock':'drama_purchase',
+};
+export type Fields=Record<string,string|number>;
+export interface TrackingPage {key:string;name:string}
+export const trackingText=(value:unknown)=>typeof value==='string'||typeof value==='number'?String(value).trim():'';
+
+export function trackingPage(path:string):TrackingPage {
+  const parts=path.split('/').filter(Boolean),key=parts[0]||'home';
+  if(key==='rank')return {key:'rank_'+(parts[1]||'hot'),name:({'hot':'热播榜',new:'新剧榜',follow:'追剧榜'} as Record<string,string>)[parts[1]||'hot']||'排行榜'};
+  if(key==='topics'&&parts[1]&&parts[1]!=='page')return {key:'topic_detail',name:'专题详情'};
+  const slug=['info','member'].includes(key)?parts[1]:key;
+  const names:Record<string,string>={home:'首页',shorts:'短剧列表',series:'剧集列表',topics:'专题推荐',theme:'题材短剧',tag:'标签短剧',config:'更多好剧',detail:'短剧详情',play:'短剧播放页',video:'剧集播放页',search:'搜索结果页',navigation:'官方入口',apps:'福利应用','home-road':'回家的路',center:'个人中心','user-center':'个人中心',settings:'账号设置',favorites:'我的收藏',history:'观看历史',likes:'我的点赞',purchased:'已购剧集',deposit:'充值中心','about-us':'关于我们','privacy-policy':'隐私政策','user-agreement':'用户协议','help-center':'常见问题',feedback:'意见反馈','2257':'2257合规声明',dmca:'DMCA版权声明'};
+  return {key:names[slug]?slug.replace(/-/g,'_'):'internal_other',name:names[slug]||'站内其他页面'};
+}
+
+export function dramaContext(drama:DramaDetail,chapter?:Chapter|null):Fields {
+  return {media_id:trackingText(chapter?.mediaId||drama.mediaId),drama_id:String(drama.id),drama_title:drama.playName||drama.title||'未命名短剧',episode:Math.max(1,chapter?.currentEpisode||1),total_episode:Math.max(1,drama.totalEpisode||drama.playletChapterInfo?.length||1),video_id:chapter?String(chapter.id):'',drama_type_id:trackingText(drama.themeIds?.[0])||'default',drama_type_name:drama.themeNames?.[0]||'默认分类',drama_content_type:'short_drama',recommend_trace_id:trackingText(drama.recommendTraceId),drama_tag_key:drama.tagIds?.join(',')||'default',drama_tag_name:drama.tagNames?.join(',')||'默认标签',drama_duration:Math.max(0,chapter?.mediaTime||0)};
+}
+
+export function base64JSON(value:unknown,url=false):string {
+  const bytes=new TextEncoder().encode(JSON.stringify(value));
+  const encoded=btoa(Array.from(bytes,byte=>String.fromCharCode(byte)).join(''));
+  return url?encoded.replace(/\+/g,'-').replace(/\//g,'_').replace(/=+$/,''):encoded;
+}
diff --git a/src/proxy.ts b/src/proxy.ts
new file mode 100644
index 0000000..62f408e
--- /dev/null
+++ b/src/proxy.ts
@@ -0,0 +1,20 @@
+import { NextResponse, type NextRequest } from 'next/server';
+import { parseSitePath } from '@/lib/routing';
+import { preparePageSession } from '@/lib/api/page-session';
+
+export async function proxy(request: NextRequest) {
+  const { pathname } = request.nextUrl;
+  if(pathname==='/healthz'||pathname==='/healthz/')return NextResponse.next();
+  if (pathname.endsWith('/') || (pathname !== '/navigation' && !parseSitePath(pathname))) {
+    const route=parseSitePath(pathname);
+    return preparePageSession(request,!!route);
+  }
+
+  const destination = new URL(request.url);
+  destination.pathname = pathname + '/';
+  return NextResponse.redirect(destination, 308);
+}
+
+export const config = {
+  matcher: '/((?!api/|_next/|h5/|assets/|scripts/|static/|sitemaps/|sitemap\\.xml|robots\\.txt|enkey|newenkey|\\.well-known/).*)',
+};
diff --git a/tests/analytics.test.mjs b/tests/analytics.test.mjs
new file mode 100644
index 0000000..2ce84bd
--- /dev/null
+++ b/tests/analytics.test.mjs
@@ -0,0 +1,276 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+import {runInNewContext} from 'node:vm';
+
+// Run the bundled SDK's real named-event validators without initializing it:
+// accepted events stay in its pre-init queue and never contact an analytics server.
+const sdkLogs=[];
+const sdkSandbox={console:{warn:(...args)=>sdkLogs.push(args)}};
+runInNewContext(await readFile(new URL('../public/scripts/web-sdk-v1.2.0.js',import.meta.url),'utf8'),sdkSandbox);
+
+async function moduleUrl(file,replace=code=>code){
+  const code=ts.transpileModule(await readFile(new URL(file,import.meta.url),'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}}).outputText;
+  return 'data:text/javascript;base64,'+Buffer.from(replace(code)).toString('base64');
+}
+const trackingUrl=await moduleUrl('../src/lib/tracking.ts');
+const {TRACKER_APP_ID,COMMON_KEYS,SDK_COMMON_KEYS,base64JSON,trackingPage}=await import(trackingUrl);
+const authUrl='data:text/javascript,export function authMetadata(){return {channel:"paid_1047"}}';
+const analyticsUrl=await moduleUrl('../src/lib/client/analytics.ts',code=>code.replace("'../tracking'",JSON.stringify(trackingUrl)).replace("'./auth'",JSON.stringify(authUrl)));
+const {SiteTracker}=await import(analyticsUrl);
+const {trackingHeaders}=await import(await moduleUrl('../src/lib/api/tracking-headers.ts',code=>code.replace("'../tracking'",JSON.stringify(trackingUrl))));
+const flush=()=>new Promise(resolve=>setImmediate(resolve));
+const common=()=>({app_id:TRACKER_APP_ID,uid:'',channel:'paid_1047',sid:'sid-raw',client_ts:Math.floor(Date.now()/1000),device:'PC',device_id:'sdk-device',device_brand:'',device_model:'',device_fingerprint:'raw-fingerprint',fp_version:'3.0.1',user_agent:'test UA',sdk_version:'1.2.0',app_version:'1.0.0'});
+
+class Element extends EventTarget {
+  dataset={};hidden=false;attributes=new Map();
+  getClientRects(){return this.hidden?[]:[{}];}
+  closest(selector){
+    if(selector.includes('[hidden]'))return this.hidden||this.closedDialog?this:null;
+    if(selector==='[data-track-item]'&&this.hasAttribute('data-track-item'))return this;
+    if(selector==='[data-track-ad="external"]'&&this.getAttribute('data-track-ad')==='external')return this;
+    if(selector.includes('a[data-app-download]')&&this.hasAttribute('data-app-download'))return this;
+    if(selector.includes('a[data-track-navigation]')&&this.dataset.trackNavigation)return this;
+    return this.parents?.[selector]||null;
+  }
+  getAttribute(name){return this.attributes.get(name)||null;}
+  hasAttribute(name){return this.attributes.has(name);}
+}
+class Video extends Element {currentTime=0;duration=100;playbackRate=1.25;paused=false;ended=false;seeking=false;}
+function fixture(){
+  const saved=new Map(),events=[],calls=[],nodes=[],results=[],diagnostics=[],observed=new Set(),consoleCalls=[];
+  let clock=1000,video,intersection,mutation,modal=null;
+  const fields=common();
+  const sdk={init(options){calls.push(options);},track:new Proxy({}, {get:(_,method)=>async payload=>{events.push({method,payload});const result=JSON.parse(JSON.stringify(await sdkSandbox.WebSDK.track[method](payload)));results.push({method,...result});return result;}}),getCommonFields:async()=>({...fields}),setUid(uid){fields.uid=uid;},setChannel(channel){fields.channel=channel;},notifyPageLoad(){calls.push('route');},flush:async()=>{calls.push('flush');}};
+  const win=new EventTarget();win.WebSDK=sdk;win.console={warn:(...args)=>consoleCalls.push(args)};
+  const document=new EventTarget();Object.assign(document,{referrer:'https://search.example/',documentElement:new Element(),head:{append(){}},querySelector:selector=>selector==='dialog:modal'?modal:video||null,querySelectorAll:()=>nodes});
+  document.addEventListener('tracker:diagnostic',event=>diagnostics.push(event.detail));
+  const values={window:win,document,location:{pathname:'/',search:'',origin:'https://site.example',href:'https://site.example/'},performance:{now:()=>clock,getEntriesByType:()=>[{duration:42}]},Element,HTMLVideoElement:Video,IntersectionObserver:class{constructor(callback){intersection=callback;}observe(node){observed.add(node);}unobserve(node){observed.delete(node);}disconnect(){observed.clear();}},MutationObserver:class{constructor(callback){mutation=callback;}observe(){}},innerWidth:1000,innerHeight:800,screen:{width:1000,height:800}};
+  for(const [key,value] of Object.entries(values)){saved.set(key,Object.getOwnPropertyDescriptor(globalThis,key));Object.defineProperty(globalThis,key,{configurable:true,writable:true,value});}
+  const tracker=new SiteTracker();win.tracker=tracker;
+  return {tracker,events,calls,fields,nodes,win,document,results,diagnostics,observed,sdk,consoleCalls,location:values.location,mutate:()=>mutation([]),setModal:value=>{modal=value;},setClock:value=>{clock=value;},setVideo:value=>{video=value;},intersect:node=>intersection([{target:node,isIntersecting:true}]),close(){for(const [key,descriptor] of saved)if(descriptor)Object.defineProperty(globalThis,key,descriptor);else delete globalThis[key];}};
+}
+const drama={id:23456,title:'短剧标题',totalEpisode:12,themeIds:[8],themeNames:['都市'],tagIds:[9],tagNames:['爱情']};
+const chapters=[{id:90001,currentEpisode:1,mediaTime:100},{id:90002,currentEpisode:2,mediaTime:100}];
+
+function advertisement(placement='inline'){
+  const node=new Element();node.attributes.set('data-track-ad','external');
+  node.dataset={adId:'same-code',adSlotKey:'slot-3',adSlotName:'推荐应用',adType:'icon',adClickable:'1',adPlacement:placement};
+  return node;
+}
+
+test('real SDK accepts content exposures, clicks, search and navigation fields including the root parent id',async()=>{
+  const f=fixture();try{
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    const item=new Element();item.attributes.set('data-track-item','');item.dataset={itemId:'23456',itemType:'short_drama',itemName:'剧名'};
+    f.intersect(item);f.tracker.click({target:item,clientX:10,clientY:10});
+    f.tracker.search('短剧',28,1);
+    const nav=new Element();nav.dataset.trackNavigation='tg_group';nav.textContent='官方TG群';nav.href='https://t.me/example';nav.attributes.set('href',nav.href);
+    f.tracker.click({target:nav,clientX:10,clientY:10});
+    await flush();
+    for(const method of ['appPageView','appPageitemExposure','appPageitemClick','keywordSearch','navigation','pageClick'])assert.ok(f.results.some(result=>result.method===method&&result.ok),method);
+    assert.ok(f.events.filter(e=>e.method.startsWith('appPageitem')).every(e=>e.payload.parent_item_id==='0'));
+    assert.deepEqual(f.results.filter(result=>!result.ok),[]);assert.deepEqual(f.diagnostics,[]);
+  }finally{f.close();}
+});
+
+test('home, large-popup and grid-popup advertisements report independently without duplicating each placement',async()=>{
+  const f=fixture();try{
+    const nodes=['inline','startup-ad','startup-grid'].map(advertisement);
+    // Popup events can arrive before the asynchronous SDK configuration.
+    for(const node of nodes){f.tracker.externalAd(node,'show');f.tracker.externalAd(node,'show');f.tracker.externalAd(node,'click');}
+    assert.equal(f.events.length,0);
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    assert.equal(f.events.filter(e=>e.method==='adImpression').length,3);assert.equal(f.events.filter(e=>e.method==='adClick').length,3);
+    assert.ok(f.events.filter(e=>e.method==='adImpression').every(e=>e.payload.ad_slot_key==='slot-3'),'retain API advertisement slot codes');
+    assert.deepEqual(f.results.filter(result=>!result.ok),[]);
+    const count=f.events.length;f.tracker.externalAd(nodes[1],'close');assert.equal(f.events.length,count,'closing is not an ad click');
+    for(const node of nodes.slice(1)){f.tracker.advertising(node,'close');f.tracker.advertising(node,'close');}
+    const popup=f.events.filter(e=>e.method==='advertising');
+    assert.equal(popup.filter(e=>e.payload.event_type==='show').length,2);
+    assert.equal(popup.filter(e=>e.payload.event_type==='click').length,2);
+    assert.equal(popup.filter(e=>e.payload.event_type==='close').length,2);
+    await flush();assert.deepEqual(f.results.filter(result=>!result.ok),[]);
+  }finally{f.close();}
+});
+
+test('closed dialogs and obscured background content are observed again when the modal closes',async()=>{
+  const f=fixture();try{
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    const background=advertisement(),grid=advertisement('startup-grid'),offscreen=advertisement('offscreen');offscreen.dataset.adId='offscreen';
+    f.nodes.push(background,grid,offscreen);grid.closedDialog=true;f.mutate();
+    const modal={contains:node=>node===grid||node===offscreen};f.setModal(modal);grid.closedDialog=false;f.mutate();
+    assert.equal(f.observed.has(background),false);assert.ok(f.observed.has(grid));
+    f.intersect(background);assert.equal(f.events.filter(e=>e.method==='adImpression').length,0);
+    f.intersect(grid);assert.equal(f.events.filter(e=>e.method==='adImpression').length,1);
+    assert.equal(f.events.some(e=>e.payload.ad_id==='offscreen'),false,'a scrollable grid must only expose intersecting tiles');
+    f.intersect(offscreen);assert.equal(f.events.filter(e=>e.method==='adImpression').length,2);
+    grid.closedDialog=true;offscreen.closedDialog=true;f.setModal(null);f.mutate();
+    assert.ok(f.observed.has(background));f.intersect(background);assert.equal(f.events.filter(e=>e.method==='adImpression').length,3);
+    f.document.hidden=true;const hidden=advertisement('hidden');hidden.dataset.adId='hidden';const before=f.events.length;
+    f.tracker.externalAd(hidden,'show');f.intersect(hidden);assert.equal(f.events.length,before);
+    f.nodes.push(hidden);f.document.hidden=false;f.document.dispatchEvent(new Event('visibilitychange'));
+    assert.ok(f.observed.has(hidden));f.intersect(hidden);assert.equal(f.events.filter(e=>e.method==='adImpression').length,4);
+  }finally{f.close();}
+});
+
+test('SDK validation errors and denied event codes produce sanitized diagnostics instead of disappearing silently',async()=>{
+  const f=fixture();try{
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    const broken=new Element();broken.attributes.set('data-track-item','');broken.dataset={itemId:'7',itemType:'short_drama'};
+    f.intersect(broken);await flush();assert.equal(f.diagnostics[0].reason,'event_validation_failed');assert.ok(f.diagnostics[0].missingFields.includes('item_name'));
+    f.sdk.track={adImpression:async()=>({ok:false,reason:'event_code_not_allowed',encryptedConfig:'never-log-cipher',payload:{uid:'never-log-uid'}})};
+    f.tracker.externalAd(advertisement(),'show');await flush();
+    assert.equal(f.diagnostics.at(-1).reason,'event_code_not_allowed');assert.ok(!JSON.stringify(f.diagnostics).includes('never-log'));
+    f.tracker.externalAd(advertisement('next'),'show');await flush();assert.equal(f.diagnostics.filter(d=>d.reason==='event_code_not_allowed').length,1);
+    assert.deepEqual(f.consoleCalls,[]);assert.deepEqual(sdkLogs,[]);
+  }finally{f.close();}
+});
+
+test('bootstrap SDK configuration requests bypass SDK readiness, and delayed config preserves more than 200 queued events',async()=>{
+  const f=fixture();try{
+    f.sdk.getCommonFields=()=>{throw Error('configuration must not depend on SDK fields');};
+    assert.deepEqual(await f.tracker.requestHeaders('config/info','GET',{}),{});
+    for(let n=0;n<220;n++){const node=advertisement();node.dataset.adId='ad-'+n;f.tracker.externalAd(node,'show');}
+    f.tracker.externalAd(advertisement('startup-grid'),'click');
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    assert.equal(f.events.filter(e=>e.method==='adImpression').length,221);assert.equal(f.events.filter(e=>e.method==='adClick').length,1);
+    assert.deepEqual(f.results.filter(result=>!result.ok),[]);
+  }finally{f.close();}
+});
+
+test('all playback behavior and episode status payloads pass the real SDK validator',async()=>{
+  const f=fixture();try{
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    f.tracker.setDrama(drama,chapters[0],chapters);
+    const video=new Video(),mode=new Element();mode.dataset.playMode='main';video.parents={'[data-play-mode]':mode};f.setVideo(video);
+    for(const behavior of ['ep_play','ep_pause','ep_forward','ep_rewind','ep_complete','ep_share','ep_failed'])f.tracker.dramaEvent(behavior,video);
+    for(const behavior of ['ep_previous','ep_next','ep_switch','ep_unlock','ep_auto_play'])f.tracker.dramaStatusChange(chapters[1],behavior);
+    await flush();assert.deepEqual(f.results.filter(result=>!result.ok),[]);assert.deepEqual(f.diagnostics,[]);
+    assert.ok(f.results.some(result=>result.method==='dramaEvent'));assert.ok(f.results.some(result=>result.method==='dramaStatusChange'));
+  }finally{f.close();}
+});
+
+test('SDK loading can recover after the first script was unavailable and a failed init leaves queued events retryable',async()=>{
+  const f=fixture();try{
+    delete f.win.WebSDK;let loaded=0;
+    f.document.createElement=()=>({remove(){}});
+    f.document.head.append=script=>{loaded++;queueMicrotask(()=>{f.win.WebSDK=f.sdk;script.onload();});};
+    const initialize=f.sdk.init;let fail=true;
+    f.sdk.init=options=>{if(fail)throw Error('private-config-must-not-appear');return initialize(options);};
+    f.tracker.externalAd(advertisement('startup-ad'),'show');f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    assert.equal(loaded,1);assert.equal(f.events.length,0);assert.equal(f.diagnostics[0].reason,'sdk_initialization_failed');
+    fail=false;f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    assert.equal(f.events.filter(e=>e.method==='appPageView').length,1);assert.equal(f.events.filter(e=>e.method==='adImpression').length,1);
+    assert.ok(!JSON.stringify(f.diagnostics).includes('private-config'));
+  }finally{f.close();}
+});
+
+test('SDK initializes once from dynamic config, queues the first PV and tracks each native route once',async()=>{
+  const f=fixture();try{
+    f.tracker.configure({});await flush();assert.equal(f.calls.length,0);assert.equal(f.events.length,0);
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    assert.equal(f.calls[0].appId,TRACKER_APP_ID);assert.equal(f.calls[0].encryptedConfig,'configured-cipher');assert.deepEqual(f.calls[0].disableAutoEvents,['app_page_view','page_click']);
+    assert.equal(f.events.filter(e=>e.method==='appPageView').length,1);
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});f.tracker.pageView();assert.equal(f.events.length,1);
+    f.location.pathname='/rank/new/page/2/';f.tracker.pageView();
+    const pv=f.events.at(-1);assert.equal(pv.payload.page_key,'rank_new');assert.equal(pv.payload.referrer_page_key,'home');assert.equal(f.calls.filter(c=>c==='route').length,1);
+    f.tracker.syncUser({userId:123456});assert.equal(f.fields.uid,'123456');f.tracker.syncUser(null);assert.equal(f.fields.uid,'');
+    for(const path of ['/navigation/','/info/about-us/','/member/settings/','/topics/3/','/video/8/'])assert.notEqual(trackingPage(path).key,'internal_other');
+    const count=f.events.filter(e=>e.method==='appPageView').length;
+    f.tracker.resumePage();assert.equal(f.events.filter(e=>e.method==='appPageView').length,count+1);
+    f.tracker.pageView();assert.equal(f.events.filter(e=>e.method==='appPageView').length,count+1,'ordinary bindings must not duplicate the restored page view');
+  }finally{f.close();}
+});
+
+test('ad visibility and clicks deduplicate across DOM replacements, resetting only on a new page',async()=>{
+  const f=fixture();try{
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    const ad=new Element();ad.attributes.set('data-track-ad','external');ad.dataset={adId:'advertise-code',adSlotKey:'slot',adSlotName:'广告位',adType:'banner',adClickable:'1'};
+    ad.hidden=true;f.intersect(ad);assert.equal(f.events.filter(e=>e.method==='adImpression').length,0);
+    ad.hidden=false;f.intersect(ad);f.tracker.externalAd(ad,'show');f.tracker.externalAd(ad,'click');
+    assert.equal(f.events.filter(e=>e.method==='adImpression').length,1);assert.equal(f.events.filter(e=>e.method==='adClick').length,1);
+    f.location.pathname='/shorts/';f.tracker.pageView();f.tracker.externalAd(ad,'show');assert.equal(f.events.filter(e=>e.method==='adImpression').length,2);
+    f.location.pathname='/';f.tracker.pageView();f.tracker.externalAd(ad,'show');assert.equal(f.events.filter(e=>e.method==='adImpression').length,2,'returning to a previously seen tab must not repeat its ads');
+  }finally{f.close();}
+});
+
+test('play durations exclude buffering and preview, speed is scaled, and seek/completion/status use named events',async()=>{
+  const f=fixture();try{
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    f.tracker.setDrama(drama,chapters[0],chapters);
+    const video=new Video(),mode=new Element();mode.dataset.playMode='main';video.parents={'[data-play-mode]':mode};f.setVideo(video);
+    const emit=type=>f.tracker.videoEvent({type,target:video});
+    emit('play');emit('playing');f.setClock(5000);emit('waiting');f.setClock(15000);emit('playing');f.setClock(18000);video.paused=true;video.currentTime=30;emit('pause');
+    const pause=f.events.filter(e=>e.payload.play_behavior_key==='ep_pause').at(-1);assert.equal(pause.payload.play_duration,7);assert.equal(pause.payload.play_speed,125);assert.equal(pause.payload.play_progress,30);
+    const count=f.events.length;mode.dataset.playMode='preview';emit('play');emit('playing');assert.equal(f.events.length,count);mode.dataset.playMode='main';
+    video.currentTime=20;emit('timeupdate');emit('seeking');video.currentTime=60;emit('seeked');assert.equal(f.events.at(-1).payload.play_behavior_key,'ep_forward');
+    video.currentTime=100;video.ended=true;emit('ended');assert.equal(f.events.at(-2).payload.play_behavior_key,'ep_complete');assert.equal(f.events.at(-1).payload.play_behavior_key,'ep_play');assert.equal(f.events.at(-1).payload.play_progress,100);
+    f.tracker.dramaStatusChange(chapters[1]);assert.equal(f.events.at(-1).payload.drama_behavior_key,'ep_next');f.tracker.dramaStatusChange(chapters[1],'ep_unlock');assert.equal(f.events.at(-1).payload.drama_behavior_key,'ep_unlock');
+    assert.ok(!f.events.some(e=>['dramaLike','dramaCollect','dramaPurchase','dramaComment'].includes(e.method)));
+  }finally{f.close();}
+});
+
+test('request headers preserve SDK values and snapshot the selected purchase chapter independently of route changes',async()=>{
+  const f=fixture();try{
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();f.tracker.setDrama(drama,chapters[0],chapters);
+    const pending=f.tracker.requestHeaders('playlet/chapter/unlock','POST',{playletId:23456,chapterId:90002});
+    f.location.pathname='/shorts/';f.tracker.pageView();
+    const headers=await pending,context=JSON.parse(Buffer.from(headers['X-DC-Request-Context'],'base64url'));
+    assert.deepEqual(context.common,f.fields);assert.equal(context.drama.drama_id,'23456');assert.equal(context.drama.video_id,'90002');assert.equal(context.drama.episode,2);
+    assert.equal(context.event_name,'drama_purchase');assert.match(context.request_id,/^[a-f0-9]{32}$/);assert.equal(context.request_id,headers['X-Tracker-Request-Id']);
+    assert.deepEqual(JSON.parse(Buffer.from(headers['X-SDK-Common'],'base64')),f.fields);
+    const videoComment=await f.tracker.requestHeaders('comment/send','POST',{objectId:2,objectType:20});assert.equal(videoComment['X-DC-Request-Context'],undefined);
+    const order=await f.tracker.requestHeaders('coin/buy','POST',{});assert.ok(order['X-SDK-Common']);assert.equal(order['X-Tracker-Event-Name'],undefined);
+  }finally{f.close();}
+});
+
+test('terminal playback errors report failed once per attempt, exclude preview and use the video dictionary',async()=>{
+  const f=fixture();try{
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();
+    f.tracker.setDrama(drama,chapters[0],chapters);
+    const video=new Video(),mode=new Element();mode.dataset.playMode='main';video.parents={'[data-play-mode]':mode};f.setVideo(video);
+    f.tracker.videoEvent({type:'playing',target:video});f.setClock(5000);video.currentTime=30;
+    f.tracker.playbackFailed(video);f.tracker.playbackFailed(video);
+    const failed=f.events.filter(e=>e.payload.play_behavior_key==='ep_failed');assert.equal(failed.length,1);assert.equal(failed[0].payload.play_behavior_name,'播放失败');assert.equal(failed[0].payload.play_duration,4);
+    mode.dataset.playMode='preview';f.tracker.prepareDramaModeChange();f.tracker.playbackFailed(video);assert.equal(f.events.filter(e=>e.payload.play_behavior_key==='ep_failed').length,1);
+    mode.dataset.playMode='main';f.tracker.prepareDramaModeChange();f.tracker.playbackFailed(video);assert.equal(f.events.filter(e=>e.payload.play_behavior_key==='ep_failed').length,2);
+    f.tracker.setDrama(drama,null,[],true);assert.equal(f.events.at(-1).payload.video_behavior_name,'视频展示');
+    f.tracker.prepareDramaModeChange();f.tracker.playbackFailed(video);assert.equal(f.events.at(-1).method,'videoEvent');assert.equal(f.events.at(-1).payload.video_behavior_key,'video_failed');assert.equal(f.events.at(-1).payload.video_behavior_name,'播放失败');
+  }finally{f.close();}
+});
+
+test('completion includes 100 percent play progress while preserving the final playback interval',async()=>{
+  const f=fixture();try{
+    f.tracker.configure({reportSdkConfig:'configured-cipher'});await flush();f.tracker.setDrama(drama,chapters[0],chapters);
+    const video=new Video(),mode=new Element();mode.dataset.playMode='main';video.parents={'[data-play-mode]':mode};f.setVideo(video);
+    f.tracker.videoEvent({type:'playing',target:video});f.setClock(9000);video.currentTime=100;video.ended=true;f.tracker.videoEvent({type:'ended',target:video});
+    const [complete,progress]=f.events.slice(-2);assert.equal(complete.payload.play_behavior_key,'ep_complete');assert.equal(progress.payload.play_behavior_key,'ep_play');
+    assert.equal(complete.payload.play_progress,100);assert.equal(progress.payload.play_progress,100);assert.equal(complete.payload.play_duration,8);assert.equal(progress.payload.play_duration,8);
+    const count=f.events.length;f.tracker.reportProgress();assert.equal(f.events.length,count,'the final playback interval must be consumed after progress reporting');
+  }finally{f.close();}
+});
+
+test('all SDK public fields reach login and order requests unchanged including numeric timestamps and optional system metadata',async()=>{
+  const f=fixture();try{
+    Object.assign(f.fields,{device_brand:'品牌',device_model:'model',system_name:'test-system',system_version:'1.2.3'});
+    for(const path of ['auth/login','auth/register','coin/buy','vip/pay']){
+      const headers=await f.tracker.requestHeaders(path,'POST',{}),forwarded=trackingHeaders(new Headers(headers),path,'POST');
+      assert.deepEqual(JSON.parse(Buffer.from(forwarded['X-SDK-Common'],'base64')),f.fields);assert.equal(forwarded['X-DC-Request-Context'],undefined);
+    }
+  }finally{f.close();}
+});
+
+test('the BFF accepts only the correct route, app, common fields and context schema without blocking business data',()=>{
+  const fields=common(),requestId='1234567890abcdef1234567890abcdef';
+  const context={v:1,request_id:requestId,event_name:'drama_purchase',common:fields,drama:{media_id:'',drama_id:'23456',episode:2,video_id:'90002',recommend_trace_id:''}};
+  const source=new Headers({'X-SDK-Common':base64JSON(Object.fromEntries(SDK_COMMON_KEYS.map(k=>[k,fields[k]]))),'X-Tracker-Request-Id':requestId,'X-Tracker-Event-Name':'drama_purchase','X-DC-Request-Context':base64JSON(context,true)});
+  const forwarded=trackingHeaders(source,'playlet/chapter/unlock','POST');assert.deepEqual(JSON.parse(Buffer.from(forwarded['X-DC-Request-Context'],'base64url')),context);
+  assert.ok(forwarded['X-User-Agent'].includes('sid=sid-raw'));assert.equal(forwarded.Authorization,undefined);
+  for(const [path,method] of [['playlet/collect/set','POST'],['config/info','GET'],['playlet/chapter/unlock','GET']])assert.equal(trackingHeaders(source,path,method)['X-DC-Request-Context'],undefined);
+  for(const invalid of [{...context,request_id:'other'},{...context,common:{...fields,app_id:'JHA-1047'}},{...context,common:{...fields,token:'secret'}},{...context,drama:{...context.drama,episode:0}}]){
+    const headers=new Headers(source);headers.set('X-DC-Request-Context',base64JSON(invalid,true));const result=trackingHeaders(headers,'playlet/chapter/unlock','POST');assert.equal(result['X-DC-Request-Context'],undefined);assert.ok(result['X-SDK-Common']);
+  }
+  assert.deepEqual(trackingHeaders(new Headers({'X-SDK-Common':'invalid','X-DC-Request-Context':'x'.repeat(9000)}),'playlet/chapter/unlock','POST'),{});
+});
diff --git a/tests/api-config.test.mjs b/tests/api-config.test.mjs
new file mode 100644
index 0000000..7d1af4b
--- /dev/null
+++ b/tests/api-config.test.mjs
@@ -0,0 +1,152 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {isIP} from 'node:net';
+import {readFile} from 'node:fs/promises';
+import vm from 'node:vm';
+import ts from 'typescript';
+
+const environment={PUBLIC_DATA_CACHE_TTL_MS:'60000'};
+async function compile(path,dependencies={},extra={}) {
+  const exports={};
+  const {outputText}=ts.transpileModule(await readFile(new URL('../src/lib/api/'+path+'.ts',import.meta.url),'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.CommonJS}});
+  vm.runInNewContext(outputText,{exports,URL,Headers,Request,Response,FormData,AbortSignal,TextDecoder,structuredClone,process:{env:environment},require:name=>{
+    if(!(name in dependencies))throw new Error('Unknown dependency: '+name);
+    return dependencies[name];
+  },...extra});
+  return exports;
+}
+const config=await compile('config');
+const protocol=await compile('protocol');
+const cache=await compile('public-cache');
+
+test('development uses its configured domain and supports legacy overrides',()=>{
+  delete environment.UPSTREAM_API_URL;delete environment.API_BASE_URL;
+  assert.equal(config.getApiBaseUrl(),'http://172.104.181.99:21022');
+  environment.APP_ENV='test';assert.equal(config.getApiBaseUrl(),'http://172.104.181.99:21022');
+  environment.APP_ENV='production';assert.equal(config.getApiBaseUrl(),'http://172.104.56.28:26125');
+  delete environment.APP_ENV;
+  environment.API_BASE_URL='https://legacy-api.example/';assert.equal(config.getApiBaseUrl(),'https://legacy-api.example');
+  environment.UPSTREAM_API_URL=' http://127.0.0.1:21111/ ';
+  assert.equal(config.getApiBaseUrl(),'http://127.0.0.1:21111');
+  for(const value of ['', 'javascript:bad', 'https://user:secret@api.example', 'https://api.example/?query=1', 'https://api.example/#fragment']){
+    environment.UPSTREAM_API_URL=value;assert.throws(()=>config.getApiBaseUrl(),/UPSTREAM_API_URL/);
+  }
+});
+
+test('explicit current mode resolves the current domain per request, including protocol and port',()=>{
+  environment.UPSTREAM_API_URL='current';delete environment.API_BASE_URL;
+  for(const APP_ENV of ['test','production']){
+    environment.APP_ENV=APP_ENV;
+    assert.equal(config.usesCurrentApiOrigin(),true);
+    assert.equal(config.getApiBaseUrl({url:'http://0.0.0.0:21021/api/config/info',headers:new Headers({Host:'first.example:8443','X-Forwarded-Proto':'https','X-Forwarded-Host':'ignored.example'})}),'https://first.example:8443');
+    assert.equal(config.getApiBaseUrl({url:'http://second.example:21021/api/config/info',headers:new Headers()}),'http://second.example:21021');
+    assert.equal(config.getApiBaseUrl({headers:new Headers({'X-Forwarded-Host':'fallback.example','X-Forwarded-Proto':'https'})}),'https://fallback.example');
+    assert.throws(()=>config.getApiBaseUrl(),/请求域名/);
+    for(const Host of ['user:secret@api.test','api.test/path','api.test?x=1','api.test,other.test','api.test\\other']){
+      assert.throws(()=>config.getApiBaseUrl({headers:new Headers({Host})}));
+    }
+    assert.throws(()=>config.getApiBaseUrl({headers:new Headers({Host:'api.test','X-Forwarded-Proto':'ftp'})}));
+  }
+  delete environment.APP_ENV;
+});
+
+test('SSR and API proxy share the configured upstream while cache entries stay isolated by backend',async()=>{
+  const requests=[];
+  const server=await compile('server',{'./protocol':protocol,'./config':config,'./public-cache':cache,react:{cache:fn=>fn},'next/headers':{headers:()=>{throw new Error('Fixed upstream must not read request headers');}}},{fetch:async(url,options)=>{
+    requests.push({url:String(url),...options});return Response.json({code:200,data:{source:new URL(url).origin}});
+  }});
+  environment.UPSTREAM_API_URL='https://api-a.example';
+  const first=await server.upstream('config/info');assert.equal(first.data.source,'https://api-a.example');
+  environment.UPSTREAM_API_URL='https://api-b.example';
+  assert.equal((await server.upstream('config/info')).data.source,'https://api-b.example');
+  environment.UPSTREAM_API_URL='https://api-a.example';
+  assert.equal((await server.upstream('config/info')).data.source,'https://api-a.example');assert.equal(requests.length,2);
+  await server.upstream('auth/getInfo',{token:'server-only-token'});
+  assert.equal(requests.at(-1).url,'https://api-a.example/api/app/auth/getInfo');assert.equal(requests.at(-1).headers.Authorization,'server-only-token');
+});
+
+test('SSR, API handlers and private requests use the current origin without mixing public caches',async()=>{
+  environment.UPSTREAM_API_URL='current';
+  let incoming=new Headers({Host:'site-a.example','X-Forwarded-Proto':'https'});
+  const requests=[];
+  const server=await compile('server',{'./protocol':protocol,'./config':config,'./public-cache':cache,react:{cache:fn=>fn},'next/headers':{headers:async()=>incoming}},{fetch:async(url,options)=>{
+    requests.push({url:String(url),...options});return Response.json({code:200,data:{source:new URL(url).origin}});
+  }});
+  assert.equal((await server.upstream('config/info')).data.source,'https://site-a.example');
+  incoming=new Headers({Host:'site-b.example','X-Forwarded-Proto':'http'});
+  assert.equal((await server.upstream('config/info')).data.source,'http://site-b.example');
+  const request=new Request('https://site-a.example/api/config/info');
+  assert.equal((await server.upstream('config/info',{request})).data.source,'https://site-a.example');
+  assert.equal(requests.length,2);
+  await server.upstream('auth/getInfo',{request,token:'private-current-token'});
+  assert.equal(requests.at(-1).url,'https://site-a.example/api/app/auth/getInfo');
+  assert.equal(requests.at(-1).headers.Authorization,'private-current-token');
+  assert.equal(requests.at(-1).headers[config.UPSTREAM_HOP_HEADER],'1');
+});
+
+test('current-origin media preserves signatures and fails immediately if the upstream returns to Next',async()=>{
+  environment.UPSTREAM_API_URL='current';
+  const requests=[];
+  const media=await compile('media',{'node:net':{isIP},'./config':config},{fetch:async(url,options)=>{
+    requests.push({url:String(url),...options});return new Response(new Uint8Array(16));
+  }});
+  const request=new Request('http://0.0.0.0:21021/enkey?id=1&ticket=a%2Fb+1',{headers:{Host:'deployed.example','X-Forwarded-Proto':'https',Cookie:'drama_session=secret'}});
+  assert.equal((await media.proxyMedia(request,'/enkey',true)).status,200);
+  assert.equal(requests[0].url,'https://deployed.example/enkey?id=1&ticket=a%2Fb+1');
+  assert.equal(requests[0].headers.get('cookie'),null);
+  assert.equal(requests[0].headers.get(config.UPSTREAM_HOP_HEADER),'1');
+  const loop=new Request('https://deployed.example/enkey',{headers:{[config.UPSTREAM_HOP_HEADER]:'1'}});
+  const response=await media.proxyMedia(loop,'/enkey',true);
+  assert.equal(response.status,502);assert.match(await response.text(),/转发配置/);assert.equal(requests.length,1);
+});
+
+test('media and keys use the configured upstream while preserving signatures, byte ranges and credential isolation',async()=>{
+  const reads=[];
+  const media=await compile('media',{'node:net':{isIP},'./config':config},{fetch:async(url,options)=>{
+    reads.push({url:String(url),headers:options.headers});
+    return new Response(new URL(url).pathname==='/enkey/'?new Uint8Array(16):'#EXTM3U\n#EXT-X-ENDLIST\n');
+  }});
+  environment.UPSTREAM_API_URL='http://127.0.0.1:21111';
+  const incoming=new Request('https://current-site.example/h5/m3u8/video.m3u8?md=a%2Fb+value&x=1&x=2',{headers:{Range:'bytes=0-2',Cookie:'drama_session=secret',Authorization:'secret','X-Real-IP':'203.0.113.4'}});
+  assert.equal((await media.proxyMedia(incoming,'/h5/m3u8/video.m3u8')).status,200);
+  assert.equal(reads.at(-1).url,'http://127.0.0.1:21111/h5/m3u8/video.m3u8?md=a%2Fb+value&x=1&x=2');
+  assert.equal(reads.at(-1).headers.get('range'),'bytes=0-2');assert.equal(reads.at(-1).headers.get('x-real-ip'),'203.0.113.4');assert.equal(reads.at(-1).headers.get('x-forwarded-for'),null);
+  assert.equal(reads.at(-1).headers.get('authorization'),null);assert.equal(reads.at(-1).headers.get('cookie'),null);
+  const key=await media.proxyMedia(new Request('https://current-site.example/enkey?token=a%2Fb'),'/enkey/',true);
+  assert.equal(key.status,200);assert.equal((await key.arrayBuffer()).byteLength,16);assert.equal(reads.at(-1).url,'http://127.0.0.1:21111/enkey/?token=a%2Fb');
+});
+
+test('key proxies follow one same-origin slash change in either direction without changing signed queries or headers',async()=>{
+  environment.UPSTREAM_API_URL='https://key-api.example';
+  const query='?id=12700&t=123&ticket=a%2Fb+1&ticket=x%252Fy';
+  for(const pathname of ['/enkey','/enkey/','/newenkey','/newenkey/']){
+    const alternate=pathname.endsWith('/')?pathname.slice(0,-1):pathname+'/';
+    const reads=[];
+    const media=await compile('media',{'node:net':{isIP},'./config':config},{fetch:async(url,options)=>{
+      reads.push({url:String(url),...options});
+      return reads.length===1?new Response('',{status:301,headers:{Location:alternate+(pathname.endsWith('/')?'':query)}}):new Response(new Uint8Array(16));
+    }});
+    const result=await media.proxyMedia(new Request('http://local.test'+pathname+query,{headers:{'X-Real-IP':'203.0.113.7','User-Agent':'key-test',Cookie:'drama_session=private',Authorization:'private'}}),pathname,true);
+    assert.equal(result.status,200);assert.equal((await result.arrayBuffer()).byteLength,16);
+    assert.deepEqual(reads.map(item=>item.url),['https://key-api.example'+pathname+query,'https://key-api.example'+alternate+query]);
+    for(const read of reads){
+      assert.equal(read.redirect,'manual');assert.equal(read.cache,'no-store');
+      assert.equal(read.headers.get('X-Real-IP'),'203.0.113.7');assert.equal(read.headers.get('User-Agent'),'key-test');
+      assert.equal(read.headers.get('Cookie'),null);assert.equal(read.headers.get('Authorization'),null);
+    }
+    assert.equal(reads[0].signal,reads[1].signal);
+  }
+});
+
+test('key proxies reject unrelated, cross-origin and repeated redirects before forwarding credentials or signatures',async()=>{
+  environment.UPSTREAM_API_URL='https://key-api.example';
+  for(const [location,repeated] of [['https://external.example/enkey/',false],['/newenkey/',false],['/enkey/?ticket=changed',false],['https://user:secret@key-api.example/enkey/',false],['/enkey/',true],[null,false]]){
+    const reads=[];
+    const media=await compile('media',{'node:net':{isIP},'./config':config},{fetch:async(url)=>{
+      reads.push(String(url));
+      return new Response('',{status:302,headers:location?{Location:reads.length===1?location:'/enkey'}:{}});
+    }});
+    const result=await media.proxyMedia(new Request('http://local.test/enkey?ticket=original'),'/enkey',true);
+    assert.equal(result.status,502,String(location));assert.equal(reads.length,repeated?2:1,String(location));
+  }
+});
diff --git a/tests/api-contract.test.mjs b/tests/api-contract.test.mjs
new file mode 100644
index 0000000..155e9bb
--- /dev/null
+++ b/tests/api-contract.test.mjs
@@ -0,0 +1,69 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import vm from 'node:vm';
+import ts from 'typescript';
+
+const contract=JSON.parse(await readFile(new URL('./fixtures/91av-app-contract.json',import.meta.url),'utf8')).operations;
+const compile=async file=>ts.transpileModule(await readFile(new URL(file,import.meta.url),'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.CommonJS}}).outputText;
+const protocol={},routing={},rendering={},channel={},server={};
+vm.runInNewContext(await compile('../src/lib/api/protocol.ts'),{exports:protocol,URL});
+vm.runInNewContext(await compile('../src/lib/routing.ts'),{exports:routing,URL,URLSearchParams});
+vm.runInNewContext(await compile('../src/lib/client/render.ts'),{exports:rendering,URL,require:key=>key==='../routing'?routing:protocol});
+vm.runInNewContext(await compile('../src/lib/client/channel.ts'),{exports:channel,URL,URLSearchParams,require:key=>key==='../routing'?routing:key==='../api/protocol'?protocol:key==='./render'?rendering:{}});
+vm.runInNewContext(await compile('../src/lib/api/server.ts'),{exports:server,require:key=>key==='react'?{cache:fn=>fn}:protocol});
+const plain=value=>JSON.parse(JSON.stringify(value));
+
+test('proxy methods and public endpoints are backed by the reviewed API contract',async()=>{
+  for(const path of server.PUBLIC_PATHS)assert.ok(contract['GET '+path],path);
+  const code=ts.createSourceFile('server.ts',await readFile(new URL('../src/lib/api/server.ts',import.meta.url),'utf8'),ts.ScriptTarget.Latest,true);
+  const walk=node=>{
+    if(ts.isStringLiteral(node)&&node.text.includes('/')&&server.allowedRequest(node.text,'POST'))assert.ok(contract['POST '+node.text],node.text);
+    ts.forEachChild(node,walk);
+  };walk(code);
+  for(const method of ['GET','POST'])for(const path of ['video/detail','video/all/list','playlet/operate/list','playlet/home/config/detail/list','statcenter/sync'])assert.equal(server.allowedRequest(path,method),false,method+' '+path);
+});
+
+test('the user-confirmed likes list is an authenticated GET endpoint',()=>{
+  assert.equal(server.allowedRequest('playlet/like/list','GET'),true);
+  assert.equal(server.allowedRequest('playlet/like/list','POST'),false);
+  assert.equal(server.PUBLIC_PATHS.has('playlet/like/list'),false);
+  assert.deepEqual(contract['GET playlet/like/list'].query,['pageNum','pageSize']);
+});
+
+test('all public list routes send only supported query fields with their native page numbers',()=>{
+  for(const path of ['/shorts/page/2/','/rank/hot/page/2/','/rank/new/page/2/','/rank/follow/page/2/','/topics/page/2/','/topics/10404/page/2/','/theme/10404/page/2/','/tag/6/page/2/','/config/10081/']){
+    const route=routing.parseSitePath(path),request=channel.channelRequest(route,'?sort=2'),operation=contract['GET '+request.endpoint];
+    assert.ok(operation,path);
+    for(const key of Object.keys(request.query))assert.ok(operation.query.includes(key),path+' unsupported '+key);
+    for(const key of operation.requiredQuery)assert.notEqual(request.query[key],undefined,path+' missing '+key);
+    if(route.key!=='config')assert.equal(request.query.pageNum,2,path);
+  }
+  assert.deepEqual(plain(channel.channelRequest(routing.parseSitePath('/shorts/'),'?sort=2')),{endpoint:'playlet/all/list',query:{pageNum:1,pageSize:24,sortType:2}});
+});
+
+test('shorts random recommendations send sortType 4 and preserve selection and pagination filters',async()=>{
+  const route=routing.parseSitePath('/shorts/page/2/'),calls=[];
+  const data=await channel.loadChannel({get:async(endpoint,query)=>{calls.push({endpoint,query});return {list:[{id:8,title:'随机短剧'}],totalCount:72};}},route,'?sort=4');
+  assert.deepEqual(plain(calls),[{endpoint:'playlet/all/list',query:{pageNum:2,pageSize:24,sortType:4}}]);
+  const view=channel.channelView(route,data,'/shorts/page/2/?sort=4');
+  assert.ok(view.html.includes('data-sort="4" aria-pressed="true">随机推荐</button>'));
+  assert.equal((view.html.match(/aria-pressed="true"/g)||[]).length,1);
+  assert.ok(view.html.includes('href="/shorts/page/3/?sort=4"'));
+  assert.equal(routing.paginationPath('/shorts/page/2/?sort=2',1,{sort:4}),'/shorts/?sort=4');
+  for(const sort of [1,2,3,4])assert.equal(channel.channelRequest(route,'?sort='+sort).query.sortType,sort);
+  for(const sort of ['0','5','NaN','1.5'])assert.equal(channel.channelRequest(route,'?sort='+sort).query.sortType,1);
+  assert.equal(channel.channelRequest(routing.parseSitePath('/tag/6/'),'?sort=4').query.sortType,1);
+});
+
+test('home more fallback uses the exact enabled block without inventing a paginated catalog',async()=>{
+  const calls=[];
+  const api={get:async(endpoint,query)=>{calls.push({endpoint,query});return {homeConfigData:[{id:1,status:true,name:'正确栏目',type:1,list:[{id:8,title:'唯一短剧'}]},{id:2,status:false,list:[{id:9}]}]};}};
+  const first=await channel.loadChannel(api,routing.parseSitePath('/config/1/'));
+  assert.equal(first.name,'正确栏目');assert.deepEqual(plain(first.list),[{id:8,title:'唯一短剧'}]);assert.equal(first.totalCount,1);
+  const second=await channel.loadChannel(api,routing.parseSitePath('/config/1/page/2/'));
+  assert.deepEqual(plain(second.list),[]);assert.equal(second.totalCount,1);
+  assert.equal((await channel.loadChannel(api,routing.parseSitePath('/config/2/'))).missing,true);
+  assert.ok(calls.every(call=>call.endpoint==='playlet/home'&&Object.keys(call.query).length===0));
+  assert.equal(routing.parseSitePath('/series/'),null);assert.equal(routing.parseSitePath('/video/7/'),null);
+});
diff --git a/tests/api-integration.test.mjs b/tests/api-integration.test.mjs
new file mode 100644
index 0000000..7857f04
--- /dev/null
+++ b/tests/api-integration.test.mjs
@@ -0,0 +1,1504 @@
+import {test, before, after} from "node:test";
+import assert from "node:assert/strict";
+import {createServer, request as httpRequest} from "node:http";
+import {spawn} from "node:child_process";
+import {setTimeout as delay} from "node:timers/promises";
+import {createHash} from 'node:crypto';
+import {rm,readFile} from 'node:fs/promises';
+const appContract=JSON.parse(await readFile(new URL('./fixtures/91av-app-contract.json',import.meta.url),'utf8')).operations;
+let strictContract=false;
+import {join} from 'node:path';
+
+let mock, next, base, output="";
+let mockOrigin,seoSnapshotPath,configFailure='';
+let downloadAddress='https://example.com/download';
+let seoConfig={},categories=[],listPayload,detailSeo;
+let chapterPayload,videoPayload,chapterListPayload,commentPayload;
+let tagOptionsPayload;
+let requireSeoAuth=false,searchFailure=false,searchPayload;
+let responseOverrides={};
+let upstreamKeySlash=false;
+const defaultHeader={categoryList:[{id:1,name:'首页',urlValue:'',categoryType:1},{id:2,name:'短剧',urlValue:'/shorts/',categoryType:1},{id:3,name:'专题',urlValue:'/topics/',categoryType:1},{id:4,name:'热榜',urlValue:'/hot',categoryType:1},{id:5,name:'回家的路',urlValue:'',categoryType:1},{id:6,name:'福利应用',urlValue:'',categoryType:1}]};
+let headerPayload=defaultHeader,headerFailure=false;
+let appsPayload,packagesPayload,accountListPayload,transactionsPayload;
+let blockedDetail,footerPayload;
+const calls=[];
+const testEnvironment=process.env.TEST_APP_ENV==='test'?'test':'production';
+const testBuildDirectory=testEnvironment==='test'?'.next-test':'.next';
+const fixture={id:23456,title:'接口剧名 <script>alert(1)</script>',cover:'https://example.com/poster.webp',totalEpisode:7,countLike:1234,tagNames:['都市'],showOnBanner:true};
+let homePayload={homeBannerData:[fixture],homeConfigData:[{id:31,status:true,name:'后台配置标题',type:1,list:[fixture]}]};
+const playlist='#EXTM3U\n#EXT-X-KEY:METHOD=AES-128,URI="/enkey?token=a%2Fb"\n#EXTINF:2,\nhttps://cdn.example/segment.ts?md=signed+value\n#EXT-X-ENDLIST\n';
+async function listen(server){await new Promise(resolve=>server.listen(0,"127.0.0.1",resolve));return server.address().port;}
+function assertPageLinksHaveTrailingSlash(html){
+  for(const match of html.matchAll(/<a\b[^>]*\bhref="(\/[^"#?]*)(?:[?#][^"]*)?"/g))assert.ok(match[1].endsWith('/'),match[1]);
+}
+
+async function startNext(environment={}){
+  const reservation=createServer();const port=await listen(reservation);await new Promise(resolve=>reservation.close(resolve));
+  base=`http://127.0.0.1:${port}`;output='';
+  next=spawn(process.execPath,['node_modules/next/dist/bin/next','start','--hostname','0.0.0.0','--port',String(port)],{cwd:process.cwd(),env:{...process.env,APP_ENV:testEnvironment,APP_DIST_DIR:testBuildDirectory,UPSTREAM_API_URL:mockOrigin,API_BASE_URL:'http://127.0.0.1:1',PUBLIC_DATA_CACHE_TTL_MS:'0',...environment},stdio:['ignore','pipe','pipe']});
+  next.stdout.on('data',chunk=>{output+=chunk.toString();});next.stderr.on('data',chunk=>{output+=chunk.toString();});
+  for(let attempt=0;attempt<60;attempt++){
+    try{if((await fetch(base+'/favicon.png')).ok)return;}catch{}
+    if(next.exitCode!==null)throw new Error(output);
+    await delay(100);
+  }
+  throw new Error('Test server did not start: '+output);
+}
+
+async function stopNext(){
+  if(!next||next.exitCode!==null)return;
+  const stopped=new Promise(resolve=>next.once('exit',resolve));next.kill('SIGTERM');await stopped;
+}
+
+test('deployment health endpoint bypasses guest creation, avoids redirects and never caches',async()=>{
+  for(const path of ['/healthz','/healthz/']) {
+    const previous=calls.length;
+    const response=await fetch(base+path,{redirect:'manual'});
+    assert.equal(response.status,200);assert.equal(response.headers.get('set-cookie'),null);
+    assert.match(response.headers.get('cache-control'),/no-store/);
+    assert.match(response.headers.get('x-robots-tag'),/noindex/);
+    assert.deepEqual(await response.json(),{status:'ok',environment:testEnvironment,application:'91-drama-next'});
+    assert.equal(calls.length,previous);
+  }
+  const head=await fetch(base+'/healthz',{method:'HEAD',redirect:'manual'});
+  assert.equal(head.status,200);assert.equal(await head.text(),'');
+});
+
+
+before(async()=>{
+  mock=createServer(async(request,response)=>{
+    let raw="";for await(const chunk of request)raw+=chunk;
+    const url=new URL(request.url,"http://local");
+    calls.push({path:url.pathname,search:url.search,method:request.method,auth:request.headers.authorization,cookie:request.headers.cookie,range:request.headers.range,device:request.headers['x-user-agent'],ip:request.headers['x-real-ip'],forwarded:request.headers['x-forwarded-for'],sdk:request.headers['x-sdk-common'],trackerId:request.headers['x-tracker-request-id'],trackerEvent:request.headers['x-tracker-event-name'],trackerContext:request.headers['x-dc-request-context'],body:raw});
+    if(url.pathname.startsWith('/h5/m3u8/')){
+      if(url.pathname.endsWith('redirect.m3u8')){response.writeHead(302,{Location:'/unexpected'});response.end();return;}
+      if(url.pathname.endsWith('missing.m3u8')){response.writeHead(404);response.end();return;}
+      if(url.pathname.endsWith('denied.m3u8')){response.writeHead(200,{'Content-Type':'application/json'});response.end(JSON.stringify({code:1000,msg:'expired signed URL'}));return;}
+      if(url.pathname.endsWith('invalid.m3u8')){response.writeHead(200,{'Content-Type':'text/html'});response.end('<html>Error</html>');return;}
+      if(url.pathname.endsWith('.ts')){response.writeHead(206,{'Content-Type':'application/octet-stream','Content-Range':'bytes 0-2/10','Accept-Ranges':'bytes'});response.end(Buffer.from([9,8,7]));return;}
+      response.writeHead(200,{'Content-Type':'application/octet-stream'});response.end(playlist);return;
+    }
+    if(['/enkey','/enkey/','/newenkey','/newenkey/'].includes(url.pathname)){
+      const canonical=url.pathname.replace(/\/$/,'')+(upstreamKeySlash?'/':'');
+      if(url.pathname!==canonical){response.writeHead(301,{Location:canonical+url.search});response.end();return;}
+      response.writeHead(200,{'Content-Type':'application/octet-stream'});
+      response.end(url.searchParams.has('invalid')?Buffer.from(JSON.stringify({code:1000,msg:'bad key'})):Buffer.from(Array.from({length:16},(_,index)=>index)));
+      return;
+    }
+    const path=url.pathname.replace('/api/app/','');
+    if(Object.hasOwn(responseOverrides,path)){
+      const {status=200,code=200,data=null,raw:overrideRaw}=responseOverrides[path];
+      response.writeHead(status,{'Content-Type':'application/json'});
+      response.end(overrideRaw??JSON.stringify({code,data}));return;
+    }
+    if(path==='playlet/detail'&&blockedDetail)await blockedDetail.promise;
+    if(strictContract){
+      const op=appContract[request.method+' '+path];
+      const invalid=!op||[...url.searchParams.keys()].some(key=>!op.query.includes(key))||op.requiredQuery.some(key=>!url.searchParams.has(key));
+      if(invalid){response.writeHead(400,{'Content-Type':'application/json'});response.end(JSON.stringify({code:400,msg:'Undocumented endpoint or query',data:null}));return;}
+    }
+    let data={list:[],totalCount:0};let code=200;
+    if(path==='auth/guest')data={token:'test-session-secret',userId:77,nickName:'真实接口用户',type:0};
+    else if(path==='auth/login'){
+      const body=JSON.parse(raw);
+      if(body.account==='wrong')code=1000;
+      data={...(body.account==='missing-token'?{}:{token:'test-registered-secret'}),userId:88,nickName:'正式用户',type:1,isRegister:true};
+    }
+    else if(path==='auth/register')data={token:'test-bound-secret',userId:77,nickName:'绑定游客',type:1,isRegister:true};
+    else if(path==='auth/getInfo'){
+      if(request.headers.authorization==='expired')code=1000;
+      else if(request.headers.authorization==='test-registered-secret')data={userId:88,nickName:'正式用户',type:1};
+      else if(request.headers.authorization==='http-expired'){response.writeHead(401,{'Content-Type':'application/json'});response.end(JSON.stringify({code:401,data:null}));return;}
+      else if(request.headers.authorization==='registered-user-a-secret'||request.headers.authorization==='registered-user-b-secret'){const first=request.headers.authorization==='registered-user-a-secret';data={userId:first?101:202,nickName:first?'用户甲':'用户乙',recharge:first?111:222,type:1,isRegister:true,token:request.headers.authorization,password:'must-not-leak'};}
+      else data={userId:77,nickName:'接口昵称',token:'must-not-leak',recharge:90};
+    }else if(path==='config/info')data={seoInfo:{webSiteName:'91短剧'},...seoConfig,config:{foreverUrlAddr:'https://default.drama.test',telegram:'https://example.com/contact',tgGroup:'https://example.com/group',twitterAddr:'https://example.com/twitter',officialAppAddr:downloadAddress,...seoConfig.config},navPageList:Object.hasOwn(seoConfig,'navPageList')?seoConfig.navPageList:[{line:2,url:'https://example.com/entry-two'},{line:1,url:'https://example.com/entry-one'},{line:3,url:'javascript:alert(1)'}]};
+    else if(path==='navigation/header'){data=headerPayload;if(headerFailure)code=500;}
+    else if(path==='config/footer/info'&&footerPayload)data=footerPayload;
+    else if(path==='translation/category/list')data={categoryList:categories};
+    else if(path==='applist/list'&&appsPayload)data=appsPayload;
+    else if(path==='recharge/package/list'&&packagesPayload)data=packagesPayload;
+    else if(['playlet/history/list','playlet/collect/list','playlet/like/list','playlet/bought/list'].includes(path)&&accountListPayload)data=typeof accountListPayload==='function'?accountListPayload(path,request):accountListPayload;
+    else if(path==='coin/trans/list'&&transactionsPayload)data=transactionsPayload;
+    else if(path==='playlet/home')data=homePayload;
+    else if(path==='playlet/tag/options')data=tagOptionsPayload||{list:[{id:9,name:'测试标签'}]};
+    else if(path==='playlet/search')data=JSON.stringify(searchPayload||{list:[fixture],totalCount:1,pageNum:1,pageSize:24});
+    else if(path==='playlet/guess-like/list')data={list:[{...fixture,id:23458,title:'同类推荐短剧'}],totalCount:1};
+    else if(path==='playlet/detail')data={...fixture,...detailSeo,isCollect:2,isLike:2,playletChapterInfo:[{id:90001,currentEpisode:1,canWatch:true}]};
+    else if(path==='video/detail'&&videoPayload)data=videoPayload;
+    else if(listPayload&&['playlet/hot/rank/list','playlet/topic/list','playlet/topic/detail','playlet/all/list','playlet/tag/list'].includes(path))data=typeof listPayload==='function'?listPayload(path,url):listPayload;
+    else if(path==='playlet/chapter/list')data=chapterListPayload||{list:[{id:90001,currentEpisode:1,canWatch:true}]};
+    else if(path==='playlet/chapter/detail')data=chapterPayload||{id:90001,playletId:23456,currentEpisode:1,canWatch:false,needUnlock:true,singleCoins:13,balance:90};
+    else if(path==='playlet/chapter/unlock'){const body=JSON.parse(raw);data={...body,balance:77};}
+    else if(path==='playlet/collect/set'){
+      if(request.headers.authorization==='expired'||JSON.parse(raw).id===999)code=1000;
+      else data={id:23456,isCollect:1,countCollect:1};
+    }else if(path==='comment/list')data=commentPayload||{list:[],totalCount:0};
+    if(path==='playlet/search'&&searchFailure){code=5100;data=null;}
+    if(path==='config/info'&&configFailure){
+      if(configFailure==='http'||configFailure==='timeout'){
+        if(configFailure==='timeout')await delay(5200);
+        response.writeHead(503,{'Content-Type':'application/json'});response.end(JSON.stringify({code:503,data:null}));return;
+      }
+      if(configFailure==='business')code=500;
+      if(configFailure==='malformed')data=null;
+    }
+    if(requireSeoAuth&&['playlet/detail','comment/list','playlet/search'].includes(path)&&!request.headers.authorization)code=1000;
+    response.writeHead(200,{'Content-Type':'application/json'});
+    response.end(JSON.stringify({code,data,msg:code===200?'success':'session expired'}));
+  });
+  const mockPort=await listen(mock);
+  mockOrigin=`http://127.0.0.1:${mockPort}`;
+  seoSnapshotPath=join(process.cwd(),testBuildDirectory,'cache','seo',createHash('sha256').update(mockOrigin).digest('hex')+'.json');
+  await rm(seoSnapshotPath,{force:true});
+  await startNext();
+}, {timeout:15000});
+
+after(async()=>{await stopNext();if(mock)await new Promise(resolve=>mock.close(resolve));if(seoSnapshotPath)await rm(seoSnapshotPath,{force:true});});
+
+test('a cold configuration failure never uses request/forwarded hosts as canonical or publisher URLs',async()=>{
+  try{
+    configFailure='http';
+    const response=await fetch(base+'/info/about-us/',{headers:{'X-Forwarded-Host':'untrusted.entry.test','X-Forwarded-Proto':'https'}});
+    assert.equal(response.status,200);
+    const html=await response.text(),head=html.match(/<head>([\s\S]*?)<\/head>/)[1];
+    assert.ok(!head.includes('rel="canonical"'));assert.ok(!head.includes('property="og:url"'));
+    assert.ok(!head.includes('untrusted.entry.test'));assert.ok(!/<script\b[^>]*data-site-json-ld=/.test(html));
+    assert.match(head,/<title>关于我们 - 91短剧<\/title>/);
+  }finally{configFailure='';}
+});
+
+test('robots.txt serves crawler text without sessions and advertises the configured absolute sitemap',async()=>{
+  const before=calls.length;
+  for(const agent of ['Googlebot','YandexBot','bingbot'])for(const method of ['GET','HEAD']){
+    const response=await fetch(base+'/robots.txt',{method,redirect:'manual',headers:{'User-Agent':agent,'X-Forwarded-Host':'untrusted.example','Cookie':'drama_session=expired'}});
+    assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+    assert.equal(response.headers.get('set-cookie'),null);assert.match(response.headers.get('content-type'),/^text\/plain\b/);
+    const body=await response.text();
+    if(method==='HEAD'){assert.equal(body,'');continue;}
+    assert.match(body,/User-Agent: \*/i);assert.ok(!body.includes('<html'));assert.ok(!body.includes('untrusted.example'));
+    if(testEnvironment==='production'){
+      assert.match(body,/^Allow: \/$/m);assert.match(body,/^Disallow: \/api\/$/m);assert.match(body,/^Disallow: \/healthz$/m);
+      assert.match(body,/^Sitemap: https:\/\/default\.drama\.test\/sitemap\.xml$/m);
+      assert.ok(!/^Disallow: \/$/m.test(body));
+    }else {assert.match(body,/^Disallow: \/$/m);assert.ok(!body.includes('Sitemap:'));}
+  }
+  const reads=calls.slice(before);
+  assert.ok(reads.every(call=>call.path==='/api/app/config/info'&&!call.auth),'only public site configuration is needed');
+});
+
+test('robots sitemap uses permanent-domain precedence, survives configuration failure and never guesses a host',async()=>{
+  if(testEnvironment!=='production')return;
+  try{
+    seoConfig={config:{foreverUrlAddr:'https://robots.drama.test/nested/?source=1'},newAddressInfo:{foreverUrlAddr:'https://backup.drama.test'}};
+    let response=await fetch(base+'/robots.txt');assert.equal(response.status,200);
+    assert.match(await response.text(),/^Sitemap: https:\/\/robots\.drama\.test\/sitemap\.xml$/m);
+    configFailure='http';
+    response=await fetch(base+'/robots.txt',{headers:{'X-Forwarded-Host':'fake.test'}});assert.equal(response.status,200);
+    assert.match(await response.text(),/^Sitemap: https:\/\/robots\.drama\.test\/sitemap\.xml$/m);
+    configFailure='';seoConfig={config:{foreverUrlAddr:''},newAddressInfo:{foreverUrlAddr:'https://backup.drama.test/base/'}};
+    response=await fetch(base+'/robots.txt');assert.match(await response.text(),/^Sitemap: https:\/\/backup\.drama\.test\/sitemap\.xml$/m);
+  }finally{configFailure='';seoConfig={};}
+});
+
+test('the bare site origin and root slash both serve the homepage without redirecting to shorts',async()=>{
+  for(const address of [base,base+'/']){
+    const response=await fetch(address,{redirect:'manual'});const html=await response.text();
+    assert.equal(response.status,200,address);
+    assert.equal(response.headers.get('location'),null,address);
+    assert.equal(new URL(response.url).pathname,'/');
+    assert.ok(html.includes('class="home-content"'));
+    assert.ok(html.includes('后台配置标题'));
+    assert.match(html,/<a href="\/"[^>]*data-page="home"/);
+    assert.match(html,/<a href="\/shorts\/"[^>]*data-page="shorts"/);
+  }
+});
+
+test('SSR uses upstream content, escapes HTML, and does not restore homepage filters',async()=>{
+  const response=await fetch(base);const html=await response.text();
+  assert.equal(response.status,200);
+  assert.equal((html.match(/<h1\b/g)||[]).length,1,'only the homepage title may use h1, including hidden templates');
+  assert.match(html,/<h1 id="home-title" class="home-page-title">91短剧 · 百万大神原创短剧<\/h1>/);
+  assert.match(html,/<h2>接口剧名 &lt;script&gt;alert\(1\)&lt;\/script&gt;<\/h2>/);
+  assert.ok(html.includes('后台配置标题'));
+  assert.ok(html.includes('接口剧名 &lt;script&gt;'));
+  assert.ok(!html.includes('<script>alert(1)</script>'));
+  assert.ok(!html.includes('data-must-watch-sort'));
+  assert.ok(!html.includes('人人嫌猎户粗野'));
+  assert.ok(html.includes('href="/shorts/"'));
+  assert.ok(html.includes('href="/detail/23456/"'));
+  assert.ok(html.includes('href="/config/31/"'));
+  assert.ok(html.includes('data-src="https://example.com/poster.webp"'));
+  assert.ok(html.includes('src="/assets/poster-placeholder.svg"'));
+  assert.ok(!/<img\b[^>]*\ssrc="https:\/\/example.com\/poster.webp"/.test(html));
+  assert.ok(!/href="#(?:page|info|member|detail|play|video|search)\//.test(html));
+  assert.ok(!html.includes('id="entry-navigation"'));
+  assert.ok(!html.includes('entry-navigation-pending'));
+  assert.match(html,/<dialog id="startup-grid" class="startup-popup" aria-label="应用推广">/);
+  assert.match(html,/<div class="startup-promotions" id="startup-promotions"><\/div>/);
+  assert.ok(!html.includes('id="header-download-qr"'));assert.ok(!html.includes('id="download-qr-panel"'));
+  const entries=[...html.matchAll(/<(?:div|section|a)\b[^>]*\bdata-app-download-entry\b[^>]*>/g)];
+  assert.equal(entries.length,3);
+  for(const entry of entries)assert.match(entry[0],/\bhidden(?:[\s=>])/);
+  assertPageLinksHaveTrailingSlash(html);
+});
+
+test('homepage stays available when upstream ad and content lists are null or malformed',async()=>{
+  const saved=homePayload;
+  try{
+    homePayload={...saved,advitise:{nineGridList:null}};
+    let response=await fetch(base,{redirect:'manual'});let html=await response.text();
+    assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+    assert.ok(html.includes('后台配置标题'));assert.ok(html.includes('href="/detail/23456/"'));
+    for(const value of [null,{},'bad']){
+      homePayload={homeBannerData:value,homeConfigData:value,announcements:value,advitise:{nineGridList:value}};
+      response=await fetch(base,{redirect:'manual'});html=await response.text();
+      assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+      assert.equal((html.match(/<h1\b/g)||[]).length,1,'the homepage keeps its title without banners');
+      assert.ok(html.includes('id="home-title"'));
+      assert.ok(html.includes('暂无推荐剧集'));assert.ok(html.includes('暂时没有内容'));
+    }
+    homePayload={homeBannerData:[null,fixture],homeConfigData:[null,...saved.homeConfigData],announcements:[null,{title:'正常公告'}],advitise:{nineGridList:[null]}};
+    response=await fetch(base);html=await response.text();
+    assert.equal(response.status,200);assert.ok(html.includes('后台配置标题'));assert.ok(html.includes('正常公告'));
+  }finally{homePayload=saved;}
+});
+
+test('/navigation renders direct download links without a hover QR panel',async()=>{
+  const before=calls.length;
+  const response=await fetch(base+'/navigation/',{redirect:'manual'});const html=await response.text();
+  assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+  assert.ok(html.includes('<title>官方入口 - 91短剧</title>'));
+  assert.ok(html.includes('<div id="entry-navigation" class="navigation-page">'));
+  assert.ok(!html.includes('<dialog id="entry-navigation"'));
+  assert.ok(html.includes('91短剧 · 线路一'));assert.ok(html.includes('91短剧 · 线路二'));assert.ok(!html.includes('91短剧 · 线路三'));
+  assert.ok(html.includes('href="https://example.com/entry-one"'));assert.ok(html.includes('href="https://example.com/entry-two"'));
+  assert.ok(!html.includes('href="javascript:'));
+  assert.ok(html.includes('href="https://example.com/contact"'));assert.ok(html.includes('href="https://example.com/group"'));
+  assert.ok(html.includes('href="/home-road/"'));assert.ok(html.includes('href="/apps/"'));
+  assert.match(html,/<a class="entry-download" href="https:\/\/example.com\/download" target="_blank" rel="sponsored nofollow noopener noreferrer" data-app-download=""/);
+  assert.match(html,/<a class="entry-channel" href="https:\/\/example.com\/download" target="_blank" rel="sponsored nofollow noopener noreferrer" data-app-download=""/);
+  assert.ok(!html.includes('src="data:image/png;base64,'));
+  assert.ok(!html.includes('id="site-sidebar"'));assert.ok(!html.includes('/scripts/site-runtime.js'));
+  assert.ok(!html.includes('id="startup-age"'));assert.ok(!html.includes('entry-navigation-pending'));
+  assertPageLinksHaveTrailingSlash(html);
+  assert.deepEqual(calls.slice(before).map(call=>call.path),['/api/app/config/info']);
+  assert.equal((await fetch(base+'/navigation/',{redirect:'manual',headers:{'Cache-Control':'no-cache'}})).status,200);
+});
+
+test('/navigation renders configured identity, routes, permanent entry and channels in its initial HTML',async()=>{
+  try{
+    seoConfig={seoNavInfo:{dhSiteName:'动态导航站',dhDescription:'后端配置的导航介绍'},config:{telegram:'@configured_contact',tgGroup:'@configured_group',twitterAddr:'https://x.com/configured_91',foreverUrlAddr:'https://permanent.drama.test/entry'},navPageList:[{line:4,url:'https://four.drama.test'},{line:2,url:'https://two.drama.test'}]};
+    const start=calls.length,response=await fetch(base+'/navigation/'),html=await response.text();
+    assert.equal(response.status,200);assert.ok(html.includes('动态导航站官方入口'));assert.ok(html.includes('后端配置的导航介绍'));
+    assert.ok(html.includes('动态导航站 · 线路二'));assert.ok(html.includes('动态导航站 · 线路四'));assert.ok(!html.includes('动态导航站 · 线路一'));
+    assert.ok(html.indexOf('动态导航站 · 线路二')<html.indexOf('动态导航站 · 线路四'));
+    assert.match(html,/<a class="entry-permanent" href="https:\/\/permanent.drama.test\/entry" rel="sponsored nofollow noopener noreferrer"/);
+    for(const url of ['https://t.me/configured_contact','https://t.me/configured_group','https://x.com/configured_91'])assert.ok(html.includes(`href="${url}"`));
+    assert.ok(!html.includes('huangguoshortdrama'));assert.ok(!html.includes('huangguodrama'));
+    assert.deepEqual(calls.slice(start).map(call=>call.path),['/api/app/config/info']);
+  }finally{seoConfig={};}
+});
+
+test('/navigation omits unconfigured routes and contacts instead of showing homepage links or demo accounts',async()=>{
+  const saved=downloadAddress;
+  try{
+    downloadAddress='';
+    seoConfig={navPageList:null,config:{foreverUrlAddr:'',telegram:'',telegramAdd:'',tgGroup:'',twitterAddr:''}};
+    const response=await fetch(base+'/navigation/'),html=await response.text();
+    assert.equal(response.status,200);assert.ok(html.includes('暂未配置访问线路'));
+    for(const className of ['entry-route','entry-permanent','entry-contact','entry-download'])assert.ok(!html.includes(`class="${className}"`));
+    for(const label of ['官方TG群','官方推特'])assert.ok(!html.includes(label));
+    assert.ok(html.includes('href="/home-road/"'));assert.ok(html.includes('href="/apps/"'));
+    assert.ok(html.includes('grid-template-columns:repeat(2, minmax(0, 1fr))'));
+  }finally{seoConfig={};downloadAddress=saved;}
+});
+
+test('/navigation omits every download entry when no valid App URL is configured',async()=>{
+  const saved=downloadAddress;
+  try{
+    for(const value of ['', 'javascript:alert(1)']){
+      downloadAddress=value;
+      const response=await fetch(base+'/navigation/',{redirect:'manual'});const html=await response.text();
+      assert.equal(response.status,200);
+      assert.ok(!html.includes('class="entry-download"'));assert.ok(!html.includes('data-app-download=""'));
+      assert.ok(!html.includes('id="app-download-dialog"'));
+      assert.ok(html.includes('官方渠道'));assert.ok(html.includes('href="/apps/"'));
+    }
+  }finally{downloadAddress=saved;}
+});
+
+test('all clean page URLs support direct access and refresh',async()=>{
+  const paths=['/shorts/','/topics/','/rank/','/apps/','/home-road/','/topics/3/','/theme/8/','/tag/9/','/config/31/','/detail/23456/','/play/23456/90001/','/search/'+encodeURIComponent('都市 / 爱情?#%')+'/','/member/center/','/member/favorites/','/member/history/','/member/likes/','/member/purchased/','/member/settings/','/info/deposit/','/info/deposit/vip/','/info/user-center/','/info/settings/','/info/about-us/','/info/user-agreement/','/info/privacy-policy/','/info/help-center/','/info/2257/','/info/dmca/','/info/feedback/'];
+  for(const path of paths){
+    const response=await fetch(new URL(path,base+'/'),{redirect:'manual'});
+    assert.equal(response.status,200,path);
+    assert.equal(response.headers.get('location'),null,path);
+    assert.equal(new URL(response.url).pathname,new URL(path,base).pathname,path);
+    const html=await response.text();assert.ok(html.includes('id="channel-page"'),path);assert.ok(html.includes('/scripts/site-runtime.js'),path);
+    assert.equal((html.match(/<h1\b/g)||[]).length,1,path+' must retain its own h1 without inactive template headings');
+    assert.ok(!html.includes('id="entry-navigation"'),path);assert.ok(!html.includes('entry-navigation-pending'),path);
+    assertPageLinksHaveTrailingSlash(html);
+    const withoutSlash=await fetch(base+path.slice(0,-1),{redirect:'manual'});
+    assert.equal(withoutSlash.status,308,path);
+    assert.equal(new URL(withoutSlash.headers.get('location'),base).href,base+path,path);
+  }
+  const refreshed=await fetch(base+'/shorts/',{headers:{'Cache-Control':'no-cache'}});
+  assert.equal(refreshed.status,200);
+});
+
+test('page slash redirects preserve encoded paths and queries without requesting upstream content',async()=>{
+  const keyword=encodeURIComponent('都市 / 爱情?#% example.com');
+  const paths=['/navigation','/search','/search/'+keyword,'/search/'+keyword+'/page/2','/rank/hot','/rank/new','/rank/follow','/info/deposit/vip','/shorts/page/2'];
+  const query='?channel=a%2Fb+1&sort=2&source=x%252Fy';
+  const before=calls.length;
+  for(const path of paths){
+    for(const method of ['GET','HEAD']){
+      const response=await fetch(base+path+query,{method,redirect:'manual'});
+      assert.equal(response.status,308,path);
+      assert.equal(new URL(response.headers.get('location'),base).href,base+path+'/'+query,path);
+    }
+  }
+  assert.equal(calls.length,before,'redirects must run before page/API data fetching');
+  for(const path of ['/favicon.png','/assets/poster-placeholder.svg','/scripts/site-runtime.js']){
+    const response=await fetch(base+path,{redirect:'manual'});
+    assert.equal(response.status,200,path);assert.equal(response.headers.get('location'),null,path);
+    await response.arrayBuffer();
+  }
+  const missing=await fetch(base+'/unknown-page',{redirect:'manual'});
+  assert.equal(missing.status,404);assert.equal(missing.headers.get('location'),null);
+});
+
+test('empty and paginated search entries retain native paths and keyword-specific metadata',async()=>{
+  searchPayload={list:[fixture],totalCount:48,pageSize:24};
+  try{
+  for(const path of ['/search/','/search/'+encodeURIComponent('都市 / 爱情')+'/','/search/'+encodeURIComponent('都市 / 爱情')+'/page/2/']){
+    const response=await fetch(base+path,{redirect:'manual'});assert.equal(response.status,200,path);assert.equal(response.headers.get('location'),null);
+    const html=await response.text();assert.ok(html.includes('搜索短剧')||html.includes('都市 / 爱情 · 搜索结果'));
+    if(path.includes('/page/2/'))assert.match(html,/第\s*2\s*页/);
+  }
+  }finally{searchPayload=undefined;}
+});
+
+test('fixed information pages retain local article markup and only load shared head configuration in SSR',async()=>{
+  for(const [key,title,marker] of [
+    ['about-us','关于我们','品牌介绍'],['user-agreement','用户协议','关于《使用条款》'],['privacy-policy','隐私政策','八、问题和建议'],
+    ['help-center','常见问题','<details open>'],['2257','2257 合规声明','资料留存'],['dmca','DMCA 版权声明','mailto:huangguoaiai@gmail.com'],
+  ]){
+    const count=calls.length,response=await fetch(base+`/info/${key}/`,{redirect:'manual'});
+    assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+    const html=await response.text();assert.ok(html.includes(`<title>${title} - 91短剧</title>`));assert.ok(html.includes(marker),key);
+    const main=html.match(/<main\b[^>]*\bid="info-page"[^>]*>/)?.[0];assert.ok(main);assert.ok(main.includes(`data-info="${key}"`));assert.ok(!/\shidden(?:[=\s>])/.test(main));
+    assert.deepEqual(calls.slice(count).map(call=>call.path).sort(),['/api/app/auth/guest','/api/app/config/info','/api/app/config/footer/info','/api/app/navigation/header','/api/app/translation/category/list'].sort(),'fixed page SSR must not fetch homepage or rich text');
+    assert.ok(html.includes('class="home-content" hidden=""'));
+  }
+});
+
+test('unknown pages and malformed detail paths return a visible 404',async()=>{
+  for(const path of ['/unknown-page','/shorts/extra/','/play/23456/','/detail/not-a-number/','/detail/0/','/detail/9007199254740992/','/play/23456/0/','/member/unknown/','/info/unknown/','/assets/missing.png','/rank/unknown/','/rank/new/extra/']){
+    const response=await fetch(base+path);const html=await response.text();
+    assert.equal(response.status,404,path);assert.ok(html.includes('route-not-found'),path);assert.ok(html.includes('返回首页'),path);
+  }
+});
+
+test('ranking slash URLs render their titles and bare URLs redirect to the same ranking',async()=>{
+  for(const [slug,title] of [['hot','热播榜'],['new','新剧榜'],['follow','追剧榜']]){
+    for(const suffix of ['/', '']){
+      const path=`/rank/${slug}${suffix}`;
+      const response=await fetch(base+path,{redirect:'manual',headers:{'Cache-Control':'no-cache'}});
+      if(!suffix){
+        assert.equal(response.status,308,path);
+        assert.equal(new URL(response.headers.get('location'),base).href,base+path+'/',path);
+        continue;
+      }
+      assert.equal(response.status,200,path);assert.equal(response.headers.get('location'),null,path);
+      const html=await response.text();assert.ok(html.includes(`<title>${title} - 91短剧</title>`),path);
+      assert.ok(html.includes('href="/rank/hot/"'));assertPageLinksHaveTrailingSlash(html);
+    }
+  }
+});
+
+test('SSR emits configured TDK, site_name, canonical and bounded pagination links inside head for browser and crawler user agents',async()=>{
+  try{
+    seoConfig={config:{foreverUrlAddr:'https://canonical.drama.test/entry/?channel=abc'},seoInfo:JSON.stringify({title:'后台首页标题',description:'后台首页描述',keyworld:'首页词，短剧',webSiteName:'91剧场'})};
+    categories=[{urlValue:'/playlet/',seoInfo:{title:'短剧导航标题',description:'短剧导航描述',keyworld:['导航关键词']}}];
+    listPayload={list:[fixture],totalCount:72,seoInfo:{title:'列表接口标题',description:'列表接口描述',keywords:['接口关键词']}};
+    const headOf=html=>{const match=html.match(/<head>([\s\S]*?)<\/head>/);assert.ok(match);return match[1];};
+    const start=calls.length;
+    const home=await (await fetch(base)).text(),head=headOf(home);
+    assert.match(head,/<title>后台首页标题 - 91剧场<\/title>/);
+    assert.match(head,/<meta name="description" content="后台首页描述"/);
+    assert.match(head,/<meta name="keywords" content="首页词,短剧"/);
+    assert.match(head,/<meta property="og:site_name" content="91剧场"/);
+    assert.match(head,/<link rel="canonical" href="https:\/\/canonical.drama.test\/"/);
+    assert.match(head,/<meta property="og:image" content="https:\/\/canonical.drama.test\/og-default.png"/);
+    assert.match(head,/<meta name="twitter:card" content="summary_large_image"/);
+    assert.equal(calls.slice(start).filter(call=>call.path==='/api/app/playlet/home').length,1,'SSR and metadata share one homepage request');
+    assert.equal(calls.slice(start).filter(call=>call.path==='/api/app/config/info').length,1,'SSR and metadata share one configuration request');
+    assert.ok(!/googletagmanager|google-analytics|mc\.yandex/.test(head));
+    for(const agent of ['Mozilla/5.0 Chrome/130','Googlebot','facebookexternalhit']){
+      for(const [path,page] of [['/shorts/',1],['/shorts/page/2/',2],['/shorts/page/3/',3]]){
+        const response=await fetch(base+path+'?channel=campaign',{redirect:'manual',headers:{'User-Agent':agent}});
+        assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+        const head=headOf(await response.text());
+        const canonical=`https://canonical.drama.test/shorts/${page>1?`page/${page}/`:''}`;
+        assert.ok(head.includes(`<link rel="canonical" href="${canonical}"`));
+        assert.ok(head.includes(`<meta property="og:url" content="${canonical}"`));
+        assert.ok(head.includes(`<title>短剧导航标题${page>1?' - 第'+page+'页':''}</title>`));
+        assert.ok(head.includes(`<meta name="keywords" content="导航关键词${page>1?',第'+page+'页':''}"`));
+        assert.equal(head.includes('<link rel="prev"'),page>1);assert.equal(head.includes('<link rel="next"'),page<3);
+        if(page===2)assert.ok(head.includes('rel="prev" href="https://canonical.drama.test/shorts/?channel=campaign"'));
+        assert.equal((head.match(/rel="canonical"/g)||[]).length,1);
+      }
+    }
+    for(const path of ['/search/爱情/','/info/deposit/','/member/history/','/navigation/','/shorts/?sort=2']){
+      const head=headOf(await (await fetch(base+path)).text());
+      assert.ok(!head.includes('rel="canonical"'),path);assert.match(head,/<meta name="robots" content="noindex/);
+    }
+    const overflowResponse=await fetch(base+'/shorts/page/4/');assert.equal(overflowResponse.status,404);
+    const overflow=headOf(await overflowResponse.text());
+    assert.match(overflow,/<meta name="robots" content="noindex/);assert.ok(!overflow.includes('rel="canonical"'));assert.ok(!overflow.includes('rel="next"'));
+  }finally{seoConfig={};categories=[];listPayload=undefined;}
+});
+
+test('detail SEO reads protected upstream content without exposing credentials and keeps registered sessions intact',async()=>{
+  try{
+    requireSeoAuth=true;
+    seoConfig={seoInfo:{webSiteName:'91剧场'},config:{foreverUrlAddr:'https://canonical.drama.test/'}};
+    detailSeo={seoInfo:{title:'剧集独立标题',description:'真实剧集描述',keywords:'剧集词'}};
+    const start=calls.length;
+    const response=await fetch(base+'/detail/23456/',{headers:{'X-Real-IP':'203.0.113.8'}});assert.equal(response.status,200);
+    const html=await response.text(),head=html.match(/<head>([\s\S]*?)<\/head>/)[1];
+    assert.ok(head.includes('<title>剧集独立标题 - 91剧场</title>'));assert.ok(head.includes('content="真实剧集描述"'));
+    assert.ok(head.includes('rel="canonical" href="https://canonical.drama.test/detail/23456/"'));
+    assert.equal(calls.slice(start).filter(call=>call.path==='/api/app/auth/guest').length,1);
+    assert.equal(calls.slice(start).find(call=>call.path==='/api/app/auth/guest').ip,'203.0.113.8');
+    assert.ok(!html.includes('test-session-secret'));assert.ok(!html.includes('drama_session'));
+    const registeredStart=calls.length;
+    const registered=await fetch(base+'/detail/23456/',{headers:{Cookie:'drama_session=expired; drama_registered=1'}});
+    assert.equal(registered.status,200);const signedOut=await registered.text();
+    assert.ok(signedOut.includes('请先登录账号'));assert.ok(signedOut.includes('data-auth-mode="login"'));assert.ok(signedOut.includes('noindex'));assert.ok(!signedOut.includes('rel="canonical"'));
+    assert.equal(calls.slice(registeredStart).filter(call=>call.path==='/api/app/auth/guest').length,0,'registered identity is never replaced with guest');
+  }finally{requireSeoAuth=false;seoConfig={};detailSeo=undefined;}
+});
+
+test('permanent canonical and site identity survive config errors, timeouts, missing fields and a server restart',async()=>{
+  const domain='https://stable.drama.test',brand='稳定站点';
+  const identity=async()=>{
+    const response=await fetch(base+'/shorts/page/2/?channel=campaign',{headers:{'X-Forwarded-Host':'alternate.entry.test','X-Forwarded-Proto':'http'}});
+    assert.equal(response.status,200);
+    const html=await response.text(),head=html.match(/<head>([\s\S]*?)<\/head>/)[1];
+    assert.ok(head.includes(`rel="canonical" href="${domain}/shorts/page/2/"`));
+    assert.ok(head.includes(`property="og:url" content="${domain}/shorts/page/2/"`));
+    assert.ok(head.includes(`property="og:site_name" content="${brand}"`));
+    assert.ok(head.includes(`rel="prev" href="${domain}/shorts/?channel=campaign"`));
+    assert.ok(head.includes(`rel="next" href="${domain}/shorts/page/3/?channel=campaign"`));
+    const graph=JSON.parse(html.match(/<script\b[^>]*data-site-json-ld=""[^>]*>([\s\S]*?)<\/script>/)[1])['@graph'];
+    const organization=graph.find(item=>item['@type']==='Organization'),website=graph.find(item=>item['@type']==='WebSite');
+    assert.equal(organization.url,domain+'/');assert.equal(organization.name,brand);assert.equal(website.name,brand);
+    assert.ok(!head.includes('alternate.entry.test'));assert.ok(!head.includes('noindex'));
+  };
+  try{
+    seoConfig={config:{foreverUrlAddr:domain},seoInfo:{webSiteName:brand}};
+    listPayload={list:[fixture],totalCount:72};
+    await identity();
+    for(const failure of ['http','business','malformed','timeout']){configFailure=failure;await identity();}
+    configFailure='';
+    seoConfig={config:{foreverUrlAddr:''},newAddressInfo:{foreverUrlAddr:''},seoInfo:{webSiteName:'不可替换的错误品牌'}};
+    await identity();
+    configFailure='http';await stopNext();await startNext();await identity();
+    configFailure='';
+    seoConfig={config:{foreverUrlAddr:'https://updated.drama.test'},seoInfo:{webSiteName:'更新站点'}};
+    const html=await (await fetch(base+'/shorts/')).text();
+    assert.ok(html.includes('rel="canonical" href="https://updated.drama.test/shorts/"'));
+    assert.ok(html.includes('property="og:site_name" content="更新站点"'));
+  }finally{configFailure='';seoConfig={};categories=[];listPayload=undefined;}
+});
+
+test('SSR JSON-LD matches each canonical route, list page, content entity and visible FAQ without credentials or executable injection',async()=>{
+  const savedHome=homePayload;
+  const graphOf=html=>{
+    const scripts=[...html.matchAll(/<script\b[^>]*data-site-json-ld=""[^>]*>([\s\S]*?)<\/script>/g)];
+    assert.equal(scripts.length,1,'one native JSON-LD script in the initial HTML');
+    const graph=JSON.parse(scripts[0][1]);assert.equal(graph['@context'],'https://schema.org');return graph['@graph'];
+  };
+  try{
+    const origin='https://schema.drama.test';
+    seoConfig={seoInfo:{webSiteName:'91剧场'},config:{foreverUrlAddr:origin}};
+    listPayload={list:[{...fixture,id:7},{...fixture,id:8}],totalCount:72,name:'当前接口栏目'};
+    detailSeo={onlineAt:'2025-10-18 10:30:00',mediaUpdatedAt:'2025-10-19 09:00:00',title:'剧名 </script><script>alert(1)</script>',desc:'真实剧集简介'};
+    chapterPayload={id:90001,playletId:23456,currentEpisode:3,canWatch:true,needUnlock:false,videoUrl:'https://media.drama.test/episode.m3u8',mediaTime:123};
+    videoPayload={...fixture,coverImg:fixture.cover,createdAt:'2025-10-17',video:{url:'https://media.drama.test/movie.mp4',videoTime:600}};
+    let html=await (await fetch(base)).text(),graph=graphOf(html);
+    assert.ok(graph.some(node=>node['@type']==='Organization'&&node.name==='91剧场'));
+    assert.ok(graph.some(node=>node['@type']==='WebSite'&&node.url===origin+'/'));
+    assert.equal(graph.find(node=>node['@type']==='ItemList').itemListElement[0].url,origin+'/detail/23456/');
+    for(const [path,type] of [['/shorts/page/2/','CollectionPage'],['/rank/new/','CollectionPage'],['/topics/','CollectionPage'],['/topics/7/','CollectionPage'],['/info/about-us/','AboutPage'],['/info/help-center/','FAQPage']]){
+      html=await (await fetch(base+path+'?channel=campaign',{headers:{'User-Agent':'Googlebot'}})).text();graph=graphOf(html);
+      assert.ok(graph.some(node=>node['@type']===type),path);
+      assert.equal(graph.find(node=>node['@id']===origin+path+'#webpage').url,origin+path);
+      if(path==='/shorts/page/2/'){
+        const items=graph.find(node=>node['@type']==='ItemList').itemListElement;
+        assert.deepEqual(items.map(item=>[item.position,item.url]),[[25,origin+'/detail/7/'],[26,origin+'/detail/8/']]);
+      }
+      if(path==='/info/help-center/')assert.equal(graph.find(node=>node['@type']==='FAQPage').mainEntity.length,6);
+    }
+    for(const path of ['/detail/23456/','/play/23456/90001/']){
+      html=await (await fetch(base+path)).text();graph=graphOf(html);
+      assert.ok(!html.includes('<script>alert(1)</script>'));assert.ok(!JSON.stringify(graph).includes('test-session-secret'));
+      if(path.startsWith('/detail/')){assert.ok(graph.some(node=>node['@type']==='TVSeries'));assert.ok(!graph.some(node=>node['@type']==='VideoObject'));}
+      else{
+        const video=graph.find(node=>node['@type']==='VideoObject');assert.ok(video,path);assert.ok(video.thumbnailUrl[0]);assert.ok(video.uploadDate.includes('+08:00'));assert.ok(video.contentUrl.startsWith('https://media.drama.test/'));
+        if(path.startsWith('/play/'))assert.equal(graph.find(node=>node['@type']==='TVEpisode').episodeNumber,3);
+      }
+    }
+    for(const path of ['/search/爱情/','/member/center/','/info/deposit/','/navigation/','/apps/','/shorts/?sort=2','/unknown/']){
+      html=await (await fetch(base+path)).text();assert.ok(!/<script\b[^>]*data-site-json-ld=/.test(html),path);
+    }
+  }finally{homePayload=savedHome;seoConfig={};listPayload=undefined;detailSeo=undefined;chapterPayload=undefined;videoPayload=undefined;}
+});
+
+test('paginated routes serve slash URLs directly and redirect bare paths with their queries',async()=>{
+  const savedHome=homePayload;
+  try{
+  listPayload=accountListPayload={list:[fixture],totalCount:48};
+  searchPayload={list:[fixture],totalCount:48,pageSize:24};
+  commentPayload=transactionsPayload={list:[],totalCount:18};
+  homePayload={...savedHome,homeConfigData:[{id:31,status:true,name:'后台配置标题',type:1,list:Array.from({length:48},(_,i)=>({...fixture,id:fixture.id+i}))}]};
+  const keyword=encodeURIComponent('都市 / page/7/?#%');
+  const bases=['/shorts/','/topics/','/topics/7/','/theme/8/','/tag/9/','/config/31/','/rank/','/rank/hot/','/rank/new/','/rank/follow/','/search/'+keyword+'/', '/member/favorites/','/member/history/','/member/likes/','/member/purchased/','/info/deposit/','/info/deposit/vip/','/detail/23456/','/play/23456/90001/'];
+  for(const basePath of bases){
+    for(const suffix of ['page/2/','page/2']){
+      const path=basePath+suffix+'?sort=2';
+      const response=await fetch(base+path,{redirect:'manual',headers:{'Cache-Control':'no-cache'}});
+      if(!suffix.endsWith('/')){
+        assert.equal(response.status,308,path);
+        assert.equal(new URL(response.headers.get('location'),base).href,base+basePath+suffix+'/?sort=2',path);
+        continue;
+      }
+      assert.equal(response.status,basePath==='/config/31/'?404:200,path);assert.equal(response.headers.get('location'),null,path);
+      assert.equal(new URL(response.url).pathname,basePath+suffix,path);
+      const html=await response.text();if(response.status===200)assert.match(html,/第\s*2\s*页/,path);assertPageLinksHaveTrailingSlash(html);
+    }
+  }
+  for(const path of ['/shorts/page/0/','/shorts/page/01/','/shorts/page/2/page/3/','/apps/page/2/','/home-road/page/2/','/info/about-us/page/2/']){
+    const response=await fetch(base+path,{redirect:'manual'});assert.equal(response.status,404,path);assert.equal(response.headers.get('location'),null,path);
+  }
+  }finally{homePayload=savedHome;listPayload=accountListPayload=searchPayload=commentPayload=transactionsPayload=undefined;}
+});
+
+test('guest session token stays in HttpOnly cookie and device header is forwarded',async()=>{
+  const response=await fetch(base+'/api/app/auth/guest',{method:'POST',redirect:'manual',headers:{'Content-Type':'application/json'},body:'{}'});
+  assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+  const payload=await response.json();assert.equal(payload.code,200);assert.equal(payload.data.token,undefined);
+  const cookies=response.headers.getSetCookie();
+  assert.ok(cookies.some(value=>value.startsWith('drama_session=')&&value.toLowerCase().includes('httponly')&&value.includes('SameSite=lax')));
+  assert.ok(calls.findLast(call=>call.path.endsWith('/auth/guest')).device.includes('DevID='));
+});
+
+test('browser BFF stays separate from Go app routes and preserves sessions, queries and logout',async()=>{
+  let start=calls.length;
+  const guest=await fetch(base+'/api/auth/guest',{method:'POST',headers:{Origin:base,'Content-Type':'application/json'},body:JSON.stringify({devID:'bff-device'})});
+  assert.equal(guest.status,200);assert.equal((await guest.json()).data.token,undefined);
+  assert.ok(guest.headers.getSetCookie().some(value=>value.startsWith('drama_session=')&&value.includes('HttpOnly')));
+  assert.deepEqual(calls.slice(start).map(call=>call.path),['/api/app/auth/guest']);
+  const cookie=guest.headers.getSetCookie().map(value=>value.split(';')[0]).join('; ');
+  const info=await fetch(base+'/api/auth/getInfo',{headers:{Cookie:cookie}});
+  assert.equal(info.status,200);assert.equal((await info.json()).data.userId,77);assert.equal(calls.at(-1).auth,'test-session-secret');
+  const search=await fetch(base+'/api/playlet/search?keyword=test&pageNum=2&pageSize=4',{headers:{Cookie:cookie}});
+  assert.equal(search.status,200);assert.ok(Array.isArray((await search.json()).data.list));
+  assert.equal(calls.at(-1).path,'/api/app/playlet/search');assert.equal(new URLSearchParams(calls.at(-1).search).get('pageNum'),'2');
+  start=calls.length;
+  assert.equal((await fetch(base+'/api/not-allowed')).status,404);
+  const logout=await fetch(base+'/api/auth/logout',{method:'POST',headers:{Origin:base,'Content-Type':'application/json'},body:'{}'});
+  assert.equal(logout.status,200);assert.ok(logout.headers.getSetCookie().some(value=>value.startsWith('drama_session=;')&&value.includes('Max-Age=0')));
+  assert.equal(calls.length,start);
+});
+
+test('browser POSTs reach upstream through CDN host and protocol changes on both API routes',async()=>{
+  const port=new URL(base).port;
+  const browserOrigin='https://d94azi0n98az4.cloudfront.net';
+  const cases=[
+    {Host:`localhost:${port}`,Origin:`http://localhost:${port}`},
+    {Host:`127.0.0.1:${port}`,Origin:`http://127.0.0.1:${port}`},
+    {Host:'d94azi0n98az4.cloudfront.net',Origin:browserOrigin},
+    {Host:'next.internal:21021',Origin:browserOrigin,'X-Forwarded-Host':'d94azi0n98az4.cloudfront.net','X-Forwarded-Proto':'https'},
+    {Host:'next.internal:21021',Origin:'null'},
+    {Host:'next.internal:21021',Origin:'https://other.example','Sec-Fetch-Site':'cross-site'},
+  ];
+  for(const prefix of ['/api','/api/app'])for(const headers of cases){
+    const count=calls.length;
+    // Node fetch replaces a custom Host; use HTTP directly to exercise the actual authority.
+    const {status,payload}=await new Promise((resolve,reject)=>{
+      const request=httpRequest(base+prefix+'/auth/guest',{method:'POST',headers:{'Sec-Fetch-Site':'same-origin','Content-Type':'application/json',...headers}},response=>{
+        let body='';response.on('data',chunk=>body+=chunk);response.on('end',()=>{try{resolve({status:response.statusCode,payload:JSON.parse(body)});}catch(error){reject(error);}});
+      });
+      request.on('error',reject);request.end(JSON.stringify({automatic:true,devID:'origin-test-device'}));
+    });
+    assert.equal(status,200,prefix+' '+JSON.stringify(headers)+': '+payload.msg);assert.equal(payload.data.userId,77);
+    assert.deepEqual(calls.slice(count).map(call=>call.path),['/api/app/auth/guest']);
+    assert.equal(payload.data.token,undefined);
+  }
+});
+
+test('browser POSTs preserve upstream authorization errors after proxy forwarding',async()=>{
+  responseOverrides['auth/guest']={status:403,code:403};
+  try{
+    for(const prefix of ['/api','/api/app']){
+      const count=calls.length;
+      const response=await fetch(base+prefix+'/auth/guest',{method:'POST',headers:{Origin:'https://d94azi0n98az4.cloudfront.net','Content-Type':'application/json'},body:'{}'});
+      assert.equal(response.status,403);assert.equal((await response.json()).code,403);
+      assert.deepEqual(calls.slice(count).map(call=>call.path),['/api/app/auth/guest']);
+    }
+  }finally{delete responseOverrides['auth/guest'];}
+});
+
+test('public content ignores expired credentials; double-encoded data is normalized',async()=>{
+  await fetch(base+'/api/app/playlet/home',{headers:{Cookie:'drama_session=expired'}});
+  assert.equal(calls.findLast(call=>call.path.endsWith('/playlet/home')).auth,undefined);
+  const response=await fetch(base+'/api/app/playlet/search?keyword=abc');const payload=await response.json();
+  assert.equal(payload.data.list[0].id,23456);
+});
+
+test('registered session expiry never retries a write as a guest',async()=>{
+  const guestCount=calls.filter(call=>call.path.endsWith('/auth/guest')).length;
+  const response=await fetch(base+'/api/app/playlet/collect/set',{method:'POST',headers:{Cookie:'drama_session=expired; drama_registered=1','Content-Type':'application/json'},body:JSON.stringify({id:23456,isCollect:true})});
+  assert.equal(response.status,401);assert.equal((await response.json()).code,1000);
+  assert.equal(calls.filter(call=>call.path.endsWith('/auth/guest')).length,guestCount);
+  assert.equal(response.headers.get('X-Auth-State'),'login-required');
+  assert.ok(response.headers.getSetCookie().some(value=>value.startsWith('drama_session=;')&&value.includes('Max-Age=0')));
+});
+
+test('login sends device/channel and trimmed credentials without attaching the previous identity',async()=>{
+  const response=await fetch(base+'/api/app/auth/login',{method:'POST',headers:{'Content-Type':'application/json','X-Real-IP':'203.0.113.9',Cookie:'drama_session=old-guest; drama_device=device-stable; drama_channel=first'},body:JSON.stringify({account:' player01 ',password:' Secure123 ',devID:'different',channel:'later'})});
+  assert.equal(response.status,200);const data=await response.json();assert.equal(data.data.userId,88);assert.equal(data.data.token,undefined);
+  const call=calls.at(-1);assert.equal(call.auth,undefined);assert.deepEqual(JSON.parse(call.body),{account:'player01',password:' Secure123 ',devID:'device-stable',channel:'first'});
+  assert.ok(call.device.includes('DevID=device-stable;'));
+  assert.equal(call.ip,'203.0.113.9');
+  assert.ok(response.headers.getSetCookie().some(value=>value.startsWith('drama_registered=1;')));
+});
+
+test('binding retains the guest Authorization, device, channel and invite and fills the optional email',async()=>{
+  const response=await fetch(base+'/api/app/auth/register',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_session=old-guest; drama_registered=0; drama_device=device-stable; drama_channel=first'},body:JSON.stringify({accountNo:' player01 ',password:'Secure123',agentInviteCode:' INV123 ',channel:'later'})});
+  assert.equal(response.status,200);const data=await response.json();assert.equal(data.data.userId,77);assert.equal(data.data.token,undefined);
+  const call=calls.at(-1);assert.equal(call.auth,'old-guest');
+  assert.deepEqual(JSON.parse(call.body),{accountNo:'player01',password:'Secure123',email:'player01@91dj.local',devID:'device-stable',channel:'first',agentInviteCode:'INV123'});
+  const memberResponse=await fetch(base+'/api/app/auth/register',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_session=registered; drama_registered=1'},body:JSON.stringify({accountNo:'player02',password:'Secure123',email:'me@example.com'})});
+  assert.equal(memberResponse.status,200);assert.equal(calls.at(-1).auth,undefined);assert.equal(JSON.parse(calls.at(-1).body).email,'me@example.com');
+});
+
+test('refresh restores an existing account and keeps its token when getInfo omits it',async()=>{
+  const count=calls.length;
+  const response=await fetch(base+'/api/app/auth/guest',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_session=test-registered-secret; drama_registered=1'},body:'{"automatic":true}'});
+  assert.equal(response.status,200);const data=await response.json();assert.equal(data.data.userId,88);assert.equal(data.data.isRegister,true);assert.equal(data.data.token,undefined);
+  assert.deepEqual(calls.slice(count).map(call=>call.path),['/api/app/auth/getInfo']);
+  assert.ok(response.headers.getSetCookie().some(value=>value.startsWith('drama_session=test-registered-secret;')));
+  assert.ok(response.headers.getSetCookie().some(value=>value.startsWith('drama_registered=1;')));
+});
+
+test('an expired registered account is cleared during initialization without becoming a guest',async()=>{
+  const count=calls.length;
+  const response=await fetch(base+'/api/app/auth/guest',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_session=expired; drama_registered=1'},body:'{"automatic":true}'});
+  assert.equal(response.status,401);assert.equal(response.headers.get('X-Auth-State'),'login-required');
+  assert.deepEqual(calls.slice(count).map(call=>call.path),['/api/app/auth/getInfo']);
+  assert.ok(response.headers.getSetCookie().some(value=>value.startsWith('drama_session=;')&&value.includes('Max-Age=0')));
+});
+
+test('expired guest requests recover once with the same device, including an explicitly rejected write',async()=>{
+  for(const [path,method,body] of [['auth/getInfo','GET',undefined],['playlet/collect/set','POST',JSON.stringify({id:23456,isCollect:true})]]){
+    const count=calls.length;
+    const response=await fetch(base+'/api/app/'+path,{method,headers:{'Content-Type':'application/json',Cookie:'drama_session=expired; drama_registered=0; drama_device=device-stable'},body});
+    assert.equal(response.status,200);assert.equal((await response.json()).code,200);
+    const requests=calls.slice(count);assert.deepEqual(requests.map(call=>call.path),['/api/app/'+path,'/api/app/auth/guest','/api/app/'+path]);
+    assert.equal(requests[1].auth,undefined);assert.equal(JSON.parse(requests[1].body).devID,'device-stable');assert.equal(requests[2].auth,'test-session-secret');
+  }
+  const count=calls.length;
+  const response=await fetch(base+'/api/app/playlet/collect/set',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_session=expired; drama_registered=0'},body:'{"id":999}'});
+  assert.equal(response.status,401);assert.equal(calls.length-count,3);
+});
+
+test('an HTTP 401 follows the same guest recovery path',async()=>{
+  const count=calls.length;
+  const response=await fetch(base+'/api/app/auth/getInfo',{headers:{Cookie:'drama_session=http-expired; drama_registered=0'}});
+  assert.equal(response.status,200);assert.equal((await response.json()).code,200);
+  assert.deepEqual(calls.slice(count).map(call=>call.path),['/api/app/auth/getInfo','/api/app/auth/guest','/api/app/auth/getInfo']);
+});
+
+test('SDK snapshots reach order APIs and the same drama context survives the guest retry',async()=>{
+  const common={app_id:'1047',uid:'',channel:'organic',sid:'sdk-session',client_ts:Math.floor(Date.now()/1000),device:'PC',device_id:'sdk-device',device_brand:'',device_model:'',device_fingerprint:'raw-sdk-fingerprint',fp_version:'3.0.1',user_agent:'test UA',sdk_version:'1.2.0',app_version:'1.0.0'};
+  const sdk=Buffer.from(JSON.stringify(common)).toString('base64');
+  const requestId='1234567890abcdef1234567890abcdef',context={v:1,request_id:requestId,event_name:'drama_collect',common,drama:{media_id:'',drama_id:'23456',episode:1,video_id:'90001',recommend_trace_id:''}};
+  const count=calls.length;
+  const response=await fetch(base+'/api/app/playlet/collect/set',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_session=expired; drama_registered=0; drama_device=business-device','X-SDK-Common':sdk,'X-Tracker-Request-Id':requestId,'X-Tracker-Event-Name':'drama_collect','X-DC-Request-Context':Buffer.from(JSON.stringify(context)).toString('base64url')},body:'{"id":23456,"isCollect":true}'});
+  assert.equal(response.status,200);
+  const requests=calls.slice(count);assert.equal(requests.length,3);
+  for(const call of [requests[0],requests[2]]){
+    assert.equal(call.trackerId,requestId);assert.equal(call.trackerEvent,'drama_collect');assert.deepEqual(JSON.parse(Buffer.from(call.trackerContext,'base64url')),context);assert.equal(call.sdk,sdk);
+  }
+  assert.equal(requests[1].trackerContext,undefined);assert.equal(requests[1].sdk,sdk);assert.equal(JSON.parse(requests[1].body).devID,'business-device');
+  await fetch(base+'/api/app/coin/buy',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_session=test-session-secret','X-SDK-Common':sdk},body:'{"packageId":1,"payType":"alipay"}'});
+  assert.equal(calls.at(-1).sdk,sdk);assert.equal(calls.at(-1).trackerContext,undefined);
+});
+
+test('bad credentials and malformed successful login responses never overwrite an existing account cookie',async()=>{
+  for(const [account,status] of [['wrong',200],['missing-token',502]]){
+    const response=await fetch(base+'/api/app/auth/login',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_session=valid-account; drama_registered=1'},body:JSON.stringify({account,password:'Secure123'})});
+    assert.equal(response.status,status);assert.notEqual((await response.json()).code,200);
+    assert.ok(!response.headers.getSetCookie().some(value=>value.startsWith('drama_session=')||value.startsWith('drama_registered=')));
+  }
+});
+
+test('manual logout skips the following automatic guest initialization and explicit sign-in can resume',async()=>{
+  const logout=await fetch(base+'/api/app/auth/logout',{method:'POST',body:'{}'});
+  assert.ok(logout.headers.getSetCookie().some(value=>value.startsWith('drama_skip_auto=1;')));
+  const count=calls.length;
+  const skipped=await fetch(base+'/api/app/auth/guest',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_skip_auto=1'},body:'{"automatic":true}'});
+  assert.equal(skipped.status,200);assert.equal((await skipped.json()).data,null);assert.equal(calls.length,count);
+  assert.ok(skipped.headers.getSetCookie().some(value=>value.startsWith('drama_skip_auto=;')&&value.includes('Max-Age=0')));
+  const explicit=await fetch(base+'/api/app/auth/guest',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_skip_auto=1; drama_device=device-stable'},body:'{}'});
+  assert.equal(explicit.status,200);assert.equal((await explicit.json()).data.userId,77);
+  assert.ok(explicit.headers.getSetCookie().some(value=>value.startsWith('drama_skip_auto=;')&&value.includes('Max-Age=0')));
+});
+
+test('proxy rejects unlisted endpoints and wrong methods before calling upstream',async()=>{
+  const count=calls.length;
+  assert.equal((await fetch(base+'/api/app/statcenter/sync',{method:'POST',body:'{}'})).status,404);
+  assert.equal((await fetch(base+'/api/app/playlet/home',{method:'POST',body:'{}'})).status,404);
+  assert.equal(calls.length,count);
+});
+
+test('chapter permissions and identifiers are preserved from the API',async()=>{
+  const response=await fetch(base+'/api/app/playlet/chapter/detail?playletId=23456&chapterId=90001',{headers:{Cookie:'drama_session=test-session-secret'}});
+  const payload=await response.json();assert.equal(payload.data.id,90001);assert.equal(payload.data.canWatch,false);assert.equal(payload.data.singleCoins,13);
+});
+
+test('confirmed chapter unlock forwards the exact episode and identity and returns the upstream balance',async()=>{
+  const count=calls.length;
+  const response=await fetch(base+'/api/app/playlet/chapter/unlock',{method:'POST',headers:{'Content-Type':'application/json',Cookie:'drama_session=test-session-secret; drama_device=unlock-test-device'},body:JSON.stringify({playletId:23456,chapterId:90001})});
+  assert.equal(response.status,200);const payload=await response.json();assert.equal(payload.code,200);assert.equal(payload.data.balance,77);
+  assert.equal(calls.length,count+1);const call=calls.at(-1);
+  assert.equal(call.path,'/api/app/playlet/chapter/unlock');assert.equal(call.auth,'test-session-secret');
+  assert.deepEqual(JSON.parse(call.body),{playletId:23456,chapterId:90001});assert.ok(call.device.includes('DevID=unlock-test-device;'));
+});
+
+test('media proxy preserves signed URLs and HLS content while isolating application credentials',async()=>{
+  const query='?token=a%2Fb+1&sig=x%252Fy';
+  const response=await fetch(base+'/h5/m3u8/folder/movie.m3u8'+query,{redirect:'manual',headers:{Authorization:'private',Cookie:'drama_session=private','X-Forwarded-For':'203.0.113.10, 10.0.0.1'}});
+  assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+  assert.equal(response.headers.get('content-type'),'application/vnd.apple.mpegurl');assert.equal(await response.text(),playlist);
+  assert.equal(response.headers.get('cache-control'),'no-store');
+  const upstream=calls.findLast(call=>call.path==='/h5/m3u8/folder/movie.m3u8');
+  assert.equal(upstream.search,query);assert.equal(upstream.auth,undefined);assert.equal(upstream.cookie,undefined);assert.equal(upstream.ip,'203.0.113.10');assert.equal(upstream.forwarded,undefined);
+});
+
+test('both key endpoint forms proxy exact AES bytes without redirects or credential forwarding',async()=>{
+  for(const path of ['/enkey','/enkey/','/newenkey','/newenkey/']){
+    const response=await fetch(base+path+'?token=a%2Fb+1',{redirect:'manual',headers:{Cookie:'drama_session=private','X-Real-IP':'203.0.113.11'}});
+    assert.equal(response.status,200,path);assert.equal(response.headers.get('location'),null);
+    assert.equal(response.headers.get('content-type'),'application/octet-stream');assert.equal(response.headers.get('cache-control'),'no-store');
+    assert.equal(response.headers.get('access-control-allow-origin'),'*');
+    assert.deepEqual(Buffer.from(await response.arrayBuffer()),Buffer.from(Array.from({length:16},(_,index)=>index)));
+    const upstream=calls.at(-1);assert.equal(upstream.path,path.replace(/\/$/,''));assert.equal(upstream.search,'?token=a%2Fb+1');assert.equal(upstream.cookie,undefined);assert.equal(upstream.ip,'203.0.113.11');assert.equal(upstream.forwarded,undefined);
+  }
+});
+
+test('key endpoints support a legacy upstream slash redirect internally without redirecting the browser or losing signatures',async()=>{
+  upstreamKeySlash=true;
+  try{
+    for(const path of ['/enkey','/newenkey']){
+      const count=calls.length,query='?id=12700&t=123&ticket=a%2Fb+1&ticket=x%252Fy';
+      const response=await fetch(base+path+query,{redirect:'manual',headers:{Cookie:'drama_session=private',Authorization:'private','X-Real-IP':'203.0.113.12'}});
+      assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+      assert.equal((await response.arrayBuffer()).byteLength,16);
+      const forwarded=calls.slice(count);assert.deepEqual(forwarded.map(call=>call.path),[path,path+'/']);
+      for(const call of forwarded){assert.equal(call.search,query);assert.equal(call.ip,'203.0.113.12');assert.equal(call.auth,undefined);assert.equal(call.cookie,undefined);assert.equal(call.forwarded,undefined);}
+    }
+  }finally{upstreamKeySlash=false;}
+});
+
+test('media byte ranges and upstream failure states remain usable by the player',async()=>{
+  const segment=await fetch(base+'/h5/m3u8/folder/a.ts?token=signed',{headers:{Range:'bytes=0-2'}});
+  assert.equal(segment.status,206);assert.equal(segment.headers.get('content-range'),'bytes 0-2/10');assert.equal(segment.headers.get('content-type'),'video/mp2t');
+  assert.deepEqual(Buffer.from(await segment.arrayBuffer()),Buffer.from([9,8,7]));assert.equal(calls.at(-1).range,'bytes=0-2');
+  for(const path of ['/h5/m3u8/denied.m3u8','/h5/m3u8/invalid.m3u8','/h5/m3u8/redirect.m3u8','/enkey?invalid=1','/newenkey/?invalid=1']){
+    const response=await fetch(base+path,{redirect:'manual'});assert.equal(response.status,502,path);assert.equal(response.headers.get('location'),null,path);
+  }
+  assert.equal((await fetch(base+'/h5/m3u8/missing.m3u8')).status,404);
+});
+
+test('logout clears cookies without mutating upstream content',async()=>{
+  const count=calls.length;
+  const response=await fetch(base+'/api/app/auth/logout',{method:'POST',headers:{'Content-Type':'application/json'},body:'{}'});
+  assert.equal(response.status,200);assert.ok(response.headers.getSetCookie().some(value=>value.startsWith('drama_session=;')&&value.includes('Max-Age=0')));
+  assert.equal(calls.length,count);
+});
+
+
+function currentMain(html,id){
+  const match=html.match(new RegExp('<main\\b[^>]*\\bid="'+id+'"[^>]*>[\\s\\S]*?<\\/main>'));
+  assert.ok(match,'main '+id+' must exist');assert.ok(!/^<main[^>]*\shidden(?:[=\s>])/.test(match[0]),id+' must be visible');
+  return match[0];
+}
+
+test('public listings return their own cards, page links and titles as initial HTML with one shared metadata/body read',async()=>{
+  try{
+    listPayload=(endpoint,url)=>{
+      const page=Number(url.searchParams.get('pageNum')||1),id=page===2?24002:24001;
+      return {name:'栏目专属标题',desc:'专题简介',list:[{...fixture,id,title:'列表第'+page+'页内容',name:'专题第'+page+'页',desc:'专题描述'}],totalCount:72};
+    };
+    const routes=[
+      ['/shorts/','playlet/all/list'],['/shorts/page/2/','playlet/all/list'],
+      ['/rank/hot/','playlet/hot/rank/list'],['/rank/new/page/2/','playlet/hot/rank/list'],['/rank/follow/','playlet/hot/rank/list'],
+      ['/topics/','playlet/topic/list'],['/topics/7/page/2/','playlet/topic/detail'],['/theme/8/','playlet/topic/detail'],['/tag/9/','playlet/tag/list'],
+    ];
+    for(const [path,endpoint] of routes){
+      const start=calls.length,response=await fetch(base+path);assert.equal(response.status,200,path);
+      const html=await response.text(),main=currentMain(html,'channel-page'),page=path.includes('/page/2/')?2:1;
+      assert.ok(main.includes(path==='/topics/'?'专题第1页':'列表第'+page+'页内容'),path);
+      assert.ok(main.includes('/page/3/'),path+' must contain native pagination links');
+      assert.ok(!html.includes('后台配置标题'),path+' must not embed the homepage');
+      const reads=calls.slice(start);assert.equal(reads.filter(call=>call.path==='/api/app/'+endpoint).length,1,path+' must share metadata/body data');
+      if(!path.startsWith('/topics/'))assert.ok(!reads.some(call=>call.path==='/api/app/playlet/home'),path);
+      assertPageLinksHaveTrailingSlash(main);
+    }
+    for(const slug of ['hot','new','follow']){
+      const main=currentMain(await (await fetch(base+'/rank/'+slug+'/')).text(),'channel-page');
+      assert.match(main,new RegExp('href="/rank/'+slug+'/" aria-current="page"'));
+    }
+  }finally{listPayload=undefined;}
+});
+
+test('standalone lists use H2 card titles while cards within named sections remain H3 in initial HTML',async()=>{
+  const savedHome=homePayload;
+  try{
+    listPayload={name:'列表名称',list:[{...fixture,name:'专题卡片'}],totalCount:72};
+    homePayload={...savedHome,homeConfigData:[
+      {id:31,name:'短剧分区',status:true,type:1,list:[fixture]},
+      {id:32,name:'专题推荐分区',status:true,type:3,themeList:[{id:8,name:'首页专题卡片'}]},
+    ]};
+    for(const path of ['/shorts/','/shorts/page/2/','/rank/hot/','/rank/new/page/2/','/rank/follow/',
+      '/topics/','/topics/7/','/theme/8/','/tag/9/','/config/31/','/config/32/']){
+      const response=await fetch(base+path);assert.equal(response.status,200,path);
+      const main=currentMain(await response.text(),'channel-page');
+      assert.equal((main.match(/<h1\b/g)||[]).length,1,path);
+      assert.equal((main.match(/<h2\b/g)||[]).length,1,path);
+      assert.ok(!/<h3\b/.test(main),path+' has no intermediate H2 section');
+    }
+    const home=await (await fetch(base)).text();
+    for(const id of [31,32]){
+      const section=home.match(new RegExp('<section class="topic-section home-block" aria-labelledby="home-block-'+id+'">([\\s\\S]*?)<\\/section>'))?.[1];
+      assert.ok(section);assert.equal((section.match(/<h2\b/g)||[]).length,1);
+      assert.equal((section.match(/<h3\b/g)||[]).length,1,'homepage cards are below their section heading');
+    }
+    accountListPayload={list:[fixture],totalCount:1};
+    const member=await (await fetch(base+'/member/center/')).text();
+    const shelf=member.match(/<section class="member-library"[^>]*>([\s\S]*?)<\/section>/)?.[1];
+    assert.ok(shelf);assert.match(shelf,/<h2 id="member-library-title"/);assert.match(shelf,/<h3>/);
+    const detail=currentMain(await (await fetch(base+'/detail/23456/')).text(),'drama-play-page');
+    assert.match(detail,/<aside class="play-related"><h2>热门短剧<\/h2>[\s\S]*?<h3>同类推荐短剧<\/h3>/);
+    const search=currentMain(await (await fetch(base+'/search/关键词/')).text(),'search-results-page');
+    assert.match(search,/<h1\b/);assert.match(search,/<h2>/);assert.ok(!/<h3\b/.test(search));
+  }finally{homePayload=savedHome;listPayload=accountListPayload=undefined;}
+});
+
+test('detail, playback, video and comment pages contain real initial content without exposing private payloads or denied video sources',async()=>{
+  try{
+    detailSeo={desc:'服务端剧集完整简介',token:'private-detail-token',reportSdkConfig:{secret:'private-sdk-secret'}};
+    chapterListPayload={list:[{id:90001,currentEpisode:1,canWatch:true,videoUrl:'https://cdn.example/free.mp4'},{id:90002,currentEpisode:2,canWatch:false,needUnlock:true,payType:1,singleCoins:13,videoUrl:'https://cdn.example/denied-video-secret.mp4'}]};
+    chapterPayload={...chapterListPayload.list[1],playletId:23456};
+    commentPayload={list:[{id:45,text:'服务端第2页评论',userName:'评论用户',token:'private-comment-token',children:[{id:46,text:'嵌套回复'}]}],totalCount:25};
+    videoPayload={...fixture,id:23457,title:'服务端独立视频',video:{url:'https://cdn.example/public-video.mp4',cover:fixture.cover},desc:'视频真实简介'};
+    for(const path of ['/detail/23456/page/2/?commentSort=1','/play/23456/90002/page/2/']){
+      const start=calls.length,response=await fetch(base+path);assert.equal(response.status,200);
+      const html=await response.text(),main=currentMain(html,'drama-play-page');
+      assert.ok(main.includes('服务端第2页评论'));assert.ok(main.includes('嵌套回复'));assert.ok(main.includes('评论 (25)'));
+      assert.ok(main.includes('/page/3/'));assert.ok(!html.includes('后台配置标题'));
+      for(const secret of ['private-detail-token','private-comment-token','private-sdk-secret','denied-video-secret.mp4'])assert.ok(!html.includes(secret),secret);
+      assert.equal(calls.slice(start).filter(call=>call.path==='/api/app/comment/list').length,1,'metadata/body must share comments');
+      if(path.startsWith('/video/')){assert.ok(main.includes('服务端独立视频'));assert.ok(main.includes('<video '));}
+      else{
+        assert.ok(main.includes('服务端剧集完整简介'));assert.ok(main.includes('href="/play/23456/90001/"'));assert.ok(main.includes('data-locked-chapter="90002"'));
+        if(path.startsWith('/detail/'))assert.ok(main.includes('is-overview'));else assert.ok(main.includes('<video '));
+      }
+      assertPageLinksHaveTrailingSlash(main);
+    }
+  }finally{detailSeo=undefined;chapterPayload=undefined;chapterListPayload=undefined;commentPayload=undefined;videoPayload=undefined;}
+});
+
+test('search paths decode keyword segments once and include keyword/result cards before JavaScript runs',async()=>{
+  for(const keyword of ['都市 爱情','都市 / 爱情 & 100% #1','字面%2F保持原样']){
+    const start=calls.length,path='/search/'+encodeURIComponent(keyword)+'/';
+    const response=await fetch(base+path);assert.equal(response.status,200);
+    const html=await response.text(),main=currentMain(html,'search-results-page');
+    const escaped=keyword.replaceAll('&','&amp;');
+    assert.ok(main.includes(escaped),keyword);assert.ok(main.includes('href="/detail/23456/"'));assert.ok(main.includes('接口剧名 &lt;script&gt;'));
+    assert.ok(!html.includes('后台配置标题'));assert.ok(!main.includes('<script>alert(1)</script>'));
+    const reads=calls.slice(start).filter(call=>call.path==='/api/app/playlet/search');
+    assert.equal(reads.length,1);assert.equal(new URLSearchParams(reads[0].search).get('keyword'),keyword);
+  }
+});
+
+test('search path pagination renders keyword links and rejects empty paginated searches',async()=>{
+  const keyword='都市 / 爱情 & 100% #1',path='/search/'+encodeURIComponent(keyword)+'/';
+  try{
+    searchPayload={list:[fixture],totalCount:76,pageSize:25};
+    const start=calls.length,response=await fetch(base+path+'page/2/',{redirect:'manual'});
+    assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+    const html=await response.text(),main=currentMain(html,'search-results-page');
+    for(const href of [path,path+'page/3/'])assert.ok(main.includes('href="'+href+'"'),href);
+    assert.ok(!main.includes('/search/?q='));
+    assert.ok(html.includes('都市 / 爱情 &amp; 100% #1 · 搜索结果 - 第2页'));
+    assert.ok(!html.includes('rel="canonical"'));assert.match(html,/<meta name="robots" content="noindex, follow/);
+    const read=calls.slice(start).find(call=>call.path==='/api/app/playlet/search');
+    assert.equal(new URLSearchParams(read.search).get('keyword'),keyword);assert.equal(new URLSearchParams(read.search).get('pageNum'),'2');
+    const empty=await fetch(base+'/search/page/2/',{redirect:'manual'});
+    assert.equal(empty.status,404);assert.equal(empty.headers.get('location'),null);
+  }finally{searchPayload=undefined;}
+});
+
+test('Chinese content slugs generate ID-based links in rendered pages and structured data',async()=>{
+  const savedHome=homePayload;
+  try{
+    const drama={...fixture,slug:'都市故事'};
+    homePayload={homeBannerData:[drama],hotSearch:[{keyword:'都市爱情'}],homeConfigData:[{id:31,slug:'精选好剧',name:'精选好剧',status:true,type:1,list:[drama]},{id:32,slug:'专题合集',name:'专题合集',status:true,type:3,themeList:[{id:7,slug:'都市专题',name:'都市专题'}]}]};
+    const home=await (await fetch(base+'/')).text();
+    for(const href of ['/detail/23456/','/topics/7/','/config/31/','/search/'+encodeURIComponent('都市爱情')+'/'])assert.ok(home.includes('href="'+href+'"'),href);
+    detailSeo={slug:'都市故事',title:'都市故事',tagNames:['都市','无标识标签'],tagIds:[9],tagSlugs:['都市','中文标签']};
+    chapterPayload={id:90001,playletId:23456,currentEpisode:1,canWatch:true,videoUrl:'https://media.drama.test/1.mp4'};
+    const detail=await (await fetch(base+'/play/23456/90001/')).text();
+    assert.ok(detail.includes('href="/tag/9/"'));assert.ok(detail.includes('<span>无标识标签</span>'));assert.ok(!detail.includes('href="/tag//"'));
+    assert.ok(detail.includes('rel="canonical" href="https://default.drama.test/play/23456/90001/"'));
+    for(const html of [home,detail]){
+      for(const [,href] of html.matchAll(/<a\b[^>]*href="(\/[^"#?]*)/g))if(!href.startsWith('/search/'))assert.ok(!/[^\x00-\x7f]/.test(decodeURIComponent(href)),href);
+    }
+  }finally{homePayload=savedHome;detailSeo=chapterPayload=undefined;}
+});
+
+
+test('a search service outage returns a server error instead of a successful empty search page',async()=>{
+  try{
+    searchFailure=true;
+    const response=await fetch(base+'/search/'+encodeURIComponent('服务异常')+'/');assert.equal(response.status,500);
+    const html=await response.text();assert.ok(!html.includes('后台配置标题'));assert.ok(!html.includes('rel="canonical"'));
+  }finally{searchFailure=false;}
+});
+
+test('missing resources return actual 404 responses for browsers and crawlers, without redirects or content canonical',async()=>{
+  try{
+    for(const agent of ['Mozilla/5.0 Chrome/130','Googlebot','YandexBot']){
+      for(const [path,endpoint,override] of [
+        ['/detail/23456/','playlet/detail',{status:404}],
+        ['/detail/23456/','playlet/detail',{code:404}],
+        ['/detail/23456/','playlet/detail',{code:410}],
+        ['/detail/23456/','playlet/detail',{code:5009}],
+        ['/detail/23456/','playlet/detail',{data:null}],
+        ['/play/23456/90001/','playlet/chapter/detail',{status:404}],
+        ['/play/23456/90001/','playlet/chapter/detail',{data:null}],
+        ['/play/23456/90001/','playlet/chapter/detail',{code:5009}],
+        ['/topics/7/','playlet/topic/detail',{code:404}],
+        ['/topics/7/','playlet/topic/detail',{code:5009}],
+        ['/topics/7/','playlet/topic/detail',{data:{id:8,name:'其他专题',list:[],totalCount:0}}],
+        ['/theme/7/','playlet/topic/detail',{status:404}],
+        ['/tag/7/','playlet/tag/list',{code:410}],
+      ]){
+        responseOverrides={[endpoint]:override};
+        const response=await fetch(base+path,{redirect:'manual',headers:{'User-Agent':agent}}),html=await response.text();
+        assert.equal(response.status,404,agent+' '+path+' '+JSON.stringify(override));
+        assert.equal(response.headers.get('location'),null);assert.ok(html.includes('noindex'));
+        assert.match(response.headers.get('cache-control'),/no-store/);
+        assert.ok(!html.includes('rel="canonical"'));assert.ok(!/<script\b[^>]*data-site-json-ld=/.test(html));
+        assert.ok(html.includes('返回首页'));
+      }
+    }
+    responseOverrides={};
+    for(const path of ['/config/999999/','/detail/999999/','/play/23456/999999/','/tag/999999/']){
+      const response=await fetch(base+path,{redirect:'manual'});assert.equal(response.status,404,path);await response.text();
+    }
+    for(const path of ['/detail/23456/','/play/23456/90001/']){
+      const response=await fetch(base+path);assert.equal(response.status,200,'valid/locked content stays available');await response.text();
+    }
+  }finally{responseOverrides={};}
+});
+
+test('known pagination limits return 404 while existing empty first pages remain 200',async()=>{
+  try{
+    listPayload={list:[],totalCount:0};
+    for(const path of ['/shorts/','/rank/hot/','/rank/new/','/rank/follow/','/topics/','/topics/7/','/theme/8/','/tag/9/']){
+      const first=await fetch(base+path);assert.equal(first.status,200,path);const emptyHtml=await first.text();
+      assert.match(emptyHtml,/<meta name="robots" content="noindex,\s*follow"/);assert.ok(!emptyHtml.includes('rel="canonical"'));
+      assert.ok(!/<script\b[^>]*data-site-json-ld=/.test(emptyHtml));
+      const overflow=await fetch(base+path+'page/2/',{redirect:'manual'});assert.equal(overflow.status,404,path);await overflow.text();
+    }
+    listPayload={list:[fixture],totalCount:48};
+    commentPayload=transactionsPayload={list:[],totalCount:20};
+    accountListPayload={list:[],totalCount:48};
+    searchPayload={list:[fixture],totalCount:48,pageSize:24};
+    for(const path of ['/shorts/','/rank/hot/','/rank/new/','/rank/follow/','/topics/','/topics/7/','/theme/8/','/tag/9/',
+      '/detail/23456/','/play/23456/90001/','/search/关键词/','/member/history/','/member/favorites/','/member/purchased/','/info/deposit/','/info/deposit/vip/']){
+      for(const [page,status] of [[2,200],[3,404]]){
+        const response=await fetch(base+path+'page/'+page+'/',{redirect:'manual'}),html=await response.text();
+        assert.equal(response.status,status,path+' page '+page);assert.equal(response.headers.get('location'),null);
+        if(status===404){assert.ok(html.includes('noindex'));assert.ok(!html.includes('rel="canonical"'));assert.ok(!html.includes('rel="next"'));}
+      }
+    }
+    const config=await fetch(base+'/config/31/page/2/');assert.equal(config.status,404);await config.text();
+    searchPayload={list:[],totalCount:0};
+    const emptySearch=await fetch(base+'/search/没有匹配项/');assert.equal(emptySearch.status,200);assert.ok((await emptySearch.text()).includes('搜索无结果'));
+  }finally{listPayload=commentPayload=transactionsPayload=accountListPayload=searchPayload=undefined;}
+});
+
+test('topic aliases and leading-zero IDs serve content directly with a single primary canonical',async()=>{
+  try{
+    listPayload={name:'同一专题',desc:'同一专题介绍',list:[fixture],totalCount:72};
+    for(const [path,target] of [['/theme/007/','/topics/7/'],['/theme/007/page/2/','/topics/7/page/2/'],['/topics/007/','/topics/7/'],['/detail/023456/','/detail/23456/']]){
+      const start=calls.length,response=await fetch(base+path+'?utm_source=campaign',{redirect:'manual'}),html=await response.text();
+      assert.equal(response.status,200,path);assert.equal(response.headers.get('location'),null);
+      assert.ok(html.includes(`rel="canonical" href="https://default.drama.test${target}"`),path);
+      assert.match(html,/<meta name="robots" content="index,\s*follow/);
+      assert.ok(html.includes(path.startsWith('/detail/')?'play-detail-title':'同一专题'));
+      if(path.startsWith('/theme/'))assert.equal(calls.slice(start).filter(call=>call.path==='/api/app/playlet/topic/detail').length,1);
+    }
+  }finally{listPayload=undefined;}
+});
+
+test('comment pages stay usable but noindex, while ordinary catalog pagination remains indexable',async()=>{
+  try{
+    commentPayload={list:[{id:321,text:'第二页的真实评论'}],totalCount:25};
+    chapterPayload={id:90001,playletId:23456,currentEpisode:2,canWatch:true,videoUrl:'https://media.drama.test/2.mp4'};
+    for(const path of ['/detail/23456/page/2/','/play/23456/90001/page/2/']){
+      const response=await fetch(base+path,{redirect:'manual',headers:{'User-Agent':'YandexBot'}}),html=await response.text();
+      assert.equal(response.status,200);assert.equal(response.headers.get('location'),null);
+      assert.match(html,/<meta name="robots" content="noindex,\s*follow"/);assert.ok(!html.includes('rel="canonical"'));
+      assert.ok(!/<script\b[^>]*data-site-json-ld=/.test(html));
+      assert.ok(html.includes('第二页的真实评论'));assert.ok(html.includes('href="'+path.replace('/page/2/','/page/3/')+'"'));
+    }
+    listPayload={list:[fixture],totalCount:72};
+    const html=await (await fetch(base+'/shorts/page/2/')).text();
+    assert.match(html,/<meta name="robots" content="index,\s*follow/);
+    assert.ok(html.includes('rel="canonical" href="https://default.drama.test/shorts/page/2/"'));
+  }finally{commentPayload=chapterPayload=listPayload=undefined;}
+});
+
+test('SSR applies more-list content rules and real episode access rules without exposing locked media',async()=>{
+  const savedHome=homePayload;
+  try{
+    const block={id:31,status:true,name:'都市精选',type:1,list:[fixture]};
+    for(const [desc,indexable] of [['',false],['精选都市短剧与独立栏目介绍',true]]){
+      homePayload={...savedHome,homeConfigData:[{...block,desc}]};
+      const response=await fetch(base+'/config/31/'),html=await response.text();assert.equal(response.status,200);
+      assert.equal(/<meta name="robots" content="index,/.test(html),indexable);
+      assert.equal(html.includes('rel="canonical"'),indexable);
+      assert.ok(currentMain(html,'channel-page').includes('都市精选'));
+    }
+    detailSeo={desc:'剧集共用简介',onlineAt:'2025-10-18 10:30:00'};
+    const chapter={id:90001,playletId:23456,currentEpisode:3,payType:1,videoUrl:'https://media.drama.test/paid-episode.m3u8'};
+    for(const allowed of [false,true]){
+      chapterPayload={...chapter,canWatch:allowed,needUnlock:!allowed};
+      const response=await fetch(base+'/play/23456/90001/'),html=await response.text();assert.equal(response.status,200);
+      assert.equal(/<meta name="robots" content="index,/.test(html),allowed);
+      assert.equal(html.includes('rel="canonical"'),allowed);assert.equal(html.includes(chapter.videoUrl),allowed);
+      assert.ok(html.includes('class="play-screen play-paywalled-content"'));
+      if(allowed){
+        const graph=JSON.parse(html.match(/<script\b[^>]*data-site-json-ld=""[^>]*>([\s\S]*?)<\/script>/)[1])['@graph'];
+        const page=graph.find(node=>node['@type']==='WebPage');
+        assert.equal(page.isAccessibleForFree,false);assert.equal(page.hasPart.cssSelector,'.play-paywalled-content');
+        assert.equal(graph.find(node=>node['@type']==='VideoObject').isAccessibleForFree,false);
+      }else assert.ok(!/<script\b[^>]*data-site-json-ld=/.test(html));
+    }
+    chapterPayload={...chapter,canWatch:true,needUnlock:false,payType:0,videoUrl:''};
+    const html=await (await fetch(base+'/play/23456/90001/')).text();
+    assert.match(html,/<meta name="robots" content="noindex/);assert.ok(!html.includes('rel="canonical"'));
+  }finally{homePayload=savedHome;detailSeo=chapterPayload=undefined;}
+});
+
+test('primary data outages and malformed responses return 5xx rather than 200 or a permanent 404',async()=>{
+  try{
+    for(const agent of ['Mozilla/5.0 Chrome/130','Googlebot','YandexBot']){
+      for(const [path,endpoint,override] of [
+        ['/','playlet/home',{status:503}],['/','playlet/home',{data:null}],['/','playlet/home',{raw:'invalid json'}],
+        ['/shorts/','playlet/all/list',{status:503}],['/shorts/page/9/','playlet/all/list',{code:5100}],
+        ['/shorts/','playlet/all/list',{status:404}],['/shorts/','playlet/all/list',{data:null}],
+        ['/detail/23456/','playlet/detail',{status:503}],['/detail/23456/','playlet/detail',{code:5100}],
+        ['/detail/23456/','playlet/detail',{raw:'invalid json'}],['/detail/23456/','playlet/detail',{data:'bad'}],
+        ['/detail/23456/','playlet/detail',{data:{id:23456}}],
+        ['/play/23456/90001/','playlet/chapter/detail',{status:503}],
+        ['/topics/7/','playlet/topic/detail',{status:503}],['/search/关键词/','playlet/search',{code:5100}],
+        ['/apps/','applist/list',{status:503}],['/navigation/','config/info',{status:503}],['/home-road/','config/info',{status:503}],
+        ['/tag/9/','playlet/tag/options',{status:503}],
+        ['/tag/9/','playlet/tag/options',{status:404}],['/tag/9/','playlet/tag/options',{code:5009}],
+      ]){
+        responseOverrides={[endpoint]:override};
+        const response=await fetch(base+path,{redirect:'manual',headers:{'User-Agent':agent}}),html=await response.text();
+        assert.equal(response.status,500,agent+' '+path+' '+JSON.stringify(override));assert.equal(response.headers.get('location'),null);
+        assert.match(response.headers.get('cache-control'),/no-store/);
+        assert.ok(!html.includes('rel="canonical"'));assert.ok(!/<script\b[^>]*data-site-json-ld=/.test(html));
+        assert.ok(!html.includes('test-session-secret'));
+      }
+    }
+    responseOverrides={};
+    const recovered=await fetch(base+'/shorts/');assert.equal(recovered.status,200);await recovered.text();
+  }finally{responseOverrides={};}
+});
+
+test('HEAD requests report the same missing-resource and temporary-error statuses as GET requests',async()=>{
+  try{
+    for(const [path,endpoint,override,status] of [
+      ['/detail/23456/','playlet/detail',{code:5009},404],
+      ['/tag/999999/','playlet/tag/list',{data:{list:[],totalCount:0}},404],
+      ['/shorts/page/2/','playlet/all/list',{data:{list:[],totalCount:0}},404],
+      ['/detail/23456/','playlet/detail',{status:503},500],
+      ['/','playlet/home',{status:503},500],
+    ]){
+      responseOverrides={[endpoint]:override};
+      const response=await fetch(base+path,{method:'HEAD',redirect:'manual'});
+      assert.equal(response.status,status,path);assert.equal(response.headers.get('location'),null);assert.equal(await response.text(),'');
+    }
+  }finally{responseOverrides={};}
+});
+
+test('optional data failures preserve real detail content and do not manufacture pagination 404s',async()=>{
+  try{
+    responseOverrides={
+      'comment/list':{status:503},'playlet/chapter/list':{status:503},'playlet/guess-like/list':{status:503},
+    };
+    for(const path of ['/detail/23456/','/play/23456/90001/']){
+      const response=await fetch(base+path);assert.equal(response.status,200,path);
+      const html=await response.text();assert.ok(html.includes('接口剧名'));assert.ok(html.includes('评论暂不可用'));
+      const commentsPage=await fetch(base+path+'page/2/');assert.equal(commentsPage.status,500,'unknown comments count must not become 404');await commentsPage.text();
+    }
+    responseOverrides={'coin/trans/list':{status:503}};
+    const wallet=await fetch(base+'/info/deposit/');assert.equal(wallet.status,200);await wallet.text();
+    const page=await fetch(base+'/info/deposit/page/2/');assert.equal(page.status,500);await page.text();
+  }finally{responseOverrides={};}
+});
+
+
+test('current Swagger contracts drive SSR listings, flat topic detail, home more and detail recommendations',async()=>{
+  const start=calls.length;
+  try{
+    strictContract=true;
+    listPayload={name:'专题真实标题',desc:'顶层专题简介',list:[{...fixture,id:24001}],totalCount:72};
+    for(const path of ['/shorts/page/2/?sort=2','/rank/new/page/2/','/topics/7/page/2/?sort=2','/theme/8/','/tag/9/?sort=2']){
+      const response=await fetch(base+path);assert.equal(response.status,200,path);
+      const html=await response.text();assert.ok(html.includes('href="/detail/24001/"'),path);
+      if(path.includes('/topics/7/')||path.includes('/theme/'))assert.ok(currentMain(html,'channel-page').includes('顶层专题简介'));
+    }
+    let html=await (await fetch(base+'/config/31/')).text();
+    assert.ok(currentMain(html,'channel-page').includes('后台配置标题'));assert.ok(currentMain(html,'channel-page').includes('href="/detail/23456/"'));assert.ok(!currentMain(html,'channel-page').includes('/page/2/'));
+    html=await (await fetch(base+'/detail/23456/')).text();
+    assert.ok(currentMain(html,'drama-play-page').includes('同类推荐短剧'));
+    const related=calls.slice(start).find(call=>call.path==='/api/app/playlet/guess-like/list');assert.equal(new URLSearchParams(related.search).get('playletId'),'23456');
+    assert.ok(!calls.slice(start).some(call=>/\/video\/|operate\/list|home\/config\/detail/.test(call.path)));
+  }finally{strictContract=false;listPayload=undefined;}
+});
+
+
+test('removed series and standalone video URLs return 404 without slash redirects or content reads',async()=>{
+  const before=calls.length;
+  for(const path of ['/series','/series/','/series/page/2','/series/page/2/','/video/23456','/video/23456/','/video/23456/page/2','/video/23456/page/2/']){
+    const response=await fetch(base+path+'?from=old-menu',{redirect:'manual'});
+    assert.equal(response.status,404,path);assert.equal(response.headers.get('location'),null,path);
+    const html=await response.text();assert.match(html,/<meta name="robots" content="noindex/);
+  }
+  assert.equal(calls.length,before);
+  const html=await (await fetch(base)).text();
+  assert.ok(!html.includes('href="/series/"'));assert.ok(!html.includes('data-page="series"'));
+  const runtime=await (await fetch(base+'/scripts/site-runtime.js')).text();
+  assert.ok(!runtime.includes('/series/'));assert.ok(html.includes('href="/shorts/"'));
+});
+
+
+function navigationHtml(html,surface){const start=html.indexOf('data-site-navigation="'+surface+'"');assert.ok(start>=0);return html.slice(start,html.indexOf('</nav>',start));}
+
+test('top and sidebar use API names, order, destinations and groups in initial HTML without fixed entries',async()=>{
+  const before=calls.length;
+  try{
+    listPayload={list:[fixture],totalCount:48};
+    headerPayload={categoryList:[{id:80,categoryType:1,name:'精选专题 <精品>',urlValue:'/topics/'},{id:81,categoryType:2,name:'发现好剧',translationList:[{id:82,name:'新剧排行',urlValue:'/rank/new/'},{id:83,name:'官方社区',urlValue:'https://example.net/community'}]},{id:84,categoryType:1,name:'全部好剧',urlValue:'/shorts/',icon:'/assets/nav-custom.webp'},{id:85,categoryType:3,name:'只在底部',urlValue:'/info/about-us/'},{id:86,categoryType:1,name:'旧剧集',urlValue:'/series/'},{id:87,categoryType:1,name:'恶意地址',urlValue:'javascript:alert(1)'}]};
+    const html=await (await fetch(base+'/shorts/page/2/')).text();
+    for(const surface of ['top','sidebar']){
+      const nav=navigationHtml(html,surface);
+      assert.ok(nav.indexOf('精选专题 &lt;精品&gt;')<nav.indexOf('发现好剧'));assert.ok(nav.indexOf('发现好剧')<nav.indexOf('全部好剧'));
+      assert.ok(nav.includes('href="/rank/new/"'));assert.ok(nav.includes('href="/shorts/"'));assert.ok(nav.includes('data-site-nav="'+surface+'"'));
+      assert.ok(nav.includes('<details'));assert.ok(nav.includes('rel="sponsored nofollow noopener noreferrer"'));assert.ok(nav.includes('aria-current="page"'));
+      for(const value of ['只在底部','旧剧集','恶意地址','href="/home-road/"','href="/apps/"'])assert.ok(!nav.includes(value),value);
+    }
+    assert.ok(navigationHtml(html,'sidebar').includes('data-src="/assets/nav-custom.webp"'));
+    assert.equal(calls.slice(before).filter(call=>call.path==='/api/app/navigation/header').length,1);
+    headerPayload={categoryList:[]};
+    const empty=await (await fetch(base+'/shorts/')).text();assert.ok(!navigationHtml(empty,'top').includes('<a '));assert.ok(!navigationHtml(empty,'sidebar').includes('<a '));
+  }finally{headerPayload=defaultHeader;listPayload=undefined;}
+});
+
+test('navigation failure leaves page content available and never restores a hardcoded menu',async()=>{
+  try{
+    headerFailure=true;
+    const response=await fetch(base),html=await response.text();assert.equal(response.status,200);
+    assert.ok(html.includes('后台配置标题'));assert.ok(navigationHtml(html,'top').includes('导航暂不可用'));assert.ok(navigationHtml(html,'sidebar').includes('导航暂不可用'));
+    assert.ok(!navigationHtml(html,'top').includes('<a '));
+  }finally{headerFailure=false;}
+});
+
+
+test('applications, return-home, feedback and contacts arrive as complete HTML without a loading shell',async()=>{
+  try{
+    appsPayload={categoryList:[{id:80,title:'接口应用分类',appList:[{id:81,name:'接口应用',url:'https://apps.example/download',logo:'https://apps.example/logo.webp'}]}]};
+    for(const [path,panel,marker] of [['/apps/','channel-page','接口应用分类'],['/home-road/','channel-page','return-home-directory'],['/info/feedback/','info-page','id="feedback-form"'],['/info/about-us/','info-page','https://example.com/contact']]){
+      const start=calls.length,response=await fetch(base+path);assert.equal(response.status,200,path);
+      const html=await response.text(),main=currentMain(html,panel);assert.ok(main.includes(marker),path);assert.ok(!/api-loading|正在加载|加载中/.test(main),path);
+      if(path==='/apps/')assert.equal(calls.slice(start).filter(call=>call.path==='/api/app/applist/list').length,1);
+    }
+  }finally{appsPayload=undefined;}
+});
+
+test('fresh private pages render real guest records with the same persisted identity and no credentials in HTML',async()=>{
+  try{
+    accountListPayload={list:[{...fixture,title:'游客自己的历史',password:'private-list-password'}],totalCount:72};
+    const start=calls.length,response=await fetch(base+'/member/history/page/2/'),html=await response.text(),main=currentMain(html,'info-page');
+    assert.equal(response.status,200);assert.match(response.headers.get('cache-control'),/no-store/);
+    assert.ok(main.includes('游客自己的历史'));assert.ok(main.includes('真实接口用户'));assert.ok(main.includes('href="/member/history/page/3/"'));
+    assert.ok(!/api-loading|正在加载|加载中/.test(main));
+    for(const secret of ['test-session-secret','private-list-password'])assert.ok(!html.includes(secret));
+    assert.ok(response.headers.getSetCookie().some(value=>value.startsWith('drama_session=')&&/HttpOnly/.test(value)));
+    const reads=calls.slice(start);assert.equal(reads.filter(call=>call.path==='/api/app/auth/guest').length,1);assert.equal(reads.filter(call=>call.path==='/api/app/auth/getInfo').length,0);
+    assert.equal(reads.find(call=>call.path==='/api/app/playlet/history/list').auth,'test-session-secret');
+  }finally{accountListPayload=undefined;}
+});
+
+test('likes pages render the current account list, native links and pagination before JavaScript without shared caching',async()=>{
+  try{
+    strictContract=true;
+    accountListPayload=(path,request)=>({list:[{...fixture,slug:'liked-story',title:request.headers.authorization==='registered-user-a-secret'?'甲的点赞短剧':'乙的点赞短剧',token:'private-liked-token'}],totalCount:72});
+    for(const [token,title,other] of [['registered-user-a-secret','甲的点赞短剧','乙的点赞短剧'],['registered-user-b-secret','乙的点赞短剧','甲的点赞短剧']]){
+      const start=calls.length;
+      const response=await fetch(base+'/member/likes/page/2/',{headers:{Cookie:'drama_session='+token+'; drama_registered=1'}}),html=await response.text(),main=currentMain(html,'info-page');
+      assert.equal(response.status,200);assert.match(response.headers.get('cache-control'),/private.*no-store/);
+      assert.match(html,/<meta name="robots" content="noindex,\s*nofollow"/);
+      assert.match(main,/<h1\b[^>]*>我的点赞<\/h1>/);assert.ok(main.includes(title));assert.ok(!main.includes(other));
+      assert.ok(main.includes('href="/member/likes/" aria-current="page"'));assert.ok(main.includes('href="/member/likes/page/3/"'));
+      assert.ok(main.includes('href="/detail/liked-story/"'));assert.ok(main.includes('共 72 部短剧'));
+      assert.ok(!/api-loading|正在加载|加载中/.test(main));
+      for(const secret of [token,'private-liked-token'])assert.ok(!html.includes(secret));
+      const reads=calls.slice(start).filter(call=>call.path==='/api/app/playlet/like/list');
+      assert.equal(reads.length,1);assert.equal(reads[0].auth,token);assert.equal(reads[0].cookie,undefined);
+      assert.equal(new URLSearchParams(reads[0].search).get('pageNum'),'2');assert.equal(new URLSearchParams(reads[0].search).get('pageSize'),'24');
+    }
+    const response=await fetch(base+'/api/playlet/like/list?pageNum=3&pageSize=24',{headers:{Cookie:'drama_session=registered-user-a-secret; drama_registered=1'}});
+    assert.equal(response.status,200);assert.match(response.headers.get('cache-control'),/no-store/);
+    assert.equal((await response.json()).code,200);assert.equal(calls.at(-1).auth,'registered-user-a-secret');
+  }finally{accountListPayload=undefined;strictContract=false;}
+});
+
+test('likes distinguish empty records, out-of-range pages, backend failures and expired accounts',async()=>{
+  const headers={Cookie:'drama_session=registered-user-a-secret; drama_registered=1'};
+  try{
+    accountListPayload={list:[],totalCount:0};
+    const emptyResponse=await fetch(base+'/member/likes/',{headers}),emptyHtml=await emptyResponse.text();
+    assert.equal(emptyResponse.status,200);assert.ok(emptyHtml.includes('暂无点赞的短剧'));assert.ok(emptyHtml.includes('href="/shorts/">去发现好剧</a>'));
+    assert.equal((await fetch(base+'/member/likes/page/2/',{headers})).status,404);
+    responseOverrides={'playlet/like/list':{status:503,code:503}};
+    const failed=await fetch(base+'/member/likes/',{headers}),failedHtml=await failed.text();
+    assert.equal(failed.status,500);assert.match(failedHtml,/<meta name="robots" content="noindex/);assert.ok(!failedHtml.includes('暂无点赞的短剧'));
+    responseOverrides={};
+    const start=calls.length;
+    const expiredResponse=await fetch(base+'/member/likes/',{headers:{Cookie:'drama_session=expired; drama_registered=1'}}),expiredHtml=await expiredResponse.text();
+    assert.ok(expiredHtml.includes('请先登录账号'));assert.ok(expiredHtml.includes('data-auth-mode="login"'));
+    assert.ok(!calls.slice(start).some(call=>['/api/app/auth/guest','/api/app/playlet/like/list'].includes(call.path)));
+  }finally{accountListPayload=undefined;responseOverrides={};}
+});
+
+test('private settings isolate two users and ignore forged SSR identity headers',async()=>{
+  const start=calls.length;
+  for(const [token,name,other] of [['registered-user-a-secret','用户甲','用户乙'],['registered-user-b-secret','用户乙','用户甲']]){
+    const forged=Buffer.from(JSON.stringify({userId:999,nickName:'伪造管理员'})).toString('base64url');
+    const response=await fetch(base+'/member/settings/',{headers:{Cookie:'drama_session='+token+'; drama_registered=1','x-drama-ssr-session':'ready','x-drama-ssr-user':forged}});
+    const html=await response.text(),main=currentMain(html,'info-page');assert.ok(main.includes(name));assert.ok(!html.includes(other));assert.ok(!html.includes('伪造管理员'));
+    for(const secret of [token,'must-not-leak'])assert.ok(!html.includes(secret));assert.ok(!main.includes('api-loading'));
+  }
+  assert.equal(calls.slice(start).filter(call=>call.path==='/api/app/auth/getInfo').length,2);assert.ok(!calls.slice(start).some(call=>call.path==='/api/app/auth/guest'));
+});
+
+test('registered expiry and explicit logout render sign-in immediately without guest downgrade',async()=>{
+  for(const cookie of ['drama_session=expired; drama_registered=1','drama_skip_auto=1']){
+    const start=calls.length,response=await fetch(base+'/member/settings/',{headers:{Cookie:cookie}}),html=await response.text(),main=currentMain(html,'info-page');
+    assert.ok(main.includes('请先登录账号'));assert.ok(main.includes('data-auth-mode="login"'));assert.ok(!main.includes('id="profile-form"'));assert.ok(!main.includes('api-loading'));
+    assert.ok(!calls.slice(start).some(call=>call.path==='/api/app/auth/guest'));
+  }
+});
+
+test('wallet SSR contains configured packages and transactions without creating an order or leaking extra fields',async()=>{
+  try{
+    packagesPayload={coinList:[{id:91,name:'真实金币套餐',price:1000,baseCoin:100,giftCoin:5,totalCoin:105,packageType:2,payMethods:[{type:'alipay',typeName:'支付宝'}],token:'private-package-token'}],vipList:[]};
+    transactionsPayload={list:[{title:'真实交易明细',changeAmount:25,createdAt:'2026-10-21 10:30:00',token:'private-transaction-token'}],totalCount:18};
+    const start=calls.length,response=await fetch(base+'/info/deposit/'),html=await response.text(),main=currentMain(html,'info-page');
+    assert.ok(main.includes('100金币'));assert.ok(main.includes('真实交易明细'));assert.ok(main.includes('href="/info/deposit/page/2/"'));assert.ok(!/api-loading|正在加载|加载中/.test(main));
+    for(const secret of ['private-package-token','private-transaction-token','test-session-secret'])assert.ok(!html.includes(secret));
+    const reads=calls.slice(start);assert.equal(reads.filter(call=>call.path==='/api/app/recharge/package/list').length,1);assert.equal(reads.filter(call=>call.path==='/api/app/coin/trans/list').length,1);
+    assert.ok(!reads.some(call=>['/api/app/coin/buy','/api/app/vip/pay','/api/app/playlet/chapter/unlock'].includes(call.path)));
+  }finally{packagesPayload=undefined;transactionsPayload=undefined;}
+});
+
+
+test('header and complete page content share the server-prepared identity before scripts run',async()=>{
+  const start=calls.length,response=await fetch(base+'/shorts/'),html=await response.text();
+  assert.ok(html.indexOf('id="global-site-header"')<html.indexOf('<main class="shell"'));
+  assert.ok(html.includes('class="hg-header-brand"'));assert.ok(html.includes('真实接口用户'));assert.ok(!html.includes('正在连接'));
+  assert.equal(calls.slice(start).filter(call=>call.path==='/api/app/auth/guest').length,1);
+  for(const secret of ['test-session-secret','drama_session'])assert.ok(!html.includes(secret));
+});
+
+test('slug details and episodes render directly with numeric dependent reads, slug links and matching canonical schema',async()=>{
+  try{
+    strictContract=true;
+    detailSeo={slug:'city-story',title:'都市故事',desc:'作品独立介绍',tagNames:['都市'],tagIds:[9],tagSlugs:['urban'],onlineAt:'2026-10-20'};
+    chapterPayload={id:90001,playletId:23456,currentEpisode:3,canWatch:true,videoUrl:'https://media.drama.test/3.mp4'};
+    commentPayload={list:[],totalCount:25};
+    for(const [path,chapter] of [['/detail/city-story/',false],['/play/city-story/90001/',true]]){
+      const start=calls.length,response=await fetch(base+path,{redirect:'manual'}),html=await response.text();
+      assert.equal(response.status,200,path);assert.equal(response.headers.get('location'),null);
+      const main=currentMain(html,'drama-play-page');assert.ok(main.includes('都市故事'));
+      assert.ok(main.includes('href="/play/city-story/90001/"'));
+      assert.ok(main.includes(`href="${path}page/2/"`));
+      assert.ok(html.includes(`rel="canonical" href="https://default.drama.test${path}"`));
+      const reads=calls.slice(start),detail=reads.filter(call=>call.path==='/api/app/playlet/detail');assert.equal(detail.length,1);
+      assert.equal(new URLSearchParams(detail[0].search).get('slug'),'city-story');assert.equal(new URLSearchParams(detail[0].search).has('id'),false);
+      assert.equal(new URLSearchParams(reads.find(call=>call.path==='/api/app/playlet/chapter/list').search).get('playletSlug'),'city-story');
+      assert.equal(new URLSearchParams(reads.find(call=>call.path==='/api/app/playlet/guess-like/list').search).get('playletId'),'23456');
+      assert.equal(new URLSearchParams(reads.find(call=>call.path==='/api/app/comment/list').search).get('objectId'),chapter?'90001':'23456');
+      if(chapter){assert.ok(main.includes('href="/tag/urban/"'));assert.ok(main.includes('href="/detail/city-story/"'));}
+      const graph=JSON.parse(html.match(/<script\b[^>]*data-site-json-ld=""[^>]*>([\s\S]*?)<\/script>/)[1])['@graph'];
+      assert.equal(graph.find(node=>node['@type']==='TVSeries').url,'https://default.drama.test/detail/city-story/');
+      if(chapter)assert.equal(graph.find(node=>node['@type']==='TVEpisode').url,'https://default.drama.test/play/city-story/90001/');
+    }
+    const legacy=await fetch(base+'/detail/23456/',{redirect:'manual'}),html=await legacy.text();
+    assert.equal(legacy.status,200);assert.equal(legacy.headers.get('location'),null);
+    assert.ok(html.includes('rel="canonical" href="https://default.drama.test/detail/city-story/"'));assert.ok(html.includes('href="/detail/city-story/page/2/"'));
+    detailSeo={...detailSeo,slug:'都市 / 剧?#%2F'};
+    const path='/play/'+encodeURIComponent(detailSeo.slug)+'/90001/';
+    const special=await fetch(base+path);assert.equal(special.status,200);
+    const specialHtml=await special.text();
+    assert.ok(specialHtml.includes('rel="canonical" href="https://default.drama.test/play/23456/90001/"'));
+    assert.ok(specialHtml.includes('href="/play/23456/90001/"'));
+  }finally{strictContract=false;detailSeo=chapterPayload=commentPayload=undefined;}
+});
+
+test('home, topics, aliases, tags, more and search generate slug-first destinations and serve refreshed slug URLs',async()=>{
+  const savedHome=homePayload;
+  try{
+    strictContract=true;
+    const drama={...fixture,slug:'city-story'},topic={id:7,slug:'urban-topic',name:'都市专题'};
+    homePayload={homeBannerData:[drama],homeConfigData:[{id:31,slug:'editors-choice',name:'编辑精选',desc:'独立精选介绍',status:true,type:1,list:[drama]},{id:32,slug:'collections',name:'专题合集',desc:'专题介绍',status:true,type:3,themeList:[topic]}]};
+    listPayload=endpoint=>endpoint==='playlet/topic/list'?{list:[topic],totalCount:1}:{id:7,slug:'urban-topic',name:'都市专题',desc:'专题内容介绍',list:[drama],totalCount:72};
+    tagOptionsPayload={list:[{id:9,slug:'urban',name:'都市'}]};
+    for(const path of ['/','/topics/','/topics/urban-topic/','/theme/urban-topic/','/topics/urban-topic/page/2/','/tag/urban/','/tag/urban/page/2/','/config/editors-choice/']){
+      const start=calls.length,response=await fetch(base+path,{redirect:'manual'}),html=await response.text();
+      assert.equal(response.status,200,path);assert.equal(response.headers.get('location'),null);
+      if(path==='/')for(const href of ['/detail/city-story/','/topics/urban-topic/','/config/editors-choice/'])assert.ok(html.includes(`href="${href}"`));
+      if(path.startsWith('/topics/urban')||path.startsWith('/theme/')){
+        assert.ok(html.includes(`rel="canonical" href="https://default.drama.test${path.replace('/theme/','/topics/')}"`));
+        const query=new URLSearchParams(calls.slice(start).find(call=>call.path==='/api/app/playlet/topic/detail').search);
+        assert.equal(query.get('id'),'7');assert.equal(query.has('slug'),false);
+      }
+      if(path.startsWith('/tag/'))assert.equal(new URLSearchParams(calls.slice(start).find(call=>call.path==='/api/app/playlet/tag/list').search).get('tagSlug'),'urban');
+      if(path==='/config/editors-choice/')assert.ok(html.includes('href="/detail/city-story/"'));
+    }
+    searchPayload={list:[drama],totalCount:1,pageSize:25};
+    const html=await (await fetch(base+'/search/city/')).text();assert.ok(currentMain(html,'search-results-page').includes('href="/detail/city-story/"'));
+  }finally{homePayload=savedHome;strictContract=false;listPayload=tagOptionsPayload=searchPayload=undefined;}
+});
+
+test('missing slugs stay real 404 responses and topic directory outages stay server errors',async()=>{
+  try{
+    detailSeo={slug:'known-story'};listPayload={list:[{id:7,slug:'known-topic'}],totalCount:1};
+    for(const path of ['/detail/unknown-story/','/play/unknown-story/90001/','/topics/unknown-topic/','/tag/unknown-tag/','/config/unknown-config/']){
+      const response=await fetch(base+path,{redirect:'manual'}),html=await response.text();
+      assert.equal(response.status,404,path);assert.equal(response.headers.get('location'),null);assert.ok(!html.includes('rel="canonical"'));assert.match(html,/<meta name="robots" content="noindex/);
+    }
+    responseOverrides={'playlet/topic/list':{status:503,code:503}};
+    const response=await fetch(base+'/topics/known-topic/');assert.equal(response.status,500);assert.match(await response.text(),/<meta name="robots" content="noindex/);
+  }finally{detailSeo=listPayload=undefined;responseOverrides={};}
+});
+
+test('detail, episode, chapter list, comments and recommendations are requested before detail finishes',async()=>{
+  let release;blockedDetail={promise:new Promise(resolve=>release=resolve)};
+  const start=calls.length;
+  const pending=fetch(base+'/play/23456/90001/');
+  try{
+    const paths=['playlet/detail','playlet/chapter/detail','playlet/chapter/list','comment/list','playlet/guess-like/list'].map(path=>'/api/app/'+path);
+    for(let attempt=0;attempt<100;attempt++){
+      if(paths.every(path=>calls.slice(start).some(call=>call.path===path)))break;
+      await delay(10);
+    }
+    for(const path of paths)assert.ok(calls.slice(start).some(call=>call.path===path),path+' must not wait for detail');
+  }finally{release();blockedDetail=undefined;}
+  const html=await (await pending).text();assert.ok(currentMain(html,'drama-play-page').includes('play-detail-title'));
+});
+
+test('public payloads are reused across page requests while two accounts and permissions stay uncached',async()=>{
+  await stopNext();await startNext({PUBLIC_DATA_CACHE_TTL_MS:'60000'});
+  const previousHeader=headerPayload;
+  try{
+    seoConfig={reportSdkConfig:'private-shared-sdk-cipher',config:{secret:'private-shared-config-secret'}};
+    footerPayload={footerInfo:{brand:{content:'真实直出页脚'},contactList:[{name:'服务时间',value:'每天'}],token:'private-footer-token'}};
+    const start=calls.length;
+    const pages=await Promise.all(['/shorts/','/topics/','/home-road/'].map(async path=>(await fetch(base+path)).text()));
+    for(const path of ['config/info','config/footer/info','navigation/header','translation/category/list'])assert.equal(calls.slice(start).filter(call=>call.path==='/api/app/'+path).length,1,path);
+    for(const html of pages){assert.ok(html.includes('真实直出页脚'));for(const secret of ['private-shared-sdk-cipher','private-shared-config-secret','private-footer-token'])assert.ok(!html.includes(secret));}
+    await (await fetch(base)).text();await (await fetch(base)).text();
+    assert.equal(calls.slice(start).filter(call=>call.path==='/api/app/playlet/home').length,1);
+    headerPayload={categoryList:[]};
+    assert.ok(navigationHtml(await (await fetch(base+'/shorts/')).text(),'top').includes('短剧'),'public navigation remains valid within TTL');
+    const privateStart=calls.length;
+    for(const [token,name,other] of [['registered-user-a-secret','用户甲','用户乙'],['registered-user-b-secret','用户乙','用户甲']]){
+      const html=await (await fetch(base+'/member/settings/',{headers:{Cookie:'drama_session='+token+'; drama_registered=1'}})).text();
+      assert.ok(currentMain(html,'info-page').includes(name));assert.ok(!html.includes(other));
+    }
+    assert.equal(calls.slice(privateStart).filter(call=>call.path==='/api/app/auth/getInfo').length,2);
+    const permissionStart=calls.length;
+    await (await fetch(base+'/play/23456/90001/')).text();await (await fetch(base+'/play/23456/90001/')).text();
+    for(const path of ['playlet/detail','playlet/chapter/detail'])assert.equal(calls.slice(permissionStart).filter(call=>call.path==='/api/app/'+path).length,2,path+' must stay realtime');
+  }finally{
+    seoConfig={};footerPayload=undefined;headerPayload=previousHeader;
+    await stopNext();await startNext();
+  }
+});
+
+test('current-origin deployments render SSR and proxy account, API and signed media requests through the current site',async()=>{
+  await stopNext();await startNext({UPSTREAM_API_URL:'current'});
+  // Emulate Nginx: preserve the visitor Host and route only backend paths to Go.
+  const ingress=createServer((request,response)=>{
+    const backend=/^\/(?:api\/app\/|h5\/|(?:new)?enkey(?:\?|\/|$))/.test(request.url);
+    const target=new URL(request.url,backend?mockOrigin:base);
+    const forwarded=httpRequest(target,{method:request.method,headers:{...request.headers,'x-forwarded-proto':'http'}},result=>{
+      response.writeHead(result.statusCode,result.headers);result.pipe(response);
+    });
+    forwarded.on('error',()=>{response.writeHead(502);response.end();});
+    request.pipe(forwarded);
+  });
+  const origin='http://127.0.0.1:'+await listen(ingress);
+  try{
+    const start=calls.length;
+    const homepage=await fetch(origin+'/'),html=await homepage.text();
+    assert.equal(homepage.status,200);assert.ok(html.includes('后台配置标题'));
+    assert.ok(calls.slice(start).some(call=>call.path==='/api/app/auth/guest'));
+    assert.ok(calls.slice(start).some(call=>call.path==='/api/app/playlet/home'));
+    const config=await fetch(origin+'/api/config/info');assert.equal(config.status,200);assert.equal((await config.json()).code,200);
+    const session=await fetch(origin+'/api/auth/guest',{method:'POST',headers:{'Content-Type':'application/json',Origin:origin},body:'{}'});
+    assert.equal(session.status,200);assert.match(session.headers.get('set-cookie'),/drama_session=/);assert.equal((await session.json()).code,200);
+    const privatePage=await fetch(origin+'/member/settings/',{headers:{Cookie:'drama_session=registered-user-a-secret; drama_registered=1'}});
+    assert.equal(privatePage.status,200);assert.ok(currentMain(await privatePage.text(),'info-page').includes('用户甲'));
+    assert.equal(calls.at(-1).cookie,undefined);
+    const key=await fetch(origin+'/enkey?id=12700&ticket=a%2Fb+1');
+    assert.equal(key.status,200);assert.equal((await key.arrayBuffer()).byteLength,16);
+    assert.equal(calls.at(-1).search,'?id=12700&ticket=a%2Fb+1');
+    const media=await fetch(origin+'/h5/m3u8/video.m3u8?md=signed+value');
+    assert.equal(media.status,200);assert.match(await media.text(),/#EXTM3U/);
+    // A direct Node URL has no Go forwarding. It must fail once, rather than recurse.
+    const loop=await fetch(base+'/api/config/info');
+    assert.equal(loop.status,502);assert.match((await loop.json()).msg,/转发配置/);
+    const keyLoop=await fetch(base+'/enkey?id=12700&ticket=original');assert.equal(keyLoop.status,502);
+  }finally{
+    await new Promise(resolve=>ingress.close(resolve));
+    await stopNext();await startNext();
+  }
+});
diff --git a/tests/apps.test.mjs b/tests/apps.test.mjs
new file mode 100644
index 0000000..e81f91c
--- /dev/null
+++ b/tests/apps.test.mjs
@@ -0,0 +1,91 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(file,replace=code=>code){
+  const filename=new URL(file,import.meta.url);
+  const {outputText}=ts.transpileModule(await readFile(filename,'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(replace(outputText).replace(/(['"])\.\.\/routing\1/g,JSON.stringify(routingModuleUrl))+'\n//# sourceURL='+filename.pathname).toString('base64');
+}
+const protocol=await moduleUrl('../src/lib/api/protocol.ts');
+const render=await moduleUrl('../src/lib/client/render.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocol)));
+const apps=await moduleUrl('../src/lib/client/apps.ts',code=>code.replace("'../api/protocol'",JSON.stringify(protocol)).replace("'./render'",JSON.stringify(render)));
+const {loadAppCategories,renderAppDirectory,scrollToAppCategory}=await import(apps);
+const app=id=>({id,name:'应用 '+id,url:'https://example.com/app/'+id,logo:'https://example.com/icon.png'});
+const category=(id,appList)=>({id,title:'分类 '+id,...(appList===undefined?{}:{appList})});
+
+test('benefit applications report linked advertisements with their API ids and ordinary applications as content',()=>{
+  const html=renderAppDirectory([category(3,[app(11),{...app(12),advitiseId:'ad-12',location:8}])]);
+  assert.match(html,/data-track-item data-item-id="11" data-item-name="应用 11" data-item-type="app" data-parent-item-id="3"/);
+  assert.match(html,/data-track-ad="external" data-ad-id="ad-12" data-ad-clickable="1" data-ad-slot-key="8" data-ad-slot-name="福利应用" data-ad-type="icon"/);
+});
+
+test('loads every missing category once, preserves directory order, and omits empty categories',async()=>{
+  const calls=[],controller=new AbortController();
+  const api={async get(path,query,signal){
+    assert.equal(path,'applist/list');assert.equal(signal,controller.signal);calls.push(query.categoryId);
+    if(query.categoryId===0)return {categoryList:[category(2,[]),category(1),category(3,[]),category(4),category(2)],category:category(1,[app(11)])};
+    return {category:category(query.categoryId,query.categoryId===2?[app(22)]:[])};
+  }};
+  const result=await loadAppCategories(api,controller.signal);
+  assert.deepEqual(calls,[0,2,3,4]);assert.deepEqual(result.map(item=>item.id),[2,1]);
+  const html=renderAppDirectory(result);
+  for(const id of [2,1]){assert.ok(html.includes(`aria-controls="apps-${id}"`));assert.ok(html.includes(`id="apps-${id}"`));}
+  for(const id of [3,4]){assert.ok(!html.includes(`data-app-category="${id}"`));assert.ok(!html.includes(`id="apps-${id}"`));}
+  assert.equal((html.match(/class="benefit-section"/g)||[]).length,2);
+});
+
+test('uses embedded applications without additional requests and escapes API text and links',async()=>{
+  let calls=0;
+  const result=await loadAppCategories({async get(){calls++;return {categoryList:[{...category(7,[{...app(1),name:'应用 <script>',url:'https://example.com/?a=1&b=2'}]),title:'分类 <img>'},category(8,[app(2)])]};}},new AbortController().signal);
+  assert.equal(calls,1);
+  const html=renderAppDirectory(result);
+  assert.ok(html.includes('分类 &lt;img&gt;'));assert.ok(html.includes('应用 &lt;script&gt;'));assert.ok(html.includes('?a=1&amp;b=2'));
+  assert.ok(html.includes('data-src="https://example.com/icon.png"'));assert.ok(!html.includes('<script>'));
+});
+
+test('empty and malformed application lists create no category options or empty sections',async()=>{
+  for(const data of [null,{}, {categoryList:null},{categoryList:[null,{},category(1,[]),category(2,[null,{},false]),category(3,'invalid')]}]){
+    const result=await loadAppCategories({async get(){return data;}},new AbortController().signal);
+    assert.deepEqual(result,[]);
+    const html=renderAppDirectory(result);assert.ok(html.includes('暂无福利应用'));
+    assert.ok(!html.includes('data-app-category'));assert.ok(!html.includes('benefit-section'));
+  }
+});
+
+test('keeps available groups after a category failure and reports failure when none can load',async()=>{
+  const unavailable=new Error('category unavailable');
+  for(const available of [true,false]){
+    const api={async get(_,query){
+      if(query.categoryId===0)return {categoryList:[category(1),category(2)],category:available?category(1,[app(1)]):undefined};
+      throw unavailable;
+    }};
+    if(available)assert.deepEqual((await loadAppCategories(api,new AbortController().signal)).map(item=>item.id),[1]);
+    else await assert.rejects(loadAppCategories(api,new AbortController().signal),unavailable);
+  }
+});
+
+test('aborted navigation discards late category results',async()=>{
+  const controller=new AbortController();let finish;
+  const result=loadAppCategories({async get(_,query){
+    if(query.categoryId===0)return {categoryList:[category(1)]};
+    return new Promise(resolve=>{finish=()=>resolve({category:category(1,[app(1)])});});
+  }},controller.signal);
+  await new Promise(resolve=>setImmediate(resolve));controller.abort();finish();
+  assert.deepEqual(await result,[]);
+});
+
+test('category selection scrolls to existing sections and updates selection without replacing content',()=>{
+  const previousWindow=globalThis.window,scrolls=[];
+  const buttons=[1,2].map(id=>({dataset:{appCategory:String(id)},setAttribute(key,value){this[key]=value;}}));
+  const root={querySelector:selector=>selector==='#apps-2'?{scrollIntoView:options=>scrolls.push(options)}:null,querySelectorAll:()=>buttons};
+  try{
+    globalThis.window={matchMedia:()=>({matches:false})};
+    scrollToAppCategory(root,'2');assert.deepEqual(scrolls,[{behavior:'smooth',block:'start'}]);
+    assert.equal(buttons[0]['aria-pressed'],'false');assert.equal(buttons[1]['aria-pressed'],'true');
+    globalThis.window.matchMedia=()=>({matches:true});scrollToAppCategory(root,'2');assert.equal(scrolls[1].behavior,'auto');
+    scrollToAppCategory(root,'3');scrollToAppCategory(root,'invalid');assert.equal(scrolls.length,2);
+  }finally{globalThis.window=previousWindow;}
+});
diff --git a/tests/auth.test.mjs b/tests/auth.test.mjs
new file mode 100644
index 0000000..9cffda1
--- /dev/null
+++ b/tests/auth.test.mjs
@@ -0,0 +1,195 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(file,replace=code=>code){
+  const filename=new URL(file,import.meta.url);
+  const {outputText}=ts.transpileModule(await readFile(filename,'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(replace(outputText).replace(/(['"])\.\.\/routing\1/g,JSON.stringify(routingModuleUrl))+'\n//# sourceURL='+filename.pathname).toString('base64');
+}
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const authUrl=await moduleUrl('../src/lib/client/auth.ts');
+const {authFormPayload}=await import(authUrl);
+let sequence=0;
+async function client(){
+  const url=await moduleUrl('../src/lib/client/api.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)).replace('"./auth"',JSON.stringify(authUrl+'#'+sequence++)));
+  return new (await import(url)).ApiClient();
+}
+const guest={userId:7,type:0,isRegister:false};
+const member={userId:8,type:1,isRegister:true};
+const response=(data,code=200,headers={})=>new Response(JSON.stringify({code,data,msg:code===200?'ok':'session expired'}),{status:code===1000?401:200,headers:{'Content-Type':'application/json',...headers}});
+const deferred=()=>{let resolve;const promise=new Promise(done=>resolve=done);return {promise,resolve};};
+async function withFetch(fetcher,work){const old=globalThis.fetch;globalThis.fetch=fetcher;try{await work();}finally{globalThis.fetch=old;}}
+
+test('login accepts account/email, trims identifiers, and preserves password bytes',()=>{
+  assert.deepEqual(authFormPayload('login',{account:' test ',password:' 1234 '}),{account:'test',password:' 1234 '});
+  assert.deepEqual(authFormPayload('login',{account:'me@example.com',password:'1234'}),{account:'me@example.com',password:'1234'});
+  assert.throws(()=>authFormPayload('login',{account:'bad@',password:'1234'}),/有效邮箱/);
+  assert.throws(()=>authFormPayload('login',{account:'test',password:'123'}),/密码/);
+  const account='abcdefghijklmnopqrst',password='SafePassword12345678';
+  assert.equal(authFormPayload('login',{account,password}).account,account);
+});
+
+test('guest binding validates confirmation and agreement without requiring an email',()=>{
+  const values={account:' player01 ',password:'Secure123',passwordConfirm:'Secure123',agree:'on'};
+  assert.deepEqual(authFormPayload('register',values),{accountNo:'player01',password:'Secure123'});
+  for(const change of [{account:'a_b'},{password:'abcdefgh',passwordConfirm:'abcdefgh'},{passwordConfirm:'Wrong123'},{agree:''}])assert.throws(()=>authFormPayload('register',{...values,...change}));
+  assert.deepEqual(authFormPayload('resetPassword',{account:' player01 ',email:' me@example.com ',password:'NewPass123',passwordConfirm:'NewPass123'}),{accountNo:'player01',email:'me@example.com',newPassword:'NewPass123'});
+});
+
+test('device identity, first channel and invite survive page navigation without persisting credentials',async()=>{
+  const originals=Object.fromEntries(['document','localStorage','location'].map(key=>[key,Object.getOwnPropertyDescriptor(globalThis,key)]));
+  const storage=new Map([['uuid','old-device']]);
+  Object.defineProperty(globalThis,'document',{configurable:true,value:{cookie:'drama_device=cookie-device'}});
+  Object.defineProperty(globalThis,'localStorage',{configurable:true,value:{getItem:key=>storage.get(key),setItem:(key,value)=>storage.set(key,value)}});
+  Object.defineProperty(globalThis,'location',{configurable:true,value:{search:'?dc=first&inviteCode=INV123'}});
+  try{
+    const {authMetadata}=await import(authUrl+'#attribution');
+    assert.deepEqual(authMetadata(),{devID:'cookie-device',deviceId:'cookie-device',channel:'first',agentInviteCode:'INV123'});
+    globalThis.location.search='?dc=later';
+    assert.equal(authMetadata().channel,'first');assert.equal(authMetadata().agentInviteCode,'INV123');
+    assert.deepEqual([...storage.keys()].sort(),['channel','uuid']);
+    globalThis.localStorage.getItem=()=>{throw new Error('blocked');};
+    globalThis.localStorage.setItem=()=>{throw new Error('blocked');};
+    globalThis.document.cookie='';
+    const fallback=(await import(authUrl+'#blocked')).authMetadata;
+    assert.equal(fallback().devID,fallback().devID);
+  }finally{for(const [key,descriptor] of Object.entries(originals)){if(descriptor)Object.defineProperty(globalThis,key,descriptor);else delete globalThis[key];}}
+});
+
+test('concurrent private requests share one guest initialization and public data needs no session',async()=>{
+  const api=await client(),gate=deferred(),calls=[];
+  await withFetch(async(url,options)=>{
+    calls.push({url,body:options.body&&JSON.parse(options.body)});
+    if(url.endsWith('/auth/guest')){await gate.promise;return response(guest);}
+    return response({});
+  },async()=>{
+    const first=api.get('user/center/data'),second=api.get('playlet/collect/list');
+    await Promise.resolve();assert.equal(calls.length,1);gate.resolve();await Promise.all([first,second]);
+    assert.equal(calls.filter(call=>call.url.endsWith('/auth/guest')).length,1);
+    assert.ok(calls[0].body.devID);assert.equal(api.user.userId,7);
+    const anonymous=await client();await anonymous.get('playlet/home');assert.equal(anonymous.user,null);
+  });
+});
+
+test('history restoration revalidates current cookies, respects logout and cannot overwrite a newer login',async()=>{
+  const api=await client();api.seedSession(guest);
+  await withFetch(async(_url,options)=>{assert.equal(JSON.parse(options.body).automatic,true);return response(null);},async()=>{
+    await api.revalidateSession();assert.equal(api.user,null);assert.equal(await api.initializeSession(),null);
+  });
+  const gate=deferred();api.seedSession(guest);
+  await withFetch(async()=>{await gate.promise;return response(guest);},async()=>{
+    const refresh=api.revalidateSession();await Promise.resolve();api.setUser(member);gate.resolve();await refresh;assert.equal(api.user.userId,member.userId);
+  });
+});
+
+test('search and suggestions wait for a shared guest session before requesting protected search endpoints',async()=>{
+  const api=await client(),gate=deferred(),calls=[];
+  await withFetch(async url=>{
+    calls.push(url);
+    if(url.endsWith('/auth/guest')){await gate.promise;return response(guest);}
+    return response({list:[],totalCount:0});
+  },async()=>{
+    const search=api.get('playlet/search',{keyword:'都市',pageNum:2,pageSize:25});
+    const suggestions=api.get('playlet/search/suggest',{keyword:'都市'});
+    await Promise.resolve();assert.deepEqual(calls,['/api/auth/guest']);
+    gate.resolve();await Promise.all([search,suggestions]);
+    assert.equal(calls.length,3);assert.ok(calls[1].includes('playlet/search?'));assert.ok(calls[1].includes('pageSize=25'));assert.ok(calls[2].includes('playlet/search/suggest?'));
+  });
+});
+
+test('slow guest restoration finishes before login and binding waits for a guest identity',async()=>{
+  const api=await client(),gate=deferred(),calls=[];
+  await withFetch(async(url,options)=>{
+    calls.push({url,body:JSON.parse(options.body)});
+    if(url.endsWith('/auth/guest')){await gate.promise;return response(guest);}
+    return response(member);
+  },async()=>{
+    const restore=api.initializeSession(),login=api.post('auth/login',{account:'player',password:'Secure123'});
+    await Promise.resolve();assert.equal(calls.length,1);gate.resolve();await Promise.all([restore,login]);
+    assert.equal(calls[1].body.devID,calls[0].body.devID);assert.equal(api.user.userId,8);
+    const binding=await client();await binding.post('auth/register',{accountNo:'player',password:'Secure123'});
+    assert.deepEqual(calls.slice(2).map(call=>call.url),['/api/auth/guest','/api/auth/register']);
+    assert.equal(binding.user.userId,8);
+  });
+});
+
+test('invalid credentials preserve the current identity; late expired requests cannot clear a new login',async()=>{
+  const api=await client();api.setUser(guest);
+  const gate=deferred();let invalid=true;
+  await withFetch(async url=>{
+    if(url.endsWith('/auth/login'))return invalid?response(null,1000):response(member);
+    await gate.promise;return response(null,1000);
+  },async()=>{
+    await assert.rejects(api.post('auth/login',{account:'player',password:'bad'}));assert.equal(api.user.userId,7);
+    const pending=api.get('user/center/data');await Promise.resolve();invalid=false;
+    await api.post('auth/login',{account:'player',password:'Secure123'});gate.resolve();await assert.rejects(pending);
+    assert.equal(api.user.userId,8);
+  });
+});
+
+test('registered expiry prompts once and blocks automatic guest downgrade',async()=>{
+  const api=await client();api.setUser(member);let prompts=0,calls=0;api.addEventListener('expired',()=>prompts++);
+  await withFetch(async()=>{calls++;return response(null,1000,{'X-Auth-State':'login-required'});},async()=>{
+    await assert.rejects(api.get('user/center/data'));assert.equal(api.user,null);assert.equal(prompts,1);
+    assert.equal(await api.initializeSession(),null);
+    await assert.rejects(api.ensureSession());await assert.rejects(api.ensureSession());
+    assert.equal(calls,1);assert.equal(prompts,1);
+  });
+});
+
+test('manual logout and the following skipped initialization stay signed out',async()=>{
+  const api=await client();api.setUser(member);const calls=[];
+  await withFetch(async url=>{calls.push(url);return response(null);},async()=>{
+    await api.post('auth/logout',{});assert.equal(api.user,null);
+    assert.equal(await api.initializeSession(),null);assert.deepEqual(calls,['/api/auth/logout']);
+    const refreshed=await client();assert.equal(await refreshed.initializeSession(),null);
+    await assert.rejects(refreshed.ensureSession());assert.deepEqual(calls,['/api/auth/logout','/api/auth/guest']);
+  });
+});
+
+test('restoring an expired registered cookie prompts for login even before a user is loaded',async()=>{
+  const api=await client();let prompts=0;api.addEventListener('expired',()=>prompts++);
+  await withFetch(async()=>response(null,1000,{'X-Auth-State':'login-required'}),async()=>{
+    await assert.rejects(api.initializeSession());await assert.rejects(api.ensureSession());
+    assert.equal(prompts,1);assert.equal(api.user,null);
+  });
+});
+
+test('auth dialog renders binding confirmation, blocks duplicate submission, and clears revealed passwords on close',async()=>{
+  const renderUrl=await moduleUrl('../src/lib/client/render.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)));
+  const accountUrl=await moduleUrl('../src/lib/client/account.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)).replace('"./render"',JSON.stringify(renderUrl)).replace("'./auth'",JSON.stringify(authUrl)));
+  const {bindAccountUI,openAuth}=await import(accountUrl);
+  const oldDocument=globalThis.document,OldFormData=globalThis.FormData;
+  const listeners={},error={textContent:''},button={textContent:'绑定账号',disabled:false};
+  const password={value:'Secure123',type:'password'},confirmation={value:'Secure123',type:'password'};
+  const form={dataset:{mode:'register'},isConnected:true,reportValidity:()=>true,
+    querySelector:selector=>selector==='#auth-error'?error:button,querySelectorAll:()=>[password,confirmation]};
+  const dialog={id:'member-auth-dialog',innerHTML:'',open:false,classList:{toggle(){}},querySelector:selector=>selector==='#auth-account'?{focus(){}}:selector==='#auth-password'?password:null,
+    querySelectorAll:()=>[password,confirmation],addEventListener:(name,handler)=>listeners[name]=handler,showModal(){this.open=true;},close(){this.open=false;listeners.close();}};
+  const gate=deferred();let submitted=0,routed=0;
+  const app={api:{post:async(path,payload)=>{submitted++;assert.equal(path,'auth/register');assert.equal(payload.accountNo,'player01');await gate.promise;}},notify(){},async route(){routed++;}};
+  globalThis.document={getElementById:id=>id==='member-auth-dialog'?dialog:null};
+  globalThis.FormData=class extends OldFormData{constructor(){super();for(const [key,value] of Object.entries({account:'player01',password:'Secure123',passwordConfirm:'Secure123',agree:'on'}))this.append(key,value);}};
+  try{
+    bindAccountUI(app);openAuth('bind');assert.ok(dialog.open);
+    assert.ok(dialog.innerHTML.includes('name="passwordConfirm"'));assert.ok(!dialog.innerHTML.includes('name="email"'));
+    const toggle={dataset:{authPasswordToggle:'auth-password'},setAttribute(){}};
+    listeners.click({target:{closest:()=>toggle}});assert.equal(password.type,'text');
+    const event={target:form,preventDefault(){}};listeners.submit(event);listeners.submit(event);
+    assert.equal(submitted,1);assert.equal(button.disabled,true);
+    gate.resolve();await new Promise(resolve=>setImmediate(resolve));
+    assert.equal(routed,1);assert.equal(button.disabled,false);assert.equal(password.value,'');assert.equal(confirmation.value,'');
+    openAuth('switch');assert.ok(dialog.innerHTML.includes('切换账号'));
+  }finally{globalThis.document=oldDocument;globalThis.FormData=OldFormData;}
+});
+
+
+test('a server-prepared session is reused without another guest handshake and a sign-in snapshot blocks automatic downgrade',async()=>{
+  await withFetch(()=>assert.fail('prepared sessions must not refetch auth'),async()=>{
+    const ready=await client();ready.seedSession(member);assert.equal((await ready.initializeSession()).userId,member.userId);
+    const signedOut=await client();signedOut.seedSession(null);assert.equal(await signedOut.initializeSession(),null);
+  });
+});
diff --git a/tests/codec-manifest.test.mjs b/tests/codec-manifest.test.mjs
new file mode 100644
index 0000000..4d1c63b
--- /dev/null
+++ b/tests/codec-manifest.test.mjs
@@ -0,0 +1,56 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import vm from 'node:vm';
+
+const fullBuild=await readFile(new URL('../node_modules/hls.js/dist/hls.js',import.meta.url),'utf8');
+const variants=[
+  {codec:'avc1.42E01E',path:'h264.m3u8'},
+  {codec:'hvc1.1.6.L93.B0',path:'h265-hvc1.m3u8'},
+  {codec:'hev1.1.6.L93.B0',path:'h265-hev1.m3u8'},
+];
+
+// Run the real bundled hls.js parser/controller with deterministic platform capabilities.
+// The loader only returns this local manifest; no network or browser session is used.
+async function parseManifest(supported,items=variants){
+  const manifest='#EXTM3U\n'+items.map((item,index)=>`#EXT-X-STREAM-INF:BANDWIDTH=${(index+1)*500000},CODECS="${item.codec},mp4a.40.2"\n${item.path}\n`).join('');
+  const sandbox={module:{exports:{}},exports:{},navigator:{userAgent:'Chrome/130'},performance,URL,URLSearchParams,TextDecoder,TextEncoder,setTimeout,clearTimeout,setInterval,clearInterval,queueMicrotask};
+  sandbox.self=sandbox;sandbox.window=sandbox;sandbox.location={href:'https://example.test/'};
+  sandbox.MediaSource=class {
+    static isTypeSupported(type){
+      const codecs=type.match(/codecs=["']?([^"']+)/)?.[1]?.split(',')||[];
+      return codecs.length>0&&codecs.every(codec=>codec.startsWith('mp4a')||supported.some(prefix=>codec.startsWith(prefix)));
+    }
+  };
+  vm.runInNewContext(fullBuild,sandbox,{timeout:1000});
+  const Hls=sandbox.module.exports;
+  class ManifestLoader {
+    constructor(){this.stats={aborted:false,loaded:manifest.length,total:manifest.length,retry:0,chunkCount:1,loading:{start:1,first:2,end:3},parsing:{start:0,end:0},buffering:{start:0,first:0,end:0}};}
+    load(context,_config,callbacks){
+      assert.equal(context.url,'https://example.test/master.m3u8');
+      this.context=context;
+      queueMicrotask(()=>callbacks.onSuccess({url:context.url,data:manifest},this.stats,context,null));
+    }
+    abort(){}destroy(){}getCacheAge(){return 0;}
+  }
+  const hls=new Hls({autoStartLoad:false,enableWorker:false,pLoader:ManifestLoader});
+  const done=new Promise(resolve=>{
+    hls.on(Hls.Events.MANIFEST_PARSED,(_event,data)=>resolve({codecs:Array.from(data.levels,level=>level.videoCodec)}));
+    hls.on(Hls.Events.ERROR,(_event,data)=>{if(data.fatal)resolve({error:data.details});});
+  });
+  hls.loadSource('https://example.test/master.m3u8');
+  try{return await done;}finally{hls.destroy();}
+}
+
+test('real HLS manifest filtering retains H.264 when a device cannot decode HEVC',{timeout:2000},async()=>{
+  assert.deepEqual(await parseManifest(['avc1']),{codecs:['avc1.42E01E']});
+});
+
+test('real HLS manifest filtering retains AVC, hvc1 and hev1 when all are supported',{timeout:2000},async()=>{
+  assert.deepEqual(await parseManifest(['avc1','hvc1','hev1']),{codecs:variants.map(item=>item.codec)});
+});
+
+test('HEVC-only playlists are accepted on capable devices and report incompatibility elsewhere',{timeout:2000},async()=>{
+  assert.deepEqual(await parseManifest(['hvc1'],[variants[1]]),{codecs:['hvc1.1.6.L93.B0']});
+  assert.deepEqual(await parseManifest(['avc1'],[variants[1]]),{error:'manifestIncompatibleCodecsError'});
+});
diff --git a/tests/deploy.test.mjs b/tests/deploy.test.mjs
new file mode 100644
index 0000000..bda7017
--- /dev/null
+++ b/tests/deploy.test.mjs
@@ -0,0 +1,299 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {mkdtemp,mkdir,writeFile,readFile,cp,symlink,rm,stat} from 'node:fs/promises';
+import {join} from 'node:path';
+import {tmpdir} from 'node:os';
+import {spawnSync} from 'node:child_process';
+import {createHash} from 'node:crypto';
+import {gzipSync} from 'node:zlib';
+import {packageStandalone} from '../scripts/package-standalone.mjs';
+const projectRoot=new URL('../',import.meta.url);
+async function fixture(t) {
+  const root=await mkdtemp(join(tmpdir(),'91-release-'));t.after(()=>rm(root,{recursive:true,force:true}));
+  async function put(path,text='fixture') {await mkdir(join(root,path,'..'),{recursive:true});await writeFile(join(root,path),text);}
+  for(const [env,build] of [['test','.next-test'],['production','.next']]) {
+    await put(`${build}/standalone/server.js`,'module.exports=true;');
+    await put(`${build}/standalone/${build}/BUILD_ID`,'build-'+env);
+    await put(`${build}/standalone/${build}/cache/seo/private.json`);
+    await put(`${build}/standalone/.env.local`,'SENSITIVE=do-not-ship');
+    await put(`${build}/standalone/config/secrets/private-key`);
+    await put(`${build}/standalone/dist/production/config/production.local.env`);
+    await put(`${build}/standalone/tests/fixtures/private.json`);
+    await put(`${build}/standalone/${build==='.next'?'.next-test':'.next'}/cache/seo/old.json`);
+    await put(`${build}/static/chunks/app.js`);
+    await put(`config/${env}.env`,`API_BASE_URL=https://api.test\nPORT=21021\n`);
+    await put(`config/${env}.local.env`,'SENSITIVE=do-not-ship');
+  }
+  await put('public/assets/logo.svg');await put('public/._logo.svg');
+  await put('package.json','{}');await put('package-lock.json','{}');
+  await cp(new URL('scripts',projectRoot),join(root,'scripts'),{recursive:true});
+  await cp(new URL('node_modules/dotenv',projectRoot),join(root,'node_modules/dotenv'),{recursive:true});
+  return {root,put};
+}
+
+test('standalone releases include only their profile and assets, exclude local secrets/cache, and preserve other releases',async t=>{
+  const {root,put}=await fixture(t);
+  for(const [env,build] of [['test','.next-test'],['production','.next']]) {
+    const release=await packageStandalone(env,{root});
+    for(const file of ['start.mjs','server.js','package-lock.json','node_modules/dotenv/package.json','scripts/check-health.mjs',build+'/BUILD_ID',build+'/static/chunks/app.js','public/assets/logo.svg',`config/${env}.env`])assert.ok((await stat(join(release,file))).isFile(),file);
+    for(const file of ['.env.local','public/._logo.svg',`config/${env}.local.env`,'config/secrets','dist','tests',build+'/cache',(build==='.next'?'.next-test':'.next')])await assert.rejects(stat(join(release,file)),{code:'ENOENT'});
+    const launch=spawnSync(process.execPath,[join(release,'start.mjs')],{encoding:'utf8',env:{PATH:process.env.PATH}});
+    assert.equal(launch.status,0,launch.stderr);
+  }
+  await put('dist/production/keep','previous production');
+  await put('dist/test/stale','remove stale file');await packageStandalone('test',{root});
+  assert.equal(await readFile(join(root,'dist/production/keep'),'utf8'),'previous production');
+  await assert.rejects(stat(join(root,'dist/test/stale')),{code:'ENOENT'});
+});
+
+test('invalid environments and symlink destinations fail without deleting unrelated data',async t=>{
+  const {root,put}=await fixture(t);
+  await put('outside/keep','do not delete');await mkdir(join(root,'dist'));
+  await symlink(join(root,'outside'),join(root,'dist/test'));
+  await assert.rejects(packageStandalone('test',{root}),/Unsafe release directory/);
+  await assert.rejects(packageStandalone('../outside',{root}),/Usage/);
+  assert.equal(await readFile(join(root,'outside/keep'),'utf8'),'do not delete');
+  await rm(join(root,'dist'),{recursive:true});await symlink(join(root,'outside'),join(root,'dist'));
+  await assert.rejects(packageStandalone('production',{root}),/Unsafe release directory/);
+  assert.equal(await readFile(join(root,'outside/keep'),'utf8'),'do not delete');
+});
+
+test('dry runs reflect current configuration, allow overrides and never build/upload; invalid deployment targets fail early',async t=>{
+  const dir=await mkdtemp(join(tmpdir(),'91-deploy-stubs-'));t.after(()=>rm(dir,{recursive:true,force:true}));
+  const marker=join(dir,'executed');
+  for(const command of ['npm','ssh','scp'])await writeFile(join(dir,command),`#!/bin/bash\nprintf '%s\\n' '${command}' >> "$MARKER"\nexit 99\n`,{mode:0o755});
+  const env={...process.env,PATH:dir+':'+process.env.PATH,MARKER:marker,DEPLOY_DRY_RUN:'0'};
+  for(const key of ['DEPLOY_HOST','DEPLOY_DIR','DEPLOY_RUN_DIR','DEPLOY_JUMP_HOST','DEPLOY_JUMP_DIR','DEPLOY_SSH_PORT','DEPLOY_SCP_PORT','DEPLOY_CHECK_URL','DEPLOY_PROGRAM','DEPLOY_PACKAGE_NAME','DEPLOY_TARGET_ARCH','DEPLOY_TARGET_LIBC'])delete env[key];
+  // Deployment addresses/ports are operator configuration, not application invariants.
+  // Verify reporting consistency and explicit overrides rather than pinning a server.
+  for(const script of ['deploy_test.sh','deploy_prod.sh']) {
+    for(const args of [['--dry-run'],['--package-only','--dry-run']]) {
+      const result=spawnSync('bash',[script,...args],{encoding:'utf8',env});
+      assert.equal(result.status,0,result.stderr);assert.match(result.stdout,/API=(?:current|https?:\/\/\S+)\s+PORT=\d+/);
+      assert.doesNotMatch(result.stdout,/undefined/);
+      if(!args.includes('--package-only')) {
+        const help=spawnSync('bash',[script,'--help'],{encoding:'utf8',env});assert.equal(help.status,0,help.stderr);
+        if(script==='deploy_test.sh') {
+          assert.match(result.stdout,/上传 \S+\.tar\.gz、\S+\.tar\.gz\.sha256 和 up_next_h5\.sh/);
+          assert.doesNotMatch(result.stdout,/dist\.zip/);
+          const target=result.stdout.match(/发布目标：(\S+):(\/[^（\n]+)（SSH (\d+)）。/);
+          assert.ok(target,`${script} 未报告有效上传目标：${result.stdout}`);
+          const [,host,directory,port]=target;
+          assert.ok(Number(port)>0&&Number(port)<=65535);
+          assert.ok(help.stdout.includes(`${host}:${port} ${directory.replace(/\/$/,'')}/`),help.stdout);
+          const execute=result.stdout.match(/上传成功后：ssh -p (\d+) (\S+) "cd (\/\S+) && bash run\.sh"/);
+          assert.ok(execute,result.stdout);assert.equal(execute[1],port);assert.equal(execute[2],host);
+          assert.ok(help.stdout.includes(`DEPLOY_RUN_DIR（${execute[3]}）`),help.stdout);
+        }else {
+          const upload=result.stdout.match(/^\s+scp -P (\d+) (\S+) (\S+) ([^:\s]+):(\/\S*)$/m);
+          const execute=result.stdout.match(/^\s+ssh -p (\d+) (\S+) "cd (\/\S+) && bash rsupdate\.sh"$/m);
+          assert.ok(upload,`${script} 未报告有效上传命令：${result.stdout}`);
+          assert.ok(execute,`${script} 未报告有效执行命令：${result.stdout}`);
+          const [,scpPort,archive,checksum,host,directory]=upload;
+          const [,sshPort,sshHost,runDirectory]=execute;
+          assert.equal(sshHost,host);assert.equal(runDirectory,directory.replace(/\/$/,''));
+          assert.equal(checksum,archive.replace(/\.tar\.gz$/,'.md5'));
+          assert.ok(help.stdout.includes(`${host}:${directory}`),help.stdout);
+          for(const [key,value] of [['DEPLOY_SCP_PORT',scpPort],['DEPLOY_SSH_PORT',sshPort],['DEPLOY_PACKAGE_NAME',archive]])assert.ok(help.stdout.includes(`${key}（${value}）`),help.stdout);
+        }
+      }
+    }
+    const customEnv={...env,DEPLOY_HOST:'user@custom-test',DEPLOY_DIR:'/srv/custom-test',DEPLOY_RUN_DIR:'/srv/custom-run',DEPLOY_JUMP_HOST:'user@custom-prod',DEPLOY_JUMP_DIR:'/srv/custom-prod/',DEPLOY_SSH_PORT:'2202',DEPLOY_SCP_PORT:'2203',DEPLOY_PACKAGE_NAME:'custom_package.tar.gz'};
+    const custom=spawnSync('bash',[script,'--dry-run'],{encoding:'utf8',env:customEnv});
+    assert.equal(custom.status,0,custom.stderr);
+    assert.ok(custom.stdout.includes(script==='deploy_test.sh'?'user@custom-test:/srv/custom-test':'user@custom-prod:/srv/custom-prod/'));
+    assert.ok(custom.stdout.includes('2202'));if(script==='deploy_prod.sh')assert.ok(custom.stdout.includes('2203'));
+    assert.ok(custom.stdout.includes('custom_package.tar.gz'));
+    if(script==='deploy_test.sh')assert.ok(custom.stdout.includes('custom_package.tar.gz.sha256'));
+    const customHelp=spawnSync('bash',[script,'--help'],{encoding:'utf8',env:customEnv});assert.equal(customHelp.status,0,customHelp.stderr);
+    assert.ok(customHelp.stdout.includes('2202'));assert.ok(customHelp.stdout.includes(script==='deploy_test.sh'?'/srv/custom-run':'custom_package.tar.gz'));
+    if(script==='deploy_test.sh')assert.match(custom.stdout,/ssh -p 2202 user@custom-test "cd \/srv\/custom-run && bash run\.sh"/);
+    else assert.match(custom.stdout,/ssh -p 2202 user@custom-prod "cd \/srv\/custom-prod && bash rsupdate\.sh"/);
+    assert.ok(customHelp.stdout.includes('custom_package.tar.gz'));
+    const invalidArchive=spawnSync('bash',[script,'--package-only'],{encoding:'utf8',env:{...env,DEPLOY_PACKAGE_NAME:'../invalid.zip'}});
+    assert.notEqual(invalidArchive.status,0);assert.match(invalidArchive.stderr,/\.tar\.gz 文件名/);
+    const invalidHost=spawnSync('bash',[script],{encoding:'utf8',env:{...env,DEPLOY_HOST:'bad;host',DEPLOY_JUMP_HOST:'bad;host'}});
+    assert.notEqual(invalidHost.status,0);assert.match(invalidHost.stderr,/格式无效/);
+    const invalid=spawnSync('bash',[script],{encoding:'utf8',env:{...env,DEPLOY_HOST:'user@server',DEPLOY_DIR:'/srv/../other',DEPLOY_JUMP_HOST:'user@server',DEPLOY_JUMP_DIR:'/srv/../other'}});
+    assert.notEqual(invalid.status,0);assert.match(invalid.stderr,/绝对路径/);
+    const invalidPort=spawnSync('bash',[script],{encoding:'utf8',env:{...env,DEPLOY_SSH_PORT:'0'}});
+    assert.notEqual(invalidPort.status,0);assert.match(invalidPort.stderr,/1–65535/);
+    if(script==='deploy_test.sh'){
+      const invalidRun=spawnSync('bash',[script],{encoding:'utf8',env:{...env,DEPLOY_RUN_DIR:'/srv/../other'}});
+      assert.notEqual(invalidRun.status,0);assert.match(invalidRun.stderr,/DEPLOY_RUN_DIR 必须是普通绝对路径/);
+    }
+  }
+  await assert.rejects(stat(marker),{code:'ENOENT'});
+});
+
+test('test deployment uploads tar.gz and checksum before run.sh, preserves its execution directory, and stops on failure',async t=>{
+  const {root}=await fixture(t),bin=join(root,'bin'),marker=join(root,'commands.jsonl');
+  await mkdir(bin);await mkdir(join(root,'deploy'));await mkdir(join(root,'node_modules/next'));
+  await cp(new URL('deploy_test.sh',projectRoot),join(root,'deploy_test.sh'));
+  await cp(new URL('deploy/up_next_h5.sh',projectRoot),join(root,'deploy/up_next_h5.sh'));
+  for(const name of ['npm','ssh','scp']) {
+    const code=`const fs=require('node:fs'),args=process.argv.slice(2);fs.appendFileSync(process.env.MARKER,JSON.stringify({command:${JSON.stringify(name)},args,testEnvironment:process.env.TEST_APP_ENV})+'\\n');`+
+      (name==='npm'?`if(args.join(' ')==='run bundle:test'){const r=require('node:child_process').spawnSync(process.execPath,['scripts/package-standalone.mjs','test'],{stdio:'inherit'});process.exit(r.status??1);}`:
+       name==='scp'?`process.exit(Number(process.env.SCP_EXIT||0));`:
+       `if(args.at(-1).includes('bash run.sh'))process.exit(Number(process.env.RUN_EXIT||0));`);
+    await writeFile(join(bin,name),'#!'+process.execPath+'\n'+code+'\n',{mode:0o755});
+  }
+  const archive='fixture_test.tar.gz';
+  const env={...process.env,PATH:bin+':'+process.env.PATH,MARKER:marker,DEPLOY_DRY_RUN:'0',DEPLOY_HOST:'fixture-host',DEPLOY_DIR:'/srv/fixture',DEPLOY_SSH_PORT:'2202',DEPLOY_PACKAGE_NAME:archive,DEPLOY_CHECK_URL:'',SCP_EXIT:'0',RUN_EXIT:'0'};
+  delete env.DEPLOY_RUN_DIR;
+  const run=(options={},args=[])=>spawnSync('bash',['deploy_test.sh',...args],{cwd:root,encoding:'utf8',env:{...env,...options}});
+  const commands=async()=>(await readFile(marker,'utf8')).trim().split('\n').filter(Boolean).map(line=>JSON.parse(line));
+  // Server directories are operator configuration. Compare actual execution with
+  // the script's advertised default rather than pinning a historical path.
+  const defaultRunDirectory=()=>{
+    const help=run({},['--help']);assert.equal(help.status,0,help.stderr);
+    const configured=help.stdout.match(/DEPLOY_RUN_DIR（([^）]+)）/);
+    assert.ok(configured,help.stdout);return configured[1];
+  };
+  const runDirectory=defaultRunDirectory();
+  const result=run();
+  assert.equal(result.status,0,result.stdout+result.stderr);
+  const calls=await commands();
+  const npm=calls.filter(call=>call.command==='npm');assert.deepEqual(npm.map(call=>call.args),[['run','build:test'],['test'],['run','bundle:test']]);assert.equal(npm[1].testEnvironment,'test');
+  assert.deepEqual(calls.filter(call=>call.command==='scp').map(call=>call.args),[['-P','2202',archive,archive+'.sha256','deploy/up_next_h5.sh','fixture-host:/srv/fixture/']]);
+  assert.deepEqual(calls.filter(call=>call.command==='ssh').map(call=>call.args),[['-p','2202','fixture-host',"mkdir -p '/srv/fixture'"],['-p','2202','fixture-host',`cd '${runDirectory}' && bash run.sh`]]);
+  assert.deepEqual(calls.map(call=>call.command),['npm','npm','npm','ssh','scp','ssh']);
+  assert.match(result.stdout,/测试服 run\.sh 执行完成/);
+  const bytes=await readFile(join(root,archive));assert.equal(bytes.subarray(0,2).toString('hex'),'1f8b');
+  assert.equal(await readFile(join(root,archive+'.sha256'),'utf8'),createHash('sha256').update(bytes).digest('hex')+'  '+archive+'\n');
+  assert.equal(await readFile(join(root,archive.replace(/\.tar\.gz$/,'.md5')),'utf8'),createHash('md5').update(bytes).digest('hex')+'\n');
+  const contents=spawnSync('tar',['-tzf',join(root,archive)],{encoding:'utf8'});assert.equal(contents.status,0,contents.stderr);
+  assert.match(contents.stdout,/\.next-test\/BUILD_ID/);assert.match(contents.stdout,/config\/test\.env/);
+  assert.doesNotMatch(contents.stdout,/node_modules|\.local\.env|\/cache\//);
+  for(const [name,options,args,status] of [
+    ['custom-run-directory',{DEPLOY_RUN_DIR:'/srv/custom-run'},[],0],
+    ['upload-failed',{SCP_EXIT:'23'},[],23],
+    ['run-failed',{RUN_EXIT:'42'},[],42],
+    ['package-only',{},['--package-only'],0],
+  ])await t.test(name,async()=>{
+    await writeFile(marker,'');const result=run(options,args);assert.equal(result.status,status,result.stdout+result.stderr);
+    const calls=await commands(),ssh=calls.filter(call=>call.command==='ssh');
+    if(name==='package-only')assert.ok(!calls.some(call=>['ssh','scp'].includes(call.command)));
+    else if(name==='upload-failed'){
+      assert.equal(ssh.length,1);assert.doesNotMatch(ssh[0].args.at(-1),/run\.sh/);assert.doesNotMatch(result.stdout,/上传完成|执行完成/);
+    }else{
+      assert.equal(ssh.length,2);assert.equal(calls.at(-1).command,'ssh');
+      assert.equal(ssh[1].args.at(-1),`cd '${options.DEPLOY_RUN_DIR||runDirectory}' && bash run.sh`);
+      if(name==='run-failed')assert.doesNotMatch(result.stdout,/执行完成/);
+    }
+  });
+  await t.test('changing the configured default directory does not require updating path assertions',async()=>{
+    const script=join(root,'deploy_test.sh'),original=await readFile(script,'utf8');
+    const changed=original.replace(/^RUN_DIR=.*$/m,'RUN_DIR="${DEPLOY_RUN_DIR:-/srv/operator-default}"');
+    assert.notEqual(changed,original);
+    try{
+      await writeFile(script,changed);await writeFile(marker,'');
+      const directory=defaultRunDirectory();assert.equal(directory,'/srv/operator-default');
+      const result=run();assert.equal(result.status,0,result.stdout+result.stderr);
+      const calls=await commands();assert.equal(calls.at(-1).command,'ssh');
+      assert.equal(calls.at(-1).args.at(-1),`cd '${directory}' && bash run.sh`);
+    }finally{await writeFile(script,original);}
+  });
+});
+
+test('production uploads before running the exact allowed SSH command, and stops on failure',async t=>{
+  const {root}=await fixture(t),bin=join(root,'bin'),marker=join(root,'production-commands.jsonl');
+  await mkdir(bin);await mkdir(join(root,'node_modules/next'));
+  await cp(new URL('deploy_prod.sh',projectRoot),join(root,'deploy_prod.sh'));
+  for(const name of ['npm','ssh','scp']){
+    const code=`const fs=require('node:fs'),args=process.argv.slice(2);fs.appendFileSync(process.env.MARKER,JSON.stringify({command:${JSON.stringify(name)},args})+'\\n');`+
+      (name==='npm'?`if(args.join(' ')==='run bundle'){const result=require('node:child_process').spawnSync(process.execPath,['scripts/package-standalone.mjs','production'],{stdio:'inherit'});process.exit(result.status??1);}if(args[1]==='bundle:linux'){const destination='dist/production-linux-x64-glibc';fs.rmSync(destination,{recursive:true,force:true});fs.cpSync('dist/production',destination,{recursive:true});fs.writeFileSync(destination+'/runtime-target.json',JSON.stringify({platform:'linux',arch:'x64',libc:'glibc'}));}`:
+       name==='scp'?`process.exit(Number(process.env.SCP_EXIT||0));`:
+       `if(args.at(-1)!==process.env.ALLOWED_REMOTE_COMMAND){console.error('权限不足');process.exit(1);}process.stdout.write(process.env.RUN_OUTPUT||'');process.exit(Number(process.env.RUN_EXIT||0));`);
+    await writeFile(join(bin,name),'#!'+process.execPath+'\n'+code+'\n',{mode:0o755});
+  }
+  const archive='fixture_production.tar.gz';
+  const env={...process.env,PATH:bin+':'+process.env.PATH,MARKER:marker,DEPLOY_DRY_RUN:'0',DEPLOY_JUMP_HOST:'fixture-host',DEPLOY_JUMP_DIR:'/srv/production/',DEPLOY_SCP_PORT:'2203',DEPLOY_SSH_PORT:'2202',DEPLOY_TARGET_ARCH:'x64',DEPLOY_TARGET_LIBC:'glibc',DEPLOY_PACKAGE_NAME:archive,ALLOWED_REMOTE_COMMAND:'cd /srv/production && bash rsupdate.sh',SCP_EXIT:'0',RUN_EXIT:'0',RUN_OUTPUT:''};
+  const run=(options={},args=[])=>spawnSync('bash',['deploy_prod.sh',...args],{cwd:root,encoding:'utf8',env:{...env,...options}});
+  const commands=async()=>(await readFile(marker,'utf8')).trim().split('\n').filter(Boolean).map(line=>JSON.parse(line));
+  const result=run();assert.equal(result.status,0,result.stdout+result.stderr);
+  const calls=await commands();
+  assert.deepEqual(calls.map(call=>call.command),['npm','npm','npm','scp','ssh']);
+  assert.deepEqual(calls.filter(call=>call.command==='npm').map(call=>call.args),[['run','check'],['run','bundle'],['run','bundle:linux','--','x64','glibc']]);
+  assert.deepEqual(calls.find(call=>call.command==='scp').args,['-P','2203',archive,'fixture_production.md5','fixture-host:/srv/production/']);
+  assert.deepEqual(calls.find(call=>call.command==='ssh').args,['-p','2202','fixture-host',env.ALLOWED_REMOTE_COMMAND]);
+  assert.match(result.stdout,/正式服 rsupdate\.sh 执行完成/);
+  assert.equal(await readFile(join(root,'fixture_production.md5'),'utf8'),createHash('md5').update(await readFile(join(root,archive))).digest('hex')+'\n');
+  for(const [name,options,args,status] of [
+    ['upload-failed',{SCP_EXIT:'23'},[],23],
+    ['remote-failed',{RUN_EXIT:'42'},[],1],
+    ['restricted-ssh-denied',{ALLOWED_REMOTE_COMMAND:'a different command'},[],1],
+    ['remote-error-output',{RUN_OUTPUT:'FATAL: service did not start\n'},[],1],
+    ['remote-curl-401',{RUN_OUTPUT:'curl: (22) The requested URL returned error: 401\n发布成功\n'},[],1],
+    ['custom-directory',{DEPLOY_JUMP_DIR:'/srv/custom-production/',ALLOWED_REMOTE_COMMAND:'cd /srv/custom-production && bash rsupdate.sh'},[],0],
+    ['package-only',{},['--package-only'],0],
+  ])await t.test(name,async()=>{
+    await writeFile(marker,'');const result=run(options,args);assert.equal(result.status,status,result.stdout+result.stderr);
+    const calls=await commands();
+    if(name==='package-only')assert.ok(!calls.some(call=>['scp','ssh'].includes(call.command)));
+    else if(name==='upload-failed')assert.ok(!calls.some(call=>call.command==='ssh'));
+    else assert.equal(calls.at(-1).command,'ssh');
+    if(name==='restricted-ssh-denied')assert.match(result.stdout,/权限不足/);
+    if(name==='custom-directory'){
+      assert.equal(calls.at(-1).args.at(-1),options.ALLOWED_REMOTE_COMMAND);
+      assert.equal(calls.find(call=>call.command==='scp').args.at(-1),'fixture-host:/srv/custom-production/');
+      const preview=run(options,['--dry-run']);assert.equal(preview.status,0,preview.stderr);
+      assert.ok(preview.stdout.includes('"'+options.ALLOWED_REMOTE_COMMAND+'"'),preview.stdout);
+    }
+    if(status)assert.doesNotMatch(result.stdout,/执行完成/);
+  });
+});
+
+test('tar.gz server updates reject invalid archives before stopping services and roll back unhealthy replacements',async t=>{
+  for(const scenario of ['checksum','archive','link','traversal','install','health','success','custom-name'])await t.test(scenario,async t=>{
+    const root=await mkdtemp(join(tmpdir(),'91-server-update-'));t.after(()=>rm(root,{recursive:true,force:true}));
+    const bin=join(root,'bin'),upload=join(root,'package');await mkdir(bin);await mkdir(upload);
+    async function put(base,path,text='fixture') {await mkdir(join(base,path,'..'),{recursive:true});await writeFile(join(base,path),text);}
+    await cp(new URL('deploy/up_next_h5.sh',projectRoot),join(root,'up_next_h5.sh'));
+    await put(root,'next/version','previous');await put(root,'next/config/test.local.env','PORT=21022\n');
+    await put(root,'next/.next-test/cache/seo/keep.json','previous public SEO');
+    for(const file of ['start.mjs','server.js','.next-test/BUILD_ID','.next-test/static/app.js','public/logo.svg','package-lock.json'])await put(upload,file);
+    await put(upload,'package.json','{}');await put(upload,'version','replacement');
+    await put(upload,'config/test.env','API_BASE_URL=https://fixture.test\nPORT=21021\n');
+    await cp(new URL('scripts/next-env.mjs',projectRoot),join(upload,'scripts/next-env.mjs'));
+    await put(upload,'scripts/check-health.mjs','process.exit(Number(process.env.HEALTH_EXIT||0));');
+    const packageName=scenario==='custom-name'?'custom_release.tar.gz':'web_91dj_h5.tar.gz';
+    if(scenario==='link')await symlink(join(root,'untouched'),join(upload,'public/unsafe-link'));
+    const packed=spawnSync('tar',['--no-xattrs','-czf',join(root,packageName),'-C',upload,'.'],{encoding:'utf8',env:{...process.env,COPYFILE_DISABLE:'1'}});assert.equal(packed.status,0,packed.stderr);
+    if(scenario==='archive')await writeFile(join(root,packageName),'not a gzip archive');
+    if(scenario==='traversal') {
+      const header=Buffer.alloc(512);
+      for(const [offset,value]of [[0,'../escaped-file'],[100,'0000644\0'],[108,'0000000\0'],[116,'0000000\0'],[124,'00000000000\0'],[136,'00000000000\0'],[257,'ustar\0'],[263,'00']])header.write(value,offset);
+      header.fill(32,148,156);header[156]=48;
+      header.write([...header].reduce((total,byte)=>total+byte,0).toString(8).padStart(6,'0')+'\0 ',148);
+      await writeFile(join(root,packageName),gzipSync(Buffer.concat([header,Buffer.alloc(1024)])));
+    }
+    const hash=createHash('sha256').update(await readFile(join(root,packageName))).digest('hex');
+    await writeFile(join(root,packageName+'.sha256'),(scenario==='checksum'?'0'.repeat(64):hash)+'  '+packageName+'\n');
+    const stubs={
+      npm:`const fs=require('node:fs');fs.appendFileSync(process.env.MARKER,'npm\\n');if(process.env.INSTALL_FAIL==='1')process.exit(1);fs.mkdirSync('node_modules',{recursive:true});fs.cpSync(process.env.DOTENV_SOURCE,'node_modules/dotenv',{recursive:true});`,
+      supervisorctl:`const fs=require('node:fs');fs.appendFileSync(process.env.MARKER,process.argv.slice(2).join(' ')+'\\n');if(process.argv[2]==='status')console.log('91dj_next_h5 RUNNING pid 100');`,
+      sha256sum:`const fs=require('node:fs'),crypto=require('node:crypto');const expected=fs.readFileSync(process.argv[3],'utf8').split(/\\s/)[0],actual=crypto.createHash('sha256').update(fs.readFileSync(process.argv[3].replace(/\\.sha256$/,''))).digest('hex');process.exit(expected===actual?0:1);`,
+    };
+    for(const [name,code]of Object.entries(stubs))await writeFile(join(bin,name),'#!'+process.execPath+'\n'+code+'\n',{mode:0o755});
+    const marker=join(root,'commands');
+    // The fake Supervisor has its own service; caller deployment overrides must not select a real service here.
+    const result=spawnSync('bash',[join(root,'up_next_h5.sh')],{encoding:'utf8',env:{...process.env,DEPLOY_PROGRAM:'91dj_next_h5',DEPLOY_PACKAGE_NAME:packageName,PATH:bin+':'+process.env.PATH,MARKER:marker,DOTENV_SOURCE:new URL('node_modules/dotenv',projectRoot).pathname,INSTALL_FAIL:scenario==='install'?'1':'0',HEALTH_EXIT:scenario==='health'?'1':'0'}});
+    const commands=await readFile(marker,'utf8');
+    if(['success','custom-name'].includes(scenario)) {
+      assert.equal(result.status,0,result.stderr);assert.equal(await readFile(join(root,'next/version'),'utf8'),'replacement');
+      assert.equal(await readFile(join(root,'next/config/test.local.env'),'utf8'),'PORT=21022\n');
+      assert.equal(await readFile(join(root,'next/.next-test/cache/seo/keep.json'),'utf8'),'previous public SEO');
+    }else {
+      assert.notEqual(result.status,0);assert.equal(await readFile(join(root,'next/version'),'utf8'),'previous');
+      if(scenario==='health')assert.equal(commands.match(/start 91dj_next_h5/g)?.length,2,commands);
+      else assert.doesNotMatch(commands,/stop |start /);
+      if(['checksum','archive','link','traversal'].includes(scenario))assert.doesNotMatch(commands,/npm/);
+      if(scenario==='archive')assert.match(result.stderr,/tar.gz 压缩包损坏/);
+      if(scenario==='link')assert.match(result.stderr,/不允许链接/);
+      if(scenario==='traversal')assert.match(result.stderr,/非法 tar.gz 路径/);
+    }
+    await assert.rejects(stat(join(root,'escaped-file')),{code:'ENOENT'});
+    await assert.rejects(stat(join(root,'.91dj_next_h5.lock')),{code:'ENOENT'});
+  });
+});
diff --git a/tests/detail.test.mjs b/tests/detail.test.mjs
new file mode 100644
index 0000000..7c2adeb
--- /dev/null
+++ b/tests/detail.test.mjs
@@ -0,0 +1,60 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(file,replace=code=>code){
+  const filename=new URL(file,import.meta.url);
+  const {outputText}=ts.transpileModule(await readFile(filename,'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(replace(outputText).replace(/(['"])\.\.\/routing\1/g,JSON.stringify(routingModuleUrl))+'\n//# sourceURL='+filename.pathname).toString('base64');
+}
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const renderUrl=await moduleUrl('../src/lib/client/render.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)));
+const detailUrl=await moduleUrl('../src/lib/client/detail.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)).replace('"./render"',JSON.stringify(renderUrl)));
+const {overviewMarkup,officialLinks,bindSeriesDescription,detailActionIcon}=await import(detailUrl);
+
+test('overview retains API data, encrypted image loading and real chapter links in the original layout',()=>{
+  const html=overviewMarkup({id:23456,title:'剧名 <script>',coverImg:'https://cdn.example/encrypted.webp',description:'真实简介 <img onerror=alert(1)>',themeNames:['古装','爱情'],isNew:true,countCollect:23000,countLike:100,heatValue:999},{id:90042,currentEpisode:1},'<div class="play-detail-actions">actions</div>');
+  assert.ok(html.includes('剧名 &lt;script&gt;'));assert.ok(!html.includes('<script>'));
+  assert.ok(html.includes('真实简介 &lt;img onerror=alert(1)&gt;'));assert.ok(html.includes('古装 · 爱情'));
+  assert.ok(html.includes('data-src="https://cdn.example/encrypted.webp"'));assert.ok(!/\ssrc="https:\/\/cdn\.example/.test(html));
+  assert.ok(html.includes('href="/play/23456/90042/"'));assert.ok(html.includes('series-badge--new'));
+  assert.ok(html.includes('<div class="series-action-bar"><div class="series-actions">'));
+  assert.ok(html.includes('aria-controls="series-description-text"'));assert.ok(html.includes('data-app-download-entry'));
+  assert.ok(!overviewMarkup({id:7,title:'无章节'},undefined,'').includes('href="/play/'));
+});
+
+test('official links use configured safe URLs and retain the original feedback entrance',()=>{
+  const html=officialLinks({config:{newUrlAddr:'https://entry.example',foreverUrlAddr:'https://permanent.example',tgGroup:'https://t.me/example',telegram:'https://contact.example'}});
+  for(const url of ['https://entry.example/','https://permanent.example/','https://t.me/example','https://contact.example/'])assert.ok(html.includes(`href="${url}"`));
+  const fallback=officialLinks({config:{newUrlAddr:'javascript:alert(1)',tgGroup:'javascript:alert(1)'},navPageList:[{line:1,url:'https://backup.example'}]});
+  assert.ok(fallback.includes('href="https://backup.example/"'));assert.ok(fallback.includes('href="/info/feedback/"'));assert.ok(!fallback.includes('javascript:'));
+  assert.ok(!fallback.includes('huangguo.me'));assert.ok(!fallback.includes('huangguo.tv'));
+});
+
+test('original action SVGs remain accessible and inherit the active colors',()=>{
+  for(const kind of ['like','save','share','feedback']){
+    const html=detailActionIcon(kind);assert.match(html,/<svg class="play-action-icon"/);assert.match(html,/aria-hidden="true"/);assert.ok(html.includes('<path d="'));
+  }
+});
+
+test('description expands only when overflowing three lines and resets when the layout becomes wider',()=>{
+  const originals={getComputedStyle:globalThis.getComputedStyle,ResizeObserver:globalThis.ResizeObserver};
+  let update,disconnects=0;
+  const classes=new Set(),attributes=new Map();
+  const text={clientWidth:200,scrollHeight:160,classList:{remove:key=>classes.delete(key),toggle:(key,on)=>on?classes.add(key):classes.delete(key)}};
+  const toggle=new EventTarget();toggle.hidden=true;toggle.textContent='展开';toggle.getAttribute=key=>attributes.get(key);toggle.setAttribute=(key,value)=>attributes.set(key,value);
+  const root={querySelector:selector=>selector==='#series-description-text'?text:toggle};
+  const controller=new AbortController();
+  globalThis.getComputedStyle=()=>({lineHeight:'24px'});
+  globalThis.ResizeObserver=class {constructor(callback){update=callback;}observe(){}disconnect(){disconnects++;}};
+  try{
+    bindSeriesDescription(root,controller.signal);assert.equal(toggle.hidden,false);
+    toggle.dispatchEvent(new Event('click'));assert.equal(classes.has('is-expanded'),true);assert.equal(toggle.textContent,'收起');
+    toggle.dispatchEvent(new Event('click'));assert.equal(classes.has('is-expanded'),false);assert.equal(toggle.textContent,'展开');
+    text.scrollHeight=60;update();assert.equal(toggle.hidden,true);assert.equal(attributes.get('aria-expanded'),'false');
+    text.scrollHeight=160;update();assert.equal(toggle.hidden,false);
+    controller.abort();assert.equal(disconnects,1);toggle.dispatchEvent(new Event('click'));assert.equal(classes.has('is-expanded'),false);
+  }finally{for(const [key,value] of Object.entries(originals)){if(value===undefined)delete globalThis[key];else globalThis[key]=value;}}
+});
diff --git a/tests/download.test.mjs b/tests/download.test.mjs
new file mode 100644
index 0000000..e5df436
--- /dev/null
+++ b/tests/download.test.mjs
@@ -0,0 +1,58 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(path,transform=code=>code){
+  const source=await readFile(new URL(path,import.meta.url),'utf8');
+  const {outputText}=ts.transpileModule(source,{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(transform(outputText)).toString('base64');
+}
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const appDownloadUrl=await moduleUrl('../src/lib/app-download.ts',code=>code.replace(/from ['"]\.\/api\/protocol['"]/,`from '${protocolUrl}'`));
+const {downloadUrl}=await import(appDownloadUrl);
+const clientUrl=await moduleUrl('../src/lib/client/download.ts',code=>code.replace(/from ['"]\.\.\/app-download['"]/,`from '${appDownloadUrl}'`));
+const {configureDownloadLinks,shouldUseDownloadDialog}=await import(clientUrl);
+const click={defaultPrevented:false,button:0,metaKey:false,ctrlKey:false,shiftKey:false,altKey:false};
+
+test('download configuration selects the first valid HTTP URL and rejects empty or unsafe values',()=>{
+  assert.equal(downloadUrl({}),'');
+  assert.equal(downloadUrl({config:{appAddr:''}}),'');
+  assert.equal(downloadUrl({config:{officialAppAddr:'javascript:alert(1)',appAddr:'https://example.com/app.apk'}}),'https://example.com/app.apk');
+  assert.equal(downloadUrl({config:{appAddr:'  '},newAddressInfo:{appAddr:'https://example.com/fallback.apk'}}),'https://example.com/fallback.apk');
+  assert.equal(downloadUrl({config:{officialAppAddr:'https://example.com/official',appAddr:'https://example.com/other'}}),'https://example.com/official');
+  for(const value of ['javascript:alert(1)','data:text/plain,app','ftp://example.com/app','https://user:password@example.com/app']){
+    assert.equal(downloadUrl({config:{appAddr:value}}),'');
+  }
+});
+
+test('all download entries stay hidden until configured and are hidden again if configuration is removed',()=>{
+  const entries=Array.from({length:4},()=>({hidden:true}));
+  const links=Array.from({length:4},()=>({href:undefined,removeAttribute(name){if(name==='href')this.href=undefined;}}));
+  const root={querySelectorAll:selector=>selector==='[data-app-download-entry]'?entries:links};
+  configureDownloadLinks({},root);assert.ok(entries.every(entry=>entry.hidden));assert.ok(links.every(link=>link.href===undefined));
+  configureDownloadLinks({config:{appAddr:'https://example.com/app.apk'}},root);
+  assert.ok(entries.every(entry=>!entry.hidden));assert.ok(links.every(link=>link.href==='https://example.com/app.apk'));
+  const dynamicEntry={hidden:true},dynamicLink={href:undefined,removeAttribute(name){if(name==='href')this.href=undefined;}};
+  entries.push(dynamicEntry);links.push(dynamicLink);
+  configureDownloadLinks({config:{appAddr:'https://example.com/new.apk'}},root);
+  assert.equal(dynamicEntry.hidden,false);assert.equal(dynamicLink.href,'https://example.com/new.apk');
+  configureDownloadLinks({},root);assert.ok(entries.every(entry=>entry.hidden));assert.ok(links.every(link=>link.href===undefined));
+});
+
+test('desktop downloads use the link directly regardless of touch support',()=>{
+  for(const agent of ['Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7)','Mozilla/5.0 (Windows NT 10.0; Win64; x64)','Mozilla/5.0 (X11; Linux x86_64)']){
+    assert.equal(shouldUseDownloadDialog(click,agent,0),false);
+  }
+  assert.equal(shouldUseDownloadDialog(click,'Mozilla/5.0 (Windows NT 10.0; Win64; x64)',5),false);
+  assert.equal(click.defaultPrevented,false);
+});
+
+test('mobile click dialogs preserve modified clicks and other native browser actions',()=>{
+  const phone='Mozilla/5.0 (iPhone; CPU iPhone OS 18_0 like Mac OS X) Mobile';
+  assert.equal(shouldUseDownloadDialog(click,phone,5),true);
+  assert.equal(shouldUseDownloadDialog(click,'Mozilla/5.0 (Linux; Android 14)',5),true);
+  assert.equal(shouldUseDownloadDialog(click,'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7)',5),true);
+  for(const key of ['defaultPrevented','metaKey','ctrlKey','shiftKey','altKey'])assert.equal(shouldUseDownloadDialog({...click,[key]:true},phone,5),false);
+  assert.equal(shouldUseDownloadDialog({...click,button:1},phone,5),false);
+});
diff --git a/tests/environment.test.mjs b/tests/environment.test.mjs
new file mode 100644
index 0000000..e4abc48
--- /dev/null
+++ b/tests/environment.test.mjs
@@ -0,0 +1,111 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {mkdtemp,mkdir,writeFile,readFile,realpath,rm} from 'node:fs/promises';
+import {tmpdir} from 'node:os';
+import {join} from 'node:path';
+import {spawnSync} from 'node:child_process';
+import ts from 'typescript';
+import vm from 'node:vm';
+import {nextCommand,runNext} from '../scripts/next-env.mjs';
+
+async function fixture(t){
+  const root=await mkdtemp(join(tmpdir(),'91-environments-'));t.after(()=>rm(root,{recursive:true,force:true}));
+  await mkdir(join(root,'config'));
+  for(const environment of ['development','test','production'])await writeFile(join(root,'config',environment+'.env'),`API_BASE_URL=https://${environment}.api.test\nPORT=21021\nNEXT_PUBLIC_TRACKER_APP_ID=1047\n`);
+  return root;
+}
+
+test('environment defaults, personal overrides and process values use the reference precedence without changing NODE_ENV semantics',async t=>{
+  const root=await fixture(t);
+  await writeFile(join(root,'config/test.local.env'),'API_BASE_URL=https://override.api.test\nPORT=21022\nLOCAL_MARKER=yes\n');
+  const base=nextCommand('test','dev',[],{root,variables:{}});
+  assert.equal(base.env.API_BASE_URL,'https://override.api.test');assert.equal(base.env.PORT,'21022');assert.equal(base.env.LOCAL_MARKER,'yes');
+  assert.equal(base.env.APP_ENV,'test');assert.equal(base.env.NODE_ENV,'development');assert.equal(base.env.APP_DIST_DIR,'.next-test');
+  const processOverride=nextCommand('test','start',[],{root,variables:{API_BASE_URL:'https://process.api.test/',PORT:'31021',APP_ENV:'production',NODE_ENV:'test',APP_DIST_DIR:'outside'}});
+  assert.equal(processOverride.env.API_BASE_URL,'https://process.api.test');assert.equal(processOverride.env.PORT,'31021');
+  assert.equal(processOverride.env.APP_ENV,'test');assert.equal(processOverride.env.NODE_ENV,'production');assert.equal(processOverride.env.APP_DIST_DIR,'.next-test');
+});
+
+test('development supports legacy .env.local while test and production isolate local overrides',async t=>{
+  const root=await fixture(t);
+  await writeFile(join(root,'.env.local'),'API_BASE_URL=https://legacy.api.test\nLEGACY_MARKER=dev-only\n');
+  await writeFile(join(root,'config/development.local.env'),'API_BASE_URL=https://development-local.api.test\n');
+  const dev=nextCommand('development','dev',[],{root,variables:{}});
+  assert.equal(dev.env.API_BASE_URL,'https://development-local.api.test');assert.equal(dev.env.LEGACY_MARKER,'dev-only');
+  for(const environment of ['test','production']){
+    const result=nextCommand(environment,'build',[],{root,variables:{}});
+    assert.equal(result.env.API_BASE_URL,`https://${environment}.api.test`);assert.equal(result.env.LEGACY_MARKER,undefined);
+  }
+});
+
+test('UPSTREAM_API_URL follows profile, local and process precedence while preserving legacy process overrides',async t=>{
+  const root=await fixture(t);
+  await writeFile(join(root,'config/test.env'),'UPSTREAM_API_URL=http://127.0.0.1:21111\nPORT=21021\n');
+  await writeFile(join(root,'config/test.local.env'),'UPSTREAM_API_URL=http://127.0.0.1:21112/\n');
+  let result=nextCommand('test','start',[],{root,variables:{}});
+  assert.equal(result.env.UPSTREAM_API_URL,'http://127.0.0.1:21112');assert.equal(result.env.API_BASE_URL,result.env.UPSTREAM_API_URL);
+  result=nextCommand('test','start',[],{root,variables:{UPSTREAM_API_URL:'https://primary.api.test/',API_BASE_URL:'https://ignored.api.test'}});
+  assert.equal(result.env.UPSTREAM_API_URL,'https://primary.api.test');assert.equal(result.env.API_BASE_URL,result.env.UPSTREAM_API_URL);
+  result=nextCommand('test','start',[],{root,variables:{API_BASE_URL:'https://legacy-process.api.test'}});
+  assert.equal(result.env.UPSTREAM_API_URL,'https://legacy-process.api.test');
+  for(const UPSTREAM_API_URL of ['', 'javascript:bad', 'https://user:password@api.test', 'https://api.test/?query=1', 'https://api.test/#fragment']){
+    assert.throws(()=>nextCommand('test','start',[],{root,variables:{UPSTREAM_API_URL}}),/UPSTREAM_API_URL/);
+  }
+});
+
+test('each environment selects its own build directory and supports port/hostname command overrides',async t=>{
+  const root=await fixture(t);
+  for(const [environment,directory] of [['development','.next-dev'],['test','.next-test'],['production','.next']]){
+    for(const command of ['dev','build','start']){
+      const result=nextCommand(environment,command,[],{root,variables:{}});
+      assert.equal(result.env.APP_DIST_DIR,directory);assert.equal(result.cwd,root);
+      assert.equal(result.env.NODE_ENV,command==='dev'?'development':'production');
+      if(command==='build')assert.deepEqual(result.args.slice(1),['build']);
+      else assert.deepEqual(result.args.slice(2),['--hostname','0.0.0.0','--port','21021']);
+    }
+  }
+  const explicit=nextCommand('test','dev',['--port','31022','--hostname=127.0.0.1','--webpack'],{root,variables:{}});
+  assert.deepEqual(explicit.args.slice(1),['dev','--port','31022','--hostname=127.0.0.1','--webpack']);
+});
+
+test('current-domain profiles preserve runtime resolution instead of requiring a build-time URL',async t=>{
+  const root=await fixture(t);
+  for(const environment of ['test','production']){
+    await writeFile(join(root,'config',environment+'.env'),'UPSTREAM_API_URL=current\nPORT=21021\n');
+    for(const command of ['dev','build','start']){
+      const result=nextCommand(environment,command,[],{root,variables:{}});
+      assert.equal(result.env.UPSTREAM_API_URL,'current');assert.equal(result.env.API_BASE_URL,'current');
+    }
+    const override=nextCommand(environment,'start',[],{root,variables:{UPSTREAM_API_URL:'http://127.0.0.1:21111'}});
+    assert.equal(override.env.UPSTREAM_API_URL,'http://127.0.0.1:21111');
+  }
+});
+
+test('invalid environment, command, API or port fails before a child process is started',async t=>{
+  const root=await fixture(t);
+  for(const [environment,command] of [['staging','dev'],['../test','dev'],['development','deploy']])assert.throws(()=>nextCommand(environment,command,[],{root,variables:{}}),/Usage:/);
+  for(const API_BASE_URL of ['', 'javascript:bad', 'https://name:password@api.test','https://api.test/#fragment'])assert.throws(()=>nextCommand('test','dev',[],{root,variables:{API_BASE_URL}}),/API_BASE_URL/);
+  for(const PORT of ['0','65536','not-a-port','-1'])assert.throws(()=>nextCommand('test','dev',[],{root,variables:{PORT}}),/PORT/);
+  await rm(join(root,'config/test.env'));assert.throws(()=>nextCommand('test','dev',[],{root,variables:{}}),/缺少环境配置/);
+});
+
+test('real child execution receives the selected environment, preserves args and propagates its exit status',async t=>{
+  const root=await fixture(t),bin=join(root,'node_modules/next/dist/bin');await mkdir(bin,{recursive:true});
+  const output=join(root,'captured.json');
+  await writeFile(join(bin,'next'),`require('node:fs').writeFileSync(process.env.CAPTURE,JSON.stringify({app:process.env.APP_ENV,node:process.env.NODE_ENV,api:process.env.API_BASE_URL,args:process.argv.slice(2),cwd:process.cwd()}));process.exit(7);`);
+  assert.equal(await runNext('test','start',['--port','31021'],{root,variables:{CAPTURE:output}}),7);
+  const saved=JSON.parse(await readFile(output,'utf8'));
+  assert.deepEqual(saved,{app:'test',node:'production',api:'https://test.api.test',args:['start','--hostname','0.0.0.0','--port','31021'],cwd:await realpath(root)});
+});
+
+test('project profiles and Next configuration keep the requested API and port with distinct artifacts',async()=>{
+  const source=ts.transpileModule(await readFile(new URL('../next.config.ts',import.meta.url),'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.CommonJS}}).outputText;
+  for(const [environment,directory] of [['development','.next-dev'],['test','.next-test'],['production','.next']]){
+    const command=nextCommand(environment,'build',[],{variables:{}}),exports={};
+    vm.runInNewContext(source,{exports,process:{env:command.env,cwd:()=>process.cwd()}});
+    assert.equal(exports.default.distDir,directory);assert.equal(command.env.UPSTREAM_API_URL,environment==='production'?'http://172.104.56.28:26125':'http://172.104.181.99:21022');assert.equal(command.env.API_BASE_URL,command.env.UPSTREAM_API_URL);assert.equal(command.env.PORT,'21021');assert.equal(command.env.NEXT_PUBLIC_TRACKER_APP_ID,'1047');
+    const ignored=spawnSync('git',['check-ignore','--no-index',`config/${environment}.local.env`],{encoding:'utf8'});assert.equal(ignored.status,0);
+  }
+  const pkg=JSON.parse(await readFile(new URL('../package.json',import.meta.url),'utf8'));
+  for(const name of ['dev','dev:test','build','build:dev','build:test','start','start:dev','start:test'])assert.match(pkg.scripts[name],/next-env\.mjs/);
+});
diff --git a/tests/fixtures/91av-app-contract.json b/tests/fixtures/91av-app-contract.json
new file mode 100644
index 0000000..e0faabf
--- /dev/null
+++ b/tests/fixtures/91av-app-contract.json
@@ -0,0 +1,581 @@
+{
+  "source": "https://91av-wz.80sygtm.com/swagger/doc.json",
+  "reviewed": "2026-10-21",
+  "operations": {
+    "GET applist/list": {
+      "query": [
+        "categoryId"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET auth/getInfo": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST auth/guest": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "channel",
+        "devID",
+        "deviceId",
+        "mac"
+      ],
+      "requiredBody": []
+    },
+    "POST auth/login": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "account",
+        "channel",
+        "devID",
+        "password"
+      ],
+      "requiredBody": [
+        "account",
+        "password"
+      ]
+    },
+    "POST auth/profile": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "avatar",
+        "introduction",
+        "newPassword",
+        "nickName",
+        "oldPassword",
+        "privacyMode"
+      ],
+      "requiredBody": []
+    },
+    "POST auth/register": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "accountNo",
+        "agentInviteCode",
+        "channel",
+        "devID",
+        "email",
+        "password"
+      ],
+      "requiredBody": [
+        "accountNo",
+        "email",
+        "password"
+      ]
+    },
+    "POST auth/resetPassword": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "accountNo",
+        "email",
+        "newPassword"
+      ],
+      "requiredBody": [
+        "accountNo",
+        "email",
+        "newPassword"
+      ]
+    },
+    "POST coin/buy": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "packageId",
+        "payMode"
+      ],
+      "requiredBody": [
+        "packageId",
+        "payMode"
+      ]
+    },
+    "GET coin/orders": {
+      "query": [
+        "page",
+        "pageSize"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET coin/trans/export": {
+      "query": [
+        "type"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET coin/trans/list": {
+      "query": [
+        "page",
+        "pageSize",
+        "type"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST comment/like/set": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "commentId",
+        "isLike"
+      ],
+      "requiredBody": [
+        "commentId",
+        "isLike"
+      ]
+    },
+    "GET comment/list": {
+      "query": [
+        "objectId",
+        "objectType",
+        "pageNum",
+        "pageSize",
+        "sortOrder"
+      ],
+      "requiredQuery": [
+        "objectId",
+        "objectType"
+      ],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST comment/send": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "objectId",
+        "objectType",
+        "parentsId",
+        "replyCommentId",
+        "text"
+      ],
+      "requiredBody": []
+    },
+    "GET config/footer/info": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET config/info": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET config/richtext/list": {
+      "query": [
+        "ids",
+        "titles"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST contactus/add": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "attachments",
+        "content",
+        "email",
+        "title",
+        "type"
+      ],
+      "requiredBody": [
+        "content",
+        "email",
+        "title",
+        "type"
+      ]
+    },
+    "POST feedback/add": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "contact",
+        "content",
+        "screenshots",
+        "type"
+      ],
+      "requiredBody": [
+        "content",
+        "type"
+      ]
+    },
+    "GET navigation/header": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/all/list": {
+      "query": [
+        "pageNum",
+        "pageSize",
+        "sortType"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/bought/list": {
+      "query": [
+        "pageNum",
+        "pageSize"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/chapter/collect/list": {
+      "query": [
+        "pageNum",
+        "pageSize"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST playlet/chapter/collect/set": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "chapterId",
+        "isCollect"
+      ],
+      "requiredBody": [
+        "chapterId",
+        "isCollect"
+      ]
+    },
+    "GET playlet/chapter/detail": {
+      "query": [
+        "chapterId",
+        "playletId",
+        "playletSlug"
+      ],
+      "requiredQuery": [
+        "chapterId"
+      ],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST playlet/chapter/like/set": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "chapterId",
+        "isLike"
+      ],
+      "requiredBody": [
+        "chapterId",
+        "isLike"
+      ]
+    },
+    "GET playlet/chapter/list": {
+      "query": [
+        "playletId",
+        "playletSlug"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST playlet/chapter/unlock": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "chapterId",
+        "playletId"
+      ],
+      "requiredBody": [
+        "chapterId",
+        "playletId"
+      ]
+    },
+    "POST playlet/chapter/watch/report": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "chapterId",
+        "playletId"
+      ],
+      "requiredBody": [
+        "chapterId"
+      ]
+    },
+    "GET playlet/collect/list": {
+      "query": [
+        "pageNum",
+        "pageSize",
+        "watchStatus"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST playlet/collect/set": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "id",
+        "isCollect"
+      ],
+      "requiredBody": [
+        "id",
+        "isCollect"
+      ]
+    },
+    "GET playlet/detail": {
+      "query": [
+        "id",
+        "slug"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST playlet/forward/heat": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "id"
+      ],
+      "requiredBody": [
+        "id"
+      ]
+    },
+    "GET playlet/guess-like/list": {
+      "query": [
+        "pageNum",
+        "pageSize",
+        "playletId"
+      ],
+      "requiredQuery": [
+        "playletId"
+      ],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST playlet/history/clear": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST playlet/history/delete": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "playletId"
+      ],
+      "requiredBody": [
+        "playletId"
+      ]
+    },
+    "GET playlet/history/list": {
+      "query": [
+        "pageNum",
+        "pageSize"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/home": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/hot-like": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/hot/list": {
+      "query": [
+        "excludePlayletId",
+        "pageNum",
+        "pageSize"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/hot/rank/list": {
+      "query": [
+        "pageNum",
+        "pageSize",
+        "rankType"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST playlet/like/set": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "id",
+        "isLike"
+      ],
+      "requiredBody": [
+        "id",
+        "isLike"
+      ]
+    },
+    "GET playlet/search": {
+      "query": [
+        "keyword",
+        "pageNum",
+        "pageSize"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/search/suggest": {
+      "query": [
+        "keyword"
+      ],
+      "requiredQuery": [
+        "keyword"
+      ],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/tag/list": {
+      "query": [
+        "pageNum",
+        "pageSize",
+        "sortType",
+        "tagId",
+        "tagSlug"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/tag/options": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/topic/detail": {
+      "query": [
+        "id",
+        "pageNum",
+        "pageSize"
+      ],
+      "requiredQuery": [
+        "id"
+      ],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/topic/list": {
+      "query": [
+        "pageNum",
+        "pageSize"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET recharge/package/list": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST statcenter/sync": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "job",
+        "maxSize",
+        "platformId",
+        "successTime",
+        "userId"
+      ],
+      "requiredBody": []
+    },
+    "GET theme/list": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET translation/category/list": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST upload/image": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET user/center/data": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET vip/orders": {
+      "query": [
+        "page",
+        "pageSize"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "POST vip/pay": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [
+        "packageId",
+        "payMode"
+      ],
+      "requiredBody": [
+        "packageId",
+        "payMode"
+      ]
+    },
+    "GET /richtext/:id": {
+      "query": [],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": []
+    },
+    "GET playlet/like/list": {
+      "query": [
+        "pageNum",
+        "pageSize"
+      ],
+      "requiredQuery": [],
+      "body": [],
+      "requiredBody": [],
+      "confirmedBy": "用户提供接口，2026-10-24"
+    }
+  }
+}
diff --git a/tests/helpers/routing.mjs b/tests/helpers/routing.mjs
new file mode 100644
index 0000000..b92b9eb
--- /dev/null
+++ b/tests/helpers/routing.mjs
@@ -0,0 +1,5 @@
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+const {outputText}=ts.transpileModule(await readFile(new URL('../../src/lib/routing.ts',import.meta.url),'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+export const routingModuleUrl='data:text/javascript;base64,'+Buffer.from(outputText).toString('base64');
diff --git a/tests/helpers/seo.mjs b/tests/helpers/seo.mjs
new file mode 100644
index 0000000..0519473
--- /dev/null
+++ b/tests/helpers/seo.mjs
@@ -0,0 +1,28 @@
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+const compile=async path=>ts.transpileModule(await readFile(new URL('../../'+path,import.meta.url),'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}}).outputText;
+const moduleUrl=source=>'data:text/javascript;base64,'+Buffer.from(source).toString('base64');
+const routingUrl=moduleUrl(await compile('src/lib/routing.ts'));
+const protocolUrl=moduleUrl(await compile('src/lib/api/protocol.ts'));
+const playbackUrl=moduleUrl((await compile('src/lib/client/playback.ts')).replace("'../api/protocol'",JSON.stringify(protocolUrl)));
+export const structuredUrl=moduleUrl((await compile('src/lib/structured-data.ts')).replace("'./routing'",JSON.stringify(routingUrl)));
+export const structuredData=await import(structuredUrl);
+export const seoUrl=moduleUrl((await compile('src/lib/seo.ts')).replace("'./routing'",JSON.stringify(routingUrl)).replace("'./structured-data'",JSON.stringify(structuredUrl)).replace("'./client/playback'",JSON.stringify(playbackUrl)));
+export const seo=await import(seoUrl);
+export const clientSeo=await import(moduleUrl((await compile('src/lib/client/seo.ts')).replace("'../structured-data'",JSON.stringify(structuredUrl))));
+
+export function headDocument(){
+  const nodes=[];
+  const doc={title:'',head:{
+    querySelectorAll(selector){
+      const match=selector.match(/^(meta|link|script)\[([\w-]+)(?:="([^"]+)")?\]$/);
+      return match?nodes.filter(node=>node.tagName===match[1]&&(match[3]===undefined?Object.hasOwn(node.attributes,match[2]):node.attributes[match[2]]===match[3])):[];
+    },
+    appendChild(node){nodes.push(node);},
+  },createElement(tagName){return {tagName,attributes:{},setAttribute(name,value){this.attributes[name]=value;},remove(){const i=nodes.indexOf(this);if(i>=0)nodes.splice(i,1);}};}};
+  doc.value=selector=>doc.head.querySelectorAll(selector)[0]?.attributes[selector.startsWith('link')?'href':'content'];
+  doc.querySelectorAll=selector=>doc.head.querySelectorAll(selector);
+  doc.nodes=nodes;
+  return doc;
+}
diff --git a/tests/hero-fade.test.mjs b/tests/hero-fade.test.mjs
new file mode 100644
index 0000000..f31d051
--- /dev/null
+++ b/tests/hero-fade.test.mjs
@@ -0,0 +1,83 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import vm from 'node:vm';
+import ts from 'typescript';
+import {seo} from './helpers/seo.mjs';
+
+const sourceUrl=new URL('../src/lib/client/application.ts',import.meta.url);
+const {outputText}=ts.transpileModule(await readFile(sourceUrl,'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.CommonJS}});
+const flush=()=>new Promise(resolve=>setImmediate(resolve));
+
+function fixture({reducedMotion=false,load=async()=>{}}={}){
+  const animations=[],overlays=[],nodes=new Map();
+  const target={isConnected:true,current:0,replaceChildren(frame){this.current=frame.selected;},append(node){overlays.push(node);},cloneNode(){
+    return {current:this.current,inert:false,classList:{add(){}},removeAttribute(){},setAttribute(){},querySelectorAll:()=>[],
+      remove(){const index=overlays.indexOf(this);if(index>=0)overlays.splice(index,1);},
+      animate(frames,options){
+        let finish,reject;
+        const animation={frames,options,finished:new Promise((done,fail)=>{finish=done;reject=fail;}),finish:()=>finish(),cancel(){reject(new Error('cancelled'));}};
+        animations.push(animation);return animation;
+      }};
+  }};
+  const document={querySelector(selector){
+    if(selector==='#hero')return target;
+    if(!nodes.has(selector))nodes.set(selector,{});return nodes.get(selector);
+  },querySelectorAll:()=>[],createElement(){
+    return {set innerHTML(value){this.selected=Number(value);this.childNodes=[{selected:this.selected}];},querySelector(){
+      const source='image-'+this.selected;
+      return {getAttribute:()=>source,decode:async()=>{}};
+    }};
+  }};
+  const exports={};
+  const require=specifier=>{
+    if(specifier==='./api')return {ApiClient:class {}};
+    if(specifier==='./render')return {activeBanners:home=>home.homeBannerData,hero:(_,selected)=>String(selected),empty:()=>'',escape:String};
+    if(specifier==='./images')return {processImage:load};
+    if(specifier==='../routing')return {parseSitePath:()=>null,topNavigationSection:()=>''};
+    if(specifier==='../seo')return seo;
+    if(specifier==='./seo')return {applyPageHead:head=>{document.title=head.title;}};
+    return {};
+  };
+  vm.runInNewContext(outputText,{exports,require,AbortController,document,window:{matchMedia:()=>({matches:reducedMotion}),scrollTo(){}},location:{pathname:'/missing/',search:''},clearInterval(){}},{filename:sourceUrl.pathname});
+  const app=new exports.Application({homeBannerData:[{id:1},{id:2},{id:3}]});
+  return {app,target,animations,overlays};
+}
+
+test('keeps the old frame until its replacement image is ready, then fades it out and removes it',async()=>{
+  let ready;
+  const f=fixture({load:()=>new Promise(resolve=>ready=resolve)});
+  const changing=f.app.selectHero(1);
+  assert.equal(f.target.current,0);assert.equal(f.overlays.length,0);
+  ready();await changing;
+  assert.equal(f.target.current,1);assert.equal(f.overlays[0].current,0);assert.equal(f.overlays[0].inert,true);
+  assert.equal(f.animations[0].options.duration,500);
+  assert.deepEqual(Array.from(f.animations[0].frames,frame=>frame.opacity),[1,0]);
+  f.animations[0].finish();await flush();assert.equal(f.overlays.length,0);
+});
+
+test('rapid switches keep the latest request and replace any unfinished fade without stacking snapshots',async()=>{
+  const pending=new Map();
+  const f=fixture({load:source=>new Promise(resolve=>pending.set(source,resolve))});
+  const first=f.app.selectHero(1),second=f.app.selectHero(2);
+  pending.get('image-2')();await second;assert.equal(f.target.current,2);
+  pending.get('image-1')();await first;assert.equal(f.target.current,2);assert.equal(f.overlays.length,1);
+  const third=f.app.selectHero(0);pending.get('image-0')();await third;await flush();
+  assert.equal(f.target.current,0);assert.equal(f.overlays.length,1);assert.equal(f.overlays[0].current,2);
+  f.animations.at(-1).finish();await flush();assert.equal(f.overlays.length,0);
+});
+
+test('document disposal cancels pending image commits and clean up a running fade',async()=>{
+  let ready;
+  const f=fixture({load:()=>new Promise(resolve=>ready=resolve)});
+  const changing=f.app.selectHero(1);f.app.disposePage();ready();await changing;
+  assert.equal(f.target.current,0);assert.equal(f.animations.length,0);assert.equal(f.app.feature,0);
+  const running=fixture();await running.app.selectHero(1);assert.equal(running.overlays.length,1);
+  running.app.disposePage();await flush();assert.equal(running.overlays.length,0);
+});
+
+test('reduced motion switches directly, and selecting the current slide leaves the frame intact',async()=>{
+  const f=fixture({reducedMotion:true});
+  await f.app.selectHero(0);assert.equal(f.target.current,0);assert.equal(f.animations.length,0);
+  await f.app.selectHero(1);assert.equal(f.target.current,1);assert.equal(f.animations.length,0);assert.equal(f.overlays.length,0);
+});
diff --git a/tests/hero-swipe.test.mjs b/tests/hero-swipe.test.mjs
new file mode 100644
index 0000000..449ab10
--- /dev/null
+++ b/tests/hero-swipe.test.mjs
@@ -0,0 +1,86 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+const sourceUrl=new URL('../src/lib/client/hero-swipe.ts',import.meta.url);
+const {outputText}=ts.transpileModule(await readFile(sourceUrl,'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+const {bindHeroSwipe}=await import('data:text/javascript;base64,'+Buffer.from(outputText+'\n//# sourceURL='+sourceUrl.pathname).toString('base64'));
+
+function fixture(){
+  const view=new EventTarget(),document=new EventTarget(),root=new EventTarget(),controller=new AbortController();
+  const classes=new Set();
+  const hero={classList:{add:name=>classes.add(name),remove:name=>classes.delete(name)}};
+  document.defaultView=view;document.hidden=false;root.ownerDocument=document;
+  root.closest=()=>root.inHero?root.hero:null;root.inHero=true;root.hero=hero;
+  const state={steps:[],starts:0,ends:0,enabled:true,paused:false};
+  const options={enabled:()=>state.enabled,onStart(){state.starts++;state.paused=true;},onStep:step=>state.steps.push(step),onEnd(){state.ends++;state.paused=false;}};
+  bindHeroSwipe(root,options,controller.signal);
+  function send(target,type,properties={}){
+    const event=new Event(type,{cancelable:true});
+    for(const [key,value] of Object.entries({pointerId:1,isPrimary:true,button:0,clientX:150,clientY:100,pointerType:'touch',detail:1,...properties}))Object.defineProperty(event,key,{value});
+    target.dispatchEvent(event);return event;
+  }
+  return {root,view,document,controller,options,state,classes,send,
+    down:properties=>send(root,'pointerdown',properties),move:properties=>send(view,'pointermove',properties),up:properties=>send(view,'pointerup',properties),click:properties=>send(root,'click',properties)};
+}
+
+test('touch and mouse drags switch in both directions and pause autoplay until release',()=>{
+  for(const pointerType of ['touch','mouse']){
+    const f=fixture();
+    f.down({pointerType});assert.equal(f.state.paused,true);
+    const move=f.move({pointerType,clientX:50});assert.equal(move.defaultPrevented,true);assert.ok(f.classes.has('is-swiping'));
+    f.up({pointerType,clientX:50});assert.deepEqual(f.state.steps,[1]);assert.equal(f.state.paused,false);assert.equal(f.classes.size,0);
+    f.down({pointerType});f.move({pointerType,clientX:250});f.up({pointerType,clientX:250});
+    assert.deepEqual(f.state.steps,[1,-1]);assert.equal(f.state.starts,2);assert.equal(f.state.ends,2);
+    f.controller.abort();
+  }
+});
+
+test('vertical scrolling, diagonal scrolling, taps, and short gestures do not switch slides',()=>{
+  const f=fixture();
+  for(const [clientX,clientY] of [[160,220],[210,170]]){
+    f.down();assert.equal(f.move({clientX,clientY}).defaultPrevented,false);
+    f.up({clientX:400,clientY:100});assert.equal(f.state.paused,false);
+  }
+  f.down();f.up();assert.equal(f.click().defaultPrevented,false);
+  f.down();f.move({clientX:120});f.up({clientX:120});
+  assert.deepEqual(f.state.steps,[]);assert.equal(f.state.starts,f.state.ends);
+  f.controller.abort();
+});
+
+test('swipes suppress the follow-up click without blocking keyboard activation or the next tap',()=>{
+  const f=fixture();let activated=0;
+  f.root.addEventListener('click',()=>activated++);
+  f.down();f.move({clientX:50});f.up({clientX:50});
+  assert.equal(f.click({detail:0}).defaultPrevented,false);assert.equal(activated,1);
+  assert.equal(f.click().defaultPrevented,true);assert.equal(activated,1);
+  f.down();f.up();assert.equal(f.click().defaultPrevented,false);assert.equal(activated,2);
+  f.down();assert.equal(f.send(f.root,'dragstart').defaultPrevented,true);
+  f.up();assert.equal(f.send(f.root,'dragstart').defaultPrevented,false);
+  f.controller.abort();
+});
+
+test('cancelled pointers, multitouch, backgrounding, and lost window focus end gestures safely',()=>{
+  const f=fixture();
+  const cancel=[()=>f.send(f.view,'pointercancel'),()=>f.down({pointerId:2,isPrimary:false}),()=>{f.document.hidden=true;f.send(f.document,'visibilitychange');},()=>f.send(f.view,'blur')];
+  for(const action of cancel){
+    f.document.hidden=false;f.down();f.move({clientX:80});action();f.up({clientX:20});
+    assert.equal(f.state.paused,false);assert.equal(f.classes.size,0);
+  }
+  assert.deepEqual(f.state.steps,[]);assert.equal(f.state.starts,f.state.ends);
+  f.controller.abort();
+});
+
+test('delegated gestures respect availability and replacement content, and route abort removes handlers',()=>{
+  const f=fixture();
+  f.state.enabled=false;f.down();f.state.enabled=true;
+  f.root.inHero=false;f.down();f.root.inHero=true;
+  f.down({button:2,pointerType:'mouse'});f.down({isPrimary:false});assert.equal(f.state.starts,0);
+  f.root.hero={classList:{add(){},remove(){}}};
+  f.down();f.move({clientX:50});f.up({clientX:50});assert.deepEqual(f.state.steps,[1]);
+  f.down();f.move({clientX:50});f.controller.abort();assert.equal(f.state.paused,false);
+  f.up({clientX:50});f.down();assert.equal(f.click().defaultPrevented,false);assert.deepEqual(f.state.steps,[1]);
+  const next=new AbortController();bindHeroSwipe(f.root,f.options,next.signal);
+  f.down();f.move({clientX:250});f.up({clientX:250});assert.deepEqual(f.state.steps,[1,-1]);next.abort();
+});
diff --git a/tests/images.test.mjs b/tests/images.test.mjs
new file mode 100644
index 0000000..d4d77e0
--- /dev/null
+++ b/tests/images.test.mjs
@@ -0,0 +1,180 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(path, transform=code=>code){
+  const source=await readFile(new URL(path,import.meta.url),'utf8');
+  const {outputText}=ts.transpileModule(source,{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(transform(outputText)+'\n//# sourceURL='+new URL(path,import.meta.url).pathname).toString('base64');
+}
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const imagesUrl=await moduleUrl('../src/lib/client/images.ts',code=>code.replace(/from ['"]\.\.\/api\/protocol['"]/,`from '${protocolUrl}'`));
+const {decodeImage,ImageLoader,shouldDecryptImage,startImageLoading}=await import(imagesUrl);
+const png=Buffer.from('iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+aV1sAAAAASUVORK5CYII=','base64');
+// Known output of the reference XOR routine, with extra bytes beyond its 100-byte prefix.
+const encrypted=Buffer.from('u2B/fnR5e3pwNzU/fnp0Yzl5c2BwcDc0OjMyMDGMZX9jcHA3Pntzc2RJ4xqPnm9wNDYwN92qZmJ5c2FwOXJ7dplwULM5eHFidHUxMjo+ODs9NHd8cWFiJCEnISUoKCNib3xubyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYWJjZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXp7fH1+f4CBgoOEhYaHiImKiw==','base64');
+const arrayBuffer=bytes=>Uint8Array.from(bytes).buffer;
+const response=()=>new Response(encrypted);
+const flush=()=>new Promise(resolve=>setImmediate(resolve));
+
+class Element extends EventTarget {
+  tagName;attrs=new Map();children=[];onerror=null;
+  style={values:new Map(),setProperty(key,value){this.values.set(key,value);}};
+  constructor(tagName='IMG',attrs={}){super();this.tagName=tagName;for(const [key,value] of Object.entries(attrs))this.setAttribute(key,value);}
+  setAttribute(key,value){this.attrs.set(key,String(value));}
+  getAttribute(key){return this.attrs.get(key)??null;}
+  removeAttribute(key){this.attrs.delete(key);}
+  matches(){return this.tagName==='IMG'&&this.attrs.has('data-src')||this.tagName==='VIDEO'&&this.attrs.has('data-poster');}
+  querySelectorAll(){return this.children.flatMap(child=>[...(child.matches()?[child]:[]),...child.querySelectorAll()]);}
+}
+
+test('reference ciphertext decrypts exactly, leaves bytes after 100 unchanged and does not mutate input',async()=>{
+  const input=arrayBuffer(encrypted),before=Buffer.from(input).toString('base64');
+  const blob=decodeImage(input),plain=Buffer.from(await blob.arrayBuffer());
+  assert.equal(blob.type,'image/png');
+  assert.deepEqual(plain,Buffer.concat([png,Buffer.from(Array.from({length:140},(_,index)=>index))]));
+  assert.deepEqual(plain.subarray(100),encrypted.subarray(100));
+  assert.equal(Buffer.from(input).toString('base64'),before);
+});
+
+test('ordinary images retain their bytes and MIME instead of being XORed again',async()=>{
+  const formats=[
+    [png,'image/png'],[Buffer.from([0xff,0xd8,0xff,0xe0,0]),'image/jpeg'],
+    [Buffer.from('GIF89a plain'),'image/gif'],[Buffer.from('RIFF0000WEBPplain'),'image/webp'],
+    [Buffer.concat([Buffer.from('RIFF'),Buffer.from([0xc2,0xa0,0,0]),Buffer.from('WEBPplain')]),'image/webp'],
+    [Buffer.from('<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg"></svg>'),'image/svg+xml'],
+    [Buffer.from('\0\0\0\x20ftypavif\0\0\0\0'),'image/avif'],
+  ];
+  for(const [bytes,mime] of formats){
+    const blob=decodeImage(arrayBuffer(bytes));assert.equal(blob.type,mime);assert.deepEqual(Buffer.from(await blob.arrayBuffer()),bytes);
+  }
+  for(const bytes of [Buffer.alloc(0),Buffer.from('<html>Error</html>'),Buffer.from([1,2])])assert.throws(()=>decodeImage(arrayBuffer(bytes)),/图片格式无效/);
+});
+
+test('only HTTP images need fetching; local assets, blobs and data images bypass decryption',async()=>{
+  let calls=0;const loader=new ImageLoader({request:async()=>{calls++;return response();}});
+  try{
+    for(const url of ['/assets/logo.svg','/icon.svg','data:image/png;base64,abc','blob:https://example.com/id']){
+      const node=new Element();assert.equal(shouldDecryptImage(url),false);
+      assert.equal(await loader.processImage(url,node),url);assert.equal(node.getAttribute('src'),url);
+    }
+    assert.equal(calls,0);assert.equal(shouldDecryptImage('https://example.com/a'),true);
+    const node=new Element();assert.equal(await loader.processImage('javascript:alert(1)',node),'');assert.equal(node.getAttribute('data-decrypt-failed'),'1');
+  }finally{loader.dispose();}
+});
+
+test('duplicate images share one request and decrypted blob cache across DOM targets',async()=>{
+  let calls=0;const loader=new ImageLoader({request:async()=>{calls++;return response();}});
+  try{
+    const nodes=[new Element(),new Element(),new Element('VIDEO')];
+    const urls=await Promise.all(nodes.map((node,index)=>loader.processImage('https://example.com/shared',node,index===2?'poster':'img')));
+    assert.equal(calls,1);assert.match(urls[0],/^blob:/);assert.ok(urls.every(url=>url===urls[0]));
+    assert.equal(nodes[2].getAttribute('poster'),urls[0]);
+    assert.equal((await fetch(urls[0])).headers.get('content-type'),'image/png');
+    assert.equal(await loader.fetchDecrypt('https://example.com/shared'),urls[0]);assert.equal(calls,1);
+  }finally{loader.dispose();}
+});
+
+test('fetch concurrency is bounded and high-priority images precede queued list covers',async()=>{
+  const pending=new Map(),started=[];let active=0,maxActive=0;
+  const loader=new ImageLoader({concurrency:2,request:async url=>{
+    started.push(url);active++;maxActive=Math.max(maxActive,active);
+    return new Promise(resolve=>pending.set(url,()=>{active--;resolve(response());}));
+  }});
+  try{
+    const jobs=['a','b','c'].map(key=>loader.fetchDecrypt('https://example.com/'+key));
+    jobs.push(loader.fetchDecrypt('https://example.com/hero',true));
+    assert.deepEqual(started,['https://example.com/a','https://example.com/b']);
+    pending.get(started[0])();await jobs[0];await flush();
+    assert.equal(started[2],'https://example.com/hero');
+    pending.get(started[1])();await jobs[1];await flush();assert.equal(started[3],'https://example.com/c');
+    pending.get(started[2])();pending.get(started[3])();await Promise.all(jobs);
+    assert.equal(maxActive,2);
+  }finally{loader.dispose();}
+});
+
+test('request failures show a fallback, release the queue and remain retryable',async()=>{
+  let attempts=0;
+  const loader=new ImageLoader({concurrency:1,request:async()=>{
+    attempts++;if(attempts===1)return new Response('error',{status:503});if(attempts===2)throw Error('offline');return response();
+  }});
+  try{
+    const node=new Element();
+    for(let index=0;index<2;index++){
+      assert.equal(await loader.processImage('https://example.com/retry',node,'img','/icon.svg'),'');
+      assert.equal(node.getAttribute('src'),'/icon.svg');assert.equal(node.getAttribute('data-decrypt-failed'),'1');
+    }
+    const url=await loader.processImage('https://example.com/retry',node);
+    assert.match(url,/^blob:/);assert.equal(node.getAttribute('data-decrypt-failed'),null);assert.equal(attempts,3);
+    node.onerror();assert.equal(node.getAttribute('src'),'/assets/poster-placeholder.svg');assert.equal(node.onerror,null);
+  }finally{loader.dispose();}
+});
+
+test('timed-out requests abort and allow later images to load',async()=>{
+  let aborted=false;
+  const loader=new ImageLoader({concurrency:1,timeoutMs:5,request:async(url,{signal})=>{
+    if(url.endsWith('/hang'))return new Promise((_resolve,reject)=>signal.addEventListener('abort',()=>{aborted=true;reject(new DOMException('Aborted','AbortError'));},{once:true}));
+    return response();
+  }});
+  try{
+    const failed=assert.rejects(loader.fetchDecrypt('https://example.com/hang'),{name:'AbortError'});
+    const next=loader.fetchDecrypt('https://example.com/next');
+    await failed;assert.equal(aborted,true);assert.match(await next,/^blob:/);
+  }finally{loader.dispose();}
+});
+
+test('late image results cannot overwrite a newer source or its fallback',async()=>{
+  const pending=new Map();
+  const loader=new ImageLoader({request:async url=>new Promise(resolve=>pending.set(url,resolve))});
+  try{
+    const node=new Element();
+    const old=loader.processImage('https://example.com/old',node);
+    const current=loader.processImage('https://example.com/new',node);
+    pending.get('https://example.com/new')(response());const url=await current;
+    pending.get('https://example.com/old')(new Response('error',{status:500}));assert.equal(await old,'');
+    assert.equal(node.getAttribute('src'),url);assert.equal(node.getAttribute('data-decrypt-failed'),null);
+  }finally{loader.dispose();}
+});
+
+test('disposing the loader aborts requests, rejects queued work and revokes cached blobs',async()=>{
+  const loader=new ImageLoader({concurrency:1,request:async(url,{signal})=>url.endsWith('/ready')?response():new Promise((_resolve,reject)=>signal.addEventListener('abort',()=>reject(new DOMException('Aborted','AbortError')),{once:true}))});
+  const url=await loader.fetchDecrypt('https://example.com/ready');
+  const active=assert.rejects(loader.fetchDecrypt('https://example.com/active'));
+  const queued=assert.rejects(loader.fetchDecrypt('https://example.com/queued'),/已停止/);
+  loader.dispose();await active;await queued;
+  await assert.rejects(fetch(url));await assert.rejects(loader.fetchDecrypt('https://example.com/ready'),/已停止/);
+});
+
+test('initial and dynamic markup load, lazy images wait for visibility, and changed sources reload',async()=>{
+  const originals=Object.fromEntries(['window','document','HTMLElement','MutationObserver','IntersectionObserver','fetch'].map(key=>[key,globalThis[key]]));
+  const requests=[];let mutations,intersection;
+  class MutationObserver {constructor(callback){this.callback=callback;mutations=this;}observe(){}disconnect(){}}
+  class IntersectionObserver {
+    observed=new Set();constructor(callback,options){this.callback=callback;this.options=options;intersection=this;}
+    observe(node){this.observed.add(node);}unobserve(node){this.observed.delete(node);}disconnect(){this.observed.clear();}
+    show(node){this.callback([{target:node,isIntersecting:true}]);}
+  }
+  const hero=new Element('IMG',{'data-src':'https://example.com/hero',fetchpriority:'high'});
+  const card=new Element('IMG',{'data-src':'https://example.com/card',loading:'lazy'});
+  const video=new Element('VIDEO',{'data-poster':'https://example.com/poster'});
+  const body=new Element('BODY');body.children=[hero,card,video];
+  globalThis.HTMLElement=Element;globalThis.MutationObserver=MutationObserver;globalThis.IntersectionObserver=IntersectionObserver;
+  globalThis.document={body,querySelectorAll:()=>body.querySelectorAll()};globalThis.window=new EventTarget();globalThis.window.matchMedia=()=>({matches:true});
+  globalThis.fetch=async url=>{requests.push(url);return response();};
+  let runtime;
+  try{
+    runtime=startImageLoading();assert.equal(startImageLoading(),runtime);await flush();
+    assert.deepEqual(requests,['https://example.com/hero','https://example.com/poster']);assert.match(video.getAttribute('poster'),/^blob:/);
+    assert.equal(intersection.options.rootMargin,'180px 0px');assert.equal(intersection.observed.has(card),true);
+    intersection.show(card);await flush();assert.equal(requests.at(-1),'https://example.com/card');
+    const added=new Element('IMG',{'data-src':'https://example.com/dynamic'});
+    mutations.callback([{type:'childList',addedNodes:[added],removedNodes:[]}]);await flush();assert.match(added.getAttribute('src'),/^blob:/);
+    added.setAttribute('data-src','https://example.com/changed');mutations.callback([{type:'attributes',target:added}]);await flush();assert.equal(requests.at(-1),'https://example.com/changed');
+    const reinserted=new Element('IMG',{'data-src':'https://example.com/reinserted',loading:'lazy'});
+    mutations.callback([{type:'childList',addedNodes:[reinserted],removedNodes:[]}]);assert.equal(intersection.observed.has(reinserted),true);
+    mutations.callback([{type:'childList',addedNodes:[],removedNodes:[reinserted]}]);assert.equal(intersection.observed.has(reinserted),false);
+    mutations.callback([{type:'childList',addedNodes:[reinserted],removedNodes:[]}]);intersection.show(reinserted);await flush();assert.equal(requests.at(-1),'https://example.com/reinserted');
+    assert.equal(typeof globalThis.window.processImage,'function');
+  }finally{runtime?.dispose();for(const [key,value] of Object.entries(originals)){if(value===undefined)delete globalThis[key];else globalThis[key]=value;}}
+});
diff --git a/tests/navigation-page.test.mjs b/tests/navigation-page.test.mjs
new file mode 100644
index 0000000..98a25a2
--- /dev/null
+++ b/tests/navigation-page.test.mjs
@@ -0,0 +1,32 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(file,replace=code=>code){
+  const source=await readFile(new URL(file,import.meta.url),'utf8');
+  return 'data:text/javascript;base64,'+Buffer.from(replace(ts.transpileModule(source,{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}}).outputText)).toString('base64');
+}
+const protocol=await moduleUrl('../src/lib/api/protocol.ts');
+const {navigationPageData}=await import(await moduleUrl('../src/lib/navigation-page.ts',code=>code.replace("'./api/protocol'",JSON.stringify(protocol))));
+
+test('navigation renders configured lines in order without duplicating positional fallbacks or invalid URLs',()=>{
+  const config={navPageList:[{line:2,url:'https://two.test/path'},{line:1,url:'javascript:alert(1)'},{line:1,url:'https://one.test'},{line:1,url:'https://duplicate.test'},{line:3,url:''},{line:0,url:'https://invalid.test'}]};
+  assert.deepEqual(navigationPageData(config).routes,[{line:1,href:'https://one.test/',label:'线路一'},{line:2,href:'https://two.test/path',label:'线路二'}]);
+});
+
+test('legacy navigation fields and address sections supply valid configured destinations only',()=>{
+  const data=navigationPageData({config:{dhNewUrlAddr1:'https://nav-one.test',dhNewUrlAddr2:'javascript:bad',newUrlAddr1:'https://backup.test',foreverUrlAddr:''},newAddressInfo:{foreverUrlAddr:'https://permanent.test/entry',dhNewUrlAddr2:'https://nav-two.test'}});
+  assert.deepEqual(data.routes.map(route=>route.href),['https://nav-one.test/','https://nav-two.test/']);
+  assert.equal(data.permanent,'https://permanent.test/entry');
+  const empty=navigationPageData({navPageList:null});
+  assert.deepEqual(empty.routes,[]);for(const key of ['permanent','telegram','tgGroup','twitter'])assert.equal(empty[key],'');
+});
+
+test('navigation identity and contacts use configuration, support TG handles, and omit demo accounts',()=>{
+  const data=navigationPageData({seoNavInfo:JSON.stringify({dhSiteName:'配置导航站',dhDescription:'配置说明'}),config:{telegram:'javascript:bad',telegramAdd:'@business_91',tgGroup:'',twitterAddr:'data:text/html,bad'},newAddressInfo:{tgGroup:'@group_91',twitterAddr:'https://x.com/configured'}});
+  assert.equal(data.siteName,'配置导航站');assert.equal(data.description,'配置说明');
+  assert.equal(data.telegram,'https://t.me/business_91');assert.equal(data.tgGroup,'https://t.me/group_91');assert.equal(data.twitter,'https://x.com/configured');
+  assert.equal(navigationPageData({config:{dhSiteName:'配置名称'}}).siteName,'配置名称');
+  assert.equal(navigationPageData({seoInfo:{webSiteName:'站点名称'}}).siteName,'站点名称');
+});
diff --git a/tests/page-layouts.test.mjs b/tests/page-layouts.test.mjs
new file mode 100644
index 0000000..8d71b54
--- /dev/null
+++ b/tests/page-layouts.test.mjs
@@ -0,0 +1,165 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(file,replace=code=>code){
+  const filename=new URL(file,import.meta.url);
+  const {outputText}=ts.transpileModule(await readFile(filename,'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(replace(outputText).replace(/(['"])\.\.\/routing\1/g,JSON.stringify(routingModuleUrl))+'\n//# sourceURL='+filename.pathname).toString('base64');
+}
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const renderUrl=await moduleUrl('../src/lib/client/render.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)));
+const authUrl=await moduleUrl('../src/lib/client/auth.ts');
+const accountUrl=await moduleUrl('../src/lib/client/account.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)).replace('"./render"',JSON.stringify(renderUrl)).replace("'./auth'",JSON.stringify(authUrl)));
+const feedbackUrl=await moduleUrl('../src/lib/client/feedback.ts',code=>code.replace('"./render"',JSON.stringify(renderUrl)));
+const {card}=await import(renderUrl);
+const {accountMenuMarkup,settingsMarkup,memberMarkup,renderMember}=await import(accountUrl);
+const {feedbackPayload,feedbackMarkup,renderFeedbackPage}=await import(feedbackUrl);
+const flush=()=>new Promise(resolve=>setImmediate(resolve));
+
+test('ranking cards retain original poster frames and global positions, and search highlights only escaped titles',()=>{
+  const drama={id:7,title:'测试 <短剧>',cover:'https://cdn.example/cover.webp',totalEpisode:10};
+  const ranked=card(drama,false,{rank:25});
+  assert.ok(ranked.includes('class="ranking-poster-frame"'));assert.ok(ranked.includes('data-rank="25"'));assert.ok(ranked.includes('第 25 名'));assert.ok(ranked.includes('>25</span>'));
+  assert.ok(ranked.includes('href="/detail/7/"'));assert.ok(ranked.includes('data-src="https://cdn.example/cover.webp"'));
+  assert.ok(card(drama,false,{rank:1}).includes('>01</span>'));
+  assert.ok(!card(drama,false,{rank:-1}).includes('rank-home-badge'));
+  const search=card(drama,false,{keyword:'<短剧>'});
+  assert.ok(search.includes('<span class="search-keyword">&lt;短剧&gt;</span>'));assert.ok(!search.includes('<短剧>'));
+  assert.ok(search.includes('aria-label="查看测试 &lt;短剧&gt;"'));
+});
+
+test('personal pages use actual library data and route links inside the original summary and tabs',async()=>{
+  const oldDocument=globalThis.document,root={innerHTML:''},calls=[];
+  const user={userId:88,nickName:'真实昵称 <script>',recharge:2400,avatar:'https://cdn.example/avatar.webp'};
+  const app={signal:new AbortController().signal,home:{},api:{ensureSession:async()=>user,get:async(path,query)=>{calls.push({path,query});return {list:[{id:7,title:'已看过的短剧'}],totalCount:72};}}};
+  globalThis.document={getElementById:()=>root};
+  try{
+    await renderMember(app,'center',1,()=>'/member/center/');
+    assert.equal(calls.at(-1).path,'playlet/history/list');
+    for(const className of ['member-name-row','member-settings-link','member-wallet','coin-soft-star','member-library-tabs','member-library-toolbar','member-library-cards','member-library-item'])assert.ok(root.innerHTML.includes(className),className);
+    assert.ok(root.innerHTML.includes('真实昵称 &lt;script&gt;'));assert.ok(root.innerHTML.includes('2,400'));assert.ok(root.innerHTML.includes('ID：88'));
+    assert.ok(root.innerHTML.includes('href="/member/settings/"'));assert.ok(root.innerHTML.includes('href="/member/history/page/2/"'));assert.ok(!root.innerHTML.includes('/member/center/page/'));
+    assert.ok(root.innerHTML.includes('href="/member/favorites/"'));assert.ok(root.innerHTML.includes('href="/member/likes/"'));assert.ok(root.innerHTML.includes('href="/member/purchased/"'));
+    await renderMember(app,'favorites',2,page=>`/member/favorites/page/${page}/`);
+    assert.equal(calls.at(-1).path,'playlet/collect/list');assert.equal(calls.at(-1).query.pageNum,2);
+    assert.ok(root.innerHTML.includes('href="/member/favorites/" aria-current="page"'));
+    assert.ok(!root.innerHTML.includes('吴秀英'));assert.ok(!root.innerHTML.includes('1,280'));
+  }finally{globalThis.document=oldDocument;}
+});
+
+test('likes use the protected list endpoint, native pagination and the reference library markup',async()=>{
+  const previous=globalThis.document,root={innerHTML:''},calls=[];
+  const user={userId:8,nickName:'点赞用户'};
+  const app={signal:new AbortController().signal,home:{},api:{ensureSession:async()=>user,get:async(path,query)=>{
+    calls.push({path,query});return {list:[{id:7,slug:'liked-story',title:'点赞 <短剧>',totalEpisode:8}],totalCount:72};
+  }}};
+  globalThis.document={getElementById:()=>root};
+  try{
+    await renderMember(app,'likes',2,page=>page===1?'/member/likes/':`/member/likes/page/${page}/`);
+    assert.deepEqual(calls.at(-1),{path:'playlet/like/list',query:{pageNum:2,pageSize:24}});
+    assert.ok(root.innerHTML.includes('href="/member/likes/" aria-current="page"><h2 id="member-library-title"'));
+    assert.ok(root.innerHTML.includes('共 72 部短剧'));assert.ok(root.innerHTML.includes('href="/member/likes/page/3/"'));
+    assert.ok(root.innerHTML.includes('href="/detail/liked-story/"'));assert.ok(root.innerHTML.includes('点赞 &lt;短剧&gt;'));
+    for(const tab of ['history','favorites','likes','purchased'])assert.ok(root.innerHTML.includes(`href="/member/${tab}/"`));
+    const initial={user,list:{list:[],totalCount:0}};calls.length=0;
+    await renderMember(app,'likes',1,()=>'/member/likes/',initial);
+    assert.equal(calls.length,0,'SSR data must be reused without a second list request');
+    assert.ok(root.innerHTML.includes('member-library-empty'));assert.ok(root.innerHTML.includes('暂无点赞的短剧'));
+    assert.ok(root.innerHTML.includes('href="/shorts/">去发现好剧</a>'));
+    assert.ok(!memberMarkup(user,'likes',{list:null,totalCount:0}).includes('undefined'));
+  }finally{globalThis.document=previous;}
+});
+
+test('the account menu exposes a native likes entry for guests and registered users',()=>{
+  for(const user of [null,{userId:8,nickName:'用户 <script>',isRegister:true}]){
+    const html=accountMenuMarkup(user);
+    assert.ok(html.includes('<a href="/member/likes/">我的点赞 ›</a>'));
+    assert.ok(html.indexOf('/member/favorites/')<html.indexOf('/member/likes/'));
+    assert.ok(html.indexOf('/member/likes/')<html.indexOf('/member/history/'));
+    assert.ok(!html.includes('<script>'));
+  }
+});
+
+test('settings preserve actual profile fields and auth actions inside the reference cards',()=>{
+  const html=settingsMarkup({userId:8,nickName:'用户 <script>',introduction:'简介 <img>',avatar:'https://cdn.example/avatar.webp',isRegister:true});
+  for(const text of ['member-settings-card','member-avatar-editor','member-avatar-preview','member-nickname-editor','账号与安全','data-auth-mode="register"','data-auth-mode="switch"','data-logout','id="security-form"','name="oldPassword"','name="newPassword"'])assert.ok(html.includes(text),text);
+  assert.ok(html.includes('value="用户 &lt;script&gt;"'));assert.ok(html.includes('简介 &lt;img&gt;'));assert.ok(html.includes('已绑定'));
+  assert.ok(html.includes('id="member-avatar-file" accept="image/png,image/jpeg,image/webp" hidden'));assert.ok(html.includes('data-src="https://cdn.example/avatar.webp"'));
+});
+
+test('feedback options map to the real API type and keep environment details with actual attachments',()=>{
+  const html=feedbackMarkup();
+  for(const text of ['feedback-reference','feedback-options','feedback-panel','feedback-description-wrap','feedback-upload-box','feedback-submit-button'])assert.ok(html.includes(text),text);
+  assert.ok(!html.includes('video/mp4'));assert.ok(!html.includes('保存到本地'));
+  const data=new FormData();for(const [key,value] of Object.entries({category:'登录异常',content:'播放时一直缓冲，无法正常观看视频。',contact:' me@example.com ',network:'Wi-Fi',device:'iPhone'}))data.set(key,value);
+  const body=feedbackPayload(data,['/files/real.png']);assert.equal(body.type,4);assert.equal(body.contact,'me@example.com');assert.deepEqual(body.screenshots,['/files/real.png']);
+  assert.ok(body.content.includes('网络类型：Wi-Fi'));assert.ok(body.content.includes('设备类型：iPhone'));
+  data.set('category','无法播放');assert.equal(feedbackPayload(data).type,2);data.set('category','其他问题');assert.equal(feedbackPayload(data).type,5);
+  data.set('content','长'.repeat(500));assert.equal(feedbackPayload(data).content,'长'.repeat(500));
+  data.set('content','中'.repeat(490));assert.equal(feedbackPayload(data).content.length,500);
+  data.set('content','太短');assert.throws(()=>feedbackPayload(data),/10–500/);
+});
+
+class Element extends EventTarget {
+  nodes=new Map();dataset={};innerHTML='';textContent='';disabled=false;value='';files=[];
+  querySelector(selector){return this.nodes.get(selector)||null;}
+  querySelectorAll(){return [];}
+  reportValidity(){return true;}
+  reset(){this.resetCount=(this.resetCount||0)+1;}
+}
+function emit(element,type){element.dispatchEvent(new Event(type,{cancelable:true}));}
+
+test('restyled settings forms retain distinct profile/password payloads and prevent repeated saves',async()=>{
+  const oldDocument=globalThis.document,OldFormData=globalThis.FormData;
+  const controller=new AbortController(),root=new Element(),profile=new Element(),security=new Element();
+  const values=new Map([[profile,{nickName:'新昵称',introduction:'新的简介'}],[security,{oldPassword:'Old12345',newPassword:'New12345'}]]);
+  for(const form of [profile,security]){form.nodes.set('[type="submit"]',new Element());form.nodes.set('.api-error',new Element());}
+  root.nodes.set('#profile-form',profile);root.nodes.set('#security-form',security);
+  const calls=[];let finish,refreshes=0,routes=0;
+  const app={signal:controller.signal,home:{},api:{ensureSession:async()=>({userId:8}),get:async()=>({}),post:async(path,body)=>{calls.push({path,body});if(calls.length===1)await new Promise(resolve=>finish=resolve);},refreshUser:async()=>refreshes++},notify(){},async route(){routes++;}};
+  globalThis.document={getElementById:()=>root};globalThis.FormData=class extends OldFormData{constructor(form){super();if(form)for(const [key,value] of Object.entries(values.get(form)))this.set(key,value);}};
+  try{
+    await renderMember(app,'settings',1,()=>'/member/settings/');
+    emit(profile,'submit');emit(profile,'submit');assert.equal(calls.length,1);assert.equal(profile.querySelector('[type="submit"]').disabled,true);
+    finish();await flush();assert.deepEqual(calls[0],{path:'auth/profile',body:{nickName:'新昵称',introduction:'新的简介'}});assert.equal(refreshes,1);assert.equal(routes,1);
+    emit(security,'submit');await flush();assert.deepEqual(calls[1],{path:'auth/profile',body:{oldPassword:'Old12345',newPassword:'New12345'}});assert.equal(refreshes,2);assert.equal(routes,1);
+  }finally{controller.abort();globalThis.document=oldDocument;globalThis.FormData=OldFormData;}
+});
+function feedbackFixture(post){
+  const oldDocument=globalThis.document,OldFormData=globalThis.FormData;
+  const controller=new AbortController(),root=new Element(),form=new Element(),input=new Element(),list=new Element(),status=new Element(),error=new Element(),content=new Element(),count=new Element(),submit=new Element();
+  const values={content:'播放视频时持续缓冲，无法正常观看。',category:'无法播放',contact:'me@example.com',network:'Wi-Fi'};
+  root.nodes.set('#feedback-form',form);
+  for(const [selector,node] of [['#feedback-files',input],['#feedback-file-list',list],['#feedback-status',status],['#feedback-file-error',error],['[name="content"]',content],['#feedback-count',count],['[type="submit"]',submit]])form.nodes.set(selector,node);
+  globalThis.document={getElementById:()=>root};globalThis.FormData=class extends OldFormData{constructor(form){super();if(form)for(const [key,value] of Object.entries(values))this.set(key,value);}};
+  const calls=[];renderFeedbackPage({signal:controller.signal,api:{post:async(path,body)=>{calls.push({path,body});return post(path,body);}}});
+  return {controller,form,input,list,status,error,submit,calls,dispose(){controller.abort();globalThis.document=oldDocument;globalThis.FormData=OldFormData;}};
+}
+
+test('reference feedback form uploads images only on submit and blocks duplicate feedback writes',async()=>{
+  let finish;const f=feedbackFixture(path=>path==='upload/image'?new Promise(resolve=>finish=resolve):Promise.resolve({}));
+  try{
+    f.input.files=[new File(['image'],'shot.png',{type:'image/png'})];emit(f.input,'change');assert.equal(f.calls.length,0);assert.ok(f.list.innerHTML.includes('shot.png'));
+    emit(f.form,'submit');emit(f.form,'submit');assert.equal(f.calls.length,1);assert.equal(f.calls[0].path,'upload/image');assert.equal(f.submit.disabled,true);
+    finish({sourceNameFs:'/uploaded/shot.png'});await flush();
+    assert.equal(f.calls.length,2);assert.equal(f.calls[1].path,'feedback/add');assert.deepEqual(f.calls[1].body.screenshots,['/uploaded/shot.png']);assert.equal(f.calls[1].body.type,2);
+    assert.equal(f.form.resetCount,1);assert.match(f.status.textContent,/反馈已提交/);assert.equal(f.submit.disabled,false);
+  }finally{f.dispose();}
+});
+
+test('unsupported files, failed uploads and navigation cannot silently submit feedback',async()=>{
+  const failed=feedbackFixture(async()=>({}));
+  try{
+    failed.input.files=[new File(['bad'],'clip.mp4',{type:'video/mp4'})];emit(failed.input,'change');assert.match(failed.error.textContent,/JPG/);assert.equal(failed.calls.length,0);
+    failed.input.files=[new File(['valid'],'shot.png',{type:'image/png'})];emit(failed.input,'change');emit(failed.form,'submit');await flush();
+    assert.deepEqual(failed.calls.map(call=>call.path),['upload/image']);assert.match(failed.status.textContent,/上传失败/);assert.equal(failed.submit.disabled,false);assert.equal(failed.form.resetCount,undefined);
+  }finally{failed.dispose();}
+  let finish;const late=feedbackFixture(()=>new Promise(resolve=>finish=resolve));
+  try{
+    late.input.files=[new File(['valid'],'shot.png',{type:'image/png'})];emit(late.input,'change');emit(late.form,'submit');late.controller.abort();finish({sourceNameFs:'/uploaded/late.png'});await flush();
+    assert.deepEqual(late.calls.map(call=>call.path),['upload/image']);assert.equal(late.form.resetCount,undefined);
+  }finally{late.dispose();}
+});
diff --git a/tests/pagination.test.mjs b/tests/pagination.test.mjs
new file mode 100644
index 0000000..eb50153
--- /dev/null
+++ b/tests/pagination.test.mjs
@@ -0,0 +1,119 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(file,replace=code=>code){
+  const filename=new URL(file,import.meta.url);
+  const {outputText}=ts.transpileModule(await readFile(filename,'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(replace(outputText).replace(/(['"])\.\.\/routing\1/g,JSON.stringify(routingModuleUrl))+'\n//# sourceURL='+filename.pathname).toString('base64');
+}
+const routingUrl=await moduleUrl('../src/lib/routing.ts');
+const {routeFromSegments,parseSitePath,paginationPath,internalPagePath,searchPath}=await import(routingUrl);
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const renderUrl=await moduleUrl('../src/lib/client/render.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)));
+const {pagination}=await import(renderUrl);
+const {bindPaginationJumps}=await import(await moduleUrl('../src/lib/client/navigation.ts'));
+const authUrl=await moduleUrl('../src/lib/client/auth.ts');
+const accountUrl=await moduleUrl('../src/lib/client/account.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)).replace('"./render"',JSON.stringify(renderUrl)).replace("'./auth'",JSON.stringify(authUrl)));
+const {renderMember,renderWallet}=await import(accountUrl);
+
+test('every paginated page type resolves directly from the page suffix',()=>{
+  const keyword='都市 / page/7/?#%2F';
+  const bases=['/shorts/','/topics/','/topics/7/','/theme/8/','/tag/9/','/config/31/','/rank/','/rank/hot/','/rank/new/','/rank/follow/','/search/'+encodeURIComponent(keyword)+'/', '/member/favorites/','/member/history/','/member/likes/','/member/purchased/','/info/deposit/','/info/deposit/vip/','/detail/23456/','/play/23456/90001/'];
+  for(const base of bases){
+    for(const page of [1,2,37]){
+      const path=base+'page/'+page+'/';
+      assert.deepEqual(parseSitePath(path),{...parseSitePath(base),page},path);
+      assert.deepEqual(parseSitePath(path.slice(0,-1)),parseSitePath(path),path);
+      assert.equal(internalPagePath(path,'https://drama.example/'),path,path);
+      assert.equal(paginationPath(path,1),base.startsWith('/search/')?searchPath(keyword):base,path);
+    }
+  }
+  assert.deepEqual(routeFromSegments(['search',keyword,'page','3']),{group:'search',key:keyword,page:3});
+});
+
+test('invalid page numbers, nested page suffixes, and non-paginated sections are rejected',()=>{
+  for(const value of ['0','-1','1.5','02','NaN','9007199254740992'])assert.equal(parseSitePath(`/shorts/page/${value}/`),null,value);
+  for(const base of ['/','/apps/','/home-road/','/navigation/','/member/center/','/member/settings/','/info/about-us/'])assert.equal(parseSitePath(base+'page/2/'),null,base);
+  assert.equal(parseSitePath('/shorts/page/2/page/3/'),null);
+  assert.throws(()=>paginationPath('/shorts/',0));assert.throws(()=>paginationPath('/apps/',2));
+});
+
+test('page links retain filters and encoded search terms and sorting resets to the first page',()=>{
+  assert.equal(paginationPath('/shorts/page/4/?sort=3&source=menu',2),'/shorts/page/2/?sort=3&source=menu');
+  assert.equal(paginationPath('/shorts/page/4/?sort=3&source=menu',1,{sort:2}),'/shorts/?sort=2&source=menu');
+  assert.equal(paginationPath('/shorts/page/4/?sort=3',1,{sort:null}),'/shorts/');
+  const base='/search/'+encodeURIComponent('都市 / 爱情?#%')+'/';
+  assert.equal(paginationPath(base,2),searchPath('都市 / 爱情?#%',2));
+  const url=new URL(paginationPath(base,2),'https://drama.example');
+  assert.equal(parseSitePath(url.pathname,url.search).key,'都市 / 爱情?#%');
+  assert.equal(paginationPath('/play/7/90001/page/3/?commentSort=1',1,{commentSort:null}),'/play/7/90001/');
+});
+
+test('pagination renders real page links with correct boundaries, current page, and bounded page numbers',()=>{
+  const href=page=>paginationPath('/rank/new/page/5/?sort=2&from=menu',page);
+  const html=pagination(240,5,href);
+  assert.ok(html.includes('href="/rank/new/page/4/?sort=2&amp;from=menu" rel="prev"'));
+  assert.ok(html.includes('href="/rank/new/page/6/?sort=2&amp;from=menu" rel="next"'));
+  assert.ok(html.includes('href="/rank/new/page/5/?sort=2&amp;from=menu" aria-current="page"'));
+  assert.equal((html.match(/<button/g)||[]).length,1);assert.ok(html.includes('<button type="submit">确定</button>'));assert.ok(!html.includes('data-page-number'));
+  assert.ok(html.includes('data-page-base="/rank/new/?sort=2&amp;from=menu"'));
+  assert.ok(html.includes('name="page" min="1" max="10" step="1"'));
+  assert.ok((html.match(/<a /g)||[]).length<=7);
+  assert.ok(pagination(240,1,href).includes('aria-disabled="true" aria-label="上一页"'));
+  assert.ok(pagination(240,10,href).includes('aria-disabled="true" aria-label="下一页"'));
+  assert.equal(pagination(0,1,href),'');assert.equal(pagination(24,1,href),'');
+  assert.ok(pagination(0,9,href).includes('href="/rank/new/?sort=2&amp;from=menu"'));
+});
+
+test('jump forms navigate to independent routes, retain canonical slugs and filters, and reject invalid pages',()=>{
+  const previousForm=globalThis.HTMLFormElement,previousInput=globalThis.HTMLInputElement;
+  class Input {valueAsNumber=3;max='10';}
+  class Form {dataset={pageBase:'/topics/sweet-love/?sort=2&source=menu'};input=new Input();valid=true;elements={namedItem:()=>this.input};matches=()=>true;reportValidity=()=>this.valid;}
+  globalThis.HTMLFormElement=Form;globalThis.HTMLInputElement=Input;
+  try{
+    let submit;const paths=[];
+    bindPaginationJumps({addEventListener:(type,handler)=>{assert.equal(type,'submit');submit=handler;}},path=>paths.push(path));
+    const form=new Form();let prevented=0;
+    const send=()=>submit({target:form,preventDefault(){prevented++;}});
+    send();assert.equal(paths.at(-1),'/topics/sweet-love/page/3/?sort=2&source=menu');
+    form.input.valueAsNumber=1;send();assert.equal(paths.at(-1),'/topics/sweet-love/?sort=2&source=menu');
+    form.dataset.pageBase=searchPath('都市 / 爱情');form.input.valueAsNumber=2;send();assert.equal(paths.at(-1),searchPath('都市 / 爱情',2));
+    const count=paths.length;
+    for(const value of [NaN,0,-1,1.5,11,Infinity,Number.MAX_SAFE_INTEGER+1]){form.input.valueAsNumber=value;send();}
+    form.input.valueAsNumber=2;form.valid=false;send();assert.equal(paths.length,count);
+    assert.equal(prevented,11);
+    // The delegated listener works for forms added after it was registered.
+    const added=new Form();submit({target:added,preventDefault(){}});assert.equal(paths.length,count+1);
+    submit({target:{},preventDefault(){assert.fail('unrelated form');}});
+  }finally{
+    if(previousForm===undefined)delete globalThis.HTMLFormElement;else globalThis.HTMLFormElement=previousForm;
+    if(previousInput===undefined)delete globalThis.HTMLInputElement;else globalThis.HTMLInputElement=previousInput;
+  }
+});
+
+test('personal library and wallet requests and page links use the route page',async()=>{
+  const previousDocument=globalThis.document,calls=[];
+  const root={innerHTML:'',querySelector:()=>null,addEventListener(){}};
+  const user={userId:7,nickName:'测试用户'};
+  const api={user,ensureSession:async()=>user,async get(path,query){
+    calls.push({path,...query});
+    if(path==='user/center/data')return {};
+    if(path==='recharge/package/list')return {coinList:[],vipList:[]};
+    return {list:[],totalCount:120};
+  }};
+  const app={api,signal:new AbortController().signal};
+  globalThis.document={getElementById:()=>root};
+  try{
+    for(const [tab,endpoint] of [['favorites','playlet/collect/list'],['history','playlet/history/list'],['likes','playlet/like/list'],['purchased','playlet/bought/list']]){
+      await renderMember(app,tab,3,page=>paginationPath(`/member/${tab}/page/3/`,page));
+      const call=calls.at(-1);assert.equal(call.path,endpoint);assert.equal(call.pageNum,3);
+      assert.ok(root.innerHTML.includes(`href="/member/${tab}/page/2/"`));
+    }
+    await renderWallet(app,true,3,page=>paginationPath('/info/deposit/vip/page/3/',page));
+    assert.equal(calls.at(-1).path,'coin/trans/list');assert.equal(calls.at(-1).page,3);
+    assert.ok(root.innerHTML.includes('href="/info/deposit/vip/page/4/"'));
+  }finally{if(previousDocument===undefined)delete globalThis.document;else globalThis.document=previousDocument;}
+});
diff --git a/tests/payment.test.mjs b/tests/payment.test.mjs
new file mode 100644
index 0000000..9df86ed
--- /dev/null
+++ b/tests/payment.test.mjs
@@ -0,0 +1,190 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(file,replace=code=>code){
+  const filename=new URL(file,import.meta.url);
+  const {outputText}=ts.transpileModule(await readFile(filename,'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(replace(outputText).replace(/(['"])\.\.\/routing\1/g,JSON.stringify(routingModuleUrl))+'\n//# sourceURL='+filename.pathname).toString('base64');
+}
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const renderUrl=await moduleUrl('../src/lib/client/render.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)));
+const authUrl=await moduleUrl('../src/lib/client/auth.ts');
+const accountUrl=await moduleUrl('../src/lib/client/account.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)).replace('"./render"',JSON.stringify(renderUrl)).replace("'./auth'",JSON.stringify(authUrl)));
+const {paymentDialogMarkup,renderWallet}=await import(accountUrl);
+const coinPackage={id:31,name:'金币套餐',packageType:2,price:10000,baseCoin:100,giftCoin:999,totalCoin:1099,payMethods:[{type:'alipay',typeName:'支付宝'},{type:'wechat',typeName:'微信'}]};
+const flush=()=>new Promise(resolve=>setImmediate(resolve));
+
+test('confirmation displays actual base/gift/total coins and the price in yuan with original payment icons',()=>{
+  const html=paymentDialogMarkup(coinPackage,false);
+  assert.ok(html.includes('<strong>100 金币</strong>'));assert.ok(html.includes('赠送 999 金币 · 合计 1099 金币'));
+  assert.ok(html.includes('<b>¥100</b>'));assert.ok(html.includes('5652fcead17188e8.svg'));assert.ok(html.includes('2bead9ea5c435c98.svg'));
+  assert.ok(!html.includes('7848816d05aa8591.svg'));assert.ok(!html.includes('type="radio"'));
+  assert.ok(html.includes('name="payMode" value="alipay"'));assert.ok(html.includes('class="wallet-payment-title"'));
+  const derived=paymentDialogMarkup({...coinPackage,baseCoin:undefined,price:12345},false);
+  assert.ok(derived.includes('<strong>100 金币</strong>'));assert.ok(derived.includes('<b>¥123.45</b>'));
+});
+
+test('VIP and missing payment data never introduce demo bonuses or unconfigured channels',()=>{
+  const vip=paymentDialogMarkup({id:7,name:'月卡 <script>',packageType:1,price:3000},true);
+  assert.ok(vip.includes('会员畅享'));assert.ok(vip.includes('月卡 &lt;script&gt;'));assert.ok(!vip.includes('赠送 999'));
+  assert.ok(vip.includes('暂无可用支付方式'));assert.match(vip,/<button class="wallet-submit wallet-payment-go" type="submit" disabled>/);
+  assert.ok(!vip.includes('data-wallet-method='));
+  const unknown=paymentDialogMarkup({...coinPackage,payMethods:[null,{type:'',typeName:'空'},{type:'union',typeName:'银联 <img>'},{type:'union',typeName:'重复'}]},false);
+  assert.equal((unknown.match(/data-wallet-method=/g)||[]).length,1);assert.ok(unknown.includes('银联 &lt;img&gt;'));assert.ok(unknown.includes('wallet-pay-logo--other'));
+});
+
+class Element extends EventTarget {
+  dataset={};attrs=new Map();nodes=new Map();lists=new Map();innerHTML='';textContent='';disabled=false;isConnected=true;value='';
+  querySelector(selector){return this.nodes.get(selector)||null;}
+  querySelectorAll(selector){return this.lists.get(selector)||[];}
+  setAttribute(key,value){this.attrs.set(key,String(value));}
+  getAttribute(key){return this.attrs.get(key)||null;}
+  closest(){return this;}
+  reportValidity(){return true;}
+}
+function emit(element,type,target=element){const event=new Event(type,{cancelable:true});Object.defineProperty(event,'target',{value:target});element.dispatchEvent(event);}
+async function fixture({vip=false,post=async()=>({payUrl:'https://pay.example/checkout',tradeNo:'order-1'}),methods=coinPackage.payMethods,packages,transactions={list:[],totalCount:0},transactionError=false,balance=90,openDialog=true,popupBlocked=false}={}){
+  const oldDocument=globalThis.document,OldFormData=globalThis.FormData,oldWindow=globalThis.window;
+  const controller=new AbortController(),root=new Element(),dialog=new Element(),form=new Element(),hidden=new Element(),confirm=new Element(),error=new Element(),refresh=new Element();
+  const item={...coinPackage,payMethods:methods};hidden.value=methods[0]?.type||'';
+  const items=packages??[item],pay=new Element(),selection=new Element();pay.dataset.walletAction='pay';
+  const packageButtons=items.map((item,index)=>{const button=new Element();button.dataset.buyPackage=String(item.id);button.setAttribute('aria-pressed',String(index===0));return button;});
+  root.nodes.set('[data-wallet-action="pay"]',pay);root.nodes.set('#wallet-selection',selection);root.lists.set('[data-buy-package]',packageButtons);
+  const choices=methods.map(method=>{const button=new Element();button.dataset.walletMethod=method.type;button.nodes.set('.wallet-method-check',new Element());return button;});
+  form.nodes.set('[name="payMode"]',hidden);form.nodes.set('[type="submit"]',confirm);form.nodes.set('.api-error',error);form.nodes.set('[data-payment-refresh]',refresh);form.lists.set('[data-wallet-method]',choices);
+  dialog.nodes.set('form',form);dialog.open=false;dialog.showModal=()=>dialog.open=true;dialog.close=()=>dialog.open=false;
+  const posts=[],popups=[],redirects=[];let refreshes=0,routes=0;
+  const app={signal:controller.signal,api:{user:{recharge:balance},get:async path=>{if(path==='recharge/package/list')return {coinList:items,vipList:items};if(transactionError)throw new Error('offline');return transactions;},post:async(path,body)=>{posts.push({path,body});return post();},refreshUser:async()=>refreshes++},notify(){},async route(){routes++;}};
+  globalThis.document={getElementById:id=>id==='info-content'?root:dialog};
+  globalThis.window={open(url,target){
+    if(popupBlocked)return null;
+    const popup={url,target,closed:false,opener:{},document:{title:'',body:{textContent:''}},location:{replace(value){popup.url=value;}},close(){popup.closed=true;}};
+    popups.push(popup);return popup;
+  },location:{assign(url){redirects.push(url);}}};
+  globalThis.FormData=class extends OldFormData{constructor(form){super();this.append('payMode',form.querySelector('[name="payMode"]').value);}};
+  await renderWallet(app,vip,1,()=>'/info/deposit/');
+  if(openDialog)emit(root,'click',pay);
+  return {app,root,dialog,form,hidden,confirm,error,refresh,choices,posts,pay,selection,packageButtons,popups,redirects,controller,get refreshes(){return refreshes;},get routes(){return routes;},dispose(){controller.abort();globalThis.document=oldDocument;globalThis.FormData=OldFormData;globalThis.window=oldWindow;}};
+}
+
+test('recharge page uses the HTML balance, package and transaction layout with actual API values',async()=>{
+  const f=await fixture({openDialog:false,balance:2400,packages:[{...coinPackage,baseCoin:250,giftCoin:25,totalCoin:275,price:12345}],transactions:{list:[
+    {title:'解锁 <短剧>',createdAt:'2026-10-20T13:24:00+08:00',flowDir:-1,amount:30,changeAmount:0},
+    {tranTypeName:'充值到账',createdAt:'2026-10-20 12:00:00',flowDir:1,amount:100,changeAmount:125},
+    {remark:'余额校验',flowDir:1,amount:0,coin:999},
+  ],totalCount:3}});
+  try{
+    const html=f.root.innerHTML;
+    for(const className of ['wallet-balance-card','wallet-balance-summary','wallet-usage','wallet-pack-panel','wallet-pack-heading','wallet-package-coin','wallet-double-badge','wallet-mobile-selected','wallet-pay-area','wallet-transaction-list'])assert.ok(html.includes(className),className);
+    assert.ok(html.includes('<strong>2,400</strong><b>金币</b>'));assert.ok(html.includes('>250金币</span>'));assert.ok(html.includes('>赠送 25金币</span>'));assert.ok(html.includes('立即支付 ¥123.45'));
+    assert.ok(html.includes('已选择 250金币 + 赠送25金币'));assert.ok(html.includes('aria-pressed="true"'));
+    assert.ok(html.includes('解锁 &lt;短剧&gt;'));assert.ok(html.includes('2026/10/20 13:24'));assert.ok(html.includes('datetime="2026-10-20T05:24:00.000Z"'));
+    assert.ok(html.includes('expense">−30</span>'));assert.ok(html.includes('income">+125</span>'));assert.ok(html.includes('income">0</span>'));
+    assert.ok(html.includes('href="/info/feedback/"'));assert.ok(!html.includes('模拟'));assert.ok(!html.includes('首次充值赠送10%'));assert.ok(!html.includes('1,280'));
+    assert.equal(f.dialog.open,false);assert.equal(f.posts.length,0);
+  }finally{f.dispose();}
+});
+
+test('package click only updates selection and the pay action confirms the selected package ID',async()=>{
+  const second={...coinPackage,id:84,baseCoin:300,giftCoin:0,totalCoin:300,price:4599};
+  const f=await fixture({openDialog:false,packages:[coinPackage,second]});
+  try{
+    emit(f.root,'click',f.packageButtons[1]);
+    assert.equal(f.dialog.open,false);assert.equal(f.posts.length,0);
+    assert.equal(f.packageButtons[0].getAttribute('aria-pressed'),'false');assert.equal(f.packageButtons[1].getAttribute('aria-pressed'),'true');
+    assert.equal(f.pay.textContent,'立即支付 ¥45.99');assert.equal(f.selection.textContent,'已选择 300金币 · 点击后选择支付方式');
+    emit(f.root,'click',f.pay);assert.equal(f.dialog.open,true);assert.ok(f.dialog.innerHTML.includes('<strong>300 金币</strong>'));assert.ok(f.dialog.innerHTML.includes('<b>¥45.99</b>'));
+    emit(f.form,'submit');await flush();assert.deepEqual(f.posts,[{path:'coin/buy',body:{packageId:84,payMode:'alipay'}}]);
+  }finally{f.dispose();}
+});
+
+test('empty packages and unavailable transactions show empty states without sample data or an order',async()=>{
+  const f=await fixture({openDialog:false,packages:[],transactionError:true,balance:0});
+  try{
+    assert.ok(f.root.innerHTML.includes('<strong>0</strong><b>金币</b>'));assert.ok(f.root.innerHTML.includes('暂无可购买套餐'));assert.ok(f.root.innerHTML.includes('余额明细暂不可用，请稍后刷新'));
+    assert.match(f.root.innerHTML, /data-wallet-action="pay" disabled/);assert.ok(!f.root.innerHTML.includes('data-buy-package='));assert.ok(!f.root.innerHTML.includes('wallet-transaction-row'));
+    emit(f.root,'click',f.pay);assert.equal(f.dialog.open,false);assert.equal(f.posts.length,0);
+  }finally{f.dispose();}
+});
+
+test('selecting a styled method updates the actual order payload and duplicate submission is blocked',async()=>{
+  let finish;const f=await fixture({post:()=>new Promise(resolve=>finish=resolve)});
+  try{
+    assert.equal(f.dialog.open,true);assert.equal(f.posts.length,0);
+    emit(f.form,'click',f.choices[1]);assert.equal(f.hidden.value,'wechat');assert.equal(f.choices[1].getAttribute('aria-pressed'),'true');assert.equal(f.choices[1].querySelector('.wallet-method-check').textContent,'✓');
+    emit(f.form,'submit');emit(f.form,'submit');assert.deepEqual(f.posts,[{path:'coin/buy',body:{packageId:31,payMode:'wechat'}}]);
+    assert.equal(f.popups.length,1);assert.equal(f.popups[0].url,'about:blank');assert.equal(f.popups[0].target,'_blank');assert.equal(f.popups[0].opener,null);
+    assert.equal(f.confirm.disabled,true);emit(f.form,'click',f.choices[0]);assert.equal(f.hidden.value,'wechat');
+    finish({payUrl:'https://pay.example/checkout',tradeNo:'order-1'});await flush();
+    assert.equal(f.popups[0].url,'https://pay.example/checkout');assert.equal(f.popups[0].closed,false);assert.deepEqual(f.redirects,[]);
+    assert.match(f.form.innerHTML,/<a class="primary wallet-payment-link" href="https:\/\/pay\.example\/checkout" target="_blank" rel="sponsored nofollow noopener noreferrer">打开支付页面<\/a>/);assert.ok(f.form.innerHTML.includes('我已完成支付'));assert.equal(f.refreshes,0);assert.equal(f.app.api.user.recharge,90);
+    emit(f.refresh,'click');await flush();assert.equal(f.refreshes,1);assert.equal(f.dialog.open,false);assert.equal(f.routes,1);
+    f.controller.abort();assert.equal(f.popups[0].closed,false,'completed payment tabs remain open when leaving the wallet');
+  }finally{f.dispose();}
+});
+
+test('VIP uses its existing endpoint and an invalid payment URL leaves the form available to retry',async()=>{
+  const f=await fixture({vip:true,post:async()=>({payUrl:'javascript:alert(1)'})});
+  try{
+    emit(f.form,'submit');await flush();assert.deepEqual(f.posts,[{path:'vip/pay',body:{packageId:31,payMode:'alipay'}}]);
+    assert.match(f.error.textContent,/有效地址/);assert.equal(f.confirm.disabled,false);assert.equal(f.choices[0].disabled,false);assert.equal(f.refreshes,0);
+    assert.equal(f.popups[0].closed,true);assert.equal(f.popups[0].url,'about:blank');assert.deepEqual(f.redirects,[]);
+    assert.ok(!f.form.innerHTML.includes('javascript:'));
+  }finally{f.dispose();}
+});
+
+test('missing methods cannot create an order and a replaced form ignores late order responses',async()=>{
+  const empty=await fixture({methods:[]});
+  try{emit(empty.form,'submit');assert.equal(empty.posts.length,0);assert.equal(empty.popups.length,0);}finally{empty.dispose();}
+  let finish;const late=await fixture({post:()=>new Promise(resolve=>finish=resolve)});
+  try{
+    emit(late.form,'submit');late.form.isConnected=false;finish({payUrl:'https://pay.example',tradeNo:'old-order'});await flush();
+    assert.equal(late.form.innerHTML,'');assert.equal(late.refreshes,0);
+    assert.equal(late.popups[0].closed,true);assert.equal(late.popups[0].url,'about:blank');assert.deepEqual(late.redirects,[]);
+  }finally{late.dispose();}
+});
+
+test('VIP payment opens the returned URL automatically and keeps a link to reopen the order',async()=>{
+  const f=await fixture({vip:true});
+  try{
+    emit(f.form,'submit');await flush();
+    assert.deepEqual(f.posts,[{path:'vip/pay',body:{packageId:31,payMode:'alipay'}}]);
+    assert.equal(f.popups.length,1);assert.equal(f.popups[0].url,'https://pay.example/checkout');
+    assert.ok(f.form.innerHTML.includes('打开支付页面'));assert.ok(f.form.innerHTML.includes('href="https://pay.example/checkout"'));assert.equal(f.refreshes,0);
+  }finally{f.dispose();}
+});
+
+test('a blocked payment popup automatically continues in the current page after order creation',async()=>{
+  let finish;const f=await fixture({popupBlocked:true,post:()=>new Promise(resolve=>finish=resolve)});
+  try{
+    emit(f.form,'submit');assert.deepEqual(f.redirects,[]);
+    finish({payUrl:'https://pay.example/checkout',tradeNo:'order-1'});await flush();
+    assert.deepEqual(f.redirects,['https://pay.example/checkout']);assert.equal(f.posts.length,1);
+    assert.ok(f.form.innerHTML.includes('打开支付页面'));
+  }finally{f.dispose();}
+});
+
+test('failed orders close their reserved tab and can retry with a fresh tab',async()=>{
+  let attempts=0;const f=await fixture({post:async()=>{
+    if(!attempts++)throw new Error('下单失败');
+    return {payUrl:'https://pay.example/retry',tradeNo:'order-2'};
+  }});
+  try{
+    emit(f.form,'submit');await flush();
+    assert.equal(f.popups[0].closed,true);assert.equal(f.error.textContent,'下单失败');assert.equal(f.confirm.disabled,false);
+    emit(f.form,'submit');await flush();
+    assert.equal(f.posts.length,2);assert.equal(f.popups.length,2);assert.equal(f.popups[1].url,'https://pay.example/retry');assert.equal(f.popups[1].closed,false);
+  }finally{f.dispose();}
+});
+
+test('leaving the wallet closes its pending tab and ignores a late payment URL',async()=>{
+  let finish;const f=await fixture({post:()=>new Promise(resolve=>finish=resolve)});
+  try{
+    emit(f.form,'submit');f.controller.abort();assert.equal(f.popups[0].closed,true);
+    finish({payUrl:'https://pay.example/late',tradeNo:'old-order'});await flush();
+    assert.equal(f.popups[0].url,'about:blank');assert.deepEqual(f.redirects,[]);assert.equal(f.form.innerHTML,'');
+  }finally{f.dispose();}
+});
diff --git a/tests/playback.test.mjs b/tests/playback.test.mjs
new file mode 100644
index 0000000..913cee2
--- /dev/null
+++ b/tests/playback.test.mjs
@@ -0,0 +1,664 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+import {setMaxListeners} from 'node:events';
+import vm from 'node:vm';
+import {seoUrl} from './helpers/seo.mjs';
+
+async function moduleUrl(path,transform=code=>code){
+  const source=await readFile(new URL(path,import.meta.url),'utf8');
+  const {outputText}=ts.transpileModule(source,{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(transform(outputText).replace(/(['"])\.\.\/routing\1/g,JSON.stringify(routingModuleUrl))+'\n//# sourceURL='+new URL(path,import.meta.url).pathname).toString('base64');
+}
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const playbackModuleUrl=await moduleUrl('../src/lib/client/playback.ts',code=>code.replace(/from ['"]\.\.\/api\/protocol['"]/,`from '${protocolUrl}'`));
+const {playbackUrl,chapterAccess,chapterListGate,chapterUnlockCost,initialPlayMode,preferNativeHls,isCodecFailure,MediaPlayback}=await import(playbackModuleUrl);
+const renderUrl=await moduleUrl('../src/lib/client/render.ts',code=>code.replace(/from ['"]\.\.\/api\/protocol['"]/,`from '${protocolUrl}'`));
+const appDownloadUrl=await moduleUrl('../src/lib/app-download.ts',code=>code.replace(/from ['"]\.\/api\/protocol['"]/,`from '${protocolUrl}'`));
+const downloadUrl=await moduleUrl('../src/lib/client/download.ts',code=>code.replace(/from ['"]\.\.\/app-download['"]/,`from '${appDownloadUrl}'`));
+const detailUrl=await moduleUrl('../src/lib/client/detail.ts',code=>code.replace(/from ['"]\.\.\/api\/protocol['"]/,`from '${protocolUrl}'`).replace(/from ['"]\.\/render['"]/,`from '${renderUrl}'`));
+const unlockUrl=await moduleUrl('../src/lib/client/unlock.ts',code=>code.replace(/from ['"]\.\.\/api\/protocol['"]/,`from '${protocolUrl}'`).replace(/from ['"]\.\/playback['"]/,`from '${playbackModuleUrl}'`));
+const feedbackUrl=await moduleUrl('../src/lib/client/request-feedback.ts');
+const markupUrl=await moduleUrl('../src/lib/client/player-markup.ts',code=>code
+  .replace(/from ['"]\.\.\/api\/protocol['"]/,`from '${protocolUrl}'`)
+  .replace(/from ['"]\.\/render['"]/,`from '${renderUrl}'`)
+  .replace(/from ['"]\.\/detail['"]/,`from '${detailUrl}'`)
+  .replace(/from ['"]\.\/playback['"]/,`from '${playbackModuleUrl}'`));
+const playerDataUrl=await moduleUrl('../src/lib/player-data.ts',code=>code
+  .replace(/from ['"]\.\/api\/protocol['"]/,`from '${protocolUrl}'`)
+  .replace(/from ['"]\.\/seo['"]/,`from '${seoUrl}'`)
+  .replace(/from ['"]\.\/client\/playback['"]/,`from '${playbackModuleUrl}'`));
+const {playerInitialData}=await import(playerDataUrl);
+const playerUrl=await moduleUrl('../src/lib/client/player.ts',code=>code
+  .replace(/from ['"]\.\/player-markup['"]/,`from '${markupUrl}'`)
+  .replace(/from ['"]\.\.\/seo['"]/,`from '${seoUrl}'`)
+  .replace(/from ['"]\.\.\/api\/protocol['"]/,`from '${protocolUrl}'`)
+  .replace(/from ['"]\.\/render['"]/,`from '${renderUrl}'`)
+  .replace(/from ['"]\.\/download['"]/,`from '${downloadUrl}'`)
+  .replace(/from ['"]\.\/detail['"]/,`from '${detailUrl}'`)
+  .replace(/from ['"]\.\/unlock['"]/,`from '${unlockUrl}'`)
+  .replace(/from ['"]\.\/request-feedback['"]/,`from '${feedbackUrl}'`)
+  .replace(/from ['"]\.\/playback['"]/,`from '${playbackModuleUrl}'`));
+const {renderPlayer}=await import(playerUrl);
+const nav=(userAgent,maxTouchPoints=0)=>({userAgent,maxTouchPoints});
+const chrome=nav('Mozilla/5.0 Chrome/130 Safari/537.36');
+const safari=nav('Mozilla/5.0 Macintosh Version/18 Safari/605.1.15');
+const flush=()=>new Promise(resolve=>setImmediate(resolve));
+
+class Element extends EventTarget {
+  tagName;dataset={};attrs=new Map();nodes=new Map();lists=new Map();children=[];hidden=false;disabled=false;textContent='';innerHTML='';
+  classList={toggle(){}};
+  style={setProperty(){}};
+  constructor(tagName='DIV'){super();this.tagName=tagName;}
+  setAttribute(key,value){this.attrs.set(key,String(value));}
+  getAttribute(key){return this.attrs.get(key)??null;}
+  hasAttribute(key){return this.attrs.has(key);}
+  removeAttribute(key){this.attrs.delete(key);}
+  querySelector(selector){return this.nodes.get(selector)??null;}
+  querySelectorAll(selector){return this.lists.get(selector)||[];}
+  matches(){return false;}
+  append(child){this.children.push(child);}
+  closest(){return this;}
+  insertAdjacentHTML(_position,html){this.innerHTML+=html;}
+}
+class Video extends Element {
+  paused=true;controls=false;native=false;plays=0;loads=0;sourceWrites=[];rejectPlay=false;error=null;
+  constructor(native=false){super('VIDEO');this.native=native;}
+  canPlayType(){return this.native?'maybe':'';}
+  pause(){this.paused=true;}
+  load(){this.loads++;this.error=null;}
+  async play(){this.plays++;if(this.rejectPlay)throw new Error('NotAllowed');this.paused=false;this.dispatchEvent(new Event('playing'));}
+  set src(value){this.sourceWrites.push(value);this.setAttribute('src',value);}
+  get src(){return this.getAttribute('src')||'';}
+}
+function hlsClass(supported=true){
+  return class {
+    static instances=[];static Events={MANIFEST_PARSED:'manifest',ERROR:'error'};static ErrorTypes={NETWORK_ERROR:'network',MEDIA_ERROR:'media'};
+    static DefaultConfig={manifestLoadPolicy:{default:{}},fragLoadPolicy:{default:{}}};
+    static isSupported(){return supported;}
+    handlers=new Map();destroyed=0;network=0;media=0;stopped=0;
+    constructor(config){this.config=config;this.constructor.instances.push(this);}
+    on(event,handler){this.handlers.set(event,handler);}
+    emit(event,data){this.handlers.get(event)?.(event,data);}
+    loadSource(source){this.source=source;}
+    attachMedia(video){this.video=video;}
+    startLoad(){this.network++;}
+    recoverMediaError(){this.media++;}
+    stopLoad(){this.stopped++;}
+    destroy(){this.destroyed++;}
+  };
+}
+function fixture({native=false,navigator=chrome,Hls=hlsClass(),loadHls=async()=>Hls}={}){
+  const video=new Video(native),controller=new AbortController(),messages=[];let errors=0;
+  const media=new MediaPlayback(video,{signal:controller.signal,navigator,loadHls,status:value=>messages.push(value),error:()=>errors++});
+  return {video,controller,Hls,media,messages,get errors(){return errors;}};
+}
+
+test('playback addresses preserve signed queries, use the relative proxy once, and reject unsafe paths',()=>{
+  for(const path of ['folder/file.m3u8?token=a%2Fb+1&x=2','/folder/file.m3u8?token=a%2Fb+1&x=2','/h5/m3u8/folder/file.m3u8?token=a%2Fb+1&x=2','h5/m3u8/folder/file.m3u8?token=a%2Fb+1&x=2'])assert.equal(playbackUrl(path),'/h5/m3u8/folder/file.m3u8?token=a%2Fb+1&x=2');
+  assert.equal(playbackUrl(' https://cdn.example/a.m3u8?token=abc#x '),'https://cdn.example/a.m3u8?token=abc#x');
+  for(const value of [null,{},'', 'javascript:alert(1)','blob:abc','//external/stream','../secret','a/%2e%2e/b','a\\b','https://user:password@example.com/a'])assert.equal(playbackUrl(value),'');
+});
+
+test('chapter access follows reference precedence, supports legacy free URLs, and never supplies gated main sources',()=>{
+  const url='https://cdn.example/main.mp4';
+  assert.equal(chapterAccess({canWatch:true,needUnlock:true,videoUrl:url}).allowed,true);
+  assert.equal(chapterAccess({canWatch:false,payType:0,videoUrl:url}).allowed,true);
+  for(const chapter of [{needUnlock:true},{payType:1},{canWatch:false,payType:1}]){
+    const access=chapterAccess({...chapter,videoUrl:url});assert.equal(access.allowed,false);assert.equal(access.gate,'coins');assert.equal(access.source,'');assert.equal(initialPlayMode(access,url),'preview');
+  }
+  assert.equal(chapterAccess({needVip:true,videoUrl:url}).gate,'vip');
+  assert.equal(chapterAccess({payType:2,videoUrl:url}).gate,'vip');
+  assert.equal(chapterAccess(null).allowed,false);
+  assert.equal(chapterUnlockCost({costCoins:12,singleCoins:30}),12);assert.equal(chapterUnlockCost({costCoins:-1,singleCoins:30}),30);
+  assert.equal(initialPlayMode(chapterAccess({canWatch:true,videoUrl:url}),url),'main');
+  assert.equal(initialPlayMode(chapterAccess({canWatch:true}),url),'preview');
+});
+
+test('native HLS is preferred on Apple browsers while Chromium and shell browsers try MSE first',()=>{
+  const video=new Video(true);
+  for(const browser of [safari,nav('Mozilla iPhone Mobile Safari'),nav('Mozilla Macintosh Safari',5)])assert.equal(preferNativeHls(video,browser),true);
+  for(const browser of [chrome,nav('Android Chrome Safari'),nav('iPhone Quark Safari'),nav('iPhone MicroMessenger Safari')])assert.equal(preferNativeHls(video,browser),false);
+  assert.equal(preferNativeHls(new Video(false),safari),false);
+});
+
+test('Chromium uses hls.js even with a native-HLS claim, with reference buffers and modern load policies',async()=>{
+  const f=fixture({native:true});
+  try{
+    await f.media.setSource('/h5/m3u8/stream?token=1');const hls=f.Hls.instances[0];
+    assert.equal(hls.source,'/h5/m3u8/stream?token=1');assert.equal(hls.video,f.video);assert.deepEqual(f.video.sourceWrites,[]);
+    assert.equal(hls.config.maxBufferLength,30);assert.equal(hls.config.maxMaxBufferLength,60);
+    assert.equal(hls.config.manifestLoadPolicy.default.maxLoadTimeMs,10000);assert.equal(hls.config.fragLoadPolicy.default.maxLoadTimeMs,20000);
+    assert.equal(f.video.getAttribute('x5-video-player-type'),'h5');assert.equal(f.video.playsInline,true);
+    assert.equal(f.video.plays,0);await f.media.toggle();assert.equal(f.video.paused,false);await f.media.toggle();assert.equal(f.video.paused,true);
+  }finally{f.media.dispose();}
+});
+
+test('Safari and ordinary MP4 playback avoid loading hls.js',async()=>{
+  let imports=0;const loadHls=async()=>{imports++;throw Error('must not import');};
+  for(const [navigator,url] of [[safari,'https://cdn.example/main.m3u8'],[chrome,'https://cdn.example/main.mp4']]){
+    const f=fixture({native:true,navigator,loadHls});
+    try{await f.media.setSource(url);assert.equal(f.video.src,url);assert.equal(f.errors,0);}finally{f.media.dispose();}
+  }
+  assert.equal(imports,0);
+});
+
+test('shell browsers without MSE fall back to native HLS; unsupported and failed library loads show retry states',async()=>{
+  for(const native of [true,false]){
+    const f=fixture({native,navigator:nav('iPhone Quark Safari'),Hls:hlsClass(false)});
+    try{await f.media.setSource('/h5/m3u8/main.m3u8');assert.equal(!!f.video.src,native);assert.equal(f.errors,native?0:1);}finally{f.media.dispose();}
+    const failed=fixture({native,loadHls:async()=>{throw Error('offline');}});
+    try{await failed.media.setSource('/h5/m3u8/main.m3u8');assert.equal(!!failed.video.src,native);assert.equal(failed.errors,native?0:1);}finally{failed.media.dispose();}
+  }
+});
+
+test('fatal HLS network and media errors recover at most three times before presenting retry',async()=>{
+  const f=fixture();
+  try{
+    await f.media.setSource('/h5/m3u8/main.m3u8');const hls=f.Hls.instances[0];
+    hls.emit('error',{fatal:false,type:'network'});assert.equal(hls.network,0);
+    for(const type of ['network','media','network','network'])hls.emit('error',{fatal:true,type});
+    assert.equal(hls.network,2);assert.equal(hls.media,1);assert.equal(hls.stopped,1);assert.equal(f.errors,1);
+    await f.media.retry();assert.equal(hls.destroyed,1);assert.equal(f.Hls.instances.length,2);assert.equal(f.video.plays,1);
+  }finally{f.media.dispose();}
+});
+
+test('source switches destroy the old HLS instance and ignore its late events',async()=>{
+  const f=fixture();
+  try{
+    await f.media.setSource('/h5/m3u8/old.m3u8');const old=f.Hls.instances[0];
+    await f.media.setSource('https://cdn.example/new.mp4');assert.equal(old.destroyed,1);
+    old.emit('error',{fatal:true,type:'media'});assert.equal(old.media,0);assert.equal(f.errors,0);
+    assert.equal(f.video.src,'https://cdn.example/new.mp4');
+  }finally{f.media.dispose();}
+});
+
+test('route cancellation during a pending HLS import cannot create a stale player',async()=>{
+  let finish;const Hls=hlsClass();const f=fixture({Hls,loadHls:()=>new Promise(resolve=>finish=resolve)});
+  const pending=f.media.setSource('/h5/m3u8/old.m3u8');
+  f.controller.abort();finish(Hls);await pending;
+  assert.equal(Hls.instances.length,0);assert.equal(f.video.src,'');await f.media.toggle();assert.equal(f.video.plays,0);
+});
+
+test('a newer native source wins when an older HLS import completes late, and rejected play remains retryable',async()=>{
+  let finish;const Hls=hlsClass();const f=fixture({Hls,loadHls:()=>new Promise(resolve=>finish=resolve)});
+  try{
+    const pending=f.media.setSource('/h5/m3u8/old.m3u8');await f.media.setSource('https://cdn.example/new.mp4');finish(Hls);await pending;
+    assert.equal(Hls.instances.length,0);assert.equal(f.video.src,'https://cdn.example/new.mp4');
+    f.video.rejectPlay=true;await f.media.toggle();assert.equal(f.video.paused,true);assert.equal(f.messages.at(-1),'请再次点击播放');
+    f.video.rejectPlay=false;await f.media.toggle();assert.equal(f.video.paused,false);
+  }finally{f.media.dispose();}
+});
+
+test('codec incompatibility is distinguished from network, quota, and decryption failures',()=>{
+  for(const details of ['manifestIncompatibleCodecsError','bufferAddCodecError','bufferIncompatibleCodecsError'])assert.equal(isCodecFailure({details}),true);
+  for(const reason of ['Unsupported HEVC in M2TS found','H.265 codec not supported','incompatible AVC codec'])assert.equal(isCodecFailure({details:'fragParsingError',reason}),true);
+  assert.equal(isCodecFailure({error:new DOMException('unsupported','NotSupportedError')}),true);
+  for(const details of ['keyLoadError','fragDecryptError','fragLoadError'])assert.equal(isCodecFailure({details,error:Error('network unavailable')}),false);
+  assert.equal(isCodecFailure({details:'bufferAppendError',error:new DOMException('full','QuotaExceededError')}),false);
+});
+
+test('HEVC MSE codec errors try native HLS once, retaining signatures and playback position',async()=>{
+  const f=fixture({native:true});const source='/h5/m3u8/hevc.m3u8?id=1&t=2&ticket=a%2Fb+1';
+  try{
+    await f.media.setSource(source);const hls=f.Hls.instances[0];f.video.currentTime=42;
+    hls.emit('error',{fatal:true,type:'media',details:'bufferIncompatibleCodecsError',mimeType:'video/mp4;codecs="hvc1.1.6.L93.B0"'});
+    assert.equal(hls.destroyed,1);assert.equal(f.video.src,source);assert.equal(f.errors,0);
+    f.video.currentTime=0;f.video.dispatchEvent(new Event('loadedmetadata'));assert.equal(f.video.currentTime,42);
+    hls.emit('error',{fatal:true,type:'media',details:'bufferAddCodecError'});assert.equal(f.errors,0);
+    f.video.error={code:4};f.video.dispatchEvent(new Event('error'));await flush();
+    assert.equal(f.errors,1);assert.equal(f.Hls.instances.length,1);assert.match(f.messages.at(-1),/H\.264\/H\.265/);
+  }finally{f.media.dispose();}
+});
+
+test('native decode failures can switch to the full HLS engine without showing a premature generic error',async()=>{
+  const f=fixture({native:true,navigator:safari});let genericErrors=0;f.video.addEventListener('error',()=>genericErrors++);
+  try{
+    await f.media.setSource('https://cdn.example/hevc.m3u8?ticket=signed');f.video.currentTime=12.5;
+    f.video.error={code:3};f.video.dispatchEvent(new Event('error'));f.video.dispatchEvent(new Event('error'));await flush();
+    assert.equal(genericErrors,0);assert.equal(f.Hls.instances.length,1);assert.equal(f.video.src,'');assert.equal(f.errors,0);
+    const hls=f.Hls.instances[0];assert.equal(hls.config.startPosition,12.5);assert.equal(hls.source,'https://cdn.example/hevc.m3u8?ticket=signed');
+    hls.emit('error',{fatal:true,type:'media',details:'bufferAddCodecError'});
+    assert.equal(f.errors,1);assert.equal(f.video.sourceWrites.length,1);assert.equal(hls.media,0);
+  }finally{f.media.dispose();}
+});
+
+test('nonfatal codec errors and compatible rendition retries are left to hls.js',async()=>{
+  const f=fixture({native:true});
+  try{
+    await f.media.setSource('/h5/m3u8/multi-codec.m3u8');const hls=f.Hls.instances[0];
+    hls.emit('error',{fatal:false,type:'media',details:'bufferAddCodecError'});
+    hls.emit('error',{fatal:true,levelRetry:true,type:'media',details:'bufferAddCodecError'});
+    assert.equal(f.video.src,'');assert.equal(hls.destroyed,0);assert.equal(f.errors,0);
+    assert.equal(hls.config.videoPreference,undefined);
+  }finally{f.media.dispose();}
+});
+
+test('unsupported HEVC reports once without repeatedly recovering an incompatible decoder',async()=>{
+  const f=fixture();
+  try{
+    await f.media.setSource('/h5/m3u8/hevc-only.m3u8');const hls=f.Hls.instances[0];
+    for(let index=0;index<3;index++)hls.emit('error',{fatal:true,type:'media',details:'manifestIncompatibleCodecsError'});
+    assert.equal(hls.media,0);assert.equal(hls.network,0);assert.equal(f.errors,1);assert.match(f.messages.at(-1),/不支持此视频编码/);
+    await f.media.toggle();assert.equal(f.video.plays,0);
+  }finally{f.media.dispose();}
+});
+
+test('native MP4 codec failures show the decoding limitation without treating MP4 as an HLS playlist',async()=>{
+  let imports=0;const f=fixture({loadHls:async()=>{imports++;return hlsClass();}});
+  try{
+    await f.media.setSource('https://cdn.example/hevc.mp4');
+    f.video.error={code:2};f.video.dispatchEvent(new Event('error'));assert.equal(f.errors,1);assert.match(f.messages.at(-1),/视频加载失败/);
+    await f.media.setSource('https://cdn.example/hevc.mp4');
+    f.video.error={code:4};f.video.dispatchEvent(new Event('error'));
+    assert.equal(imports,0);assert.equal(f.errors,2);assert.match(f.messages.at(-1),/H\.264\/H\.265/);
+  }finally{f.media.dispose();}
+});
+
+test('native HLS network failure reports the terminal error once and an aborted load is not counted',async()=>{
+  const f=fixture({native:true,navigator:safari});
+  try{
+    await f.media.setSource('https://cdn.example/main.m3u8');
+    f.video.error={code:1};f.video.dispatchEvent(new Event('error'));assert.equal(f.errors,0);
+    f.video.error={code:2};f.video.dispatchEvent(new Event('error'));f.video.dispatchEvent(new Event('error'));
+    assert.equal(f.errors,1);assert.match(f.messages.at(-1),/视频加载失败/);assert.equal(f.Hls.instances.length,0);
+  }finally{f.media.dispose();}
+});
+
+test('switching routes during a native-to-MSE fallback cannot install an outdated decoder',async()=>{
+  let finish;const Hls=hlsClass();const f=fixture({native:true,navigator:safari,Hls,loadHls:()=>new Promise(resolve=>finish=resolve)});
+  await f.media.setSource('/h5/m3u8/old.m3u8');
+  f.video.error={code:4};f.video.dispatchEvent(new Event('error'));f.controller.abort();finish(Hls);await flush();
+  assert.equal(Hls.instances.length,0);assert.equal(f.video.src,'');assert.equal(f.errors,0);
+});
+
+function playerFixture({allowed=false,preview=true,unlock=async()=>({}),commentData={list:[],totalCount:0},detail={},chapterList,mobile=false,loadChapter}={}){
+  const original=Object.fromEntries(['document','window','matchMedia'].map(key=>[key,globalThis[key]]));
+  const signal=new AbortController();setMaxListeners(30,signal.signal);
+  const page=new Element('MAIN'),box=new Element(),video=new Video(),overlay=new Element(),status=new Element(),lock=new Element('DIALOG');
+  lock.open=false;lock.showModal=()=>{lock.open=true;};lock.close=()=>{const wasOpen=lock.open;lock.open=false;if(wasOpen)lock.dispatchEvent(new Event('close'));};
+  const controlActions={};const mainButton=new Element('BUTTON'),previewButton=new Element('BUTTON');
+  mainButton.dataset.playMode='main';previewButton.dataset.playMode='preview';
+  const node=(parent,key)=>{if(!parent.nodes.has(key))parent.nodes.set(key,new Element());return parent.nodes.get(key);};
+  page.nodes.set('video',video);page.nodes.set('.play-screen',box);page.nodes.set('.play-source-status',status);
+  box.nodes.set('.play-screen-overlay',overlay);box.nodes.set('[data-media="toggle"]',new Element('BUTTON'));
+  box.nodes.set('[data-play-action="previous"]',new Element('BUTTON'));box.nodes.set('[data-play-action="next"]',new Element('BUTTON'));
+  for(const key of ['.play-episode-pages','.play-episode-grid','.play-comment-list','#play-comments-title','form'])node(page,key);
+  for(const key of ['.unlock-close','.unlock-pay','#episode-lock-balance','.unlock-cost','#episode-lock-error','#episode-lock-description','.unlock-recharge'])node(lock,key);
+  page.lists.set('button[data-play-mode]',preview?[mainButton,previewButton]:[]);page.lists.set('[data-play-mode]',preview?[box,mainButton,previewButton]:[box]);
+  const doc=new EventTarget();doc.getElementById=id=>id==='drama-play-page'?page:lock;doc.createElement=tag=>new Element(tag.toUpperCase());
+  const browser=new EventTarget();browser.navigator=chrome;
+  browser.installPlayerControls=(_box,_episode,actions)=>{Object.assign(controlActions,actions);};
+  globalThis.document=doc;globalThis.window=browser;globalThis.matchMedia=()=>({matches:mobile});
+  const posts=[],navigations=[],notifications=[],getCalls=[];let routes=0,refreshes=0;
+  const chapters=chapterList||[{id:90001,currentEpisode:1},{id:90042,currentEpisode:2},{id:91200,currentEpisode:3}];
+  const chapter={id:90042,playletId:23456,currentEpisode:2,canWatch:allowed,needUnlock:!allowed,payType:1,costCoins:12,balance:90,videoUrl:'https://cdn.example/main.mp4'};
+  const api={user:{recharge:90},get:async(path,query)=>{
+    getCalls.push({path,query});
+    if(path==='playlet/detail')return {id:23456,title:'测试剧集',preview:preview?'https://cdn.example/preview.mp4':'',playletChapterInfo:chapters,...detail};
+    if(path==='playlet/chapter/list')return {list:chapters};
+    if(path==='playlet/chapter/detail')return loadChapter?loadChapter(query):chapter;
+    if(path==='comment/list')return commentData;
+    throw Error(path);
+  },post:async(path,body)=>{posts.push({path,body});return path==='playlet/chapter/unlock'?unlock():{};},setUser(user){api.user=user;},refreshUser:async()=>{refreshes++;}};
+  const app={api,signal:signal.signal,config:{},home:{},notify:value=>notifications.push(value),navigate:path=>navigations.push(path),route:async()=>{routes++;}};
+  return {app,page,video,box,status,lock,posts,navigations,notifications,getCalls,mainButton,previewButton,controlActions,chapter,
+    get routes(){return routes;},get refreshes(){return refreshes;},
+    click(button){const event=new Event('click');Object.defineProperty(event,'target',{value:button});page.dispatchEvent(event);},
+    dispose(){signal.abort();for(const [key,value] of Object.entries(original)){if(value===undefined)delete globalThis[key];else globalThis[key]=value;}}};
+}
+
+function engagementControls(f,{like=197,collect=2}={}){
+  const result={};
+  for(const [kind,value] of [['like',like],['collect',collect]]){
+    const button=new Element('BUTTON'),label=new Element('SPAN'),stat=new Element('SPAN');
+    button.dataset.engage=kind;button.setAttribute('aria-pressed','false');label.textContent=kind==='like'?'点赞':'收藏';stat.textContent=value+(kind==='like'?'点赞':'收藏');
+    button.nodes.set('span',label);f.page.lists.set(`[data-engage="${kind}"]`,[button]);f.page.lists.set(`[data-engage-count="${kind}"]`,[stat]);
+    result[kind]={button,label,stat};
+  }
+  return result;
+}
+
+test('likes and collections show pending feedback, reject duplicate clicks and update both counters after empty successes',async()=>{
+  const f=playerFixture({detail:{countLike:197,countCollect:2}}),controls=engagementControls(f),requests=[];let dispose;
+  f.page.nodes.delete('video');
+  f.app.api.post=(path,body)=>{f.posts.push({path,body});return new Promise(resolve=>requests.push(resolve));};
+  try{
+    dispose=await renderPlayer(f.app,23456);await flush();const reads=f.getCalls.length;
+    assert.ok(f.page.innerHTML.includes('data-engage-count="like"'));
+    f.click(controls.like.button);f.click(controls.like.button);
+    assert.equal(f.posts.length,1);assert.equal(controls.like.button.disabled,true);assert.equal(controls.like.button.getAttribute('aria-busy'),'true');assert.equal(controls.like.label.textContent,'请求中');
+    assert.equal(controls.like.stat.textContent,'197点赞','counts change only after the write succeeds');
+    f.click(controls.collect.button);assert.equal(f.posts.length,2);
+    requests[0](null);await flush();assert.equal(controls.like.stat.textContent,'198点赞');assert.equal(controls.like.label.textContent,'已点赞');
+    requests[1]({countCollect:3,isLike:0,countLike:0});await flush();assert.equal(controls.collect.stat.textContent,'3收藏');assert.equal(controls.collect.label.textContent,'已收藏');
+    f.click(controls.like.button);assert.equal(f.posts.at(-1).body.isLike,false,'a concurrent collection response must not undo the like state');requests[2]({});await flush();
+    assert.equal(controls.like.stat.textContent,'197点赞');assert.equal(controls.like.label.textContent,'点赞');assert.equal(controls.like.button.getAttribute('aria-pressed'),'false');
+    assert.equal(controls.like.button.disabled,false);assert.equal(controls.like.button.hasAttribute('aria-busy'),false);
+    assert.equal(f.getCalls.length,reads,'engagement writes do not wait for a detail refetch');
+  }finally{dispose?.();f.dispose();}
+});
+
+test('failed engagement writes restore controls and preserve counts; late responses after leaving do not change them',async()=>{
+  const f=playerFixture({detail:{countLike:0,countCollect:0}}),controls=engagementControls(f,{like:0,collect:0});let dispose,resolve,reject;
+  f.page.nodes.delete('video');
+  f.app.api.post=()=>new Promise((yes,no)=>{resolve=yes;reject=no;});
+  try{
+    dispose=await renderPlayer(f.app,23456);await flush();
+    f.click(controls.like.button);reject(new Error('请求失败'));await flush();
+    assert.equal(controls.like.stat.textContent,'0点赞');assert.equal(controls.like.label.textContent,'点赞');assert.equal(controls.like.button.disabled,false);assert.equal(controls.like.button.hasAttribute('aria-busy'),false);assert.equal(f.notifications.at(-1),'请求失败');
+    f.click(controls.like.button);resolve(null);await flush();assert.equal(controls.like.stat.textContent,'1点赞');
+    f.click(controls.like.button);f.dispose();resolve(null);await flush();assert.equal(controls.like.stat.textContent,'1点赞');
+  }finally{dispose?.();f.dispose();}
+});
+
+test('episode engagements update chapter counts and keep the numeric chapter write endpoint',async()=>{
+  const f=playerFixture({allowed:true,detail:{countCollect:200,countLike:300}}),controls=engagementControls(f,{collect:9,like:7});let dispose;
+  f.chapter.countCollect=9;f.chapter.countLike=7;f.page.nodes.delete('video');
+  f.app.api.post=async(path,body)=>{f.posts.push({path,body});return null;};
+  try{
+    dispose=await renderPlayer(f.app,23456,90042);await flush();
+    assert.ok(f.page.innerHTML.includes('>9收藏</span>'));
+    f.click(controls.collect.button);await flush();
+    assert.deepEqual(f.posts.at(-1),{path:'playlet/chapter/collect/set',body:{chapterId:90042,isCollect:true}});
+    assert.equal(controls.collect.stat.textContent,'10收藏');assert.equal(f.chapter.countCollect,10);
+  }finally{dispose?.();f.dispose();}
+});
+
+test('comment likes update their local count after success without refetching the comment list',async()=>{
+  const f=playerFixture(),button=new Element('BUTTON'),label=new Element('SPAN');let dispose,resolve;
+  f.page.nodes.delete('video');button.dataset.commentLike='8';button.dataset.commentCount='9';button.setAttribute('aria-pressed','false');label.textContent='♡ 9';button.nodes.set('[data-request-label]',label);
+  f.app.api.post=(path,body)=>{f.posts.push({path,body});return new Promise(yes=>resolve=yes);};
+  try{
+    dispose=await renderPlayer(f.app,23456);await flush();const reads=f.getCalls.filter(call=>call.path==='comment/list').length;
+    f.click(button);f.click(button);assert.equal(f.posts.length,1);assert.equal(label.textContent,'请求中');assert.equal(button.disabled,true);
+    resolve(null);await flush();assert.equal(label.textContent,'♥ 10');assert.equal(button.getAttribute('aria-pressed'),'true');assert.equal(button.disabled,false);
+    f.click(button);assert.equal(f.posts.at(-1).body.isLike,false);resolve({countLike:9});await flush();assert.equal(label.textContent,'♡ 9');
+    assert.equal(f.getCalls.filter(call=>call.path==='comment/list').length,reads);
+  }finally{dispose?.();f.dispose();}
+});
+
+test('comment submission displays sending feedback, blocks duplicate submits and retains text when the write fails',async()=>{
+  const f=playerFixture(),input=new Element('TEXTAREA'),button=new Element('BUTTON'),context=new Element(),error=new Element();let dispose,resolve,reject;
+  f.page.nodes.delete('video');button.textContent='发表评论';input.value='评论内容';
+  const form=f.page.querySelector('form');form.elements={namedItem:()=>input};form.nodes.set('[type="submit"]',button);f.page.nodes.set('#reply-context',context);f.page.nodes.set('#comment-error',error);
+  const submit=()=>{const event=new Event('submit',{cancelable:true});Object.defineProperty(event,'target',{value:form});form.dispatchEvent(event);};
+  f.app.api.post=(path,body)=>{f.posts.push({path,body});return new Promise((yes,no)=>{resolve=yes;reject=no;});};
+  try{
+    dispose=await renderPlayer(f.app,23456);await flush();
+    submit();submit();assert.equal(f.posts.length,1);assert.equal(button.textContent,'发送中');assert.equal(button.disabled,true);
+    reject(new Error('发送失败'));await flush();assert.equal(input.value,'评论内容');assert.equal(button.textContent,'发表评论');assert.equal(error.textContent,'发送失败');assert.equal(button.disabled,false);
+    submit();resolve({});await flush();assert.equal(input.value,'');assert.equal(button.textContent,'发表评论');assert.equal(button.disabled,false);assert.equal(error.textContent,'');
+  }finally{dispose?.();f.dispose();}
+});
+
+test('comment pagination uses page links and URL-provided page and sorting',async()=>{
+  const f=playerFixture({allowed:true,commentData:{list:[],totalCount:95}});let dispose;
+  const href=(page,sort)=>`/play/23456/90042/${page>1?`page/${page}/`:''}${sort===1?'?commentSort=1':''}`;
+  try{
+    dispose=await renderPlayer(f.app,23456,90042,false,{page:3,commentSort:1,pageHref:href});await flush();
+    const request=f.getCalls.find(call=>call.path==='comment/list');
+    assert.equal(request.query.pageNum,3);assert.equal(request.query.sortOrder,1);assert.equal(request.query.pageSize,10);
+    const html=f.page.querySelector('.play-comment-list').innerHTML;
+    assert.ok(html.includes('href="/play/23456/90042/page/4/?commentSort=1"'));
+    assert.ok(!html.includes('data-comment-page'));assert.ok(!html.includes('data-page-number'));
+    assert.ok(f.page.innerHTML.includes('data-comment-sort="1" aria-pressed="true"'));
+    const sort=new Element('BUTTON');sort.dataset.commentSort='2';f.click(sort);await flush();
+    assert.equal(f.navigations.at(-1),'/play/23456/90042/');
+    assert.equal(f.getCalls.filter(call=>call.path==='comment/list').length,1);
+  }finally{dispose?.();f.dispose();}
+});
+
+test('slug playback links survive client episode rendering, next controls, comments and confirmed unlocking with numeric write IDs',async()=>{
+  const f=playerFixture({allowed:true,detail:{slug:'city-story',tagIds:[9],tagSlugs:['urban'],tagNames:['都市']},commentData:{list:[],totalCount:25}});let dispose;
+  try{
+    dispose=await renderPlayer(f.app,23456,90042);await flush();
+    assert.ok(f.page.innerHTML.includes('href="/detail/city-story/"'));
+    assert.ok(f.page.innerHTML.includes('href="/tag/urban/"'));
+    assert.ok(f.page.querySelector('.play-episode-grid').innerHTML.includes('href="/play/city-story/90042/"'));
+    assert.ok(f.page.querySelector('.play-comment-list').innerHTML.includes('href="/play/city-story/90042/page/2/"'));
+    const next=new Element('BUTTON');next.dataset.playAction='next';f.click(next);await flush();
+    assert.equal(f.navigations.at(-1),'/play/city-story/91200/');
+  }finally{dispose?.();f.dispose();}
+  const paid=playerFixture({detail:{slug:'city-story'},chapterList:lockedList,loadChapter:query=>lockedChapter(query.chapterId)});let stop;
+  paid.page.nodes.delete('video');
+  try{
+    stop=await renderPlayer(paid.app,23456);paid.click(lockedButton(90042));await flush();
+    paid.lock.querySelector('.unlock-pay').dispatchEvent(new Event('click'));await flush();
+    assert.deepEqual(paid.posts[0],{path:'playlet/chapter/unlock',body:{chapterId:90042,playletId:23456}});
+    assert.equal(paid.navigations.at(-1),'/play/city-story/90042/');
+  }finally{stop?.();paid.dispose();}
+});
+
+test('locked chapters offer only the free preview; choosing main opens confirmation and never auto-unlocks or reports preview views',async()=>{
+  const f=playerFixture();let dispose;
+  try{
+    dispose=await renderPlayer(f.app,23456,90042);await flush();
+    assert.equal(f.box.dataset.playMode,'preview');assert.equal(f.video.src,'https://cdn.example/preview.mp4');assert.equal(f.video.plays,0);
+    await f.controlActions.toggle();assert.equal(f.video.plays,1);assert.equal(f.posts.length,0);
+    f.mainButton.dispatchEvent(new Event('click'));await flush();
+    assert.equal(f.video.src,'');assert.equal(f.box.dataset.playMode,'main');
+    await f.controlActions.toggle();assert.equal(f.lock.open,true);assert.equal(f.posts.length,0);
+    assert.equal(f.lock.querySelector('.unlock-cost').textContent,'12 金币');
+  }finally{dispose?.();f.dispose();}
+});
+
+test('allowed chapters play main despite stale lock flags; only main playback reports, and previous/next use actual IDs',async()=>{
+  const f=playerFixture({allowed:true});let dispose;
+  try{
+    dispose=await renderPlayer(f.app,23456,90042);await flush();
+    assert.equal(f.video.src,'https://cdn.example/main.mp4');await f.controlActions.toggle();await flush();
+    assert.deepEqual(f.posts,[{path:'playlet/chapter/watch/report',body:{playletId:23456,chapterId:90042}}]);
+    f.video.dispatchEvent(new Event('playing'));await flush();assert.equal(f.posts.length,1);
+    f.previewButton.dispatchEvent(new Event('click'));await flush();assert.equal(f.video.src,'https://cdn.example/preview.mp4');assert.equal(f.posts.length,1);
+    const previous=new Element('BUTTON');previous.dataset.playAction='previous';f.click(previous);
+    const next=new Element('BUTTON');next.dataset.playAction='next';f.click(next);await flush();
+    assert.deepEqual(f.navigations,['/play/23456/90001/','/play/23456/91200/']);
+    dispose();assert.equal(f.video.src,'');assert.equal(f.video.paused,true);
+  }finally{dispose?.();f.dispose();}
+});
+
+test('unlocking requires an explicit confirmation, prevents double submission, then refreshes account and chapter data',async()=>{
+  let finish;const f=playerFixture({preview:false,unlock:()=>new Promise(resolve=>finish=resolve)});let dispose;
+  try{
+    dispose=await renderPlayer(f.app,23456,90042);await f.controlActions.toggle();assert.equal(f.lock.open,true);assert.equal(f.posts.length,0);
+    const pay=f.lock.querySelector('.unlock-pay');pay.dispatchEvent(new Event('click'));pay.dispatchEvent(new Event('click'));
+    f.lock.close();await f.controlActions.toggle();pay.dispatchEvent(new Event('click'));
+    assert.equal(f.posts.length,1);assert.deepEqual(f.posts[0],{path:'playlet/chapter/unlock',body:{chapterId:90042,playletId:23456}});
+    finish({canWatch:true});await flush();assert.equal(f.lock.open,false);assert.equal(f.refreshes,1);assert.equal(f.routes,1);
+  }finally{dispose?.();f.dispose();}
+});
+
+test('actual player controls delegate play and retry to the media engine and allow unlock clicks to reach the page',async()=>{
+  const source=await readFile(new URL('../public/scripts/site-runtime.js',import.meta.url),'utf8');
+  const start=source.indexOf('function installPlayerControls('),end=source.indexOf('/* ---- sticky-search-header-script ---- */',start);
+  const install=vm.runInNewContext(source.slice(start,end)+'\ninstallPlayerControls;', {document:{},emptyStateMarkup:()=>'<div>重试</div>'});
+  const screen=new Element(),video=new Video(),bar=new Element(),overlay=new Element(),status=new Element(),center=new Element('BUTTON');
+  video.volume=1;video.currentTime=0;video.duration=0;
+  screen.nodes.set('video',video);screen.nodes.set('.play-screen-controls',bar);screen.nodes.set('.play-screen-overlay',overlay);screen.nodes.set('.play-source-status',status);overlay.nodes.set('button',center);
+  for(const selector of ['[data-play-action="next"]','.player-seek','.player-volume input','[data-media="toggle"]','[data-media="mute"]','[data-media="fullscreen"]','.player-time'])bar.nodes.set(selector,new Element());
+  let plays=0,retries=0;install(screen,2,{toggle:async()=>{plays++;},retry:async()=>{retries++;}});
+  const click=(button)=>{const event=new Event('click');Object.defineProperty(event,'target',{value:button});let stopped=false;event.stopPropagation=()=>{stopped=true;};screen.dispatchEvent(event);return stopped;};
+  assert.equal(click(center),true);await flush();assert.equal(plays,1);assert.equal(video.plays,0);
+  const retry=new Element('BUTTON');retry.dataset.media='retry';click(retry);await flush();assert.equal(retries,1);assert.equal(video.loads,0);
+  const unlock=new Element('BUTTON');unlock.setAttribute('data-show-unlock','');assert.equal(click(unlock),false);
+  screen.dispatchEvent(new Event('playback:error'));assert.equal(center.hidden,true);assert.ok(overlay.innerHTML.includes('重试'));
+});
+
+
+test('detail overview keeps original action groups, actual chapter identifiers and styled comment replies',async()=>{
+  const f=playerFixture({detail:{description:'接口简介',isNew:true,cover:'https://cdn.example/poster.webp'},commentData:{list:[{id:1,userName:'用户 <script>',text:'父评论',children:[{id:2,parentsId:1,text:'回复'}]}],totalCount:2}});let dispose;
+  f.page.nodes.delete('video');
+  try{
+    dispose=await renderPlayer(f.app,23456);await flush();
+    assert.ok(f.page.innerHTML.includes('href="/play/23456/90001/"'));assert.ok(f.page.innerHTML.includes('series-action-bar'));
+    assert.ok(f.page.innerHTML.includes('接口简介'));assert.ok(f.page.innerHTML.includes('class="play-official"'));
+    assert.ok(!f.getCalls.some(call=>call.path==='playlet/chapter/detail'));
+    const comments=f.page.querySelector('.play-comment-list').innerHTML;
+    assert.ok(comments.includes('class="play-comment-body"'));assert.ok(comments.includes('class="play-comment-replies"'));
+    assert.ok(comments.includes('play-comment-item play-comment-child'));assert.ok(comments.includes('用户 &lt;script&gt;'));
+    const like=new Element('BUTTON');like.dataset.engage='like';like.nodes.set('span',new Element());
+    f.click(like);await flush();assert.deepEqual(f.posts.at(-1),{path:'playlet/like/set',body:{id:23456,isLike:true}});
+    assert.equal(like.querySelector('span').textContent,'已点赞');
+  }finally{dispose?.();f.dispose();}
+});
+
+test('episode segments keep their anchor across desktop/mobile layout changes and show original lock and playing markers',async()=>{
+  const chapterList=Array.from({length:130},(_,index)=>({id:90001+index,currentEpisode:index+1,canWatch:index<10,payType:index<10?0:1}));
+  const f=playerFixture({allowed:true,chapterList});let dispose;
+  try{
+    dispose=await renderPlayer(f.app,23456,90042);await flush();
+    const grid=f.page.querySelector('.play-episode-grid'),segments=f.page.querySelector('.play-episode-pages');
+    assert.ok(segments.innerHTML.includes('class="episode-page-track"'));assert.ok(grid.innerHTML.includes('class="episode-playing"'));
+    assert.ok(grid.innerHTML.includes('class="coin-soft-star"'));
+    const tab=new Element('BUTTON');tab.dataset.episodePage='2';f.click(tab);await flush();assert.ok(grid.innerHTML.includes('data-locked-chapter="90091"'));
+    globalThis.matchMedia=()=>({matches:true});window.dispatchEvent(new Event('resize'));
+    assert.ok(grid.innerHTML.includes('data-locked-chapter="90091"'));assert.ok(!grid.innerHTML.includes('data-locked-chapter="90106"'));
+    globalThis.matchMedia=()=>({matches:false});window.dispatchEvent(new Event('resize'));
+    assert.ok(grid.innerHTML.includes('data-locked-chapter="90091"'));assert.ok(grid.innerHTML.includes('data-locked-chapter="90130"'));
+  }finally{dispose?.();f.dispose();}
+});
+
+test('episode list gating follows reference permissions independently of video URLs',()=>{
+  for(const chapter of [{payType:0},{payType:1,isUnlocked:true},{canWatch:true,needUnlock:true,needVip:true,payType:1}])assert.equal(chapterListGate(chapter),'');
+  for(const chapter of [{needUnlock:true},{payType:1},{isUnlocked:true,needUnlock:true}])assert.equal(chapterListGate(chapter),'coins');
+  for(const chapter of [{needVip:true},{payType:2},{needVip:true,isUnlocked:true}])assert.equal(chapterListGate(chapter),'vip');
+});
+
+const lockedList=[{id:90001,currentEpisode:1,canWatch:true},{id:90042,currentEpisode:2,needUnlock:true,payType:1,singleCoins:30},{id:91200,currentEpisode:3,needUnlock:true,payType:1,singleCoins:30}];
+const lockedChapter=(id=90042,extra={})=>({id,playletId:23456,currentEpisode:id===90042?2:3,needUnlock:true,payType:1,costCoins:12,singleCoins:30,balance:90,...extra});
+const lockedButton=id=>{const button=new Element('BUTTON');button.dataset.lockedChapter=String(id);return button;};
+
+test('clicking a coin episode on detail opens the original dialog, fetches live pricing, and waits for confirmation before navigating',async()=>{
+  const f=playerFixture({chapterList:lockedList,loadChapter:query=>lockedChapter(query.chapterId),unlock:async()=>({balance:78})});let dispose;
+  f.page.nodes.delete('video');
+  try{
+    dispose=await renderPlayer(f.app,23456);await flush();
+    const grid=f.page.querySelector('.play-episode-grid').innerHTML;
+    assert.ok(grid.includes('class="play-episode-locked" data-locked-chapter="90042"'));assert.ok(!grid.includes('href="/play/23456/90042/"'));
+    f.click(lockedButton(90042));assert.equal(f.lock.open,true);assert.equal(f.lock.querySelector('.unlock-pay').disabled,true);
+    f.click(lockedButton(90042));await flush();
+    assert.equal(f.getCalls.filter(call=>call.path==='playlet/chapter/detail').length,1);
+    assert.deepEqual(f.getCalls.find(call=>call.path==='playlet/chapter/detail').query,{playletId:23456,chapterId:90042});
+    assert.equal(f.lock.querySelector('.unlock-cost').textContent,'12 金币');assert.equal(f.lock.querySelector('#episode-lock-balance').textContent,'90 金币');
+    assert.match(f.lock.querySelector('#episode-lock-description').textContent,/第 2 集/);assert.equal(f.posts.length,0);assert.deepEqual(f.navigations,[]);
+    f.lock.querySelector('.unlock-pay').dispatchEvent(new Event('click'));await flush();
+    assert.deepEqual(f.posts,[{path:'playlet/chapter/unlock',body:{chapterId:90042,playletId:23456}}]);
+    assert.equal(f.app.api.user.recharge,78);assert.equal(f.refreshes,1);assert.equal(f.lock.open,false);assert.deepEqual(f.navigations,['/play/23456/90042/']);
+  }finally{dispose?.();f.dispose();}
+});
+
+test('a late chapter response cannot replace the newer episode selected for payment',async()=>{
+  const pending=new Map();
+  const f=playerFixture({chapterList:lockedList,loadChapter:query=>new Promise(resolve=>pending.set(query.chapterId,resolve))});let dispose;
+  f.page.nodes.delete('video');
+  try{
+    dispose=await renderPlayer(f.app,23456);f.click(lockedButton(90042));f.click(lockedButton(91200));
+    pending.get(91200)(lockedChapter(91200,{costCoins:9}));await flush();
+    pending.get(90042)(lockedChapter(90042,{costCoins:99}));await flush();
+    assert.equal(f.lock.querySelector('.unlock-cost').textContent,'9 金币');assert.match(f.lock.querySelector('#episode-lock-description').textContent,/第 3 集/);
+    f.lock.querySelector('.unlock-pay').dispatchEvent(new Event('click'));await flush();
+    assert.deepEqual(f.posts[0],{path:'playlet/chapter/unlock',body:{chapterId:91200,playletId:23456}});assert.deepEqual(f.navigations,['/play/23456/91200/']);
+  }finally{dispose?.();f.dispose();}
+});
+
+test('closing a pending dialog or leaving the route prevents stale requests from reopening or submitting it',async()=>{
+  for(const leave of [false,true]){
+    let finish;const f=playerFixture({chapterList:lockedList,loadChapter:()=>new Promise(resolve=>finish=resolve)});let dispose;
+    f.page.nodes.delete('video');
+    try{
+      dispose=await renderPlayer(f.app,23456);f.click(lockedButton(90042));
+      if(leave)f.dispose();else f.lock.close();
+      finish(lockedChapter());await flush();
+      assert.equal(f.lock.open,false);f.lock.querySelector('.unlock-pay').dispatchEvent(new Event('click'));await flush();
+      assert.equal(f.posts.length,0);assert.deepEqual(f.navigations,[]);
+    }finally{dispose?.();f.dispose();}
+  }
+});
+
+test('already permitted and VIP chapters follow fresh access results instead of charging coins',async()=>{
+  for(const [data,path] of [[lockedChapter(90042,{canWatch:true}),'/play/23456/90042/'],[lockedChapter(90042,{needUnlock:false,needVip:true,payType:2}),'/info/deposit/vip/']]){
+    const f=playerFixture({chapterList:lockedList,loadChapter:()=>data});let dispose;f.page.nodes.delete('video');
+    try{
+      dispose=await renderPlayer(f.app,23456);f.click(lockedButton(90042));await flush();
+      assert.equal(f.lock.open,false);assert.equal(f.posts.length,0);assert.deepEqual(f.navigations,[path]);
+    }finally{dispose?.();f.dispose();}
+  }
+});
+
+test('insufficient displayed balance offers recharge and never sends an unlock request',async()=>{
+  const f=playerFixture({chapterList:lockedList,loadChapter:()=>lockedChapter(90042,{balance:3})});let dispose;f.page.nodes.delete('video');
+  try{
+    dispose=await renderPlayer(f.app,23456);f.click(lockedButton(90042));await flush();
+    assert.equal(f.lock.querySelector('.unlock-pay').textContent,'金币不足，去充值');
+    f.lock.querySelector('.unlock-pay').dispatchEvent(new Event('click'));await flush();
+    assert.equal(f.posts.length,0);assert.equal(f.lock.open,false);assert.deepEqual(f.navigations,['/info/deposit/']);
+  }finally{dispose?.();f.dispose();}
+});
+
+test('mismatched chapter information leaves payment disabled without navigating or charging',async()=>{
+  const f=playerFixture({chapterList:lockedList,loadChapter:()=>lockedChapter(91200)});let dispose;f.page.nodes.delete('video');
+  try{
+    dispose=await renderPlayer(f.app,23456);f.click(lockedButton(90042));await flush();
+    assert.equal(f.lock.querySelector('.unlock-pay').disabled,true);assert.match(f.lock.querySelector('#episode-lock-error').textContent,/不匹配/);
+    f.lock.querySelector('.unlock-pay').dispatchEvent(new Event('click'));await flush();assert.equal(f.posts.length,0);assert.deepEqual(f.navigations,[]);
+  }finally{dispose?.();f.dispose();}
+});
+
+test('payment errors remain visible and retryable; balance and auth errors follow reference recovery',async()=>{
+  const {ApiError}=await import(protocolUrl);
+  for(const [error,path] of [[new Error('网络暂不可用'),null],[new ApiError('金币余额不足',400),'/info/deposit/'],[new ApiError('登录已过期',1000),'login']]){
+    let attempts=0,authPrompts=0;
+    const f=playerFixture({chapterList:lockedList,loadChapter:()=>lockedChapter(),unlock:async()=>{attempts++;if(attempts===1)throw error;return {balance:78};}});let dispose;f.page.nodes.delete('video');f.app.openAuth=()=>authPrompts++;
+    try{
+      dispose=await renderPlayer(f.app,23456);f.click(lockedButton(90042));await flush();
+      const pay=f.lock.querySelector('.unlock-pay');pay.dispatchEvent(new Event('click'));await flush();
+      assert.equal(f.refreshes,0);
+      if(path==='login'){assert.equal(authPrompts,1);assert.equal(f.lock.open,false);}
+      else if(path){assert.equal(f.lock.open,false);assert.deepEqual(f.navigations,[path]);}
+      else{
+        assert.equal(f.lock.open,true);assert.equal(f.lock.querySelector('#episode-lock-error').textContent,error.message);assert.equal(f.lock.querySelector('#episode-lock-error').hidden,false);assert.equal(pay.disabled,false);
+        pay.dispatchEvent(new Event('click'));await flush();assert.equal(f.posts.length,2);assert.equal(f.lock.open,false);assert.deepEqual(f.navigations,['/play/23456/90042/']);
+      }
+    }finally{dispose?.();f.dispose();}
+  }
+});
+
+test('a pending payment cannot be repeated or retargeted to a different episode',async()=>{
+  let finish;const f=playerFixture({chapterList:lockedList,loadChapter:query=>lockedChapter(query.chapterId),unlock:()=>new Promise(resolve=>finish=resolve)});let dispose;f.page.nodes.delete('video');
+  try{
+    dispose=await renderPlayer(f.app,23456);f.click(lockedButton(90042));await flush();
+    const pay=f.lock.querySelector('.unlock-pay');pay.dispatchEvent(new Event('click'));pay.dispatchEvent(new Event('click'));f.click(lockedButton(91200));await flush();
+    const cancel=new Event('cancel',{cancelable:true});f.lock.dispatchEvent(cancel);
+    assert.equal(cancel.defaultPrevented,true);assert.equal(f.lock.querySelector('.unlock-close').disabled,true);
+    assert.equal(f.posts.length,1);assert.equal(f.getCalls.filter(call=>call.path==='playlet/chapter/detail').length,1);
+    finish({balance:78});await flush();assert.deepEqual(f.navigations,['/play/23456/90042/']);assert.equal(f.lock.open,false);
+  }finally{dispose?.();f.dispose();}
+});
+
+
+test('server player data excludes credentials and denied sources while retaining free episodes, comments and artwork',()=>{
+  const locked={id:90042,currentEpisode:2,countLike:27,countCollect:8,countComment:3,ratio:0.5625,seoInfo:{title:'章节独立标题'},canWatch:false,needUnlock:true,payType:1,videoUrl:'https://cdn.example/secret-locked.mp4',token:'chapter-secret'};
+  const free={id:90001,currentEpisode:1,canWatch:true,videoUrl:'https://cdn.example/free.mp4'};
+  const initial=playerInitialData({id:23456,title:'公开剧名',cover:'https://cdn.example/cover.webp',token:'detail-secret',reportSdkConfig:{secret:'sdk-secret'},advitise:{nineGridList:[{id:'a',images:'https://cdn.example/ad.webp',title:'广告',link:'https://example.com',secret:'ad-secret'}]},relatedRecommendData:[{id:7,title:'相关剧集',token:'related-secret'}]},[free,locked],locked,{list:[{id:1,text:'评论正文',token:'comment-secret',children:[{id:2,text:'回复'}]}],totalCount:12});
+  const json=JSON.stringify(initial);
+  for(const value of ['detail-secret','chapter-secret','sdk-secret','ad-secret','related-secret','comment-secret','secret-locked.mp4'])assert.ok(!json.includes(value),value);
+  assert.equal(initial.chapters[0].videoUrl,free.videoUrl);assert.equal(initial.chapter.canWatch,false);assert.equal(initial.chapter.needUnlock,true);
+  assert.equal(initial.chapter.countLike,27);assert.equal(initial.chapter.ratio,0.5625);assert.equal(initial.chapter.seoInfo.title,'章节独立标题');
+  assert.equal(initial.comments.list[0].text,'评论正文');assert.equal(initial.comments.list[0].children[0].text,'回复');assert.equal(initial.detail.advitise.nineGridList[0].images,'https://cdn.example/ad.webp');
+});
+
+test('player attaches to server markup without repeating initial reads and still verifies coin pricing on click',async()=>{
+  const f=playerFixture();let dispose;
+  const locked={...f.chapter,videoUrl:undefined};
+  const initial={detail:{id:23456,title:'首屏详情'},chapters:[{id:90001,currentEpisode:1,canWatch:true},locked],chapter:null,comments:{list:[{id:1,text:'首屏评论'}],totalCount:1}};
+  try{
+    f.page.innerHTML='<article>首屏详情</article>';f.page.querySelector('.play-comment-list').innerHTML='<p>首屏评论</p>';
+    dispose=await renderPlayer(f.app,23456,undefined,false,{initial,preserveMarkup:true});await flush();
+    assert.equal(f.getCalls.length,0);assert.equal(f.page.innerHTML,'<article>首屏详情</article>');assert.equal(f.page.querySelector('.play-comment-list').innerHTML,'<p>首屏评论</p>');
+    f.click(lockedButton(90042));await flush();
+    assert.equal(f.getCalls.length,1);assert.equal(f.getCalls[0].path,'playlet/chapter/detail');assert.equal(f.lock.open,true);assert.equal(f.posts.length,0);
+  }finally{dispose?.();f.dispose();}
+});
diff --git a/tests/promo-marquee.test.mjs b/tests/promo-marquee.test.mjs
new file mode 100644
index 0000000..7ed695f
--- /dev/null
+++ b/tests/promo-marquee.test.mjs
@@ -0,0 +1,94 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+import {setMaxListeners} from 'node:events';
+
+const code=ts.transpileModule(await readFile(new URL('../src/lib/client/promo-marquee.ts',import.meta.url),'utf8'),{compilerOptions:{module:ts.ModuleKind.ESNext,target:ts.ScriptTarget.ES2022}}).outputText;
+const {bindPromotionMarquee}=await import('data:text/javascript;base64,'+Buffer.from(code).toString('base64'));
+
+class Element extends EventTarget {
+  attributes=new Map();children=[];tabIndex=0;
+  setAttribute(key,value){this.attributes.set(key,value);}
+  hasAttribute(key){return this.attributes.has(key);}
+  removeAttribute(key){this.attributes.delete(key);}
+  remove(){if(this.parent)this.parent.children=this.parent.children.filter(child=>child!==this);}
+  append(child){this.children.push(child);child.parent=this;}
+  querySelectorAll(selector){return selector==='[id]'?this.children.filter(child=>child.hasAttribute('id')):this.children;}
+  cloneNode(){const copy=new Element();for(const child of this.children){const link=new Element();link.attributes=new Map(child.attributes);copy.append(link);}return copy;}
+}
+
+function event(target,type,values={}){const e=new Event(type);for(const [key,value] of Object.entries(values))Object.defineProperty(e,key,{value});target.dispatchEvent(e);}
+function fixture({width=800,viewport=500,reduced=false}={}){
+  const previous=globalThis.ResizeObserver,frames=new Map(),timers=new Map();let sequence=0,observer;
+  const root=new Element(),group=new Element(),track=new Element(),link=new Element(),doc=new EventTarget(),view=new EventTarget(),motion=new EventTarget();
+  link.setAttribute('id','original-ad');group.append(link);track.append(group);
+  root.clientWidth=viewport;root.scrollLeft=0;root.isConnected=true;
+  root.querySelector=selector=>selector==='.promo-group'?group:track;
+  root.contains=node=>node===link||track.children.some(child=>child.children.includes(node));
+  group.getBoundingClientRect=()=>({width:width+(root.hasAttribute('data-looping')?14:0)});
+  doc.hidden=false;doc.activeElement=null;doc.defaultView=view;root.ownerDocument=doc;
+  motion.matches=reduced;view.matchMedia=()=>motion;
+  view.getComputedStyle=()=>({paddingRight:root.hasAttribute('data-looping')?'14px':'0px'});
+  view.requestAnimationFrame=callback=>{const id=++sequence;frames.set(id,callback);return id;};
+  view.cancelAnimationFrame=id=>frames.delete(id);
+  view.setTimeout=callback=>{const id=++sequence;timers.set(id,callback);return id;};view.clearTimeout=id=>timers.delete(id);
+  globalThis.ResizeObserver=class {constructor(callback){this.callback=callback;this.disconnects=0;observer=this;}observe(){}disconnect(){this.disconnects++;}};
+  const controller=new AbortController();setMaxListeners(30,controller.signal);
+  const dispose=bindPromotionMarquee(root,controller.signal);
+  return {root,group,track,link,doc,view,motion,frames,timers,controller,
+    tick(time){const callbacks=[...frames.values()];frames.clear();for(const callback of callbacks)callback(time);},
+    settle(){const callbacks=[...timers.values()];timers.clear();for(const callback of callbacks)callback();},
+    resize(value){root.clientWidth=value;observer.callback();},
+    get observer(){return observer;},
+    close(){dispose();if(previous===undefined)delete globalThis.ResizeObserver;else globalThis.ResizeObserver=previous;},
+  };
+}
+
+test('a fitting row stays still; overflow makes one seamless clickable copy and resizing removes it',()=>{
+  const f=fixture({viewport:900});
+  try{
+    assert.equal(f.track.children.length,1);assert.equal(f.frames.size,0);
+    f.resize(500);assert.equal(f.track.children.length,2);assert.equal(f.frames.size,1);
+    const copy=f.track.children[1];assert.equal(copy.attributes.get('aria-hidden'),'true');assert.equal(copy.children[0].tabIndex,-1);assert.equal(copy.children[0].hasAttribute('id'),false);
+    f.resize(499);assert.equal(f.track.children.length,2);assert.equal(f.frames.size,1);
+    f.tick(0);f.tick(100);assert.ok(Math.abs(f.root.scrollLeft-3.2)<0.001);
+    event(f.root,'wheel');f.root.scrollLeft=813;f.settle();f.tick(200);f.tick(300);
+    assert.ok(Math.abs(f.root.scrollLeft-2.2)<0.001,'scrolling must wrap by exactly the original group including its trailing gap');
+    f.resize(1000);assert.equal(f.track.children.length,1);assert.equal(f.frames.size,0);assert.equal(f.root.hasAttribute('data-looping'),false);
+  }finally{f.close();}
+});
+
+test('mouse hover and keyboard focus pause the row and resume from the existing position',()=>{
+  const f=fixture();
+  try{
+    f.tick(0);f.tick(100);const position=f.root.scrollLeft;
+    event(f.root,'pointerenter',{pointerType:'mouse'});assert.equal(f.frames.size,0);
+    event(f.root,'pointerleave',{pointerType:'mouse'});assert.equal(f.frames.size,1);f.tick(10000);assert.equal(f.root.scrollLeft,position);
+    f.doc.activeElement=f.link;event(f.root,'focusin');assert.equal(f.frames.size,0);
+    event(f.root,'focusout',{relatedTarget:null});f.doc.activeElement=null;f.settle();assert.equal(f.frames.size,1);
+  }finally{f.close();}
+});
+
+test('touch momentum finishes before auto-scrolling resumes, without changing the manually selected ad',()=>{
+  const f=fixture();
+  try{
+    event(f.root,'pointerdown',{pointerType:'touch'});assert.equal(f.frames.size,0);
+    f.root.scrollLeft=937.5;event(f.view,'pointerup');assert.equal(f.timers.size,1);
+    event(f.root,'scroll');assert.equal(f.timers.size,1);
+    f.settle();f.tick(0);f.tick(100);
+    assert.ok(Math.abs(f.root.scrollLeft-126.7)<0.001);assert.equal(f.frames.size,1);
+  }finally{f.close();}
+});
+
+test('reduced motion, hidden pages and route cancellation stop animation and clean up listeners and duplicate links',()=>{
+  const f=fixture({reduced:true});
+  try{
+    assert.equal(f.track.children.length,1);assert.equal(f.frames.size,0);
+    f.motion.matches=false;event(f.motion,'change');assert.equal(f.track.children.length,2);
+    f.doc.hidden=true;event(f.doc,'visibilitychange');assert.equal(f.frames.size,0);
+    f.doc.hidden=false;event(f.doc,'visibilitychange');assert.equal(f.frames.size,1);
+    f.controller.abort();assert.equal(f.frames.size,0);assert.equal(f.track.children.length,1);assert.equal(f.observer.disconnects,1);
+    event(f.root,'pointerdown');event(f.view,'pointerup');assert.equal(f.timers.size,0,'cancelled routes must remove interaction handlers');
+  }finally{f.close();}
+});
diff --git a/tests/public-cache.test.mjs b/tests/public-cache.test.mjs
new file mode 100644
index 0000000..6fe710d
--- /dev/null
+++ b/tests/public-cache.test.mjs
@@ -0,0 +1,53 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleURL(path,replace=value=>value){
+  const code=ts.transpileModule(await readFile(new URL(path,import.meta.url),'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}}).outputText;
+  return 'data:text/javascript;base64,'+Buffer.from(replace(code)).toString('base64');
+}
+const {PublicDataCache,publicCachePolicy}=await import(await moduleURL('../src/lib/api/public-cache.ts'));
+const protocol=await moduleURL('../src/lib/api/protocol.ts');
+const {publicSiteData}=await import(await moduleURL('../src/lib/site-shared-data.ts',code=>code.replace("'./api/protocol'",JSON.stringify(protocol))));
+
+test('public cache coalesces concurrent requests, isolates returned objects and refreshes after expiry',async()=>{
+  let now=0,reads=0,release;const cache=new PublicDataCache(()=>now);
+  const load=()=>{reads++;return new Promise(resolve=>release=resolve);};
+  const a=cache.read('api-a|config',100,load),b=cache.read('api-a|config',100,load);
+  assert.equal(reads,1);release({list:[{name:'original'}]});
+  const [first,second]=await Promise.all([a,b]);first.list[0].name='mutated';assert.equal(second.list[0].name,'original');
+  assert.equal((await cache.read('api-a|config',100,load)).list[0].name,'original');assert.equal(reads,1);
+  now=101;const refreshed=cache.read('api-a|config',100,load);assert.equal(reads,2);release({list:[{name:'updated'}]});assert.equal((await refreshed).list[0].name,'updated');
+  assert.equal((await cache.read('api-b|config',100,async()=>({list:[]}))).list.length,0);
+});
+
+test('only successful payloads are cached; configured stale values survive outages without caching failures',async()=>{
+  let now=0,reads=0;const cache=new PublicDataCache(()=>now),options={stale:true,accept:value=>value.code===200};
+  await cache.read('config',10,async()=>({code:200,name:'good'}),options);now=11;
+  const failed=async()=>{reads++;throw new Error('upstream offline');};
+  assert.equal((await cache.read('config',10,failed,options)).name,'good');assert.equal((await cache.read('config',10,failed,options)).name,'good');assert.equal(reads,2);
+  assert.equal((await cache.read('config',10,async()=>({code:500}),options)).name,'good');
+  await assert.rejects(cache.read('navigation',10,failed),/offline/);
+  assert.equal((await cache.read('navigation',10,async()=>({code:200,name:'recovered'}))).name,'recovered');
+  await cache.read('invalid',10,async()=>({code:500}),{accept:value=>value.code===200});
+  assert.equal((await cache.read('invalid',10,async()=>({code:200,name:'valid'}))).name,'valid');
+});
+
+test('cache bounds and endpoint policies keep private data and indefinite growth out of the shared cache',async()=>{
+  const cache=new PublicDataCache(Date.now,2);let reads=0;
+  const load=async()=>({count:++reads});
+  for(const key of ['a','b','c'])await cache.read(key,10000,load);
+  assert.equal((await cache.read('a',10000,load)).count,4);
+  await cache.read('a',0,load);assert.equal(reads,5);
+  assert.equal(publicCachePolicy('playlet/home').ttl,30000);assert.equal(publicCachePolicy('config/info').ttl,60000);
+  for(const endpoint of ['auth/getInfo','auth/guest','coin/trans/list','playlet/detail','playlet/chapter/detail','playlet/history/list','recharge/package/list'])assert.equal(publicCachePolicy(endpoint),undefined);
+  assert.equal(publicCachePolicy('config/info','0').ttl,0);assert.equal(publicCachePolicy('playlet/home','999999').ttl,30000);
+});
+
+test('shared browser snapshot contains visible configuration and footer fields without SDK or unknown secrets',()=>{
+  const data=publicSiteData({reportSdkConfig:'private-sdk-cipher',token:'private-token',config:{officialAppAddr:'https://app.test/download',telegram:'https://t.me/business',apiKey:'private-api-key'},advitise:{dialogList:[{id:'a',title:'广告',images:'https://ad.test/image',link:'https://ad.test',token:'private-ad-token'}],unknown:[{secret:'private-slot'}]}},{footerInfo:{brand:{content:'真实页脚'},contactList:[{name:'服务时间',value:'每天',token:'private-contact-token'}]}});
+  const text=JSON.stringify(data);for(const secret of ['private-sdk-cipher','private-token','private-api-key','private-ad-token','private-slot','private-contact-token'])assert.ok(!text.includes(secret));
+  assert.equal(data.trackerConfigured,true);assert.equal(data.config.config.officialAppAddr,'https://app.test/download');assert.equal(data.footer.footerInfo.brand.content,'真实页脚');
+  assert.doesNotThrow(()=>publicSiteData({config:null,advitise:null},{footerInfo:null}));
+});
diff --git a/tests/rank-pages.test.mjs b/tests/rank-pages.test.mjs
new file mode 100644
index 0000000..54fe6d3
--- /dev/null
+++ b/tests/rank-pages.test.mjs
@@ -0,0 +1,173 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import vm from 'node:vm';
+import ts from 'typescript';
+import {seo,clientSeo,headDocument} from './helpers/seo.mjs';
+
+const routingFile=new URL('../src/lib/routing.ts',import.meta.url);
+const routingCode=ts.transpileModule(await readFile(routingFile,'utf8'),{compilerOptions:{module:ts.ModuleKind.ESNext,target:ts.ScriptTarget.ES2022}}).outputText;
+const routing=await import('data:text/javascript;base64,'+Buffer.from(routingCode+'\n//# sourceURL='+routingFile.pathname).toString('base64'));
+const protocolFile=new URL('../src/lib/api/protocol.ts',import.meta.url);
+const protocolCode=ts.transpileModule(await readFile(protocolFile,'utf8'),{compilerOptions:{module:ts.ModuleKind.ESNext,target:ts.ScriptTarget.ES2022}}).outputText;
+const protocolUrl='data:text/javascript;base64,'+Buffer.from(protocolCode).toString('base64');
+const protocol=await import(protocolUrl);
+const renderCode=ts.transpileModule(await readFile(new URL('../src/lib/client/render.ts',import.meta.url),'utf8'),{compilerOptions:{module:ts.ModuleKind.ESNext,target:ts.ScriptTarget.ES2022}}).outputText;
+const renderUrl='data:text/javascript;base64,'+Buffer.from(renderCode.replace("'../routing'",JSON.stringify(routingModuleUrl)).replace('"../api/protocol"',JSON.stringify(protocolUrl))).toString('base64');
+const searchCode=ts.transpileModule(await readFile(new URL('../src/lib/client/search.ts',import.meta.url),'utf8'),{compilerOptions:{module:ts.ModuleKind.ESNext,target:ts.ScriptTarget.ES2022}}).outputText;
+const search=await import('data:text/javascript;base64,'+Buffer.from(searchCode.replace("'../routing'",JSON.stringify(routingModuleUrl)).replace("'../api/protocol'",JSON.stringify(protocolUrl)).replace("'./render'",JSON.stringify(renderUrl))).toString('base64'));
+const infoCode=ts.transpileModule(await readFile(new URL('../src/lib/info-pages.ts',import.meta.url),'utf8'),{compilerOptions:{module:ts.ModuleKind.ESNext,target:ts.ScriptTarget.ES2022}}).outputText;
+const infoPages=await import('data:text/javascript;base64,'+Buffer.from(infoCode).toString('base64'));
+const siteNavigationCode=ts.transpileModule(await readFile(new URL('../src/lib/site-navigation.ts',import.meta.url),'utf8'),{compilerOptions:{module:ts.ModuleKind.CommonJS,target:ts.ScriptTarget.ES2022}}).outputText;
+const applicationFile=new URL('../src/lib/client/application.ts',import.meta.url);
+const applicationCode=ts.transpileModule(await readFile(applicationFile,'utf8'),{compilerOptions:{module:ts.ModuleKind.CommonJS,target:ts.ScriptTarget.ES2022}}).outputText;
+
+const channelCode=ts.transpileModule(await readFile(new URL('../src/lib/client/channel.ts',import.meta.url),'utf8'),{compilerOptions:{module:ts.ModuleKind.CommonJS,target:ts.ScriptTarget.ES2022}}).outputText;
+
+function fixture(load=async()=>({list:[{id:1}],totalCount:72,name:'接口通用标题'}),options={}){
+  const nodes=new Map(),calls=[],cardCalls=[],reloads=[];
+  const location={pathname:'/rank/hot/',search:'',origin:'https://site.test',reload:()=>reloads.push(location.pathname+location.search)};
+  const sidebar={dataset:{page:'rank'},classList:{toggle(name,active){this[name]=active;}},setAttribute(){},removeAttribute(){}};
+  const document={...headDocument(),querySelector(selector){
+    if(selector==='dialog[open]')return null;
+    if(!nodes.has(selector))nodes.set(selector,{innerHTML:'',textContent:'',hidden:false,dataset:{},setAttribute(name,value){this[name]=value;}});
+    return nodes.get(selector);
+  },querySelectorAll:selector=>selector.startsWith('a[data-page]')?[sidebar]:selector==='[data-promotion-row]'?options.promotionRows||[]:[]};
+  class ApiClient {async get(path,query,signal){calls.push({path,...query,signal});return load(path,query,signal);}async revalidateSession(){calls.push({path:'restore-session'});}}
+  const exports={},channelExports={},siteNavigationExports={};
+  const require=specifier=>{
+    if(specifier==='../site-navigation')return siteNavigationExports;
+    if(specifier==='./routing')return routing;
+    if(specifier==='./api/protocol')return protocol;
+    if(specifier==='./channel')return channelExports;
+    if(specifier==='./api')return {ApiClient};
+    if(specifier==='../routing')return routing;
+    if(specifier==='../api/protocol')return protocol;
+    if(specifier==='./search')return search;
+    if(specifier==='../info-pages')return infoPages;
+    if(specifier==='../seo')return seo;
+    if(specifier==='./seo')return {applyPageHead:head=>clientSeo.applyPageHead(head,document)};
+    if(specifier==='./config')return {configureSite:async()=>{}};
+    if(specifier==='./hero-swipe')return {bindHeroSwipe(){}};
+    if(specifier==='./promo-marquee')return {bindPromotionMarquee:root=>{calls.push({path:'bindPromotionMarquee',root});return ()=>calls.push({path:'disposePromotionMarquee',root});}};
+    if(specifier==='./account')return {renderMember:async(...args)=>calls.push({path:'renderMember',args}),renderWallet:async(...args)=>calls.push({path:'renderWallet',args})};
+    if(specifier==='./feedback')return {renderFeedbackPage:(...args)=>calls.push({path:'renderFeedbackPage',args})};
+    if(specifier==='./player')return {renderPlayer:async(_app,id,chapterId,isVideo,options)=>{calls.push({path:'renderPlayer',id,chapterId,isVideo,...options});return ()=>{};}};
+    if(specifier==='./render')return {escape:String,empty:message=>`<p>${message}</p>`,loading:()=>'<p>加载中</p>',activeBanners:()=>[],topicCard:()=>'<a href="/topics/1/">专题</a>',renderHome:()=>'<div data-home-loaded>接口首页</div>',card:(item,video,options)=>{cardCalls.push({item,video,options});return '<a href="/detail/1/">剧集</a>';},pagination:(_,page)=>`<span>第 ${page} 页</span>`};
+    return {};
+  };
+  vm.runInNewContext(siteNavigationCode,{exports:siteNavigationExports,require,URL,URLSearchParams});
+  vm.runInNewContext(channelCode,{exports:channelExports,require,URL,URLSearchParams});
+  vm.runInNewContext(applicationCode,{exports,require,document,location,AbortController,Event,Error,URL,URLSearchParams,clearInterval(){},window:{location,scrollTo(){},dispatchEvent(){}}},{filename:applicationFile.pathname});
+  return {app:new exports.Application({},true,options.seo,options.page,undefined,options.shared),nodes,calls,cardCalls,location,document,sidebar,reloads,channel:channelExports};
+}
+
+test('all native pages bind every square ad row and clean up old loops before rebinding',async()=>{
+  for(const pathname of ['/','/shorts/','/detail/7/','/play/7/8/','/member/favorites/','/info/deposit/']){
+    const rows=[{name:'first row'},{name:'second row'}],f=fixture(undefined,{promotionRows:rows});
+    f.location.pathname=pathname;await f.app.route();
+    assert.deepEqual(f.calls.filter(call=>call.path==='bindPromotionMarquee').map(call=>call.root),rows,pathname);
+    f.app.bindPromotions();
+    assert.deepEqual(f.calls.filter(call=>call.path==='disposePromotionMarquee').map(call=>call.root),rows,pathname);
+    assert.equal(f.calls.filter(call=>call.path==='bindPromotionMarquee').length,4,pathname);
+  }
+});
+
+test('about uses business Telegram and the feedback group while retaining configured service hours',()=>{
+  const page=infoPages.getInfoPage('about-us',{config:{telegram:'https://t.me/business_team',tgGroup:'https://t.me/feedback_group',gmailAddr:'ignored@example.com',customerServiceHost:'https://ignored.example.com'}},[
+    {name:'商务合作',value:'business@example.com'},{name:'用户反馈',value:'mailto:support@example.com'},
+    {name:'服务时间',value:'周一至周五 09:00–18:00'},{name:'邮箱',value:'ignored@example.com'},
+  ]);
+  assert.ok(page.html.includes('商务合作：<a href="https://t.me/business_team"'));
+  assert.ok(page.html.includes('用户反馈：<a href="https://t.me/feedback_group"'));
+  assert.ok(page.html.includes('<p>服务时间：周一至周五 09:00–18:00</p>'));
+  assert.ok(!page.html.includes('mailto:'));assert.ok(!page.html.includes('@example.com'));assert.ok(!page.html.includes('ignored.example.com'));
+});
+
+test('Telegram contacts prefer site configuration, fall back to address configuration and hide absent channels',()=>{
+  const html=infoPages.infoContactSection({config:{telegram:'',tgGroup:''},newAddressInfo:{telegram:'@business_team',tgGroup:'https://t.me/feedback_group'}},null);
+  assert.ok(html.includes('商务合作：<a href="https://t.me/business_team"'));assert.ok(html.includes('用户反馈：<a href="https://t.me/feedback_group"'));
+  assert.ok(!html.includes('服务时间'));
+  const preferred=infoPages.infoContactSection({config:{telegram:'https://t.me/primary'},newAddressInfo:{telegram:'https://t.me/fallback'}});
+  assert.ok(preferred.includes('t.me/primary'));assert.ok(!preferred.includes('t.me/fallback'));assert.ok(!preferred.includes('用户反馈'));
+  assert.ok(infoPages.infoContactSection({config:{gmailAddr:'help@example.com',customerServiceHost:'https://ignored.example.com'}}).includes(' hidden'));
+  assert.ok(infoPages.infoContactSection({config:{telegramAdd:'https://t.me/legacy'}}).includes('t.me/legacy'));
+});
+
+test('configured contacts escape text and reject executable or malformed addresses',()=>{
+  const html=infoPages.infoContactSection({},[
+    {name:'<img onerror=alert(1)>',value:'<script>alert(1)</script>'},
+    {name:'注入',value:'javascript:alert(1)'},
+    {name:'数据链接',value:'data:text/html,<script>alert(1)</script>'},
+    {name:'正常链接',value:'https://example.com/?a=1&b=2'},null,
+  ]);
+  assert.ok(html.includes('&lt;script&gt;'));assert.ok(html.includes('&lt;img onerror=alert(1)&gt;'));
+  assert.ok(!html.includes('<script'));assert.ok(!html.includes('javascript:'));assert.ok(!html.includes('data:text'));
+  assert.ok(html.includes('href="https://example.com/?a=1&amp;b=2" target="_blank" rel="sponsored nofollow noopener noreferrer"'));
+  assert.ok(infoPages.infoContactSection({config:{gmailAddr:'javascript:bad@example.com'}}).includes(' hidden'));
+});
+
+test('ranking data and native page links derive from the server route and preserve global positions',()=>{
+  const f=fixture();
+  for(const item of routing.RANK_PAGES){
+    const route=routing.parseSitePath(item.path+'page/2/'),request=f.channel.channelRequest(route);
+    assert.equal(request.endpoint,'playlet/hot/rank/list');assert.equal(request.query.rankType,item.rankType);assert.equal(request.query.pageNum,2);
+    const view=f.channel.channelView(route,{list:[{id:1}],totalCount:72},item.path+'page/2/');
+    assert.equal(view.title,item.title);assert.ok(view.html.includes('href="'+item.path+'" aria-current="page"'));assert.equal(f.cardCalls.at(-1).options.rank,25);
+  }
+});
+
+test('fixed information definitions remain static and contain no executable content',()=>{
+  for(const page of Object.values(infoPages.INFO_PAGES)){assert.ok(page.html);assert.ok(!page.html.includes('<script'));assert.ok(!page.html.includes('href="#'));}
+});
+
+test('initial server channel and search content is retained without page requests or loading placeholders',async()=>{
+  for(const page of [{path:'/shorts/page/2/?sort=2',panel:'channel',title:'服务端栏目'},{path:'/search/'+encodeURIComponent('都市 爱情')+'/',panel:'search',title:'搜索结果',search:{keyword:'都市 爱情',total:40,page:1,pageSize:25}}]){
+    const f=fixture(()=>assert.fail('page data belongs to SSR'),{page});
+    const address=new URL(page.path,'https://site.test');f.location.pathname=address.pathname;f.location.search=address.search;
+    const selector=page.panel==='channel'?'#channel-content':'#search-results-page';f.document.querySelector(selector).innerHTML='<article>完整首屏正文</article>';
+    await f.app.route();assert.equal(f.nodes.get(selector).innerHTML,'<article>完整首屏正文</article>');assert.equal(f.calls.length,0);
+    await f.app.route();assert.deepEqual(f.reloads,[page.path]);assert.equal(f.nodes.get(selector).innerHTML,'<article>完整首屏正文</article>');
+  }
+});
+
+test('server player data binds once with its comment route and never refetches the initial content',async()=>{
+  const player={detail:{id:23456,title:'剧集'},chapters:[],chapter:null,comments:{list:[],totalCount:0}};
+  const path='/play/23456/90001/page/2/',f=fixture(()=>assert.fail('no page fetch'),{page:{path:path+'?commentSort=1',panel:'player',title:'剧集',player}});
+  f.location.pathname=path;f.location.search='?commentSort=1';await f.app.route();
+  assert.equal(f.calls.length,1);assert.equal(f.calls[0].path,'renderPlayer');assert.equal(f.calls[0].initial,player);assert.equal(f.calls[0].preserveMarkup,true);assert.equal(f.calls[0].page,2);assert.equal(f.calls[0].commentSort,1);
+  assert.equal(f.calls[0].pageHref(3,1),'/play/23456/90001/page/3/?commentSort=1');await f.app.route();assert.equal(f.calls.length,1);assert.equal(f.reloads.length,1);
+});
+
+test('private and feedback pages only bind interactions to their prepared snapshots',async()=>{
+  for(const [path,info,handler] of [['/member/settings/',{key:'settings',member:{user:{userId:7}}},'renderMember'],['/info/deposit/',{key:'deposit',wallet:{user:{userId:7},packages:{coinList:[]},transactions:{list:[]}}},'renderWallet'],['/info/feedback/',{key:'feedback',feedback:true},'renderFeedbackPage']]){
+    const f=fixture(()=>assert.fail('no page fetch'),{page:{path,panel:'info',title:'完整页面',info}});f.location.pathname=path;await f.app.route();
+    assert.equal(f.calls.length,1);assert.equal(f.calls[0].path,handler);assert.equal(f.calls[0].args.at(-1),true);
+  }
+});
+
+test('missing or mismatched snapshots leave server error HTML visible without a client retry',async()=>{
+  const f=fixture(()=>assert.fail('errors must not trigger a second page request'),{page:{path:'/shorts/',panel:'channel',title:'旧页'}});
+  f.location.pathname='/topics/7/';f.document.querySelector('#channel-content').innerHTML='<p>服务暂不可用</p>';await f.app.route();assert.equal(f.calls.length,0);assert.equal(f.nodes.get('#channel-content').innerHTML,'<p>服务暂不可用</p>');
+});
+
+test('client configuration preserves the server content metadata and canonical',async()=>{
+  const path='/topics/7/',environment=seo.resolveSeoEnvironment({config:{foreverUrlAddr:'https://canonical.drama.test'}}),content={title:'服务端专题',description:'服务端简介',totalCount:72,pageSize:24};
+  const f=fixture(()=>assert.fail('no page fetch'),{page:{path,panel:'channel',title:'服务端专题'},seo:{environment,content,path}});f.location.pathname=path;await f.app.route();
+  await f.app.applyConfig({config:{foreverUrlAddr:'https://other.drama.test'}});
+  assert.equal(f.document.title,'服务端专题 - 91短剧');assert.equal(f.document.value('link[rel="canonical"]'),'https://canonical.drama.test/topics/7/');
+});
+
+test('shared server configuration initializes downloads and contacts without refetching page configuration or footer',async()=>{
+  const shared={config:{config:{officialAppAddr:'https://app.test/download'}},footer:{footerInfo:{contactList:[{name:'服务时间',value:'每天'}]}},trackerConfigured:false};
+  const f=fixture(()=>assert.fail('public settings already arrived in HTML'),{shared});
+  await f.app.initializeShared();assert.equal(f.app.config.config.officialAppAddr,'https://app.test/download');assert.equal(f.calls.length,0);
+});
+
+test('public back/forward documents keep working without reload; interactive private pages revalidate as fresh documents',async()=>{
+  const f=fixture();f.location.pathname='/shorts/';f.app.hidePage(true);assert.equal(f.app.signal.aborted,false);
+  f.app.restorePage();assert.equal(f.reloads.length,0);assert.deepEqual(f.calls.map(item=>item.path),['restore-session']);
+  const privatePage=fixture();privatePage.location.pathname='/info/deposit/';privatePage.app.hidePage(true);assert.equal(privatePage.app.signal.aborted,true);
+  privatePage.app.restorePage();assert.equal(privatePage.reloads.length,1);
+});
diff --git a/tests/render.test.mjs b/tests/render.test.mjs
new file mode 100644
index 0000000..90a0df3
--- /dev/null
+++ b/tests/render.test.mjs
@@ -0,0 +1,121 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(path,transform=code=>code){
+  const source=await readFile(new URL(path,import.meta.url),'utf8');
+  const {outputText}=ts.transpileModule(source,{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(transform(outputText).replace(/(['"])\.\.\/routing\1/g,JSON.stringify(routingModuleUrl))+'\n//# sourceURL='+new URL(path,import.meta.url).pathname).toString('base64');
+}
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const renderUrl=await moduleUrl('../src/lib/client/render.ts',code=>code.replace(/from ['"]\.\.\/api\/protocol['"]/,`from '${protocolUrl}'`));
+const {ads,promotionRow,renderHome,activeBanners,hero,card,topicCard,imageAttributes}=await import(renderUrl);
+const drama={id:23456,title:'正常剧集 <script>alert(1)</script>',cover:'https://example.com/poster.webp',tagNames:['都市']};
+const advert={id:'ad-one',title:'有效广告',images:'https://example.com/ad.webp',link:'https://example.com/landing'};
+
+test('topic cards include escaped metadata for content exposure and click tracking',()=>{
+  const html=topicCard({id:7,name:'都市 <甜宠>',icon:'https://example.com/topic.png'});
+  assert.match(html,/data-track-item data-item-id="7" data-item-type="topic" data-item-name="都市 &lt;甜宠&gt;"/);
+});
+
+test('API images use data sources and local placeholders until decrypted, including video posters',()=>{
+  const cases=[card(drama),hero([drama]),topicCard({id:1,icon:drama.cover}),ads([advert])];
+  for(const html of cases){
+    const images=[...html.matchAll(/<img\b[^>]*>/g)];assert.ok(images.length>0);
+    for(const [tag] of images){
+      assert.match(tag,/\ssrc="\/assets\/poster-placeholder\.svg"/);assert.match(tag,/\sdata-src="https:\/\//);
+      assert.ok(!/\ssrc="https?:/.test(tag));
+    }
+  }
+  assert.match(imageAttributes(drama.cover,undefined,'poster'),/^poster="\/assets\/poster-placeholder\.svg" data-poster="https:\/\//);
+  assert.equal(imageAttributes('javascript:alert(1)','/icon.svg'),'src="/icon.svg"');
+  assert.ok(imageAttributes('https://example.com/a?one=1&two=2').includes('one=1&amp;two=2'));
+});
+
+test('ads tolerates null, missing, and non-array API fields',()=>{
+  for(const value of [null,undefined,{},'',false,0,'[]'])assert.equal(ads(value),'');
+  assert.equal(ads([]),'');
+});
+
+test('shared square ad rows keep real ad data and links and omit empty placements',()=>{
+  const html=promotionRow([advert,{...advert,id:'ad-two',title:'第二个广告'}]);
+  assert.ok(html.includes('class="promo-marquee" data-promotion-row'));
+  assert.equal((html.match(/class="promo-tile"/g)||[]).length,2);
+  assert.ok(html.includes('data-ad-id="ad-one"'));assert.ok(html.includes('data-ad-id="ad-two"'));
+  assert.ok(html.includes('href="https://example.com/landing"'));assert.ok(html.includes('data-ad-type="icon"'));
+  assert.ok(html.includes('width="132" height="132"'));assert.ok(html.includes('alt="有效广告"'));
+  for(const value of [null,{},[],[null]])assert.equal(promotionRow(value),'');
+});
+
+test('ads ignores malformed entries and keeps valid ads in order with escaped text',()=>{
+  const html=ads([null,undefined,false,42,[],{...advert,images:null},{...advert,images:'javascript:alert(1)'},advert,{...advert,id:'two',title:'第二条 <script>',link:'javascript:alert(1)'}]);
+  assert.equal((html.match(/class="promo-app"/g)||[]).length,2);
+  assert.ok(html.indexOf('有效广告')<html.indexOf('第二条'));
+  assert.ok(html.includes('href="https://example.com/landing"'));
+  assert.ok(html.includes('href="/apps/"'));assert.ok(html.includes('第二条 &lt;script&gt;'));
+  assert.ok(!html.includes('javascript:'));assert.ok(!html.includes('<script>'));
+});
+
+test('home renders when nineGridList is explicitly null, preserving valid content',()=>{
+  const html=renderHome({homeBannerData:[drama],homeConfigData:[{id:31,name:'后台栏目',type:1,status:true,list:[drama]}],advitise:{nineGridList:null}});
+  assert.ok(html.includes('后台栏目'));assert.ok(html.includes('href="/detail/23456/"'));
+  assert.ok(html.includes('正常剧集 &lt;script&gt;'));assert.ok(!html.includes('<script>alert(1)</script>'));
+});
+
+test('dynamic home sections share a grid without inheriting the prototype editorial rows',()=>{
+  const html=renderHome({homeConfigData:[
+    {id:31,name:'必看好剧',status:true,type:1,list:[drama,{...drama,id:2,totalEpisode:10}]},
+    {id:32,name:'热播榜',status:true,type:1,list:[{...drama,id:3}]},
+    {id:33,name:'剧集',status:true,type:2,videoList:[{...drama,id:4,totalEpisode:8}]},
+    {id:34,name:'题材',status:true,type:3,themeList:[{id:8,name:'都市'}]},
+  ]});
+  assert.equal((html.match(/class="topic-section home-block"/g)||[]).length,3);
+  assert.equal((html.match(/class="cards"/g)||[]).length,2);
+  assert.ok(!html.includes('id="romance-rows"'));assert.ok(!html.includes('romance-editorial'));
+  for(const id of [31,32,34])assert.ok(html.includes(`href="/config/${id}/"`));
+  for(const id of [23456,2,3])assert.ok(html.includes(`href="/detail/${id}/"`));
+  assert.ok(!html.includes('href="/video/4/"'));assert.ok(!html.includes('href="/config/33/"'));assert.ok(html.includes('href="/topics/8/"'));
+  assert.equal((html.match(/class="drama-episodes"/g)||[]).length,1);
+  assert.ok(html.indexOf('必看好剧')<html.indexOf('热播榜'));
+});
+
+test('empty or malformed homepage lists fall back to empty states instead of throwing',()=>{
+  for(const value of [null,undefined,{},'',false,1]){
+    const html=renderHome({homeBannerData:value,homeConfigData:value,announcements:value,advitise:{nineGridList:value}});
+    assert.ok(html.includes('暂无推荐剧集'));assert.ok(html.includes('暂时没有内容'));
+  }
+  assert.ok(renderHome(null).includes('暂无推荐剧集'));
+});
+
+test('nested home blocks tolerate invalid rows and non-array child lists',()=>{
+  const html=renderHome({homeBannerData:[null,false,drama],announcements:[null,{title:'有效公告'},4],homeConfigData:[null,7,
+    {id:31,name:'有效栏目',status:true,type:1,list:[null,drama]},
+    {id:32,name:'空视频栏目',status:true,type:2,videoList:{}},
+    {id:33,name:'空题材栏目',status:true,type:3,themeList:'bad'},
+    {id:34,name:'题材栏目',status:true,type:3,themeList:[null,{id:8,name:'悬疑'}]},
+  ],advitise:{nineGridList:[null,advert]}});
+  assert.ok(!html.includes('空视频栏目'));
+  for(const content of ['有效栏目','空题材栏目','有效公告','href="/topics/8/"','href="/detail/23456/"','有效广告'])assert.ok(html.includes(content),content);
+});
+
+test('banner selection and card metadata tolerate malformed records without losing valid items',()=>{
+  assert.deepEqual(activeBanners({homeBannerData:[null,drama,{...drama,id:2,showOnBanner:true}]}).map(item=>item.id),[2]);
+  assert.ok(hero([null,drama]).includes('href="/detail/23456/"'));
+  assert.ok(hero(null).includes('暂无推荐剧集'));
+  assert.ok(card({...drama,tagNames:'bad',themeNames:['悬疑']}).includes('悬疑'));
+  assert.equal(card(null),'');assert.equal(topicCard(null),'');
+});
+
+test('carousel frames keep their own titles below the stable page heading, including fade snapshots',()=>{
+  const items=[drama,{...drama,id:2,title:'下一部短剧'}];
+  for(const selected of [0,1]){
+    const frame=hero(items,selected);
+    assert.equal((frame.match(/<h2\b/g)||[]).length,1);
+    assert.ok(!/<h1\b/.test(frame),'live and outgoing frames must not duplicate the page h1');
+    assert.ok(frame.includes(`href="/detail/${items[selected].id}/"`));
+    assert.ok(frame.includes(`data-feature="${selected}"`));
+  }
+  assert.ok(!/<h1\b/.test(hero(null)));
+});
diff --git a/tests/request-log.test.mjs b/tests/request-log.test.mjs
new file mode 100644
index 0000000..9b2faad
--- /dev/null
+++ b/tests/request-log.test.mjs
@@ -0,0 +1,70 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(file,transform=code=>code){
+  const source=await readFile(new URL(file,import.meta.url),'utf8');
+  const code=ts.transpileModule(source,{fileName:new URL(file,import.meta.url).pathname,compilerOptions:{module:ts.ModuleKind.ESNext,target:ts.ScriptTarget.ES2022,jsx:ts.JsxEmit.ReactJSX}}).outputText;
+  return 'data:text/javascript;base64,'+Buffer.from(transform(code)).toString('base64');
+}
+const protocol=await moduleUrl('../src/lib/api/protocol.ts'),auth=await moduleUrl('../src/lib/client/auth.ts');
+const apiUrl=await moduleUrl('../src/lib/client/api.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocol)).replace('"./auth"',JSON.stringify(auth)));
+const {ApiClient}=await import(apiUrl);
+const startupUrl='data:text/javascript,export const calls=[];export function startTracker(){calls.push("tracker")}export function startApplication(...args){calls.push(args)}';
+const startup=await import(startupUrl);
+const scriptUrl='data:text/javascript,export default function Script(){}';
+const runtimeUrl=await moduleUrl('../src/components/site/SiteRuntime.tsx',code=>{
+  const imports={'react/jsx-runtime':import.meta.resolve('react/jsx-runtime'),'next/script':scriptUrl,'@/lib/client/application':startupUrl,'@/lib/client/analytics':startupUrl};
+  for(const [path,url] of Object.entries(imports))for(const quote of ["'",'"'])code=code.replace(quote+path+quote,JSON.stringify(url));
+  return code;
+});
+const {SiteRuntime}=await import(runtimeUrl);
+
+async function browser(work){
+  const previous={window:globalThis.window,fetch:globalThis.fetch},logs=[];
+  globalThis.window={console:Object.fromEntries(['log','info','debug','warn','error','group','groupCollapsed','groupEnd','table','trace'].map(method=>[method,(...args)=>logs.push({method,args})]))};
+  try{await work(logs);assert.deepEqual(logs,[]);}
+  finally{globalThis.fetch=previous.fetch;if(previous.window===undefined)delete globalThis.window;else globalThis.window=previous.window;}
+}
+
+test('browser requests retain query, credentials, decoded responses and multipart bodies without console output',async()=>{
+  await browser(async()=>{
+    const body={account:'player',password:'unchanged-password'},query={pageNum:2,token:'query-token',empty:''};
+    const payload={code:200,data:JSON.stringify({id:31,moreUrl:'/rank/new/',access_token:'response-token'})};
+    let received;
+    globalThis.fetch=async(url,options)=>{received={url,options};return new Response(JSON.stringify(payload),{status:200});};
+    const result=await new ApiClient().raw('auth/login',query,body);
+    assert.ok(received.url.includes('token=query-token'));assert.ok(received.url.includes('pageNum=2'));assert.ok(!received.url.includes('empty='));
+    assert.equal(received.options.credentials,'same-origin');assert.equal(JSON.parse(received.options.body).password,body.password);
+    assert.equal(result.access_token,'response-token');assert.equal(result.moreUrl,'/rank/new/');
+    const form=new FormData();form.append('image',new Blob(['image bytes'],{type:'image/png'}),'cover.png');
+    await new ApiClient().raw('upload',{},form);assert.equal(received.options.body,form);assert.equal(received.options.headers['Content-Type'],undefined);
+  });
+});
+
+test('API business failures, invalid JSON and network failures remain rejected without console output',async()=>{
+  await browser(async()=>{
+    const api=new ApiClient();
+    globalThis.fetch=async()=>new Response(JSON.stringify({code:5100,msg:'搜索服务暂不可用',data:null}),{status:200});
+    await assert.rejects(api.raw('playlet/search',{keyword:'都市'}),error=>error.code===5100&&error.message==='搜索服务暂不可用');
+    globalThis.fetch=async()=>new Response('invalid json',{status:502});
+    await assert.rejects(api.raw('playlet/home'),SyntaxError);
+    globalThis.fetch=async()=>{throw new TypeError('Network offline');};
+    await assert.rejects(api.raw('playlet/home'),/Network offline/);
+  });
+});
+
+test('home, player, navigation and wallet hydration starts normally without logging server data or refetching',async()=>{
+  await browser(async()=>{
+    globalThis.fetch=()=>assert.fail('hydration must use existing server data');
+    const wallet={user:{userId:77,recharge:90,token:'session-secret'},packages:{coinList:[{id:31,name:'金币套餐',price:10000}],vipList:[]},transactions:{list:[{id:12,amount:30}],totalCount:18}};
+    const home={homeConfigData:[{id:31,moreUrl:'/topics/'}]},navigation=[{name:'短剧',url:'/shorts/'}];
+    for(const page of [{path:'/',panel:'home'},{path:'/detail/7/',player:{title:'短剧'}},{path:'/info/deposit/page/2/',panel:'info',info:{key:'deposit',wallet}}]){
+      const start=startup.calls.length;
+      SiteRuntime({home,homeLoaded:true,page,navigation}).props.onReady();
+      assert.equal(startup.calls[start],'tracker');assert.equal(startup.calls[start+1][0],home);assert.equal(startup.calls[start+1][3],page);
+    }
+    assert.equal(wallet.user.token,'session-secret');
+  });
+});
diff --git a/tests/robots.test.mjs b/tests/robots.test.mjs
new file mode 100644
index 0000000..7c77586
--- /dev/null
+++ b/tests/robots.test.mjs
@@ -0,0 +1,56 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+const source=await readFile(new URL('../src/app/robots.ts',import.meta.url),'utf8');
+const originUrl='data:text/javascript;base64,'+Buffer.from('export let calls=0;let origin="";export function setOrigin(value){origin=value;calls=0;}export async function getSeoOrigin(){calls++;return origin;}').toString('base64');
+const originStub=await import(originUrl);
+const code=ts.transpileModule(source,{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}}).outputText.replace("'@/lib/seo-server'",JSON.stringify(originUrl));
+const {default:robots}=await import('data:text/javascript;base64,'+Buffer.from(code).toString('base64'));
+
+async function policy(environment,nodeEnvironment='production',origin='https://permanent.drama.test') {
+  const previous={APP_ENV:process.env.APP_ENV,NODE_ENV:process.env.NODE_ENV};
+  try{
+    if(environment===undefined)delete process.env.APP_ENV;else process.env.APP_ENV=environment;
+    process.env.NODE_ENV=nodeEnvironment;
+    originStub.setOrigin(origin);
+    return await robots();
+  }finally{
+    for(const [key,value] of Object.entries(previous))if(value===undefined)delete process.env[key];else process.env[key]=value;
+  }
+}
+
+// These rules contain literal prefixes; use the longest matching prefix, with Allow winning ties.
+function crawlable(document,path) {
+  const groups=Array.isArray(document.rules)?document.rules:[document.rules];
+  const rules=groups.filter(group=>group.userAgent==='*').flatMap(group=>['allow','disallow'].flatMap(type=>(Array.isArray(group[type])?group[type]:[group[type]]).filter(Boolean).map(prefix=>({prefix,allow:type==='allow'}))));
+  return rules.filter(rule=>path.startsWith(rule.prefix)).sort((a,b)=>b.prefix.length-a.prefix.length||Number(b.allow)-Number(a.allow))[0]?.allow??true;
+}
+
+test('production permits public pages, valid pagination and resources needed to render or play them',async()=>{
+  const document=await policy('production');
+  for(const path of ['/','/shorts/','/shorts/page/2/','/rank/new/','/topics/urban/','/tag/urban/','/config/editors-choice/','/detail/city-story/','/play/city-story/90001/','/info/about-us/','/_next/static/chunks/site.js','/_next/static/css/site.css','/scripts/site-runtime.js','/assets/poster.webp','/h5/m3u8/demo.m3u8','/enkey?token=test','/sitemap.xml'])assert.equal(crawlable(document,path),true,path);
+  for(const path of ['/api/app/playlet/home','/api/app/auth/guest','/healthz','/healthz/'])assert.equal(crawlable(document,path),false,path);
+});
+
+test('noindex pages and duplicate variants remain crawlable so their head directives are visible',async()=>{
+  const document=await policy('production');
+  for(const path of ['/search/','/search/都市/','/search/都市/page/2/','/member/center/','/member/favorites/','/member/history/','/member/purchased/','/member/settings/','/info/deposit/','/info/deposit/vip/','/info/settings/','/info/user-center/','/info/feedback/','/navigation/','/apps/','/home-road/','/detail/city-story/page/2/','/shorts/?sort=2','/play/city-story/90001/?commentSort=1'])assert.equal(crawlable(document,path),true,path);
+  assert.equal(document.sitemap,'https://permanent.drama.test/sitemap.xml');
+});
+
+test('development and test are closed to crawling while the standalone production default stays open',async()=>{
+  for(const environment of ['development','test']){
+    const document=await policy(environment);
+    for(const path of ['/','/shorts/','/detail/city-story/','/_next/static/site.js'])assert.equal(crawlable(document,path),false,environment+' '+path);
+    assert.equal(document.sitemap,undefined);assert.equal(originStub.calls,0);
+  }
+  assert.equal(crawlable(await policy(undefined,'development'),'/'),false);
+  assert.equal(crawlable(await policy(undefined,'production'),'/'),true);
+});
+
+test('missing site configuration omits only the Sitemap directive and leaves production crawl rules available',async()=>{
+  const document=await policy('production','production','');
+  assert.equal(document.sitemap,undefined);assert.equal(crawlable(document,'/shorts/'),true);
+});
diff --git a/tests/routing.test.mjs b/tests/routing.test.mjs
new file mode 100644
index 0000000..d85c998
--- /dev/null
+++ b/tests/routing.test.mjs
@@ -0,0 +1,138 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(path, transform=code=>code){
+  const source=await readFile(new URL(path,import.meta.url),'utf8');
+  const {outputText}=ts.transpileModule(source,{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(transform(outputText).replace(/(['"])\.\.\/routing\1/g,JSON.stringify(routingModuleUrl))).toString('base64');
+}
+const routingUrl=await moduleUrl('../src/lib/routing.ts');
+const {parseSitePath,routeFromSegments,navigationSection,internalPagePath,getRankPage,RANK_PAGES,samePageAddress}=await import(routingUrl);
+const navigationUrl=await moduleUrl('../src/lib/client/navigation.ts',code=>code.replace(/from ['"]\.\.\/routing['"]/,`from '${routingUrl}'`));
+const {navigateTo,NAVIGATE_EVENT}=await import(navigationUrl);
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const renderUrl=await moduleUrl('../src/lib/client/render.ts',code=>code.replace(/from ['"]\.\.\/api\/protocol['"]/,`from '${protocolUrl}'`));
+const {card,hero,topicCard,renderHome}=await import(renderUrl);
+
+test('homepage URLs resolve to home independently of the shorts page',()=>{
+  for(const address of ['https://drama.example','https://drama.example/']){
+    const route=parseSitePath(new URL(address).pathname);
+    assert.deepEqual(route,{group:'',key:''});
+    assert.equal(navigationSection(route),'home');
+  }
+  assert.equal(internalPagePath('/','https://drama.example/shorts/'),'/');
+  assert.deepEqual(parseSitePath('/shorts/'),{group:'page',key:'shorts'});
+});
+
+test('clean paths select the matching page, IDs, and navigation section',()=>{
+  assert.deepEqual(parseSitePath('/'),{group:'',key:''});
+  assert.deepEqual(parseSitePath('/shorts/'),{group:'page',key:'shorts'});
+  assert.deepEqual(parseSitePath('/topics/31/'),{group:'page',key:'topics',value:'31'});
+  assert.deepEqual(parseSitePath('/play/23456/90001/'),{group:'play',key:'23456',value:'90001'});
+  assert.deepEqual(parseSitePath('/info/deposit/vip/'),{group:'info',key:'deposit',value:'vip'});
+  assert.deepEqual(parseSitePath('/member/history/'),{group:'member',key:'history'});
+  assert.deepEqual(parseSitePath('/member/likes/'),{group:'member',key:'likes'});
+  assert.deepEqual(parseSitePath('/member/likes/page/2/'),{group:'member',key:'likes',page:2});
+  for(const [path,section] of [['/','home'],['/shorts/','shorts'],['/topics/31/','topics'],['/detail/7/','shorts'],['/member/center/','']]){
+    assert.equal(navigationSection(parseSitePath(path)),section,path);
+  }
+});
+
+test('search keywords containing Chinese and URL punctuation survive a single decode',()=>{
+  const keyword='都市 / 爱情?#%2F';
+  const route={group:'search',key:keyword};
+  assert.deepEqual(parseSitePath('/search/'+encodeURIComponent(keyword)+'/'),route);
+  assert.deepEqual(routeFromSegments(['search',keyword]),route);
+  assert.equal(parseSitePath('/search/%E0%A4%A/'),null);
+  assert.equal(navigationSection(route),'');
+  assert.deepEqual(parseSitePath('/search/'),{group:'search',key:''});
+  assert.deepEqual(parseSitePath('/search'),{group:'search',key:''});
+  assert.deepEqual(parseSitePath('/search/page/2/','?q='+encodeURIComponent(keyword)),{...route,page:2});
+});
+
+test('resource IDs must be positive safe integers before any API reads',()=>{
+  for(const value of ['0','9007199254740992']){
+    for(const path of ['/detail/'+value+'/','/play/23456/'+value+'/','/topics/'+value+'/','/theme/'+value+'/','/tag/'+value+'/','/config/'+value+'/'])assert.equal(parseSitePath(path),null,path);
+  }
+});
+
+test('each ranking has a distinct page path and the correct API type',()=>{
+  for(const page of RANK_PAGES){
+    for(const path of [page.path,page.path.slice(0,-1)]){
+      const route=parseSitePath(path);
+      assert.deepEqual(route,{group:'page',key:'rank',value:page.slug});
+      assert.equal(navigationSection(route),'rank');
+      assert.equal(getRankPage(route.value).rankType,page.rankType);
+      assert.equal(internalPagePath(path,'https://drama.example/'),path);
+    }
+  }
+  assert.deepEqual(RANK_PAGES.map(page=>page.rankType),[1,2,3]);
+  assert.equal(getRankPage(parseSitePath('/rank/').value).rankType,1);
+  for(const path of ['/rank/unknown/','/rank/new/extra/','/rank//','/rank/2/'])assert.equal(parseSitePath(path),null,path);
+});
+
+test('hash page links are not converted or treated as page destinations',()=>{
+  const base='https://drama.example/';
+  for(const hash of ['#','#page/shorts','#page/config/31','#detail/7','#video/8','#play/7/90001','#search/'+encodeURIComponent('逆袭/甜宠'),'#member/history','#info/deposit/vip']){
+    assert.equal(internalPagePath(hash,base),null,hash);
+    assert.equal(internalPagePath(base+hash,base),null,hash);
+  }
+  assert.deepEqual(parseSitePath(new URL(base+'#page/shorts').pathname),{group:'',key:''});
+});
+
+test('only recognized internal page destinations are handled by the application',()=>{
+  const base='https://drama.example/detail/7';
+  assert.equal(internalPagePath('/shorts/',base),'/shorts/');
+  assert.equal(internalPagePath('https://drama.example/member/history/',base),'/member/history/');
+  assert.equal(internalPagePath('/search/'+encodeURIComponent('爱情 / 逆袭')+'/',base),'/search/'+encodeURIComponent('爱情 / 逆袭')+'/');
+  for(const href of ['https://external.example/shorts','javascript:alert(1)','/api/app/playlet/home','/assets/poster.webp','#comments','/unknown','/play/7/','/shorts/extra/','/member/unknown/','/detail/0/']){
+    assert.equal(internalPagePath(href,base),null,href);
+  }
+});
+
+test('page navigation requests a complete server document while leaving hashes, external links and browser history to the browser',()=>{
+  const previous=globalThis.window,calls=[];
+  globalThis.window={location:{href:'https://drama.example/shorts/',assign:path=>calls.push(path)},history:{pushState:()=>assert.fail('client page routing must not replace server navigation')}};
+  try{
+    for(const path of ['#comments','/#page/shorts','https://external.example/shorts','/series/'])navigateTo(path);
+    assert.deepEqual(calls,[]);
+    for(const path of ['/play/23456/90001/','/member/history/','/rank/new/','/shorts/page/2/?sort=2'])navigateTo(path);
+    assert.deepEqual(calls,['/play/23456/90001/','/member/history/','/rank/new/','/shorts/page/2/?sort=2']);
+    assert.equal(globalThis.window.location.href,'https://drama.example/shorts/','the old document stays visible until the new response arrives');
+  }finally{globalThis.window=previous;}
+});
+
+test('dynamic content generates trailing slashes directly in page links',()=>{
+  const drama={id:23456,title:'测试短剧',showOnBanner:true};
+  const topic={id:31,name:'测试专题'};
+  const cases=[
+    [card(drama),'/detail/23456/'],
+    [hero([drama]),'/detail/23456/'],
+    [topicCard(topic),'/topics/31/'],
+    [topicCard(topic,true),'/topics/31/'],
+    [renderHome({homeConfigData:[{id:31,name:'更多短剧',status:true,type:1,list:[drama]}]}),'/config/31/'],
+  ];
+  for(const [html,path] of cases)assert.ok(html.includes(`href="${path}"`),path);
+  assert.equal(internalPagePath('/search/'+encodeURIComponent('都市 / 爱情?#%')+'/?page=2','https://drama.example/'),'/search/'+encodeURIComponent('都市 / 爱情?#%')+'/?page=2');
+});
+
+
+test('server bootstrap matches only the same parsed page, pagination and query',()=>{
+  assert.equal(samePageAddress('/shorts/?sort=2&source=test','/shorts?source=test&sort=2'),true);
+  assert.equal(samePageAddress('/search/%E9%83%BD%E5%B8%82/','/search/都市/'),true);
+  assert.equal(samePageAddress('/shorts/page/2/','/shorts/page/3/'),false);
+  assert.equal(samePageAddress('/shorts/?sort=2','/shorts/?sort=1'),false);
+  assert.equal(samePageAddress('/unknown/','/unknown/'),false);
+});
+
+
+test('removed standalone series and video paths are never recognized or converted to another page',()=>{
+  for(const path of ['/series','/series/','/series/page/2','/series/page/2/','/video/7','/video/7/','/video/7/page/2/']){
+    assert.equal(parseSitePath(path),null,path);assert.equal(internalPagePath(path,'https://drama.example/'),null,path);
+  }
+  assert.deepEqual(parseSitePath('/detail/7/'),{group:'detail',key:'7'});
+  assert.deepEqual(parseSitePath('/play/7/90001/'),{group:'play',key:'7',value:'90001'});
+});
diff --git a/tests/search.test.mjs b/tests/search.test.mjs
new file mode 100644
index 0000000..f1e29a0
--- /dev/null
+++ b/tests/search.test.mjs
@@ -0,0 +1,134 @@
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(file,replace=code=>code){
+  const filename=new URL(file,import.meta.url);
+  const {outputText}=ts.transpileModule(await readFile(filename,'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(replace(outputText).replace(/(['"])\.\.\/routing\1/g,JSON.stringify(routingModuleUrl))+'\n//# sourceURL='+filename.pathname).toString('base64');
+}
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const renderUrl=await moduleUrl('../src/lib/client/render.ts',code=>code.replace('"../api/protocol"',JSON.stringify(protocolUrl)));
+const searchUrl=await moduleUrl('../src/lib/client/search.ts',code=>code.replace("'../api/protocol'",JSON.stringify(protocolUrl)).replace("'./render'",JSON.stringify(renderUrl)));
+const routingUrl=await moduleUrl('../src/lib/routing.ts');
+const {loadSearchResults,searchResultsMarkup,searchErrorMarkup,searchSuggestionsMarkup,searchPicksMarkup,SEARCH_PAGE_SIZE}=await import(searchUrl);
+const {highlightSearchTitle}=await import(renderUrl);
+const {paginationPath,searchPath,parseSitePath}=await import(routingUrl);
+const signal=()=>new AbortController().signal;
+const drama={id:7,title:'SEO 标题',playName:'都市 <短剧>',cover:'https://cdn.example/encrypted.webp',totalEpisode:12};
+
+test('search uses reference API parameters, authoritative totals and actual playName without local filtering',async()=>{
+  const calls=[];
+  const result=await loadSearchResults({get:async(path,query,requestSignal)=>{calls.push({path,query,requestSignal});return {keyword:'都市剧',list:[null,drama,{id:8,title:'服务端判定的相关作品'}],totalCount:102,pageSize:25};}},'  都市  ',3,signal());
+  assert.equal(SEARCH_PAGE_SIZE,25);assert.equal(calls.length,1);assert.equal(calls[0].path,'playlet/search');assert.deepEqual(calls[0].query,{keyword:'都市',pageNum:3,pageSize:25});
+  assert.equal(result.keyword,'都市剧');assert.equal(result.total,102);assert.equal(result.page,3);assert.equal(result.pageSize,25);
+  assert.equal(result.list[0].title,'都市 <短剧>');assert.equal(result.list.length,2);assert.deepEqual(result.recommended,[]);
+});
+
+test('independent search page links preserve encoded keywords and use the response page size',async()=>{
+  const keyword='都市 / 爱情?#%';
+  const result=await loadSearchResults({get:async()=>({list:[drama],totalCount:61,pageSize:10})},keyword,2,signal());
+  const base=searchPath(keyword,2);
+  const html=searchResultsMarkup(result,page=>paginationPath(base,page));
+  for(const page of [1,3,7])assert.ok(html.includes('href="'+searchPath(keyword,page)+'"'));
+  assert.ok(html.includes('name="page" min="1" max="7"'));assert.ok(html.includes('共 <strong>61</strong> 个结果'));assert.ok(html.includes('data-src="https://cdn.example/encrypted.webp"'));
+  assert.ok(!html.includes('SEO 标题'));assert.ok(html.includes('都市 &lt;短剧&gt;'));assert.ok(!html.includes('#search/'));
+});
+
+test('empty results request six hottest works and keep them separate from the search count',async()=>{
+  const calls=[];
+  const result=await loadSearchResults({get:async(path,query)=>{
+    calls.push({path,query});
+    if(path==='playlet/search')return {list:null,totalCount:0};
+    return {list:[null,{id:0,title:'无效'},drama,drama,...Array.from({length:7},(_,i)=>({...drama,id:i+10}))]};
+  }},'没有匹配的关键词',1,signal());
+  assert.deepEqual(calls[1],{path:'playlet/hot/list',query:{pageNum:1,pageSize:6}});
+  assert.equal(result.recommended.length,6);assert.equal(new Set(result.recommended.map(item=>item.id)).size,6);assert.equal(result.total,0);assert.deepEqual(result.list,[]);
+  const html=searchResultsMarkup(result,()=>assert.fail('empty first page has no pagination'));
+  assert.ok(html.includes('共 <strong>0</strong> 个结果'));assert.ok(html.includes('搜索无结果'));assert.ok(html.includes('c568d83ba6e559ac.png'));
+  assert.ok(html.includes('大家都在看'));assert.ok(html.includes('aria-label="热门推荐"'));assert.ok(html.includes('href="/shorts/"'));
+});
+
+test('empty entry skips the search endpoint; unavailable recommendations never replace an empty result with an error',async()=>{
+  const calls=[];
+  const result=await loadSearchResults({get:async(path,query)=>{calls.push({path,query});throw new Error('recommendation unavailable');}},'  ',1,signal());
+  assert.deepEqual(calls.map(call=>call.path),['playlet/hot/list']);assert.equal(result.keyword,'');assert.deepEqual(result.recommended,[]);
+  const html=searchResultsMarkup(result,()=>assert.fail('empty entry cannot paginate'));
+  assert.ok(html.includes('搜索你想看的短剧'));assert.ok(html.includes('输入剧名、演员或标签'));assert.ok(!html.includes('大家都在看'));assert.ok(!html.includes('recommendation unavailable'));
+});
+
+test('search failures have their own retry state and never masquerade as zero matches',async()=>{
+  const calls=[];
+  await assert.rejects(loadSearchResults({get:async path=>{calls.push(path);throw new Error('搜索服务超时');}},'原名',1,signal()),/搜索服务超时/);
+  assert.deepEqual(calls,['playlet/search']);
+  const html=searchErrorMarkup('<script>','接口失败 <img>');
+  assert.ok(html.includes('搜索暂时不可用'));assert.ok(html.includes('接口失败 &lt;img&gt;'));assert.ok(html.includes('data-api-action="retry"'));assert.ok(!html.includes('共 <strong>0'));
+});
+
+test('leaving a search page ignores late search and recommendation responses',async()=>{
+  for(const stage of ['search','recommendation']){
+    const controller=new AbortController(),calls=[];let finish;
+    const pending=loadSearchResults({get:async path=>{
+      calls.push(path);
+      if(stage==='recommendation'&&path==='playlet/search')return {list:[],totalCount:0};
+      return new Promise(resolve=>finish=resolve);
+    }},'旧搜索',1,controller.signal);
+    await new Promise(resolve=>setImmediate(resolve));controller.abort();finish({list:[drama],totalCount:1});
+    await assert.rejects(pending,error=>error.name==='AbortError');
+    assert.deepEqual(calls,stage==='search'?['playlet/search']:['playlet/search','playlet/hot/list']);
+  }
+});
+
+test('HTML-style highlighting handles full-width letters, repeated matches, spaces, emoji and escaped markup',()=>{
+  const html=highlightSearchTitle('😀ＡＩ 爱 情 / ai爱情 <script>','ai 爱情');
+  assert.equal((html.match(/class="search-keyword"/g)||[]).length,2);assert.ok(html.includes('>ＡＩ 爱 情</span>'));assert.ok(html.includes('>ai爱情</span>'));assert.ok(html.includes('😀'));assert.ok(html.includes('&lt;script&gt;'));
+  assert.equal(highlightSearchTitle('<img>',' '),'&lt;img&gt;');assert.equal(highlightSearchTitle('不相关标题','爱情'),'不相关标题');
+  assert.equal(highlightSearchTitle('爱情爱情','爱情'),'<span class="search-keyword">爱情</span><span class="search-keyword">爱情</span>');
+});
+
+
+test('empty searches use server everyoneWatching without another recommendation request',async()=>{
+  const calls=[];
+  const result=await loadSearchResults({get:async(path,query)=>{calls.push({path,query});return {list:[],totalCount:0,everyoneWatching:[drama,drama,{...drama,id:8}]};}},'空结果',1,signal());
+  assert.deepEqual(calls.map(call=>call.path),['playlet/search']);assert.deepEqual(result.recommended.map(item=>item.id),[7,8]);assert.equal(result.total,0);
+});
+
+
+test('search suggestions open the returned drama while hot keywords open search routes',()=>{
+  const suggestions=searchSuggestionsMarkup([drama],'都市');
+  assert.ok(suggestions.includes('href="/detail/7/"'));assert.ok(suggestions.includes('都市 &lt;短剧&gt;'));assert.ok(!suggestions.includes('SEO 标题'));
+  assert.ok(searchSuggestionsMarkup([{keyword:'都市 / 爱情'}],'').includes('href="'+searchPath('都市 / 爱情')+'"'));
+  for(const value of [null,{},[null]])assert.ok(searchSuggestionsMarkup(value,'词').includes('暂无搜索建议'));
+});
+
+test('dropdown recommendations keep compact cards, real detail links and tracking without full-page metadata',()=>{
+  const html=searchPicksMarkup([null,...Array.from({length:4},(_,index)=>({...drama,id:7+index,slug:'story-'+index,isNew:true,desc:'简介 <script>',countLike:99}))]);
+  assert.equal((html.match(/class="search-pick"/g)||[]).length,3);
+  assert.ok(html.includes('href="/detail/story-0/"'));assert.ok(html.includes('data-track-item data-item-id="7"'));
+  assert.ok(html.includes('class="search-pick-cover"'));assert.ok(html.includes('width="160" height="240"'));
+  assert.ok(html.includes('data-src="https://cdn.example/encrypted.webp"'));assert.ok(html.includes('alt="SEO 标题封面"'));
+  assert.ok(html.includes('简介 &lt;script&gt;'));assert.ok(html.includes('cover-corner-badge--new'));assert.ok(html.includes('12集'));
+  assert.ok(!html.includes('drama-data-card'));assert.ok(!html.includes('drama-meta'));
+  assert.equal(searchPicksMarkup(null),'');
+});
+
+test('search routes encode keywords once in the path and retain exact special characters through pagination',()=>{
+  for(const keyword of ['都市 / 爱情 & 100% #1','字面%2F保持原样','😀+a?b=c']){
+    for(const page of [1,2,7]){
+      const address=searchPath(keyword,page),url=new URL(address,'https://drama.test');
+      assert.equal(url.pathname,'/search/'+encodeURIComponent(keyword)+'/'+(page>1?`page/${page}/`:''));
+      assert.equal(url.search,'');
+      assert.deepEqual(parseSitePath(url.pathname,url.search),{group:'search',key:keyword,...(page>1?{page}:{})});
+      assert.equal(paginationPath(address,3),searchPath(keyword,3));
+    }
+  }
+  assert.equal(searchPath('  '),'/search/');
+  assert.throws(()=>searchPath('',2));
+  assert.throws(()=>searchPath('词',0));
+  assert.equal(paginationPath('/search/'+encodeURIComponent('都市爱情')+'/',2),searchPath('都市爱情',2));
+  assert.equal(paginationPath('/search/?q='+encodeURIComponent('都市爱情')+'&source=menu',2),searchPath('都市爱情',2)+'?source=menu');
+  const suggestions=searchSuggestionsMarkup([{keyword:'都市 & 爱情'}],'');
+  assert.ok(suggestions.includes('href="'+searchPath('都市 & 爱情')+'"'));
+});
diff --git a/tests/seo-snapshot.test.mjs b/tests/seo-snapshot.test.mjs
new file mode 100644
index 0000000..76cfaad
--- /dev/null
+++ b/tests/seo-snapshot.test.mjs
@@ -0,0 +1,63 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {mkdtemp,readFile,readdir,rm,writeFile} from 'node:fs/promises';
+import {tmpdir} from 'node:os';
+import {join} from 'node:path';
+import ts from 'typescript';
+import {seo,seoUrl,structuredUrl} from './helpers/seo.mjs';
+
+const source=await readFile(new URL('../src/lib/seo-snapshot.server.ts',import.meta.url),'utf8');
+const compiled=ts.transpileModule(source,{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}}).outputText
+  .replace("'./seo'",JSON.stringify(seoUrl)).replace("'./structured-data'",JSON.stringify(structuredUrl));
+const {SeoSnapshotStore}=await import('data:text/javascript;base64,'+Buffer.from(compiled).toString('base64'));
+const environment=seo.resolveSeoEnvironment({config:{foreverUrlAddr:'https://drama.test'},seoInfo:{webSiteName:'站点品牌',title:'全站标题'}},[{urlValue:'/shorts/',seoInfo:{title:'栏目标题'}}]);
+
+async function directory(t){const dir=await mkdtemp(join(tmpdir(),'91-seo-snapshot-'));t.after(()=>rm(dir,{recursive:true,force:true}));return dir;}
+
+test('public SEO snapshots survive a new store instance without persisting unrelated credentials',async t=>{
+  const dir=await directory(t),store=new SeoSnapshotStore('https://api-a.test',dir);
+  await store.write({...environment,token:'private-session',reportSdkConfig:'private-sdk',categories:[{...environment.categories[0],secret:'private-category'}]});
+  const saved=await new SeoSnapshotStore('https://api-a.test',dir).read();
+  assert.equal(saved.origin,environment.origin);assert.deepEqual(saved.site,environment.site);assert.equal(saved.categories[0].seoInfo.title,'栏目标题');
+  const text=await readFile(join(dir,(await readdir(dir))[0]),'utf8');
+  for(const value of ['private-session','private-sdk','private-category'])assert.ok(!text.includes(value));
+  assert.equal(await new SeoSnapshotStore('https://api-b.test',dir).read(),undefined);
+});
+
+test('invalid writes and corrupt files cannot replace the last valid site identity',async t=>{
+  const dir=await directory(t),store=new SeoSnapshotStore('https://api.test',dir);
+  await store.write(environment);await store.write({...environment,origin:'javascript:bad'});
+  assert.equal((await store.read()).origin,environment.origin);
+  const filename=join(dir,(await readdir(dir))[0]);await writeFile(filename,'{invalid-json');
+  assert.equal((await store.read()).origin,environment.origin);
+  assert.equal(await new SeoSnapshotStore('https://api.test',dir).read(),undefined);
+  await writeFile(filename,JSON.stringify({version:1,environment:{...environment,origin:'http://localhost:3000'}}));
+  assert.equal(await new SeoSnapshotStore('https://api.test',dir).read(),undefined);
+});
+
+test('parallel snapshots are atomic and a non-writable cache still preserves process-local identity',async t=>{
+  const dir=await directory(t),store=new SeoSnapshotStore('https://api.test',dir);
+  await Promise.all(Array.from({length:8},(_,n)=>store.write({...environment,origin:`https://site-${n}.test`})));
+  const files=await readdir(dir);assert.equal(files.length,1);assert.ok(files[0].endsWith('.json'));
+  const saved=await new SeoSnapshotStore('https://api.test',dir).read();assert.match(saved.origin,/^https:\/\/site-\d\.test$/);
+  const blocked=join(dir,'not-a-directory');await writeFile(blocked,'file');
+  const memory=new SeoSnapshotStore('https://blocked.test',blocked);await memory.write(environment);
+  assert.equal((await memory.read()).origin,environment.origin);
+});
+
+test('test and production snapshots remain isolated even when they use the same API',async t=>{
+  const root=await directory(t),cwd=process.cwd(),previous=process.env.APP_DIST_DIR;
+  try{
+    process.chdir(root);
+    process.env.APP_DIST_DIR='.next-test';
+    await new SeoSnapshotStore('https://same-api.test').write(environment);
+    process.env.APP_DIST_DIR='.next';
+    assert.equal(await new SeoSnapshotStore('https://same-api.test').read(),undefined);
+    await new SeoSnapshotStore('https://same-api.test').write({...environment,origin:'https://production-site.test'});
+    process.env.APP_DIST_DIR='.next-test';
+    assert.equal((await new SeoSnapshotStore('https://same-api.test').read()).origin,environment.origin);
+  }finally{
+    process.chdir(cwd);
+    if(previous===undefined)delete process.env.APP_DIST_DIR;else process.env.APP_DIST_DIR=previous;
+  }
+});
diff --git a/tests/seo.test.mjs b/tests/seo.test.mjs
new file mode 100644
index 0000000..f146277
--- /dev/null
+++ b/tests/seo.test.mjs
@@ -0,0 +1,190 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {seo,clientSeo,headDocument} from './helpers/seo.mjs';
+
+const config={seoInfo:{title:'全站标题',description:'全站描述',keywords:['全站词'],webSiteName:'91剧场'},config:{foreverUrlAddr:'https://drama.example.net/entry/?channel=1'}};
+const environment=seo.seoEnvironment(config);
+const page=(path,content={},search='')=>seo.buildPageHead(path,search,environment,content);
+
+test('path-based search metadata retains keywords and page numbers without becoming indexable',()=>{
+  const head=page('/search/'+encodeURIComponent('都市 / 爱情')+'/page/2/',{totalCount:60,pageSize:25});
+  assert.ok(head.title.includes('都市 / 爱情 · 搜索结果'));
+  assert.ok(head.title.includes('第2页'));
+  assert.equal(head.robots,'noindex,follow');
+  assert.equal(head.canonical,undefined);assert.equal(head.jsonLd,undefined);
+});
+
+test('normalizes legacy/string SEO values and uses the permanent site origin',()=>{
+  assert.deepEqual(seo.normalizeSeo(JSON.stringify({webTitle:' 标题 ',webDescription:' 简介 ',keyworld:'都市，甜宠;都市',webSiteName:'91'})),{title:'标题',description:'简介',keywords:['都市','甜宠'],siteName:'91'});
+  assert.equal(environment.origin,'https://drama.example.net');
+  for(const value of ['',null,'""','{bad',[],12])assert.equal(seo.normalizeSeo(value).title,'');
+  for(const value of ['javascript:alert(1)','https://user:secret@host.test','localhost:3000','https://example.com/path','https://www.xx.xxx/'])assert.equal(seo.siteOrigin(value),'',value);
+  assert.equal(seo.seoEnvironment({config:{foreverUrlAddr:'https://example.com'},newAddressInfo:{foreverUrlAddr:'drama.example.org/entry'}}).origin,'https://drama.example.org');
+  assert.equal(seo.seoEnvironment({}).origin,'');
+});
+
+test('home uses global SEO, independent route fields survive, and copied homepage fields fall back to page-specific content',()=>{
+  const home=page('/');assert.equal(home.title,'全站标题 - 91剧场');assert.equal(home.description,'全站描述');assert.equal(home.siteName,'91剧场');
+  const copied=page('/shorts/',{seoInfo:config.seoInfo});assert.equal(copied.title,'短剧 - 91剧场');assert.notEqual(copied.description,'全站描述');
+  const own=page('/topics/7/',{title:'专题名称',seoInfo:{title:'独立专题TDK',description:'独立描述',keywords:'专题词'}});
+  assert.equal(own.title,'独立专题TDK - 91剧场');assert.equal(own.description,'独立描述');assert.deepEqual(own.keywords,['专题词']);
+  const detail=page('/detail/9/',seo.dramaSeoContent({id:9,title:'都市故事',desc:'故事简介',tagNames:['都市'],seoInfo:{title:'剧集独立TDK'}}));
+  assert.equal(detail.title,'剧集独立TDK - 91剧场');assert.equal(detail.description,'故事简介');assert.ok(detail.keywords.includes('都市'));
+  const episode=page('/play/9/90/',seo.dramaSeoContent({id:9,title:'都市故事',desc:'故事简介'},{currentEpisode:3}));
+  assert.equal(episode.title,'都市故事 - 第3集 | 91剧场');assert.ok(episode.description.includes('第3集'));assert.equal(episode.type,'video.episode');
+});
+
+test('navigation TDK has priority on category routes and does not replace drama content',()=>{
+  const nav=seo.seoEnvironment(config,[{urlValue:'/playlet',seoInfo:{title:'短剧分类TDK',keyworld:['分类词'],description:'分类描述'}},{urlValue:'/topics/7/',seoInfo:{title:'独立专题分类TDK'}}]);
+  assert.equal(seo.buildPageHead('/shorts/page/2/','',nav,{seoInfo:{title:'列表TDK'},totalCount:72}).title,'短剧分类TDK - 第2页');
+  const detail=seo.buildPageHead('/detail/9/','',nav,{title:'剧名',seoInfo:{title:'剧集TDK',description:'剧集描述'}});
+  assert.equal(detail.title,'剧集TDK - 91剧场');assert.equal(detail.description,'剧集描述');
+  assert.equal(seo.buildPageHead('/topics/7/','',nav).title,'独立专题分类TDK');
+  const withoutOwnTDK=seo.buildPageHead('/detail/9/','',nav,seo.dramaSeoContent({id:9,title:'具体剧名',desc:'具体简介'}));
+  assert.equal(withoutOwnTDK.title,'具体剧名 - 91剧场');assert.equal(withoutOwnTDK.description,'具体简介');
+  const ranking=seo.seoEnvironment(config,[{urlValue:'/rank/',seoInfo:{title:'排行榜配置标题'}}]);
+  assert.equal(seo.buildPageHead('/rank/new/','',ranking).title,'排行榜配置标题 - 新剧榜');
+  assert.equal(seo.buildPageHead('/rank/follow/','',ranking).title,'排行榜配置标题 - 追剧榜');
+  assert.equal(page('/rank/').canonical,page('/rank/hot/').canonical);
+  const home=seo.buildPageHead('/','',seo.seoEnvironment(config,[{urlValue:'https://external.test/',seoInfo:{title:'外站'}}]));assert.equal(home.title,'全站标题 - 91剧场');
+});
+
+test('configuration failures and missing permanent origins retain the last valid SEO environment',()=>{
+  const previous=seo.resolveSeoEnvironment(config,[{urlValue:'/shorts/',seoInfo:{title:'短剧分类'}}]);
+  for(const broken of [{},{seoInfo:{webSiteName:'错误品牌'}},{config:{foreverUrlAddr:'javascript:bad'}},{config:{foreverUrlAddr:'http://localhost:3000'}}]){
+    assert.equal(seo.resolveSeoEnvironment(broken,undefined,previous),previous);
+    const head=seo.buildPageHead('/shorts/page/2/','',seo.resolveSeoEnvironment(broken,undefined,previous),{totalCount:72});
+    assert.equal(head.canonical,'https://drama.example.net/shorts/page/2/');assert.equal(head.siteName,'91剧场');
+    assert.equal(head.jsonLd['@graph'].find(item=>item['@type']==='Organization').name,'91剧场');
+  }
+  const partial=seo.resolveSeoEnvironment({config:config.config},undefined,previous);
+  assert.equal(partial.site.siteName,'91剧场');assert.equal(partial.site.title,'全站标题');assert.deepEqual(partial.categories,previous.categories);
+  const updated=seo.resolveSeoEnvironment({config:{foreverUrlAddr:'https://new.drama.test/path/'},seoInfo:{webSiteName:'新站名'}},[],previous);
+  assert.equal(updated.origin,'https://new.drama.test');assert.equal(updated.site.siteName,'新站名');assert.deepEqual(updated.categories,[]);
+});
+
+test('cold starts never guess a canonical and the browser preserves the server identity',()=>{
+  const cold=seo.resolveSeoEnvironment({},[]);
+  assert.equal(cold.origin,'');assert.equal(cold.site.siteName,'91短剧');
+  const head=seo.buildPageHead('/shorts/','',cold,{totalCount:72});
+  assert.equal(head.canonical,undefined);assert.equal(head.jsonLd,undefined);assert.equal(head.next,undefined);
+  assert.equal(seo.clientSeoEnvironment(environment,{config:{foreverUrlAddr:'https://other.drama.test'},seoInfo:{webSiteName:'其他品牌'}}),environment);
+  assert.equal(seo.clientSeoEnvironment(environment,{}),environment);
+  const recovered=seo.clientSeoEnvironment(cold,config);
+  assert.equal(recovered.origin,environment.origin);assert.equal(recovered.site.siteName,environment.site.siteName);
+  const entity=page('/detail/9/',{title:'作品',seoInfo:{webSiteName:'作品接口的其他品牌'}});
+  assert.equal(entity.siteName,'91剧场');assert.ok(entity.title.endsWith(' - 91剧场'));
+  assert.equal(entity.jsonLd['@graph'].find(item=>item['@type']==='Organization').name,entity.siteName);
+});
+
+test('canonical is query-free, every pagination page identifies itself, and first/middle/last page links are bounded',()=>{
+  const first=page('/shorts',{totalCount:72,pageSize:24},'?channel=test#fragment');
+  assert.equal(first.canonical,'https://drama.example.net/shorts/');assert.equal(first.previous,undefined);assert.equal(first.next,'https://drama.example.net/shorts/page/2/?channel=test');
+  const middle=page('/shorts/page/2/',{totalCount:72,pageSize:24});
+  assert.equal(middle.canonical,'https://drama.example.net/shorts/page/2/');assert.equal(middle.previous,'https://drama.example.net/shorts/');assert.equal(middle.next,'https://drama.example.net/shorts/page/3/');
+  assert.match(middle.title,/第2页/);assert.match(middle.description,/第2页/);assert.ok(middle.keywords.includes('第2页'));
+  const last=page('/shorts/page/3/',{totalCount:72,pageSize:24});assert.equal(last.next,undefined);assert.equal(last.previous,'https://drama.example.net/shorts/page/2/');
+  assert.equal(page('/shorts/page/1/',{totalCount:72}).canonical,'https://drama.example.net/shorts/');
+  const overflow=page('/shorts/page/4/',{totalCount:72,pageSize:24});assert.equal(overflow.canonical,undefined);assert.match(overflow.robots,/noindex/);assert.equal(overflow.previous,undefined);
+  for(const totalCount of [0,1,24]){const head=page('/shorts/',{totalCount});assert.equal(head.previous,undefined);assert.equal(head.next,undefined);}
+  const center=page('/member/center/',{totalCount:72});assert.equal(center.previous,undefined);assert.equal(center.next,undefined);
+  for(const totalCount of [-1,NaN,'72']){const head=page('/shorts/',{totalCount});assert.equal(head.next,undefined);}
+});
+
+test('private/tools/search/error pages do not inherit public canonical or indexability',()=>{
+  for(const path of ['/search/爱情/','/navigation/','/home-road/','/apps/','/unknown-page/']){const head=page(path);assert.match(head.robots,/noindex,follow/);assert.equal(head.canonical,undefined,path);}
+  for(const path of ['/member/center/','/member/likes/','/member/likes/page/2/','/member/favorites/page/2/','/info/deposit/','/info/feedback/'])assert.equal(page(path).robots,'noindex,nofollow',path);
+  assert.match(page('/shorts/',{},'?sort=2').robots,/noindex/);assert.equal(page('/shorts/',{},'?sort=2').canonical,undefined);
+  for(const content of [{failed:true},{missing:true},{unavailable:true}])assert.equal(page('/detail/9/',content).canonical,undefined);
+  for(const path of ['/info/about-us/','/info/privacy-policy/','/rank/hot/','/rank/new/','/rank/follow/'])assert.ok(page(path).canonical,path);
+});
+
+test('random shorts metadata matches the selected feed and remains excluded from indexing',()=>{
+  const head=page('/shorts/page/2/',{totalCount:72},'?sort=4');
+  assert.ok(head.title.includes('随机推荐'));assert.ok(head.description.includes('随机推荐'));assert.ok(head.title.includes('第2页'));
+  assert.equal(head.robots,'noindex,follow');assert.equal(head.canonical,undefined);
+});
+
+test('client navigation updates SSR head once and clears old canonical/OG URL/pagination after private or failed routes',()=>{
+  const doc=headDocument();
+  const first=page('/shorts/page/2/',{totalCount:72});clientSeo.applyPageHead(first,doc);
+  const duplicate=doc.createElement('link');duplicate.setAttribute('rel','canonical');doc.head.appendChild(duplicate);
+  const last=page('/rank/new/page/3/',{totalCount:72});clientSeo.applyPageHead(last,doc);
+  assert.equal(doc.head.querySelectorAll('link[rel="canonical"]').length,1);
+  assert.equal(doc.title,last.title);assert.equal(doc.value('meta[property="og:site_name"]'),'91剧场');
+  assert.equal(doc.value('link[rel="canonical"]'),last.canonical);assert.equal(doc.value('meta[property="og:url"]'),last.canonical);
+  assert.equal(doc.value('link[rel="next"]'),undefined);assert.equal(doc.value('link[rel="prev"]'),last.previous);
+  const privatePage=page('/info/deposit/');clientSeo.applyPageHead(privatePage,doc);
+  assert.equal(doc.value('link[rel="canonical"]'),undefined);assert.equal(doc.value('meta[property="og:url"]'),undefined);assert.equal(doc.value('link[rel="prev"]'),undefined);
+  assert.equal(doc.value('meta[name="robots"]'),'noindex,nofollow');assert.equal(doc.value('meta[name="googlebot"]'),'noindex,nofollow');
+  assert.equal(doc.value('meta[name="twitter:title"]'),privatePage.title);
+});
+
+
+test('episode metadata uses chapter SEO before drama SEO and keeps the real episode number',()=>{
+  const data=seo.dramaSeoContent({id:9,title:'都市故事',seoInfo:{title:'剧集标题',description:'剧集描述'}},{id:90,currentEpisode:3,seoInfo:{title:'章节标题',description:'章节描述',keyworld:'章节词'}});
+  const head=page('/play/9/90/',data);
+  assert.ok(head.title.includes('章节标题'));assert.equal(head.description,'章节描述 - 第3集 | 91剧场');assert.ok(head.keywords.includes('章节词'));assert.equal(data.episode,3);
+});
+
+test('topic aliases and numeric ID variants share a primary canonical without changing catalog pagination',()=>{
+  for(const [path,expected] of [
+    ['/theme/007/','/topics/7/'],['/theme/007/page/2/','/topics/7/page/2/'],
+    ['/topics/007/page/1/','/topics/7/'],['/tag/009/','/tag/9/'],['/detail/009/','/detail/9/'],
+  ]){
+    const head=page(path,{totalCount:72},'?utm_source=test');
+    assert.equal(head.canonical,environment.origin+expected,path);assert.ok(head.robots.startsWith('index,'),path);
+  }
+  const alias=page('/theme/007/page/2/',{totalCount:72});
+  assert.equal(alias.previous,environment.origin+'/topics/7/');assert.equal(alias.next,environment.origin+'/topics/7/page/3/');
+  assert.equal(page('/shorts/page/2/',{totalCount:72}).canonical,environment.origin+'/shorts/page/2/');
+  assert.equal(page('/search/007/').canonical,undefined);
+});
+
+test('empty public lists and comment pagination are noindex while preserving successful and error statuses',()=>{
+  for(const path of ['/shorts/','/topics/','/topics/7/','/theme/7/','/tag/9/','/rank/hot/']){
+    const content={totalCount:0},head=page(path,content);
+    assert.equal(head.robots,'noindex,follow',path);assert.equal(head.canonical,undefined);assert.equal(head.jsonLd,undefined);
+    assert.equal(seo.pageResponseStatus(path,content),200);assert.equal(seo.pageResponseStatus(path+'page/2/',content),404);
+    assert.equal(seo.pageResponseStatus(path,{...content,failed:true}),500);
+    assert.equal(seo.pageResponseStatus(path,{...content,missing:true}),404);
+  }
+  const drama=seo.dramaSeoContent({id:9,title:'作品名',desc:'作品简介'});
+  const playable=seo.dramaSeoContent({id:9,title:'作品名'},{id:90,currentEpisode:3,videoUrl:'https://media.example.net/3.mp4'});
+  for(const [path,data] of [['/detail/9/',drama],['/play/9/90/',playable]]){
+    assert.ok(page(path,{...data,totalCount:0,pageSize:10}).robots.startsWith('index,'),path);
+    const content={...data,totalCount:35,pageSize:10},paged=page(path+'page/2/',content);
+    assert.equal(seo.pageResponseStatus(path+'page/2/',content),200);
+    assert.equal(paged.robots,'noindex,follow');
+    for(const key of ['canonical','previous','next','jsonLd'])assert.equal(paged[key],undefined,key);
+  }
+});
+
+test('more snapshots need visible collection information and actual items before indexing',()=>{
+  const route={group:'page',key:'config',value:'31'};
+  const data={name:'都市精选',desc:'都市题材作品精选合集',list:[{id:9}],totalCount:1};
+  const complete=seo.listSeoContent(data,route);
+  assert.ok(page('/config/0031/',complete).robots.startsWith('index,'));
+  assert.equal(page('/config/0031/',complete).canonical,environment.origin+'/config/31/');
+  for(const patch of [{name:''},{desc:''},{list:[]},{list:[{id:-1}]},{desc:'<script>bad()</script>'}]){
+    const content=seo.listSeoContent({...data,...patch},route),head=page('/config/31/',content);
+    assert.equal(head.robots,'noindex,follow');assert.equal(head.jsonLd,undefined);assert.equal(seo.pageResponseStatus('/config/31/',content),200);
+  }
+  const topics=seo.listSeoContent({name:'主题精选',desc:'主题合集介绍',type:3,themeList:[{id:7}],totalCount:1},route);
+  assert.deepEqual(topics.items,[{path:'/topics/7/'}]);assert.ok(page('/config/31/',topics).canonical);
+});
+
+test('episode indexing requires an actual authorized source and episode identity, not metadata or a shared preview',()=>{
+  const data={id:9,title:'作品名',desc:'作品简介',preview:'https://media.example.net/shared-preview.mp4'};
+  const chapter={id:90,currentEpisode:3,videoUrl:'https://media.example.net/3.mp4'};
+  for(const patch of [{videoUrl:''},{videoUrl:'javascript:bad'},{currentEpisode:0},{currentEpisode:undefined},{canWatch:false,needUnlock:true},{canWatch:false,needVip:true}]){
+    const content=seo.dramaSeoContent(data,{...chapter,...patch,seoInfo:{title:'单集标题',description:'单集描述'}});
+    const head=page('/play/9/90/',content);
+    assert.equal(head.robots,'noindex,follow');assert.equal(head.jsonLd,undefined);assert.equal(seo.pageResponseStatus('/play/9/90/',content),200);
+    if(patch.needUnlock||patch.needVip)assert.equal(content.entity.video.source,undefined);
+  }
+  for(const patch of [{},{payType:1,canWatch:true},{payType:2,canWatch:true}])assert.ok(page('/play/9/90/',seo.dramaSeoContent(data,{...chapter,...patch})).canonical);
+  const doc=headDocument();clientSeo.applyPageHead(page('/play/9/90/',seo.dramaSeoContent(data,chapter)),doc);
+  clientSeo.applyPageHead(page('/play/9/90/',seo.dramaSeoContent(data,{...chapter,needUnlock:true})),doc);
+  assert.equal(doc.value('meta[name="robots"]'),'noindex,follow');assert.equal(doc.value('link[rel="canonical"]'),undefined);
+});
diff --git a/tests/site-navigation.test.mjs b/tests/site-navigation.test.mjs
new file mode 100644
index 0000000..a5ebc6f
--- /dev/null
+++ b/tests/site-navigation.test.mjs
@@ -0,0 +1,40 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(file,replace=code=>code){
+  const code=ts.transpileModule(await readFile(new URL(file,import.meta.url),'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}}).outputText;
+  return 'data:text/javascript;base64,'+Buffer.from(replace(code)).toString('base64');
+}
+const routing=await moduleUrl('../src/lib/routing.ts'),protocol=await moduleUrl('../src/lib/api/protocol.ts');
+const {navigationEntries,navigationIsActive,mobileNavigationEntries}=await import(await moduleUrl('../src/lib/site-navigation.ts',code=>code.replace("'./api/protocol'",JSON.stringify(protocol)).replace("'./routing'",JSON.stringify(routing))));
+const item=(id,name,urlValue,extra={})=>({id,name,urlValue,categoryType:1,...extra});
+
+test('API order, labels, icons and nested destinations are preserved while footer and removed video entries stay absent',()=>{
+  const entries=navigationEntries({categoryList:[null,item(20,'精选','/topics/'),item(21,'目录','',{categoryType:2,translationList:[{id:22,name:'第二页',urlValue:'/shorts/page/2/'},null]}),item(23,'更多精彩','/shorts/',{icon:'/assets/custom.webp'}),item(24,'页脚','/info/about-us/',{categoryType:3}),item(25,'剧集','/series/'),item(26,'电影','/video/123/')]});
+  assert.deepEqual(entries.map(entry=>entry.name),['精选','目录','更多精彩']);assert.equal(entries[0].href,'/topics/');assert.equal(entries[1].children[0].href,'/shorts/page/2/');assert.equal(entries[2].icon,'/assets/custom.webp');
+  assert.deepEqual(mobileNavigationEntries(entries).map(entry=>entry.name),['精选','第二页','更多精彩']);
+  for(const categoryList of [null,[],{},'bad',[null]])assert.deepEqual(navigationEntries({categoryList}),[]);
+});
+
+test('known API aliases and empty system entries generate native destinations directly without redirects',()=>{
+  const entries=navigationEntries({categoryList:[item(1,'首页',''),item(2,'排行','/hot'),item(3,'回家的路',''),item(4,'福利应用',''),item(5,'名字由后台决定','/shorts?sort=2'),item(6,'未知空地址','')]});
+  assert.deepEqual(entries.map(entry=>entry.href),['/','/rank/hot/','/home-road/','/apps/','/shorts/?sort=2']);
+});
+
+test('links reject executable addresses, credentials and removed routes, and keep external URLs external',()=>{
+  const entries=navigationEntries({categoryList:[item(1,'外部','https://example.net/path'),item(2,'本站','https://drama.test/shorts'),...['javascript:alert(1)','data:text/html,x','https://user:pass@example.net/','/\\example.net','/video/7/','/series','/shorts/#bad'].map((url,index)=>item(10+index,'无效',url))]},'https://drama.test');
+  assert.equal(entries.length,2);assert.equal(entries[0].external,true);assert.equal(entries[1].external,false);assert.equal(entries[1].href,'/shorts/');
+});
+
+test('active navigation follows configured destinations, independent pages, pagination and query filters',()=>{
+  assert.equal(navigationIsActive('/','/'),true);assert.equal(navigationIsActive('/','/shorts/'),false);
+  assert.equal(navigationIsActive('/shorts/','/shorts/page/3/'),true);
+  assert.equal(navigationIsActive('/shorts/','/detail/7/','top'),false);assert.equal(navigationIsActive('/shorts/','/detail/7/','sidebar'),true);
+  assert.equal(navigationIsActive('/topics/','/topics/7/','top'),false);assert.equal(navigationIsActive('/topics/7/','/topics/7/page/2/'),true);assert.equal(navigationIsActive('/topics/7/','/topics/8/'),false);
+  for(const slug of ['hot','new','follow'])assert.equal(navigationIsActive('/rank/hot/',`/rank/${slug}/page/2/`),true);
+  assert.equal(navigationIsActive('/rank/new/','/rank/follow/'),false);
+  assert.equal(navigationIsActive('/shorts/?sort=2','/shorts/page/2/?sort=2&campaign=test'),true);assert.equal(navigationIsActive('/shorts/?sort=2','/shorts/?sort=1'),false);
+  assert.equal(navigationIsActive('https://example.net/shorts/','/shorts/'),false);assert.equal(navigationIsActive('/series/','/series/'),false);
+});
diff --git a/tests/slug-routing.test.mjs b/tests/slug-routing.test.mjs
new file mode 100644
index 0000000..6168f06
--- /dev/null
+++ b/tests/slug-routing.test.mjs
@@ -0,0 +1,110 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+import {routingModuleUrl} from './helpers/routing.mjs';
+import {seo} from './helpers/seo.mjs';
+
+const routes=await import(routingModuleUrl);
+async function moduleUrl(path,imports={}){
+  const {outputText}=ts.transpileModule(await readFile(new URL('../src/lib/'+path,import.meta.url),'utf8'),{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  let code=outputText;
+  for(const [key,url] of Object.entries({'../routing':routingModuleUrl,...imports}))for(const quote of ["'",'"'])code=code.replace(quote+key+quote,JSON.stringify(url));
+  return 'data:text/javascript;base64,'+Buffer.from(code).toString('base64');
+}
+const protocol=await moduleUrl('api/protocol.ts');
+const renderUrl=await moduleUrl('client/render.ts',{'../api/protocol':protocol});
+const render=await import(renderUrl);
+const channel=await import(await moduleUrl('client/channel.ts',{'../api/protocol':protocol,'./render':renderUrl}));
+const search=await import(await moduleUrl('client/search.ts',{'../api/protocol':protocol,'./render':renderUrl}));
+const drama={id:9,slug:'city-story',title:'都市故事',desc:'作品介绍',cover:'https://media.drama.test/poster.webp',onlineAt:'2026-10-20'};
+const environment=seo.seoEnvironment({config:{foreverUrlAddr:'https://drama.test'}});
+
+test('slug-first paths encode one segment once, preserve ID fallback and accept direct paginated requests',()=>{
+  for(const key of ['city-story','city_story-2026','dushiaiqing']){
+    for(const kind of ['detail','topics','theme','tag','config']){
+      const path=routes.contentPath(kind,{id:9,slug:' '+key+' '});
+      assert.equal(path,`/${kind}/${encodeURIComponent(key)}/`);
+      assert.equal(routes.parseSitePath(path)[kind==='detail'?'key':'value'],key);
+      assert.equal(routes.paginationPath(path,2),path+'page/2/');
+      assert.equal(routes.parseSitePath(path+'page/2/').page,2);
+    }
+    assert.deepEqual(routes.parseSitePath(routes.contentPath('play',{id:9,slug:key},90)),{group:'play',key,value:'90'});
+  }
+  for(const slug of [undefined,null,'','   ','..','bad\\path','都市爱情','city-爱情','都市 / 爱情?#%2F','%E9%83%BD%E5%B8%82'])assert.equal(routes.contentPath('detail',{id:9,slug}),'/detail/9/');
+  assert.deepEqual(routes.contentQuery('city-story','playletId','playletSlug'),{playletSlug:'city-story'});
+  assert.deepEqual(routes.contentQuery('009'),{id:9});
+  assert.equal(routes.parseSitePath('/play/city-story/chapter-slug/'),null);
+});
+
+test('Chinese upstream slugs use IDs in every generated link and SEO URL without changing API identity',()=>{
+  const item={...drama,slug:'都市爱情'};
+  assert.ok(render.card(item).includes('href="/detail/9/"'));
+  assert.ok(render.hero([item]).includes('href="/detail/9/"'));
+  assert.ok(render.topicCard({id:7,slug:'都市合集',name:'都市合集'}).includes('href="/topics/7/"'));
+  assert.ok(render.blockSection({id:31,slug:'必看好剧',name:'必看好剧',type:1,status:true,list:[item]}).includes('href="/config/31/"'));
+  const chapter={id:90,currentEpisode:3,canWatch:true,videoUrl:'https://media.drama.test/3.mp4'};
+  const head=seo.buildPageHead('/play/9/90/','',environment,seo.dramaSeoContent(item,chapter));
+  assert.equal(head.canonical,'https://drama.test/play/9/90/');
+  assert.ok(!JSON.stringify(head.jsonLd).includes('%E9%83%BD'));
+  assert.equal(routes.matchesContentKey(item,'9'),true);
+  assert.deepEqual(routes.contentQuery('9'),{id:9});
+  // Previously issued Chinese slug links remain readable, but their canonical uses the ID.
+  assert.equal(routes.matchesContentKey(item,'都市爱情'),true);
+  assert.equal(seo.buildPageHead('/detail/都市爱情/','',environment,seo.dramaSeoContent(item)).canonical,'https://drama.test/detail/9/');
+});
+
+test('cards, carousel, topics, more lists and suggestions prefer slug while explicit moreUrl remains authoritative',()=>{
+  for(const html of [render.card(drama),render.hero([drama]),search.searchSuggestionsMarkup([drama],'都市')])assert.ok(html.includes('href="/detail/city-story/"'));
+  assert.ok(render.topicCard({id:7,slug:'city-collection',name:'都市合集'}).includes('href="/topics/city-collection/"'));
+  const block={id:31,slug:'editors-choice',name:'编辑精选',type:1,status:true,list:[drama]};
+  assert.ok(render.blockSection(block).includes('href="/config/editors-choice/"'));
+  assert.ok(render.blockSection({...block,moreUrl:'/shorts/'}).includes('href="/shorts/"'));
+  assert.ok(render.card({...drama,slug:''}).includes('href="/detail/9/"'));
+});
+
+test('topic slugs resolve through paginated directories before the ID-only detail API and retain the primary identity',async()=>{
+  const calls=[];
+  const data=await channel.loadChannel({get:async(path,query)=>{
+    calls.push({path,query});
+    if(path==='playlet/topic/list')return {list:query.pageNum===1?[{id:1,slug:'other'}]:[{id:7,slug:'city-collection'}],totalCount:2};
+    return {name:'都市合集',list:[drama],totalCount:72};
+  }},{group:'page',key:'topics',value:'city-collection',page:2});
+  assert.deepEqual(calls,[
+    {path:'playlet/topic/list',query:{pageNum:1,pageSize:50}},
+    {path:'playlet/topic/list',query:{pageNum:2,pageSize:50}},
+    {path:'playlet/topic/detail',query:{pageNum:2,pageSize:24,id:7}},
+  ]);
+  assert.equal(data.id,7);assert.equal(data.slug,'city-collection');
+  const view=channel.channelView({group:'page',key:'topics',value:'7'},data,'/topics/7/?sort=1');
+  assert.ok(view.html.includes('href="/topics/city-collection/page/2/?sort=1"'));
+  const requests=[];
+  const missing=await channel.loadChannel({get:async path=>{requests.push(path);return {list:[],totalCount:0};}},{group:'page',key:'theme',value:'unknown'});
+  assert.equal(missing.missing,true);assert.deepEqual(requests,['playlet/topic/list']);
+  await assert.rejects(channel.loadChannel({get:async()=>{throw Error('outage');}},{group:'page',key:'topics',value:'city-collection'}),/outage/);
+  await assert.rejects(channel.loadChannel({get:async()=>({list:[{id:1,slug:'other'}],totalCount:2})},{group:'page',key:'topics',value:'unknown'}),/分页异常/);
+});
+
+test('tag slug query and home-config lookup preserve numeric business identity',async()=>{
+  assert.deepEqual(channel.channelRequest({group:'page',key:'tag',value:'urban',page:2}).query,{pageNum:2,pageSize:24,tagSlug:'urban',sortType:1});
+  const data=await channel.loadChannel({get:async()=>({homeConfigData:[{id:31,slug:'editors-choice',name:'编辑精选',desc:'精选介绍',status:true,type:1,list:[drama]}]})},{group:'page',key:'config',value:'editors-choice'});
+  assert.equal(data.id,31);assert.equal(data.slug,'editors-choice');assert.equal(data.totalCount,1);
+});
+
+test('canonical, pagination, series/episode schema and homepage ItemList use the same slug paths',()=>{
+  const chapter={id:90,playletId:9,currentEpisode:3,canWatch:true,videoUrl:'https://media.drama.test/3.mp4'};
+  const content=seo.dramaSeoContent(drama,chapter);
+  for(const key of ['9','city-story']){
+    const head=seo.buildPageHead(`/play/${key}/90/`,'',environment,content);
+    assert.equal(head.canonical,'https://drama.test/play/city-story/90/');
+    const graph=head.jsonLd['@graph'];
+    assert.equal(graph.find(node=>node['@type']==='TVSeries').url,'https://drama.test/detail/city-story/');
+    assert.equal(graph.find(node=>node['@type']==='TVEpisode').url,head.canonical);
+    assert.equal(graph.find(node=>node['@type']==='BreadcrumbList').itemListElement[2].item,'https://drama.test/detail/city-story/');
+  }
+  const list=seo.listSeoContent({id:7,slug:'city-collection',list:[drama],totalCount:72},{group:'page',key:'theme',value:'7',page:2});
+  const head=seo.buildPageHead('/theme/7/page/2/','',environment,list);
+  assert.equal(head.canonical,'https://drama.test/topics/city-collection/page/2/');assert.equal(head.previous,'https://drama.test/topics/city-collection/');
+  const home=seo.buildPageHead('/','',environment,seo.homeSeoContent({homeBannerData:[drama]}));
+  assert.equal(home.jsonLd['@graph'].find(node=>node['@type']==='ItemList').itemListElement[0].url,'https://drama.test/detail/city-story/');
+});
diff --git a/tests/startup.test.mjs b/tests/startup.test.mjs
new file mode 100644
index 0000000..8e0706d
--- /dev/null
+++ b/tests/startup.test.mjs
@@ -0,0 +1,279 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+
+async function moduleUrl(path, transform=code=>code){
+  const source=await readFile(new URL(path,import.meta.url),'utf8');
+  const {outputText}=ts.transpileModule(source,{compilerOptions:{target:ts.ScriptTarget.ES2022,module:ts.ModuleKind.ESNext}});
+  return 'data:text/javascript;base64,'+Buffer.from(transform(outputText)).toString('base64');
+}
+const protocolUrl=await moduleUrl('../src/lib/api/protocol.ts');
+const startupUrl=await moduleUrl('../src/lib/client/startup.ts',code=>code.replace(/from ['"]\.\.\/api\/protocol['"]/,`from '${protocolUrl}'`));
+const {StartupDialogs,loadStartupImage,startStartupDialogs}=await import(startupUrl);
+const flush=()=>new Promise(resolve=>setImmediate(resolve));
+const ad=id=>({id,title:id,images:`https://example.com/${id}.png`,link:`https://example.com/${id}`});
+const ads=[ad('first'),ad('second')];
+
+function session(initial={}){
+  const data=new Map(Object.entries(initial));
+  return {data,getItem:key=>data.get(key)||null,setItem:(key,value)=>data.set(key,value),removeItem:key=>data.delete(key)};
+}
+function fixture(storage=session(),load=async()=>{},loadGrid=async items=>items){
+  const state={age:false,current:null,shown:[],loaded:[],grid:null,grids:[]};
+  const view={
+    showAge(){state.age=true;},closeAge(){state.age=false;},
+    prepareAdvertisement(){state.current=null;},
+    async loadAdvertisement(item,signal){state.loaded.push(item.id);await load(item,signal);},
+    showAdvertisement(item){state.current=item.id;state.shown.push(item.id);},
+    hideAdvertisement(){state.current=null;},
+    loadGrid,
+    showGrid(items){state.grid=items.map(item=>item.id);state.grids.push(state.grid);},
+    hideGrid(){state.grid=null;},
+  };
+  return {state,storage,controller:new StartupDialogs(storage,view)};
+}
+
+test('first session asks for age, then shows every ad in order and remembers completion',async()=>{
+  const f=fixture();assert.equal(f.state.age,true);
+  f.controller.setAdvertisements(ads);await flush();
+  assert.equal(f.state.current,null);assert.deepEqual(f.state.loaded,['first']);
+  f.controller.confirmAge();
+  assert.equal(f.state.age,false);assert.equal(f.storage.getItem('hg_age_ok'),'1');assert.equal(f.state.current,'first');
+  f.controller.confirmAge();assert.deepEqual(f.state.shown,['first']);
+  f.controller.nextAdvertisement();await flush();
+  assert.equal(f.state.current,'second');
+  assert.deepEqual(JSON.parse(f.storage.getItem('dialogAdProgress')),{signature:'2|first|second',index:1});
+  f.controller.nextAdvertisement();await flush();
+  assert.equal(f.state.current,null);assert.equal(f.storage.getItem('dialogAdDismissed'),'2|first|second');
+  assert.equal(f.storage.getItem('dialogAdProgress'),null);
+  const reload=fixture(f.storage);reload.controller.setAdvertisements(ads);await flush();
+  assert.equal(reload.state.age,false);assert.deepEqual(reload.state.loaded,[]);assert.equal(reload.state.current,null);
+});
+
+test('grid follows age confirmation and the entire big-ad queue, then stays dismissed for the session',async()=>{
+  const f=fixture();
+  f.controller.setAdvertisements(ads,[ad('app-one'),ad('app-two')]);await flush();
+  assert.equal(f.state.grid,null);
+  f.controller.confirmAge();assert.equal(f.state.current,'first');assert.equal(f.state.grid,null);
+  f.controller.nextAdvertisement();await flush();assert.equal(f.state.current,'second');assert.equal(f.state.grid,null);
+  f.controller.nextAdvertisement();assert.deepEqual(f.state.grid,['app-one','app-two']);assert.equal(f.state.current,null);
+  f.controller.confirmAge();f.controller.nextAdvertisement();assert.equal(f.state.grids.length,1);
+  f.controller.dismissGrid();assert.equal(f.state.grid,null);assert.ok(f.storage.getItem('gridAdDismissed'));
+  f.controller.setAdvertisements(ads,[ad('app-one'),ad('app-two')]);await flush();assert.equal(f.state.grid,null);
+  const reload=fixture(f.storage);reload.controller.setAdvertisements(ads,[ad('app-one'),ad('app-two')]);await flush();
+  assert.equal(reload.state.grid,null);assert.deepEqual(reload.state.loaded,[]);
+  reload.controller.setAdvertisements(ads,[ad('updated-app')]);await flush();assert.deepEqual(reload.state.grid,['updated-app']);
+});
+
+test('grid works without big ads, with late configuration, and after already-dismissed big ads',async()=>{
+  for(const bigAds of [[],ads]){
+    const store=session({dialogAdDismissed:'2|first|second'}),f=fixture(store);
+    f.controller.setAdvertisements(bigAds,[ad('app')]);await flush();assert.equal(f.state.grid,null);
+    f.controller.confirmAge();assert.deepEqual(f.state.grid,['app']);
+    const reload=fixture(store);reload.controller.setAdvertisements(bigAds,[ad('app')]);await flush();
+    assert.deepEqual(reload.state.grid,['app'],'refresh before closing the grid resumes it');
+  }
+  const f=fixture();f.controller.confirmAge();f.controller.setAdvertisements([],[ad('late-app')]);await flush();
+  assert.deepEqual(f.state.grid,['late-app']);
+});
+
+test('empty and malformed grids do not open, and failed big ads do not prevent a valid grid',async()=>{
+  const f=fixture(session({hg_age_ok:'1'}),async()=>{throw Error('failed');});
+  for(const list of [null,{},[null,3,[]], [{...ad('unsafe'),images:'javascript:alert(1)'}]]){
+    f.controller.setAdvertisements([],list);await flush();assert.equal(f.state.grid,null);
+  }
+  f.controller.setAdvertisements(ads,[null,ad('app'),{}]);await flush();
+  assert.deepEqual(f.state.grid,['app']);assert.equal(f.storage.getItem('dialogAdDismissed'),null);
+});
+
+test('grid failures stay retryable on refresh, stale results are ignored, and removing config hides the popup',async()=>{
+  const store=session({hg_age_ok:'1'}),pending=new Map();
+  const f=fixture(store,undefined,(items,signal)=>new Promise(resolve=>pending.set(items[0].id,{resolve,signal})));
+  f.controller.setAdvertisements([],[ad('old')]);f.controller.setAdvertisements([],[ad('new')]);
+  assert.equal(pending.get('old').signal.aborted,true);
+  pending.get('old').resolve([ad('old')]);await flush();assert.equal(f.state.grid,null);
+  pending.get('new').resolve([ad('new')]);await flush();assert.deepEqual(f.state.grid,['new']);
+  f.controller.setAdvertisements([],[]);assert.equal(f.state.grid,null);assert.equal(store.getItem('gridAdDismissed'),null);
+  const failed=fixture(store,undefined,async()=>[]);failed.controller.setAdvertisements([],[ad('app')]);await flush();assert.equal(failed.state.grid,null);
+  const reload=fixture(store);reload.controller.setAdvertisements([],[ad('app')]);await flush();assert.deepEqual(reload.state.grid,['app']);
+});
+
+test('a new big-ad queue pauses a ready grid, and storage restrictions never reopen a dismissed grid in the same document',async()=>{
+  const fail=()=>{throw Error('storage disabled');},f=fixture({getItem:fail,setItem:fail,removeItem:fail});
+  f.controller.confirmAge();f.controller.setAdvertisements([],[ad('app')]);await flush();assert.deepEqual(f.state.grid,['app']);
+  f.controller.setAdvertisements([ad('big')],[ad('app')]);await flush();assert.equal(f.state.grid,null);assert.equal(f.state.current,'big');
+  f.controller.nextAdvertisement();assert.deepEqual(f.state.grid,['app']);f.controller.dismissGrid();
+  f.controller.setAdvertisements([ad('big')],[ad('app')]);f.controller.confirmAge();await flush();assert.equal(f.state.grid,null);
+});
+
+test('accepting age before slow config arrives does not miss the ad queue',async()=>{
+  const f=fixture();f.controller.confirmAge();await flush();assert.equal(f.state.current,null);
+  f.controller.setAdvertisements(ads);await flush();assert.equal(f.state.current,'first');
+});
+
+test('refresh resumes the current ad instead of restarting the completed prefix',async()=>{
+  const store=session({hg_age_ok:'1',dialogAdProgress:JSON.stringify({signature:'2|first|second',index:1})});
+  const f=fixture(store);f.controller.setAdvertisements(ads);await flush();
+  assert.equal(f.state.age,false);assert.deepEqual(f.state.loaded,['second']);assert.equal(f.state.current,'second');
+  f.controller.nextAdvertisement();assert.equal(store.getItem('dialogAdDismissed'),'2|first|second');
+});
+
+test('changed ad codes reset the queue; the same configuration does not reopen it',async()=>{
+  const store=session({hg_age_ok:'1',dialogAdDismissed:'2|first|second'});
+  const f=fixture(store);f.controller.setAdvertisements(ads);await flush();assert.deepEqual(f.state.loaded,[]);
+  const changed={...ad('creative'),id:'old-id',advertiseCode:' new-code '};
+  f.controller.setAdvertisements([changed]);await flush();assert.equal(f.state.current,'new-code');
+  f.controller.setAdvertisements([changed]);await flush();assert.deepEqual(f.state.shown,['new-code']);
+  f.controller.nextAdvertisement();assert.equal(store.getItem('dialogAdDismissed'),'2|new-code');
+  f.controller.setAdvertisements([{...ad('fallback-id'),advertiseCode:'  '}]);await flush();
+  assert.equal(f.state.current,'fallback-id');
+});
+
+test('invalid image URLs and failed images are skipped without changing remaining order',async()=>{
+  const f=fixture(session({hg_age_ok:'1'}),async item=>{if(item.id==='broken')throw Error('decode failed');});
+  f.controller.setAdvertisements([{...ad('unsafe'),images:'javascript:alert(1)'},ad('broken'),ad('working')]);await flush();
+  assert.deepEqual(f.state.loaded,['broken','working']);assert.deepEqual(f.state.shown,['working']);
+  f.controller.nextAdvertisement();assert.equal(f.storage.getItem('dialogAdDismissed'),'2|broken|working');
+});
+
+test('null ad lists and malformed rows do not prevent valid popup ads from displaying',async()=>{
+  const f=fixture(session({hg_age_ok:'1'}));
+  for(const value of [null,undefined,{},'bad']){
+    f.controller.setAdvertisements(value);await flush();assert.equal(f.state.current,null);
+  }
+  f.controller.setAdvertisements([null,undefined,3,[],ad('working')]);await flush();
+  assert.deepEqual(f.state.loaded,['working']);assert.equal(f.state.current,'working');
+  f.controller.nextAdvertisement();assert.equal(f.storage.getItem('dialogAdDismissed'),'2|working');
+});
+
+test('when every image fails the queue remains retryable on a new page',async()=>{
+  const store=session({hg_age_ok:'1'});
+  const f=fixture(store,async()=>{throw Error('network unavailable');});f.controller.setAdvertisements(ads);await flush();
+  assert.equal(f.state.current,null);assert.equal(store.getItem('dialogAdDismissed'),null);assert.equal(store.getItem('dialogAdProgress'),null);
+  const reload=fixture(store);reload.controller.setAdvertisements(ads);await flush();assert.equal(reload.state.current,'first');
+});
+
+test('disabled sessionStorage still permits confirming age and closing all ads',async()=>{
+  const fail=()=>{throw Error('storage blocked');};
+  const f=fixture({getItem:fail,setItem:fail,removeItem:fail});
+  f.controller.setAdvertisements(ads);await flush();f.controller.confirmAge();assert.equal(f.state.current,'first');
+  f.controller.nextAdvertisement();await flush();assert.equal(f.state.current,'second');
+  f.controller.nextAdvertisement();assert.equal(f.state.current,null);
+});
+
+test('outdated async image results cannot replace a newer configuration',async()=>{
+  const pending=new Map();
+  const f=fixture(session({hg_age_ok:'1'}),(item,signal)=>new Promise(resolve=>pending.set(item.id,{resolve,signal})));
+  f.controller.setAdvertisements([ad('old')]);f.controller.setAdvertisements([ad('new')]);
+  assert.equal(pending.get('old').signal.aborted,true);
+  pending.get('old').resolve();await flush();assert.equal(f.state.current,null);
+  pending.get('new').resolve();await flush();assert.equal(f.state.current,'new');assert.deepEqual(f.state.shown,['new']);
+});
+
+test('malformed or unrelated progress starts at the first ad',async()=>{
+  for(const progress of ['bad json',JSON.stringify({signature:'other',index:1}),JSON.stringify({signature:'2|first|second',index:-1}),JSON.stringify({signature:'2|first|second',index:'bad'})]){
+    const f=fixture(session({hg_age_ok:'1',dialogAdProgress:progress}));f.controller.setAdvertisements(ads);await flush();
+    assert.equal(f.state.current,'first');
+  }
+});
+
+class FakeElement extends EventTarget {
+  attrs=new Map();dataset={};hidden=false;disabled=false;children=[];
+  classes=new Set();
+  classList={add:key=>this.classes.add(key),remove:key=>this.classes.delete(key),contains:key=>this.classes.has(key)};
+  append(...items){this.children.push(...items);for(const item of items)item.parent=this;}
+  replaceChildren(...items){this.children=[];this.append(...items);}
+  querySelectorAll(){return this.children;}
+  closest(selector){return this.className==='startup-promotion'&&selector==='.startup-promotion[href]'&&this.hasAttribute('href')?this:this.parent?.closest(selector);}
+  setAttribute(key,value){this.attrs.set(key,String(value));}
+  removeAttribute(key){this.attrs.delete(key);}
+  hasAttribute(key){return this.attrs.has(key);}
+  set href(value){this.attrs.set('href',value);}
+  get href(){return this.attrs.get('href');}
+  click(){this.dispatchEvent(new Event('click'));}
+}
+class FakeImage extends FakeElement {
+  complete=false;naturalWidth=0;mode='load';
+  constructor(mode='load'){super();this.mode=mode;}
+  set src(value){
+    this.source=value;this.complete=false;this.naturalWidth=0;
+    const finish=()=>{this.complete=true;this.naturalWidth=this.mode==='error'?0:400;this.dispatchEvent(new Event(this.mode==='error'?'error':'load'));};
+    if(this.mode==='cached')finish();else if(this.mode!=='pending')queueMicrotask(finish);
+  }
+  cloneNode(){return new FakeImage(this.mode);}
+  replaceWith(image){this.replacement=image;}
+}
+
+test('image loading supports cached images, errors, timeouts and cancellation',async()=>{
+  const previous=globalThis.window;globalThis.window={};
+  try{
+    for(const mode of ['load','cached'])await loadStartupImage(new FakeImage(mode),'https://example.com/ad.png',new AbortController().signal);
+    await assert.rejects(loadStartupImage(new FakeImage('error'),'https://example.com/ad.png',new AbortController().signal),/加载失败|无法解码/);
+    await assert.rejects(loadStartupImage(new FakeImage('pending'),'https://example.com/ad.png',new AbortController().signal,5),/超时/);
+    const controller=new AbortController();const promise=loadStartupImage(new FakeImage('pending'),'https://example.com/ad.png',controller.signal);
+    controller.abort();await assert.rejects(promise,{name:'AbortError'});
+    globalThis.window.processImage=async()=>false;
+    await assert.rejects(loadStartupImage(new FakeImage('pending'),'https://example.com/ad.png',new AbortController().signal),/解码失败/);
+  }finally{if(previous===undefined)delete globalThis.window;else globalThis.window=previous;}
+});
+
+test('dialog controls enforce age confirmation, advance ads on Escape, track clicks, and use the reference exit',async()=>{
+  class Dialog extends FakeElement {
+    open=false;nodes=new Map();
+    showModal(){this.open=true;}
+    close(){this.open=false;}
+    querySelector(selector){return this.nodes.get(selector);}
+    querySelectorAll(){return [exit,ageClose];}
+  }
+  const age=new Dialog(),popup=new Dialog(),grid=new Dialog();
+  const enter=new FakeElement(),exit=new FakeElement(),ageClose=new FakeElement(),close=new FakeElement(),media=new FakeElement(),loading=new FakeElement(),image=new FakeImage(),promotions=new FakeElement(),gridClose=new FakeElement();
+  age.nodes.set('.startup-age-confirm',enter);
+  popup.nodes.set('.startup-ad-image',image);popup.nodes.set('.startup-ad-media',media);popup.nodes.set('.startup-ad-loading',loading);popup.nodes.set('.startup-close',close);
+  grid.nodes.set('.startup-promotions',promotions);grid.nodes.set('.startup-close',gridClose);
+  const doc=new EventTarget(),classes=new Set();const store=session(),exits=[],tracks=[];
+  doc.getElementById=id=>({'startup-age':age,'startup-ad':popup,'startup-grid':grid}[id]);
+  doc.createElement=tag=>tag==='img'?new FakeImage():new FakeElement();
+  doc.documentElement={classList:{add:key=>classes.add(key),contains:key=>classes.has(key)}};
+  doc.addEventListener('external-ad:track',event=>tracks.push(event.detail.eventType));
+  const originals={window:globalThis.window,document:globalThis.document,location:globalThis.location,Element:globalThis.Element};
+  globalThis.Element=FakeElement;
+  globalThis.window={sessionStorage:store};globalThis.document=doc;globalThis.location={assign:url=>exits.push(url)};
+  try{
+    const controller=startStartupDialogs();controller.setAdvertisements(ads,[ad('app')]);await flush();
+    assert.equal(age.open,true);assert.equal(popup.open,false);
+    const cancelAge=new Event('cancel',{cancelable:true});age.dispatchEvent(cancelAge);assert.equal(cancelAge.defaultPrevented,true);assert.equal(age.open,true);
+    enter.click();assert.equal(age.open,false);assert.equal(popup.open,true);assert.equal(media.href,'https://example.com/first');assert.equal(store.getItem('hg_age_ok'),'1');
+    media.click();assert.deepEqual(tracks,['show','click']);assert.equal(popup.open,true);
+    const cancelAd=new Event('cancel',{cancelable:true});popup.dispatchEvent(cancelAd);await flush();
+    assert.equal(cancelAd.defaultPrevented,true);assert.equal(media.href,'https://example.com/second');assert.equal(popup.open,true);
+    close.click();assert.equal(popup.open,false);assert.equal(store.getItem('dialogAdDismissed'),'2|first|second');
+    assert.deepEqual(tracks,['show','click','show']);
+    assert.equal(grid.open,true);assert.equal(promotions.children.length,1);assert.equal(media.dataset.adPlacement,'startup-ad');
+    const link=promotions.children[0];assert.equal(link.href,'https://example.com/app');
+    assert.equal(link.rel,'sponsored nofollow noopener noreferrer');assert.equal(link.dataset.adType,'icon');assert.equal(link.dataset.trackAd,'external');assert.equal(link.dataset.adPlacement,'startup-grid');
+    assert.equal(link.children[0].alt,'app');assert.equal(link.children[1].textContent,'app');
+    const keyboard=new Event('keydown');keyboard.key='Tab';grid.dispatchEvent(keyboard);assert.equal(grid.classList.contains('startup-keyboard-focus'),true);
+    grid.dispatchEvent(new Event('pointerdown'));assert.equal(grid.classList.contains('startup-keyboard-focus'),false);
+    gridClose.click();assert.equal(grid.open,false);
+    controller.setAdvertisements([], [ad('next-app')]);await flush();assert.equal(grid.open,true);
+    const cancelGrid=new Event('cancel',{cancelable:true});grid.dispatchEvent(cancelGrid);assert.equal(cancelGrid.defaultPrevented,true);assert.equal(grid.open,false);
+    controller.setAdvertisements([], [ad('third-app')]);await flush();assert.equal(grid.open,true);
+    const click=new Event('click');Object.defineProperty(click,'target',{value:promotions.children[0].children[0]});promotions.dispatchEvent(click);assert.equal(grid.open,false);
+    const decoded=[];
+    window.processImage=async(source,node)=>{
+      decoded.push(source);
+      if(source.includes('broken'))return '';
+      node.src=source;return source;
+    };
+    controller.setAdvertisements([],[ad('broken'),{...ad('no-link'),link:'javascript:alert(1)',title:'<script>inert text</script>',advertiseCode:'grid-code',advertiseLocationCode:'slot-3',advertiseLocationName:'应用推广',location:3},ad('last')]);await flush();
+    assert.equal(grid.open,true);assert.equal(promotions.children.length,2);assert.equal(decoded.length,3);
+    const noLink=promotions.children[0];assert.equal(noLink.hasAttribute('href'),false);assert.equal(noLink.dataset.adClickable,'0');
+    assert.equal(noLink.dataset.adId,'grid-code');assert.equal(noLink.dataset.adSlotKey,'slot-3');assert.equal(noLink.dataset.adSlotName,'应用推广');
+    assert.equal(noLink.children[0].alt,'<script>inert text</script>');assert.equal(noLink.children[1].textContent,'<script>inert text</script>');
+    assert.equal(promotions.children[1].href,'https://example.com/last');
+    const inertClick=new Event('click');Object.defineProperty(inertClick,'target',{value:noLink.children[0]});promotions.dispatchEvent(inertClick);assert.equal(grid.open,true);
+    gridClose.click();
+    exit.click();ageClose.click();assert.deepEqual(exits,['https://www.google.com','https://www.google.com']);
+  }finally{for(const [key,value] of Object.entries(originals)){if(value===undefined)delete globalThis[key];else globalThis[key]=value;}}
+});
diff --git a/tests/structured-data.test.mjs b/tests/structured-data.test.mjs
new file mode 100644
index 0000000..5ca7559
--- /dev/null
+++ b/tests/structured-data.test.mjs
@@ -0,0 +1,116 @@
+import {test} from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import ts from 'typescript';
+import {seo,structuredData,clientSeo,headDocument} from './helpers/seo.mjs';
+
+const origin='https://drama.example.net';
+const environment=seo.seoEnvironment({seoInfo:{webSiteName:'91剧场',description:'本站介绍'},config:{foreverUrlAddr:origin,tgGroup:'https://t.me/official',twitterAddr:'https://x.com/official',telegram:'javascript:bad'}});
+const head=(path,content={},search='')=>seo.buildPageHead(path,search,environment,content);
+const nodes=(page,type)=>page.jsonLd?.['@graph'].filter(node=>node['@type']===type)||[];
+const drama={id:9,title:'剧集名称',desc:'剧集简介',cover:'https://images.example.net/poster.webp',onlineAt:'2025-10-18 10:30:00',mediaUpdatedAt:'2025-10-19T08:00:00Z',totalEpisode:12,tagNames:['都市'],anchor:'主演姓名'};
+const chapter={id:90,playletId:9,currentEpisode:3,canWatch:true,videoUrl:'https://media.example.net/episode.m3u8',mediaTime:125,width:1080,height:1920,mediaSize:30000,countBrowse:25};
+
+test('home schema uses this site, actual assets, configured official profiles and the visible unique internal item URLs',()=>{
+  const page=head('/',seo.homeSeoContent({homeBannerData:[drama,{...drama,id:10}],homeConfigData:[
+    {id:1,status:true,type:1,list:[drama,{...drama,id:11}]},
+    {id:2,status:false,type:1,list:[{...drama,id:99}]},
+    {id:3,status:true,type:2,videoList:[{...drama,id:12}]},
+    {id:4,status:true,type:3,themeList:[{id:8,name:'题材'}]},
+  ]}));
+  const organization=nodes(page,'Organization')[0],website=nodes(page,'WebSite')[0];
+  assert.equal(organization.name,'91剧场');assert.equal(organization.url,origin+'/');
+  assert.equal(organization.logo.url,origin+'/apple-touch-icon.png');assert.equal(organization.logo.width,180);
+  assert.deepEqual(organization.sameAs,['https://x.com/official','https://t.me/official']);
+  assert.equal(website.publisher['@id'],organization['@id']);assert.equal(website.description,'本站介绍');
+  assert.equal(nodes(page,'BreadcrumbList').length,0);
+  const items=nodes(page,'ItemList')[0];assert.equal(items.numberOfItems,4);
+  assert.deepEqual(items.itemListElement.map(item=>item.url),['/detail/9/','/detail/10/','/detail/11/','/topics/8/'].map(path=>origin+path));
+});
+
+test('lists, topics and ranks use native URLs and the current page order, not hidden homepage recommendations',()=>{
+  const data={list:[{id:7},{id:8},{id:7},null,{id:-1},{id:'invalid'}],totalCount:72,name:'接口分类名'};
+  const page=head('/shorts/page/2/',seo.listSeoContent(data,{group:'page',key:'shorts',page:2}));
+  assert.equal(nodes(page,'CollectionPage')[0].url,page.canonical);
+  assert.deepEqual(nodes(page,'ItemList')[0].itemListElement,[{'@type':'ListItem',position:25,url:origin+'/detail/7/'},{'@type':'ListItem',position:26,url:origin+'/detail/8/'}]);
+  const crumb=nodes(page,'BreadcrumbList')[0].itemListElement;assert.equal(crumb.at(-1).item,page.canonical);assert.equal(crumb.at(-1).name,'接口分类名');
+  const topics=head('/topics/',seo.listSeoContent({list:[{id:7},{id:8}]},{group:'page',key:'topics'}));
+  assert.equal(nodes(topics,'ItemList')[0].itemListElement[0].url,origin+'/topics/7/');
+  const rank=head('/rank/new/',seo.listSeoContent(data,{group:'page',key:'rank',value:'new'}));
+  assert.equal(nodes(rank,'BreadcrumbList')[0].itemListElement.at(-1).name,'新剧榜');
+});
+
+test('detail describes the series; episode watch pages connect TVEpisode and VideoObject to stable series/media IDs',()=>{
+  const detail=head('/detail/9/',seo.dramaSeoContent(drama));
+  assert.equal(nodes(detail,'VideoObject').length,0);assert.equal(nodes(detail,'TVEpisode').length,0);
+  const series=nodes(detail,'TVSeries')[0];assert.equal(series.name,drama.title);assert.equal(series.numberOfEpisodes,12);assert.deepEqual(series.genre,['都市']);assert.equal(series.actor.name,'主演姓名');
+  const page=head('/play/9/90/',seo.dramaSeoContent(drama,chapter));
+  const episode=nodes(page,'TVEpisode')[0],video=nodes(page,'VideoObject')[0];
+  assert.equal(episode.episodeNumber,3);assert.equal(episode.partOfSeries['@id'],series['@id']);assert.equal(episode.associatedMedia['@id'],video['@id']);
+  assert.equal(video.name,'剧集名称 - 第3集');assert.equal(video.uploadDate,'2025-10-18T10:30:00+08:00');assert.equal(video.duration,'PT125S');assert.equal(video.contentUrl,chapter.videoUrl);
+  assert.equal(video.width,1080);assert.equal(video.height,1920);assert.equal(video.interactionStatistic.userInteractionCount,25);
+  const paged=head('/play/9/90/page/2/',{...seo.dramaSeoContent(drama,chapter),totalCount:35,pageSize:10});
+  assert.equal(paged.robots,'noindex,follow');assert.equal(paged.jsonLd,undefined);
+});
+
+test('missing media data and invalid dates do not produce fabricated VideoObject fields or leak locked playback URLs',()=>{
+  for(const patch of [{onlineAt:undefined},{onlineAt:'0001-01-01'},{onlineAt:'not-a-date'},{cover:''},{cover:'javascript:bad'}]){
+    const page=head('/play/9/90/',seo.dramaSeoContent({...drama,...patch},chapter));
+    assert.equal(nodes(page,'VideoObject').length,0);assert.equal(nodes(page,'TVEpisode').length,1);
+  }
+  const locked=head('/play/9/90/',seo.dramaSeoContent(drama,{...chapter,canWatch:false,needUnlock:true}));
+  assert.equal(locked.robots,'noindex,follow');assert.equal(locked.jsonLd,undefined);
+  const earlier=head('/play/9/90/',seo.dramaSeoContent({...drama,mediaUpdatedAt:'2025-10-17 01:00:00'},chapter));
+  assert.equal(nodes(earlier,'VideoObject')[0].dateModified,undefined);
+  const missingName=head('/play/9/90/',seo.dramaSeoContent({...drama,title:''},chapter));assert.equal(nodes(missingName,'VideoObject').length,0);
+  const fallbackDate=head('/play/9/90/',seo.dramaSeoContent({...drama,onlineAt:'0001-01-01',createdAt:'2025-10-01'},chapter));
+  assert.equal(nodes(fallbackDate,'VideoObject')[0].uploadDate,'2025-10-01T00:00:00+08:00');
+  for(const value of ['2025-02-29','2025-13-01','2025-01-01 25:00:00','1970-01-01','0001-01-01'])assert.equal(structuredData.schemaDate(value),'',value);
+  assert.equal(structuredData.schemaDate('2024/02/29'),'2024-02-29T00:00:00+08:00');
+});
+
+test('paywalled playable chapters identify the restricted region and normalize canonical media IDs',()=>{
+  const paid=head('/play/009/090/',seo.dramaSeoContent(drama,{...chapter,payType:1}));
+  const page=nodes(paid,'WebPage')[0],video=nodes(paid,'VideoObject')[0],episode=nodes(paid,'TVEpisode')[0];
+  assert.equal(paid.canonical,origin+'/play/9/90/');
+  assert.equal(page.isAccessibleForFree,false);
+  assert.deepEqual(page.hasPart,{'@type':'WebPageElement',isAccessibleForFree:false,cssSelector:'.play-paywalled-content'});
+  assert.equal(video.isAccessibleForFree,false);assert.equal(episode.isAccessibleForFree,false);
+  assert.equal(video['@id'],origin+'/play/9/90/#video');assert.equal(episode.url,paid.canonical);
+  const hashed=head('/play/9/90/',seo.dramaSeoContent(drama,{...chapter,videoUrl:'signed/media.m3u8?token=a%2Fb'}));
+  assert.equal(nodes(hashed,'VideoObject')[0].contentUrl,origin+'/h5/m3u8/signed/media.m3u8?token=a%2Fb');
+  const free=head('/play/9/90/',seo.dramaSeoContent(drama,chapter));
+  assert.equal(nodes(free,'WebPage')[0].hasPart,undefined);
+});
+
+test('removed standalone video routes have no canonical or structured data',()=>{
+  const page=head('/video/9/',seo.dramaSeoContent({...drama,video:{url:'https://media.example.net/movie.mp4',videoTime:360}}));
+  assert.equal(page.canonical,undefined);assert.equal(page.jsonLd,undefined);assert.match(page.robots,/noindex/);
+});
+
+test('about and FAQ use visible local content, while private/search/tools/failed pages output no graph',async()=>{
+  const code=ts.transpileModule(await readFile(new URL('../src/lib/info-pages.ts',import.meta.url),'utf8'),{compilerOptions:{module:ts.ModuleKind.ESNext,target:ts.ScriptTarget.ES2022}}).outputText;
+  const info=await import('data:text/javascript;base64,'+Buffer.from(code).toString('base64'));
+  const about=head('/info/about-us/',seo.infoSeoContent(info.getInfoPage('about-us')));assert.equal(nodes(about,'AboutPage').length,1);
+  const faqPage=info.getInfoPage('help-center'),content=seo.infoSeoContent(faqPage),page=head('/info/help-center/',content);
+  assert.equal(nodes(page,'FAQPage')[0].mainEntity.length,6);
+  for(const question of nodes(page,'FAQPage')[0].mainEntity){assert.ok(faqPage.html.includes(question.name));assert.ok(question.acceptedAnswer.text);}
+  for(const path of ['/search/爱情/','/navigation/','/home-road/','/apps/','/member/favorites/','/info/deposit/','/unknown/'])assert.equal(head(path,content).jsonLd,undefined,path);
+  assert.equal(head('/shorts/',content,'?sort=2').jsonLd,undefined);assert.equal(head('/detail/9/',{...content,failed:true}).jsonLd,undefined);
+});
+
+test('native script serialization stays valid JSON and cannot close its script through API content',()=>{
+  const graph={'@context':'https://schema.org','@graph':[{'@type':'WebPage',name:'</script><script>alert(1)</script>\u2028\u2029'}]};
+  const serialized=structuredData.serializeStructuredData(graph);assert.ok(!serialized.includes('<'));assert.ok(!serialized.includes('\u2028'));assert.deepEqual(JSON.parse(serialized),graph);
+});
+
+test('client route changes keep a single script, replace graph contents and remove stale public data on noindex pages',()=>{
+  const doc=headDocument(),selector='script[data-site-json-ld]';
+  clientSeo.applyPageHead(head('/',seo.homeSeoContent({homeBannerData:[drama]})),doc);
+  const duplicate=doc.createElement('script');duplicate.setAttribute('data-site-json-ld','');doc.head.appendChild(duplicate);
+  clientSeo.applyPageHead(head('/detail/9/',seo.dramaSeoContent(drama)),doc);
+  assert.equal(doc.head.querySelectorAll(selector).length,1);
+  const graph=JSON.parse(doc.head.querySelectorAll(selector)[0].textContent);assert.ok(graph['@graph'].some(node=>node['@type']==='TVSeries'));assert.ok(!graph['@graph'].some(node=>node['@type']==='ItemList'));
+  clientSeo.applyPageHead(head('/member/center/'),doc);assert.equal(doc.head.querySelectorAll(selector).length,0);
+  clientSeo.applyPageHead(head('/shorts/',{items:[{path:'/detail/7/'}]}),doc);assert.equal(doc.head.querySelectorAll(selector).length,1);
+});
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..cccbcf7
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [{ "name": "next" }],
+    "paths": { "@/*": ["./src/*"] }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts", ".next-dev/types/**/*.ts", ".next-dev/dev/types/**/*.ts", ".next-test/types/**/*.ts", ".next-test/dev/types/**/*.ts"],
+  "exclude": ["node_modules", "out"]
+}