/* ══════════════════════════════════════════════════════════════
   凡斯官网 · 子页面统一设计系统（对齐首页 2026-09 版）
   品牌正蓝 #1A5386 ＋ 白 ＋ 金 #C9A96E（克制点缀）
   本文件在各页面内联 <style> 之后加载，用于统一并覆盖旧样式。
   ══════════════════════════════════════════════════════════════ */

/* ── 字体与基础 ── */
body{
  font-family:"Source Han Sans SC","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* ═══════════ 导航：统一为首页同款白玻璃 ═══════════ */
.site-header{
  position:fixed !important; top:0; left:0; right:0; z-index:100;
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid #E8E4DC !important;
  box-shadow:none !important;
}
.site-header.scrolled{
  background:rgba(255,255,255,.94) !important;
  box-shadow:none !important;
}
.site-header .nav{
  max-width:1120px; margin:0 auto; height:64px; padding:0 24px !important;
  display:flex; align-items:center; justify-content:space-between;
}
.site-header.scrolled .nav{ padding:0 24px !important; }
.site-header .brand{ display:flex; align-items:center; gap:12px; }
.site-header .brand-logo{ height:34px; width:auto; filter:none !important; }
.site-header .brand-tag{
  font-size:11px !important; color:#C9A96E !important; letter-spacing:.2em;
  border-left:1px solid #E8E4DC; padding-left:12px; white-space:nowrap;
}
.site-header .nav-links{ display:none; gap:24px !important; font-size:14px; }
.site-header .nav-links a{
  color:#5b6670 !important; border-bottom:none !important; transition:color .25s;
}
.site-header .nav-links a:hover{ color:#1B4F72 !important; }
.site-header .nav-cta{
  font-size:13px; padding:9px 20px !important; border:1px solid #1B4F72 !important;
  color:#1B4F72 !important; background:transparent !important;
  border-radius:4px; transition:.3s; white-space:nowrap; font-weight:500;
}
.site-header .nav-cta:hover{ background:#1B4F72 !important; color:#fff !important; }
@media (min-width:860px){ .site-header .nav-links{ display:flex; } }
@media (max-width:859px){ .site-header .brand-tag{ display:none; } }

/* ═══════════ 文章页标题带：藏青全宽 page-hero ═══════════ */
.page-hero{
  background:#1A5386;
  background-image:radial-gradient(ellipse 80% 120% at 85% -10%,rgba(201,169,110,.14),transparent 60%);
  color:#fff; padding:148px 24px 64px; text-align:left;
}
.page-hero-inner{ max-width:860px; margin:0 auto; }
.page-hero .eyebrow{
  font-size:12px !important; letter-spacing:.35em; color:#C9A96E !important;
  margin:0 0 18px !important; text-transform:uppercase; font-weight:500;
}
.page-hero h1{
  color:#fff !important; font-size:clamp(24px,3.6vw,36px) !important;
  line-height:1.45 !important; margin:0 !important; font-weight:700;
  border:none !important; padding:0 !important;
}
@media (max-width:768px){ .page-hero{ padding:120px 20px 48px; } }

/* 文章页正文与标题带的衔接 */
.article-wrap{ padding-top:56px !important; }

/* page-hero 内嵌第三代页头（case-header / article-header） */
.page-hero .case-header, .page-hero .article-header{ margin:0 !important; }
.page-hero .case-header h1, .page-hero .article-header h1{
  color:#fff !important; font-size:clamp(24px,3.6vw,36px) !important;
  line-height:1.45 !important; margin:0 !important; font-weight:700;
}
.page-hero .article-meta{
  color:rgba(255,255,255,.65) !important; font-size:13px; margin-top:16px;
  letter-spacing:.08em;
}

/* ═══════════ 大图 Hero（服务/栏目页）：统一细节 ═══════════ */
.hero{
  background-color:#1A5386;
  padding-top:64px;
  isolation:isolate;
}
.hero .hero-eyebrow, .hero .eyebrow{
  font-size:12px !important; letter-spacing:.35em !important;
}

/* ═══════════ 正文排版统一 ═══════════ */
.article-wrap h1, main h1{ letter-spacing:.01em; }
.article-wrap h2, main .wrap h2, .wrap h2{
  font-size:clamp(20px,2.6vw,26px);
  color:#123A56; font-weight:700; line-height:1.5;
  margin:56px 0 20px; padding:0 0 0 14px !important;
  border:none !important; border-left:3px solid #C9A96E !important;
}
.article-wrap h3, .wrap h3{ color:#1B4F72; }
.faq-box h2{ border-left:3px solid #C9A96E !important; }

/* ═══════════ 卡片 / FAQ / CTA 统一 ═══════════ */
.faq-box{
  background:#fff; border:1px solid #E8E4DC; border-radius:8px;
  padding:30px 32px; margin-top:48px;
}
.cta-box{
  background:#123A56 !important; color:#fff;
  border-radius:8px; padding:36px 34px; margin-top:48px; text-align:center;
}
.cta-box h2, .cta-box h3{
  color:#fff !important; border:none !important; padding-left:0 !important;
}
.cta-box p{ color:rgba(255,255,255,.82) !important; }
.cta-box .cta-call{ color:#123A56 !important; }
.cta-box .cta-book{ color:#fff !important; }
.cta-box > a:not(.cta-call):not(.cta-book){
  color:#123A56 !important; background:#C9A96E !important;
}
.cta-box a:hover{ color:#fff !important; }
.cta-box .cta-call:hover, .cta-box > a:not(.cta-call):not(.cta-book):hover{
  color:#123A56 !important; background:#fff !important;
}
.offer-box h2{
  color:#fff !important; border:none !important; padding-left:0 !important;
  margin:0 0 16px !important;
}
.offer-box .offer-tag{ color:#C9A96E !important; }
.offer-box .offer-list li, .offer-box .offer-contact p{ color:rgba(255,255,255,.86) !important; }
.offer-box .offer-contact .offer-name{ color:#fff !important; }
.offer-box .offer-contact .offer-phone,
.offer-box .offer-contact .offer-phone a{ color:#C9A96E !important; }
.offer-box .offer-call{ color:#123A56 !important; }
.offer-box .offer-book{ color:#fff !important; }

/* ═══════════ 页脚：统一为首页同款藏青三栏 ═══════════ */
.site-footer{
  background:#123A56 !important; color:rgba(255,255,255,.65) !important;
  padding:64px 0 32px !important; border-top:none !important;
  font-size:14px !important; text-align:left !important;
}
.site-footer .wrap{ max-width:1120px; margin:0 auto; padding:0 24px; }
.footer-grid{ display:grid; gap:40px; padding-bottom:48px; }
@media (min-width:860px){ .footer-grid{ grid-template-columns:2fr 1fr 1fr; } }
.footer-brand{ display:flex; align-items:center; gap:12px; margin:0 0 14px !important; }
.footer-brand img{ height:30px; filter:brightness(0) invert(1); opacity:.9; }
.footer-desc{ font-size:13px; max-width:400px; margin:0 !important; color:rgba(255,255,255,.65); }
.site-footer h4{
  color:#C9A96E !important; font-size:13px; letter-spacing:.25em;
  margin:0 0 18px !important; font-weight:500; border:none !important; padding:0 !important;
}
.footer-links{ list-style:none; font-size:14px; margin:0 !important; padding:0; }
.footer-links li{ margin:0 0 10px !important; padding:0; color:rgba(255,255,255,.65); }
.footer-links a{ color:rgba(255,255,255,.65) !important; }
.footer-links a:hover{ color:#fff !important; }
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12); padding-top:28px;
  font-size:12px; display:flex; flex-wrap:wrap; gap:8px 28px;
  justify-content:space-between;
}
.footer-bottom a{ color:rgba(255,255,255,.65) !important; }
.footer-bottom a:hover{ color:#fff !important; }

/* ═══════════ 细节打磨 ═══════════ */
::selection{ background:rgba(201,169,110,.28); }
table{ font-size:14.5px; }
img{ border-radius:2px; }
@media (prefers-reduced-motion:no-preference){
  html{ scroll-behavior:smooth; }
}

/* ═══════════ 子页面 Banner：与首页首屏统一 ═══════════ */
.hero::after{
  z-index:1 !important;
  background:linear-gradient(90deg,rgba(18,76,126,.94) 0%,rgba(20,80,132,.88) 42%,rgba(22,83,135,.66) 100%) !important;
}
.hero::before{ z-index:0 !important; }
.hero-inner{
  z-index:2;
  max-width:1120px;
  padding-top:28px;
  padding-bottom:28px;
}
.hero h1{
  max-width:760px;
  letter-spacing:.02em;
}
.hero-inner > p{
  max-width:660px;
}
@media (max-width:859px){
  .hero::after{
    background:linear-gradient(0deg,rgba(16,68,113,.97) 0%,rgba(18,76,126,.91) 48%,rgba(24,86,139,.72) 100%) !important;
  }
  .hero-inner{ padding-top:72px; padding-bottom:36px; }
}

/* ═══════════ 移动端底部悬浮 CTA · 全站统一（方案 A）═══════════
   与首页同款：左「电话咨询」藏青实底 / 右「预约检测」金实底。
   断点 859px，与导航 .nav-links 隐藏断点一致，避免 768–859px 无导航空档。 */
.float-cta{
  display:none; position:fixed; bottom:0; left:0; right:0; z-index:99;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-top:1px solid #E8E4DC;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  gap:10px;
  align-items:center;
}
.float-cta a{
  flex:1; text-align:center; padding:13px 6px; border-radius:4px;
  font-size:13.5px; font-weight:600; letter-spacing:.02em; white-space:nowrap;
  text-decoration:none !important; border:none !important; transition:.25s;
}
.float-cta .fc-call{ background:#1B4F72; color:#fff !important; }
.float-cta .fc-call:hover{ background:#123A56; }
.float-cta .fc-book{ background:#C9A96E; color:#123A56 !important; }
.float-cta .fc-book:hover{ background:#b8985c; }
@media (max-width:859px){
  .float-cta{ display:flex; }
  body{ padding-bottom:calc(72px + env(safe-area-inset-bottom)) !important; }
}
@media print{ .float-cta{ display:none !important; } }