ChronoLux - 高端奢华腕表电商 HTML 模板

ChronoLux 是一款精心打造的顶级 HTML5 模板，专为奢侈腕表精品店、高端珠宝店和专属时尚电商品牌而设计。ChronoLux 采用精致的深色和金色美学设计，为您的在线店铺增添尊贵奢华的气息。

该模板基于强大的 **Tailwind CSS (v3.4)** 框架构建，并采用纯原生 JavaScript，在保证极速性能的同时，避免了臃肿的 JS 库带来的不便。它包含了构建世界一流电商体验所需的一切，开箱即用。

### 🌟 核心功能：

* **3 种惊艳的首页样式**：您可以选择标准电子商务、沉浸式视频背景或优雅的分屏首页布局。

* **20+ 个预建 HTML 页面**：包括商店网格、商店列表、产品详情、购物车、结账、仪表盘、博客等。

* **无缝深色和浅色模式**：内置主题切换器，利用 Tailwind 的深色模式映射，自动保存用户偏好。

* **RTL（从右到左）就绪**：通过 Tailwind 原生完全配置为支持阿拉伯语、希伯来语和其他 RTL 语言。

* **高级交互式 UI 组件**：具有 Glassmorphism 超级菜单、粘性添加到购物车横幅、自定义预加载器和优雅的柔光卡片等功能。

* **高级电子商务功能**：包括快速查看模态框、带缩放功能的产品图库、变体选择器和倒计时器的功能性用户界面。

* **流畅的滚动动画**：与 AOS（滚动动画）库集成，带来动态、高端的浏览体验。

* **100% 响应式设计**：流畅的网格架构，在所有手机、平板电脑和 Retina 显示屏上都能呈现像素级完美效果。

* **对开发者友好**：代码简洁，通过 W3C 验证，并添加了丰富的注释，使用 SCSS 以便于自定义。

* **无需 jQuery 依赖**：所有交互组件均采用现代、轻量级的原生 JS。

### 📁 包含页数：

1. `index.html`（首页 V1 - 经典版）

2. `index2.html`（首页 V2 - 视频英雄）

3. `index3.html`（首页 V3 - 分屏显示）

4. `shop.html`（商店网格）

5. `shop-list.html`（商店列表）

6. `product.html`（产品布局 1）

7. `product-2.html`（产品布局 2）

8. `cart.html`（购物车）

9. `checkout.html`（结账）

10. `order-success.html`（订单确认）

11. `account.html`（用户仪表盘）

12. `profile-settings.html`（账户设置）

13. `order-history.html`（订单跟踪）

14. `address-book.html`（地址管理）

15. `login.html`、`register.html` 和 `forgot-password.html`（身份验证页面）

16. `about.html`（关于我们）

17. `contact.html`（联系页面及地图）

18. `blog.html` 和 `blog-details.html`（日志）

19. `faq.html`（常见问题解答）

20. `404.html`（错误页面）

### 🛠️ 使用的技术：

* HTML5 和 SCSS

* Tailwind CSS v3.4（PostCSS/Autoprefixer）

* 原生 JavaScript (ES6+)

* Swiper JS（触摸轮播图）

* AOS（滚动动画）

* FontAwesome（图标）

* Google Fonts（Playfair Display 和 Poppins）

*注：预览中使用的所有图片仅供演示，最终下载文件中不包含这些图片。此处提供的是占位符图片。*