/**
 * 公共基础样式（H5 / PC 共用）
 * 断点约定：--bp-pc = 1024px
 *  - < 1024  → 加载 h5.css
 *  - ≥ 1024  → 加载 pc.css
 * 请勿在此文件写版式差异；H5 进 h5.css，PC 进 pc.css。
 */

:root {
  --bp-pc: 1024px;
  --blue: #2c509a;
  --yellow: #f2cf40;
  --bg: #f6f6f6;
  --white: #ffffff;
  --text: #1e1e1e;
  --text-dark: #222222;
  --muted: #9d9d9d;
  --line: #e3e7f0;
  --gray: #5b5b5b;
  --header-h: 64px;
  --scroll-anchor-gap: 16px;
  --radius: 6px;
  --shadow: 0 4px 13px rgba(0, 0, 0, 0.05);
  --font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC",
    sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-h) + var(--scroll-anchor-gap));
}

/* 锚点跳转与顶栏 sticky 对齐（不占布局空间） */
#home,
#about,
#intro,
#values,
#brand,
#team,
#business,
#process,
#portfolio,
#contact {
  scroll-margin-top: calc(var(--header-h) + var(--scroll-anchor-gap));
}

body {
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

/* 布局标记：由 js/main.js 根据断点写入 html[data-layout] */
html[data-layout="h5"] body::before,
html[data-layout="pc"] body::before {
  /* 预留调试钩子，默认不展示 */
  content: none;
}

/* 滚动入场：WOW.js + Animate.css（.wow） */