/* ============================================================
   fcdkw 主题 · 全局样式（蓝白科技 · 大气企业风）
   配色：
     主亮蓝 #1677FF / 深蓝 #0A2540 / 亮蓝渐变 #3B8BFF
     浅蓝底 #EFF4FF / 更浅蓝白 #F6F9FF / 页面白 #FFFFFF
   ============================================================ */
:root{
  --blue:#1677FF;
  --blue-600:#0E5BD8;
  --blue-bright:#3B8BFF;
  --navy:#0A2540;
  --navy-2:#0d2f5e;
  --blue-soft:#EFF4FF;
  --blue-soft2:#F6F9FF;
  --ink:#16233B;
  --muted:#5C6B82;
  --line:#E6ECF5;
  --bg:#FFFFFF;
  --shadow-sm:0 4px 14px rgba(16,40,90,.06);
  --shadow:0 12px 36px rgba(16,60,160,.12);
  --shadow-blue:0 14px 40px rgba(22,119,255,.18);
  --maxw:1200px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.75;font-size:15px;
}
a{color:var(--blue);text-decoration:none;transition:color .2s;}
a:hover{color:var(--blue-600);}
img{max-width:100%;display:block;}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px;}

/* ===== 顶部细栏 ===== */
.topbar{background:var(--navy);color:#cdd9ee;font-size:13px;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px;flex-wrap:wrap;gap:6px;}
.topbar a{color:#cdd9ee;}
.topbar .left span{margin-right:16px;color:#9fb3d6;}

/* ===== 站头 ===== */
.site-header{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px;flex-wrap:wrap;}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--navy);font-size:23px;letter-spacing:.5px;}
.logo .mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--blue-bright),var(--blue-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:var(--shadow-blue);}
.header-tel{font-size:21px;font-weight:800;color:var(--navy);white-space:nowrap;}
.header-tel small{display:block;font-size:12px;color:var(--muted);font-weight:400;}
.btn-cta{background:linear-gradient(135deg,var(--blue-bright),var(--blue));color:#fff;padding:12px 26px;border-radius:10px;font-weight:700;white-space:nowrap;box-shadow:var(--shadow-blue);}
.btn-cta:hover{background:linear-gradient(135deg,var(--blue),var(--blue-600));color:#fff;}

/* ===== 主导航 ===== */
.mainnav{background:var(--bg);border-bottom:1px solid var(--line);}
.mainnav .container{display:flex;gap:4px;flex-wrap:wrap;}
.mainnav a{color:var(--ink);padding:15px 20px;display:block;font-size:15px;font-weight:600;position:relative;}
.mainnav a::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;background:var(--blue);transform:scaleX(0);transition:.2s;border-radius:3px;}
.mainnav a:hover{color:var(--blue);}
.mainnav a:hover::after,.mainnav a.active::after{transform:scaleX(1);}
.mainnav a.active{color:var(--blue);}

/* ===== Hero（深蓝渐变 · 大气两栏） ===== */
.hero{background:
   radial-gradient(1200px 600px at 85% -10%,rgba(59,139,255,.45),transparent 60%),
   linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 45%,#10469a 100%);
   color:#fff;padding:66px 0 72px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background-image:
   linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
   linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
   background-size:46px 46px;mask-image:radial-gradient(circle at 70% 30%,#000,transparent 75%);}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;position:relative;}
.hero-badge{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#dce8ff;font-size:13px;font-weight:600;padding:7px 15px;border-radius:30px;margin-bottom:20px;backdrop-filter:blur(4px);}
.hero h1{font-size:46px;font-weight:800;line-height:1.22;letter-spacing:.5px;margin-bottom:18px;}
.hero h1 .hl{color:var(--blue-bright);}
.hero .sub{font-size:17px;color:#c4d4f2;margin-bottom:30px;max-width:560px;}
.hero-form{display:flex;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);padding:16px;border-radius:16px;backdrop-filter:blur(8px);box-shadow:0 20px 50px rgba(0,0,0,.25);}
.hero-form input,.hero-form select{flex:1;min-width:150px;padding:14px 15px;border:none;border-radius:10px;font-size:15px;background:#fff;color:var(--ink);}
.hero-form input::placeholder{color:#9aa3b2;}
.hero-form button{background:linear-gradient(135deg,var(--blue-bright),var(--blue));color:#fff;border:none;padding:14px 30px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-blue);}
.hero-form button:hover{background:linear-gradient(135deg,var(--blue),var(--blue-600));}
.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;color:#c4d4f2;font-size:14px;}
.hero-trust span{display:flex;align-items:center;gap:7px;}
.hero-trust span::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--blue-bright);display:inline-block;
   -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat;
   mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat;}

/* Hero 右侧 CSS 仪表盘视觉 */
.hero-visual{position:relative;}
.dash-card{background:rgba(255,255,255,.96);border-radius:18px;padding:26px;box-shadow:0 30px 70px rgba(0,0,0,.35);color:var(--ink);}
.dash-card .dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.dash-card .dash-head b{font-size:16px;color:var(--navy);}
.dash-card .dash-head .dot{font-size:12px;color:var(--blue);font-weight:700;}
.dash-ring{width:160px;height:160px;border-radius:50%;margin:6px auto 16px;
   background:conic-gradient(var(--blue) 0% 92%,var(--line) 92% 100%);
   display:flex;align-items:center;justify-content:center;position:relative;}
.dash-ring::before{content:"";position:absolute;width:118px;height:118px;background:#fff;border-radius:50%;}
.dash-ring .val{position:relative;text-align:center;}
.dash-ring .val b{display:block;font-size:34px;color:var(--navy);font-weight:800;line-height:1;}
.dash-ring .val small{color:var(--muted);font-size:13px;}
.dash-rows{display:grid;gap:10px;}
.dash-rows .r{display:flex;justify-content:space-between;align-items:center;background:var(--blue-soft);border-radius:10px;padding:11px 14px;font-size:14px;}
.dash-rows .r span{color:var(--muted);}
.dash-rows .r b{color:var(--blue);font-size:16px;}

/* ===== 数据背书带 ===== */
.stats{background:var(--blue-soft);padding:30px 0;}
.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.stats .item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 16px;text-align:center;box-shadow:var(--shadow-sm);}
.stats .item .num{font-size:32px;font-weight:800;color:var(--blue);line-height:1.1;}
.stats .item .num small{font-size:17px;font-weight:700;color:var(--blue-600);}
.stats .item .lbl{font-size:14px;color:var(--muted);margin-top:8px;}

/* ===== 通用区块 ===== */
.section{padding:64px 0;}
.section.alt{background:var(--blue-soft2);}
.sec-title{text-align:center;font-size:30px;font-weight:800;color:var(--navy);margin-bottom:12px;letter-spacing:.5px;}
.sec-title::after{content:"";display:block;width:56px;height:4px;background:linear-gradient(90deg,var(--blue-bright),var(--blue));margin:14px auto 34px;border-radius:2px;}
.sec-sub{text-align:center;color:var(--muted);font-size:15px;max-width:620px;margin:-22px auto 34px;}

/* ===== 四产品卡 ===== */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.card{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:26px 22px;transition:.25s;display:block;color:var(--ink);position:relative;overflow:hidden;}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-bright),var(--blue));transform:scaleX(0);transition:.25s;transform-origin:left;}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent;}
.card:hover::before{transform:scaleX(1);}
.card .ico{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,var(--blue-bright),var(--blue-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin-bottom:16px;box-shadow:var(--shadow-blue);}
.card h3{color:var(--navy);font-size:20px;margin-bottom:10px;}
.card p{color:var(--muted);font-size:14px;margin-bottom:16px;min-height:62px;}
.card .tags{display:flex;gap:8px;flex-wrap:wrap;}
.card .tags span{background:var(--blue-soft);color:var(--blue-600);font-size:12px;padding:5px 11px;border-radius:20px;font-weight:600;}

/* ===== 四步流程 ===== */
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.step{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:28px 22px;text-align:center;position:relative;}
.step .num{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--blue-bright),var(--blue));color:#fff;font-size:23px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:var(--shadow-blue);}
.step h3{color:var(--navy);margin-bottom:7px;font-size:18px;}
.step p{color:var(--muted);font-size:14px;}

/* ===== 平台优势 ===== */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.adv{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;padding:20px 22px;transition:.2s;}
.adv:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px);}
.adv b{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:17px;margin-bottom:6px;}
.adv b::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--blue);display:inline-block;transform:rotate(45deg);}
.adv span{color:var(--muted);font-size:14px;}

