/*
 * V17 字体与轻交互精修版
 * 目标：进一步接近汇川官网的清晰企业视觉：标题更轻、正文更稳、间距更松、Hover 轻反馈。
 */
:root{
  --primary:#005BAC;
  --primary-600:#004E98;
  --primary-50:#EDF5FF;
  --ink:#182233;
  --ink-2:#253044;
  --text:#4D5A6C;
  --muted:#7B8798;
  --line:#E6ECF3;
  --panel:#F6F8FB;
  --card:#FFFFFF;
  --shadow-soft:0 10px 26px rgba(20,35,60,.055);
  --shadow-hover:0 16px 38px rgba(20,35,60,.095);
  --ease:cubic-bezier(.22,.61,.36,1);
}
html{font-size:16px!important;text-rendering:geometricPrecision!important;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif!important;
  color:var(--text)!important;
  font-size:15px!important;
  line-height:1.86!important;
  letter-spacing:.005em!important;
  font-weight:400!important;
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
p,li,td,th,dd,dt,blockquote,.section-desc,.fg-seo-copy,.article-content,.case-detail-content,.detail-content,.content-body{
  color:var(--text)!important;
  font-size:15px!important;
  line-height:1.9!important;
  font-weight:400!important;
  letter-spacing:.006em!important;
}
/* 标题不再用力过猛：主标题中粗，小标题偏中等，保持企业站清晰感 */
h1,h2,h3,h4,h5,h6,
.section-title,.page-banner h1,.hero-section h1,.hero-content h1,
.article-title,.case-detail-title,.fg-detail-title,.fg-seo-head h2,.quick-build-page h1{
  font-family:inherit!important;
  color:var(--ink)!important;
  letter-spacing:-.006em!important;
  line-height:1.36!important;
  font-weight:500!important;
}
h1,.hero-section h1,.hero-content h1{font-size:clamp(36px,4vw,54px)!important;font-weight:600!important;letter-spacing:-.012em!important;}
h2,.section-title,.fg-seo-head h2{font-size:clamp(27px,2.45vw,34px)!important;font-weight:500!important;}
h3,.service-card h3,.case-card-body h3,.news-card-body h3,.fg-seo-card h3,.qb-card h3,.pricing-card h3,.fg-v9-news-main h3{
  font-size:19px!important;
  line-height:1.5!important;
  font-weight:500!important;
  color:var(--ink-2)!important;
}
h4,.feature-item h4,.footer h4{font-size:17px!important;font-weight:500!important;}
strong,b{font-weight:600!important;}
/* 导航与按钮：清晰但不厚重 */
.logo{font-weight:600!important;letter-spacing:-.006em!important;}
.nav-links>a{font-size:15px!important;font-weight:400!important;color:#2D3748!important;transition:color .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease)!important;}
.nav-links>a:hover{color:var(--primary)!important;background:rgba(0,91,172,.035)!important;}
.nav-links>a.active{font-weight:500!important;color:var(--primary)!important;}
.btn,.nav-consult-btn,.contact-modal-submit,.fg-v9-case-visit{font-weight:500!important;letter-spacing:0!important;transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease)!important;}
.btn:hover,.nav-consult-btn:hover,.contact-modal-submit:hover,.fg-v9-case-visit:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(0,91,172,.16)!important;}
/* 深色背景强制浅色，修复 Hero / CTA / Banner 黑字 */
.hero-section,.page-banner,.stats-section,.cta-section .cta-box,.cta-box,.fg-blue-cta,.qb-deliver-box,.qb-bottom-cta,.fg-side-cta,.footer{color:#fff!important;}
.hero-section h1,.hero-content h1,.hero-section h2,.hero-section h3,.hero-section h4,
.page-banner h1,.page-banner h2,.page-banner h3,.page-banner h4,
.cta-section .cta-box h1,.cta-section .cta-box h2,.cta-section .cta-box h3,.cta-section .cta-box h4,
.cta-box h1,.cta-box h2,.cta-box h3,.cta-box h4,
.fg-blue-cta h1,.fg-blue-cta h2,.fg-blue-cta h3,.fg-blue-cta h4,
.qb-deliver-box h1,.qb-deliver-box h2,.qb-deliver-box h3,.qb-deliver-box h4,
.qb-bottom-cta h1,.qb-bottom-cta h2,.qb-bottom-cta h3,.qb-bottom-cta h4,
.fg-side-cta h1,.fg-side-cta h2,.fg-side-cta h3,.fg-side-cta h4,
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,.footer .logo{
  color:#fff!important;
  font-weight:500!important;
}
.hero-section p,.hero-content p,.page-banner p,.cta-section .cta-box p,.cta-box p,.fg-blue-cta p,.qb-deliver-box p,.qb-bottom-cta p,.fg-side-cta p,.footer p,.footer li,.footer a{
  color:rgba(255,255,255,.78)!important;
  font-weight:400!important;
}
.hero-content h1 em,.hero-section h1 em{color:#62ADFF!important;font-style:normal!important;font-weight:600!important;}
.hero-stat-number,.stat-number{color:#fff!important;font-weight:600!important;}
.hero-stat-label,.stat-label{color:rgba(255,255,255,.74)!important;font-weight:400!important;}
/* 模块间距与说明文字：更像清爽企业站 */
.section{padding:82px 0!important;}
.section-header{margin-bottom:44px!important;}
.section-label,.fg-seo-eyebrow{
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  padding:5px 15px!important;
  background:var(--primary-50)!important;
  color:var(--primary)!important;
}
.section-desc{font-size:15px!important;line-height:1.85!important;color:#6C788A!important;}
/* 卡片：汇川风格的轻边框 + 微动效，不夸张 */
.service-card,.case-card,.news-card,.feature-item,.fg-seo-card,.qb-card,.qb-package,.qb-step,.qb-side-item,.contact-card,.pricing-card,
.article-sidebar,.case-sidebar,.fg-v9-news-item,.fg-news-card-v7,.sidebar-card,.fg-info-card,.fg-section-block{
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
  background:#fff!important;
  transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease),background .26s var(--ease)!important;
}
.service-card:hover,.case-card:hover,.news-card:hover,.feature-item:hover,.fg-seo-card:hover,.qb-card:hover,.qb-package:hover,.qb-side-item:hover,.contact-card:hover,.pricing-card:hover,
.article-sidebar:hover,.case-sidebar:hover,.fg-v9-news-item:hover,.fg-news-card-v7:hover,.sidebar-card:hover,.fg-info-card:hover{
  transform:translateY(-4px)!important;
  border-color:#D5E2F1!important;
  box-shadow:var(--shadow-hover)!important;
}
.service-card,.fg-seo-card,.qb-card,.pricing-card,.feature-item{padding:30px!important;}
.service-card h3,.fg-seo-card h3,.qb-card h3,.pricing-card h3,.case-card-body h3,.news-card-body h3,.fg-news-title-v7{
  margin-bottom:10px!important;
}
.service-card p,.fg-seo-card p,.qb-card p,.pricing-card p,.feature-item p,.case-card-body p,.news-card-body p,.fg-news-excerpt-v7{
  font-size:14.5px!important;
  line-height:1.88!important;
  color:#667386!important;
}
.service-card-icon,.feature-icon,.qb-icon{
  width:48px!important;height:48px!important;border-radius:10px!important;background:#EEF5FF!important;
  transition:transform .24s var(--ease),background .24s var(--ease)!important;
}
.service-card:hover .service-card-icon,.feature-item:hover .feature-icon,.qb-card:hover .qb-icon{transform:translateY(-2px) scale(1.03)!important;background:#E5F1FF!important;}
/* 图片卡片：鼠标经过轻微缩放，增强“可点击区域”反馈 */
.case-card-image,.news-card-image,.fg-news-img-v7{overflow:hidden!important;background:#F3F6FA!important;}
.case-card-image img,.news-card-image img,.fg-news-img-v7 img{
  filter:brightness(1.03) contrast(.98) saturate(.98)!important;
  transition:transform .46s var(--ease),filter .46s var(--ease)!important;
}
.case-card:hover .case-card-image img,.news-card:hover .news-card-image img,.fg-news-card-v7:hover .fg-news-img-v7 img{
  transform:scale(1.035)!important;
  filter:brightness(1.06) contrast(1) saturate(1)!important;
}
/* 首页案例/新闻区域字号进一步收敛 */
.case-card-body,.news-card-body,.fg-news-body-v7{padding:22px 24px 24px!important;}
.case-card-body h3,.news-card-body h3,.fg-news-title-v7{font-size:18px!important;font-weight:500!important;line-height:1.55!important;color:#1B2536!important;}
.news-card-date,.fg-news-date-v7,.fg-v9-date{font-size:13px!important;font-weight:500!important;color:var(--primary)!important;}
/* 文章与案例详情阅读 */
.article-content,.case-detail-content,.detail-content,.content-body,.fg-article-content{font-size:15.5px!important;line-height:1.95!important;color:#4E5B6D!important;}
.article-content h2,.detail-content h2,.case-detail-content h2,.fg-article-content h2{font-size:25px!important;font-weight:500!important;line-height:1.45!important;margin:36px 0 16px!important;}
.article-content h3,.detail-content h3,.case-detail-content h3,.fg-article-content h3{font-size:20px!important;font-weight:500!important;line-height:1.5!important;margin:28px 0 14px!important;}
.article-content p,.detail-content p,.case-detail-content p,.fg-article-content p{margin-bottom:17px!important;}
/* 表格式列表与元信息：更轻 */
.fg-detail-meta,.fg-v9-news-meta,.news-meta,.article-meta{font-size:13.5px!important;color:#8490A1!important;font-weight:400!important;}
.fg-info-card strong,.fg-detail-meta strong{font-weight:500!important;color:#263246!important;}
/* CTA 按钮不要过粗，蓝块中间文字清楚 */
.cta-section .cta-box h2,.cta-box h2,.fg-blue-cta h2,.qb-bottom-cta h2{font-size:clamp(25px,2.2vw,32px)!important;font-weight:500!important;}
.cta-section .cta-box p,.cta-box p,.fg-blue-cta p,.qb-bottom-cta p{font-size:15px!important;color:rgba(255,255,255,.78)!important;}
.btn-white,.fg-cta-btn,.qb-bottom-cta a,.qb-primary{font-weight:500!important;color:var(--primary)!important;}
/* Footer 字体更轻 */
.footer h4{font-size:17px!important;font-weight:500!important;}
.footer-brand p,.footer-links li,.footer-links a,.footer-bottom p{font-size:14px!important;line-height:1.9!important;color:rgba(255,255,255,.66)!important;}
.footer a:hover{color:#fff!important;}
/* 轻微入场，避免太重 */
.animate-in{transition:opacity .55s var(--ease),transform .55s var(--ease)!important;}
/* 非卡片文本链接轻反馈 */
a:not(.case-card):not(.news-card):not(.btn):not(.nav-consult-btn):not(.contact-float-btn):hover{color:var(--primary)!important;}
/* 移动端：标题更轻、行距更舒服 */
@media(max-width:980px){
  .section{padding:68px 0!important;}
  .section-header{margin-bottom:34px!important;}
  .service-card,.fg-seo-card,.qb-card,.pricing-card,.feature-item{padding:24px!important;}
}
@media(max-width:768px){
  body{font-size:14.8px!important;line-height:1.82!important;}
  h1,.hero-section h1,.hero-content h1{font-size:32px!important;font-weight:600!important;line-height:1.34!important;}
  h2,.section-title,.fg-seo-head h2{font-size:25px!important;font-weight:500!important;line-height:1.4!important;}
  h3,.service-card h3,.case-card-body h3,.news-card-body h3{font-size:18px!important;font-weight:500!important;}
  .section-desc{font-size:14.5px!important;}
  .hero-section p,.hero-content p,.page-banner p{font-size:15px!important;line-height:1.82!important;}
  .case-card:hover,.news-card:hover,.service-card:hover,.fg-seo-card:hover,.qb-card:hover{transform:none!important;}
}
@media(max-width:560px){
  .section{padding:56px 0!important;}
  .service-card p,.fg-seo-card p,.qb-card p,.pricing-card p,.feature-item p,.case-card-body p,.news-card-body p{font-size:14px!important;line-height:1.82!important;}
}