/* ════════════════════════════════════════════════════════════════
   MAIN STYLES - 主样式文件
   通过 @import 引入各个模块样式，便于维护和复用
   文件结构：
   1. base.css - 基础重置、变量、工具类
   2. header.css - 导航栏样式
   3. footer.css - 页脚样式
   4. frontpage.css - 首页特有样式
   5. components.css - 可复用组件（可选）
════════════════════════════════════════════════════════════════ */

/* ─── BASE STYLES ───────────────────────────────────────────── */
/* 基础重置、CSS变量、排版、布局工具类 */
@import url('base.css');

/* ─── HEADER & NAVIGATION ──────────────────────────────────── */
/* 导航栏、顶部栏、下拉菜单、移动端菜单 */
@import url('header.css');

/* ─── FOOTER ───────────────────────────────────────────────── */
/* 页脚、全球办公室、链接列表、版权信息 */
@import url('footer.css');

/* ─── FRONT PAGE ───────────────────────────────────────────── */
/* 首页特有：Hero、价值主张、产品分类、特色产品、统计数据、行业、新闻、CTA */
@import url('frontpage.css');

/* ════════════════════════════════════════════════════════════════
   SCROLL ANIMATIONS - 滚动动画（全局通用）
════════════════════════════════════════════════════════════════ */
.animate-on-scroll {
  opacity: 0; transform: translateY(24px);
  transition: opacity .6s ease, transform .6s ease;
}
.animate-on-scroll.visible { opacity: 1; transform: none; }

/* stagger delays */
.delay-1 { transition-delay: .1s; }
.delay-2 { transition-delay: .2s; }
.delay-3 { transition-delay: .3s; }
.delay-4 { transition-delay: .4s; }
.delay-5 { transition-delay: .5s; }