香港云科技 首页模板源码
前台首页模板，含首屏横幅、产品卡片、解决方案、客户案例与页脚等完整区块。
- 响应式布局（1200 / 992 / 768 / 480）
- 纯静态 HTML + CSS，无需构建工具
- 所有图标为自绘 SVG，无第三方依赖
源码下载
按需下载单套模板，或直接获取全套源码
香港云科技 购物车配置页源码
购物车与产品配置页模板，含配置项、金额汇总与下单流程页面。
- 保留平台表单契约（name / action / token）
- 支持下拉、单选、多选、滑块等配置类型
- 含订单汇总与移动端底部结算条
香港云科技 会员中心源码
会员中心（用户中心）模板，含服务管理、账单、工单与安全设置等页面。
- 统一设计令牌与组件库
- 左栏导航 + 右侧内容布局
- 表格与表单样式统一，支持移动端
香港云科技 全套模板源码
包含前台主题、购物车与会员中心三套模板的完整源码与说明文档。
- 一次获取三套模板
- 含部署说明与目录结构说明
- 后续更新可覆盖替换
源码详细介绍
首页模板
首页模板是访客看到的第一个页面，重点在于「快速传达你是谁、卖什么、怎么买」。
结构上依次是：首屏横幅（含主标题、CTA、产品检索）→ 核心优势 → 热门产品 → 免费试用 → 产品动态 → 解决方案 → 客户案例与数据 → 公告与帮助 → 联系 CTA。
所有区块均为响应式，移动端自动改为单列并启用移动端快捷条。
购物车配置页
购物车配置页承担「选配置 → 看价格 → 下单」的完整链路，是转化率最关键的一环。
左栏为配置项（CPU、内存、带宽、系统、机房等），右栏为实时金额汇总与提交按钮；移动端把结算条固定在底部，随时可见总价。
模板严格保留平台的表单字段名与 action 地址，替换样式不会影响下单功能。
会员中心模板
会员中心是已购用户的日常工作台，重点是「信息密度高、操作路径短」。
采用左侧导航 + 右侧内容的经典布局，服务列表、账单、工单、安全设置各自独立成页。
表格与表单样式与前台同源，避免用户在前后台之间产生割裂感。
目录结构
上传时保持目录层级不变，直接对应到 public/themes 下
themes/web/96IDCtx/前台主题：首页、产品页、解决方案、内容页与公共头尾。themes/web/96IDCtx/assets/css/样式：设计令牌、布局、首页、内容页扩展与响应式。themes/web/96IDCtx/assets/js/脚本：导航与超级菜单、搜索、移动端抽屉与悬浮服务栏。themes/web/96IDCtx/assets/icons/图标精灵：全部图标集中在一个 SVG symbol 文件内。themes/cart/96IDCtx/购物车主题：产品列表、配置页、购物车、订单汇总与完成页。themes/clientarea/香港云科技err/会员中心错误页子主题：404 与 500 页面。部署步骤
建议按顺序操作，每步都可回退
1
备份原主题
把站点 public/themes 下的原主题目录整体打包备份，便于随时回滚。
2
上传主题目录
将 themes/web/96IDCtx、themes/cart/96IDCtx、themes/clientarea/香港云科技err 分别上传到 public/themes 对应目录下。
3
检查文件权限
确保主题目录及其子目录对 Web 运行用户可读，建议目录 755、文件 644。
4
切换主题
后台「前台主题」选 96IDCtx、「购物车主题」选 96IDCtx、「会员中心主题」选 香港云科技err。
5
清缓存并验证
清理平台模板缓存后访问首页；再访问一个不存在的地址确认 404 页面生效。
6
回滚方式
如需回滚，把各主题切回原主题即可，无需删除任何文件。
替换主题前请先备份原主题目录。回滚只需在后台切回原主题，无需删除文件。
常见问题
替换与二次开发前常见疑问
替换后页面样式错乱怎么办？
先确认 assets 目录是否完整上传、文件权限是否正确，再清理平台模板缓存并强制刷新浏览器（Ctrl+F5）。
会不会影响现有订单和客户数据？
不会。主题只改变前台呈现，平台的数据表、订单与客户信息都不受影响。
可以只换前台主题吗？
可以。三套主题相互独立，只切换前台主题也能正常运行，购物车与会员中心会沿用原样式。
以后平台升级会不会覆盖我的主题？
不会。平台升级不会动 public/themes 下的自定义主题目录，升级后可继续使用。
主题里的图片和图标可以改吗？
可以。图标集中在 assets/icons/i9-icons.svg，配色集中在 assets/css/i9-base.css 的 CSS 变量里，改这两处即可全站生效。
支持二次开发吗？
支持。模板为纯 HTML + CSS + 原生 JS，没有构建步骤，可直接编辑；修改前建议先备份。
