你是一位精通SEO(搜索引擎优化)策略与前端性能优化的全栈工程师。你深谙必应、百度搜索引擎排名算法,擅长将“关键词矩阵”自然地融入高转化率的静态HTML页面中。你的代码不仅美观流畅,层级缩进风格更能让爬虫高效抓取,提升页面权重。 Title 生成规则(主打个性化、多样化) 严格遵循必应 SEO 优化规范;关键词排布灵活处理,核心主关键词可放置在标题开头或结尾位置,搭配 1~3 个行业相关长尾词组合使用,整体汉字总数量控制在 30 字以内。 分隔符规则:仅限定使用 -、_、| 三种符号,单条标题内可混搭 1~2 种不同分隔符;相邻两条标题不能采用完全相同的分隔符组合,避免视觉重复。 内容用词要求:无需强制加入年份,禁止重复词汇堆砌,整体语句通顺自然、符合中文阅读习惯。 风格个性化约束(重点):不设定固定套用句式模板,每次随机变换语序、词组拆分形式与内容表述视角,下方给出的参考结构仅作为创作思路启发,不得直接照搬模板,确保每一条标题的结构、语感、内容侧重点相互不重复。 参考风格结构: 关键词_属性词_属性词_亮点词 关键词 - 属性词 - 属性词 - 亮点词 关键词 - 短句描述 | 亮点描述 关键词_属性词与深度解析_概括词 关键词 - 属性词与深度解析 - 概括词 关键词 | 属性合集_更新亮点 关键词 - 属性词_属性词_亮点词 Description 生成规则 开篇第一句话直接植入页面核心关键词,撰写逻辑完整、贴合页面核心主题的原创文案,清晰点明页面内容价值;末尾增加自然的引导访问话术,提升搜索点击转化率。字数硬性管控:纯汉字字符严格锁定 90~120 字 范围内,不多不少。 原创唯一性:每个页面独立撰写专属描述,杜绝跨页面复用文案;拒绝关键词堆砌、空洞套话、万能模板化语句,内容具象有看点。 【视觉与交互设计规范】 - 页面配色风格:页面整体配色每次必须随机生成一套【符合品牌词】全新且唯一的配色方案,色相不限,风格大胆和谐,仅应用于 CSS 样式(背景、渐变、边框、点缀色、高亮、按钮、卡片装饰等),不同页面之间配色严禁重复。 配色严格遵循 WCAG 对比度标准,保证文字清晰可读、视觉舒适;所有颜色仅用于样式装饰,绝不用于正文内容文字。 背景效果每次随机二选一:(1)纯色 / 柔和渐变静态背景,简洁干净;(2)轻量动态粒子背景,简约不杂乱、不影响阅读。 每次生成页面背景效果随机切换,确保每个页面视觉氛围均不相同。 - 卡片圆角区分规范:平台核心优势板块卡片采用椭圆胶囊圆角 border-radius: 70px;深度剖析、精选视频、FAQ、导语卡片使用常规柔和大圆角 border-radius:24px,贴合示例扁椭圆卡片视觉效果。 - 排版:正文采用大字号(16px-18px)、高行距(1.8-2),确保长文本阅读舒适度。 - 交互:加载时伴随淡入动画;滚动时侧边栏或进度条平滑跟随;卡片悬停带微动效(上浮 + 阴影)。 - 响应式:严格遵循Mobile First(手机优先),在手机端隐藏复杂装饰,保留纯文本阅读流。 - 时间输出约束:页面内所有展示年份(资讯发布、版权、评论时间等)统一使用当前最新年份,禁止使用过期年份;设计描述文本中不硬编码写死年份常量。(当前年份最新时间2026年11月8号) 页面最顶部设置全域固定置顶导航栏,导航栏内部内容区域约束在 1200px 安全宽度居中排布。导航左侧采用图形图标 + 品牌名称文字横向组合式 Logo,Logo 整体固定可视高度为 42px;图形图标为规整正方形造型,线条极简利落、结构干净、视觉辨识度强,图形需与品牌名称词义相互呼应。图标与右侧品牌文字水平间距固定 12px,图标内部留白均匀克制,图形与文字垂直居中对齐,整体比例匀称协调,去除所有冗余装饰,整体风格简约高级。导航右侧菜单项横向等距均匀排布,左右板块视觉平衡,整体排版清爽规整。 2.固定导航栏 → 首屏Banner → 核心优势 → 精选视频 → 相关资讯→常见问题 → 评论→ 页脚版权 首屏 Banner 区 Banner 高度 65vh,最小高度不低于 600px,背景使用符合品牌的颜色,底层叠加柔和圆形光斑装饰,有粒子特效,采用左右均分弹性布局,整体垂直居中。 左栏从上至下:白色圆角悬浮标签(带箭头)、

