/* =========================================================================
   COUNTER — Design Tokens
   -------------------------------------------------------------------------
   来源：https://counter-digital.jp/  主题 counter2025
   抽取方式：下载线上 style.css 并读取真实 :root 自定义属性 + 浏览器实测取色
   抽取日期：2026-10-07
   -------------------------------------------------------------------------
   命名说明
   · "原始" = 原站 :root 中真实存在的变量（值 100% 一致）
   · "派生" = 原站未定义、为可直接落地而补充的扩展值
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. 颜色 · 品牌色
   ------------------------------------------------------------------------- */
:root {
  --c-main:        #FF552B;               /* 原始 color-main / color-assort 品牌橙红 */
  --c-main-rgb:    255, 85, 43;           /* 供 rgba() 叠层随主题色动态更新 */
  --c-main-30:     rgba(var(--c-main-rgb), .30);/* 原始 border-assort-light 描边用 */
  --c-main-10:     rgba(var(--c-main-rgb), .10);/* 派生 淡底/悬停底色 */
  --c-main-hover:  #E8431B;               /* 派生 hover / active（原站未定义） */

/* -------------------------------------------------------------------------
   2. 颜色 · 中性色
   ------------------------------------------------------------------------- */
  --c-ink:        #3A3735;   /* 原始 color 正文 / 深色区背景 */
  --c-ink-soft:   #584E49;   /* 原始 color-light 次级正文 */
  --c-gray:       #807977;   /* 实测 次级标签灰 */
  --c-line:       #D9D9D9;   /* 原始 border-gray-dark 浅描边 */
  --c-surface:    #EFECEB;   /* 原始 color-inverse 主背景（米白） */

/* -------------------------------------------------------------------------
   3. 颜色 · 语义别名（推荐在业务里用这一层）
   ------------------------------------------------------------------------- */
  --c-text:          var(--c-ink);
  --c-bg:            var(--c-surface);
  --c-overlay:       rgba(0, 0, 0, .44);   /* 实测 全屏菜单遮罩 */


/* -------------------------------------------------------------------------
   4. 字体 · 字族
   ------------------------------------------------------------------------- */
  /* 正文无衬线 */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei",
               "Noto Sans SC", "Hiragino Sans GB", "Source Han Sans SC", sans-serif;

  /* 装饰衬线 */
  --font-serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC",
                "SimSun", Georgia, serif;

  /* 英文与展示字体 */
  --font-en: "Helvetica Neue", Helvetica, Inter, Arial, sans-serif;
  --font-display: var(--font-serif);

/* -------------------------------------------------------------------------
   5. 字体 · 字号阶梯（1rem = 16px，取自原站真实 font-size 取值）
   ------------------------------------------------------------------------- */
  --fs-2sm: .6875rem;  /*  11px */
  --fs-sm:  .75rem;    /*  12px  ← 标签/小字高频 */
  --fs-md:  .875rem;   /*  14px  ← 正文最高频 */

/* -------------------------------------------------------------------------
   6. 字体 · 行高 / 字重 / 字距
   ------------------------------------------------------------------------- */
  --lh-body:   1.8;    /* 中文正文 */



/* -------------------------------------------------------------------------
   7. 间距 / 布局
   ------------------------------------------------------------------------- */
  --padding-section:  3.4375rem;/* 原始 55px */
  --header-height:    4.6875rem;/* 原始 75px */

/* -------------------------------------------------------------------------
   11. 动效（原站完整缓动集）
   ------------------------------------------------------------------------- */

  --easeOutQuart:   cubic-bezier(.165, .84, .44, 1);
  --easeOutBack:    cubic-bezier(.175, .885, .32, 1.275);

  /* 主题默认缓动 */
  --easeOutTheme: var(--easeOutQuart);

  --dur-fast: .2s;   /* 派生 */
  --dur-base: .5s;   /* = --easeDuration 原始 */

/* -------------------------------------------------------------------------
   12. 断点（CSS 变量无法承载，此处仅作文档；实际用 media query）
       sm 640 · md 768 · lg 1024（原站主断点）· xl 1280 · 2xl 1440
   ------------------------------------------------------------------------- */
}

* { box-sizing: border-box; }

/* =========================================================================
   响应式：原站在 min-width:1024px 时放大一套间距（此处合并为一次声明）
   ========================================================================= */
@media screen and (min-width: 1024px) {
  :root {
    --padding-section: 8.5rem;
    --header-height: 6.25rem;
  }
}

/* =========================================================================
   基础应用（可选）
   ========================================================================= */
body {
  font-family: var(--font-sans);
  font-size: var(--fs-md);
  line-height: var(--lh-body);
  color: var(--c-text);
  background-color: var(--c-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}