# 弘创商店更新记录 本文件记录 hontrong.com 零售网站的重要版本变化。 版本规则采用 `主版本.次版本.补丁版本`： - 主版本：网站结构、业务模式或核心体验发生重大变化。 - 次版本：增加商品、语言、购物功能等新能力。 - 补丁版本：修复显示、价格、文案、图片或兼容性问题。 ## v1.3.3 - 2026-09-04 ### Alice 首屏内容调整 - 删除首屏重复的拆解图，改为 Alice 机顶盒、1080P HD 摄像头和语音遥控器完整套装主图。 - 首屏定位调整为产品概览，动态拆解内容只在下方内部系统区域展示。 - 桌面端采用左侧产品信息、右侧完整套装的分区布局，避免文字覆盖产品。 - 手机端使用暗色遮罩保证标题与价格清晰可读。 - 同步更新八种语言的首屏说明。 - 全站版本升级至 v1.3.3。 ## v1.3.2 - 2026-09-04 ### Alice 完整内部系统展示 - 删除重复的单独主板大图，改为完整内部系统组件浏览区。 - 中央展示 Alice 垂直拆解结构，左右介绍核心处理器、内存与存储、散热、无线连接、外部接口以及结构固定。 - 鼠标指向、键盘聚焦或点击组件名称时，对应标记与产品图联动强调。 - 新增组件区域的八种语言翻译，并继续保留概念结构说明。 - 针对桌面、平板和手机重新排列组件说明，避免内容超出可视范围。 - 全站版本升级至 v1.3.2。 ## v1.3.1 - 2026-09-04 ### Alice 详情页布局修复 - 将首屏标题限制在左侧内容栏内，缩小桌面端字号并允许中文自然换行，避免压到产品拆解图上。 - 同步限制说明文字宽度，保持文字和产品图之间的清晰边界。 - 将拆解动画轨道由 280vh 缩短为 185vh。 - 抵消粘性动画结束后的多余占位高度，修复步骤文字下方出现大面积空白的问题。 - 分别调整桌面、平板和手机的动画轨道长度。 - 全站版本升级至 v1.3.1。 ## v1.3.0 - 2026-09-04 ### Alice 滚动驱动拆解动画 - 将静态垂直爆炸图拆分为七个独立可运动的视觉层：上盖、散热结构、导热层、主板、接口板、安装层和底壳。 - 用户向下滚动时，各层沿同一垂直中轴线分别移动并落到准确位置。 - 完成拆解后继续滚动，画面切换并推进到 Amlogic S905X5M 芯片特写。 - 向上滚动时动画反向执行，结构层重新靠拢。 - 动画使用滚动进度驱动，不自动循环，用户可以自行控制查看速度。 - 手机端支持触摸滚动；系统开启“减少动态效果”时自动显示静态完整拆解图。 - 全站版本升级至 v1.3.0。 ## v1.2.3 - 2026-09-04 ### Alice 垂直精密拆解视觉 - 参考高端工业产品网站的展示原则，重做 Alice 机顶盒垂直爆炸结构图。 - 上盖、散热结构、导热层、完整主板、接口板、安装层和底壳沿单一中轴线排列。 - 各层保持水平、平行和等距，不使用横向散落、倾斜堆叠或重复零件。 - 主板与 Amlogic S905X5M 保持视觉中心，外壳只作为上下结构边界。 - 滚动序列调整为“完整产品 → 精密拆解 → 芯片放大”。 - 全站版本升级至 v1.2.3。 ### 新增视觉资源 - `alice-vertical-exploded-v4.jpg`：深色背景下的 Alice 垂直精密爆炸结构概念图。 ## v1.2.2 - 2026-09-04 ### Alice 主板展示修正 - 拆解视觉完全移除机顶盒上盖、底壳和外壳边缘，只保留一块完整主板。 - 摄影视角改为接近 90° 的正俯视，主板与页面边缘平行，避免倾斜和横七竖八的构图。 - 所有芯片、接口与模块保持安装在同一块 PCB 上，不使用漂浮、散落或重复零件。 - Amlogic S905X5M 放置在画面中央，并在滚动序列最后一步放大呈现。 - 动态阶段调整为“完整产品 → 完整主板 → 芯片放大”。 - 全站版本升级至 v1.2.2。 ### 新增视觉资源 - `alice-mainboard-top-v3.jpg`：去除全部外壳的 Alice 主板正俯视概念图。 ## v1.2.1 - 2026-09-04 ### Alice 内部细节视觉修正 - 首屏替换为更克制的开盖内部图，降低黑色外壳的视觉占比。 - 新增以完整主板为主体的芯片特写，Amlogic S905X5M 位于画面中心并清晰可见。 - 删除拥挤的接口板、主板和外壳同时出现的旧展示区。 - 拆解展示由单张图片整体移动改为三帧滚动序列：完整产品、打开外壳、核心主板。 - 三张图独立交叉淡入与轻微推进，不再把所有部件挤在同一画面。 - 保留概念视觉说明，实际内部布局仍以量产产品为准。 - 全站版本升级至 v1.2.1。 ### 新增视觉资源 - `alice-open-chassis-v2.jpg`：外壳退后、主板突出显示的开盖内部视图。 - `alice-chip-mainboard-v2.jpg`：主板与 Amlogic S905X5M 芯片中心特写。 ## v1.2.0 - 2026-09-04 ### Alice 专属产品详情 - 为 Alice 智能机顶盒套装新增独立详情页：`/products/alice-smart-tv-box.html`。 - 点击首页 Alice 套装商品会进入专属详情页，其他商品继续使用通用详情弹窗。 - 详情页包含整机爆炸拆解、主板芯片特写、接口与散热层级，以及用户提供的 Amlogic S905X5M 性能图。 - 保留 Alice 套装 US$299 基础售价，并根据所选语言显示对应当地货币。 - 页面支持八种语言，并与首页和公司简介共用语言偏好。 - 明确标注生成的内部结构图为概念拆解视觉，实际内部布局以量产产品为准，避免将概念图误作工程拆机证明。 ### 新增视觉资源 - `alice-exploded-hero-v1.jpg`：机身外壳、散热、主板、功能模块、接口板和底壳的整体分层图。 - `alice-mainboard-v1.jpg`：Amlogic S905X5M 与周边模块的主板特写。 - `alice-ports-exploded-v1.jpg`：接口板、主板和散热结构的侧向层级图。 - `amlogic-s905x5m-detail-v1.jpg`：用户提供的芯片性能信息图。 - 网站使用高质量 JPEG 优化版本，四张图片合计由约 10 MB 降至约 1.4 MB；原始文件保留在本地项目资产中。 ### 动态与性能 - 首屏使用全幅拆解图，并加入轻微滚动视差。 - 三个内部结构场景使用进入视口渐显、纵向位移和缩放动画，形成逐层拆解的节奏。 - 非首屏图片启用懒加载，并固定图片宽高以减少页面布局跳动。 - 手机端降低动画幅度并限制内容宽度，避免图片横向溢出。 - 支持 `prefers-reduced-motion`，用户选择减少动态效果时自动关闭视差和过渡。 ### 版本 - 全站版本由 `v1.1.1` 升级为 `v1.2.0`。 ### 相关提交 - `c8b76e3`：上传四张 Alice 内部细节图。 - `0d7d3a6`：新增详情页视觉、响应式和动态样式。 - `ae683fd`：新增 Alice 独立详情页及多语言动画脚本。 - `1d98454`：首页 Alice 商品接入独立详情页。 - `164d8cd` / `2b835d2`：同步全站版本和缓存。 ## v1.1.1 - 2026-08-28 ### 公司简介多语言修复 - 修复公司简介页面只有导航切换语言、正文仍保持中文的问题。 - 公司名称、主标题、介绍正文、业务方向、工作原则、按钮和页脚全部支持八种语言。 - 支持简体中文、英语、西班牙语、法语、德语、葡萄牙语、日语和阿拉伯语。 - 公司简介页与商店共用 `hontrong-language` 语言偏好，跨页面自动保持客户选择。 - 阿拉伯语启用 RTL 页面方向，并调整公司页面的文字与布局方向。 - 增加适用于手机宽度的公司页面语言选择器和紧凑导航。 - 首页与公司简介页版本号同步升级为 `v1.1.1`。 ### 相关提交 - `ccc9fcf`：新增公司简介八种语言翻译文件。 - `2286369`：公司简介全部正文接入语言切换。 - `b2c2a94`：增加手机语言选择器和 RTL 样式。 - `68e5981` / `4c754da`：同步版本号和静态资源缓存。 ## v1.1.0 - 2026-08-28 ### 公司官网能力 - 新增独立公司简介页面 `/about.html`，网站不再只呈现零售商店。 - 以弘创世纪品牌、公司定位和长期方向作为页面首要内容。 - 公司简介包含“关于弘创世纪”“当前业务方向”“工作原则”和商店入口。 - 当前业务方向涵盖智能生活产品、健康科技产品、消费电子零售和品牌业务合作。 - 所有表述仅使用当前已确认的信息，不虚构成立年份、办公地址、资质或合作案例。 ### 导航与多语言 - 主导航新增“公司简介”入口。 - 公司简介导航名称支持简体中文、英语、西班牙语、法语、德语、葡萄牙语、日语和阿拉伯语。 - 公司简介页中的 Logo、首页入口和商店入口均使用网站根路径，方便跨页面返回。 ### 设计与响应式 - 新增适用于公司介绍的品牌首屏、业务方向列表、原则区和合作引导区。 - 保持弘创世纪 Logo、白色主背景、蓝色品牌强调和现有商店视觉的一致性。 - 针对桌面端和手机端分别设置稳定的内容网格与导航布局。 ### 版本 - 网站当前版本由 `v1.0.0` 升级为 `v1.1.0`。 - 首页和公司简介页底部均显示当前版本并链接完整更新记录。 ### 相关提交 - `284b78f`：新增独立公司简介页面。 - `c24019b`：新增公司简介页面响应式样式。 - `e22ca8d`：八种语言的公司简介导航。 - `ddac7bd`：主页接入公司简介并升级至 v1.1.0。 ## v1.0.0 - 2026-08-27 ### 商品与价格 - Alice 智能机顶盒套装调整为 US$299，并作为首页主推商品。 - Alice 1080P HD 摄像头作为独立零售商品，售价 US$49.99。 - 欧姆龙蓝牙款上臂式电子血压计替换旧型号，基础售价调整为 US$60。 - 便携式迷你蓝牙音箱加入精选商品，售价 US$19.99。 - 真实商品按照用户提供的顺序逐项替换示例商品，未提供的新商品位继续保留。 ### 多语言与货币 - 增加简体中文、英语、西班牙语、法语、德语、葡萄牙语、日语和阿拉伯语。 - 阿拉伯语界面支持从右到左显示。 - 商品基础价格根据所选语言转换为对应的人民币、美元、欧元、巴西雷亚尔、日元或阿联酋迪拉姆。 - 首页价格、商品卡片、详情弹窗和购物袋使用统一的货币显示逻辑。 ### 品牌视觉 - 使用用户提供的弘创世纪原始 Logo，不重新生成或修改图案。 - 顶部导航和“我们的标准”品牌区统一使用新 Logo。 - 品牌介绍区改为完整白色背景，消除 Logo 白底与深色背景拼接。 - 顶部和品牌介绍区 Logo 均可点击返回网站主页。 ### 商店体验 - 顶部购物袋文字按钮改为购物车图标，并保留商品数量徽标。 - 商品详情弹窗限制在浏览器可视范围内。 - 商品图片使用完整缩放显示，不再因固定高度而裁切。 - 桌面端和手机端使用不同的弹窗图片高度限制。 - 内容较长时仅在弹窗内部滚动，避免页面超出屏幕。 - 修复移动端精选商品图片和卡片横向溢出问题。 - 增加商品分类、搜索、购物袋、数量修改和演示结账交互。 ### 部署与缓存 - GitHub 主分支与 Cloudflare Pages 自动部署保持连接。 - 静态资源使用版本查询参数更新缓存，避免旧图片和旧样式残留。 - 公网预览地址： ### 相关提交 - `94cf1f1` / `913d4b7`：商品详情弹窗保持在可视范围内。 - `e7cd0ae` / `e30e27a`：所有 Logo 链接返回主页。 - `0ece6ac` / `ced5810`：品牌介绍区统一为白色。 - `7e2c0c3` / `11d9d5b`：发布并应用新弘创 Logo。 - `5382b12` / `6351c68`：购物车图标和数量徽标。 - `11e63db`：欧姆龙血压计基础售价调整为 US$60。 - `e22541f` / `a1d22af`：新增便携式迷你蓝牙音箱。 - `f17591f` / `89c445b`：欧姆龙蓝牙血压计替换旧型号。 - `df21a55` / `5d2f0bd`：多语言商店结构和翻译。 - `5c22965` / `c34e60a`：按语言显示当地货币。 - `93f8628` / `863ff15`：Alice 商品进入精选商品目录。 ## v0.9.0 - 2026-08-27 - 将网站从品牌展示页调整为零售商店。 - 建立精选商品、分类筛选、商品详情和购物袋流程。 - 确立真实商品逐项替换示例商品的维护顺序。 ## v0.8.0 - 2026-08-27 - 建立八种语言的界面翻译。 - 增加语言选择器和本地货币换算。 - 稳定首页主标题在不同语言下的换行方式。 ## v0.7.0 - 2026-08-26 - 加入 Alice 机顶盒、遥控器和摄像头产品视觉。 - 优化商品图片比例、移动端卡片范围和首页展示。 - 接入用户提供的弘创世纪品牌 Logo。 ## v0.6.0 - 2026-08-26 - 建立 Apple 风格的零售首页视觉基础。 - 增加响应式导航、首页主推、商品网格和品牌介绍区。 --- 从 v1.0.0 开始，每次网站修改都必须同步： 1. 更新网页底部当前版本号。 2. 在本文件顶部增加对应版本记录。 3. 写明日期、修改内容、影响范围和相关提交。