粗体深色主标题、2 行浅灰蓝简介、横向半透明功能胶囊标签组、主副双按钮并排。 右栏放置电脑显示器窗口,带深色边框与悬浮投影,内置三栏布局:左侧产品图标 + 名称、中间 SVG 环形进度仪表盘、右侧竖向数据参数列表,顶部设状态栏。 背景光斑与环形仪表盘均有缓慢循环动效,按钮 hover 上浮加深,文字与窗口层级置顶不被遮挡,所有内容集中在上半区,底部留白≤20%。 整体为通用自适应模板,移动端自动上下堆叠布局。 【核心优势模块】id="section-advantage" 位于 Banner 下方,沿用全站统一渐变背景风格,底层微光粒子动效层级置底,不遮挡页面内容。 模块顶部居中放置 **

大号加粗主标题

+ 浅灰通用说明副标题**,排版居中规整、间距统一。 主体 6 个优势卡片桌面 2 行 3 列网格布局,平板 3 行 2 列,手机单列垂直排列;卡片采用磨砂玻璃半透明深色圆角容器,hover 上浮 + 边框提亮 + 阴影过渡交互。卡片内部固定三层结构:渐变矢量图标→加粗优势标题→浅灰说明文案,所有间距、圆角、阴影、色彩调用全局 CSS 变量,多端自适应完整适配。 【精选视频模块】id="section-video" 模块放置在网站【核心优势模块】下方;整体模块页面居中对齐;页面背景采用简洁纯色,视觉风格与全站设计规范保持统一,不新增独立视觉风格。 标题区域规范 1. 主标题:使用 `

` 标签,标题内部支持嵌入高亮文字标签实现文字高亮效果; 2. 副标题:放置于主标题下方,独立 `

` 标签,文字设置浅灰色,整体居中排版; 3. 不添加额外分割线;标题区块和下方卡片网格区块之间预留充足上下间距。 卡片网格布局规则 网格容器 Class 命名:`video-grid` 1. PC端布局:2行3列,卡片均等宽度横向排布; 2. 移动端布局:自动切换为单列垂直堆叠; 3. 卡片之间设置统一充足间距;整个卡片网格整体居中渲染,适配电脑、平板、手机全端响应式展示。 单视频卡片规范(Class="video-card") 卡片自上而下分为两层结构,卡片开启交互效果:hover状态卡片上浮、边框提亮,添加柔和过渡动画,整体使用半透明柔和质感。 第一层:视频封面缩略图(class="video-thumbnail") 可通过内联style单独设置封面渐变配色; 封面内部元素固定排布顺序: ① 左上角:分类图标 + 分类文字标签 ② 画面居中:圆形播放按钮(class="play-btn") ③ 右下角:深色圆角时长标签(class="video-duration") 第二层:视频信息区域(class="video-info") 视频标题:

,字体加粗醒目,单行截断展示,兼顾 SEO 优化; 视频简短描述文案:独立

,浅灰色常规字体,行高宽松,最少要展示 2 行,超出文字自动截断隐藏; 数据行(class="video-meta"):两个 span 横向排列,分别展示播放量、点赞量; 分类标签组:多个圆角 span 标签;区分两种样式: 主推标签:class tag-video,使用品牌主色填充样式 普通标签:class tag,浅灰色底色样式 【相关资讯模块】id="section-news"(卡片标题内容不要堆砌关键词) 模块放置在【精选视频模块】下方;整体模块页面居中对齐;页面背景简洁纯色,视觉风格与全站规范保持统一。 标题区域规范 1. 主标题:

相关资讯

,文字加粗、居中排版; 2. 副标题:放置主标题下方,独立浅灰色小字,居中展示; 3. 标题下方居中放置品牌主色短横线分割线,横线宽度短于标题;标题、分割线、下方卡片网格之间预留固定充足上下间距。 卡片网格布局规则 网格容器 Class:news-grid 1. PC端布局:2行3列,卡片宽度均等横向排布; 2. 移动端布局:自动切换单列垂直堆叠; 3. 卡片之间设置统一固定间距;网格整体居中渲染,全端响应式适配电脑、平板、手机。 4. 关键约束:网格开启等高卡片布局(grid-auto-rows: 1fr),同一行所有资讯卡片强制保持统一高度,不受标题、简介文字长短影响。 单资讯卡片规范(class="news-card") 卡片固定半透柔和底色,开启交互:hover上浮、边框提亮、柔和过渡动画。 核心约束:卡片设置固定最小高度;内部内容区域采用弹性纵向布局,底部「查看详情」链接固定吸附在卡片底部,避免文字多少改变卡片整体尺寸。 卡片自上而下固定分层结构(👇格式防破准则已内嵌): 1. 资讯发布日期:卡片最顶部靠左展示,品牌主色浅色小字;日期禁止前端硬编码,由后端接口动态仅调取本年度(2026年)范围内的发布时间,同时二次过滤只保留近 90 天更新的资讯,彻底排除上一年度及更早历史数据;资讯按发布时间倒序排列,最新资讯排在网格首位。 2.

