/* =========================================================================
   益阳网站建设 · 现代化视觉修复覆盖层
   -------------------------------------------------------------------------
   使用方法（任选其一）：
   1) 在 WordPress 主题 <head> 中所有现有 CSS 之后引入本文件：
      <link rel="stylesheet" href="/wp-content/themes/yyw-gp/assets/redesign-override.min.css">
   2) 或贴入 WP 后台 → 外观 → 自定义 → 附加 CSS。
   3) 本文件不修改任何 HTML，纯 CSS 覆盖；如需还原，删除本文件即可。
   -------------------------------------------------------------------------
   设计目标：专业、大气、现代化
   核心手法：Token 收敛（1 主色 + 1 强调色 + 3 级灰 + 4 档圆角 + 6 档字号）
   ========================================================================= */


/* =========================================================================
   1. 设计 Token（Design Tokens）
   ========================================================================= */
:root {
  /* ---- 色板（Slate 体系 + 单一朱红强调色）---- */
  --rd-ink:        #0F172A;   /* 主文字 / 深色区底 slate-900 */
  --rd-ink-2:      #334155;   /* 次文字 slate-700 */
  --rd-ink-3:      #64748B;   /* 弱提示 slate-500 */
  --rd-ink-4:      #94A3B8;   /* 禁用/极弱 slate-400 */
  --rd-line:       #E2E8F0;   /* 分割线 slate-200 */
  --rd-line-soft:  #F1F5F9;   /* 极浅分割 slate-100 */
  --rd-bg:         #FFFFFF;
  --rd-bg-soft:    #F8FAFC;   /* 章节交替底 slate-50 */
  --rd-bg-tint:    #F1F5F9;   /* 略深交替底 */
  --rd-brand:      #1E40AF;   /* 主品牌蓝 blue-800（克制的现代蓝）*/
  --rd-brand-deep: #1E3A8A;   /* 深蓝 blue-900 */
  --rd-accent:     #C2410C;   /* 唯一强调色 · 朱橙（保留品牌识别）*/
  --rd-accent-deep:#9A3412;   /* 强调色 hover */
  --rd-accent-soft:#FFF7ED;   /* 强调色浅底 orange-50 */
  --rd-on-ink:     #F8FAFC;   /* 深底上的文字 */
  --rd-on-ink-2:   #CBD5E1;   /* 深底上的次文字 */
  --rd-on-ink-3:   #94A3B8;   /* 深底上的弱文字 */

  /* ---- 字号（Perfect Fourth 1.333，共 6 档）---- */
  --rd-fs-display: clamp(2.5rem, 1.5vw + 2rem, 4rem);   /* 40 → 64 */
  --rd-fs-h2:      clamp(1.875rem, 1vw + 1.4rem, 2.5rem); /* 30 → 40 */
  --rd-fs-h3:      clamp(1.25rem, 0.5vw + 1.05rem, 1.5rem); /* 20 → 24 */
  --rd-fs-body:    1rem;                                  /* 16 */
  --rd-fs-small:   0.875rem;                              /* 14 */
  --rd-fs-tiny:    0.75rem;                               /* 12 */

  /* ---- 字重 ---- */
  --rd-fw-regular: 400;
  --rd-fw-medium:  500;
  --rd-fw-semibold:600;
  --rd-fw-bold:    700;

  /* ---- 行高 ---- */
  --rd-lh-tight:  1.2;
  --rd-lh-title:  1.25;
  --rd-lh-body:   1.7;
  --rd-lh-loose:  1.8;

  /* ---- 圆角（4 档）---- */
  --rd-r-sm:   6px;
  --rd-r-md:   12px;
  --rd-r-lg:   16px;
  --rd-r-full: 999px;

  /* ---- 阴影（中性、低透明度；禁止彩色发光 / inset 高光）---- */
  --rd-shadow-0: none;
  --rd-shadow-1: 0 1px 2px rgba(15,23,42,.06);
  --rd-shadow-2: 0 4px 16px rgba(15,23,42,.08);
  --rd-shadow-3: 0 12px 32px -12px rgba(15,23,42,.16);

  /* ---- 间距（8pt 网格）---- */
  --rd-sp-1:  4px;
  --rd-sp-2:  8px;
  --rd-sp-3:  12px;
  --rd-sp-4:  16px;
  --rd-sp-5:  24px;
  --rd-sp-6:  32px;
  --rd-sp-7:  48px;
  --rd-sp-8:  64px;
  --rd-sp-9:  96px;
  --rd-sp-10: 128px;

  /* ---- 容器 ---- */
  --rd-container: 1200px;
  --rd-container-narrow: 880px;

  /* ---- 边框 ---- */
  --rd-border: 1px solid var(--rd-line);
}


