*{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
    color:#17394f;
    background:linear-gradient(180deg,#ffffff 0%,#f7fcff 32%,#eaf7ff 62%,#e0f2fe 100%);
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
  }
  a{color:#0b6ea8;text-decoration:none;}
  a:hover{color:#c99a24;}
  .wrap{width:min(1140px,92vw);margin:0 auto;}
  .site-header{
    position:sticky;top:0;z-index:30;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(190,225,245,.75);
  }
  .head-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;flex-wrap:wrap;}
  .logo{font-weight:800;font-size:20px;color:#0b4a6f;letter-spacing:.6px;}
  .logo em{font-style:normal;font-size:12px;color:#c99a24;margin-left:8px;font-weight:600;letter-spacing:1px;}
  .nav-links{display:flex;gap:8px;flex-wrap:wrap;}
  .nav-links a{
    padding:7px 13px;border-radius:999px;font-size:14px;color:#22546f;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(190,225,245,.9);
    transition:all .25s ease;
  }
  .nav-links a:hover{background:#fff;color:#0b6ea8;box-shadow:0 10px 22px -12px rgba(14,165,233,.85);transform:translateY(-1px);}
  section{padding:56px 0;}
  .card{
    background:rgba(255,255,255,.72);
    border:1px solid rgba(255,255,255,.92);
    border-radius:22px;
    box-shadow:0 22px 55px -32px rgba(56,132,189,.75);
    backdrop-filter:blur(12px);
    padding:26px 24px;
  }
  h1{
    font-size:clamp(24px,3.2vw,38px);
    line-height:1.35;margin:10px 0 16px;color:#0b3d5c;letter-spacing:.4px;
  }
  h2{font-size:clamp(20px,2.3vw,27px);margin:0 0 10px;color:#0b3d5c;letter-spacing:.4px;}
  h3{font-size:17px;margin:0 0 8px;color:#10486b;}
  .eyebrow{
    display:inline-block;font-size:12px;letter-spacing:2px;color:#a8801f;
    background:linear-gradient(90deg,rgba(255,244,214,.95),rgba(255,255,255,.55));
    border:1px solid rgba(226,177,60,.45);
    border-radius:999px;padding:4px 14px;margin:0;
  }
  .lead{font-size:16px;color:#2c5c78;margin:0 0 20px;}
  .hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;padding-top:44px;}
  .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 18px;}
  .btn{
    display:inline-block;padding:11px 24px;border-radius:999px;font-size:15px;font-weight:600;
    background:linear-gradient(120deg,#38bdf8,#0ea5e9);color:#fff;
    box-shadow:0 16px 30px -16px rgba(14,165,233,.95);
    transition:.25s;
  }
  .btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 22px 38px -18px rgba(14,165,233,1);}
  .btn.ghost{
    background:rgba(255,255,255,.85);color:#0b6ea8;
    border:1px solid rgba(226,177,60,.65);
    box-shadow:0 12px 26px -20px rgba(201,154,36,.95);
  }
  .btn.ghost:hover{color:#a8801f;}
  .hero-facts{list-style:none;display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:0;}
  .hero-facts li{
    font-size:13px;color:#28566f;padding:6px 13px;border-radius:999px;
    background:rgba(224,242,254,.72);border:1px solid rgba(190,225,245,.95);
  }
  figure{margin:0;}
  .hero-art img,.story-art img,.rec-img img,.cta-img img{
    width:100%;height:auto;display:block;border-radius:20px;
    box-shadow:0 30px 60px -34px rgba(24,108,158,.9);
  }
  .geo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
  .geo-block{padding:20px 22px;}
  .geo-block h3{display:flex;align-items:center;gap:8px;}
  .geo-block h3::before{
    content:"";width:8px;height:8px;border-radius:50%;
    background:linear-gradient(120deg,#e2b13c,#38bdf8);
  }
  .story{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;}
  .story p{margin:0 0 12px;color:#2c5c78;}
  .service-grid,.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .adv-grid{grid-template-columns:repeat(4,1fr);}
  .service-card h3,.adv-card h3{margin-bottom:6px;}
  .service-card p,.adv-card p{margin:0;color:#356a86;font-size:14.5px;}
  .service-card .tag{
    display:inline-block;font-size:12px;color:#a8801f;margin-bottom:8px;
    background:rgba(255,246,222,.9);border:1px solid rgba(226,177,60,.4);
    border-radius:999px;padding:2px 10px;
  }
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .stat{text-align:center;padding:22px 14px;}
  .stat b{display:block;font-size:28px;color:#0b6ea8;letter-spacing:.5px;}
  .stat span{font-size:13.5px;color:#3d7291;}
  .rec{display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:center;}
  .rec-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px;}
  .rec-list li{
    font-size:14.5px;color:#27586f;background:rgba(255,255,255,.66);
    border:1px solid rgba(190,225,245,.9);border-radius:14px;padding:10px 16px;
  }
  .chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px;}
  .chip{
    font-size:13px;padding:5px 14px;border-radius:999px;color:#0b6ea8;
    background:rgba(224,242,254,.9);border:1px solid rgba(120,197,235,.85);
  }
  .chip.gold{color:#a8801f;background:rgba(255,246,222,.95);border-color:rgba(226,177,60,.5);}
  .news-list{display:grid;gap:16px;}
  .news-item{padding:22px 24px;}
  .news-item h3{margin-bottom:6px;}
  .news-item time{font-size:12.5px;color:#8aa8bb;letter-spacing:.5px;}
  .news-item p{margin:8px 0 0;color:#2c5c78;font-size:15px;}
  .faq-list{display:grid;gap:14px;}
  .faq-item{padding:22px 24px;}
  .faq-item h3{margin-bottom:8px;color:#10486b;}
  .faq-item p{margin:0;color:#2c5c78;font-size:15px;}
  .cta{display:grid;grid-template-columns:1fr .7fr;gap:30px;align-items:center;}
  .site-footer{
    margin-top:30px;padding:40px 0 26px;
    background:linear-gradient(180deg,rgba(224,242,254,.35),rgba(255,255,255,.95));
    border-top:1px solid rgba(190,225,245,.9);
  }
  .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:26px;}
  .site-footer h4{margin:0 0 10px;font-size:15px;color:#0b4a6f;letter-spacing:.5px;}
  .site-footer p,.site-footer li{font-size:13.5px;color:#3d7291;margin:0 0 8px;line-height:1.8;}
  .site-footer ul{list-style:none;padding:0;margin:0;}
  .footer-bottom{
    margin-top:22px;padding-top:16px;border-top:1px dashed rgba(150,200,230,.85);
    text-align:center;font-size:13px;color:#4a7b96;
  }
  .footer-bottom a{margin:0 4px;}
  @media(max-width:940px){
    .hero,.story,.rec,.cta{grid-template-columns:1fr;}
    .geo-grid,.service-grid,.adv-grid,.stats-grid,.footer-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:620px){
    section{padding:40px 0;}
    .geo-grid,.service-grid,.adv-grid,.stats-grid,.footer-grid{grid-template-columns:1fr;}
    .nav-links a{font-size:13px;padding:6px 10px;}
  }