*{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
    color:#1f2937;
    background:linear-gradient(180deg,#ffffff 0%,#f1f5f9 100%) fixed;
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit}
  img{max-width:100%;display:block;height:auto}
  .container{width:min(1160px,92%);margin:0 auto}
  .site-header{
    position:sticky;top:0;z-index:60;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(12px);
    border-bottom:1px solid #e2e8f0;
  }
  .header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;flex-wrap:wrap}
  .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;color:#0f172a;letter-spacing:.2px}
  .brand-mark{
    width:36px;height:36px;border-radius:11px;
    background:linear-gradient(135deg,#1d4ed8,#38bdf8);
    color:#fff;display:grid;place-items:center;font-size:12px;letter-spacing:.5px;font-weight:700;
  }
  .brand-name{font-size:16px}
  .nav-links{display:flex;flex-wrap:wrap;gap:4px}
  .nav-links a{
    text-decoration:none;color:#475569;font-size:14px;
    padding:8px 13px;border-radius:9px;transition:background .2s,color .2s;
  }
  .nav-links a:hover{background:#eff6ff;color:#1d4ed8}
  section{padding:62px 0}
  section:nth-of-type(even){background:rgba(255,255,255,.55)}
  .eyebrow{
    display:inline-block;font-size:12px;letter-spacing:2px;text-transform:uppercase;
    color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;
    padding:4px 12px;border-radius:999px;margin-bottom:18px;
  }
  h1{font-size:clamp(26px,3.4vw,40px);line-height:1.35;letter-spacing:-.3px;color:#0f172a;font-weight:700}
  h2{font-size:clamp(21px,2.3vw,27px);color:#0f172a;font-weight:700;letter-spacing:-.2px}
  .section-head{margin-bottom:30px;max-width:760px}
  .section-head p{color:#64748b;margin-top:8px;font-size:15px}
  .lead{color:#475569;font-size:16px;margin-top:18px}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
  .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
  .btn-primary,.btn-ghost{
    display:inline-block;text-decoration:none;font-size:14px;font-weight:600;
    padding:11px 24px;border-radius:10px;transition:.22s;
  }
  .btn-primary{background:#1d4ed8;color:#fff;border:1px solid #1d4ed8}
  .btn-primary:hover{background:#1e40af;border-color:#1e40af}
  .btn-ghost{background:#fff;color:#1d4ed8;border:1px solid #cbd5e1}
  .btn-ghost:hover{border-color:#1d4ed8;background:#f8fafc}
  .hero-media img{border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 12px 34px rgba(15,23,42,.07)}
  .geo-box{
    background:#fff;border:1px solid #e2e8f0;border-left:3px solid #1d4ed8;
    border-radius:14px;padding:26px 28px;box-shadow:0 1px 2px rgba(15,23,42,.04);
  }
  .geo-box p{color:#475569;font-size:15.5px}
  .grid{display:grid;gap:18px}
  .grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
  .grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
  .card{
    background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;
    box-shadow:0 1px 2px rgba(15,23,42,.04);
    transition:box-shadow .25s,transform .25s;
  }
  .card:hover{box-shadow:0 10px 26px rgba(15,23,42,.07);transform:translateY(-2px)}
  .card h3{font-size:16px;color:#0f172a;margin-bottom:8px;font-weight:700}
  .card p{color:#64748b;font-size:14.5px}
  .stat{text-align:center;padding:28px 18px}
  .stat .num{font-size:32px;font-weight:700;color:#1d4ed8;letter-spacing:-1px;display:block}
  .stat .lbl{font-size:14px;color:#64748b;margin-top:6px;display:block}
  .icon{font-size:22px;margin-bottom:12px;display:block}
  .story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center}
  .story-grid img{border-radius:16px;border:1px solid #e2e8f0}
  .story-grid p{color:#475569;font-size:15px;margin-top:14px}
  .event-item{
    display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
    background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 24px;
    box-shadow:0 1px 2px rgba(15,23,42,.04);
  }
  .event-item + .event-item{margin-top:14px}
  .event-item h3{font-size:15.5px;color:#0f172a;margin-bottom:4px}
  .event-item span{font-size:13.5px;color:#64748b}
  .event-tag{
    font-size:12px;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;
    padding:5px 13px;border-radius:999px;white-space:nowrap;
  }
  .news-item{
    background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;
    box-shadow:0 1px 2px rgba(15,23,42,.04);display:flex;flex-direction:column;gap:10px;
    transition:box-shadow .25s,transform .25s;
  }
  .news-item:hover{box-shadow:0 10px 26px rgba(15,23,42,.07);transform:translateY(-2px)}
  .news-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .tag{
    font-size:12px;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;
    padding:3px 11px;border-radius:999px;
  }
  .news-meta time{font-size:13px;color:#94a3b8}
  .news-item h3{font-size:16.5px;color:#0f172a;line-height:1.5}
  .news-item p{color:#64748b;font-size:14.5px}
  .quote-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
  .quote-card p{color:#475569;font-size:14.5px}
  .quote-card .who{display:block;margin-top:14px;font-size:13.5px;color:#94a3b8}
  .faq-list{display:grid;gap:14px}
  .faq-item{
    background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px;
    box-shadow:0 1px 2px rgba(15,23,42,.04);
  }
  .faq-item h3{font-size:15.5px;color:#0f172a;margin-bottom:10px;display:flex;gap:10px;align-items:flex-start}
  .faq-item h3::before{content:"Q";color:#1d4ed8;font-weight:700;flex:none}
  .faq-item p{color:#64748b;font-size:14.5px}
  .cta-box{
    background:linear-gradient(135deg,#ffffff 0%,#eff6ff 100%);
    border:1px solid #dbeafe;border-radius:20px;padding:52px 30px;text-align:center;
  }
  .cta-box p{color:#475569;margin:14px auto 26px;max-width:620px;font-size:15px}
  .site-footer{
    background:#ffffff;border-top:1px solid #e2e8f0;padding:46px 0 26px;margin-top:20px;
  }
  .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
  .footer-grid h4{font-size:14px;color:#0f172a;margin-bottom:12px;font-weight:700}
  .footer-grid p,.footer-grid li{color:#64748b;font-size:13.5px;list-style:none;line-height:2}
  .footer-grid a{text-decoration:none;color:#64748b}
  .footer-grid a:hover{color:#1d4ed8}
  .footer-bottom{
    border-top:1px solid #e2e8f0;margin-top:30px;padding-top:20px;
    display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
    color:#94a3b8;font-size:13px;
  }
  .footer-bottom a{color:#64748b;text-decoration:none}
  .footer-bottom a:hover{color:#1d4ed8}
  @media (max-width:860px){
    .hero-grid,.story-grid{grid-template-columns:1fr;gap:28px}
    section{padding:48px 0}
    .nav-links a{padding:7px 10px;font-size:13.5px}
  }