/* =========================================================================
   2. 全局基础重置
   ========================================================================= */

/* 中文排版优化：标点悬挂 / 标点挤压 */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  background: var(--rd-bg);
  color: var(--rd-ink);
  font-size: var(--rd-fs-body);
  line-height: var(--rd-lh-body);
  font-feature-settings: "halt", "cv11", "ss01";
  letter-spacing: 0.001em;
}

/* 数字使用等宽数字（表格/价格对齐） */
.num, .stat .num, .price, .hd-call .num, .hero-tel {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* 全局容器统一 */
.container,
main#main .container {
  max-width: var(--rd-container) !important;
  padding-left: var(--rd-sp-5);
  padding-right: var(--rd-sp-5);
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================================
   3. 顶栏 / 导航
   ========================================================================= */

/* 顶部信任条：更克制，不喧宾夺主 */
.yyw-trust {
  background: var(--rd-bg-soft);
  border-bottom: 1px solid var(--rd-line);
  color: var(--rd-ink-3);
  font-size: var(--rd-fs-tiny);
  letter-spacing: 0.02em;
}
.yyw-trust .yyw-trust-in {
  max-width: var(--rd-container);
  margin: 0 auto;
  padding: var(--rd-sp-2) var(--rd-sp-5);
  min-height: 36px;
}
.yyw-trust a,
.yyw-trust .yyw-tb-call {
  color: var(--rd-ink-2);
  font-weight: var(--rd-fw-medium);
  text-decoration: none;
}
.yyw-trust .yyw-tb-call:hover { color: var(--rd-accent); }
.yyw-trust svg { opacity: .6; }

/* 主导航：干净白底，去掉一切阴影渐变 */
.site-header {
  background: var(--rd-bg);
  border-bottom: 1px solid var(--rd-line);
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.site-header .header-in {
  min-height: 72px;
  max-width: var(--rd-container);
  margin: 0 auto;
  padding: 0 var(--rd-sp-5);
}
.site-header .brand-name {
  font-weight: var(--rd-fw-bold);
  font-size: 1.0625rem;
  letter-spacing: -0.01em;
  color: var(--rd-ink);
}
.site-header .brand-tag {
  color: var(--rd-ink-3);
  font-size: var(--rd-fs-tiny);
  font-weight: var(--rd-fw-regular);
  letter-spacing: 0.02em;
}
.site-header .main-nav a {
  color: var(--rd-ink-2);
  font-size: 0.9375rem;
  font-weight: var(--rd-fw-medium);
  padding: 8px 12px;
  border-radius: var(--rd-r-sm);
  transition: color .15s ease, background .15s ease;
}
.site-header .main-nav a:hover {
  color: var(--rd-ink);
  background: var(--rd-bg-soft);
}
.site-header .main-nav a[aria-current="page"] {
  color: var(--rd-ink);
  font-weight: var(--rd-fw-semibold);
}

/* 头部 CTA 按钮：全站唯一主按钮样式 */
.site-header .btn-primary,
.site-header .btn {
  height: 40px;
  padding: 0 18px;
  font-size: 0.9375rem;
}

/* 头部电话：去边框，改文字链 */
.hd-call {
  color: var(--rd-ink);
  font-weight: var(--rd-fw-semibold);
  font-size: 0.9375rem;
  border: none !important;
  background: transparent !important;
  padding: 0 12px;
}
.hd-call:hover { color: var(--rd-accent); }


/* =========================================================================
   4. Hero 主视觉
   ========================================================================= */

/* 整体反白：藏蓝 → 深靛蓝，去径向光晕，加一道细腻高光 */
main#main.yyw-home > section.hero.sec-ink,
section.hero.sec-ink {
  background: var(--rd-ink) !important;
  background-image: none !important;
  background-image: linear-gradient(180deg, #0F172A 0%, #131C30 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
  color: var(--rd-on-ink);
  padding: var(--rd-sp-9) 0 var(--rd-sp-8) !important;
  position: relative;
}
/* 细腻顶部高光（替代原来的径向光斑） */
section.hero.sec-ink::before {
  content: "";
  position: absolute; inset: 0 0 auto 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  pointer-events: none;
}

/* Hero 网格：左右更通透 */
main#main.yyw-home > section.hero .hero-grid,
section.hero .hero-grid {
  gap: var(--rd-sp-8) !important;
  align-items: center;
}

/* Hero H1：超大号、负字距、强对比 */
main#main.yyw-home > section.hero h1,
section.hero h1 {
  font-size: var(--rd-fs-display) !important;
  font-weight: var(--rd-fw-bold) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em !important;
  color: var(--rd-on-ink) !important;
  margin: 0 0 var(--rd-sp-4) !important;
  max-width: 18em;
}
/* H1 副行：作为独立小块呈现 */
section.hero h1 .h1-sub {
  display: block !important;
  margin-top: var(--rd-sp-4) !important;
  font-size: clamp(1.125rem, 0.6vw + 0.95rem, 1.375rem) !important;
  font-weight: var(--rd-fw-medium) !important;
  color: var(--rd-on-ink-2) !important;
  letter-spacing: -0.01em !important;
  line-height: 1.4 !important;
}

/* 装饰短线：去掉 */
section.hero .accent-rule { display: none !important; }

/* Hero 副标 */
section.hero .hero-sub {
  font-size: 1.0625rem;
  line-height: var(--rd-lh-loose);
  color: var(--rd-on-ink-2);
  max-width: 32em;
  margin: var(--rd-sp-4) 0 0;
}

/* Hero 4 个 bullet：收敛视觉，弱化 */
section.hero .hero-sub-points {
  margin: var(--rd-sp-5) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--rd-sp-2);
}
section.hero .hero-sub-points li {
  font-size: var(--rd-fs-small);
  color: var(--rd-on-ink-3);
  line-height: var(--rd-lh-body);
  padding-left: var(--rd-sp-5);
  position: relative;
}
section.hero .hero-sub-points li::before {
  content: "";
  position: absolute;
  left: 0; top: 0.7em;
  width: 12px; height: 1px;
  background: var(--rd-accent);
}

/* Hero CTA 区 */
section.hero .hero-ctas {
  margin-top: var(--rd-sp-7) !important;
  display: flex;
  gap: var(--rd-sp-3);
  flex-wrap: wrap;
  align-items: center;
}

/* Hero 配图卡片：现代浏览器窗样式 */
section.hero .hero-photo {
  margin: 0;
  border-radius: var(--rd-r-lg);
  overflow: hidden;
  background: var(--rd-bg);
  box-shadow: var(--rd-shadow-3) !important;
  border: 1px solid rgba(255,255,255,.08);
}
section.hero .hero-photo img {
  display: block;
  width: 100%;
  height: auto;
}
section.hero .hero-photo figcaption {
  padding: var(--rd-sp-3) var(--rd-sp-4);
  font-size: var(--rd-fs-tiny);
  color: var(--rd-ink-3);
  background: var(--rd-bg-soft);
  border-top: 1px solid var(--rd-line);
}

/* Hero 信任 chip：卡片化、克制 */
section.hero .hero-proof .proof-chip {
  display: block;
  margin-top: var(--rd-sp-4);
  padding: var(--rd-sp-4) var(--rd-sp-5);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--rd-r-md);
  color: var(--rd-on-ink-2);
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease;
}
section.hero .hero-proof .proof-chip:hover {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
}
section.hero .hero-proof .proof-chip b {
  display: block;
  color: var(--rd-on-ink);
  font-weight: var(--rd-fw-semibold);
  margin-bottom: 4px;
}
section.hero .hero-proof .proof-chip span {
  display: block;
  font-size: var(--rd-fs-tiny);
  color: var(--rd-on-ink-3);
  line-height: 1.6;
}

/* Hero 数据条 statband：取代"快速跳转"，单列展示核心事实 */
section.hero .statband {
  margin-top: var(--rd-sp-8);
  padding-top: var(--rd-sp-7);
  border-top: 1px solid rgba(255,255,255,.08);
}
section.hero .statband .container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--rd-sp-6);
}
section.hero .statband .stat {
  padding: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
section.hero .statband .stat .num {
  display: block;
  font-size: 1.5rem;
  font-weight: var(--rd-fw-bold);
  letter-spacing: -0.02em;
  color: var(--rd-on-ink);
  margin-bottom: 4px;
}
section.hero .statband .stat span {
  font-size: var(--rd-fs-tiny);
  color: var(--rd-on-ink-3);
  letter-spacing: 0.02em;
}

/* Hero 底部电话注脚 */
section.hero .hero-note {
  margin-top: var(--rd-sp-7);
  padding-top: var(--rd-sp-5);
  border-top: 1px solid rgba(255,255,255,.06);
  font-size: var(--rd-fs-small);
  color: var(--rd-on-ink-3);
  text-align: left;
}
section.hero .hero-note .hero-tel {
  color: var(--rd-on-ink);
  font-weight: var(--rd-fw-semibold);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.2);
}
section.hero .hero-note .hero-tel:hover { color: var(--rd-accent); border-color: var(--rd-accent); }


