CMS 摄影影像工作室主题（CmsThemeLumina）

模块介绍

为摄影工作室、婚纱婚拍团队、人像写真馆与影像品牌打造的企业官网主题。奶油纸面配暖金强调，
白框照片与衬线标题把「作品、服务、团队、口碑与预约入口」一次讲清。

主题以作品为核心组织页面：首页用四张白框照片拼出首屏，依次展示简介、数据、服务、作品墙、团队与客户评价；
服务项目、作品案例、团队、客户评价、摄影笔记各自独立成栏目，列表与详情版式由栏目模型自动匹配；
预约表单统一接入「客户咨询」模块，联系页、页脚与侧栏三个入口共用一个表单，线索集中进入后台。

功能特性

首页区块、栏目取数与转化入口均可在后台配置，功能范围如下：

摄影影像工作室官网
    首页
        首屏照片拼图（4 张白框照片 + 小标题 / 主标题 / 副标题 + 主次按钮，可配置）
        关于我们（双图交错 + 要点清单 + 角标数据 + 更多入口）
        数据条（数值 + 说明，条目可增删）
        服务项目（按栏目标识取数，四列白卡错位排布，hover 出现遮罩与圆形链接）
        作品案例（四列错落作品墙，图内白底标题条，hover 换金底）
        团队（图片与文案左右镜像，图片内缘留白，金色描边社交圆标）
        客户评价轮播（桌面三卡 / 平板两卡 / 手机单卡，居中卡金底高亮）
        页脚（简介、导航分组、联系方式、友情链接、版权）
    栏目页面
        关于我们（单页图文 + 数据条 + 团队）
        服务项目（四列服务卡片列表 + 详情）
        作品案例（四列作品墙 + 详情，含上一篇 / 下一篇与侧栏）
        团队（两列交错人像列表 + 详情）
        客户评价（评价卡片列表 + 详情）
        摄影笔记（三列卡片列表 + 详情，带侧栏）
        联系我们（联系方式 + 在线预约表单）
        站内搜索与标签聚合
    转化入口
        联系页预约表单、页脚快速预约、侧栏预约卡片（统一接入客户咨询模块）
        悬浮工具（预约热线 / 客服二维码 / 邮件 / 回到顶部）
    后台配置
        站点标语、营业时间、预约热线、邮箱、地址、二维码与社交入口
        首屏文案、4 张拼图与按钮文字 / 链接
        关于、数据条、服务、作品、团队、客户评价、摄影笔记各区块标题与栏目标识
        联系页与表单文案、页脚简介、公司信息与友情链接
    体验
        PC / 手机响应式布局
        滚动入场与卡片悬停，动效只用 transform / opacity
        支持 prefers-reduced-motion 降级

功能亮点

• 首屏照片拼图：四张白框照片错落排布，主标题 + 副标题 + 主/次按钮，手机端自适应
• 作品瀑布墙：四列错落网格，图内白底标题条，hover 换金底，点击进入作品详情
• 服务卡片网格：四列白卡错位排布，hover 出现遮罩与圆形链接按钮，服务内容由 CMS 维护
• 团队交错排版：图片与文案左右镜像，图片内缘留白色缺口，金色描边社交圆标
• 客户评价轮播：桌面三卡、平板两卡、手机单卡，居中卡金底高亮
• 摄影笔记：列表 / 详情 / 标签 / 站内搜索完整闭环，详情页带侧栏
• 预约咨询闭环：联系我们页表单、页脚快速预约、侧栏预约卡片统一接入「客户咨询」模块
• 后台可配置：站点标语、首屏文案与拼图、区块标题与栏目标识、数据条、联系方式、二维码、友情链接

页面组成

• 首页：首屏拼图、关于我们、数据条、服务、作品、团队、客户评价
• 关于我们：单页图文 + 数据条 + 团队
• 服务项目：四列服务卡片列表 + 详情
• 作品案例：四列作品墙 + 详情（含上下篇与侧栏）
• 团队：两列交错人像列表 + 详情
• 客户评价：评价卡片列表 + 详情
• 摄影笔记：三列卡片列表 + 详情
• 联系我们：联系方式 + 在线预约表单

技术说明

• 纯 CSS 设计令牌 + 原生 JavaScript，无第三方前端框架、无外部 CDN、无字体文件
• 图标为内联 SVG，动效仅使用 transform / opacity，支持 prefers-reduced-motion
• 模板名只用系统自带 default / news，切换主题不会出现视图缺失

使用场景

• 婚纱婚拍、人像写真、家庭与儿童摄影工作室的官方站点，作品墙 → 服务 → 团队 → 客户评价 → 预约构成一条完整的看片转化路径；
• 以客片说话的影像团队，作品墙四列错落排版、图内白底标题条 hover 换金底，作品详情带上下篇与侧栏，可长期累积作品；
• 需要把服务与拍摄流程讲清楚的团队，服务项目由 CMS 栏目维护，四列卡片在 hover 时给出遮罩与圆形链接，详情页承接拍摄内容与说明；
• 依赖口碑转化的工作室，客户评价以轮播呈现并支持后台增删，桌面三卡、手机单卡，居中卡高亮，适合展示长段真实反馈；
• 需要内容运营承接自然流量的工作室，摄影笔记提供列表 / 详情 / 标签 / 站内搜索的完整闭环，用拍摄技巧与幕后故事持续更新。

安装说明

1. 安装并启用本主题；
2. 在「CMS管理 → 备份恢复 → 数据库恢复」导入本主题的初始化数据（Backup/init_data.json），

栏目、内容、导航与主题配置会一并就位；

1. 在「网站设置 → 网站主题」中确认已选择「CMS摄影影像工作室主题」；
2. 发布静态资源：php artisan modstart:module-install CmsThemeLumina --force。

后台菜单

后台菜单

• 功能设置
• 功能设置 → 模板设置
• 功能设置 → 模板设置 → 摄影影像主题配置