清爽的纯白界面设计
iKanBot针对苹果CMS V10设计，整体以#ffffff纯白色为页面基础，搭配#4078c0浅蓝主题色和#333深灰文字，采用简洁的内容排版方式。页面以影视内容展示为主要视觉重点，使用经典左右分栏结构，左侧承担主要内容展示，右侧用于侧边信息与榜单等内容。
视频封面采用CSS Grid网格排列，默认以6列方式展示，并加入鼠标悬浮轻微上浮效果。屏幕尺寸变化后会自动调整列表列数，顶部导航在移动端折叠为汉堡菜单，适用于电脑、平板和手机等不同设备。
影视页面功能
顶部导航支持二级下拉分类菜单，便于进入不同视频栏目。
提供面向视频资源的全域搜索入口，搜索结果采用网格卡片形式展示。
首页设置热门视频、热播剧集两个独立内容区域。
视频分类页提供子分类导航，并支持多条件筛选。
详情页展示影片海报、基础资料，并支持多播放线路Tab切换。
播放页采用16:9播放器布局，同时显示影片简介卡片。
侧边栏提供一周口碑影片榜单。
页面提供标准分页组件，包括首页、上一页、数字页码、下一页和尾页。
页面滚动后显示返回顶部按钮，并预留RSS订阅入口和友情链接区域。
图片使用IntersectionObserver进行延迟加载。
代码结构与模板文件
模板使用HTML5、CSS3和原生JavaScript构建，不依赖jQuery。CSS通过Grid、Flex和媒体查询完成布局及响应式处理，配色由CSS变量统一管理；JavaScript采用原生ES6语法实现导航、轮播和图片延迟加载等交互。
公共文件集中在/html/public/目录，其中包含头部、尾部、分页、资源引用以及元数据相关模板：
/html/public/head.html：全站通用头部/html/public/foot.html：全站通用尾部/html/public/paging.html：分页组件/html/public/include.html：全局资源引入/html/public/seo.html：元数据配置
视频页面位于/html/vod/，包括分类、筛选、详情、播放和搜索等页面：
/html/index/index.html：网站首页/html/vod/type.html：视频分类页/html/vod/show.html：视频多条件筛选页/html/vod/detail.html：视频详情页/html/vod/play.html：视频播放页/html/vod/search.html：视频搜索结果页
静态资源主要包括/css/style.css、/js/script.js和/images/，分别用于页面样式、交互脚本以及模板图标和图片占位素材。
苹果CMS调用与安装
模板面向苹果CMS V10使用，内部保留系统原生{maccms}调用标签。调整页面内容数量时，应根据实际布局修改num参数，不需要改动底层调用规则。
将完整的
template/muban文件夹上传至服务器的template目录，原文指定的最终路径为/www/template/muban/。登录苹果CMS后台，依次进入「系统」→「网站参数配置」→「基本设置」。
在当前模板选项中选择
muban。保存设置，完成模板切换。
使用时需要注意的事项
页面出现空白时，先核对服务器PHP版本，并检查模板文件夹权限是否为755。
搜索页面样式异常时，在分类管理中确认搜索页模板路径填写为
vod/search.html。播放器无法正常显示时，检查系统播放器参数配置，同时确认视频资源存在有效播放地址。
顶部导航栏目通过后台视频分类管理进行新增或编辑，导航会随分类设置同步更新。
本模板注明仅作学习交流使用，不可用于商业运营场景。
在实际调整模板时，苹果CMS模板网建议优先从页面文件和后台分类配置入手，避免直接修改系统调用逻辑，以便保持模板原有页面结构。
资源截图：
1首页
2封面页
3列表页
4播放页