:root{
    --navy-900:#04122B;
    --navy-800:#072048;
    --navy-700:#0B2E63;
    --navy-600:#124184;
    --blue-600:#1559C4;
    --blue-500:#2377EA;
    --blue-400:#4E9BFF;
    --blue-200:#A9CBFB;
    --ice-100:#EAF2FE;
    --ice-50:#F5F9FF;
    --ink:#0F2244;
    --gray-600:#41506B;
    --gray-400:#5D6F8C;
    --line:#DEE8F7;
    --gold:#C9A85C;
    --gold-soft:#E4CF9A;
    --white:#FFFFFF;
    --radius:16px;
    --shadow-sm:0 4px 16px rgba(11,46,99,.08);
    --shadow-md:0 14px 38px rgba(11,46,99,.14);
    --shadow-lg:0 26px 60px rgba(4,18,43,.28);
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    color:var(--ink);
    background:var(--white);
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  svg{display:block}
  a{text-decoration:none;color:inherit}
  ul,ol{margin:0;padding:0}
  section{position:relative}
  section[id]{scroll-margin-top:88px}
  .wrap{max-width:1180px;margin:0 auto;padding:0 22px}
  .sec{padding:92px 0}
  .sec-tight{padding:72px 0}
  .bg-ice{background:var(--ice-50)}
  .bg-ice-2{background:var(--ice-100)}
  .skip-link{
    position:absolute;left:12px;top:-60px;z-index:1200;
    background:var(--navy-800);color:#fff;padding:.6rem 1rem;border-radius:8px;
    border:1px solid var(--gold);font-size:.86rem;transition:top .2s ease;
  }
  .skip-link:focus{top:12px}
  a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:8px;box-shadow:0 0 0 4px rgba(35,119,234,.35)}

  /* ---------- 通用标题 ---------- */
  .eyebrow{
    display:inline-block;
    font-size:.8rem;
    letter-spacing:.22em;
    color:var(--blue-500);
    font-weight:600;
    margin-bottom:.9rem;
  }
  .eyebrow.on-dark{color:var(--blue-200)}
  .sec-head{max-width:720px;margin-bottom:52px}
  .sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
  .sec-head h2{
    font-size:clamp(1.6rem,3.2vw,2.3rem);
    font-weight:800;
    letter-spacing:.02em;
    line-height:1.35;
    margin:0 0 1rem;
    color:var(--ink);
  }
  .sec-head h2 .accent{color:var(--blue-500)}
  .sec-head p{color:var(--gray-600);margin:0;font-size:1rem}
  .rule{
    display:flex;align-items:center;gap:6px;
    width:86px;height:3px;margin:0 0 1.4rem;
  }
  .rule::before{content:"";flex:1 1 auto;height:3px;background:linear-gradient(90deg,var(--blue-500),var(--blue-200));border-radius:2px}
  .rule::after{content:"";flex:0 0 24px;height:1px;background:linear-gradient(90deg,var(--gold-soft),rgba(201,168,92,0))}
  .sec-head.center .rule{margin:0 auto 1.4rem}

  /* ---------- 导航 ---------- */
  .site-nav{
    position:fixed;top:0;left:0;right:0;z-index:1030;
    padding:.85rem 0;
    background:linear-gradient(180deg,rgba(4,18,43,.92),rgba(4,18,43,.62) 70%,rgba(4,18,43,0));
    transition:background .35s ease,box-shadow .35s ease,padding .35s ease,border-color .35s ease;
    border-bottom:1px solid rgba(201,168,92,0);
  }
  .site-nav.solid{
    background:rgba(4,18,43,.97);
    box-shadow:0 6px 26px rgba(4,18,43,.4);
    padding:.55rem 0;
    border-bottom:1px solid rgba(201,168,92,.42);
  }
  .site-nav .wrap{display:flex;align-items:center;gap:1rem}
  .brand{display:flex;align-items:center;gap:.7rem;flex:0 0 auto}
  .brand-mark{
    width:42px;height:42px;border-radius:11px;
    background:linear-gradient(140deg,var(--blue-500),var(--navy-700));
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 18px rgba(35,119,234,.4);
    flex:0 0 auto;
  }
  .brand-mark svg{width:22px;height:22px;stroke:#fff}
  .brand-txt strong{display:block;color:#fff;font-size:1.06rem;font-weight:800;letter-spacing:.06em;line-height:1.25}
  .brand-txt span{display:block;color:var(--blue-200);font-size:.68rem;letter-spacing:.16em}
  .nav-links{display:flex;align-items:center;gap:.1rem;margin-left:auto;list-style:none}
  .nav-links a{
    display:block;color:#D6E3F7;font-size:.86rem;letter-spacing:.04em;
    padding:.5rem .66rem;border-radius:8px;position:relative;transition:color .25s,background .25s;
  }
  .nav-links a:hover{color:#fff;background:rgba(78,155,255,.14)}
  .nav-tel{
    display:inline-flex;align-items:center;gap:.5rem;
    margin-left:.7rem;padding:.55rem 1.1rem;border-radius:999px;
    background:linear-gradient(135deg,var(--blue-500),var(--blue-600));
    color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.03em;
    box-shadow:0 8px 22px rgba(35,119,234,.36);
    transition:transform .25s,box-shadow .25s;white-space:nowrap;
  }
  .nav-tel:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(35,119,234,.5);color:#fff}
  .nav-tel svg{width:16px;height:16px;stroke:#fff}
  .nav-toggle{
    display:none;margin-left:auto;background:none;border:1px solid rgba(169,203,251,.4);
    border-radius:9px;padding:.4rem .6rem;cursor:pointer;
  }
  .nav-toggle span{display:block;width:20px;height:2px;background:#D6E3F7;margin:4px 0;border-radius:2px}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;min-height:100vh;
    display:flex;align-items:center;
    padding:130px 0 70px;
    background:var(--navy-900);
    overflow:hidden;
  }
  .hero-bg{
    position:absolute;inset:0;
    background:
      radial-gradient(1080px 700px at 82% 10%,rgba(35,119,234,.42),transparent 62%),
      radial-gradient(760px 560px at 6% 92%,rgba(18,65,132,.6),transparent 66%),
      conic-gradient(from 205deg at 64% 44%,rgba(78,155,255,.16),rgba(4,18,43,0) 30%,rgba(4,18,43,0) 100%),
      linear-gradient(158deg,#04122B 0%,#072048 46%,#0B2E63 100%);
  }
  .hero-grid{
    position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(169,203,251,.07) 1px,transparent 1px),
      linear-gradient(90deg,rgba(169,203,251,.07) 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(760px 520px at 68% 34%,#000,transparent 78%);
    -webkit-mask-image:radial-gradient(760px 520px at 68% 34%,#000,transparent 78%);
  }
  .hero-veil{
    position:absolute;inset:0;
    background:linear-gradient(105deg,rgba(4,18,43,.94) 0%,rgba(7,32,72,.86) 46%,rgba(11,46,99,.42) 100%);
  }
  .hero-art{
    position:absolute;right:-40px;top:50%;transform:translateY(-50%);
    width:520px;max-width:52vw;opacity:.5;pointer-events:none;
  }
  .hero-art svg{width:100%;height:auto}
  .hero-inner{position:relative;z-index:2;width:100%}
  .hero h1{
    color:#fff;
    font-size:clamp(2.1rem,5.4vw,3.9rem);
    font-weight:900;
    line-height:1.18;
    letter-spacing:.01em;
    margin:0 0 1.3rem;
  }
  .hero h1 .hl{
    background:linear-gradient(96deg,var(--blue-400),#8FC0FF);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-lead{
    color:#C9D9F2;font-size:clamp(1rem,1.7vw,1.16rem);
    max-width:660px;margin:0 0 2.1rem;
  }
  .hero-lead b{color:#fff;font-weight:600}
  .hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:3rem}
  .btn-lg-a{
    display:inline-flex;align-items:center;gap:.6rem;
    padding:1rem 1.9rem;border-radius:999px;font-weight:700;font-size:1rem;letter-spacing:.04em;
    background:linear-gradient(135deg,var(--blue-500),var(--blue-600));
    color:#fff;box-shadow:0 14px 34px rgba(35,119,234,.42);
    transition:transform .25s,box-shadow .25s;
  }
  .btn-lg-a:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(35,119,234,.56);color:#fff}
  .btn-lg-a svg{width:19px;height:19px;stroke:#fff}
  .btn-lg-b{
    display:inline-flex;align-items:center;gap:.6rem;
    padding:1rem 1.9rem;border-radius:999px;font-weight:600;font-size:1rem;letter-spacing:.04em;
    border:1.5px solid rgba(169,203,251,.5);color:#DCE8FA;
    transition:background .25s,border-color .25s,transform .25s;
  }
  .btn-lg-b:hover{background:rgba(78,155,255,.16);border-color:var(--blue-400);transform:translateY(-3px);color:#fff}
  .hero-facts{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:1px;background:rgba(169,203,251,.18);
    border:1px solid rgba(169,203,251,.18);border-top:1px solid rgba(201,168,92,.5);
    border-radius:var(--radius);
    overflow:hidden;margin:0;padding:0;list-style:none;
  }
  .hero-facts li{background:rgba(4,18,43,.62);padding:1.15rem 1.3rem}
  .hero-facts strong{display:block;color:#fff;font-size:.98rem;font-weight:700;letter-spacing:.04em;margin-bottom:.25rem}
  .hero-facts span{display:block;color:#A9C0DE;font-size:.82rem;line-height:1.6}
  .hero-scroll{
    position:absolute;left:50%;bottom:26px;transform:translateX(-50%);
    z-index:3;color:rgba(169,203,251,.7);font-size:.72rem;letter-spacing:.3em;
  }
  .hero-scroll i{display:block;width:1px;height:34px;margin:.6rem auto 0;background:linear-gradient(180deg,rgba(169,203,251,.7),transparent)}

  /* ---------- 关于 ---------- */
  .about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
  .about-copy p{color:var(--gray-600);margin:0 0 1.1rem}
  .about-copy p strong{color:var(--ink);font-weight:700}
  .about-points{list-style:none;margin:1.8rem 0 0;display:grid;gap:.85rem}
  .about-points li{display:flex;gap:.8rem;align-items:flex-start;color:var(--gray-600);font-size:.95rem}
  .about-points svg{width:19px;height:19px;stroke:var(--blue-500);flex:0 0 auto;margin-top:.28rem}
  .about-visual{position:relative}
  .about-panel{
    position:relative;overflow:hidden;
    border-radius:var(--radius);
    background:
      radial-gradient(420px 300px at 78% 6%,rgba(35,119,234,.42),transparent 62%),
      linear-gradient(160deg,var(--navy-800),var(--navy-900) 62%,var(--navy-700));
    border:1px solid rgba(78,155,255,.26);
    box-shadow:var(--shadow-md);
    padding:2.2rem 1.7rem 1.7rem;
    aspect-ratio:4/5;
    display:flex;flex-direction:column;justify-content:space-between;gap:1rem;
  }
  .about-panel::after{
    content:"";position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(169,203,251,.06) 1px,transparent 1px),
      linear-gradient(90deg,rgba(169,203,251,.06) 1px,transparent 1px);
    background-size:38px 38px;
    pointer-events:none;
  }
  .about-panel .panel-art{position:relative;z-index:1;margin:0 auto;width:min(70%,230px)}
  .about-panel .panel-art svg{width:100%;height:auto}
  .panel-chips{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;list-style:none}
  .panel-chips li{
    background:rgba(255,255,255,.06);border:1px solid rgba(169,203,251,.2);
    border-radius:10px;padding:.55rem .7rem;color:#C9D9F2;font-size:.78rem;letter-spacing:.03em;
  }
  .about-badge{
    position:absolute;left:-18px;bottom:-22px;
    background:var(--navy-800);color:#fff;
    padding:1.1rem 1.4rem;border-radius:14px;
    box-shadow:var(--shadow-lg);
    border:1px solid rgba(201,168,92,.5);
  }
  .about-badge strong{display:block;font-size:1.3rem;font-weight:800;letter-spacing:.04em}
  .about-badge span{font-size:.76rem;color:var(--blue-200);letter-spacing:.1em}

  /* ---------- 服务卡片 ---------- */
  .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:22px}
  .svc{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:1.7rem 1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;
    position:relative;overflow:hidden;
  }
  .svc::before{
    content:"";position:absolute;left:0;top:0;height:3px;width:0;
    background:linear-gradient(90deg,var(--blue-500) 0%,var(--blue-200) 62%,var(--gold) 100%);
    transition:width .35s ease;
  }
  .svc:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#C7DCFB}
  .svc:hover::before{width:100%}
  .svc-ico{
    width:50px;height:50px;border-radius:13px;
    background:var(--ice-100);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:1.1rem;transition:background .3s;
  }
  .svc:hover .svc-ico{background:linear-gradient(140deg,var(--blue-500),var(--navy-700))}
  .svc-ico svg{width:24px;height:24px;stroke:var(--blue-600);transition:stroke .3s}
  .svc:hover .svc-ico svg{stroke:#fff}
  .svc h3{font-size:1.08rem;font-weight:800;margin:0 0 .6rem;letter-spacing:.02em}
  .svc p{margin:0;color:var(--gray-600);font-size:.9rem;line-height:1.75}

  /* ---------- 服务优势（深色版块） ---------- */
  .tech{background:linear-gradient(160deg,var(--navy-900),var(--navy-700) 58%,var(--navy-800));color:#fff;position:relative;overflow:hidden}
  .tech::after{
    content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;
    background:radial-gradient(circle,rgba(35,119,234,.36),transparent 66%);
  }
  .tech .sec-head h2{color:#fff}
  .tech .sec-head p{color:#A9C0DE}
  .tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;z-index:2}
  .tech-item{
    background:rgba(255,255,255,.05);border:1px solid rgba(169,203,251,.2);
    border-radius:var(--radius);padding:1.5rem 1.35rem;
    transition:background .3s,border-color .3s,transform .3s;
  }
  .tech-item:hover{background:rgba(78,155,255,.14);border-color:rgba(201,168,92,.55);transform:translateY(-4px)}
  .tech-item svg{width:26px;height:26px;stroke:var(--blue-400);margin-bottom:.9rem}
  .tech-item h3{font-size:1.05rem;font-weight:700;margin:0 0 .55rem;letter-spacing:.03em;color:#fff}
  .tech-item p{margin:0;color:#A9C0DE;font-size:.88rem;line-height:1.8}
  .tech-note{
    margin-top:34px;padding:1.5rem 1.7rem;border-radius:var(--radius);
    background:rgba(78,155,255,.1);border-left:2px solid var(--gold);
    color:#C9D9F2;font-size:.94rem;position:relative;z-index:2;
  }
  .tech-note b{color:#fff}

  /* ---------- 流程 ---------- */
  .flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;position:relative}
  .flow-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.05rem;position:relative}
  .flow-step .num{
    font-size:1.7rem;font-weight:900;line-height:1;
    color:transparent;-webkit-text-stroke:1.4px var(--blue-200);
    margin-bottom:.55rem;letter-spacing:.02em;
  }
  .flow-step h3{font-size:.94rem;font-weight:800;margin:0 0 .45rem}
  .flow-step p{margin:0;color:var(--gray-600);font-size:.8rem;line-height:1.7}

  /* ---------- 信任 / 资质 ---------- */
  .trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
  .quote{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:1.8rem 1.6rem;box-shadow:var(--shadow-sm);position:relative;
  }
  .quote .qico{
    width:40px;height:40px;border-radius:12px;background:var(--ice-100);
    display:flex;align-items:center;justify-content:center;margin-bottom:1rem;
  }
  .quote .qico svg{width:21px;height:21px;stroke:var(--blue-600)}
  .quote h3{margin:0 0 .6rem;font-size:1rem;font-weight:800;letter-spacing:.02em}
  .quote p{margin:0;color:var(--gray-600);font-size:.92rem;line-height:1.85}
  .quote .who{display:block;margin-top:1rem;color:var(--gray-400);font-size:.8rem;letter-spacing:.06em}
  .license-box{
    background:#fff;border:1px solid var(--line);border-left:2px solid var(--gold);
    border-radius:var(--radius);
    padding:1.6rem;box-shadow:var(--shadow-sm);margin-top:22px;
  }
  .license-box h3{margin:0 0 .9rem;font-size:1.05rem;font-weight:800;line-height:1.5}
  .info-list{display:grid;gap:.5rem;margin:0}
  .info-list div{display:grid;grid-template-columns:96px 1fr;gap:.8rem;font-size:.9rem}
  .info-list dt{color:var(--gray-400);letter-spacing:.06em}
  .info-list dd{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
  .info-list a{color:var(--blue-600);text-decoration:none}
  .info-list a:hover{text-decoration:underline}

  /* ---------- FAQ ---------- */
  .faq-list{display:grid;gap:14px}
  .faq-item{
    background:#fff;border:1px solid var(--line);border-radius:14px;
    overflow:hidden;transition:border-color .3s,box-shadow .3s;
  }
  .faq-item.open{border-color:#C7DCFB;box-shadow:var(--shadow-sm)}
  .faq-q{
    width:100%;text-align:left;background:none;border:0;cursor:pointer;
    padding:1.15rem 1.4rem;display:flex;align-items:center;gap:1rem;
    font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:.01em;
    font-family:inherit;line-height:1.6;
  }
  .faq-q .idx{
    flex:0 0 auto;width:26px;height:26px;border-radius:8px;
    background:var(--ice-100);color:var(--blue-600);
    font-size:.8rem;font-weight:800;
    display:flex;align-items:center;justify-content:center;
  }
  .faq-q .arw{margin-left:auto;flex:0 0 auto;width:18px;height:18px;stroke:var(--gray-400);transition:transform .3s,stroke .3s}
  .faq-item.open .faq-q .arw{transform:rotate(180deg);stroke:var(--blue-500)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .38s ease}
  .faq-a p{margin:0;padding:0 1.4rem 1.3rem 3.95rem;color:var(--gray-600);font-size:.92rem;line-height:1.85}

  /* ---------- 联系 ---------- */
  .contact-wrap{display:grid;grid-template-columns:1fr;gap:44px;align-items:start}
  .contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}
  .c-card{
    display:flex;gap:1.1rem;align-items:flex-start;
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:1.4rem 1.5rem;transition:transform .3s,box-shadow .3s;
  }
  .c-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
  .c-ico{
    width:46px;height:46px;border-radius:12px;flex:0 0 auto;
    background:var(--ice-100);display:flex;align-items:center;justify-content:center;
  }
  .c-ico svg{width:22px;height:22px;stroke:var(--blue-600)}
  .c-card h3{margin:0 0 .3rem;font-size:.86rem;letter-spacing:.14em;color:var(--gray-400);font-weight:600}
  .c-card p{margin:0;font-size:1.06rem;font-weight:700;color:var(--ink);letter-spacing:.02em;overflow-wrap:anywhere}
  .c-card p.small{font-size:.94rem;font-weight:600;line-height:1.7}
  .c-card a.tel{color:var(--blue-600)}
  .c-card a.tel:hover{text-decoration:underline}

  .map-strip{
    grid-column:1/-1;margin-top:16px;padding:1.1rem 1.4rem;border-radius:14px;
    background:var(--ice-100);border:1px dashed #BBD3F5;
    display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;
    color:var(--navy-700);font-size:.9rem;font-weight:600;
  }
  .map-strip svg{width:18px;height:18px;stroke:var(--blue-600);flex:0 0 auto}

  /* ---------- 页脚 ---------- */
  .site-foot{
    background:var(--navy-900);color:#A9C0DE;padding:64px 0 26px;
    border-top:1px solid rgba(201,168,92,.4);
  }
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
  .site-foot h4{color:#fff;font-size:.98rem;font-weight:800;letter-spacing:.1em;margin:0 0 1.1rem}
  .site-foot p{margin:0 0 .6rem;font-size:.88rem;line-height:1.9}
  .site-foot a:hover{color:var(--blue-400)}
  .foot-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem}
  .foot-brand .brand-mark{width:38px;height:38px}
  .foot-brand strong{color:#fff;font-size:1rem;font-weight:800;letter-spacing:.06em}
  .foot-divider{height:1px;background:rgba(169,203,251,.16);margin:40px 0 22px}
  .copyright{margin:0;color:#8FA8CB;text-align:center;font-size:.8rem;letter-spacing:.04em}

  /* ---------- 入场动画 ---------- */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none}
    html{scroll-behavior:auto}
  }

  /* ---------- 悬浮电话 ---------- */
  .float-tel{
    position:fixed;right:20px;bottom:24px;z-index:1040;
    display:inline-flex;align-items:center;gap:.55rem;
    padding:.85rem 1.25rem;border-radius:999px;
    background:linear-gradient(135deg,var(--blue-500),var(--blue-600));
    color:#fff;font-weight:700;font-size:.92rem;
    box-shadow:0 14px 34px rgba(35,119,234,.46);
    transition:transform .25s,opacity .3s;opacity:0;pointer-events:none;
  }
  .float-tel.show{opacity:1;pointer-events:auto}
  .float-tel:hover{transform:translateY(-3px);color:#fff}
  .float-tel svg{width:17px;height:17px;stroke:#fff}

  /* ---------- back to top ---------- */
  .to-top{
    position:fixed;right:20px;bottom:88px;z-index:1040;
    width:44px;height:44px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    padding:0;border:1px solid rgba(78,155,255,.42);
    background:rgba(4,18,43,.86);
    box-shadow:0 10px 26px rgba(4,18,43,.42);cursor:pointer;
    opacity:0;pointer-events:none;transform:translateY(10px);
    transition:opacity .3s,transform .3s,background .25s,border-color .25s;
  }
  .to-top.show{opacity:1;pointer-events:auto;transform:none}
  .to-top:hover{background:var(--blue-500);border-color:var(--gold);transform:translateY(-3px)}
  .to-top svg{width:18px;height:18px;stroke:#fff}

  /* ---------- 响应式 ---------- */
  @media (max-width:1199.98px){
    .nav-links{
      position:absolute;top:100%;left:0;right:0;
      flex-direction:column;align-items:stretch;gap:0;
      background:rgba(4,18,43,.99);
      border-top:1px solid rgba(169,203,251,.16);
      padding:.6rem 1.2rem 1.2rem;
      max-height:0;overflow:hidden;transition:max-height .4s ease;
    }
    .nav-links.open{max-height:600px}
    .nav-links a{padding:.85rem .4rem;border-bottom:1px solid rgba(169,203,251,.1)}
    .nav-toggle{display:block}
    .nav-tel{margin-left:auto;margin-right:.7rem}
    .about-grid{grid-template-columns:1fr;gap:44px}
    .contact-wrap{grid-template-columns:1fr;gap:34px}
    .foot-grid{grid-template-columns:1fr 1fr;gap:30px}
    .flow{grid-template-columns:repeat(3,minmax(0,1fr))}
    .tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

    .hero-art{opacity:.3;right:-90px}
  }
  @media (max-width:900px){
    .about-panel{aspect-ratio:auto;min-height:420px}
  }
  @media (max-width:767.98px){
    .sec{padding:64px 0}
    .sec-tight{padding:52px 0}
    .sec-head{margin-bottom:36px}
    .hero{padding:112px 0 56px;min-height:auto}
    .hero-actions{gap:.7rem}
    .btn-lg-a,.btn-lg-b{padding:.85rem 1.4rem;font-size:.92rem}
    .hero-art{display:none}
    .about-panel{padding:1.6rem 1.2rem}
    .about-badge{left:10px;bottom:-18px;padding:.9rem 1.1rem}

    .foot-grid{grid-template-columns:1fr;gap:26px}
    .flow{grid-template-columns:1fr;gap:14px}
    .tech-grid{grid-template-columns:1fr}
    .float-tel{right:14px;bottom:16px;padding:.7rem 1rem;font-size:.86rem}
    .to-top{right:14px;bottom:74px;width:40px;height:40px}
    .faq-a p{padding-left:1.4rem}
    .nav-tel span{display:none}
    .nav-tel{padding:.5rem .8rem}
    .info-list div{grid-template-columns:1fr}
    .info-list dt{margin-bottom:.1rem}
    .panel-chips{grid-template-columns:1fr}
  }

  /* ---------- 打印 ---------- */
  @media print{
    .site-nav,.float-tel,.to-top,.hero-scroll,.hero-bg,.hero-veil,.hero-grid,.hero-art,.skip-link{display:none!important}
    body{color:#000}
    .hero,.tech,.site-foot{background:#fff!important;color:#000!important}
    .hero h1,.hero-lead,.hero-facts strong,.hero-facts span,.tech .sec-head h2,.tech .sec-head p,.tech-item h3,.tech-item p,.tech-note,.eyebrow.on-dark,.site-foot h4,.site-foot p,.copyright{color:#000!important}
    .hero h1 .hl{background:none!important;color:#000!important;-webkit-text-fill-color:#000}
    .tech-item,.hero-facts li,.panel-chips li{background:#fff!important;border:1px solid #999!important}
    .sec{padding:20px 0;page-break-inside:avoid}
    .reveal{opacity:1!important;transform:none!important}
    .faq-a{max-height:none!important}
    a[href^="tel"]::after{content:" (" attr(href) ")";font-size:.8em}
    a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em;word-break:break-all}
  }