/* ==========================================================================
   招生数字服务 · 正规机构官网视觉系统 v2
   设计语言：深蓝 + 金色 · 规范栅格 · 大图轮播 · 克制动效 · 权威机构感
   ========================================================================== */

:root {
  --navy-900: #0B2E6B;
  --navy-800: #12409B;
  --navy-700: #1D57C8;
  --navy-600: #2B6FE0;
  --gold-500: #C9A24B;
  --gold-400: #D9B76A;
  --gold-100: #F3E9CF;
  --ink: #16263B;
  --ink-2: #3A4E66;
  --muted: #6B7C93;
  --bg: #FFFFFF;
  --bg-soft: #F1F6FE;
  --bg-navy: #12409B;
  --line: #DCE7F6;
  --line-strong: #C4D6EE;
  --shadow-sm: 0 1px 2px rgba(18, 64, 155, .06), 0 2px 8px rgba(18, 64, 155, .05);
  --shadow-md: 0 4px 14px rgba(18, 64, 155, .08), 0 2px 4px rgba(18, 64, 155, .05);
  --shadow-lg: 0 12px 32px rgba(18, 64, 155, .14);
  --radius: 8px;
  --radius-lg: 12px;
  --font: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.75;
  color: var(--ink);
  background: var(--bg);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
h1, h2, h3, h4 { line-height: 1.35; font-weight: 700; color: var(--ink); }

.container { width: min(1180px, 92%); margin: 0 auto; }

/* ================= 顶部导航 ================= */
.site-header {
  background: linear-gradient(180deg, var(--navy-800), var(--navy-700));
  position: relative;
  z-index: 50;
  border-bottom: 1px solid rgba(201, 162, 75, .35);
  box-shadow: 0 2px 10px rgba(7, 24, 51, .35);
}
.site-header .inner { display: flex; align-items: center; justify-content: space-between; height: 78px; gap: 24px; }

.logo { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.logo-mark {
  width: 44px; height: 44px; border-radius: 9px;
  background: linear-gradient(135deg, var(--gold-500), var(--gold-400));
  color: var(--navy-900);
  font-size: 24px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 3px 8px rgba(201, 162, 75, .35);
}
.logo-text { display: flex; flex-direction: column; line-height: 1.2; }
.logo-text strong { color: #fff; font-size: 19px; letter-spacing: .5px; }
.logo-text span { color: rgba(255, 255, 255, .55); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-top: 3px; }

.main-nav { display: flex; align-items: center; gap: 34px; }
.main-nav > a {
  color: rgba(255, 255, 255, .88); font-size: 15.5px; font-weight: 500;
  padding: 8px 2px; position: relative; transition: color .2s;
}
.main-nav > a::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: 2px; height: 2px;
  background: var(--gold-500); transition: right .25s ease;
}
.main-nav > a:hover { color: #fff; }
.main-nav > a:hover::after, .main-nav > a.active::after { right: 0; }
.main-nav > a.active { color: var(--gold-400); }

.nav-cta { display: flex; align-items: center; gap: 22px; }
.nav-phone { display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.75); font-size: 13px; }
.nav-phone b { color: var(--gold-400); font-size: 16px; letter-spacing: .5px; font-weight: 700; }

.nav-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 8px; }
.nav-toggle span { width: 22px; height: 2px; background: #fff; border-radius: 2px; transition: .25s; }
.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity: 0; }
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ================= 按钮 ================= */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-size: 15px; font-weight: 600; line-height: 1;
  padding: 13px 26px; border-radius: 6px; border: 1px solid transparent;
  cursor: pointer; transition: all .22s ease; white-space: nowrap;
}
.btn-lg { padding: 15px 34px; font-size: 16.5px; }
.btn-sm { padding: 8px 16px; font-size: 13.5px; border-radius: 5px; }
.btn-gold, .btn-primary {
  background: linear-gradient(135deg, var(--gold-500), var(--gold-400));
  color: var(--navy-900); border-color: var(--gold-500);
  box-shadow: 0 4px 12px rgba(201, 162, 75, .3);
}
.btn-gold:hover, .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(201, 162, 75, .4); filter: brightness(1.05); }
.btn-outline { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .75); }
.btn-outline:hover { background: rgba(255, 255, 255, .14); border-color: #fff; }
.btn-outline-dark { background: transparent; color: var(--navy-800); border-color: var(--navy-600); }
.btn-outline-dark:hover { background: var(--navy-800); color: #fff; }
.btn-navy { background: var(--navy-800); color: #fff; }
.btn-navy:hover { background: var(--navy-600); }

/* ================= Banner 轮播 ================= */
.banner { position: relative; height: 560px; overflow: hidden; background: var(--navy-800); }
.banner-slide {
  position: absolute; inset: 0; opacity: 0; visibility: hidden;
  transition: opacity .8s ease; 
}
.banner-slide.active { opacity: 1; visibility: visible; }
.banner-slide img { width: 100%; height: 100%; object-fit: cover; }
.banner-mask {
  position: absolute; inset: 0;
  background: linear-gradient(100deg, rgba(7, 24, 51, .92) 0%, rgba(7, 24, 51, .72) 42%, rgba(7, 24, 51, .18) 100%);
}
.banner-content {
  position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);
  max-width: 1180px; margin: 0 auto; padding: 0 4%;
}
.banner-eyebrow {
  display: inline-block; color: var(--gold-400); font-size: 13.5px; letter-spacing: 3px;
  font-weight: 600; border: 1px solid rgba(201, 162, 75, .5); border-radius: 999px;
  padding: 5px 16px; margin-bottom: 20px; background: rgba(201, 162, 75, .08);
}
.banner-content h1, .banner-content h2 { color: #fff; font-size: 42px; line-height: 1.3; max-width: 720px; font-weight: 800; letter-spacing: .5px; }
.banner-content h1 .hl { color: var(--gold-400); }
.banner-content .lead { color: rgba(255, 255, 255, .85); font-size: 17px; max-width: 640px; margin-top: 16px; }
.banner-ctas { display: flex; gap: 16px; margin-top: 30px; }
.banner-dots { position: absolute; bottom: 26px; left: 0; right: 0; display: flex; justify-content: center; gap: 10px; z-index: 3; }
.banner-dots button {
  width: 26px; height: 4px; border-radius: 2px; border: 0; cursor: pointer;
  background: rgba(255, 255, 255, .35); transition: all .25s; padding: 0;
}
.banner-dots button.active { background: var(--gold-500); width: 40px; }
.banner-arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
  width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,.4);
  background: rgba(7, 24, 51, .35); color: #fff; font-size: 20px; cursor: pointer;
  display: flex; align-items: center; justify-content: center; transition: .2s;
}
.banner-arrow:hover { background: rgba(201, 162, 75, .85); color: var(--navy-900); }
.banner-arrow.prev { left: 18px; }
.banner-arrow.next { right: 18px; }

/* ================= 快速入口 ================= */
.quick-nav { background: var(--bg); padding: 0; margin-top: -52px; position: relative; z-index: 5; }
.quick-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.quick-item {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md); padding: 26px 22px; display: flex; gap: 16px; align-items: center;
  transition: all .25s ease;
}
.quick-item:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: var(--gold-500); }
.quick-item .qi-ic {
  width: 54px; height: 54px; border-radius: 12px; flex-shrink: 0;
  background: linear-gradient(135deg, rgba(201,162,75,.16), rgba(201,162,75,.08));
  color: var(--gold-500); display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(201,162,75,.35);
}
.quick-item b { display: block; font-size: 16px; color: var(--ink); margin-bottom: 2px; }
.quick-item span { font-size: 13px; color: var(--muted); }

/* ================= 数据指标条 ================= */
.stats-bar {
  background: linear-gradient(135deg, var(--navy-800), var(--navy-600));
  padding: 54px 0; margin-top: 60px;
}
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
.stat { padding: 6px 12px; position: relative; }
.stat + .stat::before {
  content: ""; position: absolute; left: -12px; top: 18%; bottom: 18%;
  width: 1px; background: rgba(255, 255, 255, .14);
}
.stat .num { font-size: 46px; font-weight: 800; color: var(--gold-400); line-height: 1.1; letter-spacing: 1px; }
.stat .lbl { color: rgba(255, 255, 255, .85); font-size: 15px; margin-top: 8px; }
.stat .note { color: rgba(255, 255, 255, .45); font-size: 12.5px; margin-top: 3px; }

/* ================= 板块 ================= */
.section { padding: 78px 0; background: var(--bg); }
.section-soft { background: var(--bg-soft); }
.section-warm { background: #FBF7EE; }
.section-navy { background: var(--bg-navy); }
.section-navy .sec-eyebrow, .section-navy .sec-head h2, .section-navy .sec-head p { color: #fff; }
.section-navy .sec-eyebrow { border-color: rgba(201,162,75,.5); color: var(--gold-400); }

.sec-head { margin-bottom: 48px; max-width: 780px; }
.sec-head.center { margin-left: auto; margin-right: auto; text-align: center; }
.sec-eyebrow {
  display: inline-block; font-size: 12.5px; letter-spacing: 3px; font-weight: 600;
  color: var(--gold-500); border: 1px solid rgba(201,162,75,.45); border-radius: 999px;
  padding: 4px 14px; margin-bottom: 14px; background: rgba(201,162,75,.06);
}
.sec-head h2 { font-size: 32px; font-weight: 800; color: var(--ink); position: relative; padding-bottom: 16px; }
.sec-head h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, var(--gold-500), var(--gold-400)); }
.sec-head.center h2::after { left: 50%; transform: translateX(-50%); }
.sec-head p { color: var(--muted); font-size: 15.5px; margin-top: 14px; }

/* ================= 栅格与卡片 ================= */
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }

.card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: 30px 30px 32px; transition: all .25s ease; box-shadow: var(--shadow-sm);
}
.card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--line-strong); }
.card .tag { display: inline-block; font-size: 12px; color: var(--gold-500); background: var(--gold-100); border-radius: 4px; padding: 3px 10px; margin-bottom: 14px; font-weight: 600; letter-spacing: .5px; }
.card h3 { font-size: 20px; margin-bottom: 10px; }
.card p { color: var(--ink-2); font-size: 14.5px; }
.card ul li { display: flex; gap: 9px; align-items: flex-start; color: var(--ink-2); font-size: 14.5px; padding: 5px 0; }
.card ul li svg { color: var(--gold-500); flex-shrink: 0; margin-top: 3px; }

/* 渠道卡片 */
.channel-card { text-align: center; padding: 34px 24px; }
.channel-card .ic {
  width: 62px; height: 62px; margin: 0 auto 18px; border-radius: 50%;
  background: linear-gradient(135deg, var(--navy-800), var(--navy-600));
  color: var(--gold-400); display: flex; align-items: center; justify-content: center;
  box-shadow: var(--shadow-sm);
}
.channel-card h4 { font-size: 17px; margin-bottom: 8px; }
.channel-card p { font-size: 13.5px; }

/* 痛点 */
.pain-item { display: flex; flex-direction: column; gap: 12px; background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--gold-500); border-radius: var(--radius); padding: 30px 32px; box-shadow: var(--shadow-sm); }
.pain-item .q { font-size: 19px; font-weight: 700; color: var(--ink); display: flex; align-items: center; gap: 12px; line-height: 1.4; }
.pain-item .q i { font-style: normal; color: var(--gold-500); font-weight: 800; }
.pain-item .a { color: var(--ink-2); font-size: 15px; line-height: 1.8; }

/* 解决方案步骤 */
.solve-card { text-align: center; padding: 40px 28px; position: relative; }
.solve-card .step-icon {
  width: 68px; height: 68px; margin: 0 auto 18px; border-radius: 50%;
  background: linear-gradient(135deg, var(--navy-800), var(--navy-600));
  color: var(--gold-400); display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-sm);
}
.solve-card .step { display: inline-block; color: var(--gold-500); font-size: 12.5px; font-weight: 600; letter-spacing: 1px; margin-bottom: 8px; }
.solve-card h3 { font-size: 20px; margin-bottom: 10px; }
.solve-card p { font-size: 14px; }
.solve-card::after {
  content: ""; position: absolute; top: 50%; right: -14px; width: 28px; height: 2px;
  background: linear-gradient(90deg, var(--gold-500), transparent);
}
.grid-3 .solve-card:last-child::after { display: none; }

/* 图文对开 */
.split { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; }
.split-media { position: relative; }
.split-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.split-media .cap {
  position: absolute; left: 18px; bottom: 18px; color: #fff; font-size: 13px;
  background: rgba(7, 24, 51, .75); border-radius: 6px; padding: 6px 14px; backdrop-filter: blur(4px);
}
.split-content h3 { font-size: 26px; margin-bottom: 16px; }
.split-content > p { color: var(--ink-2); margin-bottom: 20px; }
.check-list li { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px dashed var(--line); }
.check-list li:last-child { border-bottom: 0; }
.check-list svg { color: var(--gold-500); flex-shrink: 0; margin-top: 4px; }
.check-list b { display: block; font-size: 15.5px; color: var(--ink); }
.check-list span { font-size: 13.5px; color: var(--muted); }