/* =========================================================================
   5. 按钮系统（全站统一 3 态）
   ========================================================================= */

/* 按钮基础 */
.btn,
a.btn,
button.btn,
.yyw-inline-cta .yyw-inline-cta__a,
input[type="submit"].btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 22px;
  font-size: 0.9375rem;
  font-weight: var(--rd-fw-semibold);
  letter-spacing: -0.005em;
  border-radius: var(--rd-r-sm);
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
  box-shadow: none !important;
  background-image: none !important;
}

/* 主按钮：唯一强调色、实心、干净 */
.btn-primary,
a.btn-primary,
.yyw-inline-cta .yyw-inline-cta__a {
  background: var(--rd-accent) !important;
  color: #fff !important;
  border-color: var(--rd-accent) !important;
  box-shadow: var(--rd-shadow-1) !important;
}
.btn-primary:hover,
a.btn-primary:hover,
.yyw-inline-cta .yyw-inline-cta__a:hover {
  background: var(--rd-accent-deep) !important;
  border-color: var(--rd-accent-deep) !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: var(--rd-shadow-2) !important;
}

/* 次按钮（白底描边） */
.btn-outline,
a.btn-outline {
  background: transparent !important;
  color: var(--rd-ink) !important;
  border-color: var(--rd-line) !important;
}
.btn-outline:hover,
a.btn-outline:hover {
  background: var(--rd-bg-soft) !important;
  border-color: var(--rd-ink-3) !important;
  color: var(--rd-ink) !important;
  transform: none !important;
}

