/* 丰格信官网 · 样式 */
:root{
  --blue:#0066B3; --blue-dark:#005699; --ink:#1a1a1a; --gray:#5a6672;
  --line:#e3e6ea; --bg:#f5f7fa; --card:#ffffff;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px;}
a{color:var(--blue);text-decoration:none;}
a:hover{color:var(--blue-dark);}
img{max-width:100%;}

/* 头部 */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
.navwrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;}
.logo{display:flex;align-items:baseline;gap:10px;color:var(--ink);}
.logo-mark{font-size:22px;font-weight:700;color:var(--blue);letter-spacing:2px;}
.logo-sub{font-size:12px;color:var(--gray);}
.site-nav{display:flex;gap:4px;flex-wrap:wrap;}
.site-nav a{padding:8px 14px;border-radius:8px;font-size:15px;color:var(--ink);}
.site-nav a:hover{background:#eef4fa;color:var(--blue);}

/* 首页大banner */
.hero{background:linear-gradient(rgba(0,38,66,.55),rgba(0,38,66,.45)),url("../images/封面/封面4_大图2.35比1_底部渐深.jpg") center/cover no-repeat;color:#fff;padding:72px 0 64px;}
.hero h1{margin:0 0 10px;font-size:32px;letter-spacing:1px;}
.hero p{margin:0 0 24px;font-size:16px;opacity:.94;max-width:640px;}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:12px 26px;border-radius:10px;font-size:16px;margin-right:12px;margin-bottom:8px;}
.btn:hover{background:var(--blue-dark);color:#fff;}
.btn.ghost{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.6);}
.btn.ghost:hover{background:rgba(255,255,255,.26);color:#fff;}

/* 区块 */
.section{padding:44px 0 8px;}
.section h2{font-size:24px;margin:0 0 6px;}
.section .sub{color:var(--gray);font-size:14px;margin:0 0 22px;}

/* 卡片网格 */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:20px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s;}
.card:hover{box-shadow:0 4px 16px rgba(0,40,80,.10);}
.card .thumb{aspect-ratio:2.35/1;overflow:hidden;background:#eef1f5;}
.card .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1;}
.card .tag{font-size:12px;color:var(--blue);font-weight:600;margin-bottom:4px;}
.card h3{font-size:16px;margin:0 0 6px;line-height:1.45;}
.card p{font-size:13px;color:var(--gray);margin:0 0 12px;flex:1;}
.card .more{font-size:14px;font-weight:600;}

/* 三个理由 */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:24px;}
.why .item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;}
.why .item h3{margin:0 0 8px;font-size:16px;color:var(--blue);}
.why .item p{margin:0;font-size:13.5px;color:var(--gray);}

/* 公众号引流条 */
.gzh-banner{background:linear-gradient(120deg,#0066B3,#0a86d9);border-radius:14px;color:#fff;padding:28px 30px;margin:24px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.gzh-banner h3{margin:0 0 6px;font-size:20px;}
.gzh-banner p{margin:0;font-size:14px;opacity:.94;}
.gzh-banner .big{font-size:18px;font-weight:700;letter-spacing:1px;}
.gzh-banner .qr{width:104px;height:104px;object-fit:contain;background:#fff;border-radius:10px;padding:6px;flex:none;}
.gzh-qr{width:118px;display:block;margin-top:10px;background:#fff;border-radius:8px;padding:6px;}

/* 文章页 */
.article-page{max-width:820px;}
.crumb{font-size:13px;color:var(--gray);margin:22px 0 4px;}
.article-title{font-size:26px;line-height:1.4;margin:10px 0 8px;}
.article-abs{font-size:14px;color:var(--gray);border-left:3px solid var(--blue);padding-left:12px;margin:0 0 24px;}
.article-body{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 30px 24px;}
.article-body .afig{margin:18px 0;}
.article-body .afig img{width:100%;border-radius:8px;border:1px solid #e8ecf0;display:block;}
.article-body .afig figcaption{font-size:12.5px;color:#8a94a6;text-align:center;margin-top:6px;}
.article-body .missing{background:#fff5f5;border:1px dashed #e0a0a0;color:#a33;padding:12px;border-radius:6px;font-size:13px;}
.article-body table{max-width:100%;}
.article-body img{max-width:100%;height:auto;}
.cta-bar{margin:26px 0 50px;background:#eef4fa;border:1px solid #cfe2f2;border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.cta-bar p{margin:0;font-size:15px;}
.cta-bar .btn{margin:0;}

/* 页脚 */
.site-footer{background:#0d2b45;color:#c8d6e5;margin-top:30px;}
.footgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:36px 20px 24px;}
.site-footer h4{color:#fff;margin:0 0 10px;font-size:15px;}
.site-footer p{font-size:13px;line-height:1.9;margin:0 0 6px;}
.gzh-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:16px 18px;}
.copy{border-top:1px solid rgba(255,255,255,.12);padding:14px 20px;font-size:12px;color:#7e97ac;}

/* 响应式 */
@media (max-width:860px){
  .grid{grid-template-columns:repeat(2,1fr);}
  .why{grid-template-columns:1fr;}
  .footgrid{grid-template-columns:1fr;}
  .hero{padding:52px 0 44px;}
  .hero h1{font-size:26px;}
}
@media (max-width:560px){
  .grid{grid-template-columns:1fr;}
  .article-body{padding:20px 16px;}
  .article-title{font-size:21px;}
  .logo-sub{display:none;}
  .article-body table{display:block;overflow-x:auto;max-width:100%;}
}