/**
 * seo_base.css —— 站点基础样式（头部 / 页脚 / 面包屑 / 通用）
 * 说明：全部为本站自有样式，不依赖旧站 CDN tailwindcss.js 运行时编译。
 */
:root {
  --brand: #0a7cf5;
  --brand-dark: #0968cf;
  --ink: #1f2329;
  --ink-2: #4e5969;
  --ink-3: #86909c;
  --line: #e5e8ef;
  --bg: #ffffff;
  --bg-soft: #f5f7fa;
  --wrap: 1200px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.seo-body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 14px/1.6 "PingFang SC", "Microsoft YaHei", Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}
a { color: var(--ink); text-decoration: none; transition: color .15s; }
a:hover { color: var(--brand); }
img { max-width: 100%; border: 0; vertical-align: middle; }
h1, h2, h3, h4, p, dl, dt, dd, ul, ol, li, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track-piece { background: #fff; }
::-webkit-scrollbar-thumb { background: #c3c8d1; border-radius: 6px; border: 2px solid #fff; }
::-webkit-scrollbar-thumb:hover { background: #9aa2ad; }

/* ===== 顶部信息条 ===== */
.site-top { background: #0f1626; color: #c7cdd8; font-size: 12px; }
.st-inner { max-width: var(--wrap); margin: 0 auto; padding: 7px 16px; display: flex; justify-content: space-between; align-items: center; }
.st-slogan { letter-spacing: .2px; }
.st-tel a { color: #fff; }
.st-tel a:hover { color: #7fb4ff; }

/* ===== 主导航 ===== */
.site-hd { position: sticky; top: 0; z-index: 900; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 1px 3px rgba(20, 30, 50, .05); }
.sh-inner { max-width: var(--wrap); margin: 0 auto; padding: 0 16px; height: 64px; display: flex; align-items: center; gap: 16px; }
.sh-logo { flex: none; display: flex; align-items: center; }
.sh-logo img { width: 168px; height: 32px; display: block; }
.sh-nav { flex: 1; display: flex; align-items: center; min-width: 0; }
.sh-nav__item { position: relative; }
.sh-nav__link { display: block; padding: 0 11px; height: 64px; line-height: 64px; font-size: 15px; color: var(--ink); font-weight: 500; white-space: nowrap; }
.sh-nav__link:hover { color: var(--brand); }
.sh-nav__sub { position: absolute; left: 50%; top: 60px; transform: translateX(-50%); min-width: 136px; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 24px rgba(20, 30, 50, .10); padding: 6px; display: none; }
.sh-nav__item:hover .sh-nav__sub { display: block; }
.sh-nav__sub a { display: block; padding: 7px 12px; font-size: 13px; color: var(--ink-2); border-radius: 6px; white-space: nowrap; }
.sh-nav__sub a:hover { background: var(--bg-soft); color: var(--brand); }
.sh-search { flex: none; display: flex; align-items: center; height: 36px; border: 1px solid var(--brand); border-radius: 6px; overflow: hidden; }
.sh-search input { width: 200px; height: 100%; padding: 0 12px; border: 0; outline: none; font-size: 13px; }
.sh-search input::placeholder { color: #a8b0bd; }
.sh-search button { width: 62px; height: 100%; border: 0; background: var(--brand); color: #fff; font-size: 13px; }
.sh-search button:hover { background: var(--brand-dark); }
.sh-user { flex: none; display: flex; align-items: center; gap: 14px; font-size: 14px; }
.sh-user__login { color: var(--brand); }
.sh-user__reg { display: inline-block; padding: 0 16px; height: 34px; line-height: 32px; border-radius: 6px; background: var(--brand); color: #fff; }
.sh-user__reg:hover { background: var(--brand-dark); color: #fff; }
.sh-user__name { color: var(--brand); font-weight: 500; }

/* ===== 面包屑 ===== */
.crumb { background: var(--bg-soft); border-bottom: 1px solid var(--line); }
.crumb__in { max-width: var(--wrap); margin: 0 auto; padding: 12px 16px; font-size: 13px; color: var(--ink-3); }
.crumb__in a { color: var(--ink-3); }
.crumb__in a:hover { color: var(--brand); }
.crumb__in i { margin: 0 8px; font-style: normal; color: #c2c8d2; }
.crumb__in span { color: var(--ink-2); }

/* ===== 页脚 ===== */
.site-ft { background: #1b2130; color: #9aa4b5; margin-top: 40px; }
.ft-main { max-width: var(--wrap); margin: 0 auto; padding: 44px 16px 28px; display: flex; gap: 44px; }
.ft-brand { flex: none; width: 224px; }
.ft-brand__logo { width: 168px; height: 32px; margin-bottom: 20px; display: block; }
.ft-brand__label { font-size: 12px; color: #6b7688; margin-bottom: 4px; }
.ft-brand__tel { font-size: 22px; color: #fff; font-weight: 600; margin-bottom: 16px; letter-spacing: .5px; }
.ft-brand__addr { font-size: 13px; color: #9aa4b5; }
.ft-links { flex: 1; display: flex; flex-wrap: wrap; gap: 24px 36px; }
.ft-links dl { min-width: 104px; }
.ft-links dt { font-size: 14px; color: #fff; margin-bottom: 14px; font-weight: 500; }
.ft-links dd { margin-bottom: 9px; }
.ft-links dd a { font-size: 13px; color: #9aa4b5; }
.ft-links dd a:hover { color: #fff; }
.ft-links__app { min-width: auto; }
.ft-app { display: flex; gap: 12px; }
.ft-app__item { display: block; text-align: center; }
.ft-app__item img { display: block; border-radius: 6px; background: #fff; padding: 2px; }
.ft-app__item em { display: block; margin-top: 6px; font-style: normal; font-size: 12px; color: #6b7688; }
.ft-copy { border-top: 1px solid rgba(255, 255, 255, .08); padding: 18px 16px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; font-size: 13px; color: #7c8798; }
.ft-copy a { color: #7c8798; }
.ft-copy a:hover { color: #fff; }
.ft-copy img { vertical-align: -2px; margin-right: 4px; }

/* ===== 返回顶部 ===== */
.site-totop { position: fixed; right: 24px; bottom: 64px; z-index: 800; width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 20px; color: #fff; background: var(--brand); border-radius: 50%; box-shadow: 0 6px 18px rgba(10, 124, 245, .35); opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
.site-totop.is-on { opacity: 1; visibility: visible; }
.site-totop:hover { color: #fff; background: var(--brand-dark); }

@media (max-width: 1366px) {
  .sh-search input { width: 168px; }
  .sh-nav__link { padding: 0 9px; font-size: 14px; }
  .sh-user { gap: 10px; }
}
@media (max-width: 1240px) {
  .sh-search input { width: 132px; }
  .sh-nav__link { padding: 0 8px; font-size: 14px; }
  .ft-main { gap: 28px; }
}
@media (max-width: 1080px) {
  .sh-search { display: none; }
}