/* ============================================================
   esuner-cms 全球外贸门户皮肤 · 商务蓝白 · 高端国际化
   通过 html[data-skin="trade"] 挂载（后台「系统设置 → 手动皮肤」）
   ============================================================ */
html[data-skin="trade"] {
  --bg: #f5f8fe;
  --bg2: #eef3fc;
  --bg-deep: #e7eefa;
  --panel: rgba(255, 255, 255, .92);
  --panel2: #ffffff;
  --line: rgba(18, 66, 158, .12);
  --line2: rgba(18, 66, 158, .25);
  --txt: #12234b;
  --mut: #5a6c92;
  --cyan: #0ea5c8;
  --blue: #164fbd;
  --purple: #3b4fd8;
  --pink: #d8449a;
  --grad: linear-gradient(100deg, #0ea5c8, #164fbd 50%, #3b4fd8);
  --radius: 14px;
  --shadow: 0 18px 50px rgba(24, 58, 130, .12);
  --grid-line: rgba(18, 66, 158, .055);
  --header-bg: rgba(255, 255, 255, .92);
  --hero-metrics-bg: rgba(255, 255, 255, .85);
  --sec-alt-bg: linear-gradient(180deg, rgba(22, 79, 189, .06), transparent);
  --footer-bg: #10234d;
  --input-bg: #ffffff;
  --code-bg: #0b1226;
  --hero-dot-bg: rgba(18, 35, 75, .22);
  --nav-menu-bg: rgba(255, 255, 255, .98);
}
html[data-skin="trade"] .alert.ok { color: #0d7c45; }
html[data-skin="trade"] .alert.warn { color: #b45a12; }
html[data-skin="trade"] .gb-reply { color: #3b4fd8; }

/* ---- 商务化细节：更轻的玻璃质感、清晰的描边、克制的光效 ---- */
html[data-skin="trade"] .glass {
  border: 1px solid rgba(22, 79, 189, .10);
  box-shadow: var(--shadow);
  backdrop-filter: none;
}
html[data-skin="trade"] .site-nav a:hover { background: rgba(22, 79, 189, .08); }
html[data-skin="trade"] .site-nav a.on {
  color: #fff; background: var(--grad); box-shadow: 0 6px 18px rgba(22, 79, 189, .30);
}
html[data-skin="trade"] .btn-primary, html[data-skin="trade"] .btn-ghost:hover {
  background: var(--grad); box-shadow: 0 10px 26px rgba(22, 79, 189, .28);
}
html[data-skin="trade"] .hero {
  background:
    radial-gradient(900px 420px at 78% -10%, rgba(14, 165, 200, .16), transparent 60%),
    radial-gradient(700px 400px at 8% 110%, rgba(22, 79, 189, .14), transparent 60%),
    linear-gradient(180deg, #eef4ff, var(--bg) 88%);
}
html[data-skin="trade"] .hero-metrics {
  border-top: 1px solid rgba(22, 79, 189, .12);
}
html[data-skin="trade"] .hero-metrics b { color: #164fbd; }
html[data-skin="trade"] .sec-tag {
  color: #164fbd; border: 1px solid rgba(22, 79, 189, .25);
  background: rgba(22, 79, 189, .06);
}
html[data-skin="trade"] .hud-card { border-color: rgba(22, 79, 189, .35); }
html[data-skin="trade"] .site-footer {
  background: var(--footer-bg);
}
html[data-skin="trade"] .site-footer a, html[data-skin="trade"] .site-footer h4 { color: #eaf1ff; }
html[data-skin="trade"] .site-footer .f-desc,
html[data-skin="trade"] .site-footer span { color: #b8c8ea; }
html[data-skin="trade"] .f-bottom { border-top-color: rgba(255, 255, 255, .10); color: #9db2dd; }
html[data-skin="trade"] .svc-card { border-top: 3px solid transparent; }
html[data-skin="trade"] .svc-card:hover { border-top-color: #164fbd; }
html[data-skin="trade"] .prod-card:hover {
  border-color: rgba(22, 79, 189, .35);
  transform: translateY(-6px);
  box-shadow: 0 24px 50px rgba(24, 58, 130, .16);
}
html[data-skin="trade"] .lang-drop { background: #fff; }
html[data-skin="trade"] .lang-drop a.on { background: var(--grad); color: #fff; }
html[data-skin="trade"] .lang-btn { background: #fff; }
html[data-skin="trade"] .orb { opacity: .5; }
html[data-skin="trade"] .list-item:hover, html[data-skin="trade"] .news-item:hover {
  background: rgba(22, 79, 189, .05);
}
html[data-skin="trade"] .cta-in::before { opacity: .12; }
html[data-skin="trade"] .gb-form input, html[data-skin="trade"] .gb-form textarea,
html[data-skin="trade"] .search-box input {
  background: #fff; border-color: rgba(18, 66, 158, .18);
}