/* styles.css — 入口文件，仅做 @import 汇总，不写任何样式 */
/* 修改样式请直接编辑对应文件，不要在此处添加规则 */

/* 1. 基础层 */
@import 'tokens.css';        /* CSS 变量：颜色/间距/圆角/z-index/动画时长 + 响应式字号 */
@import 'base.css';          /* 全局重置与 html/body 基础样式 */

/* 2. 公共组件层 */
@import 'loading.css';       /* 加载页 */
@import 'video.css';         /* 视频层、遮罩、液态玻璃光晕、状态块与动画帧 */
@import 'header.css';        /* 顶部导航、下拉菜单、认证按钮、用户头像 */
@import 'footer.css';        /* 页脚布局、合作伙伴、二维码、备案 */
@import 'hero.css';          /* Hero 区内容、特性卡片、CTA 按钮 */
@import 'sidebar.css';       /* 底部交互侧边栏与浮窗视频 */
@import 'modal.css';         /* 登录/注册弹窗、微信授权、表单样式 */
@import 'floating-windows.css'; /* 浮动信息窗口（地图、舆情等） */
@import 'user-profile.css';  /* 用户资料、下拉菜单、侧边栏动效 */

/* 3. 工作区步骤层 */
@import 'step2.css';         /* Step2：onboarding 流程、金字塔容器、酒店信息面板 */
@import 'step2-extended.css'; /* Step2 扩展：酒店舆情、评分总览、地图、词云 */
@import 'step4.css';         /* Step4：数据沉浸帧、诊断报告 */
@import 'step5.css';         /* Step5：方案展示、功能特性、定价对比 */

/* 4. 响应式与页面专属层 */
@import 'responsive.css';    /* 响应式断点：工作区各步骤在不同屏幕宽度下的布局 */
@import 'photo.css';         /* 照片堆叠展示模块 */
@import 'policy.css';        /* 协议与隐私政策弹窗 */