一、模板整体介绍
StarFlix 是适配苹果CMS V10程序的暗黑系影视模板，整体复刻Netflix经典视觉体系，采用纯深色基底搭配标志性红色高亮元素，界面极简现代，全程卡片式布局，完美适配电影、电视剧、动漫、综艺类影视流媒体站点搭建。
二、核心模板特色
1.专属暗黑网飞配色体系
页面底层采用纯黑底色 #0a0a0a，搭配网飞同款主题红 #e50914 作为按钮、标签、hover交互主色，深色护眼，影视站氛围感极强。
2.轻量化极简卡片设计
全站统一影片海报卡片排版，影片评分搭配红色醒目标签，页面滚动过渡丝滑无卡顿，无多余冗余模块。
大屏PC端全屏宽屏展示；平板设备自动压缩为4列海报网格；移动端手机自适应2~3列，自动折叠导航为侧边汉堡菜单。
4.SEO友好语义化结构
全站采用标准HTML5语义标签分层构建页面，标题层级规范，利于搜索引擎抓取收录。
5.原生代码轻量化开发
仅使用HTML5+CSS3+原生JS开发，不引入任何第三方UI框架，减少页面加载体积，提升访问速度。
三、完整内置功能清单
- 首页全屏巨幅轮播横幅，叠加影片简介、评分、一键播放按钮
- 横向滚动卡片分区：热门电影、热播剧集、高分佳作、新片上线等多板块
- 多维度筛选组件：影片类型、出产地区、上映年份、语言、首字母筛选标签栏
- 播放页多线路Tab切换，兼容系统全部播放源
- 影片详情页虚化背景海报，集中展示评分、演员阵容、完整剧情简介、同类推荐
- 图片懒加载机制，大幅降低首页初始加载资源消耗
- 移动端专属折叠导航菜单，适配手机触控操作
- 滚动触发返回顶部悬浮按钮
四、开发技术栈
五、模板文件模块明细
| HTML5 | 语义化页面结构，规范Meta标签布局 |
| CSS3 | Grid网格+Flex弹性双布局，CSS变量统一管理全站配色 |
| 原生JavaScript | 无jQuery依赖，交互逻辑轻量化 |
| 苹果CMS V10原生模板引擎 | 完整兼容{maccms}调用标签 |
六、模板完整安装步骤
1. 上传文件：将完整模板文件夹上传至程序根目录 template/ 文件夹内；
2. 后台切换模板：登录苹果CMS后台 → 系统 → 网站参数配置，在网站模板选项选中模板文件夹名称（默认muban）并保存；
3. 绑定分类页面模板：进入后台「视频」→「分类管理」，逐个编辑分类，配置封面、筛选、详情、播放、搜索对应模板页面；
4. 清除缓存生效：后台系统缓存管理，清空模板缓存、数据缓存，刷新网站前台即可加载模板样式。
七、使用注意事项
1. 程序版本限制：仅兼容苹果CMS V10，低版本V7/V8无法正常渲染；
2. 标签修改规范：模板内所有系统{maccms}调用标签仅允许调整num数值修改列表数量，其余参数禁止改动；
3. 导航分类匹配：首页导航ids分类ID参数，需和后台视频分类ID一一对应，否则导航展示缺失；
4. 播放器兼容：播放页面直接复用系统原生变量 {$player_data}、{$player_js}，无需额外修改播放器渲染代码。
资源截图：
1首页
2封面页
3列表页
4播放页
5手机端