/* ============================================================================
   模板 · Nordic（荷兰 · 北欧）
   ----------------------------------------------------------------------------
   荷兰和北欧 B2B 站的通行观感：
     · 白底、一个柔和的绿色、没有阴影、没有深色大块 —— 克制到近乎朴素
     · 直接说事、不推销：hero 小、标题短、按钮不喊
     · 页脚也是浅色的；整站只有两三种灰
     · 可持续 / 环保相关的认证（RoHS、REACH、ISO 14001）在这些市场是加分项，认证段靠前
     · 圆角 6px、字重 600 封顶：不做「重」的东西
   ========================================================================== */

:root {
  --ink:        #1c1f23;
  --ink-2:      #2a2f36;
  --ink-3:      #4a515a;
  --muted:      #7a828c;
  --line:       #e6e9ec;
  --line-dark:  #e6e9ec;
  --bg:         #ffffff;
  --bg-soft:    #f6f7f8;
  --accent:     #1a7f5a;          /* 柔和的绿，不是荧光绿 */
  --accent-ink: #14633f;
  --accent-soft:#e6f3ec;
  --ok:         #1a7f5a;

  --wrap:       1120px;
  --radius:     6px;
  --radius-lg:  6px;
  --shadow:     none;
  --card-shadow-hover: none;
  --card-lift:  0;

  --base-size:  16px;
  --body-lh:    1.7;
  --h-weight:   600;
  --h-tracking: -.02em;
  --section-pad: 96px;

  --header-bg:  #ffffff;
  --nav-ink:    #2a2f36;
  --topbar-bg:  #f6f7f8;
  --topbar-ink: #4a515a;

  --hero-bg:    #ffffff;
  --hero-ink:   #1c1f23;
  --hero-muted: #4a515a;
  --hero-eyebrow: #1a7f5a;
  --hero-grid:  transparent;
  --hero-pad:   88px 0 64px;

  --stats-bg:   #ffffff;
  --stats-line: #e6e9ec;
  --stats-ink:  #1c1f23;
  --stats-muted:#7a828c;

  --dark-band-bg: #f6f7f8;
  --cta-bg:     #1a7f5a;
  --footer-bg:  #f6f7f8;
  --footer-ink: #4a515a;
  --footer-h:   #1c1f23;
  --footer-line:#e6e9ec;
}

.topbar { border-bottom: 1px solid var(--line); }
.topbar a:hover { color: var(--accent); }

header.site { backdrop-filter: none; border-bottom: 1px solid var(--line); }
.brand .mark { background: var(--ink); }
nav.main a:hover { background: transparent; color: var(--accent); }

/* hero：小而直接，标题不超过三行，按钮一大一小 */
.hero h1 { font-size: clamp(2rem, 4vw, 3rem); max-width: 20ch; }
.hero p { font-size: 1.1rem; }
.hero .btn-onDark { background: transparent; color: var(--ink); border-color: var(--line); }
.hero .btn-onDark:hover { border-color: var(--ink); color: var(--ink); }
.hero-media img { border: 1px solid var(--line); }

/* 眉标不用大写：北欧站几乎不用全大写，显得吵 */
.eyebrow { text-transform: none; letter-spacing: 0; font-size: .9rem; font-weight: 600; }

/* 数据条：一行文字，不做格子 */
.stats { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.stats .wrap { background: transparent; }
.stat { padding: 28px 20px 30px; }
.stat b { font-weight: 600; font-size: 1.7rem; }

/* 卡片：无边框、浅灰底，悬停只把底色加深一点点 */
.card { border: 0; background: var(--bg-soft); }
.card:hover { background: #eef0f2; border-color: transparent; }
.card-media { background: #fff; }
section.band.soft .card { background: #fff; }
section.band.soft .card:hover { background: #fff; outline: 1px solid var(--line); }
.card .model { color: var(--accent-ink); }
.card .more { color: var(--accent-ink); }

/* 认证段：浅灰底，深色字 —— 这套没有黑板 */
section.band.dark { color: var(--ink-2); }
section.band.dark h2, section.band.dark h3 { color: var(--ink); }
section.band.dark .cert { background: #fff; border-color: var(--line); color: var(--ink-2); }
section.band.dark .eyebrow { color: var(--accent); }

/* 收尾条：绿底白字，按钮反白 */
.cta-band .btn-primary { background: #fff; color: var(--accent-ink); }

/* 页脚是浅色的 */
footer.site { border-top: 1px solid var(--line); }
footer.site a:hover { color: var(--accent); }

.spec-table th { background: var(--bg-soft); }
.btn-primary:hover { background: var(--accent-ink); }