/* V30 FINAL: 按钮可读性 + 客服悬浮/弹窗清理
   目标：按钮文字与背景永远有对比；客服按钮固定右下角且不参与页面布局。 */
:root{--fg-blue:#005bac;--fg-blue-dark:#004a91;--fg-text:#1d2433;--fg-muted:#5f6b7a;}

/* 顶部黑色信息栏 */
html body .top-bar,html body .top-bar *{font-size:12px!important;line-height:1.2!important;}

/* 统一按钮基础：禁用背景裁剪文字，避免蓝底蓝字/白底白字 */
html body a.nav-consult-btn,html body a.fg-more-btn,html body a.fg-cta-btn,html body a.btn,html body button.btn,
html body .ai-btn,html body .filter-tab,html body .filter-tabs a,html body .filter-tabs button,
html body .pagination a,html body .pagination span,html body .pager a,html body .page-numbers a,html body .page-numbers span,
html body .contact-modal-submit,html body .copy-btn,html body button[type="submit"]{
  text-decoration:none!important;text-shadow:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
}
html body a.nav-consult-btn *,html body a.fg-more-btn *,html body a.fg-cta-btn *,html body a.btn *,html body .ai-btn *,
html body .filter-tab *,html body .filter-tabs a *,html body .pagination a *,html body .pagination span *,html body .copy-btn *{color:inherit!important;-webkit-text-fill-color:inherit!important;}

/* 1. 导航、首页更多、常规蓝色实心按钮：蓝底白字 */
html body .navbar .nav-actions a.nav-consult-btn,
html body a.nav-consult-btn,
html body .fg-section-more a.fg-more-btn,
html body a.fg-more-btn,
html body .fg-v9-case-visit,
html body .btn-primary,html body a.btn-primary,html body button.btn-primary,
html body .contact-modal-submit,html body .copy-btn,html body button[type="submit"]{
  background:var(--fg-blue)!important;border:1px solid var(--fg-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body .navbar .nav-actions a.nav-consult-btn:hover,
html body a.nav-consult-btn:hover,
html body .fg-section-more a.fg-more-btn:hover,
html body a.fg-more-btn:hover,
html body .fg-v9-case-visit:hover,
html body .btn-primary:hover,html body a.btn-primary:hover,html body button.btn-primary:hover,
html body .contact-modal-submit:hover,html body .copy-btn:hover,html body button[type="submit"]:hover{
  background:var(--fg-blue-dark)!important;border-color:var(--fg-blue-dark)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* 2. 白色实心按钮：白底蓝字 */
html body .btn-white,html body a.btn-white,html body button.btn-white,
html body .hero-section a.btn-white,html body .page-banner a.btn-white,
html body .ai-hero a.ai-btn:not(.ghost),html body .ai-growth-page a.ai-btn:not(.ghost),html body .ai-page-hero a.ai-btn:not(.ghost){
  background:#fff!important;border:1px solid #fff!important;color:var(--fg-blue)!important;-webkit-text-fill-color:var(--fg-blue)!important;
}
html body .btn-white:hover,html body a.btn-white:hover,html body button.btn-white:hover,
html body .hero-section a.btn-white:hover,html body .page-banner a.btn-white:hover,
html body .ai-hero a.ai-btn:not(.ghost):hover,html body .ai-growth-page a.ai-btn:not(.ghost):hover,html body .ai-page-hero a.ai-btn:not(.ghost):hover{
  background:#f4f8ff!important;border-color:#f4f8ff!important;color:var(--fg-blue-dark)!important;-webkit-text-fill-color:var(--fg-blue-dark)!important;
}

/* 3. 浅色区域线框/筛选/分页：默认蓝字；hover/active 蓝底白字 */
html body .btn-outline,html body a.btn-outline,html body button.btn-outline,
html body .filter-tabs a.filter-tab,html body .filter-tabs button.filter-tab,
html body .pagination a,html body .pagination span,html body .pager a,html body .page-numbers a,html body .page-numbers span{
  background:#fff!important;border:1px solid var(--fg-blue)!important;color:var(--fg-blue)!important;-webkit-text-fill-color:var(--fg-blue)!important;
}
html body .btn-outline:hover,html body a.btn-outline:hover,html body button.btn-outline:hover,
html body .filter-tabs a.filter-tab:hover,html body .filter-tabs button.filter-tab:hover,
html body .filter-tabs a.filter-tab.active,html body .filter-tabs button.filter-tab.active,
html body .pagination a:hover,html body .pagination span:hover,html body .pager a:hover,html body .page-numbers a:hover,html body .page-numbers span:hover,
html body .pagination .active,html body .pagination .active a,html body .pagination .thisclass a,html body .pagination .thisclass span,
html body .page-numbers .current,html body .page-num.active{
  background:var(--fg-blue)!important;border-color:var(--fg-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* 4. 深色背景 ghost/透明按钮：始终白字 */
html body .hero-section a.btn-outline,html body .hero-section .btn-outline,
html body .page-banner a.btn-outline,html body .page-banner .btn-outline,
html body .ai-hero a.ai-btn.ghost,html body .ai-growth-page a.ai-btn.ghost,html body .ai-page-hero a.ai-btn.ghost,
html body .fg-blue-cta a.fg-cta-btn.ghost,html body .cta-section a.fg-cta-btn.ghost,html body .fg-v18-cta a.fg-cta-btn.ghost,
html body .fg-blue-cta a[href^="mailto"],html body .cta-section a[href^="mailto"],html body .fg-v18-cta a[href^="mailto"]{
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.62)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body .hero-section a.btn-outline:hover,html body .page-banner a.btn-outline:hover,
html body .ai-hero a.ai-btn.ghost:hover,html body .ai-growth-page a.ai-btn.ghost:hover,html body .ai-page-hero a.ai-btn.ghost:hover,
html body .fg-blue-cta a.fg-cta-btn.ghost:hover,html body .cta-section a.fg-cta-btn.ghost:hover,html body .fg-v18-cta a.fg-cta-btn.ghost:hover,
html body .fg-blue-cta a[href^="mailto"]:hover,html body .cta-section a[href^="mailto"]:hover,html body .fg-v18-cta a[href^="mailto"]:hover{
  background:rgba(255,255,255,.18)!important;border-color:#fff!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* 5. 蓝色 CTA 中第一个按钮：白底蓝字；第二个 ghost/邮箱：透明白字 */
html body .fg-blue-cta a.fg-cta-btn:not(.ghost):not([href^="mailto"]),
html body .cta-section a.fg-cta-btn:not(.ghost):not([href^="mailto"]),
html body .fg-v18-cta a.fg-cta-btn:not(.ghost):not([href^="mailto"]){
  background:#fff!important;border:1px solid #fff!important;color:var(--fg-blue)!important;-webkit-text-fill-color:var(--fg-blue)!important;
}
html body .fg-blue-cta a.fg-cta-btn:not(.ghost):not([href^="mailto"]):hover,
html body .cta-section a.fg-cta-btn:not(.ghost):not([href^="mailto"]):hover,
html body .fg-v18-cta a.fg-cta-btn:not(.ghost):not([href^="mailto"]):hover{
  background:#f4f8ff!important;border-color:#f4f8ff!important;color:var(--fg-blue-dark)!important;-webkit-text-fill-color:var(--fg-blue-dark)!important;
}

/* 6. 高优先级兜底：任何按钮类只要蓝底或蓝色渐变，文字强制白色 */
html body a[class*="btn"][style*="background:#005"],html body a[class*="btn"][style*="background: #005"],
html body a[class*="btn"][style*="background:#006"],html body a[class*="btn"][style*="background: #006"],
html body a[class*="btn"][style*="linear-gradient"],html body button[class*="btn"][style*="linear-gradient"]{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* 客服悬浮按钮：固定右下角、不参与布局、不撑开底部 */
html body .contact-float-btn{
  position:fixed!important;left:auto!important;right:28px!important;bottom:28px!important;z-index:10020!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;overflow:visible!important;
  background:linear-gradient(135deg,#0b63c7,#8b5cf6)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 18px 42px rgba(0,91,172,.30),0 0 0 9px rgba(0,91,172,.08)!important;text-decoration:none!important;transform:none!important;
}
html body .contact-float-btn:hover{background:linear-gradient(135deg,#004a91,#7c3aed)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:translateY(-2px)!important;}
html body .contact-float-btn .contact-text{display:none!important;}
html body .contact-float-btn .contact-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body .contact-float-btn svg{width:23px!important;height:23px!important;stroke:#fff!important;color:#fff!important;}
html body .contact-float-btn .online-dot{position:absolute!important;right:4px!important;top:4px!important;width:12px!important;height:12px!important;background:#22c55e!important;border:2px solid #fff!important;border-radius:50%!important;}

/* 回到顶部与客服错开 */
html body .gotop,html body .backtop,html body .back-to-top,html body #backTop,html body #goTop{right:28px!important;bottom:96px!important;z-index:10010!important;}

/* 弹窗清爽版：不再挤压/错位 */
html body .contact-modal-overlay{position:fixed!important;inset:0!important;display:none!important;align-items:center!important;justify-content:center!important;background:rgba(15,23,42,.58)!important;backdrop-filter:blur(8px)!important;padding:24px!important;margin:0!important;z-index:10030!important;box-sizing:border-box!important;}
html body .contact-modal-overlay.active{display:flex!important;}
html body .contact-modal{position:relative!important;width:min(900px,94vw)!important;max-height:88vh!important;overflow:auto!important;background:#fff!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:24px!important;box-shadow:0 34px 100px rgba(15,23,42,.34)!important;padding:30px 34px 34px!important;box-sizing:border-box!important;}
html body .modal-close-btn{position:absolute!important;right:20px!important;top:18px!important;width:42px!important;height:42px!important;border:1px solid #e5eaf2!important;border-radius:14px!important;background:#fff!important;color:#1d2433!important;-webkit-text-fill-color:#1d2433!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;line-height:1!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important;cursor:pointer!important;}
html body .modal-close-btn:hover{background:#f4f8ff!important;color:#005bac!important;-webkit-text-fill-color:#005bac!important;transform:none!important;}
html body .modal-header{padding-right:60px!important;margin-bottom:22px!important;}
html body .modal-header h3{margin:0 0 8px!important;font-size:24px!important;line-height:1.25!important;color:#1d2433!important;-webkit-text-fill-color:#1d2433!important;font-weight:650!important;}
html body .modal-header p{margin:0!important;color:#5f6b7a!important;-webkit-text-fill-color:#5f6b7a!important;font-size:14px!important;line-height:1.7!important;}
html body .modal-body{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:24px!important;align-items:stretch!important;}
html body .qr-card,html body .contact-info{background:#f8fbff!important;border:1px solid #e5edf7!important;border-radius:18px!important;box-shadow:none!important;box-sizing:border-box!important;}
html body .qr-card{padding:22px!important;text-align:center!important;}
html body .qr-card img{display:block!important;width:100%!important;max-width:230px!important;aspect-ratio:1/1!important;object-fit:contain!important;margin:0 auto 14px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:14px!important;padding:10px!important;box-sizing:border-box!important;}
html body .qr-card p{margin:0!important;color:#5f6b7a!important;font-size:14px!important;}
html body .contact-info{padding:18px 22px!important;}
html body .fg-info-item{display:grid!important;grid-template-columns:1fr auto!important;gap:10px 14px!important;align-items:center!important;padding:15px 0!important;border-bottom:1px solid #e6edf5!important;}
html body .fg-info-item:last-child,html body .fg-last-item{border-bottom:0!important;}
html body .fg-info-item .info-label{grid-column:1/-1!important;font-size:13px!important;color:#5f6b7a!important;font-weight:600!important;}
html body .fg-info-item strong{font-size:20px!important;line-height:1.35!important;color:#1d2433!important;-webkit-text-fill-color:#1d2433!important;font-weight:600!important;word-break:break-all!important;}
html body .copy-btn{border:0!important;border-radius:999px!important;background:#005bac!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:8px 14px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;}
html body .copy-btn:hover{background:#004a91!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body .modal-desc{margin:14px 0 0!important;color:#5f6b7a!important;-webkit-text-fill-color:#5f6b7a!important;line-height:1.75!important;font-size:14px!important;}
html body .contact-modal-open{overflow:hidden!important;}
html,body{overflow-x:hidden!important;}
html{background:#111827!important;}
body{margin-bottom:0!important;}
footer.footer,.footer{margin-bottom:0!important;}
body > .contact-float-btn{float:none!important;clear:none!important;}
@media(max-width:760px){
  html body .contact-float-btn{left:auto!important;right:14px!important;bottom:16px!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;}
  html body .contact-float-btn svg{width:22px!important;height:22px!important;}
  html body .gotop,html body .backtop,html body .back-to-top,html body #backTop,html body #goTop{right:14px!important;bottom:82px!important;}
  html body .contact-modal-overlay{padding:12px!important;align-items:flex-end!important;}
  html body .contact-modal{width:100%!important;max-height:86vh!important;border-radius:20px 20px 0 0!important;padding:18px 16px 18px!important;}
  html body .modal-close-btn{right:14px!important;top:14px!important;width:38px!important;height:38px!important;border-radius:12px!important;font-size:22px!important;}
  html body .modal-header{padding-right:48px!important;margin-bottom:14px!important;}
  html body .modal-header h3{font-size:20px!important;}
  html body .modal-header p{font-size:13px!important;}
  html body .modal-body{grid-template-columns:1fr!important;gap:12px!important;}
  html body .qr-card,html body .contact-info{padding:14px!important;border-radius:16px!important;}
  html body .qr-card img{max-width:150px!important;margin-bottom:9px!important;}
  html body .fg-info-item{padding:10px 0!important;gap:8px!important;}
  html body .fg-info-item .info-label{font-size:12px!important;}
  html body .fg-info-item strong{font-size:16px!important;}
  html body .copy-btn{padding:7px 12px!important;font-size:12px!important;}
}