# 视觉、图片与配音说明

更新：2026-09-10。独立创作者作品，非企业官方站点。

## 配色

以创元现行官网 https://www.beukay.com/ 使用的青蓝、白与深灰为依据。官网样式可核对 #6DD1EB、#6CCDEE、#54C5EC 与 #141414 / #333；本站增加适合阅读的深青文字和中性背景。没有找到完整公开 VI 手册，不将网页色值称为企业标准色。

## 官网产品图片

本版展示的产品图片全部来自创元官网产品与服务页面 https://www.beukay.com/products ，保留原图，仅在页面中缩放和裁切展示。

- 银色膏霜罐：官网“成品商城”插图。https://beukay-prod.oss-cn-shanghai.aliyuncs.com/resource/materail_joymel.png
- 银色 BEUKAY 彩妆笔：官网“品牌孵化”图片。https://file.meilisci.com/resource/BKC/products_group_brand.png
- 白色 BEUKAY 粉盒：官网“包材商城”插图。https://beukay-prod.oss-cn-shanghai.aliyuncs.com/resource/materail_baocai.png

这些是官网发布的产品展示图，不是参访现场照片，也不是对应产线的生产证据。官网来源不等同于开放转载授权；本站为独立创作者的案例展示，不代表企业官方发布。

## 切页与参考

参考用户提供的动效演示 https://xhslink.cn/o/AUcqHzh6CRH 中的景深、视角和光影变化，重新实现点击切页时的缩放、轻微透视和遮罩过渡。没有复制演示中的图片或视频。

主站使用顶部章节和底部上一页/下一页导航；滚轮不会切换章节。长文另设页内分页。低高度屏幕或放大文字时，单页内容可以内部滚动，避免文字和控件被裁掉。系统启用“减少动态效果”时取消转场。

顶部滚动眉笔、章节色块、外部品牌产品贴画已撤下。视频以普通“上一章/下一章”控制定位。

## 新配音与视频

使用作者提供的 A01–A11、B01–B09 共 20 段 WAV。逐段核对文件时长，将已知原稿与本地语音识别时间点按读音匹配，用于字幕和画面提示；不是按字数平均分配时间。字幕文字以作者原稿为准，自动时间点不等于人工逐字审听认证。

案例影片约 4 分 22 秒；创作流程影片约 2 分 18 秒。两支影片同步使用青蓝与深灰配色。聊天气泡为旁白内容的简化转述，按相应语句出现；教学排程在旁白讲到插入急单时变化。

## 版本与数据

原始绿色版本已保留为平台版本 1、本地 Git 标签及独立归档。此次只修改展示与媒体，没有更改访客对话数据库结构、管理账号权限，也没有删除对话。