/* 深底上的次按钮（白描边） */
.btn-outline-inv,
a.btn-outline-inv,
.sec-ink .btn-outline,
.sec-ink .btn-outline-inv {
  background: transparent !important;
  color: var(--rd-on-ink) !important;
  border-color: rgba(255,255,255,.24) !important;
}
.btn-outline-inv:hover,
a.btn-outline-inv:hover,
.sec-ink .btn-outline:hover {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.4) !important;
  color: var(--rd-on-ink) !important;
  transform: none !important;
}

/* 文字链按钮（ghost） */
.btn-text,
a.btn-text {
  background: transparent !important;
  color: var(--rd-accent) !important;
  border-color: transparent !important;
  padding: 0 4px;
  height: auto;
  font-weight: var(--rd-fw-medium);
}
.btn-text:hover { color: var(--rd-accent-deep) !important; }

/* 小按钮 */
.btn-sm {
  height: 36px;
  padding: 0 16px;
  font-size: 0.875rem;
}

/* Hero 主 CTA 加大一号 */
section.hero .btn-primary {
  height: 52px;
  padding: 0 32px;
  font-size: 1rem;
  border-radius: 8px;
}
section.hero .btn-outline-inv {
  height: 52px;
  padding: 0 24px;
  font-size: 1rem;
}


