:root{
    --blue-500:#0ea5e9;
    --blue-600:#0284c7;
    --blue-700:#0369a1;
    --blue-050:#eff9ff;
    --ink:#0f2740;
    --ink-soft:#4a6883;
    --line:#dbeafe;
    --white:#ffffff;
    --radius:18px;
    --shadow:0 12px 34px rgba(3,105,161,.10);
    --shadow-lg:0 22px 54px rgba(3,105,161,.16);
  }
  *{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
  }
  html{scroll-behavior:smooth;}
  body{
    font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
    color:var(--ink);
    background:#f7fbff;
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
  }
  a{text-decoration:none;color:inherit;}
  img{max-width:100%;display:block;}
  h1,h2,h3,h4,span,p,li,div,section,footer,header,summary,td,th{
    font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
  }
  .wrap{width:min(1180px,92%);margin:0 auto;}

  /* header */
  header.site-head{
    position:sticky;top:0;z-index:60;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);
  }
  .head-inner{
    display:flex;align-items:center;justify-content:space-between;
    gap:18px;padding:14px 0;flex-wrap:wrap;
  }
  .brand{
    display:flex;align-items:center;gap:10px;
    font-size:20px;font-weight:800;letter-spacing:.5px;
    background:linear-gradient(100deg,var(--blue-500),var(--blue-700));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .brand .dot{
    width:30px;height:30px;border-radius:10px;
    background:linear-gradient(140deg,var(--blue-500),var(--blue-700));
    display:inline-flex;align-items:center;justify-content:center;
    color:#fff;font-size:15px;font-weight:700;
    -webkit-text-fill-color:#fff;
  }
  .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
  .nav-links a{
    padding:8px 14px;border-radius:999px;font-size:14.5px;color:#1e415c;
    transition:.25s;font-weight:600;
  }
  .nav-links a:hover{
    background:linear-gradient(120deg,var(--blue-500),var(--blue-700));
    color:#fff;box-shadow:0 8px 20px rgba(14,165,233,.32);
  }

  /* hero */
  #hero{
    position:relative;overflow:hidden;
    background:
      radial-gradient(900px 460px at 12% -10%,rgba(14,165,233,.20),transparent 62%),
      radial-gradient(760px 420px at 92% 8%,rgba(3,105,161,.18),transparent 60%),
      linear-gradient(180deg,#f2faff 0%,#ffffff 78%);
    padding:64px 0 54px;
  }
  .hero-grid{
    display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;
  }
  .pill{
    display:inline-flex;align-items:center;gap:8px;
    padding:6px 16px;border-radius:999px;font-size:13px;font-weight:700;
    color:var(--blue-700);background:#e2f4ff;border:1px solid #bfe6fb;
    margin-bottom:16px;
  }
  h1{
    font-size:clamp(26px,3.4vw,44px);
    line-height:1.24;letter-spacing:-.4px;font-weight:800;
    background:linear-gradient(100deg,#0b4f77,var(--blue-600) 55%,#38bdf8);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    margin-bottom:14px;
  }
  .hero-sub{color:var(--ink-soft);font-size:16px;margin-bottom:24px;}
  .btn-row{display:flex;gap:14px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 26px;border-radius:999px;font-weight:700;font-size:15px;
    border:1px solid transparent;transition:.28s;
  }
  .btn-primary{
    background:linear-gradient(120deg,var(--blue-500),var(--blue-700));
    color:#fff;box-shadow:0 14px 30px rgba(14,165,233,.34);
  }
  .btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(3,105,161,.36);}
  .btn-ghost{
    background:#fff;color:var(--blue-700);border-color:#bfe6fb;
  }
  .btn-ghost:hover{background:var(--blue-050);transform:translateY(-3px);}
  .hero-art{
    background:linear-gradient(150deg,#e8f6ff,#ffffff 70%);
    border:1px solid var(--line);border-radius:26px;padding:16px;
    box-shadow:var(--shadow-lg);
  }
  .hero-art img{border-radius:18px;}

  /* generic section */
  section{padding:58px 0;}
  .sec-head{text-align:center;max-width:760px;margin:0 auto 38px;}
  .sec-head h2{
    font-size:clamp(21px,2.5vw,30px);font-weight:800;color:#0b3f5f;margin-bottom:10px;
  }
  .sec-head p{color:var(--ink-soft);font-size:15px;}
  .kicker{
    display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:2px;
    color:var(--blue-600);text-transform:uppercase;margin-bottom:8px;
  }

  /* geo-intro */
  #geo-intro{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .geo-box{
    background:linear-gradient(140deg,#f0f9ff,#ffffff 72%);
    border:1px solid var(--line);border-radius:22px;
    padding:30px 32px;box-shadow:var(--shadow);
  }
  .geo-box p{color:#284a66;font-size:15.6px;}
  .geo-box p + p{margin-top:14px;}

  /* stats */
  #stats{background:linear-gradient(180deg,#ffffff,#f4fbff);}
  .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;}
  .stat-card{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:24px 22px;box-shadow:var(--shadow);transition:.28s;
  }
  .stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
  .stat-num{
    font-size:32px;font-weight:800;
    background:linear-gradient(120deg,var(--blue-500),var(--blue-700));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .stat-card h3{font-size:15px;color:#0b3f5f;margin:6px 0 4px;}
  .stat-card p{font-size:13.6px;color:var(--ink-soft);}

  /* advantages */
  .adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;}
  .adv-card{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:26px 24px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.28s;
  }
  .adv-card::after{
    content:"";position:absolute;inset:auto -40px -60px auto;
    width:150px;height:150px;border-radius:50%;
    background:radial-gradient(circle,rgba(14,165,233,.16),transparent 70%);
  }
  .adv-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#bfe6fb;}
  .adv-icon{
    width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;
    font-size:22px;background:linear-gradient(140deg,#e0f3ff,#c7e9ff);margin-bottom:14px;
  }
  .adv-card h3{font-size:17px;color:#0b3f5f;margin-bottom:8px;}
  .adv-card p{font-size:14.2px;color:var(--ink-soft);}

  /* scores */
  #scores{background:linear-gradient(180deg,#f4fbff,#ffffff);}
  .table-wrap{
    overflow-x:auto;background:#fff;border:1px solid var(--line);
    border-radius:var(--radius);box-shadow:var(--shadow);
  }
  table{width:100%;border-collapse:collapse;min-width:640px;}
  thead th{
    background:linear-gradient(120deg,#e6f5ff,#f4fbff);
    color:#0b3f5f;font-size:14px;text-align:left;padding:15px 18px;font-weight:800;
    border-bottom:1px solid var(--line);
  }
  tbody td{
    padding:14px 18px;font-size:14.2px;color:#31576f;border-bottom:1px solid #eef7ff;
  }
  tbody tr:last-child td{border-bottom:none;}
  tbody tr:hover{background:#f7fcff;}
  .tag{
    display:inline-block;padding:3px 11px;border-radius:999px;font-size:12.4px;font-weight:700;
    background:#e2f4ff;color:var(--blue-700);
  }

  /* brand story */
  #brand-story{background:#fff;}
  .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
  .story-text h2{font-size:clamp(21px,2.4vw,29px);color:#0b3f5f;margin-bottom:14px;font-weight:800;}
  .story-text p{color:var(--ink-soft);font-size:15.2px;margin-bottom:12px;}
  .story-art{
    border-radius:26px;overflow:hidden;border:1px solid var(--line);
    box-shadow:var(--shadow-lg);background:linear-gradient(150deg,#eaf7ff,#fff);
    padding:14px;
  }
  .story-art img{border-radius:18px;}

  /* news */
  #news-list{background:linear-gradient(180deg,#f6fbff,#ffffff);}
  .news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;}
  .news-card{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:24px;box-shadow:var(--shadow);transition:.28s;display:flex;flex-direction:column;
  }
  .news-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#bfe6fb;}
  .news-date{
    font-size:12.8px;font-weight:700;color:var(--blue-700);
    background:#e8f6ff;border-radius:999px;padding:3px 12px;align-self:flex-start;margin-bottom:12px;
  }
  .news-card h3{font-size:16.5px;color:#0b3f5f;margin-bottom:10px;line-height:1.5;}
  .news-card p{font-size:14.1px;color:var(--ink-soft);flex:1;}
  .news-more{
    margin-top:14px;font-size:13.6px;font-weight:800;color:var(--blue-600);
  }

  /* app download */
  #app-download{background:#fff;}
  .dl-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;}
  .dl-art{border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);padding:14px;background:linear-gradient(150deg,#eaf7ff,#fff);}
  .dl-art img{border-radius:18px;}
  .dl-text h2{font-size:clamp(21px,2.4vw,29px);color:#0b3f5f;margin-bottom:14px;font-weight:800;}
  .dl-list{list-style:none;display:grid;gap:10px;margin-bottom:22px;}
  .dl-list li{
    background:var(--blue-050);border:1px solid #d9efff;border-radius:12px;
    padding:11px 16px;font-size:14.2px;color:#2b5573;
  }

  /* faq */
  #faq{background:linear-gradient(180deg,#f4fbff,#ffffff);}
  .faq-list{display:grid;gap:14px;max-width:980px;margin:0 auto;}
  details.faq-item{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    box-shadow:var(--shadow);overflow:hidden;transition:.25s;
  }
  details.faq-item[open]{border-color:#a9dcf8;box-shadow:var(--shadow-lg);}
  details.faq-item summary{
    cursor:pointer;list-style:none;padding:18px 24px;
    font-size:15.4px;font-weight:800;color:#0b3f5f;
    display:flex;justify-content:space-between;gap:14px;align-items:flex-start;
  }
  details.faq-item summary::-webkit-details-marker{display:none;}
  details.faq-item summary::after{
    content:"+";font-size:20px;font-weight:400;color:var(--blue-600);line-height:1;flex:0 0 auto;
  }
  details.faq-item[open] summary::after{content:"−";}
  .faq-answer{
    padding:0 24px 20px;font-size:14.3px;color:var(--ink-soft);
    border-top:1px dashed #e2f1fc;margin-top:2px;padding-top:16px;
  }

  /* partners */
  #partners{background:#fff;}
  .partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;}
  .partner-chip{
    background:linear-gradient(140deg,#f4fbff,#eaf6ff);
    border:1px solid var(--line);border-radius:14px;
    padding:20px 12px;text-align:center;font-size:14.4px;font-weight:700;color:#1f4e6d;
    transition:.25s;
  }
  .partner-chip:hover{transform:translateY(-5px);box-shadow:var(--shadow);color:var(--blue-700);}

  /* cta */
  #cta{padding-bottom:70px;}
  .cta-box{
    background:linear-gradient(120deg,var(--blue-600),var(--blue-700) 60%,#0b4f77);
    border-radius:28px;padding:46px 34px;text-align:center;color:#fff;
    box-shadow:0 26px 60px rgba(3,105,161,.30);
    position:relative;overflow:hidden;
  }
  .cta-box::before{
    content:"";position:absolute;inset:-80px -60px auto auto;width:260px;height:260px;
    border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);
  }
  .cta-box h2{font-size:clamp(21px,2.6vw,30px);font-weight:800;margin-bottom:12px;}
  .cta-box p{font-size:15px;color:#e2f4ff;margin-bottom:26px;}
  .cta-box .btn-primary{
    background:#fff;color:var(--blue-700);box-shadow:0 14px 30px rgba(0,0,0,.18);
  }
  .cta-box .btn-primary:hover{transform:translateY(-3px);}

  /* footer */
  footer{
    background:linear-gradient(180deg,#0b3f5f,#07293f);
    color:#c9e6f7;padding:48px 0 26px;font-size:14px;
  }
  .foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;margin-bottom:28px;}
  .foot-grid h4{color:#fff;font-size:15.5px;margin-bottom:12px;}
  .foot-grid p{color:#a9cfe6;line-height:2;}
  .foot-grid a{color:#a9cfe6;transition:.2s;}
  .foot-grid a:hover{color:#fff;}
  .foot-bottom{
    border-top:1px solid rgba(255,255,255,.14);padding-top:18px;
    display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
    color:#93bdd6;font-size:13.4px;
  }
  .foot-bottom a{color:#bcdcf0;}
  .foot-bottom a:hover{color:#fff;}

  @media (max-width:900px){
    .hero-grid,.story-grid,.dl-grid{grid-template-columns:1fr;}
    .hero-art,.story-art,.dl-art{order:-1;}
    #hero{padding:44px 0 40px;}
    section{padding:44px 0;}
  }
  @media (max-width:600px){
    .head-inner{justify-content:center;}
    .nav-links{justify-content:center;}
    .nav-links a{padding:7px 11px;font-size:13.5px;}
    .geo-box{padding:22px 20px;}
  }