/* ==========================================================================
   主题：清爽浅色（light）
   加载方式：放在 site.css 之后
   ========================================================================== */

:root {
  --brand: #0e7a58;
  --brand-dark: #0a5a41;
  --brand-deep: #0a3d2c;
  --brand-mid: #12a173;
  --brand-mint: #3ecf9a;
  --brand-wash: #effaf5;
  --brand-line: #d8ece3;

  --accent: #b9771c;
  --accent-wash: #fdf7ec;
  --accent-line: #f0dfbf;

  --ink: #0f1f19;
  --ink-soft: #4a5b53;
  --ink-mute: #7d8d85;
  --bg: #ffffff;
  --bg-soft: #f8fbfa;
  --bg-tint: #f3f9f6;
  --line: #e9efeb;
  --line-strong: #dae3de;

  --radius: 16px;
  --radius-lg: 22px;
  --shadow-sm: 0 1px 2px rgba(16, 45, 35, .04), 0 4px 14px rgba(16, 45, 35, .05);
  --shadow-md: 0 6px 24px rgba(16, 45, 35, .08), 0 2px 6px rgba(16, 45, 35, .04);
  --shadow-lg: 0 24px 60px rgba(16, 45, 35, .12);
}

/* 顶部条：浅色 */
.topbar {
  background: #f8fbfa;
  color: #6d7d75;
  border-bottom: 1px solid var(--line);
}
.topbar a { color: #0a5a41; }
.topbar a:hover { color: #0e7a58; }

/* 头部 */
.site-header { background: rgba(255, 255, 255, .86); }
.brand-mark { box-shadow: 0 6px 16px rgba(14, 122, 88, .20); }

/* 首屏：浅色柔光，不再是深绿块 */
.hero {
  color: var(--ink);
  background:
    radial-gradient(880px 400px at 84% -10%, rgba(62, 207, 154, .24), transparent 62%),
    radial-gradient(680px 360px at 2% 104%, rgba(103, 178, 255, .20), transparent 64%),
    linear-gradient(180deg, #f5fcf9 0%, #ffffff 78%);
  padding: 78px 0 68px;
}
.hero::after {
  background-image: radial-gradient(rgba(14, 122, 88, .13) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: .5;
}
.hero h1 { color: #0c1e18; }
.hero .eyebrow { color: #0a5a41; background: #fff; border-color: #d5ece3; }
.hero .lead { color: #46574e; }
.hero .meta { color: #7d8d85; }

.hero .btn-primary {
  background: linear-gradient(180deg, #12a173, #0c6b4d);
  color: #fff;
  box-shadow: 0 10px 24px rgba(14, 122, 88, .26);
}
.hero .btn-ghost { border-color: #cfe2da; color: #0a5a41; }
.hero .btn-ghost:hover { background: #effaf5; color: #07402e; }

.hero-visual {
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-lg);
  backdrop-filter: none;
}
.hero-visual .panel-title { color: #0a5a41; }
.hero-visual .panel-title b { color: var(--ink); }
.hero-visual .hv-label { fill: #7d8d85; }
.hero-visual .hv-track { fill: #eef5f1; }
.hero-visual .hv-before { fill: #d99428; }
.hero-visual .hv-after { fill: #12a173; }
.hero-visual .hv-note { fill: #9aaaa2; }
.hero-visual ul { color: #51635a; }
.hero-visual li::before { background: #12a173; }

/* 卡片 */
.card { background: #fff; border-color: var(--line); box-shadow: var(--shadow-sm); }
.card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
.card-icon { background: linear-gradient(150deg, #f1faf6, #ffffff); }

/* 数字条与小元素 */
.stats { background: var(--line); border-color: var(--line); }
.stat { background: #fff; }
.stat b { color: #0a5a41; }
th { background: #f3f9f6; color: #0a5a41; }
tbody tr:nth-child(even) td { background: #fbfdfc; }

/* 服务页上的实心按钮同步成绿色渐变 */
.btn-primary { background: linear-gradient(180deg, #12a173, #0c6b4d); color: #fff; }

/* 页脚：浅色收尾 */
.site-footer {
  background: #f7fbf9;
  color: #5d6f67;
  border-top: 1px solid var(--line);
}
.site-footer h4 { color: #0a3d2c; text-transform: none; letter-spacing: .5px; font-size: 14px; }
.site-footer a { color: #0a5a41; }
.site-footer a:hover { color: #0e7a58; }
.site-footer .muted { color: #8a9a92 !important; }
.footer-bottom { border-top: 1px solid var(--line); color: #8a9a92; }