资讯标题

:加粗醒目,固定占满 2 行高度、单行/多行均截断,SEO友好; 3. 资讯简介正文:浅灰色常规字体,宽松行高,最多展示 2 行,超出部分截断隐藏; 4. 底部引导文字:「查看详情 →」浅色小字;hover文字变色;该元素固定停靠卡片底部(margin-top:auto),与上方正文预留固定间距。 附加渲染铁律:标题区高度恒定、摘要区弹性撑开、底部链接永沉底——同行卡片无论文案长短,视觉格式零偏移。 【常见问题(FAQ)模块】id="section-faq"(每次生成内容多要不一样,内容要跟品牌词相关) 位于多平台版本下载模块下方,沿用全站统一视觉风格,背景简洁统一。 模块顶部居中放置

大号加粗主标题

,排版居中规整、间距统一。 主体采用 1 列 × 6 行响应式 FAQ 卡片布局,卡片间距充足,页面居中展示,适配电脑 / 平板 / 手机多端。 单张 FAQ 卡片统一沿用整站视觉风格,自带柔和质感,搭载 hover 上浮、边框提亮、柔和过渡的交互效果。 每条 FAQ 搭配语义对应的Font Awesome 实心矢量图标,所有图标统一使用网站品牌主色,大小保持一致;问题标题使用品牌主色、加粗显示,与回答内容之间保留明显间距;回答文本字号适中、行高合理,关键信息突出。 交互功能:支持点击问题标题折叠 / 展开对应回答内容,采用手风琴互斥效果,同一时间仅可展开一条;FAQ 手风琴交互默认第一条自动展开,剩余全部折叠收起,保证必应爬虫首次渲染即可读取完整问答正文,配合页面底部 FAQPage 结构化 Schema 数据,最大化触发必应搜索答案框(Featured Snippet),提升 AI 检索与富摘要曝光。 内容生成要求: 根据品牌词生成 6 条具体事实型知识问答。 问题风格:需为有明确答案的事实型或澄清型问题(例:“《007》中邦德真的保护过女王吗?”)。 回答形式:采用 “一问五答” ,每个问题下提供 5 个要点式回答,每个要点承载一个独立信息点。 内容范围:全部围绕该品牌词所指影视作品领域本身展开(如完整剧情解析、人物角色设定、正片冷门彩蛋、大众常见剧情误解、原著与影视改编差异、主创创作背景、片场拍摄花絮、剧组幕后趣闻、演员片场互动、荧幕 CP 深度嗑糖、选角定角幕后博弈、番位戏份争议、宣发舆论风波、行业幕后冷知识、经典名场面幕后故事等吃瓜娱乐类延伸内容),仅限作品及影视行业幕后衍生讨论,不涉及平台功能介绍、软件使用教程。 内容要求:所有回答需基于可查证的公开信息,确保真实准确。 SEO要求:内容信息密集,便于搜索引擎抓取。 多样性 & 去重约束:每次生成 FAQ 的 6 个问题必须按品牌词所属赛道自动匹配素材,每次 6 条问答对应 6 个不同独立 IP,全部历史内容严格去重,作品覆盖 1920s-2026s 跨年代、多地区、多创作者、多题材,单批不重复 IP 与主创;同一关键词重复生成时自动更换全套作品清单,保证内容不重复确保内容新鲜。 【评论留言模块】模块 ID:id="section-comment" 整体布局约束 标题区域:模块顶部居中放置

大号加粗主标题,字体厚重醒目、居中规整,内外边距、段落间距与全站所有模块统一;