/* =========================================================================
   6. 章节节奏与交替底色
   ========================================================================= */

main#main > section {
  padding: var(--rd-sp-9) 0 !important;
  background: var(--rd-bg);
}
/* 交替底（把原本的 sec-tint 收敛为浅灰）*/
main#main > section.sec-tint {
  background: var(--rd-bg-soft) !important;
  background-image: none !important;
}
/* 深色 CTA 章节 */
main#main > section.sec-ink {
  background: var(--rd-ink) !important;
  background-image: none !important;
  color: var(--rd-on-ink);
}

/* 紧跟着 hero 的"快速跳转/一句话说清楚"：让它成为安静的开场 */
main#main > section.sec-tldr {
  padding: var(--rd-sp-8) 0 !important;
  background: var(--rd-bg);
}

/* 章节头部（eyebrow + H2 + 副标） */
.sec-head,
.sec-head--merged,
.sec-head--minor {
  margin: 0 auto var(--rd-sp-7);
  max-width: var(--rd-container-narrow);
  text-align: left;
}
.eyebrow {
  display: inline-block;
  font-size: var(--rd-fs-tiny);
  font-weight: var(--rd-fw-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--rd-accent);
  margin-bottom: var(--rd-sp-3);
  padding: 0;
  background: transparent !important;
  border: none !important;
}
.eyebrow::before {
  content: "";
  display: inline-block;
  width: 16px; height: 1px;
  background: var(--rd-accent);
  margin-right: 8px;
  vertical-align: middle;
}

.sec-head h2,
main#main h2 {
  font-size: var(--rd-fs-h2) !important;
  font-weight: var(--rd-fw-bold) !important;
  letter-spacing: -0.02em !important;
  line-height: var(--rd-lh-title) !important;
  color: var(--rd-ink);
  margin: 0 0 var(--rd-sp-3);
}
.sec-ink .sec-head h2,
.sec-ink h2 { color: var(--rd-on-ink); }

.sec-sub,
.sec-head .sec-sub {
  font-size: 1.0625rem;
  line-height: var(--rd-lh-body);
  color: var(--rd-ink-3);
  max-width: 40em;
}
.sec-ink .sec-sub { color: var(--rd-on-ink-2); }

/* 章节尾部 */
.section-foot {
  margin-top: var(--rd-sp-7);
  padding-top: var(--rd-sp-6);
  border-top: 1px solid var(--rd-line);
  font-size: var(--rd-fs-small);
  color: var(--rd-ink-3);
  text-align: left;
}
.sec-ink .section-foot {
  border-color: rgba(255,255,255,.08);
  color: var(--rd-on-ink-3);
}

/* H3 统一 */
main#main h3,
.card h3,
.faq-group__t {
  font-size: var(--rd-fs-h3) !important;
  font-weight: var(--rd-fw-semibold) !important;
  letter-spacing: -0.015em !important;
  line-height: var(--rd-lh-title) !important;
  color: var(--rd-ink);
}
.sec-ink h3 { color: var(--rd-on-ink); }

