/* ============================================
   九紫数智官网 — CSS Reset & 全局变量 v1.0
   主色 #E5007F / 深底 #090005 / 辅助 #B00063
   ============================================ */

/* ---------- CSS Variables ---------- */
:root {
  /* 品牌色 */
  --magenta: #E5007F;
  --magenta-d: #B00063;
  --magenta-l: #FBDCEE;
  --deep: #090005;
  --deep-l: #1a0a14;

  /* 中性色 */
  --ink: #15151a;
  --ink-2: #3d3d47;
  --ink-3: #8a8a96;
  --line: #d7d7de;
  --line-l: #ececf1;
  --bg: #f8f8fb;
  --white: #ffffff;

  /* 功能色 */
  --green: #009495;
  --green-l: #70C5C6;
  --red: #E02E2C;

  /* 字体 */
  --font: -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", Roboto, sans-serif;
  --font-mono: "SF Mono", "Cascadia Code", Consolas, monospace;

  /* 间距 (8px 基准) */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s5: 40px;
  --s6: 48px;
  --s8: 64px;
  --s10: 80px;
  --s12: 96px;

  /* 圆角 */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 20px;

  /* 阴影 */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.12);
  --shadow-magenta: 0 4px 16px rgba(229,0,127,.25);

  /* 容器 */
  --wrap: 1200px;
  --wrap-narrow: 860px;

  /* 过渡 */
  --ease: cubic-bezier(.4,0,.2,1);
  --fast: 150ms;
  --normal: 300ms;
  --slow: 500ms;
}

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

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

body {
  font-family: var(--font);
  color: var(--ink);
  background: var(--white);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

button, input, textarea, select {
  font: inherit;
  color: inherit;
  border: none;
  outline: none;
  background: none;
}

button {
  cursor: pointer;
}

ul, ol {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.3;
}

strong { font-weight: 600; }

/* ---------- 容器 ---------- */
.wrap {
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 var(--s3);
}

.wrap--narrow {
  max-width: var(--wrap-narrow);
}

/* ---------- 通用工具类 ---------- */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

.text-center { text-align: center; }
.text-magenta { color: var(--magenta); }
.text-mut { color: var(--ink-3); }

.section {
  padding: var(--s12) 0;
}

.section--dark {
  background: var(--deep);
  color: var(--white);
}

.section--light {
  background: var(--bg);
}

.section__title {
  font-size: 2rem;
  margin-bottom: var(--s2);
  text-align: center;
}

.section__subtitle {
  font-size: 1.1rem;
  color: var(--ink-3);
  text-align: center;
  margin-bottom: var(--s6);
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}