用户想要一个完整的静态 HTML 页面。我得仔细搭一下。

关键要求：

SEO meta 标签，带关键词、描述、标题

robots 和 baidu-spider meta 标签

没有 canonical 标签

图片路径 /upload/vod/，.webp 格式，命名规则是 {数字}-{词汇}.webp

不能有外部资源

语义化标签

面包屑

6 个以上栏目

评论展示（不提交）

顶部导航、底部版权

带锚点的模态框

侧边栏、FAQ、资讯

WebSite + FAQPage 的 JSON-LD

响应式 H5

独特布局

先规划结构：

Header：顶部栏带 logo + 导航 + 搜索
面包屑
主视觉横幅轮播区（静态，带 banner 图片）
内容：

热播剧集榜（main）

侧边栏带排行榜

分类板块（6+）：电影、电视剧、综艺、动漫、纪录片、短剧……其实要围绕关键词来。

栏目命名用热门搜索词：

最新高清电影（id="movie"）

热播电视剧全集（id="tv"）

综艺真人秀（id="variety"）

动漫番剧（id="anime"）

短剧速看（id="shortplay"）

纪录片（id="doc"）

经典高分片库（id="classic"）

侧边栏：本周热榜、猜你想看、标签云

资讯模块（相关资讯）和 FAQ 模块。

评论区——只做展示。

页脚导航带锚点。

用来做卡片背景的图片：
让我分配唯一数字：

001-banner.webp

002-banner.webp？实际上每个 banner 的数字和词都得唯一。词是固定的“banner”，数字唯一。所以 001-banner.webp、007-banner.webp、013-banner.webp。

让我列一批：
Banners：003-banner.webp、017-banner.webp、042-banner.webp
电影：008-movie.webp、021-movie.webp、034-movie.webp、056-movie.webp、072-movie.webp、090-movie.webp
电视剧：005-tv.webp、019-tv.webp、033-tv.webp、047-tv.webp、061-tv.webp、085-tv.webp
综艺：011-variety.webp、026-variety.webp、039-variety.webp、053-variety.webp
动漫：014-anime.webp、029-anime.webp、044-anime.webp、068-anime.webp
漫画：022-manga.webp、058-manga.webp
头像：009-avatar.webp、024-avatar.webp、037-avatar.webp、051-avatar.webp、066-avatar.webp、079-avatar.webp

等等，编号必须全局唯一——对，现在每个编号只用一次。

让我数一下用到的编号：
003,017,042（banner）
008,021,034,056,072,090（movie）
005,019,033,047,061,085（tv）
011,026,039,053（variety）
014,029,044,068（anime）
022,058（manga）
009,024,037,051,066,079（avatar）

总计：3+6+6+4+4+2+6 = 31。全部唯一。行。

嗯，但漫画词是给“普通内容”用的——我可以把它用在纪录片或短剧上，但词必须是 tv/movie/variety/anime/manga 之一。行，那就用 manga 给短剧或者纪录片用。

其实我该给纪录片和短剧多配点图。让我加几个：
007-movie.webp（纪录片？不行，词受限，只能用那 5 个）。那就用 007-manga.webp 给纪录片，093-tv.webp 给短剧。

行吧。

现在开始写 HTML。

设计：我想做得有辨识度。做一个深色的电影风格主题，用暖琥珀色/青色的强调色？还是做个偏浅色、带点杂志感的？要做就做点不一样的：深海军蓝打底、搭配青柠色/琥珀色点缀，用边