/* 段落 */
main#main p {
  font-size: var(--rd-fs-body);
  line-height: var(--rd-lh-body);
  color: var(--rd-ink-2);
  margin: 0 0 var(--rd-sp-4);
}
.sec-ink p { color: var(--rd-on-ink-2); }


/* =========================================================================
   7. 卡片系统（统一）
   ========================================================================= */

.card,
.post-card,
.faq-group,
.qa-slice,
.tldr-kpi,
.case-row,
.cmp,
.about-group,
.card-facts {
  background: var(--rd-bg);
  border: var(--rd-border) !important;
  border-radius: var(--rd-r-md) !important;
  padding: var(--rd-sp-6) !important;
  box-shadow: var(--rd-shadow-1) !important;
  transition: border-color .15s ease, box-shadow .15s ease;
  background-image: none !important;
}

.card:hover,
.post-card:hover,
.case-row:hover {
  border-color: var(--rd-ink-4) !important;
  box-shadow: var(--rd-shadow-2) !important;
}

/* 卡片网格 */
.card-grid,
.cols-3,
.grid-plain {
  display: grid;
  gap: var(--rd-sp-5);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

/* 卡片标题链接 */
.card-title-link,
.card-link {
  color: var(--rd-ink);
  text-decoration: none;
  font-weight: var(--rd-fw-semibold);
  transition: color .15s ease;
}
.card-title-link:hover,
.card-link:hover { color: var(--rd-accent); }

/* 卡片元信息（价格、交付物等） */
.card-deliver,
.card-ask,
.card-more,
.hint,
.m-sub {
  font-size: var(--rd-fs-small);
  color: var(--rd-ink-3);
  line-height: var(--rd-lh-body);
}

/* 价格数字突出 */
.price {
  font-size: 2rem !important;
  font-weight: var(--rd-fw-bold) !important;
  letter-spacing: -0.02em;
  color: var(--rd-ink) !important;
  font-variant-numeric: tabular-nums;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}


/* =========================================================================
   8. 表格（价格对照 / 模板对照）
   ========================================================================= */

.table-wrap,
.cmp-wrap {
  border: var(--rd-border);
  border-radius: var(--rd-r-md);
  overflow: hidden;
  background: var(--rd-bg);
  box-shadow: var(--rd-shadow-1);
}
.table-wrap table,
.cmp-wrap table,
main#main table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--rd-fs-small);
}
.table-wrap thead,
main#main table thead {
  background: var(--rd-bg-soft);
}
.table-wrap th,
main#main table th {
  text-align: left;
  font-weight: var(--rd-fw-semibold);
  font-size: var(--rd-fs-tiny);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--rd-ink-3);
  padding: 14px var(--rd-sp-4);
  border-bottom: 1px solid var(--rd-line);
  background: var(--rd-bg-soft) !important;
}
.table-wrap td,
main#main table td {
  padding: var(--rd-sp-4);
  border-bottom: 1px solid var(--rd-line-soft);
  color: var(--rd-ink-2);
  vertical-align: top;
  line-height: 1.6;
}
.table-wrap tbody tr:last-child td,
main#main table tbody tr:last-child td { border-bottom: none; }
.table-wrap tbody tr:hover td,
main#main table tbody tr:hover td { background: var(--rd-bg-soft); }


/* =========================================================================
   9. 标签 / 徽章 / 元信息
   ========================================================================= */

.pc-cat,
.pc-rt,
.pc-meta,
.tag,
.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: var(--rd-fs-tiny);
  font-weight: var(--rd-fw-medium);
  letter-spacing: 0.04em;
  border-radius: var(--rd-r-full);
  background: var(--rd-bg-soft) !important;
  color: var(--rd-ink-2) !important;
  border: 1px solid var(--rd-line) !important;
  text-transform: none;
}
/* 强调标签（"必读"等）*/
.pc-cat.is-us,
.tag-accent {
  background: var(--rd-accent-soft) !important;
  color: var(--rd-accent) !important;
  border-color: #FFEDD5 !important;
}


