:root{
  --primary:#1B365D;
  --primary-deep:#12294a;
  --secondary:#4A90D9;
  --accent:#E63946;
  --accent-deep:#c92b38;
  --gold:#F5B942;
  --bg:#F7F9FC;
  --white:#ffffff;
  --text:#2c3e50;
  --text-gray:#5f6f80;
  --line:#e6ebf2;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  color:var(--text);background:var(--bg);line-height:1.75;font-size:16px;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
/* 顶部信息栏 */
.topbar{background:var(--primary-deep);color:#cbd8ea;font-size:14px;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;}
.topbar .left i{color:var(--gold);margin-right:6px;}
.topbar a.tel{color:#fff;font-weight:700;font-size:16px;letter-spacing:.5px;}
.topbar a.tel i{color:var(--accent);margin-right:6px;}
/* 导航 */
.navbar{background:var(--white);box-shadow:0 1px 8px rgba(27,54,93,.08);position:sticky;top:0;z-index:100;}
.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand img{height:44px;width:auto;}
.brand .txt{line-height:1.2;}
.brand .txt b{display:block;font-size:20px;color:var(--primary);}
.brand .txt span{font-size:12px;color:var(--text-gray);}
.nav-menu{display:flex;list-style:none;gap:4px;align-items:center;}
.nav-menu li a{display:block;padding:8px 14px;color:var(--text);font-size:15px;border-radius:6px;transition:.2s;}
.nav-menu li a:hover{color:var(--primary);background:var(--bg);}
.nav-menu li a.cta-btn{background:var(--accent);color:#fff;font-weight:700;padding:9px 18px;border-radius:8px;}
.nav-menu li a.cta-btn:hover{background:var(--accent-deep);}
.nav-toggle{display:none;background:none;border:none;font-size:26px;color:var(--primary);cursor:pointer;}
/* Hero */
.hero{background:linear-gradient(120deg,var(--primary-deep) 0%,var(--primary) 55%,#2a5a9c 100%);color:#fff;position:relative;overflow:hidden;}
.hero .container{display:flex;align-items:center;gap:40px;padding:70px 20px;}
.hero-text{flex:1.2;}
.hero-text .badge{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:5px 14px;border-radius:20px;font-size:13px;margin-bottom:18px;}
.hero-text .badge i{color:var(--gold);margin-right:6px;}
.hero-text h1{font-size:42px;line-height:1.3;font-weight:800;margin-bottom:16px;}
.hero-text h1 .hl{color:var(--gold);}
.hero-text .sub{font-size:17px;color:#d5e0ef;margin-bottom:28px;}
.hero-text .trust{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;}
.hero-text .trust span{background:rgba(255,255,255,.1);padding:6px 14px;border-radius:6px;font-size:14px;}
.hero-text .trust span i{color:var(--gold);margin-right:5px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:10px;font-size:17px;font-weight:700;transition:.2s;cursor:pointer;}
.btn-accent{background:var(--accent);color:#fff;}
.btn-accent:hover{background:var(--accent-deep);transform:translateY(-2px);box-shadow:0 6px 18px rgba(230,57,70,.35);}
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6);}
.btn-outline:hover{background:rgba(255,255,255,.12);}
.hero-img{flex:1;text-align:center;}
.hero-img img{border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.3);max-height:420px;object-fit:cover;}
/* 区块通用 */
section{padding:72px 0;}
.sec-head{text-align:center;max-width:720px;margin:0 auto 46px;}
.sec-head .tag{display:inline-block;color:var(--accent);font-weight:700;font-size:14px;letter-spacing:.12em;margin-bottom:10px;}
.sec-head h2{font-size:32px;color:var(--primary);font-weight:800;margin-bottom:14px;}
.sec-head p{color:var(--text-gray);font-size:16px;}
/* 服务项目 */
.services{background:var(--white);}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.svc-card{background:var(--bg);border-radius:14px;padding:30px 26px;border:1px solid var(--line);transition:.25s;position:relative;overflow:hidden;}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 14px 32px rgba(27,54,93,.12);border-color:var(--secondary);}
.svc-card .icon{width:58px;height:58px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px;}
.svc-card h3{font-size:21px;color:var(--primary);margin-bottom:12px;}
.svc-card ul{list-style:none;}
.svc-card ul li{padding:7px 0;color:var(--text-gray);font-size:15px;border-bottom:1px dashed var(--line);}
.svc-card ul li:last-child{border-bottom:none;}
.svc-card ul li i{color:var(--gold);margin-right:8px;font-size:13px;}
/* 服务优势 */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.adv-card{background:var(--white);border-radius:14px;padding:30px 26px;box-shadow:0 2px 12px rgba(27,54,93,.06);border-top:4px solid var(--accent);}
.adv-card .num{font-size:14px;font-weight:800;color:var(--accent);letter-spacing:.08em;}
.adv-card h3{font-size:19px;color:var(--primary);margin:10px 0 12px;}
.adv-card p{color:var(--text-gray);font-size:15px;}
/* 品牌故事 */
.about{background:var(--white);}
.about .container{display:flex;gap:44px;align-items:center;}
.about-img{flex:1;}
.about-img img{border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.12);}
.about-txt{flex:1.2;}
.about-txt h2{font-size:30px;color:var(--primary);font-weight:800;margin-bottom:18px;}
.about-txt p{color:var(--text-gray);margin-bottom:14px;font-size:16px;}
.about-txt .quote{border-left:4px solid var(--accent);background:var(--bg);padding:14px 18px;border-radius:0 8px 8px 0;color:var(--primary);font-weight:600;margin:18px 0;}
/* 客户案例 */
.cases{background:var(--bg);}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.case-card{background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(27,54,93,.06);}
.case-card img{height:200px;width:100%;object-fit:cover;}
.case-card .body{padding:22px 24px;}
.case-card .tag{display:inline-block;background:var(--bg);color:var(--accent);font-size:13px;font-weight:700;padding:4px 12px;border-radius:14px;margin-bottom:10px;}
.case-card h3{font-size:18px;color:var(--primary);margin-bottom:10px;}
.case-card p{color:var(--text-gray);font-size:14.5px;}
/* 信任背书 */
.trust-sec{background:var(--white);}
.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.trust-item{text-align:center;padding:24px 14px;border-radius:12px;background:var(--bg);border:1px solid var(--line);}
.trust-item .icon{font-size:32px;color:var(--primary);margin-bottom:12px;}
.trust-item h3{font-size:16px;color:var(--primary);margin-bottom:8px;}
.trust-item p{font-size:13px;color:var(--text-gray);}
/* FAQ */
.faq{background:var(--bg);}
.faq-wrap{max-width:820px;margin:0 auto;}
.faq-item{background:var(--white);border-radius:10px;margin-bottom:14px;border:1px solid var(--line);overflow:hidden;}
.faq-item summary{padding:18px 22px;font-weight:700;color:var(--primary);cursor:pointer;list-style:none;position:relative;font-size:16px;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--accent);}
.faq-item[open] summary:after{content:"−";}
.faq-item .faq-a{padding:0 22px 18px;color:var(--text-gray);font-size:15px;}
/* CTA */
.cta-bar{background:linear-gradient(120deg,var(--primary-deep),var(--primary));color:#fff;text-align:center;padding:60px 20px;}
.cta-bar h2{font-size:30px;font-weight:800;margin-bottom:12px;}
.cta-bar p{color:#d5e0ef;margin-bottom:24px;font-size:16px;}
.cta-bar .tel-big{font-size:40px;font-weight:800;color:var(--gold);letter-spacing:.03em;}
.cta-bar .tel-big i{font-size:32px;margin-right:8px;}
/* Footer */
footer{background:var(--primary-deep);color:#cbd8ea;padding:50px 0 24px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12);}
.footer-grid h4{color:#fff;font-size:16px;margin-bottom:16px;}
.footer-grid p,.footer-grid a{color:#cbd8ea;font-size:14px;line-height:2;}
.footer-grid a:hover{color:var(--gold);}
.footer-brand img{height:40px;width:auto;margin-bottom:14px;}
.footer-bottom{text-align:center;padding-top:22px;font-size:13px;color:#8ba0bd;}
.footer-bottom a{color:#cbd8ea;}
/* 响应式 */
@media(max-width:991px){
  .nav-menu{position:fixed;top:0;right:-100%;width:70%;max-width:320px;height:100vh;background:var(--white);flex-direction:column;padding:80px 20px 20px;gap:6px;box-shadow:-4px 0 20px rgba(0,0,0,.15);transition:right .3s;align-items:stretch;}
  .nav-menu.open{right:0;}
  .nav-menu li a{display:block;padding:14px;border-radius:8px;}
  .nav-toggle{display:block;}
  .hero .container{flex-direction:column;text-align:center;padding:50px 20px;}
  .hero-text .trust{justify-content:center;}
  .hero-cta{justify-content:center;}
  .svc-grid,.adv-grid{grid-template-columns:repeat(2,1fr);}
  .about .container{flex-direction:column;}
  .trust-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:640px){
  .hero-text h1{font-size:30px;}
  .sec-head h2{font-size:26px;}
  .svc-grid,.adv-grid,.case-grid{grid-template-columns:1fr;}
  .trust-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr;}
  .cta-bar .tel-big{font-size:30px;}
  .topbar .left span.hide-m{display:none;}
}