:root {
  --bg: #f3f5f8;
  --bg-elevated: #ffffff;
  --white: #ffffff;
  --ink: #1a1f2e;
  --ink-2: #4a5568;
  --muted: #8b95a5;
  --line: #e6eaf0;
  --line-strong: #d8dee8;
  --blue: #2f7cf6;
  --blue-2: #4b94ff;
  --blue-soft: #edf4ff;
  --orange: #ff8a1a;
  --orange-2: #ff9d3d;
  --safety: #f5b400;
  --safety-soft: rgba(245, 180, 0, 0.12);
  --eco: #1aa87a;
  --eco-soft: rgba(26, 168, 122, 0.1);
  --danger: #e5484d;

  --radius: 16px;
  --radius-sm: 12px;
  --radius-xs: 10px;
  --radius-pill: 999px;

  --shadow: 0 8px 24px rgba(24, 39, 75, 0.06);
  --shadow-sm: 0 2px 10px rgba(24, 39, 75, 0.04);
  --shadow-md: 0 12px 32px rgba(24, 39, 75, 0.08);

  --header-h: 52px;
  --tabbar-h: 56px;
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  /* 整页壳宽度 */
  --page-max: 1120px;
  /* 阅读/表单/圈子内容柱（居中） */
  --content-max: 720px;
  --gutter: 16px;

  --font: "MiSans", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI",
    "Microsoft YaHei", sans-serif;
  --font-display: "MiSans", "PingFang SC", "HarmonyOS Sans SC", sans-serif;
  --font-en: "Outfit", "MiSans", "PingFang SC", sans-serif;

  /* 字重：少用粗体，靠字号与颜色建立层级 */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 560;
  --fw-bold: 600;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-base: 16px;
  --fs-lg: 17px;
  --fs-xl: 19px;
  --fs-2xl: 23px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (min-width: 768px) {
  :root {
    --gutter: 28px;
    --header-h: 64px;
  }
}

@media (min-width: 960px) {
  :root {
    --content-max: 760px;
  }
}