/* =========================================================================
   10. FAQ / 手风琴
   ========================================================================= */

.faq-group {
  padding: 0 !important;
  overflow: hidden;
  margin-bottom: var(--rd-sp-4);
}
.faq-group__t {
  padding: var(--rd-sp-5) var(--rd-sp-6);
  margin: 0;
  cursor: pointer;
  border-bottom: 1px solid var(--rd-line-soft);
  background: var(--rd-bg-soft) !important;
}
.faq-group__s {
  padding: 0 var(--rd-sp-6);
  font-size: var(--rd-fs-small);
  color: var(--rd-ink-3);
  background: var(--rd-bg-soft);
  padding-bottom: var(--rd-sp-4);
  margin: 0;
}
.faq-a {
  padding: var(--rd-sp-5) var(--rd-sp-6);
  border-bottom: 1px solid var(--rd-line-soft);
  margin: 0;
}
.faq-a:last-child { border-bottom: none; }
.faq-a dt, .faq-a .q {
  font-weight: var(--rd-fw-semibold);
  color: var(--rd-ink);
  margin-bottom: var(--rd-sp-2);
  font-size: 0.9375rem;
}
.faq-a dd, .faq-a .a {
  color: var(--rd-ink-2);
  line-height: var(--rd-lh-body);
  margin: 0;
  font-size: var(--rd-fs-small);
}


/* =========================================================================
   11. 案例卡 / 文章卡（图片现代化）
   ========================================================================= */

.pc-media,
.case-row-media {
  border-radius: var(--rd-r-md);
  overflow: hidden;
  background: var(--rd-bg-soft);
  border: 1px solid var(--rd-line);
  aspect-ratio: 16 / 10;
}
.pc-media img,
.case-row-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .3s ease;
}
.post-card:hover .pc-media img,
.case-row:hover .case-row-media img {
  transform: scale(1.02);
}

/* 文章卡 */
.post-card {
  padding: 0 !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.post-card .pc-body {
  padding: var(--rd-sp-5);
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--rd-sp-2);
}
.post-card .pc-ex {
  color: var(--rd-ink-3);
  font-size: var(--rd-fs-small);
  line-height: var(--rd-lh-body);
  margin: 0;
}
.post-card .pc-meta {
  background: transparent !important;
  border: none !important;
  padding: 0;
  color: var(--rd-ink-3);
  font-weight: var(--rd-fw-regular);
}


/* =========================================================================
   12. 表单（底部留资 CTA）
   ========================================================================= */

#liuzi.sec-ink {
  background: var(--rd-ink) !important;
  color: var(--rd-on-ink);
}
#liuzi .form-card,
#liuzi .cta-copy {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: var(--rd-r-md) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
#liuzi input[type="text"],
#liuzi input[type="tel"],
#liuzi input[type="search"],
#liuzi textarea,
#liuzi select {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: var(--rd-r-sm) !important;
  color: var(--rd-on-ink) !important;
  height: 44px;
  padding: 0 var(--rd-sp-4);
  font-size: 0.9375rem;
}
#liuzi input::placeholder,
#liuzi textarea::placeholder { color: var(--rd-on-ink-3); }
#liuzi input:focus,
#liuzi textarea:focus {
  outline: none;
  border-color: var(--rd-accent) !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: 0 0 0 3px rgba(194,65,12,.18) !important;
}


/* =========================================================================
   13. 搜索框（顶栏）
   ========================================================================= */