/* ===== 22 城网格 ===== */
.city-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.city-grid a{display:block;text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px 6px;color:var(--ink);font-size:14px;font-weight:600;transition:.2s;}
.city-grid a:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);transform:translateY(-2px);}
.city-grid a.home{background:linear-gradient(135deg,var(--blue-bright),var(--blue));color:#fff;border-color:transparent;}

/* ===== 资讯列表 ===== */
.news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.news-item{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:18px 20px;transition:.2s;}
.news-item:hover{box-shadow:var(--shadow-sm);border-color:var(--blue);}
.news-item a{font-weight:700;color:var(--navy);font-size:16px;}
.news-item a:hover{color:var(--blue);}
.news-item .meta{color:var(--muted);font-size:13px;margin-top:7px;}

/* ===== 单页 / 文章 / 分类 通用正文 ===== */
.page-wrap,.post-wrap,.cat-wrap{max-width:880px;margin:0 auto;padding:44px 20px;}
.page-wrap h1,.post-wrap h1,.cat-wrap h1{color:var(--navy);font-size:30px;margin-bottom:18px;}
.prose p{margin-bottom:14px;color:#374151;}
.prose h2{color:var(--blue-600);font-size:23px;margin:28px 0 12px;}
.prose h3{color:var(--blue-600);font-size:19px;margin:20px 0 10px;}
.prose ul{margin:0 0 14px 22px;}
.prose li{margin-bottom:6px;}

/* 单页里产品板块（生成器注入） */
.lp-prod{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:22px 0;}
.lp-prod .b{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px;}
.lp-prod .b h3{color:var(--navy);margin-bottom:8px;}
.lp-prod .b .rate{color:var(--blue);font-weight:800;font-size:18px;}
.lp-flow{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0;}
.lp-flow .s{flex:1;min-width:120px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center;}
.lp-flow .s .n{display:inline-block;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue-bright),var(--blue));color:#fff;line-height:32px;font-weight:800;margin-bottom:8px;}
.lp-faq{margin:18px 0;}
.lp-faq .q{font-weight:700;color:var(--navy);margin-top:12px;}
.lp-faq .a{color:#374151;}
.lp-cta{background:linear-gradient(135deg,var(--navy),#10469a);color:#fff;border-radius:16px;padding:30px;text-align:center;margin:24px 0;box-shadow:var(--shadow);}
.lp-cta .tel{font-size:28px;font-weight:800;color:#fff;}
.lp-cta .tel small{display:block;font-size:14px;color:#c4d4f2;font-weight:400;margin-top:6px;}
.lp-nav{margin:22px 0;}
.lp-nav .tags{display:flex;gap:10px;flex-wrap:wrap;}
.lp-nav .tags a{background:var(--blue-soft);color:var(--blue-600);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;}
.lp-nav .tags a:hover{background:var(--blue);color:#fff;}

/* ===== 页脚 ===== */
.site-footer{background:var(--navy);color:#aebfd9;margin-top:48px;padding:46px 0 26px;}
.site-footer a{color:#aebfd9;}
.site-footer a:hover{color:var(--blue-bright);}
.foot-city{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 24px;}
.foot-city a{background:rgba(255,255,255,.07);padding:7px 13px;border-radius:8px;font-size:13px;transition:.2s;}
.foot-city a:hover{background:rgba(255,255,255,.14);color:#fff;}
.foot-city a.home{background:var(--blue);color:#fff;}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font-size:13px;color:#7e93ba;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* ===== 移动端吸底条（仅移动端） ===== */
.m-sticky{display:none;}
@media(max-width:980px){
  .hero-inner{grid-template-columns:1fr;gap:34px;}
  .hero-visual{max-width:420px;}
}
@media(max-width:768px){
  .hero{padding:44px 0 50px;}
  .hero h1{font-size:30px;}
  .hero .sub{font-size:15px;}
  .section{padding:46px 0;}
  .sec-title{font-size:25px;}
  .prod-grid,.flow-grid,.stats .grid{grid-template-columns:1fr 1fr;}
  .adv-grid{grid-template-columns:1fr;}
  .city-grid{grid-template-columns:repeat(3,1fr);}
  .news-list{grid-template-columns:1fr;}
  .lp-prod{grid-template-columns:1fr;}
  .card p{min-height:0;}
  .mainnav a{padding:13px 13px;font-size:14px;}
  .m-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--blue-bright),var(--blue));color:#fff;align-items:center;justify-content:center;gap:14px;padding:13px;z-index:99;font-weight:700;box-shadow:0 -6px 20px rgba(0,0,0,.18);}
  .m-sticky a{color:#fff;}
  body{padding-bottom:58px;}
}
@media(max-width:480px){
  .prod-grid,.flow-grid,.stats .grid{grid-template-columns:1fr;}
  .city-grid{grid-template-columns:repeat(2,1fr);}
  .hero h1{font-size:26px;}
}