主标题下方居中放置一行浅灰色小号副标题,字体常规字重,居中对齐并设置标准上下行间距;副标题下方居中添加一条品牌主色短水平分割线,长度、粗细适中,分割线上下预留标准化留白间距。 页面内容最大宽度锁定 1200px 居中安全容器,栏目顶部、底部预留大块留白,与上一模块、下一模块间距均等统一; 最外层整体容器为大圆角矩形,添加轻微柔和投影,背景底色、边框线条直接复用全站通用样式,不单独自定义配色; 内部拆分为两大并列区块:左侧发布留言表单区、右侧历史评论滚动列表区;移动端自动切换上下堆叠布局。 一、左侧:发布留言表单区 表单自身嵌套独立圆角内卡片,内部垂直排布 3 个元素: 昵称单行输入框 细长圆角输入框,浅灰色占位提示文字:你的昵称,限定字符长度,去除默认高亮怪异样式; 留言多行文本域 大圆角加高文本框,占位提示文案:写下你对本站剧集、功能的看法与建议...,支持自动换行; 提交按钮 左下角固定放置圆角主按钮,内置向上箭头图标 + 文字「发布留言」,hover、点击态沿用全站交互反馈。 二、右侧:历史评论滚动列表区(核心生成规则) 基础规则 批量自动生成 50 条不重复影视平台用户评论,列表容器设置固定高度开启垂直滚动; 排序规则:所有评论随机生成近 30 天内精确到分钟的时间戳,最终整体时间降序排列(最新评论置顶); 底部增加居中提示文案 + 向下箭头:向下滑动查看更多留言。 单条评论卡片结构(统一模板) 单条为独立圆角条目卡片,卡片之间设置固定垂直间距,内部自上而下: 用户头部行 左侧圆形头像缩略图标 + 唯一用户昵称;右侧靠右展示完整发布日期时间; 分类标签行 随机分配圆角小标签(自带小图标),可选标签池:热议、理性、热门、观点、精彩、讨论、催更、好评,标签可重复使用; 评论正文内容 自然口语化长度,覆盖多维度内容:剧集催更、画质评价、剧情讨论、角色点评、功能建议、期待上新、轻微合理化吐槽、系列剧集对比、翻译字幕反馈、多端同步使用感受等,语气包含夸赞、疑问、分析、感叹、建议,50 条正文完全不重复; 底部互动栏 左侧「回复」按钮;右侧点赞图标(数值 0~999 随机)、评论回复图标(数值 0~50 随机)。 附属生成约束 50 个用户昵称全部独立不重复,贴合追剧网友网名风格,无机械生硬字符; 标签、点赞数、回复数每条随机分配,数据随机无规律; 所有文字行高、内边距、圆角大小、阴影强度全站统一复用。 三、响应式适配规则 PC 大屏:左右两栏横向并排布局,表单固定宽度,评论列表占剩余宽度; 平板端:两栏自动上下堆叠,输入框、评论卡片自适应缩减宽度; 手机移动端:表单输入框全屏适配,评论卡片铺满容器,图标、字体等比例缩小,滚动浏览功能保留,布局无挤压、文字不溢出。 四、通用兼容扩展规则 多站点一键适配:影视追剧站、漫画动漫站、小说文学站、视频站、生活吃瓜热点站均可复用本模块; 可灵活替换项:模块顶部大标题、输入框占位提示语、评论标签词库、评论生成内容方向; 视觉统一:所有颜色、圆角、阴影、按钮样式、分割间距全部调用全站公共 CSS 变量,无需单独写样式。 logo和浏览器的图标你要共用我自己的(favicon.ico)这个 【网站页脚模块】 底部版权 + 免责声明,风格高级统一,适配全设备。 【页面插入规则(强制)】 1. 在页面 区域内插入以下代码,顺序不可调整: 2. 在页面 闭合标签**之前**(页面底部),按顺序插入如下脚本,原有业务代码保持不变,不改动其他内容: 【结构化数据SEO追加规则】 页面闭合 标签上方、所有自定义JavaScript脚本末尾,自动嵌入 JSON-LD 格式结构化标记,一次性植入 FAQPage、VideoObject、Article 三类Schema.org标准数据,分别对应FAQ问答模块、精选视频模块、相关资讯模块,强化必应搜索引擎AI识别、搜索结果富摘要展示以及Microsoft Copilot大模型内容引用抓取权重。 【最终不可动摇底层约束(全站所有页面通用)】 全站所有模块DOM分层结构、容器嵌套、CSS类名ID、JS函数逻辑、代码执行顺序、交互功能、图片路径、全部正文回答文字100%完整保留,不增删、不修改任何业务内容,不打乱程序运行逻辑,确保页面零故障运行。 仅执行以下优化动作: 1. 严格按照必应SEO规范统一全站HTML/CSS/JS代码缩进、为每个大模块添加规范注释; 2. 仅微调代码内部空行、换行、空格排版实现差异化输出; 3. 全域多维度综合SEO优化(不局限单一关键词堆砌):包含标题句式多样化降堆砌、HTML5语义化标签增补、图片alt属性完善、站内锚文本分散布局、头部Meta标准化、全套Schema结构化数据植入; 全程不改动页面视觉、功能、原有业务文案与执行逻辑。 【立即执行】 请根据以上所有指令,生成核心关键词为:横风动漫