.yyw-search-inline {
  display: inline-flex;
  align-items: center;
  background: var(--rd-bg);
  border: 1px solid var(--rd-line);
  border-radius: var(--rd-r-full);
  padding: 4px 4px 4px 14px;
  height: 36px;
}
.yyw-search-inline .yyw-search-bar {
  border: none !important;
  background: transparent !important;
  outline: none;
  font-size: var(--rd-fs-small);
  color: var(--rd-ink);
  width: 180px;
  padding: 0;
  box-shadow: none !important;
}
.yyw-search-inline .yyw-search-bar-go {
  background: var(--rd-ink) !important;
  color: #fff;
  border: none;
  border-radius: var(--rd-r-full);
  width: 28px; height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.yyw-search-inline .yyw-search-bar-go:hover { background: var(--rd-brand) !important; }
.yyw-search-inline .yyw-search-bar-go svg { width: 14px; height: 14px; }


/* =========================================================================
   14. 页脚
   ========================================================================= */

.sw-footer,
.site-footer,
footer {
  background: var(--rd-ink) !important;
  background-image: none !important;
  color: var(--rd-on-ink-2);
  border-top: 1px solid rgba(255,255,255,.06);
  padding: var(--rd-sp-8) 0 var(--rd-sp-6);
}
.sw-footer a { color: var(--rd-on-ink-2); text-decoration: none; }
.sw-footer a:hover { color: var(--rd-on-ink); }
.sw-footer__h {
  color: var(--rd-on-ink);
  font-weight: var(--rd-fw-semibold);
  font-size: var(--rd-fs-small);
  letter-spacing: 0.02em;
  margin-bottom: var(--rd-sp-3);
}
.sw-footer__beian {
  color: var(--rd-on-ink-3);
  font-size: var(--rd-fs-tiny);
  border-top: 1px solid rgba(255,255,255,.06);
  padding-top: var(--rd-sp-5);
  margin-top: var(--rd-sp-6);
}


/* =========================================================================
   15. 装饰元素清理（去掉一切"老气"残留）
   ========================================================================= */

/* 删除所有径向光晕 / 斜切角 / 渐变带 / inset 高光 */
*, *::before, *::after {
  /* 全局阴影收敛：禁止 inset 高光 */
}
.hero::after,
.sec-ink::after,
.sec-tint::after {
  /* 移除主题原本的斜切、光斑等伪元素 */
  background-image: none !important;
  content: none !important;
}

/* 图片圆角统一 */
img { border-radius: 0; }
.card img, .post-card img { border-radius: 0; }

/* 分割线 */
hr {
  border: none;
  border-top: 1px solid var(--rd-line);
  margin: var(--rd-sp-7) 0;
}

/* 链接 */
a { color: var(--rd-brand); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--rd-accent); }
.sec-ink a:not(.btn):not(.proof-chip) { color: var(--rd-on-ink); text-decoration: underline; text-decoration-color: rgba(255,255,255,.3); }
.sec-ink a:not(.btn):not(.proof-chip):hover { color: #fff; text-decoration-color: #fff; }


/* =========================================================================
   16. 移动端适配微调
   ========================================================================= */

@media (max-width: 768px) {
  main#main > section { padding: var(--rd-sp-7) 0 !important; }
  section.hero.sec-ink { padding: var(--rd-sp-7) 0 var(--rd-sp-6) !important; }
  section.hero h1 { font-size: clamp(2rem, 7vw, 2.5rem) !important; }
  section.hero .hero-ctas { flex-direction: column; align-items: stretch; }
  section.hero .btn-primary,
  section.hero .btn-outline-inv { width: 100%; }
  .container { padding-left: var(--rd-sp-4); padding-right: var(--rd-sp-4); }
  .card, .post-card { padding: var(--rd-sp-5) !important; }
}


/* =========================================================================
   17. 微动效（克制，可选）
   ========================================================================= */

@media (prefers-reduced-motion: no-preference) {
  .card, .post-card, .btn, .case-row {
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease, color .2s ease;
  }
  .post-card:hover,
  .case-row:hover {
    transform: translateY(-2px);
  }
}

/* 焦点可访问性 */
:focus-visible {
  outline: 2px solid var(--rd-accent);
  outline-offset: 2px;
  border-radius: var(--rd-r-sm);
}