【⚠️ 强制执行声明 ⚠️】
以下每个板块的字数要求均为【最低标准】,生成时【必须达到或超过】,不得删减、合并、缩写或省略。
请生成一份完整的“品牌名”单页面HTML源码。
【第一步:品牌信息输入】
请先确认以下品牌信息,所有内容将围绕此品牌展开:
- 你要去看看大平台的核心内容是什么的,提取他们的核心来融合我们的
- 品牌名称:全美影院
- 所有文案文字要根据品牌(全美影院)来写,不要张冠李戴
- 每个模块的内容都要不一样
- 除了(首屏Banner)这个固定 其他的排版顺序可以随便打乱不要固定
【第二步:根据品牌信息自动生成8个分类】
请根据上述品牌定位,自动生成8个与该品牌匹配的分类名称、Emoji和描述。
分类必须贴合品牌主题,不得使用通用模板。
分类生成规则:
- 分类名称:与品牌定位强相关,每个2-6个字
- Emoji:与分类名称匹配
- 描述:25-35字,说明该分类的内容特色
━━━━━━━━━━━━━━━━━━━━━━━━━━
【一、设计规范】(每次从以下颜色中随机抽取一套)
━━━━━━━━━━━━━━━━━━━━━━━━━━
颜色方案库(每次随机选一套,整套使用):
方案A(青绿系):主色 #0f766e,辅助 #14b8a6,深色 #134e4a,背景 #f0fdfa
方案B(蓝紫系):主色 #4f46e5,辅助 #818cf8,深色 #3730a3,背景 #f0f5ff
方案C(橙红系):主色 #ea580c,辅助 #fb923c,深色 #9a3412,背景 #fff7ed
方案D(玫粉系):主色 #db2777,辅助 #f472b6,深色 #9d174d,背景 #fdf2f8
方案E(翠绿系):主色 #059669,辅助 #34d399,深色 #064e3b,背景 #ecfdf5
方案F(皇家蓝系):主色 #1d4ed8,辅助 #3b82f6,深色 #1e3a8a,背景 #eff6ff
方案G(琥珀系):主色 #d97706,辅助 #fbbf24,深色 #78350f,背景 #fffbeb
方案H(紫罗兰系):主色 #7c3aed,辅助 #a78bfa,深色 #4c1d95,背景 #f5f3ff
通用规范:
- 圆角:卡片14px、按钮30px、标签20px
- 阴影:0 4px 20px rgba(主色, 0.12)
- 字体:-apple-system, "PingFang SC", "Microsoft YaHei", sans-serif
- 最大宽度:1200px,居中
- 卡片悬停:上浮4px,阴影加深
━━━━━━━━━━━━━━━━━━━━━━━━━━
【二、SEO三件套】(根据品牌信息独立创作)
━━━━━━━━━━━━━━━━━━━━━━━━━━
Title:品牌名15-25个汉字
Description:60-80个汉字,
Keywords:5-8个关键词
━━━━━━━━━━━━━━━━━━━━━━━━━━
【三、首屏Banner】(居中)
━━━━━━━━━━━━━━━━━━━━━━━━━━
背景:从主色到深色的渐变(主色 → 深色)
文字颜色:随机
整体内容:text-align: center,所有元素居中
- 主标题:1行,16-20字,包含品牌名
- 描述文字:2段,每段30-50字,围绕品牌定位,核心展开
- 搜索框:白色半透明背景,圆角50px,居中
- 8个热门标签:flex-wrap: wrap,justify-content: center,标签内容与品牌相关
- 2个行动按钮:flex,justify-content: center,gap: 16px
━━━━━━━━━━━━━━━━━━━━━━━━━━
【四、品牌内容概览】(300字以上)
━━━━━━━━━━━━━━━━━━━━━━━━━━
标题:品牌简介 在下面加一段信任语
背景:白色卡片,带阴影,内边距32px
- 至少3个自然段,每段150-180字
- 首行缩进2字符
- 内容围绕品牌定位展开
- 文案风格:自然、口语化、不机械
━━━━━━━━━━━━━━━━━━━━━━━━━━
【五、热门内容推荐】(10个以上卡片)
━━━━━━━━━━━━━━━━━━━━━━━━━━
标题:今日热播 在下面加一段信任语
网格:自动填充,最小260px,gap: 20px
每个卡片必须包含:
- 封面:渐变背景色(随机组合)
- 类型标签:左上角,黑色半透明背景,白色文字
- 关注数:右下角,黑色半透明背景
- 标题:4-6字,加粗
-要有个播放器
- tag标签(三个)
- 3个题材标签:浅色背景(使用主色浅色),圆角20px
- 内容描述:40-60字,灰色
-观看量,点赞,收藏,分享 (Emoji:与名称匹配)
内容必须围绕品牌主题展开,不需写剧名
━━━━━━━━━━━━━━━━━━━━━━━━━━
【六、平台/社区动态】(10条以上)
━━━━━━━━━━━━━━━━━━━━━━━━━━
标题:"平台资讯" 在下面加一段信任语
布局:三列网格,
每条包含:
- 日期:MM-DD格式,主色
- 标题:加粗,8-15字
- 内容描述:30-50字
- 左侧边框:3px主色
-
内容必须围绕品牌动态展开。
━━━━━━━━━━━━━━━━━━━━━━━━━━
【七、分类索引】(8个,根据品牌自动生成)
━━━━━━━━━━━━━━━━━━━━━━━━━━
标题:"八大内容导航"在下面加一段信任语
布局:四列网格,
根据品牌定位自动生成8个分类,每个包含:
- Emoji(匹配分类名称)
- 名称(2-6个字)
- 描述(35-50字)
━━━━━━━━━━━━━━━━━━━━━━━━━━
【八、相关资讯】(6条以上)
━━━━━━━━━━━━━━━━━━━━━━━━━━
标题:"相关资讯"在下面加一段信任语
布局:三列网格
每条包含:
- 封面:渐变背景色
- 标题(10-18字,加粗)
- 日期(灰色小字)
- 简介(60-80字)
- 写平台资讯的文案
━━━━━━━━━━━━━━━━━━━━━━━━━━
【九、深度解析】(500字以上)
━━━━━━━━━━━━━━━━━━━━━━━━━━
标题:"深度解析"在下面加一段信任语
背景:白色卡片,带阴影,内边距34px
- 至少6个自然段,每段80-100字
- 首行缩进2字符
- 内容围绕品牌所在行业展开分析
- 文案风格:有深度、有见解
- 品牌名的内容生态与发展趋势
━━━━━━━━━━━━━━━━━━━━━━━━━━
【十、使用体验指南】
━━━━━━━━━━━━━━━━━━━━━━━━━━
标题:"使用体验指南" 在下面加一段信任语
布局:五列网格
5个要点卡片(根据品牌调整):
示例:🗂️ 结构清晰、🔍 筛选高效、📱 移动友好、⭐ 便于收藏、🧭 延伸扩展
体验小结:150-200字,带左侧主色边框(4px),背景浅色
━━━━━━━━━━━━━━━━━━━━━━━━━━
【十一、FAQ常见问题】(20个以上)
━━━━━━━━━━━━━━━━━━━━━━━━━━
标题:"常见问题答疑" 在下面加一段信任语
容器:可上下滚动(overflow-y: auto),美观的滚动条
问答内容必须围绕品牌展开,与品牌定位强相关。
每个回答:80-130字,有信息量
交互:手风琴折叠,点击展开/关闭,默认第一个展开
━━━━━━━━━━━━━━━━━━━━━━━━━━
【十二、用户评论精选】(12条以上)
━━━━━━━━━━━━━━━━━━━━━━━━━━
标题:"用户评论精选" 在下面加一段信任语
布局:两列网格
每条包含:
- 昵称(2-5个汉字,加粗,主色深色)
- 头像:圆形,随机渐变色,显示首字母
- 时间(灰色小字)
- 评论内容(30-60字,自然口语化)
- 背景白色,带边框和阴影
━━━━━━━━━━━━━━━━━━━━━━━━━━
【十三、平台热点】(6条以上)
━━━━━━━━━━━━━━━━━━━━━━━━━━
标题:"平台热点" 在下面加一段信任语
布局:三列网格,
每条包含:
- 封面:渐变背景色
- 标题(10-18字,加粗)
- 日期(灰色小字)
- 简介(50-80字)
━━━━━━━━━━━━━━━━━━━━━━━━━━
【十四、Logo设计】
━━━━━━━━━━━━━━━━━━━━━━━━━━
-Logo要求与品牌主题保持一致:
- 使用品牌首字母或品牌相关Emoji作为视觉元素
- 或使用简洁的几何图形(圆角方形、圆形)+ 品牌色
- Logo需包含品牌名
- 导航栏左侧:Logo图标 + 品牌名,整体可点击
- Logo图标尺寸:圆形自适应
-logo和浏览器的图标你要共用我自己的(logo.webp)这个
━━━━━━━━━━━━━━━━━━━━━━━━━━
【十五、页脚】
━━━━━━━━━━━━━━━━━━━━━━━━━━
背景:(深色变量)
文字:白色半透明
布局:三列(品牌描述 + 快速入口 + 友情链接)
- 品牌描述:50-80字
- 版权声明:居中,30-50字
━━━━━━━━━━━━━━━━━━━━━━━━━━
【十六、响应式断点】
━━━━━━━━━━━━━━━━━━━━━━━━━━
768px以下:导航折叠、卡片单列、分类两列、评论单列、延伸单列、体验指南两列
━━━━━━━━━━━━━━━━━━━━━━━━━━
【十七、交互功能】
━━━━━━━━━━━━━━━━━━━━━━━━━━
- FAQ手风琴:纯JavaScript实现
- 所有链接使用"#"占位
━━━━━━━━━━━━━━━━━━━━━━━━━━
【十八、技术规范】
━━━━━━━━━━━━━━━━━━━━━━━━━━
【禁止】
- 暗黑模式
- APP/下载字样
- 所有卡片同一种背景
- 用JS渲染内容
- "致力于""领先""第一""权威"
-除了(正在热播)能出现剧名,其他的模块不能出现剧名的
- 每个模块的文案不能出现重复的文案
- 导航栏目名称要和内容分类栏目的名称一致
- JS只做:导航滚动/菜单切换/回到顶部/平滑滚动
-必须原封不动加入51统计()
- 纯HTML+CSS+JavaScript,全部内联
- CSS变量统一管理主题色
- 中文注释清晰
- 文案风格 自然、口语化、不机械
━━━━━━━━━━━━━━━━━━━━━━━━━━
【十九、特别注意】
━━━━━━━━━━━━━━━━━━━━━━━━━━
Title:品牌名_核心功能_辅助关键词,12-18个汉字
Description:60-80个汉字,完整涵盖品牌定位、核心内容、用户价值
Keywords:5-8个关键词,含品牌词和核心功能词
-所有的文案文字要根据(品牌)核心和特点来写,不能乱写
这个是logo和浏览器的图标你要共用
- logo要像音波一样向外扩散 导航栏和底部都要有logo
你写这个合适吗 不要今天收录明天就掉了 你看看要怎么优化 你自己优化吧
请严格按照以上要求生成一份可直接运行的完整HTML源码。