@charset "UTF-8";
/* =====================================================================
   www.xmstrength.com — 主题令牌（还原站点原本配色 + 同色系配套）
   色系：近黑 + 橙（品牌金 #c9a87c 为辅助暖色）
   ---------------------------------------------------------------------
   本站 09-19 原始配色（实测）：
     近黑 #101010 · 橙 #fb5b21（CTA）· 品牌金 #c9a87c · 白底 · 暖褐中性
   原始字体：标题 Oswald（窄体）/ 正文 Roboto
   说明：本文件必须**完整覆盖**设计系统令牌。此前只覆盖了 --qf-primary/--qf-secondary，
        漏掉 --qf-on-surface、--qf-font-display 等，导致「紫/绿/灰混杂」的半成品状态。
   载入顺序：本站所有样式表之后（最后）。
   ===================================================================== */
:root {
  /* ---- 强调色：本站原本的橙 ---- */
  --qf-secondary: #fb5b21;
  --qf-tertiary: #e04a14;
  --qf-surface-warm: #faf7f4;

  /* ---- 中性色：近黑 + 白 + 暖中性（非冷灰）---- */
  --qf-primary: #101010;
  --qf-on-surface: #101010;
  --qf-surface: #ffffff;
  --qf-surface-alt: #f7f7f7;
  --qf-neutral: #ffffff;

  /* ---- 正文色阶 ---- */
  --qf-body: #3b3b3b;
  --qf-muted: #7a7a7a;
  --qf-subtle: #9a9a9a;

  /* ---- 描边 ---- */
  --qf-border: #e6e6e6;
  --qf-border-soft: #f0f0f0;
  --qf-border-strong: #d4d4d4;

  /* ---- 深底上的文字（黑导航/黑页脚/黑色板块）---- */
  --qf-on-primary: #ffffff;
  --qf-on-secondary: #ffffff;
  --qf-on-inverse: #ffffff;
  --qf-on-inverse-muted: #b9b9b9;

  /* ---- 遮罩/选中/焦点 ---- */
  --qf-selection: rgba(251, 91, 33, .20);
  --qf-scrim: rgba(16, 16, 16, .62);
  --qf-glow-sage: rgba(251, 91, 33, .07);
  --qf-glow-moss: rgba(16, 16, 16, .05);
  --qf-focus-ring: #e04a14;

  /* ---- 语义色：沿用本站原有 ---- */
  --qf-error: #b42318;
  --qf-success: #167a3f;
  --qf-warning: #c9a87c;

  /* ---- 阴影（暖中性）---- */
  --qf-shadow-hover: 0 14px 30px rgba(16, 16, 16, .09);
  --qf-shadow-overlay: 0 18px 40px rgba(16, 16, 16, .13);
  --qf-shadow-nav: 0 8px 24px rgba(16, 16, 16, .06);

  /* ---- 字体：还原本站原本（标题 Oswald 窄体 / 正文 Roboto）----
     此前被设计系统换成 Archivo 宽体，导致大标题多折行、首屏被挤压。 */
  --qf-font-display: Oswald, "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --qf-font-body: Roboto, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

/* ---- 强调色落地到既有组件（橙）---- */
.btn-primary, .qf-btn--primary {
  background-color: #fb5b21; border-color: #fb5b21; color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus-visible,
.qf-btn--primary:hover, .qf-btn--primary:focus-visible {
  background-color: #e04a14; border-color: #e04a14; color: #ffffff;
}
.btn-outline-primary, .qf-btn--secondary {
  color: #e04a14; border-color: #fb5b21; background-color: transparent;
}
.btn-outline-primary:hover, .qf-btn--secondary:hover {
  background-color: #fb5b21; border-color: #fb5b21; color: #ffffff;
}
/* 仅作用于正文链接：排除按钮类，避免 .sigma_btn 等按钮出现「橙底橙字」 */
.qf-body a:not([class*="btn"]):not([class*="social"]),
.qg-body a:not([class*="btn"]):not([class*="social"]) { color: #e04a14; }
.qf-body a:not([class*="btn"]):not([class*="social"]):hover,
.qg-body a:not([class*="btn"]):not([class*="social"]):hover { color: #fb5b21; }
.qf-eyebrow, .qf-badge { color: #fb5b21; }

/* 大标题字重：Oswald 实际字重上限为 700，避免浏览器合成 900 造成虚胖 */
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-weight: 700; }

/* 导航文字色（实测取自本站正常可见的导航链接） */
:root { --qf-nav-fg: #ffffff; }

/* =====================================================================
   导航「GUIDES」触发器在头栏滚动变深色时的可见性
   ---------------------------------------------------------------------
   实测：quadrapack 滚动后 .nav-bg 头栏变 rgb(0,0,0)、xmquadrafit .nav-sticky 变
   rgb(52,49,72)，触发器原用 --qf-nav-fg（深色）→ 对比度 1.36 / 1.17，不可见。
   注意：qf-bridge.css 里已有 `.navbar .navbar-nav .nav-link.quadra-mega-trigger`
   （特异性 0,4,0，!important）。同为 !important 时**特异性高者胜**，
   故此处刻意写成 0,5,0 才能覆盖。
   ===================================================================== */
.navbar.nav-bg .navbar-nav .nav-link.quadra-mega-trigger,
.navbar.nav-bg .navbar-nav .quadra-mega-trigger,
.navbar.nav-sticky .navbar-nav .nav-link.quadra-mega-trigger,
.navbar.nav-sticky .navbar-nav .quadra-mega-trigger,
.nav-bg.navbar .navbar-nav .nav-link.quadra-mega-trigger,
.nav-sticky.navbar .navbar-nav .nav-link.quadra-mega-trigger {
  color: #ffffff !important;
}

/* 右下角悬浮按钮：原先写死 WhatsApp 品牌绿 #25D366，与站点色系无关；
   改为跟随本站强调色（图标为白色，保持辨识度）。 */
.quadra-wa, a.quadra-wa {
  background: var(--qf-secondary) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .18) !important;
}
.quadra-wa:hover, a.quadra-wa:hover { background: var(--qf-tertiary) !important; }
.quadra-wa svg, .quadra-wa i, .quadra-wa img { color: #ffffff !important; fill: currentColor; }