/* 信任 */
.trust-item { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px dashed rgba(255,255,255,.14); }
.trust-item:last-child { border-bottom: 0; }
.trust-item .t-ic {
  width: 48px; height: 48px; border-radius: 10px; flex-shrink: 0;
  background: rgba(201, 162, 75, .14); color: var(--gold-400);
  display: flex; align-items: center; justify-content: center; border: 1px solid rgba(201,162,75,.3);
}
.trust-item h4 { color: #fff; font-size: 16.5px; margin-bottom: 4px; }
.trust-item p { color: rgba(255,255,255,.62); font-size: 14px; }

/* ================= 案例卡片 ================= */
.case-card { padding: 0; overflow: hidden; }
.case-card .cover { position: relative; }
.case-card .cover img { width: 100%; aspect-ratio: 16/9; object-fit: cover; transition: transform .4s; }
.case-card:hover .cover img { transform: scale(1.04); }
.case-card .body { padding: 26px 28px 30px; }
.case-card .ct { display: inline-block; font-size: 12px; color: var(--navy-700); background: rgba(16,42,84,.07); border-radius: 4px; padding: 3px 10px; font-weight: 600; margin-bottom: 12px; }
.case-card h3 { font-size: 19px; margin-bottom: 8px; }
.case-card p { font-size: 14px; margin-bottom: 12px; }
.case-card .case-meta { color: var(--gold-500); font-size: 13px; font-weight: 600; margin-bottom: 12px; }
.go { display: inline-flex; align-items: center; gap: 6px; color: var(--navy-700); font-weight: 600; font-size: 14.5px; transition: gap .2s; }
.go:hover { gap: 10px; color: var(--gold-500); }

/* ================= 新闻动态（焦点图 + 时间线） ================= */
.news-layout { display: grid; grid-template-columns: 1.15fr 1fr; gap: 44px; align-items: start; }
.news-focus { background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }
.news-focus .cover img { width: 100%; aspect-ratio: 16/8.5; object-fit: cover; }
.news-focus .body { padding: 26px 28px 30px; }
.news-focus .meta { display: flex; gap: 14px; align-items: center; margin-bottom: 12px; }
.news-focus .tag { font-size: 12px; background: var(--gold-100); color: var(--gold-500); font-weight: 600; border-radius: 4px; padding: 3px 10px; }
.news-focus time { color: var(--muted); font-size: 13px; }
.news-focus h3 { font-size: 21px; margin-bottom: 10px; }
.news-focus p { color: var(--ink-2); font-size: 14.5px; margin-bottom: 14px; }

.news-list { display: flex; flex-direction: column; }
.news-list-item {
  display: flex; gap: 18px; align-items: stretch; padding: 18px 6px;
  border-bottom: 1px solid var(--line); transition: background .2s; border-radius: 6px;
}
.news-list-item:hover { background: #fff; box-shadow: var(--shadow-sm); }
.news-list-item .n-date {
  flex-shrink: 0; width: 72px; text-align: center;
  background: var(--bg-soft); border: 1px solid var(--line); border-radius: 8px; padding: 10px 4px;
  align-self: flex-start;
}
.news-list-item .n-date b { display: block; font-size: 20px; color: var(--navy-700); line-height: 1.2; }
.news-list-item .n-date span { font-size: 12px; color: var(--muted); }
.news-list-item h4 { font-size: 15.5px; line-height: 1.5; margin-bottom: 4px; transition: color .2s; }
.news-list-item:hover h4 { color: var(--gold-500); }
.news-list-item p { font-size: 13px; color: var(--muted); }
.news-list-item .n-more { margin-left: auto; align-self: center; color: var(--muted); font-size: 20px; }

/* ================= FAQ ================= */
.faq-list { max-width: 860px; margin: 0 auto; }
.faq-item { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 14px; overflow: hidden; transition: box-shadow .2s; }
.faq-item.open { box-shadow: var(--shadow-md); border-color: rgba(201,162,75,.5); }
.faq-q {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 18px 24px; font-size: 16px; font-weight: 600; color: var(--ink); cursor: pointer;
}
.faq-q .plus { color: var(--gold-500); font-size: 22px; font-weight: 400; transition: transform .25s; }
.faq-item.open .plus { transform: rotate(45deg); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.faq-item.open .faq-a { max-height: 420px; }
.faq-a-inner { padding: 0 24px 20px; color: var(--ink-2); font-size: 14.5px; }

/* ================= CTA 留资 ================= */
.cta-panel {
  display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: center;
  background: linear-gradient(120deg, var(--navy-800), var(--navy-600));
  border-radius: var(--radius-lg); padding: 58px 60px; color: #fff; box-shadow: var(--shadow-lg);
  position: relative; overflow: hidden;
}
.cta-panel::before {
  content: ""; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px;
  background: radial-gradient(circle, rgba(201,162,75,.22), transparent 70%);
}
.cta-panel h2 { color: #fff; font-size: 30px; margin-bottom: 14px; }
.cta-panel h2 em { font-style: normal; color: var(--gold-400); }
.cta-panel .lead { color: rgba(255,255,255,.8); font-size: 15.5px; margin-bottom: 22px; }
.cta-points li { display: flex; gap: 10px; align-items: center; color: rgba(255,255,255,.88); font-size: 14.5px; padding: 6px 0; }
.cta-points svg { color: var(--gold-400); flex-shrink: 0; }

.lead-form { background: #fff; border-radius: var(--radius-lg); padding: 30px 30px 26px; box-shadow: var(--shadow-lg); }
.lead-form h3 { font-size: 21px; color: var(--ink); }
.lead-form .sub { color: var(--muted); font-size: 13.5px; margin: 6px 0 20px; }
.form-row { margin-bottom: 16px; }
.form-row label { display: block; font-size: 13.5px; font-weight: 600; color: var(--ink-2); margin-bottom: 6px; }
.form-control {
  width: 100%; padding: 11px 14px; border: 1px solid var(--line-strong); border-radius: 6px;
  font-size: 14.5px; font-family: inherit; color: var(--ink); background: #fff; transition: border .2s, box-shadow .2s;
}
.form-control:focus { outline: none; border-color: var(--gold-500); box-shadow: 0 0 0 3px rgba(201,162,75,.15); }
textarea.form-control { resize: vertical; min-height: 76px; }
.hp-field { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }
.form-msg { font-size: 13.5px; margin: 4px 0 10px; min-height: 4px; }
.form-msg.ok { color: #2E7D32; }
.form-msg.err { color: #C62828; }
.form-hint { text-align: center; color: var(--muted); font-size: 12.5px; margin-top: 12px; }

/* ================= 页头（子页面） ================= */
.page-hero {
  background: linear-gradient(120deg, var(--navy-800), var(--navy-600));
  padding: 68px 0 58px; position: relative; overflow: hidden;
}
.page-hero::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: linear-gradient(90deg, var(--gold-500), transparent 70%);
}
.page-hero .crumb { display: flex; gap: 8px; color: rgba(255,255,255,.6); font-size: 13.5px; margin-bottom: 16px; }
.page-hero .crumb a:hover { color: var(--gold-400); }
.page-hero h1 { color: #fff; font-size: 36px; font-weight: 800; }
.page-hero p { color: rgba(255,255,255,.75); font-size: 16px; margin-top: 12px; max-width: 760px; }

/* ================= 页脚 ================= */
.site-footer { background: var(--navy-900); color: rgba(255,255,255,.72); padding: 64px 0 0; }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 44px; padding-bottom: 48px; }
.footer-brand .logo { margin-bottom: 16px; }
.footer-brand p { font-size: 14px; color: rgba(255,255,255,.55); line-height: 1.8; }
.site-footer h4 { color: #fff; font-size: 16px; margin-bottom: 18px; position: relative; padding-bottom: 10px; }
.site-footer h4::after { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: var(--gold-500); }
.site-footer ul li { margin-bottom: 10px; }
.site-footer ul a { font-size: 14px; color: rgba(255,255,255,.62); transition: color .2s, padding-left .2s; }
.site-footer ul a:hover { color: var(--gold-400); padding-left: 5px; }
.footer-contact li { display: flex; gap: 10px; align-items: center; font-size: 14px; }
.footer-contact svg { color: var(--gold-400); flex-shrink: 0; }
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.12); padding: 20px 0;
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;
  font-size: 13px; color: rgba(255,255,255,.45);
}
.footer-bottom a:hover { color: var(--gold-400); }

/* ================= 返回顶部 ================= */
.back-top {
  position: fixed; right: 28px; bottom: 34px; z-index: 40;
  width: 46px; height: 46px; border-radius: 50%; border: 0; cursor: pointer;
  background: var(--navy-800); color: var(--gold-400);
  box-shadow: var(--shadow-md); opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: all .3s; display: flex; align-items: center; justify-content: center;
}
.back-top.show { opacity: 1; visibility: visible; transform: translateY(0); }
.back-top:hover { background: var(--gold-500); color: var(--navy-900); }

/* ================= 动效 ================= */
[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
[data-reveal].revealed { opacity: 1; transform: translateY(0); }

/* ================= 详情页 / 内容排版 ================= */
.page-body { padding: 64px 0 80px; }
.page-body .article { background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 44px 52px; box-shadow: var(--shadow-sm); }
.page-body h2 { font-size: 24px; margin: 28px 0 14px; color: var(--ink); }
.page-body h3 { font-size: 19px; margin: 22px 0 10px; }
.page-body p { margin-bottom: 16px; color: var(--ink-2); }
.page-body ul { list-style: disc; padding-left: 22px; margin-bottom: 16px; color: var(--ink-2); }
.page-body ul li { margin-bottom: 8px; }

/* 详情元信息 */
.article-meta { display: flex; flex-wrap: wrap; gap: 18px; color: var(--muted); font-size: 13.5px; padding-bottom: 18px; border-bottom: 1px solid var(--line); margin-bottom: 26px; }
.article-meta span { display: inline-flex; align-items: center; gap: 6px; }
.article-meta svg { color: var(--gold-500); }

/* 详情页页头配图 */
.page-hero.has-img { padding: 0; }
.page-hero.has-img .ph-img { position: relative; height: 320px; overflow: hidden; }
.page-hero.has-img .ph-img img { width: 100%; height: 100%; object-fit: cover; }
.page-hero.has-img .ph-img::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(7,24,51,.55), rgba(7,24,51,.75));
}
.page-hero.has-img .container { position: relative; z-index: 2; padding: 0 4%; }

/* 联系我们页信息行 */
.contact-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.contact-card { text-align: center; padding: 34px 20px; }
.contact-card .ic {
  width: 60px; height: 60px; margin: 0 auto 16px; border-radius: 50%;
  background: linear-gradient(135deg, var(--navy-800), var(--navy-600));
  color: var(--gold-400); display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-sm);
}
.contact-card h3 { font-size: 16px; margin-bottom: 8px; }
.contact-card p { font-size: 14px; color: var(--ink-2); }
.contact-card b { display: block; font-size: 15px; color: var(--navy-700); margin-top: 6px; }

/* 404 */
.page-404 { text-align: center; padding: 110px 0 130px; }
.page-404 .code { font-size: 120px; font-weight: 800; color: var(--gold-500); line-height: 1; text-shadow: 0 8px 30px rgba(201,162,75,.3); }
.page-404 h1 { font-size: 26px; margin: 18px 0 10px; }
.page-404 p { color: var(--muted); margin-bottom: 30px; }

/* ================= 响应式 ================= */
@media (max-width: 1024px) {
  .banner { height: 480px; }
  .banner-content h1 { font-size: 34px; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .quick-grid { grid-template-columns: repeat(2, 1fr); }
  .news-layout { grid-template-columns: 1fr; }
  .cta-panel { grid-template-columns: 1fr; padding: 42px 36px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .nav-phone { display: none; }
}

@media (max-width: 768px) {
  .site-header .inner { height: 64px; }
  .nav-toggle { display: flex; }
  .main-nav {
    position: absolute; top: 64px; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    background: var(--navy-800); border-top: 1px solid rgba(201,162,75,.3);
    padding: 8px 4%; display: none;
  }
  .main-nav.open { display: flex; }
  .main-nav > a { padding: 14px 6px; border-bottom: 1px solid rgba(255,255,255,.08); }
  .nav-cta { display: none; }
  .banner { height: 420px; }
  .banner-content h1 { font-size: 27px; }
  .banner-content .lead { font-size: 15px; }
  .banner-arrow { display: none; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 26px 12px; }
  .stat + .stat::before { display: none; }
  .stat .num { font-size: 36px; }
  .grid-2, .grid-3 { grid-template-columns: 1fr; }
  .split { grid-template-columns: 1fr; gap: 32px; }
  .sec-head h2 { font-size: 26px; }
  .section { padding: 56px 0; }
  .quick-grid { grid-template-columns: 1fr; margin-top: 0; }
  .page-hero { padding: 48px 0 42px; }
  .page-hero h1 { font-size: 28px; }
  .page-body .article { padding: 28px 22px; }
  .contact-cards { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 34px; }
  .cta-panel { padding: 34px 24px; }
}

/* ==========================================================================
   视觉升级 v4 · 豪华质感层
   设计语言：丝绸金 + 深海蓝 · 立体光影 · 微光扫动 · 品牌发光
   （覆盖同名基础样式，位于样式表末尾优先生效）
   ========================================================================== */
:root {
  --gold-300: #F1DCAA;
  --gold-600: #B18B3B;
  --gold-700: #8F6F2C;
  --gold-silk: linear-gradient(135deg, #F6E3B2 0%, #E8C878 28%, #D4AF5E 55%, #C29B44 78%, #A8853F 100%);
  --gold-silk-soft: linear-gradient(135deg, #FBF0D4 0%, #EEDCAA 50%, #DCC07C 100%);
  --gold-glow: 0 0 0 1px rgba(214,178,98,.35), 0 6px 22px rgba(180,139,59,.35);
  --navy-grad: linear-gradient(135deg, #071833 0%, #0B2144 45%, #12305E 100%);
  --glass: rgba(255,255,255,.04);
}

/* ---------- 顶部广告条 ---------- */
.ad-topbar { position: relative; z-index: 60; font-size: 13.5px; border-bottom: 1px solid rgba(214,178,98,.28); }
.ad-topbar-inner { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 38px; padding: 6px 0; }
.ad-topbar-link { font-weight: 600; letter-spacing: .4px; display: inline-flex; align-items: center; gap: 8px; }
.ad-topbar-link::after { content: "›"; font-size: 16px; font-weight: 800; color: var(--gold-400); }
.ad-topbar-tag {
  font-size: 10.5px; letter-spacing: 1.5px; padding: 2px 9px; border-radius: 100px;
  border: 1px solid rgba(214,178,98,.55); color: rgba(243,233,207,.85); background: rgba(214,178,98,.12);
}
@media (max-width: 640px) {
  .ad-topbar { font-size: 12.5px; }
  .ad-topbar-tag { display: none; }
}

/* ---------- 横幅广告位 ---------- */
.ad-banners { display: grid; grid-template-columns: 1fr; gap: 20px; padding: 26px 0 8px; }
.ad-banner {
  position: relative; border-radius: 16px; overflow: hidden; isolation: isolate;
  box-shadow: 0 14px 34px rgba(7,24,51,.18);
  transition: transform .3s ease, box-shadow .3s ease;
}
.ad-banner:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(7,24,51,.26); }
.ad-banner::before { content: ""; position: absolute; inset: 0; z-index: 0; background: radial-gradient(520px 300px at 82% -20%, rgba(255,220,150,.32), transparent 60%), radial-gradient(420px 260px at -12% 120%, rgba(214,178,98,.18), transparent 55%); }
.ad-banner::after {
  content: ""; position: absolute; top: 0; left: -60%; width: 45%; height: 100%; z-index: 2;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.28), transparent);
  transform: skewX(-18deg); transition: left .7s ease; pointer-events: none;
}
.ad-banner:hover::after { left: 130%; }
.ad-banner-body { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 30px 36px; }
.ad-banner-txt { min-width: 0; }
.ad-banner-tag { display: inline-block; font-size: 11px; letter-spacing: 2px; padding: 3px 12px; border-radius: 100px; margin-bottom: 12px; font-weight: 700; }
.ad-banner h3 { font-size: 20px; font-weight: 800; line-height: 1.4; }
.ad-banner p { font-size: 14px; margin-top: 7px; opacity: .82; line-height: 1.65; }
.btn-ad { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 12px 24px; border-radius: 100px; font-weight: 700; font-size: 14.5px; letter-spacing: .4px; transition: all .25s ease; }
.btn-ad:hover { transform: translateY(-2px); }
/* 主题 gold */
.ad-banner-gold { background: linear-gradient(135deg, #0B1F41 0%, #12305E 58%, #1B3A6E 100%); border: 1px solid rgba(214,178,98,.5); }
.ad-banner-gold .ad-banner-tag { background: rgba(214,178,98,.16); color: var(--gold-300); border: 1px solid rgba(214,178,98,.5); }
.ad-banner-gold h3 { color: #fff; }
.ad-banner-gold p { color: rgba(255,255,255,.78); }
.ad-banner-gold .btn-ad { background: var(--gold-silk); color: var(--navy-900); box-shadow: 0 6px 18px rgba(180,139,59,.45); }
.ad-banner-gold .btn-ad:hover { box-shadow: 0 10px 26px rgba(180,139,59,.6); }
/* 主题 navy */
.ad-banner-navy { background: linear-gradient(135deg, #FFFFFF 0%, #F7F9FD 60%, #EEF2F9 100%); border: 1px solid rgba(26,58,107,.14); }
.ad-banner-navy::before { background: radial-gradient(520px 300px at 82% -20%, rgba(26,58,107,.1), transparent 60%), radial-gradient(420px 260px at -12% 120%, rgba(214,178,98,.14), transparent 55%); }
.ad-banner-navy .ad-banner-tag { background: var(--navy-800); color: var(--gold-300); border: 1px solid transparent; }
.ad-banner-navy h3 { color: var(--navy-800); }
.ad-banner-navy p { color: #45576A; }
.ad-banner-navy .btn-ad { background: linear-gradient(135deg, var(--navy-700), var(--navy-900)); color: #fff; box-shadow: 0 6px 18px rgba(11,29,64,.35); }
.ad-banner-navy .btn-ad:hover { box-shadow: 0 10px 26px rgba(11,29,64,.5); }
/* 主题 dark */
.ad-banner-dark { background: linear-gradient(135deg, #0D1320 0%, #141D30 50%, #1B2740 100%); border: 1px solid rgba(214,178,98,.3); }
.ad-banner-dark .ad-banner-tag { background: rgba(214,178,98,.14); color: var(--gold-300); border: 1px solid rgba(214,178,98,.4); }
.ad-banner-dark h3 { color: #F6EDD8; }
.ad-banner-dark p { color: rgba(255,255,255,.66); }
.ad-banner-dark .btn-ad { background: transparent; color: var(--gold-300); border: 1.5px solid rgba(214,178,98,.65); }
.ad-banner-dark .btn-ad:hover { background: rgba(214,178,98,.12); }
@media (max-width: 768px) {
  .ad-banners { grid-template-columns: 1fr; gap: 16px; padding: 18px 0 4px; }
  .ad-banner-body { flex-direction: column; align-items: flex-start; padding: 22px 20px; gap: 14px; }
  .ad-banner h3 { font-size: 17px; }
  .ad-banner p { font-size: 13px; line-height: 1.6; }
  .ad-banner-tag { margin-bottom: 8px; }
  .btn-ad { width: 100%; justify-content: center; padding: 12px 18px; font-size: 14px; }
}

/* ---------- 按钮豪华升级 ---------- */
.btn { position: relative; overflow: hidden; }
.btn-gold, .btn-primary {
  background: var(--gold-silk);
  color: var(--navy-900);
  border-color: rgba(214,178,98,.9);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 5px 16px rgba(180,139,59,.38);
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
}
.btn-gold::after, .btn-primary::after {
  content: ""; position: absolute; top: 0; left: -70%; width: 46%; height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
  transform: skewX(-18deg); transition: left .55s ease;
}
.btn-gold:hover, .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 10px 26px rgba(180,139,59,.5);
  filter: brightness(1.04);
}
.btn-gold:hover::after, .btn-primary:hover::after { left: 130%; }
.btn-outline {
  background: rgba(255,255,255,.05); color: #fff; border-color: rgba(214,178,98,.7);
  backdrop-filter: blur(4px);
}
.btn-outline:hover { background: rgba(214,178,98,.16); border-color: var(--gold-400); color: #fff; box-shadow: 0 6px 18px rgba(180,139,59,.25); }
.btn-outline-dark { border-color: rgba(17,48,94,.5); }
.btn-outline-dark:hover { background: var(--navy-grad); color: var(--gold-300); border-color: var(--gold-600); box-shadow: 0 8px 20px rgba(11,29,64,.28); }

/* ---------- 导航豪华升级 ---------- */
.site-header {
  background: linear-gradient(180deg, rgba(7,24,51,.98), rgba(10,29,60,.97));
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(214,178,98,.4);
  box-shadow: 0 4px 24px rgba(7,24,51,.5);
}
.site-header::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(214,178,98,.65), transparent);
}
.logo-mark {
  background: var(--gold-silk);
  box-shadow: 0 4px 14px rgba(180,139,59,.5), inset 0 1px 0 rgba(255,255,255,.6);
  color: var(--navy-900);
}
.logo-text strong {
  background: linear-gradient(180deg, #FFFFFF 0%, #DCE6F5 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.main-nav > a::after { background: var(--gold-silk); height: 2.5px; border-radius: 2px; box-shadow: 0 0 10px rgba(214,178,98,.7); }
.main-nav > a.active { color: var(--gold-300); text-shadow: 0 0 14px rgba(214,178,98,.45); }

/* ---------- Banner 豪华升级 ---------- */
.banner::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(820px 420px at 78% 18%, rgba(214,178,98,.16), transparent 62%),
    radial-gradient(700px 420px at 12% 88%, rgba(214,178,98,.12), transparent 60%);
}
.banner::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; z-index: 3;
  background: linear-gradient(90deg, transparent, var(--gold-500), transparent);
}
.banner-content h1 .hl {
  background: var(--gold-silk);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 14px rgba(214,178,98,.5));
}
.banner-dots button.active { background: var(--gold-silk); box-shadow: 0 0 12px rgba(214,178,98,.8); }

/* ---------- 板块标题豪华升级 ---------- */
.sec-head { text-align: left; }
.sec-head.center { text-align: center; }
.sec-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 12.5px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase;
  color: var(--gold-600); margin-bottom: 12px;
}
.sec-eyebrow::before, .sec-eyebrow::after { content: ""; width: 26px; height: 1.5px; background: var(--gold-silk); border-radius: 2px; }
.sec-head.center .sec-eyebrow::before, .sec-head.center .sec-eyebrow::after { width: 18px; }
.sec-head h2 {
  font-size: 34px; font-weight: 800; letter-spacing: 1px; line-height: 1.3;
  background: linear-gradient(180deg, #0B2144 0%, #16376B 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  position: relative;
}
.sec-head h2::after {
  content: ""; display: block; width: 58px; height: 4px; margin-top: 16px; border-radius: 4px;
  background: var(--gold-silk); box-shadow: 0 2px 10px rgba(180,139,59,.5);
}
.sec-head.center h2::after { margin-left: auto; margin-right: auto; }
.sec-head p { color: var(--muted); font-size: 15.5px; max-width: 640px; margin-top: 14px; line-height: 1.8; }
.sec-head.center p { margin-left: auto; margin-right: auto; }

/* ---------- 卡片豪华升级 ---------- */
.card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(10,29,60,.04), 0 10px 28px rgba(10,29,60,.06);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  position: relative; overflow: hidden;
}
.card::before {
  content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 2px; z-index: 1;
  background: var(--gold-silk); opacity: 0; transition: opacity .3s ease;
  border-radius: 0 0 4px 4px;
}
.card:hover { transform: translateY(-5px); border-color: rgba(214,178,98,.55); box-shadow: 0 14px 36px rgba(10,29,60,.14); }
.card:hover::before { opacity: 1; }
.pain-item { border-radius: 14px; }
.pain-item::after {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: var(--gold-silk); opacity: 0; transition: opacity .3s;
}
.pain-item:hover::after { opacity: 1; }
.quick-item {
  background: #fff; border: 1px solid var(--line); border-radius: 14px;
  box-shadow: 0 2px 10px rgba(10,29,60,.05), 0 10px 26px rgba(10,29,60,.05);
}
.quick-item:hover { border-color: var(--gold-500); box-shadow: 0 12px 30px rgba(10,29,60,.12); }
.quick-item .qi-ic {
  background: linear-gradient(135deg, rgba(26,58,107,.08), rgba(214,178,98,.14));
  color: var(--navy-700);
}

/* ---------- 数据条金色发光 ---------- */
.stats-band { background: linear-gradient(135deg, #0A1D3C 0%, #10294E 55%, #16376B 100%); position: relative; }
.stats-band::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(700px 300px at 50% -30%, rgba(214,178,98,.18), transparent 60%);
}
.stat .num {
  background: var(--gold-silk);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 12px rgba(214,178,98,.45));
}

/* ---------- 页脚豪华升级 ---------- */
.site-footer {
  background: linear-gradient(180deg, #081A38 0%, #0A1D3C 100%);
  border-top: 1px solid rgba(214,178,98,.35);
  position: relative;
}
.site-footer::before {
  content: ""; position: absolute; top: -1px; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(214,178,98,.7), transparent);
}
.site-footer h4 { color: var(--gold-300); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.08); }

/* ---------- 页头 / CTA 豪华升级 ---------- */
.page-hero {
  background: linear-gradient(135deg, #0A1D3C 0%, #10294E 60%, #16376B 100%);
  position: relative;
}
.page-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(700px 340px at 80% -20%, rgba(214,178,98,.14), transparent 60%);
}
.page-hero h1 {
  background: linear-gradient(180deg, #FFFFFF 0%, #DCE6F5 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.page-hero p { color: rgba(255,255,255,.78); }
.cta-panel { background: linear-gradient(135deg, #0A1D3C 0%, #16376B 100%); border: 1px solid rgba(214,178,98,.4); position: relative; overflow: hidden; }
.cta-panel::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(600px 300px at 85% 10%, rgba(214,178,98,.22), transparent 60%);
}

/* ---------- 返回顶部 ---------- */
.back-top {
  background: var(--gold-silk); color: var(--navy-900);
  box-shadow: 0 6px 18px rgba(180,139,59,.5);
}
.back-top:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(180,139,59,.6); }

/* ---------- 分页（豪华质感） ---------- */
.pagination {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin-top: 44px; flex-wrap: wrap;
}
.pagination a, .pagination .pg-cur {
  min-width: 42px; height: 42px; padding: 0 14px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 12px; font-size: 14.5px; font-weight: 600;
  border: 1px solid var(--line); background: #fff; color: var(--navy-700);
  transition: all .2s ease; text-decoration: none;
}
.pagination a:hover {
  border-color: var(--gold-500); color: var(--navy-d);
  box-shadow: 0 6px 16px rgba(180,139,59,.22); transform: translateY(-2px);
}
.pagination .pg-cur {
  background: var(--gold-silk); color: var(--navy-900);
  border-color: transparent; font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 6px 18px rgba(180,139,59,.4);
}
.pagination .pg-dots { color: var(--muted); padding: 0 2px; font-size: 15px; letter-spacing: 1px; }
.pagination .pg-btn {
  background: linear-gradient(180deg, #FBFCFE, #F2F5FA); color: var(--navy-700);
  gap: 4px; letter-spacing: .5px;
}
.pagination .pg-btn:hover { background: #fff; }
@media (max-width: 640px) {
  .pagination { gap: 6px; margin-top: 32px; }
  .pagination a, .pagination .pg-cur { min-width: 38px; height: 38px; padding: 0 11px; font-size: 13.5px; }
}

/* ==========================================================================
   视觉升级 v9 · 明亮通透版（参考主流教育官网风格）
   亮蓝主色 + 通透浅底 · 大面积去暗 · 保留丝绸金高端点缀
   ========================================================================== */
body { background: #F5F8FE; }
.section { background: #fff; }
.section-soft { background: #F1F6FE; }
.section-warm { background: #FBF7EE; }
.section-navy { background: linear-gradient(135deg, #1455C9 0%, #2E77E8 100%); }

/* ---------- 导航（白玻璃） ---------- */
.site-header {
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(18, 64, 155, .14);
  box-shadow: 0 4px 24px rgba(18, 64, 155, .10);
}
.site-header::before {
  background: linear-gradient(90deg, transparent, rgba(214, 178, 98, .85), transparent);
}
.logo-text strong {
  background: linear-gradient(180deg, #12409B 0%, #2B6FE0 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.main-nav > a { color: var(--navy-800); }
.main-nav > a.active { color: var(--navy-700); text-shadow: none; }
.main-nav > a::after { background: var(--gold-silk); height: 2.5px; box-shadow: 0 0 10px rgba(214, 178, 98, .7); }
.nav-phone { color: var(--navy-800); }
.nav-phone b { color: var(--navy-600); }
.btn-outline-dark {
  background: transparent; color: var(--navy-800); border-color: rgba(18, 64, 155, .45);
}
.btn-outline-dark:hover { background: linear-gradient(135deg, #1455C9, #2E77E8); color: #fff; border-color: transparent; }
@media (max-width: 768px) {
  .main-nav {
    background: #fff;
    border-top: 1px solid rgba(18, 64, 155, .1);
  }
  .main-nav > a { color: var(--navy-800); border-bottom: 1px solid rgba(18, 64, 155, .08); }
  .main-nav > a.active { color: var(--navy-600); }
}

/* ---------- Banner 首屏（亮蓝） ---------- */
.banner { background: linear-gradient(120deg, #1455C9 0%, #2E77E8 100%); }
.banner-mask {
  background: linear-gradient(100deg, rgba(13, 58, 150, .90) 0%, rgba(20, 85, 201, .68) 45%, rgba(46, 119, 232, .10) 100%);
}
.banner::before {
  background:
    radial-gradient(820px 420px at 78% 18%, rgba(255, 222, 160, .20), transparent 62%),
    radial-gradient(700px 420px at 12% 88%, rgba(214, 178, 98, .14), transparent 60%);
}
.banner-arrow { background: rgba(13, 58, 150, .38); border-color: rgba(255, 255, 255, .45); }
.banner-arrow:hover { background: rgba(214, 178, 98, .92); color: var(--navy-900); }

/* ---------- 数据指标条（亮蓝） ---------- */
.stats-bar, .stats-band { background: linear-gradient(135deg, #1455C9 0%, #1D63D6 55%, #2E77E8 100%); }
.stats-band::before {
  background: radial-gradient(700px 300px at 50% -30%, rgba(255, 222, 160, .22), transparent 60%);
}
.stat .note { color: rgba(255, 255, 255, .55); }

/* ---------- 页头 / CTA（亮蓝） ---------- */
.page-hero { background: linear-gradient(135deg, #1455C9 0%, #1D63D6 60%, #2E77E8 100%); }
.page-hero::before {
  background: radial-gradient(700px 340px at 80% -20%, rgba(255, 222, 160, .16), transparent 60%);
}
.page-hero h1 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E6F0FF 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.page-hero.has-img .ph-img::after {
  background: linear-gradient(180deg, rgba(13, 58, 150, .50), rgba(13, 58, 150, .72));
}
.cta-panel {
  background: linear-gradient(135deg, #1455C9 0%, #2E77E8 100%);
  border: 1px solid rgba(214, 178, 98, .45);
}
.cta-panel::before {
  background: radial-gradient(600px 300px at 85% 10%, rgba(255, 222, 160, .24), transparent 60%);
}

/* ---------- 页脚（亮深蓝） ---------- */
.site-footer { background: linear-gradient(180deg, #0B2E6B 0%, #12409B 100%); }
.site-footer::before { background: linear-gradient(90deg, transparent, rgba(214, 178, 98, .8), transparent); }

/* ---------- 小图标容器（亮蓝） ---------- */
.channel-card .ic, .solve-card .step-icon, .contact-card .ic {
  background: linear-gradient(135deg, #1455C9, #2E77E8);
  color: #F3E9CF; box-shadow: 0 8px 20px rgba(20, 85, 201, .25);
}
.quick-item .qi-ic {
  background: linear-gradient(135deg, rgba(18, 64, 155, .08), rgba(214, 178, 98, .12));
  color: var(--navy-600);
}
.case-card .ct { background: rgba(18, 64, 155, .07); color: var(--navy-700); }
.news-list-item .n-date b { color: var(--navy-600); }
.split-media .cap { background: rgba(13, 58, 150, .78); }
.sec-head h2 {
  background: linear-gradient(180deg, #12409B 0%, #2B6FE0 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* ---------- 广告横幅 v9（亮色横条，去暗化） ---------- */
.ad-banners { gap: 18px; }
.ad-banner { border-radius: 18px; box-shadow: 0 12px 30px rgba(18, 64, 155, .12); }
.ad-banner:hover { box-shadow: 0 18px 40px rgba(18, 64, 155, .20); }
.ad-banner-body { gap: 26px; }
/* 带图横幅 */
.ad-banner-img {
  width: 176px; height: 104px; border-radius: 12px; object-fit: cover;
  flex-shrink: 0; box-shadow: 0 6px 18px rgba(18, 64, 155, .18);
}
/* 主题 gold：暖白底 + 金 */
.ad-banner-gold {
  background: linear-gradient(120deg, #EFF6FF 0%, #F7F3EA 62%, #FBF6EA 100%);
  border: 1px solid rgba(214, 178, 98, .55);
}
.ad-banner-gold::before {
  background: radial-gradient(480px 260px at 90% -10%, rgba(46, 119, 232, .13), transparent 60%),
              radial-gradient(400px 240px at -10% 120%, rgba(214, 178, 98, .20), transparent 55%);
}
.ad-banner-gold .ad-banner-tag { background: var(--gold-silk); color: var(--navy-900); border: none; box-shadow: 0 2px 8px rgba(180, 139, 59, .35); }
.ad-banner-gold h3 { color: var(--navy-800); }
.ad-banner-gold p { color: #3A4E66; opacity: 1; }
.ad-banner-gold .btn-ad { background: var(--gold-silk); color: var(--navy-900); box-shadow: 0 6px 18px rgba(180, 139, 59, .4); }
/* 主题 navy：浅蓝底 + 蓝按钮 */
.ad-banner-navy {
  background: linear-gradient(120deg, #EFF6FF 0%, #F4F8FF 60%, #F0F4FF 100%);
  border: 1px solid rgba(18, 64, 155, .16);
}
.ad-banner-navy::before {
  background: radial-gradient(520px 300px at 82% -20%, rgba(46, 119, 232, .10), transparent 60%),
              radial-gradient(420px 260px at -12% 120%, rgba(214, 178, 98, .15), transparent 55%);
}
.ad-banner-navy .ad-banner-tag { background: linear-gradient(135deg, #1455C9, #2E77E8); color: #fff; border: none; }
.ad-banner-navy h3 { color: var(--navy-800); }
.ad-banner-navy p { color: #3A4E66; opacity: 1; }
.ad-banner-navy .btn-ad { background: linear-gradient(135deg, #1455C9, #2E77E8); color: #fff; box-shadow: 0 6px 18px rgba(20, 85, 201, .32); }
/* 主题 dark：浅灰蓝底 */
.ad-banner-dark {
  background: linear-gradient(120deg, #F4F7FB 0%, #EEF3FA 100%);
  border: 1px solid rgba(18, 64, 155, .12);
}
.ad-banner-dark::before {
  background: radial-gradient(520px 300px at 82% -20%, rgba(46, 119, 232, .08), transparent 60%);
}
.ad-banner-dark .ad-banner-tag { background: rgba(18, 64, 155, .08); color: var(--navy-700); border: 1px solid rgba(18, 64, 155, .2); }
.ad-banner-dark h3 { color: #0B2E6B; }
.ad-banner-dark p { color: #3A4E66; opacity: 1; }
.ad-banner-dark .btn-ad { background: transparent; color: var(--navy-700); border: 1.5px solid rgba(18, 64, 155, .45); }
.ad-banner-dark .btn-ad:hover { background: rgba(18, 64, 155, .06); }
@media (max-width: 768px) {
  .ad-banner-img { width: 100%; height: 150px; }
  .ad-banner-body { padding: 22px 20px; gap: 12px; }
}

/* ==========================================================================
   视觉升级 v10 · 新闻卡片完整显示 + 广告位并排精致化 + 在线客服系统
   ========================================================================== */

/* ---------- 新闻卡片（文字完整显示 + 高级质感） ---------- */
.news-card { display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden; }
.news-card .cover { position: relative; display: block; overflow: hidden; background: #EAF1FB; }
.news-card .cover::after {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, transparent 60%, rgba(11, 46, 107, .18));
  opacity: 0; transition: opacity .3s ease;
}
.news-card:hover .cover::after { opacity: 1; }
.news-card .cover img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .5s ease; display: block; }
.news-card:hover .cover img { transform: scale(1.05); }
.nc-date {
  position: absolute; left: 16px; bottom: 14px; z-index: 2;
  display: inline-flex; align-items: baseline; gap: 4px;
  background: rgba(11, 46, 107, .82); color: #fff;
  padding: 5px 12px; border-radius: 100px; font-size: 12.5px; letter-spacing: 1px;
  backdrop-filter: blur(4px); border: 1px solid rgba(255, 255, 255, .28);
}
.nc-date b { font-size: 17px; font-weight: 800; color: var(--gold-l); }
.news-card .body {
  display: flex; flex-direction: column; flex: 1; padding: 22px 24px 24px;
}
.news-card .meta { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.news-card .tag {
  display: inline-block; font-size: 11.5px; font-weight: 700; letter-spacing: 1px;
  background: linear-gradient(135deg, rgba(20, 85, 201, .1), rgba(46, 119, 232, .12));
  color: var(--navy-700); border: 1px solid rgba(20, 85, 201, .16);
  border-radius: 100px; padding: 3px 12px;
}
.news-card time { font-size: 12.5px; color: var(--muted); letter-spacing: .5px; }
.news-card h3 { font-size: 17.5px; font-weight: 800; line-height: 1.55; color: var(--ink); margin-bottom: 10px; min-height: 54px; }
.news-card h3 a { color: inherit; transition: color .2s ease; }
.news-card h3 a:hover { color: var(--navy-600); }
.news-card h3, .news-card p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.news-card h3 { -webkit-line-clamp: 2; }
.news-card p { -webkit-line-clamp: 2; font-size: 13.5px; line-height: 1.75; color: var(--muted); min-height: 47px; margin-bottom: 14px; }
.news-card .go {
  margin-top: auto; align-self: flex-start;
  background: linear-gradient(135deg, rgba(20, 85, 201, .08), rgba(46, 119, 232, .1));
  color: var(--navy-700); border-radius: 100px; padding: 8px 16px;
  font-weight: 700; font-size: 13.5px; gap: 6px;
  transition: all .22s ease; display: inline-flex; align-items: center;
}
.news-card .go:hover {
  background: var(--gold-silk); color: var(--navy-900); gap: 10px;
  box-shadow: 0 6px 16px rgba(180, 139, 59, .35);
}
@media (max-width: 768px) {
  .news-card h3 { min-height: auto; }
  .news-card p { min-height: auto; }
}

/* ---------- 广告位 v10：桌面双列并排 + 精致细节 ---------- */
@media (min-width: 1024px) {
  .ad-banners[data-pos="home"] { grid-template-columns: 1fr 1fr; gap: 22px; }
  .ad-banners[data-pos="home"] .ad-banner-body { padding: 26px 28px; flex-direction: column; align-items: flex-start; gap: 16px; }
  .ad-banners[data-pos="home"] .ad-banner-img { width: 100%; height: 132px; }
  .ad-banners[data-pos="home"] .ad-banner .btn-ad { margin-top: 2px; }
}
.ad-banners[data-pos="home"] .ad-banner-txt h3 { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.ad-banners[data-pos="home"] .ad-banner-txt p { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.ad-banner { border: 1px solid rgba(18, 64, 155, .10); }
.ad-banner .ad-banner-tag { font-weight: 800; }
.ad-banner-txt h3 { font-size: 19px; line-height: 1.45; }
.ad-banner-txt p { font-size: 13.5px; }

/* ---------- 在线客服（悬浮按钮 + 面板） ---------- */
.chat-fab {
  position: fixed; right: 26px; bottom: 26px; z-index: 90;
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #1455C9, #2E77E8);
  color: #fff; border: none; cursor: pointer;
  padding: 12px 20px; border-radius: 100px;
  font-size: 14.5px; font-weight: 700; letter-spacing: .5px;
  box-shadow: 0 10px 26px rgba(20, 85, 201, .4), inset 0 1px 0 rgba(255, 255, 255, .25);
  transition: transform .25s ease, box-shadow .25s ease;
}
.chat-fab:hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(20, 85, 201, .5); }
.chat-fab.on { background: #fff; color: var(--navy-700); border: 1px solid rgba(20, 85, 201, .25); box-shadow: 0 10px 26px rgba(18, 64, 155, .22); }
.chat-fab svg { flex-shrink: 0; }
.chat-panel {
  position: fixed; right: 26px; bottom: 86px; z-index: 91;
  width: 370px; max-width: calc(100vw - 36px);
  display: flex; flex-direction: column;
  max-height: calc(100vh - 116px);
  background: #fff; border-radius: 18px; overflow: hidden;
  box-shadow: 0 24px 60px rgba(11, 46, 107, .28);
  border: 1px solid rgba(18, 64, 155, .12);
  opacity: 0; visibility: hidden; transform: translateY(14px);
  transition: opacity .28s ease, transform .28s ease, visibility .28s;
}
.chat-panel.open { opacity: 1; visibility: visible; transform: translateY(0); }
.chat-head {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 18px;
  background: linear-gradient(135deg, #1455C9, #2E77E8);
  color: #fff; flex-shrink: 0;
}
.chat-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, .55); flex-shrink: 0; }
.chat-avatar-txt {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--gold-silk); color: var(--navy-900); font-weight: 800; font-size: 18px;
}
.chat-head-info { flex: 1; min-width: 0; }
.chat-head-info b { display: block; font-size: 15px; font-weight: 800; }
.chat-online { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; opacity: .9; margin-top: 2px; }
.chat-online i { width: 7px; height: 7px; border-radius: 50%; background: #7CFF9B; box-shadow: 0 0 8px rgba(124, 255, 155, .9); }
.chat-close {
  width: 30px; height: 30px; border-radius: 50%; border: none; cursor: pointer;
  background: rgba(255, 255, 255, .14); color: #fff; display: inline-flex; align-items: center; justify-content: center;
  transition: background .2s;
}
.chat-close:hover { background: rgba(255, 255, 255, .28); }
.chat-body {
  height: 360px; min-height: 300px; flex: 1 1 auto;
  overflow-y: auto; padding: 16px;
  background: linear-gradient(180deg, #F5F9FF, #FBFCFE);
  display: flex; flex-direction: column; gap: 10px;
}
.chat-msg { display: flex; flex-shrink: 0; }
.chat-msg-bot { justify-content: flex-start; }
.chat-msg-user { justify-content: flex-end; }
.chat-bubble {
  max-width: 88%; padding: 10px 14px; border-radius: 14px;
  background: #fff; color: var(--ink); font-size: 13.5px; line-height: 1.65;
  border: 1px solid rgba(18, 64, 155, .1); box-shadow: 0 2px 10px rgba(18, 64, 155, .06);
  overflow: hidden;
}
.chat-msg-bot:first-child .chat-bubble { display: block; overflow: visible; }
.chat-msg-bot .chat-bubble { border-bottom-left-radius: 4px; }
.chat-bubble-user {
  background: linear-gradient(135deg, #1455C9, #2E77E8); color: #fff;
  border: none; border-bottom-right-radius: 4px;
}
.chat-bubble-a { background: linear-gradient(135deg, #EFF6FF, #FBF6EA); border-color: rgba(214, 178, 98, .3); overflow: visible; }
.chat-bubble-faq { background: #fff; width: 100%; max-width: 100%; overflow: visible; }
.chat-faq-title { font-size: 13px; font-weight: 700; color: var(--navy-800); margin-bottom: 8px; }
.chat-faq {
  display: block; width: 100%; text-align: left; cursor: pointer;
  background: #F4F8FD; color: var(--navy-700);
  border: 1px solid rgba(18, 64, 155, .12); border-radius: 9px;
  padding: 8px 12px; margin-bottom: 7px; font-size: 13px; line-height: 1.4;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: all .2s ease;
}
.chat-faq:hover { border-color: var(--gold); background: #FDFAF2; transform: translateX(2px); }
.chat-form { padding: 14px 16px 16px; border-top: 1px solid var(--line); background: #fff; flex-shrink: 0; }
.chat-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.chat-form input, .chat-form textarea {
  width: 100%; border: 1px solid var(--line); border-radius: 10px;
  padding: 10px 12px; font-size: 13.5px; font-family: inherit; background: #F8FAFD; color: var(--ink);
  transition: border-color .2s, box-shadow .2s;
}
.chat-form input:focus, .chat-form textarea:focus { outline: none; border-color: var(--navy-600); box-shadow: 0 0 0 3px rgba(46, 119, 232, .12); background: #fff; }
.chat-form textarea { height: 62px; resize: none; margin-bottom: 10px; }
.chat-form-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.chat-contacts { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted); line-height: 1.5; }
.chat-contacts span { display: inline-flex; align-items: center; gap: 5px; }
.chat-send { border: none; cursor: pointer; padding: 10px 18px; font-size: 13.5px; border-radius: 100px; }
.chat-qrcode { display: flex; align-items: center; gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--line); }
.chat-qrcode img { width: 64px; height: 64px; border-radius: 10px; object-fit: cover; border: 1px solid var(--line); }
.chat-qrcode span { font-size: 12.5px; color: var(--muted); }
@media (max-width: 640px) {
  .chat-fab { right: 16px; bottom: 16px; padding: 10px 16px; font-size: 13.5px; }
  .chat-panel { right: 12px; bottom: 72px; left: 12px; width: auto; max-width: none; max-height: calc(100vh - 88px); }
  .chat-body { height: 320px; min-height: 280px; }
}

/* ===== v15 客服面板重新排版：紧凑 + 板块分明 + 全部文字完整 ===== */
.chat-panel { width: 340px; border-radius: 16px; }
.chat-head { padding: 12px 16px; gap: 10px; }
.chat-avatar { width: 38px; height: 38px; }
.chat-head-info b { font-size: 14px; }
.chat-online { font-size: 11.5px; margin-top: 1px; }
.chat-close { width: 26px; height: 26px; }
.chat-body {
  height: 262px; min-height: 240px; padding: 12px 14px; gap: 8px;
  background: linear-gradient(180deg, #F3F8FF, #FAFBFE);
}
.chat-bubble { max-width: 92%; font-size: 13px; line-height: 1.6; padding: 8px 12px; }
.chat-bubble-faq {
  padding: 10px 12px;
  background: linear-gradient(135deg, #F0F6FF, #FDFAF2);
  border: 1px solid rgba(20, 85, 201, .12);
  border-radius: 12px;
  counter-reset: faq;
}
.chat-faq-title { font-size: 12.5px; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
.chat-faq-title::before {
  content: ""; width: 4px; height: 14px; border-radius: 2px;
  background: linear-gradient(180deg, #D6B262, #B08D3A);
}
.chat-faq { padding: 6px 10px; margin-bottom: 6px; font-size: 12.5px; border-radius: 8px; counter-increment: faq; }
.chat-faq:last-child { margin-bottom: 0; }
.chat-faq::before {
  content: counter(faq, decimal-leading-zero);
  font-size: 10px; font-weight: 800; color: var(--gold);
  background: #FDF6E3; border-radius: 5px; padding: 1px 5px; margin-right: 7px;
  vertical-align: 1px;
}
.chat-form { padding: 10px 14px 14px; }
.chat-form input, .chat-form textarea { padding: 8px 11px; font-size: 13px; border-radius: 9px; }
.chat-form textarea { height: 52px; margin-bottom: 8px; }
.chat-form-row { gap: 8px; margin-bottom: 8px; }
.chat-send { padding: 9px 16px; font-size: 13px; }
.chat-contacts { font-size: 11.5px; gap: 3px; }
@media (max-width: 640px) {
  .chat-panel { left: 12px; right: 12px; width: auto; }
  .chat-body { height: 300px; min-height: 270px; }
}

/* ===== v16 客服面板：可拖拽（按住头部移动，位置记忆） ===== */
.chat-head { cursor: grab; user-select: none; -webkit-user-select: none; touch-action: none; }
.chat-panel.dragging { transition: none; box-shadow: 0 30px 70px rgba(11, 46, 107, .42); }
.chat-panel.dragging .chat-head { cursor: grabbing; }
.chat-drag-hint {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 7px; flex-shrink: 0;
  color: rgba(255, 255, 255, .75); margin-right: 2px;
  transition: background .2s, color .2s;
}
.chat-head:hover .chat-drag-hint { background: rgba(255, 255, 255, .14); color: #fff; }

/* ===== v17 横幅广告重做排版：首条全宽大横幅 + 其余并排放大 ===== */
@media (min-width: 1024px) {
  .ad-banners[data-pos="home"] { grid-template-columns: 1fr 1fr; gap: 24px; }
  .ad-banners[data-pos="home"] .ad-banner { border-radius: 18px; }
  .ad-banners[data-pos="home"] .ad-banner:first-child {
    grid-column: 1 / -1; position: relative; overflow: hidden;
    display: block; height: 330px;
  }
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-img {
    position: absolute; left: 0; top: 0; width: 44%; height: 100%;
    border-radius: 0; margin: 0; display: block; object-fit: cover;
  }
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-body {
    margin-left: 44%; height: 100%;
    display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
    padding: 34px 44px; gap: 14px; box-sizing: border-box;
  }
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-txt h3 { font-size: 30px; line-height: 1.4; }
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-txt p { font-size: 16px; }
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-txt h3 { font-size: 30px; line-height: 1.4; }
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-txt p { font-size: 16px; }
  .ad-banners[data-pos="home"] .ad-banner:first-child .btn-ad { padding: 13px 26px; font-size: 15.5px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-img { height: 190px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-body { padding: 26px 28px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-txt h3 { font-size: 22px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-txt p { font-size: 14.5px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .btn-ad { padding: 10px 18px; font-size: 14px; }
}
@media (max-width: 767px) {
  .ad-banners[data-pos="home"] { grid-template-columns: 1fr; gap: 18px; }
  .ad-banners[data-pos="home"] .ad-banner:first-child { display: block; min-height: 0; }
  .ad-banners[data-pos="home"] .ad-banner-img { height: 160px; }
  .ad-banners[data-pos="home"] .ad-banner-body { padding: 20px 22px; }
  .ad-banners[data-pos="home"] .ad-banner-txt h3 { font-size: 19px; }
  .ad-banners[data-pos="home"] .ad-banner-txt p { font-size: 13.5px; }
}

/* ===== v19 横幅排版充实：首条更饱满大气、区域留白收紧 ===== */
.ad-banners { padding: 20px 0 4px; }
.quick-nav { margin-top: -10px; }
@media (min-width: 1024px) {
  .ad-banners[data-pos="home"] .ad-banner:first-child { height: 350px; }
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-img { width: 40%; }
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-body {
    margin-left: 40%; padding: 42px 52px; gap: 18px;
  }
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-txt h3 { font-size: 33px; line-height: 1.42; }
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-txt p { font-size: 17px; line-height: 1.7; }
  .ad-banners[data-pos="home"] .ad-banner:first-child .btn-ad { padding: 15px 32px; font-size: 16.5px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) { min-height: 230px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-img { height: 210px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-body { padding: 28px 30px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-txt h3 { font-size: 23px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-txt p { font-size: 15px; }
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .btn-ad { padding: 11px 20px; font-size: 14.5px; }
}

/* ===== v21 快速入口改造为广告栏 + 与横幅拉开间距 ===== */
.quick-nav { margin-top: 52px; }
.quick-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
  background: linear-gradient(120deg, #EAF2FF 0%, #F6F2E8 55%, #FBF5EA 100%);
  border: 1px solid rgba(18, 64, 155, .14); border-radius: 18px;
  padding: 16px; box-shadow: 0 14px 36px rgba(18, 64, 155, .12);
}
.quick-item {
  background: #fff; border: 1px solid rgba(18, 64, 155, .10); border-radius: 13px;
  box-shadow: 0 2px 8px rgba(10, 29, 60, .04);
  padding: 18px 16px; display: flex; gap: 12px; align-items: center;
  transition: all .25s ease;
}
.quick-item:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(18, 64, 155, .15); border-color: rgba(214, 178, 98, .65); }
.quick-item .qi-ic {
  width: 44px; height: 44px; border-radius: 11px; flex-shrink: 0;
  background: linear-gradient(135deg, #1455C9, #2E77E8); color: #fff;
  display: flex; align-items: center; justify-content: center;
  border: none; box-shadow: 0 4px 10px rgba(20, 85, 201, .30);
}
.quick-item b { display: block; font-size: 15.5px; color: #10294E; margin-bottom: 2px; }
.quick-item span { font-size: 12.5px; color: #5A6B82; }

/* ===== v22 全站壁纸轮换：壁纸生效后内容区块半透明白，透出壁纸层次 ===== */
body { background: linear-gradient(160deg, #EEF4FC 0%, #F8F5EC 100%); }
body.wall-on .section { background: rgba(255, 255, 255, .82); }
body.wall-on .section-soft { background: rgba(241, 246, 254, .80); }
body.wall-on .section-warm { background: rgba(251, 247, 238, .82); }
body.wall-on .page-body { background: rgba(255, 255, 255, .82); }
body.wall-on .banner { background: rgba(10, 29, 60, .96); }

/* ===== v20 横幅：每行四格网格、数量不限、去掉首条大横幅（与其余统一） ===== */
.ad-banners[data-pos="home"] { grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 20px 0 4px; }
.ad-banners[data-pos="home"] .ad-banner { display: flex; flex-direction: column; min-height: 0; border-radius: 16px; }
.ad-banners[data-pos="home"] .ad-banner:first-child { grid-column: auto; height: auto; }
.ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-img {
  position: static; width: 100%; height: 120px; min-height: 0;
}
.ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-body {
  margin-left: 0; height: auto; padding: 18px 20px; gap: 10px;
}
.ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-txt h3 { font-size: 17px; line-height: 1.45; }
.ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-txt p { font-size: 13px; line-height: 1.6; }
.ad-banners[data-pos="home"] .ad-banner:first-child .btn-ad { padding: 9px 16px; font-size: 13.5px; }
.ad-banners[data-pos="home"] .ad-banner-img { width: 100%; height: 120px; border-radius: 0; }
.ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-img { height: 120px; }
.ad-banners[data-pos="home"] .ad-banner-body {
  flex-direction: column; align-items: flex-start; padding: 18px 20px; gap: 10px;
}
.ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-body { padding: 18px 20px; gap: 10px; }
.ad-banners[data-pos="home"] .ad-banner-txt h3 { font-size: 17px; line-height: 1.45; }
.ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-txt h3 { font-size: 17px; line-height: 1.45; }
.ad-banners[data-pos="home"] .ad-banner-txt p { font-size: 13px; line-height: 1.6; }
.ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-txt p { font-size: 13px; line-height: 1.6; }
.ad-banners[data-pos="home"] .btn-ad { padding: 9px 16px; font-size: 13.5px; }
.ad-banners[data-pos="home"] .ad-banner:not(:first-child) .btn-ad { padding: 9px 16px; font-size: 13.5px; }
.ad-banners[data-pos="home"] .ad-banner:not(:first-child) { min-height: 0; }
@media (min-width: 768px) and (max-width: 1023px) {
  .ad-banners[data-pos="home"] { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 767px) {
  .ad-banners[data-pos="home"] { grid-template-columns: 1fr; gap: 18px; }
  .ad-banners[data-pos="home"] .ad-banner-img,
  .ad-banners[data-pos="home"] .ad-banner:first-child .ad-banner-img,
  .ad-banners[data-pos="home"] .ad-banner:not(:first-child) .ad-banner-img { height: 170px; }
  .ad-banners[data-pos="home"] .ad-banner-body { padding: 20px 22px; }
  .ad-banners[data-pos="home"] .ad-banner-txt h3 { font-size: 19px; }
  .ad-banners[data-pos="home"] .ad-banner-txt p { font-size: 13.5px; }
}

/* ===== v23 全站壁纸轮换：8 套高端背景方案，每次刷新随机换一套 ===== */
body.wall-1 {
  background: radial-gradient(1100px 620px at 85% -12%, rgba(214, 178, 98, .17), transparent 55%),
              radial-gradient(700px 400px at 8% 108%, rgba(255, 255, 255, .06), transparent 55%),
              linear-gradient(160deg, #0A1D3C 0%, #10294E 40%, #1B4B8C 100%);
  background-attachment: fixed;
}
body.wall-2 {
  background: radial-gradient(900px 520px at 12% 112%, rgba(43, 111, 224, .15), transparent 55%),
              radial-gradient(700px 420px at 88% -10%, rgba(214, 178, 98, .16), transparent 55%),
              linear-gradient(155deg, #EAF2FF 0%, #F7F5EC 60%, #FDF8EC 100%);
  background-attachment: fixed;
}
body.wall-3 {
  background: radial-gradient(2.2px 2.2px at 20% 30%, rgba(255, 255, 255, .95), transparent 40%),
              radial-gradient(2px 2px at 60% 70%, rgba(255, 255, 255, .85), transparent 40%),
              radial-gradient(1.8px 1.8px at 80% 25%, rgba(255, 255, 255, .8), transparent 40%),
              radial-gradient(3px 3px at 40% 85%, rgba(214, 178, 98, .9), transparent 40%),
              linear-gradient(160deg, #0B1F44 0%, #122E5C 50%, #204A8F 100%);
  background-attachment: fixed;
}
body.wall-4 {
  background: radial-gradient(820px 430px at 82% -20%, rgba(255, 255, 255, .24), transparent 55%),
              radial-gradient(600px 360px at 6% 110%, rgba(255, 255, 255, .12), transparent 55%),
              linear-gradient(135deg, #1D63D8 0%, #2E77E8 45%, #7FA8EE 100%);
  background-attachment: fixed;
}
body.wall-5 {
  background: radial-gradient(920px 520px at 18% -10%, rgba(214, 178, 98, .20), transparent 50%),
              radial-gradient(600px 400px at 92% 110%, rgba(255, 255, 255, .07), transparent 55%),
              linear-gradient(155deg, #10263F 0%, #17375E 50%, #274E86 100%);
  background-attachment: fixed;
}
body.wall-6 {
  background: radial-gradient(1000px 620px at 92% 112%, rgba(20, 85, 201, .20), transparent 60%),
              radial-gradient(600px 380px at 6% -8%, rgba(214, 178, 98, .16), transparent 55%),
              linear-gradient(160deg, #DCEAFD 0%, #F1F6FE 55%, #FBF7EC 100%);
  background-attachment: fixed;
}
body.wall-7 {
  background: radial-gradient(620px 620px at 30% 18%, rgba(214, 178, 98, .26), transparent 50%),
              radial-gradient(520px 520px at 76% 82%, rgba(20, 85, 201, .11), transparent 55%),
              linear-gradient(150deg, #F4EFE2 0%, #FBF8F0 55%, #EAF1FC 100%);
  background-attachment: fixed;
}
body.wall-8 {
  background: radial-gradient(920px 520px at 50% -12%, rgba(214, 178, 98, .22), transparent 50%),
              radial-gradient(640px 420px at 88% 112%, rgba(255, 255, 255, .08), transparent 55%),
              linear-gradient(165deg, #0D2148 0%, #16376B 50%, #1F57A8 100%);
  background-attachment: fixed;
}
body.wall-on .section { background: rgba(255, 255, 255, .88); }
body.wall-on .section-soft { background: rgba(241, 246, 254, .86); }
body.wall-on .section-warm { background: rgba(251, 247, 238, .88); }
body.wall-on .page-body { background: rgba(255, 255, 255, .88); }
body.wall-on .banner { background: rgba(10, 29, 60, .96); }
body.wall-on .footer { background: rgba(10, 29, 60, .97); }
@media (max-width: 767px) {
  body.wall-1, body.wall-2, body.wall-3, body.wall-4,
  body.wall-5, body.wall-6, body.wall-7, body.wall-8 { background-attachment: scroll; }
}



/* ============================================================
   v24 · 导航大气精修 + 移动端排版
   ============================================================ */
/* —— 导航 hover：浅蓝底 + 主色字 + 金色下划线（白底导航下清晰可见）—— */
.main-nav > a {
  padding: 8px 14px;
  border-radius: 8px;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.main-nav > a:hover {
  color: #1455C9 !important;
  background: rgba(20, 85, 201, .07);
  transform: translateY(-1px);
}
.main-nav > a.active { color: #1455C9 !important; font-weight: 700; }
.main-nav > a:hover::after, .main-nav > a.active::after { right: 0; }

/* —— 移动端汉堡按钮（白底导航下改为深蓝）—— */
.nav-toggle span { background: #10294E !important; }
.nav-toggle { border-radius: 8px; }
.nav-toggle:hover { background: rgba(20, 85, 201, .08); }

/* —— 移动端展开导航菜单 —— */
@media (max-width: 768px) {
  .main-nav {
    background: #FFFFFF !important;
    box-shadow: 0 18px 44px rgba(18, 64, 155, .18);
    border-top: 1px solid rgba(18, 64, 155, .12);
    padding: 6px 4%;
    animation: navDrop .28s ease;
  }
  @keyframes navDrop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
  .main-nav > a {
    color: #10294E;
    font-size: 16px;
    padding: 15px 6px;
    border-bottom: 1px solid rgba(18, 64, 155, .08);
    border-radius: 0;
  }
  .main-nav > a:hover {
    background: rgba(20, 85, 201, .06);
    color: #1455C9;
    transform: none;
  }
  .main-nav > a.active { color: #1455C9; background: rgba(20, 85, 201, .05); }
}

/* —— 手机端快速入口卡片：单列大卡片 —— */
@media (max-width: 768px) {
  .quick-grid { grid-template-columns: 1fr; gap: 14px; }
  .quick-item { padding: 20px 18px; gap: 14px; }
  .quick-item .qi-ic { width: 50px; height: 50px; border-radius: 13px; }
  .quick-item b { font-size: 16.5px; margin-bottom: 4px; }
  .quick-item span { font-size: 14px; line-height: 1.6; }
}

/* —— 手机端首屏与按钮 —— */
@media (max-width: 640px) {
  .banner { height: 470px; }
  .banner-content h1 { font-size: 30px; }
  .banner-content .lead { font-size: 15.5px; line-height: 1.75; max-width: 92%; }
  .btn { font-size: 14.5px; padding: 12px 20px; }
  .quick-nav { margin-top: -8px; }
}

/* ============================================================
   v25 · 3D 全景壁纸轮换（每次刷新随机一张）+ 板块高级配色
   ============================================================ */
body.wall-1 { background: linear-gradient(180deg, rgba(6,20,45,.80) 0%, rgba(9,28,60,.62) 100%), url('/assets/img/3d/3d-1.jpg') center center / cover no-repeat fixed; }
body.wall-2 { background: linear-gradient(180deg, rgba(6,20,45,.80) 0%, rgba(9,28,60,.62) 100%), url('/assets/img/3d/3d-2.jpg') center center / cover no-repeat fixed; }
body.wall-3 { background: linear-gradient(180deg, rgba(6,20,45,.80) 0%, rgba(9,28,60,.62) 100%), url('/assets/img/3d/3d-3.jpg') center center / cover no-repeat fixed; }
body.wall-4 { background: linear-gradient(180deg, rgba(6,20,45,.80) 0%, rgba(9,28,60,.62) 100%), url('/assets/img/3d/3d-4.jpg') center center / cover no-repeat fixed; }
body.wall-5 { background: linear-gradient(180deg, rgba(6,20,45,.80) 0%, rgba(9,28,60,.62) 100%), url('/assets/img/3d/3d-5.jpg') center center / cover no-repeat fixed; }
body.wall-6 { background: linear-gradient(180deg, rgba(6,20,45,.80) 0%, rgba(9,28,60,.62) 100%), url('/assets/img/3d/3d-6.jpg') center center / cover no-repeat fixed; }
body.wall-7 { background: linear-gradient(180deg, rgba(6,20,45,.80) 0%, rgba(9,28,60,.62) 100%), url('/assets/img/3d/3d-7.jpg') center center / cover no-repeat fixed; }
body.wall-8 { background: linear-gradient(180deg, rgba(6,20,45,.80) 0%, rgba(9,28,60,.62) 100%), url('/assets/img/3d/3d-8.jpg') center center / cover no-repeat fixed; }

/* 内容区透出壁纸层次 */
body.wall-on .section { background: rgba(255,255,255,.92); }
body.wall-on .section-soft { background: rgba(241,246,254,.90); }
body.wall-on .section-warm { background: rgba(251,247,238,.92); }
body.wall-on .page-body { background: rgba(255,255,255,.92); }
body.wall-on .footer { background: rgba(10,29,60,.97); }

/* 首屏 Banner 与壁纸联动（同一张 3D 图） */
body.wall-1 .banner { background-image: linear-gradient(100deg, rgba(8,32,84,.90) 0%, rgba(15,62,150,.62) 48%, rgba(30,90,200,.20) 100%), url('/assets/img/3d/3d-1.jpg'); background-size: cover; background-position: center; }
body.wall-2 .banner { background-image: linear-gradient(100deg, rgba(8,32,84,.90) 0%, rgba(15,62,150,.62) 48%, rgba(30,90,200,.20) 100%), url('/assets/img/3d/3d-2.jpg'); background-size: cover; background-position: center; }
body.wall-3 .banner { background-image: linear-gradient(100deg, rgba(8,32,84,.90) 0%, rgba(15,62,150,.62) 48%, rgba(30,90,200,.20) 100%), url('/assets/img/3d/3d-3.jpg'); background-size: cover; background-position: center; }
body.wall-4 .banner { background-image: linear-gradient(100deg, rgba(8,32,84,.90) 0%, rgba(15,62,150,.62) 48%, rgba(30,90,200,.20) 100%), url('/assets/img/3d/3d-4.jpg'); background-size: cover; background-position: center; }
body.wall-5 .banner { background-image: linear-gradient(100deg, rgba(8,32,84,.90) 0%, rgba(15,62,150,.62) 48%, rgba(30,90,200,.20) 100%), url('/assets/img/3d/3d-5.jpg'); background-size: cover; background-position: center; }
body.wall-6 .banner { background-image: linear-gradient(100deg, rgba(8,32,84,.90) 0%, rgba(15,62,150,.62) 48%, rgba(30,90,200,.20) 100%), url('/assets/img/3d/3d-6.jpg'); background-size: cover; background-position: center; }
body.wall-7 .banner { background-image: linear-gradient(100deg, rgba(8,32,84,.90) 0%, rgba(15,62,150,.62) 48%, rgba(30,90,200,.20) 100%), url('/assets/img/3d/3d-7.jpg'); background-size: cover; background-position: center; }
body.wall-8 .banner { background-image: linear-gradient(100deg, rgba(8,32,84,.90) 0%, rgba(15,62,150,.62) 48%, rgba(30,90,200,.20) 100%), url('/assets/img/3d/3d-8.jpg'); background-size: cover; background-position: center; }

/* 内页 Page Hero 与壁纸联动 */
body.wall-1 .page-hero { background-image: linear-gradient(120deg, rgba(9,32,84,.90) 0%, rgba(20,70,160,.74) 100%), url('/assets/img/3d/3d-1.jpg'); background-size: cover; background-position: center; }
body.wall-2 .page-hero { background-image: linear-gradient(120deg, rgba(9,32,84,.90) 0%, rgba(20,70,160,.74) 100%), url('/assets/img/3d/3d-2.jpg'); background-size: cover; background-position: center; }
body.wall-3 .page-hero { background-image: linear-gradient(120deg, rgba(9,32,84,.90) 0%, rgba(20,70,160,.74) 100%), url('/assets/img/3d/3d-3.jpg'); background-size: cover; background-position: center; }
body.wall-4 .page-hero { background-image: linear-gradient(120deg, rgba(9,32,84,.90) 0%, rgba(20,70,160,.74) 100%), url('/assets/img/3d/3d-4.jpg'); background-size: cover; background-position: center; }
body.wall-5 .page-hero { background-image: linear-gradient(120deg, rgba(9,32,84,.90) 0%, rgba(20,70,160,.74) 100%), url('/assets/img/3d/3d-5.jpg'); background-size: cover; background-position: center; }
body.wall-6 .page-hero { background-image: linear-gradient(120deg, rgba(9,32,84,.90) 0%, rgba(20,70,160,.74) 100%), url('/assets/img/3d/3d-6.jpg'); background-size: cover; background-position: center; }
body.wall-7 .page-hero { background-image: linear-gradient(120deg, rgba(9,32,84,.90) 0%, rgba(20,70,160,.74) 100%), url('/assets/img/3d/3d-7.jpg'); background-size: cover; background-position: center; }
body.wall-8 .page-hero { background-image: linear-gradient(120deg, rgba(9,32,84,.90) 0%, rgba(20,70,160,.74) 100%), url('/assets/img/3d/3d-8.jpg'); background-size: cover; background-position: center; }

/* 关键板块高级 3D 背景（固定搭配） */
.stats-bar, .stats-band { background-image: linear-gradient(120deg, rgba(7,24,51,.90) 0%, rgba(13,50,110,.86) 100%), url('/assets/img/3d/3d-4.jpg'); background-size: cover; background-position: center; }
.section-navy { background-image: linear-gradient(135deg, rgba(9,32,84,.93) 0%, rgba(18,60,140,.86) 100%), url('/assets/img/3d/3d-7.jpg'); background-size: cover; background-position: center; }
.cta-panel { background-image: linear-gradient(120deg, rgba(9,32,84,.92) 0%, rgba(20,70,160,.80) 100%), url('/assets/img/3d/3d-6.jpg'); background-size: cover; background-position: center; }

/* 移动端降级 */
@media (max-width: 768px) {
  body.wall-1, body.wall-2, body.wall-3, body.wall-4,
  body.wall-5, body.wall-6, body.wall-7, body.wall-8 { background-attachment: scroll; }
}

/* ============================================================
   v26 · 关键板块 3D 全景背景 + 高级配色
   ============================================================ */
/* 服务定位 #who（浅色 + 图） */
#who {
  background-image: linear-gradient(120deg, rgba(248,252,255,.95) 0%, rgba(255,255,255,.90) 100%), url('/assets/img/3d/3d-7.jpg');
  background-size: cover; background-position: center;
}
/* 渠道矩阵 #channels */
#channels {
  background-image: linear-gradient(120deg, rgba(248,252,255,.93) 0%, rgba(255,255,255,.90) 100%), url('/assets/img/3d/3d-4.jpg');
  background-size: cover; background-position: center;
}
/* 解决方案 #solve（深色 + 图） */
#solve {
  background-image: linear-gradient(115deg, rgba(7,24,51,.92) 0%, rgba(15,52,116,.86) 100%), url('/assets/img/3d/3d-1.jpg');
  background-size: cover; background-position: center;
}
#solve .sec-head h2 { background: none; -webkit-text-fill-color: #fff; color: #fff; }
#solve .sec-head p { color: rgba(255,255,255,.85); }
/* 合作案例 #cases（浅色 + 图） */
#cases {
  background-image: linear-gradient(120deg, rgba(248,252,255,.94) 0%, rgba(255,255,255,.90) 100%), url('/assets/img/3d/3d-3.jpg');
  background-size: cover; background-position: center;
}
/* WHY TRUST US #why（深色 3D + 白字） */
#why {
  background-image: linear-gradient(120deg, rgba(7,24,51,.94) 0%, rgba(16,54,120,.88) 55%, rgba(27,80,170,.82) 100%), url('/assets/img/3d/3d-2.jpg');
  background-size: cover; background-position: center;
}
/* 新闻动态 #news（深色 3D + 白字） */
#news {
  background-image: linear-gradient(115deg, rgba(8,26,58,.95) 0%, rgba(17,58,128,.90) 100%), url('/assets/img/3d/3d-5.jpg');
  background-size: cover; background-position: center;
}
#news .sec-head h2 { background: none; -webkit-text-fill-color: #fff; color: #fff; }
#news .sec-head p { color: rgba(255,255,255,.88); }
#news .sec-eyebrow { color: var(--gold-400); border-color: rgba(214,178,98,.6); background: rgba(214,178,98,.08); }
/* 常见问题 #faq（浅色 + 图） */
#faq {
  background-image: linear-gradient(120deg, rgba(248,252,255,.95) 0%, rgba(255,255,255,.92) 100%), url('/assets/img/3d/3d-8.jpg');
  background-size: cover; background-position: center;
}
/* 深色区内白卡与列表增强对比 */
#solve .service-card, #news .news-list-item { box-shadow: 0 14px 34px rgba(6,20,45,.22); }

/* ============================================================
   v27 · 会员自助广告栏 + 全站文字配色统一润色
   ============================================================ */
/* ---- 会员自助广告栏 ---- */
.mads-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 36px; }
.mads-item { display: flex; flex-direction: column; gap: 11px; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 16px 16px 18px; text-decoration: none; box-shadow: 0 10px 26px rgba(10,35,80,.07); transition: transform .2s, box-shadow .25s, border-color .2s; }
.mads-item:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(10,35,80,.15); border-color: rgba(20,85,201,.35); }
.mads-img { width: 100%; height: 112px; border-radius: 10px; overflow: hidden; background: linear-gradient(135deg, #e8eef7, #dbe5f2); display: flex; align-items: center; justify-content: center; }
.mads-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mads-noimg { font-size: 19px; font-weight: 900; letter-spacing: 4px; color: #9fb0cc; }
.mads-title { font-size: 15px; font-weight: 800; color: var(--ink); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mads-go { font-size: 13px; font-weight: 700; color: var(--navy-600); }
.mads-go::after { content: " →"; transition: transform .2s; display: inline-block; }
.mads-item:hover .mads-go::after { transform: translateX(4px); }
@media (max-width: 960px) { .mads-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } }
@media (max-width: 560px) { .mads-grid { grid-template-columns: 1fr; } .mads-img { height: 150px; } .mads-item { padding: 14px; } }

/* ---- 全站文字配色统一润色（v27） ---- */
/* 正文标题统一深蓝渐变，正文统一深蓝灰，链接统一品牌蓝 */
.article h2, .article h3, .page-body h2, .page-body h3, .article-title { color: var(--ink); letter-spacing: .5px; }
.article p, .article li, .page-body p, .page-body li { color: #33507e; line-height: 1.95; }
.article a, .page-body a { color: var(--navy-600); font-weight: 600; }
.article a:hover, .page-body a:hover { color: var(--gold-600); }
/* 列表项图标与强调色 */
.article strong, .page-body strong { color: var(--ink); }
/* 表单与区块内提示文字 */
.form-hint, .field-note, .sub { color: #7a8aa6; }
/* 卡片标题与日期微调 */
.card h3, .card h4 { color: var(--ink); }
.tag, .date-tag { background: rgba(20,85,201,.08); color: var(--navy-600); }
/* 面包屑与 hero 副标题 */
.page-hero p { color: rgba(255,255,255,.90); }
/* 表格行 hover（新闻/案例列表） */
.news-list-item:hover, .case-item:hover { background: #fff; }

/* ==========================================================
 * v28 多网站模板风格（后台一键切换）
 * body.theme-* 覆盖核心配色变量，全站即时生效
 * ========================================================== */
body.theme-tech-blue {
  --navy-900:#0B2E6B; --navy-800:#12409B; --navy-700:#1D57C8; --navy-600:#2B6FE0;
  --gold-500:#C9A24B; --gold-400:#D9B76A; --gold-100:#F3E9CF;
  --ink:#16263B; --ink-2:#3A4E66; --muted:#6B7C93; --bg-soft:#F1F6FE; --bg-navy:#12409B;
  background:#F1F6FE;
}
body.theme-royal-gold {
  --navy-900:#14203C; --navy-800:#1E2F5C; --navy-700:#2C4580; --navy-600:#3A5A9C;
  --gold-500:#C9962C; --gold-400:#E3B95C; --gold-100:#F6EBD2;
  --ink:#1A2136; --ink-2:#38405A; --muted:#7A86A3; --bg-soft:#F3EFE5; --bg-navy:#1E2F5C;
  background:#F3EFE5;
}
body.theme-emerald {
  --navy-900:#0A3B30; --navy-800:#0E5C4A; --navy-700:#147A63; --navy-600:#1E9B7E;
  --gold-500:#2FA37C; --gold-400:#4CC79B; --gold-100:#DFF3EA;
  --ink:#123029; --ink-2:#33544A; --muted:#5C7A6E; --bg-soft:#EDF7F2; --bg-navy:#0E5C4A;
  background:#EDF7F2;
}
body.theme-violet {
  --navy-900:#241A52; --navy-800:#3B2A7A; --navy-700:#4E3A9E; --navy-600:#6650C0;
  --gold-500:#7A5CF0; --gold-400:#9A82F5; --gold-100:#ECE6FB;
  --ink:#221A3E; --ink-2:#3C3559; --muted:#6F6A8F; --bg-soft:#F4F1FB; --bg-navy:#3B2A7A;
  background:#F4F1FB;
}
/* 深色板块文字保持白色 */
body.theme-royal-gold .section-navy, body.theme-emerald .section-navy, body.theme-violet .section-navy { color:rgba(255,255,255,.92); }
body.theme-royal-gold .section-navy .sec-head h2, body.theme-emerald .section-navy .sec-head h2, body.theme-violet .section-navy .sec-head h2 { color:#fff; }
/* 壁纸透出层统一深色渐变（按主题加深） */
body.theme-royal-gold.wall-on .section { background:rgba(20,32,60,.82); }
body.theme-emerald.wall-on .section { background:rgba(10,59,48,.82); }
body.theme-violet.wall-on .section { background:rgba(36,26,82,.82); }
/* 主按钮文字对比保障 */
body.theme-royal-gold .btn-gold, body.theme-emerald .btn-gold, body.theme-violet .btn-gold { color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.25); }
/* 广告栏发布者小字 */
.mads-pub { display:block; margin-top:6px; font-size:12px; color:#aab9d6; text-align:center; }
.mads-item:hover .mads-pub { color:#fff; }

/* ============================================================
 * v29 全新建模模板层（后台一键切换，排版/配色/UI 整体全新）
 * 主题：tech-blue 科技蓝(默认) · royal-gold 皇家金典藏 ·
 *       aurora-dark 暗夜极光 · pure-min 极简留白 · editorial 杂志风尚
 * 每套主题不只是换色：导航/首屏/卡片/标题装饰/按钮形态均不同
 * ============================================================ */

/* ---------- 皇家金 · 典藏（深蓝金，衬线，居中大排版） ---------- */
body.theme-royal-gold {
  --navy-900:#0E1526; --navy-800:#17213B; --navy-700:#243252; --navy-600:#32446C;
  --gold-500:#C9A24B; --gold-400:#E0BC6A; --gold-100:#F7EBD1;
  --ink:#141B2A; --ink-2:#37425C; --muted:#7B86A0; --bg-soft:#F7F2E6; --bg-navy:#17213B;
  background:#F7F2E6;
  font-family:"Georgia","Songti SC","SimSun","Noto Serif SC",serif;
}
body.theme-royal-gold .main-nav { background:linear-gradient(180deg,#10182B,#16233E); box-shadow:0 2px 24px rgba(14,21,38,.35); border-bottom:1px solid rgba(201,162,75,.35); }
body.theme-royal-gold .main-nav .brand,
body.theme-royal-gold .main-nav a { color:#EFE6CF; }
body.theme-royal-gold .main-nav nav a { letter-spacing:.14em; font-weight:600; }
body.theme-royal-gold .main-nav nav a.active { color:#E3B95C; border-bottom:2px solid #C9A24B; }
body.theme-royal-gold .banner { position:relative; }
body.theme-royal-gold .banner::before,
body.theme-royal-gold .banner::after { content:""; position:absolute; left:6%; right:6%; height:2px; background:linear-gradient(90deg,transparent,#C9A24B,transparent); z-index:5; }
body.theme-royal-gold .banner::before { top:0; }
body.theme-royal-gold .banner::after { bottom:0; }
body.theme-royal-gold .banner-content { text-align:center; }
body.theme-royal-gold .banner-eyebrow { font-size:13px; letter-spacing:.4em; color:#D9B76A; }
body.theme-royal-gold .banner-content h1, body.theme-royal-gold .banner-content h2 { font-family:inherit; font-weight:800; letter-spacing:.06em; }
body.theme-royal-gold .banner-ctas { justify-content:center; }
body.theme-royal-gold .btn-gold { background:linear-gradient(135deg,#C9A24B,#E3C078); color:#131A2B; border:1px solid #B8923E; box-shadow:0 8px 22px rgba(201,162,75,.35); letter-spacing:.1em; }
body.theme-royal-gold .btn-navy { background:transparent; color:#E8D9AE; border:1px solid rgba(201,162,75,.6); letter-spacing:.1em; }
body.theme-royal-gold .sec-head h2 { font-family:inherit; letter-spacing:.1em; position:relative; padding-bottom:14px; }
body.theme-royal-gold .sec-head h2::after { content:""; position:absolute; left:0; bottom:0; width:64px; height:3px; background:linear-gradient(90deg,#C9A24B,transparent); }
body.theme-royal-gold .sec-head.centered h2::after { left:50%; transform:translateX(-50%); }
body.theme-royal-gold .card { background:#FFFDF6; border:1px solid #E8D9AE; border-radius:4px; box-shadow:0 4px 0 rgba(201,162,75,.12); }
body.theme-royal-gold .card:hover { box-shadow:0 10px 24px rgba(201,162,75,.18); border-color:#C9A24B; }
body.theme-royal-gold .case-card, body.theme-royal-gold .news-card { background:#FFFDF6; border:1px solid #E8D9AE; border-radius:4px; }
body.theme-royal-gold .section { background:rgba(247,242,230,.94); }
body.theme-royal-gold .section-navy { background:linear-gradient(150deg,#0E1526,#1A2440); }
body.theme-royal-gold .metric-card, body.theme-royal-gold .stat-card { background:rgba(255,253,246,.9); border:1px solid #E8D9AE; border-radius:4px; }
body.theme-royal-gold .btn.btn-outline { border:1px solid #C9A24B; color:#8F6C1F; }
body.theme-royal-gold .footer { background:#0E1526; border-top:3px solid #C9A24B; }
body.theme-royal-gold .footer-bottom { border-top:1px solid rgba(201,162,75,.25); }
body.theme-royal-gold .lead-form, body.theme-royal-gold .cta-panel { border-radius:4px; }

/* ---------- 暗夜 · 极光（全站深色，玻璃拟态，霓虹发光） ---------- */
body.theme-aurora-dark {
  --navy-900:#070B1A; --navy-800:#0D1530; --navy-700:#16224A; --navy-600:#22336B;
  --gold-500:#6C8CFF; --gold-400:#8FA7FF; --gold-100:#DDE6FF;
  --ink:#E7EBF7; --ink-2:#AAB6D8; --muted:#7C89AD; --bg-soft:#0A1024; --bg-navy:#0D1530;
  background:#0A1024;
}
body.theme-aurora-dark .main-nav { background:rgba(7,11,26,.72); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid rgba(108,140,255,.18); }
body.theme-aurora-dark .main-nav .brand { background:linear-gradient(90deg,#6C8CFF,#9A82F5); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:900; }
body.theme-aurora-dark .main-nav nav a { color:#C6D2F0; }
body.theme-aurora-dark .main-nav nav a.active { color:#8FA7FF; box-shadow:inset 0 -2px 0 #6C8CFF; }
body.theme-aurora-dark .nav-cta .btn-gold { box-shadow:0 0 18px rgba(108,140,255,.5); }
body.theme-aurora-dark .banner { background:radial-gradient(1200px 600px at 75% 20%,rgba(108,140,255,.22),transparent 60%),radial-gradient(900px 500px at 20% 80%,rgba(154,130,245,.18),transparent 55%); }
body.theme-aurora-dark .banner-content h1, body.theme-aurora-dark .banner-content h2 { color:#F2F5FF; text-shadow:0 0 26px rgba(108,140,255,.65); }
body.theme-aurora-dark .banner-eyebrow { color:#8FA7FF; letter-spacing:.3em; }
body.theme-aurora-dark .btn-gold { background:linear-gradient(135deg,#6C8CFF,#9A82F5); color:#fff; border:none; box-shadow:0 6px 24px rgba(108,140,255,.45); }
body.theme-aurora-dark .btn-navy { background:rgba(108,140,255,.12); color:#C6D2F0; border:1px solid rgba(108,140,255,.4); backdrop-filter:blur(8px); }
body.theme-aurora-dark .card { background:rgba(22,34,74,.55); border:1px solid rgba(108,140,255,.22); border-radius:16px; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 8px 30px rgba(0,0,0,.35); }
body.theme-aurora-dark .card:hover { border-color:rgba(108,140,255,.55); box-shadow:0 10px 40px rgba(108,140,255,.25); }
body.theme-aurora-dark .case-card, body.theme-aurora-dark .news-card { background:rgba(22,34,74,.55); border:1px solid rgba(108,140,255,.22); border-radius:16px; }
body.theme-aurora-dark .sec-head h2 { color:#EEF2FF; }
body.theme-aurora-dark .sec-head h2::after { background:linear-gradient(90deg,#6C8CFF,transparent); }
body.theme-aurora-dark .section { background:transparent; }
body.theme-aurora-dark.wall-on .section { background:rgba(7,11,26,.55); }
body.theme-aurora-dark .section-navy { background:linear-gradient(150deg,#0D1530,#1B1A4A); }
body.theme-aurora-dark .metric-card, body.theme-aurora-dark .stat-card { background:rgba(22,34,74,.5); border:1px solid rgba(108,140,255,.25); border-radius:16px; }
body.theme-aurora-dark .metric-card .num { color:#8FA7FF; text-shadow:0 0 18px rgba(108,140,255,.5); }
body.theme-aurora-dark .btn.btn-outline { border:1px solid rgba(108,140,255,.5); color:#C6D2F0; }
body.theme-aurora-dark .footer { background:#070B1A; border-top:1px solid rgba(108,140,255,.25); }
body.theme-aurora-dark .footer-bottom { border-top:1px solid rgba(108,140,255,.15); }
body.theme-aurora-dark .lead-form { background:rgba(22,34,74,.6); border:1px solid rgba(108,140,255,.25); }
body.theme-aurora-dark .ad-topbar { background:linear-gradient(90deg,#141B3A,#2A2160); }

/* ---------- 极简 · 留白（纯白，超大字号，无框无影） ---------- */
body.theme-pure-min {
  --navy-900:#10161F; --navy-800:#1A2230; --navy-700:#2A344A; --navy-600:#3C4A68;
  --gold-500:#111111; --gold-400:#333333; --gold-100:#EDEDED;
  --ink:#11151B; --ink-2:#3D4654; --muted:#8A93A5; --bg-soft:#FFFFFF; --bg-navy:#10161F;
  background:#FFFFFF;
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;
}
body.theme-pure-min .main-nav { background:#fff; box-shadow:none; border-bottom:1px solid #EAEAEA; }
body.theme-pure-min .main-nav nav a { color:#333; font-weight:400; letter-spacing:.04em; }
body.theme-pure-min .main-nav nav a.active { color:#000; font-weight:700; border-bottom:2px solid #000; }
body.theme-pure-min .nav-cta .btn-gold { background:#000; color:#fff; border-radius:0; }
body.theme-pure-min .banner-content h1, body.theme-pure-min .banner-content h2 { font-size:clamp(34px,5.2vw,64px); font-weight:300; letter-spacing:.02em; color:#10161F; line-height:1.15; }
body.theme-pure-min .banner-eyebrow { font-size:12px; letter-spacing:.5em; color:#9AA2B0; }
body.theme-pure-min .banner-ctas { justify-content:center; }
body.theme-pure-min .btn-gold { background:transparent; color:#111; border:1.5px solid #111; border-radius:0; padding:14px 34px; letter-spacing:.2em; }
body.theme-pure-min .btn-gold:hover { background:#111; color:#fff; }
body.theme-pure-min .btn-navy { background:transparent; color:#555; border:1px solid #CCC; border-radius:0; padding:14px 34px; letter-spacing:.2em; }
body.theme-pure-min .card { background:#fff; border:none; border-bottom:1px solid #EDEDED; border-radius:0; box-shadow:none; }
body.theme-pure-min .card:hover { box-shadow:none; transform:none; }
body.theme-pure-min .case-card, body.theme-pure-min .news-card { background:#fff; border:1px solid #F0F0F0; border-radius:0; box-shadow:none; }
body.theme-pure-min .sec-head h2 { font-weight:300; letter-spacing:.2em; color:#10161F; }
body.theme-pure-min .sec-head h2::after { width:40px; height:2px; background:#111; }
body.theme-pure-min .section { background:#fff; }
body.theme-pure-min .section-alt { background:#FAFAFA; }
body.theme-pure-min .section-navy { background:#10161F; }
body.theme-pure-min .metric-card, body.theme-pure-min .stat-card { background:#fff; border:none; border-radius:0; box-shadow:none; }
body.theme-pure-min .metric-card .num { font-weight:300; font-size:56px; }
body.theme-pure-min .btn.btn-outline { border:1px solid #111; color:#111; border-radius:0; }
body.theme-pure-min .footer { background:#fff; border-top:1px solid #E5E5E5; color:#333; }
body.theme-pure-min .footer a { color:#333; }
body.theme-pure-min .footer-bottom { border-top:1px solid #EDEDED; }
body.theme-pure-min .lead-form { border:1px solid #E5E5E5; border-radius:0; box-shadow:none; }
body.theme-pure-min .ad-topbar { background:#111; }

/* ---------- 杂志 · 风尚（衬线大字，黑白，编号错落） ---------- */
body.theme-editorial {
  --navy-900:#0B0B0B; --navy-800:#171717; --navy-700:#262626; --navy-600:#3B3B3B;
  --gold-500:#B0450C; --gold-400:#D05A18; --gold-100:#F8E8DD;
  --ink:#101010; --ink-2:#333333; --muted:#777777; --bg-soft:#FBF8F2; --bg-navy:#171717;
  background:#FBF8F2;
  font-family:"Georgia","Times New Roman","Songti SC","SimSun",serif;
}
body.theme-editorial .main-nav { background:#0B0B0B; }
body.theme-editorial .main-nav .brand { font-family:inherit; letter-spacing:.18em; color:#fff; font-weight:700; }
body.theme-editorial .main-nav nav a { color:#E8E8E8; font-size:13px; letter-spacing:.12em; }
body.theme-editorial .main-nav nav a.active { color:#D05A18; }
body.theme-editorial .banner-content h1, body.theme-editorial .banner-content h2 { font-family:inherit; font-weight:900; letter-spacing:-.01em; font-size:clamp(30px,4.6vw,60px); line-height:1.12; }
body.theme-editorial .banner-eyebrow { font-size:12px; letter-spacing:.35em; color:#B0450C; text-transform:uppercase; }
body.theme-editorial .banner-content::before { content:"—"; display:block; font-size:26px; color:#B0450C; margin-bottom:8px; }
body.theme-editorial .btn-gold { background:#B0450C; color:#fff; border-radius:0; letter-spacing:.14em; }
body.theme-editorial .btn-navy { background:#0B0B0B; color:#fff; border-radius:0; letter-spacing:.14em; }
body.theme-editorial .sec-head h2 { font-family:inherit; font-weight:900; font-size:clamp(26px,3.4vw,40px); }
body.theme-editorial .sec-head h2::before { content:attr(data-no); font-size:.55em; color:#B0450C; margin-right:14px; vertical-align:middle; }
body.theme-editorial .card { background:#fff; border:1px solid #EDE6DC; border-radius:0; box-shadow:none; }
body.theme-editorial .card:hover { box-shadow:0 12px 28px rgba(16,16,16,.1); }
body.theme-editorial .case-card, body.theme-editorial .news-card { background:#fff; border:1px solid #EDE6DC; border-radius:0; box-shadow:none; }
body.theme-editorial .news-card .news-date { font-family:inherit; color:#B0450C; }
body.theme-editorial .section { background:#FBF8F2; }
body.theme-editorial .section-navy { background:#171717; }
body.theme-editorial .metric-card, body.theme-editorial .stat-card { background:#fff; border:1px solid #EDE6DC; border-radius:0; box-shadow:none; }
body.theme-editorial .metric-card .num { font-family:inherit; font-weight:900; color:#B0450C; }
body.theme-editorial .btn.btn-outline { border:1px solid #0B0B0B; color:#0B0B0B; border-radius:0; }
body.theme-editorial .footer { background:#0B0B0B; }
body.theme-editorial .footer-bottom { border-top:1px solid rgba(255,255,255,.15); }
body.theme-editorial .lead-form { border:1px solid #EDE6DC; border-radius:0; box-shadow:none; }
body.theme-editorial .ad-topbar { background:#171717; }

/* 深色主题通用：白字保障 */
body.theme-aurora-dark, body.theme-editorial { color:var(--ink); }
body.theme-aurora-dark .main-nav nav a, body.theme-editorial .main-nav nav a { color:#E8E8E8; }
body.theme-aurora-dark .nav-phone b { color:#C6D2F0; }

/* ============================================================
 * v31 主题系统彻底重构
 * 1) 导航排序修复：logo + 导航(弹性居中) + CTA + 汉堡，多断点收敛
 * 2) 顶部广告框：独立边框容器，不再两边空荡
 * 3) 五套主题全组件覆盖（导航/首屏/板块/卡片/快捷/表单/页脚/广告栏
 *    全部换排版，视觉差异拉满，不再只换颜色）
 * ============================================================ */

/* ---------- 导航结构修复（全主题生效） ---------- */
.site-header { position: relative; }
.site-header .inner { gap: 18px; }
.site-header .logo { flex: 0 0 auto; min-width: 0; }
.main-nav { flex: 1 1 auto; justify-content: center; gap: clamp(12px, 1.9vw, 30px); min-width: 0; padding: 0 6px; }
.main-nav > a { font-size: 14.5px; letter-spacing: .4px; white-space: nowrap; padding: 8px 2px; }
.nav-cta { flex: 0 0 auto; }
@media (max-width: 1160px) {
  .main-nav { gap: 14px; }
  .main-nav > a { font-size: 13.5px; }
  .nav-phone { display: none; }
}
@media (max-width: 992px) {
  .nav-cta { display: none; }
  .nav-toggle { display: flex; }
  .main-nav {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 90;
    flex-direction: column; align-items: stretch; gap: 0;
    padding: 8px 4%; display: none;
  }
  .main-nav.open { display: flex; }
  .main-nav > a { padding: 14px 6px; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 15px; }
  .site-header .inner { height: 64px; }
}
@media (min-width: 993px) { .nav-toggle { display: none; } }

/* ---------- 顶部广告框（边框化，不再两边空荡） ---------- */
.ad-topbar {
  position: relative; z-index: 60;
  background: linear-gradient(90deg, rgba(8,25,54,.96), rgba(12,38,78,.94));
  padding: 0 0; box-shadow: 0 2px 14px rgba(8,25,54,.25);
}
.ad-topbar-inner {
  max-width: 1180px; margin: 0 auto;
  display: flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 42px; padding: 7px 18px;
  border: 1px solid rgba(214,178,98,.35);
  border-top: none; border-radius: 0 0 12px 12px;
  position: relative;
}
.ad-topbar-inner::before {
  content: "AD"; position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
  font-size: 9.5px; font-weight: 900; letter-spacing: 1px; color: var(--gold-400);
  border: 1px solid rgba(214,178,98,.5); border-radius: 4px; padding: 1px 5px;
}
.ad-topbar-link { font-weight: 700; letter-spacing: .6px; display: inline-flex; align-items: center; gap: 8px; color: #fff; }
.ad-topbar-link::after { content: "›"; font-size: 17px; font-weight: 800; color: var(--gold-400); }

/* ---------- 五套主题 · 全组件覆盖 ---------- */

/* ========== 1) 科技蓝（默认 · 微调强化） ========== */
body.theme-tech-blue { --navy-900:#0B2E6B; --navy-800:#12409B; --navy-700:#1D57C8; --navy-600:#2B6FE0;
  --gold-500:#C9A24B; --gold-400:#D9B76A; --gold-100:#F3E9CF; --ink:#16263B; --ink-2:#3A4E66;
  --muted:#6B7C93; --bg-soft:#F1F6FE; --bg-navy:#12409B; background:#F1F6FE; }

/* ========== 2) 皇家金 · 典藏（深蓝鎏金 · 衬线 · 居中大排版） ========== */
body.theme-royal-gold {
  --navy-900:#0E1526; --navy-800:#17213B; --navy-700:#243252; --navy-600:#32446C;
  --gold-500:#C9A24B; --gold-400:#E0BC6A; --gold-100:#F7EBD1;
  --ink:#141B2A; --ink-2:#37425C; --muted:#7B86A0; --bg-soft:#F7F2E6; --bg-navy:#17213B;
  background:#F7F2E6;
  font-family:"Georgia","Songti SC","SimSun","Noto Serif SC",serif;
}
body.theme-royal-gold .site-header { background:linear-gradient(180deg,#10182B,#16233E); border-bottom:1px solid rgba(201,162,75,.4); }
body.theme-royal-gold .site-header::before { background:linear-gradient(90deg,transparent,#C9A24B,transparent); }
body.theme-royal-gold .logo-text strong { background:none; -webkit-text-fill-color:#EFE6CF; color:#EFE6CF; }
body.theme-royal-gold .logo-text span { color:rgba(239,230,207,.6); }
body.theme-royal-gold .logo-mark { background:linear-gradient(135deg,#E3C078,#B8923E); box-shadow:0 4px 14px rgba(201,162,75,.45); }
body.theme-royal-gold .main-nav > a { color:#E8D9AE; letter-spacing:.14em; font-weight:600; }
body.theme-royal-gold .main-nav > a.active { color:#E3B95C; text-shadow:none; }
body.theme-royal-gold .main-nav > a::after { background:#C9A24B; height:2px; box-shadow:none; }
body.theme-royal-gold .nav-cta .btn-gold { background:linear-gradient(135deg,#C9A24B,#E3C078); color:#131A2B; border:1px solid #B8923E; box-shadow:0 6px 18px rgba(201,162,75,.4); letter-spacing:.1em; }
body.theme-royal-gold .ad-topbar { background:linear-gradient(90deg,#10182B,#1A2440); }
body.theme-royal-gold .ad-topbar-inner { border-color:rgba(201,162,75,.45); }
/* 首屏：居中 + 上下金线 */
body.theme-royal-gold .banner::before { background:radial-gradient(820px 420px at 50% 30%, rgba(201,162,75,.18), transparent 62%); }
body.theme-royal-gold .banner::after { height:2px; background:linear-gradient(90deg,transparent,#C9A24B,transparent); }
body.theme-royal-gold .banner-content { text-align:center; align-items:center; }
body.theme-royal-gold .banner-eyebrow { font-size:12.5px; letter-spacing:.45em; color:#D9B76A; }
body.theme-royal-gold .banner-content h1, body.theme-royal-gold .banner-content h2 { font-family:inherit; font-weight:800; letter-spacing:.06em; }
body.theme-royal-gold .banner-content .lead { margin-left:auto; margin-right:auto; }
body.theme-royal-gold .banner-ctas { justify-content:center; }
body.theme-royal-gold .banner-ctas .btn-navy { background:transparent; color:#E8D9AE; border:1px solid rgba(201,162,75,.6); }
/* 板块标题：衬线 + 金线 */
body.theme-royal-gold .sec-eyebrow { color:#B8923E; }
body.theme-royal-gold .sec-eyebrow::before, body.theme-royal-gold .sec-eyebrow::after { background:#C9A24B; }
body.theme-royal-gold .sec-head h2 { font-family:inherit; background:none; -webkit-text-fill-color:#141B2A; color:#141B2A; letter-spacing:.1em; }
body.theme-royal-gold .sec-head h2::after { background:linear-gradient(90deg,#C9A24B,transparent); box-shadow:none; }
body.theme-royal-gold .sec-head.center h2::after { background:linear-gradient(90deg,transparent,#C9A24B,transparent); }
body.theme-royal-gold .section-soft { background:#F7F2E6; }
body.theme-royal-gold .section-warm { background:#FBF4E2; }
body.theme-royal-gold .section-navy { background:linear-gradient(150deg,#0E1526,#1A2440); }
/* 卡片：米白描金直角 */
body.theme-royal-gold .card { background:#FFFDF6; border:1px solid #E8D9AE; border-radius:4px; box-shadow:0 4px 0 rgba(201,162,75,.10); }
body.theme-royal-gold .card::before { background:linear-gradient(90deg,#C9A24B,transparent); height:2px; left:0; right:auto; width:56px; }
body.theme-royal-gold .card:hover { border-color:#C9A24B; box-shadow:0 10px 24px rgba(201,162,75,.16); }
body.theme-royal-gold .quick-nav { background:transparent; }
body.theme-royal-gold .quick-item { background:#FFFDF6; border:1px solid #E8D9AE; border-radius:4px; }
body.theme-royal-gold .quick-item .qi-ic { background:linear-gradient(135deg,#E3C078,#B8923E); color:#131A2B; }
body.theme-royal-gold .quick-item:hover { border-color:#C9A24B; }
body.theme-royal-gold .quick-item b { color:#141B2A; }
body.theme-royal-gold .stats-grid .num, body.theme-royal-gold .stat .num { font-family:inherit; font-weight:800; }
body.theme-royal-gold .stat { color:#E8D9AE; }
body.theme-royal-gold .stat .num { color:#E3B95C; }
body.theme-royal-gold .split-content h3, body.theme-royal-gold .card h3 { color:#141B2A; }
body.theme-royal-gold .trust-item h4 { color:#fff; }
body.theme-royal-gold .step-icon { background:linear-gradient(135deg,#C9A24B,#8A6A1F); color:#131A2B; }
body.theme-royal-gold .lead-form { background:#FFFDF6; border:1px solid #E8D9AE; border-radius:4px; box-shadow:0 8px 26px rgba(201,162,75,.14); }
body.theme-royal-gold .form-control { border-color:#E2D6B4; border-radius:4px; }
body.theme-royal-gold .form-control:focus { border-color:#C9A24B; box-shadow:0 0 0 3px rgba(201,162,75,.16); }
body.theme-royal-gold .btn-primary { background:linear-gradient(135deg,#C9A24B,#B8923E); color:#131A2B; border-radius:4px; }
body.theme-royal-gold .btn-outline { border-color:#C9A24B; color:#8F6C1F; }
body.theme-royal-gold .footer { background:#0E1526; border-top:3px solid #C9A24B; }
body.theme-royal-gold .footer-bottom { border-top:1px solid rgba(201,162,75,.25); }
body.theme-royal-gold .footer a { color:#C9B07E; }
body.theme-royal-gold .case-card, body.theme-royal-gold .news-card, body.theme-royal-gold .channel-card, body.theme-royal-gold .contact-card { background:#FFFDF6; border:1px solid #E8D9AE; border-radius:4px; }
body.theme-royal-gold .ad-banners .ad-banner { border-color:#E8D9AE; border-radius:4px; }
body.theme-royal-gold .page-hero { background:linear-gradient(150deg,#0E1526,#1A2440); }

/* ========== 3) 暗夜 · 极光（全站深色 · 玻璃 · 霓虹） ========== */
body.theme-aurora-dark {
  --navy-900:#070B1A; --navy-800:#0D1530; --navy-700:#16224A; --navy-600:#22336B;
  --gold-500:#6C8CFF; --gold-400:#8FA7FF; --gold-100:#DDE6FF;
  --ink:#E7EBF7; --ink-2:#AAB6D8; --muted:#7C89AD; --bg-soft:#0A1024; --bg-navy:#0D1530;
  background:#0A1024;
}
body.theme-aurora-dark .site-header { background:rgba(7,11,26,.78); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid rgba(108,140,255,.22); }
body.theme-aurora-dark .site-header::before { background:linear-gradient(90deg,transparent,rgba(108,140,255,.5),transparent); }
body.theme-aurora-dark .logo-text strong { background:linear-gradient(90deg,#fff,#8FA7FF); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
body.theme-aurora-dark .logo-text span { color:rgba(198,210,240,.6); }
body.theme-aurora-dark .logo-mark { background:linear-gradient(135deg,#6C8CFF,#9A82F5); color:#fff; box-shadow:0 4px 16px rgba(108,140,255,.5); }
body.theme-aurora-dark .main-nav > a { color:#C6D2F0; }
body.theme-aurora-dark .main-nav > a.active { color:#8FA7FF; text-shadow:0 0 14px rgba(108,140,255,.5); }
body.theme-aurora-dark .main-nav > a::after { background:#6C8CFF; box-shadow:0 0 10px rgba(108,140,255,.8); }
body.theme-aurora-dark .nav-cta .btn-gold { background:linear-gradient(135deg,#6C8CFF,#9A82F5); color:#fff; box-shadow:0 6px 22px rgba(108,140,255,.5); }
body.theme-aurora-dark .ad-topbar { background:linear-gradient(90deg,#0D1530,#1B1A4A); }
body.theme-aurora-dark .ad-topbar-inner { border-color:rgba(108,140,255,.35); }
body.theme-aurora-dark .banner { background:radial-gradient(1100px 560px at 75% 15%, rgba(108,140,255,.25), transparent 60%), radial-gradient(800px 480px at 15% 85%, rgba(154,130,245,.2), transparent 55%); }
body.theme-aurora-dark .banner::before { background:radial-gradient(820px 420px at 70% 20%, rgba(108,140,255,.2), transparent 62%); }
body.theme-aurora-dark .banner::after { background:linear-gradient(90deg,transparent,#6C8CFF,transparent); }
body.theme-aurora-dark .banner-content h1, body.theme-aurora-dark .banner-content h2 { color:#F2F5FF; text-shadow:0 0 26px rgba(108,140,255,.6); }
body.theme-aurora-dark .banner-eyebrow { color:#8FA7FF; letter-spacing:.35em; }
body.theme-aurora-dark .banner-content h1 .hl { background:linear-gradient(90deg,#6C8CFF,#9A82F5); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 2px 16px rgba(108,140,255,.6)); }
body.theme-aurora-dark .banner-content .lead { color:rgba(198,210,240,.9); }
body.theme-aurora-dark .banner-ctas .btn-gold { background:linear-gradient(135deg,#6C8CFF,#9A82F5); color:#fff; box-shadow:0 6px 24px rgba(108,140,255,.5); }
body.theme-aurora-dark .banner-ctas .btn-navy { background:rgba(108,140,255,.14); color:#C6D2F0; border:1px solid rgba(108,140,255,.4); backdrop-filter:blur(8px); }
body.theme-aurora-dark .banner-dots button.active { background:#6C8CFF; box-shadow:0 0 12px rgba(108,140,255,.9); }
body.theme-aurora-dark .sec-eyebrow { color:#8FA7FF; }
body.theme-aurora-dark .sec-eyebrow::before, body.theme-aurora-dark .sec-eyebrow::after { background:#6C8CFF; }
body.theme-aurora-dark .sec-head h2 { background:linear-gradient(180deg,#fff,#B9C8F5); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#fff; }
body.theme-aurora-dark .sec-head h2::after { background:linear-gradient(90deg,#6C8CFF,transparent); box-shadow:0 0 12px rgba(108,140,255,.5); }
body.theme-aurora-dark .sec-head p { color:#AAB6D8; }
body.theme-aurora-dark .section-soft { background:rgba(13,21,48,.55); }
body.theme-aurora-dark .section-warm { background:rgba(10,16,36,.6); }
body.theme-aurora-dark .section-navy { background:linear-gradient(150deg,#0D1530,#1B1A4A); }
body.theme-aurora-dark .card { background:rgba(22,34,74,.55); border:1px solid rgba(108,140,255,.22); border-radius:16px; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 8px 30px rgba(0,0,0,.35); }
body.theme-aurora-dark .card::before { background:linear-gradient(90deg,#6C8CFF,transparent); }
body.theme-aurora-dark .card h3, body.theme-aurora-dark .card .body b { color:#E7EBF7; }
body.theme-aurora-dark .card:hover { border-color:rgba(108,140,255,.55); box-shadow:0 12px 40px rgba(108,140,255,.22); }
body.theme-aurora-dark .quick-nav { background:transparent; }
body.theme-aurora-dark .quick-item { background:rgba(22,34,74,.5); border:1px solid rgba(108,140,255,.2); border-radius:16px; backdrop-filter:blur(12px); }
body.theme-aurora-dark .quick-item .qi-ic { background:linear-gradient(135deg,#6C8CFF,#9A82F5); color:#fff; box-shadow:0 6px 16px rgba(108,140,255,.4); }
body.theme-aurora-dark .quick-item b { color:#E7EBF7; }
body.theme-aurora-dark .quick-item:hover { border-color:rgba(108,140,255,.6); box-shadow:0 10px 34px rgba(108,140,255,.25); }
body.theme-aurora-dark .stats-grid .num, body.theme-aurora-dark .stat .num { color:#8FA7FF; text-shadow:0 0 18px rgba(108,140,255,.5); }
body.theme-aurora-dark .stats-bar { background:rgba(13,21,48,.5); border:1px solid rgba(108,140,255,.2); border-radius:16px; }
body.theme-aurora-dark .stat { color:#C6D2F0; }
body.theme-aurora-dark .split-content h3, body.theme-aurora-dark .split-content p { color:#E7EBF7; }
body.theme-aurora-dark .split-content .muted, body.theme-aurora-dark .split .muted { color:#AAB6D8; }
body.theme-aurora-dark .step-icon { background:linear-gradient(135deg,#6C8CFF,#9A82F5); color:#fff; box-shadow:0 6px 16px rgba(108,140,255,.4); }
body.theme-aurora-dark .lead-form { background:rgba(22,34,74,.6); border:1px solid rgba(108,140,255,.25); border-radius:16px; backdrop-filter:blur(14px); }
body.theme-aurora-dark .lead-form h3 { color:#F2F5FF; }
body.theme-aurora-dark .lead-form .sub { color:#AAB6D8; }
body.theme-aurora-dark .form-control { background:rgba(7,11,26,.6); border-color:rgba(108,140,255,.3); color:#E7EBF7; border-radius:10px; }
body.theme-aurora-dark .form-control:focus { border-color:#6C8CFF; box-shadow:0 0 0 3px rgba(108,140,255,.18); }
body.theme-aurora-dark .btn-primary { background:linear-gradient(135deg,#6C8CFF,#9A82F5); color:#fff; box-shadow:0 6px 20px rgba(108,140,255,.4); }
body.theme-aurora-dark .btn-outline { border-color:rgba(108,140,255,.5); color:#C6D2F0; }
body.theme-aurora-dark .footer { background:#070B1A; border-top:1px solid rgba(108,140,255,.25); }
body.theme-aurora-dark .footer a { color:#8FA7FF; }
body.theme-aurora-dark .footer h4, body.theme-aurora-dark .footer strong { color:#E7EBF7; }
body.theme-aurora-dark .footer-bottom { border-top:1px solid rgba(108,140,255,.15); }
body.theme-aurora-dark .case-card, body.theme-aurora-dark .news-card, body.theme-aurora-dark .channel-card, body.theme-aurora-dark .contact-card { background:rgba(22,34,74,.5); border:1px solid rgba(108,140,255,.22); border-radius:16px; }
body.theme-aurora-dark .ad-banners .ad-banner { background:rgba(22,34,74,.5); border:1px solid rgba(108,140,255,.2); border-radius:16px; }
body.theme-aurora-dark .page-hero { background:radial-gradient(800px 420px at 75% 10%, rgba(108,140,255,.22), transparent 60%), linear-gradient(150deg,#0D1530,#1B1A4A); }
body.theme-aurora-dark .page-hero h1 { color:#F2F5FF; }
body.theme-aurora-dark .muted { color:#7C89AD; }
body.theme-aurora-dark .tag, body.theme-aurora-dark .news-card .tag { background:rgba(108,140,255,.18); color:#8FA7FF; }

/* ========== 4) 极简 · 留白（纯白 · 超大字号 · 无框） ========== */
body.theme-pure-min {
  --navy-900:#10161F; --navy-800:#1A2230; --navy-700:#2A344A; --navy-600:#3C4A68;
  --gold-500:#111111; --gold-400:#333333; --gold-100:#EDEDED;
  --ink:#11151B; --ink-2:#3D4654; --muted:#8A93A5; --bg-soft:#FFFFFF; --bg-navy:#10161F;
  background:#FFFFFF;
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;
}
body.theme-pure-min .site-header { background:#fff; border-bottom:1px solid #EAEAEA; box-shadow:none; }
body.theme-pure-min .site-header::before { display:none; }
body.theme-pure-min .logo-text strong { background:none; -webkit-text-fill-color:#10161F; color:#10161F; font-weight:800; }
body.theme-pure-min .logo-text span { color:#9AA2B0; }
body.theme-pure-min .logo-mark { background:#10161F; color:#fff; box-shadow:none; border-radius:8px; }
body.theme-pure-min .main-nav > a { color:#333; font-weight:400; letter-spacing:.05em; }
body.theme-pure-min .main-nav > a.active { color:#000; font-weight:800; text-shadow:none; }
body.theme-pure-min .main-nav > a::after { background:#111; height:2px; box-shadow:none; }
body.theme-pure-min .nav-cta .btn-gold { background:#111; color:#fff; border-radius:0; box-shadow:none; }
body.theme-pure-min .ad-topbar { background:#111; }
body.theme-pure-min .ad-topbar-inner { border-color:rgba(255,255,255,.15); }
body.theme-pure-min .banner { background:#fff; }
body.theme-pure-min .banner::after { display:none; }
body.theme-pure-min .banner::before { background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.72)); }
body.theme-pure-min .banner-content h1, body.theme-pure-min .banner-content h2 { color:#10161F; text-shadow:none; }
body.theme-pure-min .banner-content { text-align:center; align-items:center; }
body.theme-pure-min .banner-eyebrow { font-size:11.5px; letter-spacing:.55em; color:#9AA2B0; }
body.theme-pure-min .banner-content h1, body.theme-pure-min .banner-content h2 { color:#10161F; font-size:clamp(34px,5vw,60px); font-weight:300; letter-spacing:.02em; line-height:1.15; }
body.theme-pure-min .banner-content h1 .hl { background:none; -webkit-text-fill-color:#10161F; color:#10161F; font-weight:600; filter:none; }
body.theme-pure-min .banner-content .lead { color:#555; margin-left:auto; margin-right:auto; }
body.theme-pure-min .banner-ctas { justify-content:center; }
body.theme-pure-min .banner-ctas .btn-gold { background:transparent; color:#111; border:1.5px solid #111; border-radius:0; padding:14px 36px; letter-spacing:.25em; }
body.theme-pure-min .banner-ctas .btn-gold:hover { background:#111; color:#fff; }
body.theme-pure-min .banner-ctas .btn-navy { background:transparent; color:#555; border:1px solid #CCC; border-radius:0; padding:14px 36px; letter-spacing:.25em; }
body.theme-pure-min .sec-eyebrow { color:#9AA2B0; }
body.theme-pure-min .sec-eyebrow::before, body.theme-pure-min .sec-eyebrow::after { background:#CCC; }
body.theme-pure-min .sec-head h2 { background:none; -webkit-text-fill-color:#10161F; color:#10161F; font-weight:300; letter-spacing:.22em; }
body.theme-pure-min .sec-head h2::after { background:#111; box-shadow:none; }
body.theme-pure-min .sec-head.center h2::after { background:#111; }
body.theme-pure-min .section-soft { background:#fff; }
body.theme-pure-min .section-warm { background:#FAFAFA; }
body.theme-pure-min .section-navy { background:#10161F; }
body.theme-pure-min .card { background:#fff; border:none; border-bottom:1px solid #EDEDED; border-radius:0; box-shadow:none; }
body.theme-pure-min .card::before { display:none; }
body.theme-pure-min .card h3 { color:#10161F; font-weight:400; }
body.theme-pure-min .card:hover { transform:none; box-shadow:none; }
body.theme-pure-min .quick-nav { background:#fff; }
body.theme-pure-min .quick-item { background:#fff; border:1px solid #F0F0F0; border-radius:0; box-shadow:none; }
body.theme-pure-min .quick-item .qi-ic { background:#F4F4F4; color:#10161F; border-radius:0; box-shadow:none; }
body.theme-pure-min .quick-item b { color:#10161F; font-weight:400; }
body.theme-pure-min .quick-item:hover { transform:none; box-shadow:none; border-color:#111; }
body.theme-pure-min .stats-grid .num, body.theme-pure-min .stat .num { font-weight:300; font-size:56px; color:#10161F; }
body.theme-pure-min .stats-bar { background:#FAFAFA; border:none; border-radius:0; }
body.theme-pure-min .stat { color:#333; }
body.theme-pure-min .split-content h3 { color:#10161F; font-weight:300; }
body.theme-pure-min .step-icon { background:#F4F4F4; color:#10161F; border-radius:0; }
body.theme-pure-min .lead-form { background:#fff; border:1px solid #E5E5E5; border-radius:0; box-shadow:none; }
body.theme-pure-min .lead-form h3 { color:#10161F; font-weight:300; }
body.theme-pure-min .form-control { border-color:#E0E0E0; border-radius:0; }
body.theme-pure-min .form-control:focus { border-color:#111; box-shadow:none; }
body.theme-pure-min .btn-primary { background:#111; color:#fff; border-radius:0; }
body.theme-pure-min .btn-outline { border-color:#111; color:#111; border-radius:0; }
body.theme-pure-min .footer { background:#fff; border-top:1px solid #E5E5E5; }
body.theme-pure-min .footer h4, body.theme-pure-min .footer strong { color:#10161F; }
body.theme-pure-min .footer a { color:#333; }
body.theme-pure-min .footer .muted { color:#9AA2B0; }
body.theme-pure-min .footer-bottom { border-top:1px solid #EDEDED; }
body.theme-pure-min .case-card, body.theme-pure-min .news-card, body.theme-pure-min .channel-card, body.theme-pure-min .contact-card { background:#fff; border:1px solid #F0F0F0; border-radius:0; box-shadow:none; }
body.theme-pure-min .ad-banners .ad-banner { border:1px solid #F0F0F0; border-radius:0; }
body.theme-pure-min .page-hero { background:#fff; }
body.theme-pure-min .page-hero h1 { color:#10161F; font-weight:300; }
body.theme-pure-min .tag, body.theme-pure-min .news-card .tag { background:#F4F4F4; color:#333; }

/* ========== 5) 杂志 · 风尚（黑条导航 · 衬线大字 · 编号错落） ========== */
body.theme-editorial {
  --navy-900:#0B0B0B; --navy-800:#171717; --navy-700:#262626; --navy-600:#3B3B3B;
  --gold-500:#B0450C; --gold-400:#D05A18; --gold-100:#F8E8DD;
  --ink:#101010; --ink-2:#333333; --muted:#777777; --bg-soft:#FBF8F2; --bg-navy:#171717;
  background:#FBF8F2;
  font-family:"Georgia","Times New Roman","Songti SC","SimSun",serif;
}
body.theme-editorial .site-header { background:#0B0B0B; border-bottom:1px solid #262626; }
body.theme-editorial .site-header::before { display:none; }
body.theme-editorial .logo-text strong { background:none; -webkit-text-fill-color:#fff; color:#fff; font-weight:700; letter-spacing:.14em; }
body.theme-editorial .logo-text span { color:#999; }
body.theme-editorial .logo-mark { background:transparent; color:#D05A18; box-shadow:none; border:1px solid #D05A18; border-radius:0; }
body.theme-editorial .main-nav > a { color:#E8E8E8; font-size:13px; letter-spacing:.14em; font-weight:600; }
body.theme-editorial .main-nav > a.active { color:#D05A18; text-shadow:none; }
body.theme-editorial .main-nav > a::after { background:#D05A18; height:2px; box-shadow:none; }
body.theme-editorial .nav-cta .btn-gold { background:#D05A18; color:#fff; border-radius:0; box-shadow:none; letter-spacing:.12em; }
body.theme-editorial .ad-topbar { background:#171717; }
body.theme-editorial .ad-topbar-inner { border-color:rgba(255,255,255,.14); }
body.theme-editorial .banner { background:#FBF8F2; }
body.theme-editorial .banner::before { background:linear-gradient(180deg, rgba(251,248,242,.9), rgba(251,248,242,.75)); }
body.theme-editorial .banner-content h1, body.theme-editorial .banner-content h2 { color:#0B0B0B; text-shadow:none; }
body.theme-editorial .banner::after { display:none; }
body.theme-editorial .banner-content { text-align:left; align-items:flex-start; }
body.theme-editorial .banner-content::before { content:"—"; display:block; font-size:24px; color:#D05A18; margin-bottom:6px; }
body.theme-editorial .banner-eyebrow { font-size:11.5px; letter-spacing:.4em; color:#B0450C; text-transform:uppercase; }
body.theme-editorial .banner-content h1, body.theme-editorial .banner-content h2 { font-family:inherit; font-weight:900; color:#0B0B0B; font-size:clamp(30px,4.4vw,56px); letter-spacing:-.01em; line-height:1.1; }
body.theme-editorial .banner-content h1 .hl { background:none; -webkit-text-fill-color:#B0450C; color:#B0450C; }
body.theme-editorial .banner-content .lead { color:#333; }
body.theme-editorial .banner-ctas .btn-gold { background:#B0450C; color:#fff; border-radius:0; letter-spacing:.14em; }
body.theme-editorial .banner-ctas .btn-navy { background:#0B0B0B; color:#fff; border-radius:0; letter-spacing:.14em; }
body.theme-editorial .sec-eyebrow { color:#B0450C; }
body.theme-editorial .sec-eyebrow::before, body.theme-editorial .sec-eyebrow::after { background:#B0450C; }
body.theme-editorial .sec-head h2 { background:none; -webkit-text-fill-color:#0B0B0B; color:#0B0B0B; font-family:inherit; font-weight:900; font-size:clamp(26px,3.2vw,38px); letter-spacing:.02em; }
body.theme-editorial .sec-head h2::before { content:attr(data-no); font-size:.5em; color:#B0450C; margin-right:14px; vertical-align:middle; }
body.theme-editorial .sec-head h2::after { background:#B0450C; box-shadow:none; }
body.theme-editorial .section-soft { background:#FBF8F2; }
body.theme-editorial .section-warm { background:#F5EFE6; }
body.theme-editorial .section-navy { background:#171717; }
body.theme-editorial .card { background:#fff; border:1px solid #EDE6DC; border-radius:0; box-shadow:none; }
body.theme-editorial .card::before { background:#B0450C; height:3px; left:0; right:auto; width:48px; }
body.theme-editorial .card h3 { color:#0B0B0B; font-weight:700; }
body.theme-editorial .card:hover { box-shadow:0 14px 30px rgba(16,16,16,.1); }
body.theme-editorial .quick-nav { background:#FBF8F2; }
body.theme-editorial .quick-item { background:#fff; border:1px solid #EDE6DC; border-radius:0; box-shadow:none; }
body.theme-editorial .quick-item .qi-ic { background:#0B0B0B; color:#fff; border-radius:0; }
body.theme-editorial .quick-item b { color:#0B0B0B; font-weight:700; }
body.theme-editorial .quick-item:hover { box-shadow:0 12px 28px rgba(16,16,16,.12); }
body.theme-editorial .stats-grid .num, body.theme-editorial .stat .num { font-family:inherit; font-weight:900; color:#B0450C; }
body.theme-editorial .stats-bar { background:#fff; border:1px solid #EDE6DC; border-radius:0; }
body.theme-editorial .stat { color:#333; }
body.theme-editorial .split-content h3 { color:#0B0B0B; font-weight:700; }
body.theme-editorial .step-icon { background:#0B0B0B; color:#fff; border-radius:0; }
body.theme-editorial .lead-form { background:#fff; border:1px solid #EDE6DC; border-radius:0; box-shadow:0 10px 30px rgba(16,16,16,.08); }
body.theme-editorial .lead-form h3 { color:#0B0B0B; font-weight:700; }
body.theme-editorial .form-control { border-color:#E0D8CC; border-radius:0; }
body.theme-editorial .form-control:focus { border-color:#0B0B0B; box-shadow:none; }
body.theme-editorial .btn-primary { background:#0B0B0B; color:#fff; border-radius:0; letter-spacing:.1em; }
body.theme-editorial .btn-outline { border-color:#0B0B0B; color:#0B0B0B; border-radius:0; }
body.theme-editorial .footer { background:#0B0B0B; }
body.theme-editorial .footer h4, body.theme-editorial .footer strong { color:#fff; font-weight:700; }
body.theme-editorial .footer a { color:#CCC; }
body.theme-editorial .footer-bottom { border-top:1px solid rgba(255,255,255,.14); }
body.theme-editorial .case-card, body.theme-editorial .news-card, body.theme-editorial .channel-card, body.theme-editorial .contact-card { background:#fff; border:1px solid #EDE6DC; border-radius:0; box-shadow:none; }
body.theme-editorial .ad-banners .ad-banner { border:1px solid #EDE6DC; border-radius:0; }
body.theme-editorial .page-hero { background:#171717; }
body.theme-editorial .page-hero h1 { color:#fff; font-family:inherit; font-weight:900; }
body.theme-editorial .tag, body.theme-editorial .news-card .tag { background:#F8E8DD; color:#B0450C; }

/* 全主题：section 标题编号支持（home.php 需输出 data-no） */
.sec-head h2[data-no]::before { content:attr(data-no); font-size:.5em; color:var(--gold-500); margin-right:14px; vertical-align:middle; }