/* ============ 设计变量 ============ */
  :root{
    --ink:#0a1730;
    --ink-2:#22375d;
    --muted:#63779b;
    --faint:#8b9cbb;
    --line:#e6ecf7;
    --line-2:#d8e2f3;
    --bg:#f8fafe;
    --card:#ffffff;
    --primary:#1a3fbf;
    --primary-2:#3f74ff;
    --primary-3:#7aa2ff;
    --primary-soft:#edf3ff;
    --accent:#ff7518;
    --accent-2:#ffa347;
    --accent-soft:#fff4e9;
    --green:#0e9e6a;
    --green-soft:#e9f9f2;
    --grad:linear-gradient(135deg,#1a3fbf 0%,#3f74ff 58%,#7aa2ff 100%);
    --grad-warm:linear-gradient(135deg,#ff6a00 0%,#ffa347 100%);
    --sh-xs:0 1px 2px rgba(10,23,48,.05);
    --sh-sm:0 4px 14px rgba(16,38,90,.06);
    --sh:0 16px 40px rgba(16,38,90,.10);
    --sh-lg:0 34px 80px rgba(12,30,78,.16);
    --sh-xl:0 50px 120px rgba(10,25,66,.22);
    --r-sm:10px;
    --r:18px;
    --r-lg:26px;
    --max:1200px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",sans-serif;
    color:var(--ink);
    background:var(--bg);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }
  /* 细腻噪点，提升质感 */
  body::after{
    content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.022;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 26px}

  /* ============ 顶部导航 ============ */
  header{
    position:sticky;top:0;z-index:90;
    background:rgba(248,250,254,.78);
    backdrop-filter:saturate(180%) blur(18px);
    border-bottom:1px solid transparent;
    transition:border-color .3s, box-shadow .3s, background .3s;
  }
  header.stuck{border-bottom-color:var(--line);box-shadow:0 8px 30px rgba(16,38,90,.05)}
  .nav{display:flex;align-items:center;gap:26px;height:70px}
  .brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:16.5px;letter-spacing:-.3px;white-space:nowrap}
  .logo{
    width:34px;height:34px;border-radius:10px;flex:none;position:relative;
    background:var(--grad);
    display:grid;place-items:center;color:#fff;font-size:15px;font-weight:900;
    box-shadow:0 8px 18px rgba(26,63,191,.34), inset 0 1px 0 rgba(255,255,255,.4);
  }
  .nav-links{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
  .nav-links a{font-size:14.5px;color:var(--ink-2);padding:9px 13px;border-radius:10px;font-weight:600;transition:.2s}
  .nav-links a:hover{background:var(--primary-soft);color:var(--primary)}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    padding:13px 24px;border-radius:12px;font-weight:700;font-size:15px;
    border:none;cursor:pointer;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s,background .22s;
    white-space:nowrap;position:relative;
  }
  .btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 26px rgba(26,63,191,.28), inset 0 1px 0 rgba(255,255,255,.28)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(26,63,191,.34), inset 0 1px 0 rgba(255,255,255,.28)}
  .btn-accent{background:var(--grad-warm);color:#fff;box-shadow:0 12px 26px rgba(255,117,24,.32), inset 0 1px 0 rgba(255,255,255,.3)}
  .btn-accent:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(255,117,24,.38)}
  .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line-2);box-shadow:var(--sh-xs)}
  .btn-ghost:hover{transform:translateY(-2px);border-color:#bcccec;box-shadow:var(--sh-sm)}
  .nav .btn{padding:10px 19px;font-size:14px;border-radius:11px}
  .menu-toggle{display:none;margin-left:auto;background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:8px 12px;font-size:16px;cursor:pointer;color:var(--ink)}

  /* ============ 顶部滚动播报条 ============ */
  .ticker{background:linear-gradient(90deg,#081737 0%,#16357f 42%,#1a3fbf 70%,#0d2358 100%);color:#fff}
  .ticker-in{display:flex;align-items:center;gap:11px;height:38px}
  .tk-ico{font-size:13px;flex:none;animation:tkpulse 2.2s ease-in-out infinite}
  @keyframes tkpulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
  .tk-view{position:relative;flex:1;min-width:0;height:38px}
  .tk-view span{
    position:absolute;inset:0;display:flex;align-items:center;font-size:13px;font-weight:600;
    letter-spacing:.1px;opacity:0;transform:translateY(9px);transition:opacity .5s,transform .5s;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.92)
  }
  .tk-view span.on{opacity:1;transform:none}
  .tk-view span b{color:#ffc78a;font-weight:800}
  .tk-tag{
    flex:none;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:800;letter-spacing:.2px
  }

  /* ============ Hero ============ */
  .hero{position:relative;padding:82px 0 26px;overflow:hidden;text-align:center}
  .aurora{position:absolute;inset:0;z-index:0;pointer-events:none}
  .aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}
  .aurora i:nth-child(1){width:620px;height:420px;left:-8%;top:-14%;background:radial-gradient(circle,rgba(63,116,255,.55),transparent 68%)}
  .aurora i:nth-child(2){width:520px;height:400px;right:-6%;top:-8%;background:radial-gradient(circle,rgba(255,117,24,.38),transparent 68%)}
  .aurora i:nth-child(3){width:760px;height:440px;left:38%;top:34%;background:radial-gradient(circle,rgba(122,162,255,.4),transparent 70%)}
  .hero .grid-lines{
    position:absolute;inset:0;z-index:0;opacity:.55;
    background-image:linear-gradient(rgba(26,63,191,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(26,63,191,.06) 1px,transparent 1px);
    background-size:64px 64px;
    -webkit-mask-image:radial-gradient(circle at 50% 24%,#000 0%,transparent 68%);
    mask-image:radial-gradient(circle at 50% 24%,#000 0%,transparent 68%);
  }
  .hero .wrap{position:relative;z-index:1}
  .pill{
    display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.86);border:1px solid var(--line-2);
    padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-2);
    box-shadow:var(--sh-sm);backdrop-filter:blur(8px);
  }
  .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}
  h1{font-size:58px;line-height:1.12;letter-spacing:-2px;font-weight:900;margin:22px auto 0;max-width:900px}
  h1 .hl{
    background:linear-gradient(115deg,var(--primary) 0%,var(--primary-2) 42%,var(--accent) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero p.lead{font-size:17.5px;color:var(--ink-2);margin:22px auto 0;max-width:640px}
  .hero-cta{display:flex;gap:14px;margin-top:32px;justify-content:center;flex-wrap:wrap}
  .trust{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin-top:36px;padding-top:26px;border-top:1px dashed var(--line-2);max-width:1000px;margin-left:auto;margin-right:auto}
  .trust .t{text-align:center}
  .trust .t b{display:block;font-size:23px;font-weight:900;letter-spacing:-.6px;color:var(--primary)}
  .trust .t span{font-size:12.5px;color:var(--muted);font-weight:600}

  /* ============ 软件界面展示台 ============ */
  .showcase{position:relative;padding:36px 0 76px;overflow:hidden}
  .showcase::before{
    content:"";position:absolute;left:50%;top:8%;transform:translateX(-50%);
    width:1180px;height:760px;border-radius:50%;z-index:0;pointer-events:none;
    background:radial-gradient(circle,rgba(63,116,255,.16),transparent 62%);
    filter:blur(30px);
  }
  .showcase .wrap{position:relative;z-index:1}
  .stage-hint{
    display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;
    font-size:12.8px;color:var(--faint);font-weight:600
  }
  .stage-hint .k{
    display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line-2);
    padding:4px 11px;border-radius:999px;box-shadow:var(--sh-xs);color:var(--muted)
  }
  /* 标签 */
  .tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:20px}
  .tab{
    position:relative;display:flex;align-items:center;gap:8px;
    background:rgba(255,255,255,.7);border:1px solid var(--line-2);border-radius:12px;
    padding:10px 16px;font-size:14px;font-weight:700;color:var(--ink-2);cursor:pointer;
    transition:.24s;overflow:hidden;font-family:inherit;
  }
  .tab .ic{font-size:15px;line-height:1}
  .tab:hover{border-color:#bcd0f2;color:var(--primary);transform:translateY(-1px)}
  .tab.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(26,63,191,.30)}
  .tab .bar{position:absolute;left:0;right:0;bottom:0;height:2.5px;background:rgba(255,255,255,.28)}
  .tab .bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:rgba(255,255,255,.95);transform:scaleX(0);transform-origin:left}
  .tab.active .bar::after{animation:fillbar var(--dur,4600ms) linear forwards}
  .tabs.paused .tab.active .bar::after{animation-play-state:paused}
  @keyframes fillbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

  /* 窗口 */
  .stage{position:relative}
  .window{
    position:relative;background:#fff;border-radius:var(--r-lg);padding:13px;
    border:1px solid #e9f0fc;
    box-shadow:var(--sh-xl), 0 0 0 1px rgba(255,255,255,.7) inset;
    transition:transform .5s cubic-bezier(.2,.7,.3,1);
    transform-style:preserve-3d;
  }
  .window::before{
    content:"";position:absolute;left:8%;right:8%;bottom:-26px;height:60px;z-index:-1;border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(16,38,90,.24),transparent 70%);filter:blur(22px);
  }
  .chrome{display:flex;align-items:center;gap:10px;padding:2px 4px 12px}
  .lights{display:flex;gap:7px}
  .lights i{width:11px;height:11px;border-radius:50%;display:block;box-shadow:inset 0 -1px 1px rgba(0,0,0,.12)}
  .lights i:nth-child(1){background:#ff5f57}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}
  .urlbar{
    flex:1;display:flex;align-items:center;gap:8px;background:#f4f7fd;border:1px solid #e9eff9;
    border-radius:9px;padding:6px 13px;font-size:12px;color:var(--faint);font-weight:600;
    min-width:0;overflow:hidden;
  }
  .urlbar .lock{font-size:11px}
  .urlbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .urlbar em{font-style:normal;color:var(--ink-2)}
  .chrome-actions{display:flex;gap:8px}
  .arrow{
    width:34px;height:34px;border-radius:10px;border:1px solid var(--line-2);background:#fff;
    display:grid;place-items:center;cursor:pointer;color:var(--ink-2);font-size:14px;transition:.2s;font-family:inherit;
  }
  .arrow:hover{background:var(--primary-soft);border-color:#c3d4f5;color:var(--primary)}
  .viewport{
    position:relative;border-radius:16px;overflow:hidden;background:#fbfcff;
    border:1px solid #edf2fb;
  }
  .slides{position:relative;width:100%;aspect-ratio:1502 / 782}
  .slide{
    position:absolute;inset:0;opacity:0;transform:scale(1.015);z-index:0;
    transition:opacity .58s cubic-bezier(.4,0,.2,1), transform .8s cubic-bezier(.4,0,.2,1);
    pointer-events:none;
  }
  .slide.active{opacity:1;transform:scale(1);pointer-events:auto;z-index:2}
  .slide img{width:100%;height:100%;object-fit:cover}
  .glare{
    position:absolute;inset:0;pointer-events:none;border-radius:16px;
    background:linear-gradient(115deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 26%,rgba(255,255,255,0) 74%,rgba(255,255,255,.34) 100%);
    mix-blend-mode:screen;
  }
  /* 幻灯片说明条 */
  .caption{
    display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;
    background:linear-gradient(135deg,#0f2557 0%,#1a3fbf 62%,#3567ee 100%);
    color:#fff;border-radius:0 0 15px 15px;padding:18px 24px;margin:0 1px;
    position:relative;overflow:hidden;
  }
  .caption::after{
    content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,117,24,.5),transparent 66%);
  }
  .caption .idx{font-size:12px;font-weight:800;letter-spacing:2px;opacity:.7;position:relative;z-index:1}
  .caption .txt{position:relative;z-index:1;min-width:0}
  .caption .txt b{display:block;font-size:16.5px;font-weight:800;letter-spacing:-.2px}
  .caption .txt p{font-size:13.5px;color:rgba(255,255,255,.8);margin-top:2px}
  .caption .chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1}
  .caption .chips span{
    font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:8px;
    background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.24);white-space:nowrap
  }
  /* 缩略图 */
  .thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:16px}
  .thumb{
    background:#fff;border:1px solid var(--line);border-radius:13px;padding:9px;cursor:pointer;
    transition:.24s;font-family:inherit;text-align:left;position:relative;overflow:hidden;
  }
  .thumb:hover{transform:translateY(-3px);box-shadow:var(--sh-sm);border-color:#c9d9f6}
  .thumb.active{border-color:transparent;box-shadow:0 0 0 2px var(--primary), var(--sh-sm)}
  .thumb .pic{border-radius:8px;overflow:hidden;border:1px solid #eef3fc;background:#f8fbff;aspect-ratio:1502/782}
  .thumb .pic img{width:100%;height:100%;object-fit:cover}
  .thumb .nm{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12.3px;font-weight:700;color:var(--ink-2)}
  .thumb.active .nm{color:var(--primary)}
  .thumb .nm i{font-style:normal;font-size:12px}
  .privacy-note{
    display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;
    font-size:12.3px;color:var(--faint);font-weight:600
  }
  .privacy-note svg{flex:none}

  /* ============ 通用 section ============ */
  section{padding:84px 0}
  .sec-head{text-align:center;max-width:740px;margin:0 auto 54px}
  .kicker{
    display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1.5px;
    color:var(--primary);background:var(--primary-soft);padding:7px 14px;border-radius:999px;text-transform:uppercase
  }
  h2{font-size:40px;line-height:1.24;letter-spacing:-1.2px;font-weight:900;margin:18px 0 14px}
  h2 .hl-o{color:var(--accent)}
  .sec-head p{color:var(--muted);font-size:16.2px}

  /* 痛点 */
  .pain{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
  .pain::before{
    content:"";position:absolute;left:-140px;top:-140px;width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,117,24,.09),transparent 68%);filter:blur(20px)
  }
  .pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
  .pain-card{
    background:linear-gradient(180deg,#ffffff 0%,#fafcff 100%);
    border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;transition:.28s;position:relative;overflow:hidden
  }
  .pain-card::before{
    content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);
    opacity:0;transition:.28s
  }
  .pain-card:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:#d6e1f6}
  .pain-card:hover::before{opacity:1}
  .pain-card .ico{font-size:23px;margin-bottom:14px;display:block}
  .pain-card h4{font-size:16.5px;font-weight:800;margin-bottom:9px;letter-spacing:-.2px}
  .pain-card p{font-size:13.7px;color:var(--muted)}

  /* 模块总览 */
  .mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .mod{
    position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);
    padding:26px;transition:.28s;overflow:hidden
  }
  .mod::after{
    content:"";position:absolute;left:0;top:0;height:3px;width:0;
    background:var(--grad);transition:width .4s cubic-bezier(.2,.7,.3,1)
  }
  .mod:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:#d6e1f6}
  .mod:hover::after{width:100%}
  .mod .ic{
    width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;margin-bottom:15px;
    background:var(--primary-soft);box-shadow:inset 0 0 0 1px rgba(26,63,191,.06)
  }
  .mod h3{font-size:18px;font-weight:800;margin-bottom:9px;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}
  .mod p{font-size:13.9px;color:var(--muted)}
  .mod .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}
  .tag{font-size:11.4px;font-weight:700;padding:4.5px 10px;border-radius:8px;background:#f3f7fd;color:var(--ink-2);border:1px solid #e8eff9}
  .tag.hot{background:var(--accent-soft);color:#c25600;border-color:#ffe2c8}

  /* 详情 */
  .detail{padding:80px 0;border-top:1px solid var(--line)}
  .detail:nth-child(even){background:#fff}
  .d-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
  .d-row.flip{grid-template-columns:1.1fr .9fr}
  .d-row.flip .d-copy{order:2}
  .d-copy .num{font-size:12px;font-weight:900;letter-spacing:2.4px;color:var(--accent)}
  .d-copy h3{font-size:31px;font-weight:900;letter-spacing:-1px;line-height:1.28;margin:12px 0 15px}
  .d-copy > p{color:var(--muted);font-size:15.7px}
  .feat{list-style:none;margin-top:22px;display:grid;gap:12px}
  .feat li{display:flex;gap:12px;font-size:14.9px;color:var(--ink-2);align-items:flex-start}
  .feat li .chk{
    width:21px;height:21px;border-radius:7px;flex:none;margin-top:2px;display:grid;place-items:center;
    background:var(--green-soft);color:var(--green);font-size:11.5px;font-weight:900
  }
  .feat li b{font-weight:800;color:var(--ink)}
  .d-visual .window{box-shadow:var(--sh-lg)}
  .note{
    margin-top:20px;background:var(--accent-soft);border:1px solid #ffe2c8;border-radius:13px;
    padding:13px 16px;font-size:13.5px;color:#8a4700;font-weight:600
  }
  .note b{color:#6d3800}

  /* ============ 人效即利润 ============ */
  .eff{
    position:relative;overflow:hidden;color:#fff;
    background:linear-gradient(150deg,#050e22 0%,#0e2251 40%,#1a3fbf 100%);
  }
  .eff::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(600px 320px at 92% 4%,rgba(255,117,24,.46),transparent 62%),
               radial-gradient(560px 340px at 0% 98%,rgba(122,162,255,.42),transparent 64%);
  }
  .eff .wrap{position:relative;z-index:1}
  .eff .kicker{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
  .eff h2{color:#fff}
  .eff h2 .hl-o{color:var(--accent-2)}
  .eff .sec-head p{color:rgba(255,255,255,.76)}

  .vs-head{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
  .vs-col{display:flex;align-items:center;gap:10px;font-size:14.6px;font-weight:800;padding:12px 18px;border-radius:14px}
  .vs-col.old{background:rgba(255,255,255,.06);color:rgba(255,255,255,.66);border:1px dashed rgba(255,255,255,.22)}
  .vs-col.new{background:var(--grad-warm);color:#fff;box-shadow:0 14px 30px rgba(255,106,0,.3)}
  .vs-wrap{position:relative;display:grid;gap:12px}
  .vs-wrap::after{
    content:"";position:absolute;left:50%;top:10px;bottom:10px;pointer-events:none;
    border-left:1px dashed rgba(255,255,255,.16)
  }
  .vs-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
  .vs-cell{
    display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:15px 18px;font-size:14.2px;line-height:1.6
  }
  .vs-cell i{font-style:normal;flex:none;width:21px;height:21px;border-radius:7px;display:grid;place-items:center;font-size:11.5px;font-weight:900;margin-top:2px}
  .vs-cell.old{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.58)}
  .vs-cell.old i{background:rgba(255,255,255,.1);color:rgba(255,255,255,.6)}
  .vs-cell.new{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.95);font-weight:600}
  .vs-cell.new i{background:rgba(46,214,142,.2);color:#5ff0b0}
  .vs-cell b{color:#ffc78a;font-weight:900}

  .roi{
    margin-top:36px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.17);
    border-radius:22px;padding:28px 30px;backdrop-filter:blur(10px)
  }
  .roi-head{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
  .roi-head h3{font-size:17.5px;font-weight:900;letter-spacing:-.2px}
  .roi-head .bd{font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:rgba(255,117,24,.2);border:1px solid rgba(255,163,71,.4);color:#ffc78a}
  .roi .sub{font-size:12.8px;color:rgba(255,255,255,.6);margin-top:8px}
  .roi-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
  .field label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:rgba(255,255,255,.78);margin-bottom:11px}
  .field label b{color:#ffc78a;font-size:15px;font-weight:900;white-space:nowrap}
  .field input[type=range]{
    -webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:99px;
    background:rgba(255,255,255,.22);outline:none;cursor:pointer
  }
  .field input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;width:19px;height:19px;border-radius:50%;background:#fff;
    border:5px solid var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.35);cursor:pointer
  }
  .field input[type=range]::-moz-range-thumb{
    width:15px;height:15px;border-radius:50%;background:#fff;border:5px solid var(--accent);cursor:pointer
  }
  .roi-out{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;padding-top:24px;border-top:1px dashed rgba(255,255,255,.2)}
  .roi-out div b{display:block;font-size:27px;font-weight:900;letter-spacing:-.9px;line-height:1.2}
  .roi-out div b em{font-size:14px;font-style:normal;font-weight:800;margin-left:3px;opacity:.82}
  .roi-out div span{font-size:12.5px;color:rgba(255,255,255,.64);font-weight:600}
  .roi-out .hi b{color:#ffb877}
  .roi-out .hi span{color:rgba(255,199,138,.8)}

  .eff-punch{
    margin-top:32px;text-align:center;padding:34px 28px;border-radius:24px;
    background:linear-gradient(135deg,rgba(255,106,0,.18),rgba(255,163,71,.04));
    border:1px solid rgba(255,163,71,.32)
  }
  .eff-punch p{font-size:19px;font-weight:700;color:rgba(255,255,255,.9);line-height:1.7}
  .eff-punch b{
    display:block;margin-top:12px;font-size:27px;font-weight:900;letter-spacing:-.7px;
    background:linear-gradient(100deg,#ffe0b8,#ff8f2e);-webkit-background-clip:text;background-clip:text;color:transparent
  }

  /* 数据带 */
  .band{background:linear-gradient(135deg,#0c1f4f 0%,#1a3fbf 52%,#3a6bf0 100%);color:#fff;position:relative;overflow:hidden}
  .band::after{
    content:"";position:absolute;inset:0;opacity:.42;
    background:radial-gradient(620px 320px at 88% 8%,rgba(255,117,24,.55),transparent 62%),
               radial-gradient(560px 340px at 4% 94%,rgba(126,175,255,.5),transparent 64%)
  }
  .band .wrap{position:relative;z-index:1}
  .band .sec-head p{color:rgba(255,255,255,.78)}
  .band .kicker{background:rgba(255,255,255,.15);color:#fff}
  .band h2{color:#fff}
  .stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  .stat{
    background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.19);border-radius:17px;
    padding:24px 19px;backdrop-filter:blur(8px);transition:.26s
  }
  .stat:hover{background:rgba(255,255,255,.14);transform:translateY(-4px)}
  .stat b{display:block;font-size:30px;font-weight:900;letter-spacing:-1.2px;line-height:1.18}
  .stat b em{font-size:15px;font-style:normal;font-weight:800;margin-left:2px;opacity:.85}
  .stat span{font-size:12.8px;color:rgba(255,255,255,.84);font-weight:600}
  .stat small{display:block;margin-top:8px;font-size:11.6px;color:rgba(255,255,255,.6)}

  /* 路线图 */
  .roadmap{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:14px}
  .roadmap::before{
    content:"";position:absolute;top:28px;left:9%;right:9%;height:2px;
    background:repeating-linear-gradient(90deg,#cfdcf3 0 9px,transparent 9px 18px)
  }
  .step{position:relative;text-align:center}
  .step .node{
    width:58px;height:58px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;
    background:#fff;border:2px solid var(--line);font-size:22px;position:relative;z-index:1;
    box-shadow:var(--sh-sm)
  }
  .step.done .node{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 12px 26px rgba(26,63,191,.3)}
  .step.next .node{border-color:#ffd0a3;background:var(--accent-soft)}
  .step h4{font-size:16.5px;font-weight:800;margin-bottom:8px}
  .step p{font-size:13.5px;color:var(--muted);max-width:230px;margin:0 auto}
  .step .badge{display:inline-block;font-size:11px;font-weight:800;padding:4px 10px;border-radius:7px;margin-top:11px;background:var(--green-soft);color:var(--green)}
  .step.next .badge{background:var(--accent-soft);color:#c25600}

  /* FAQ */
  .faq{background:#fff;border-top:1px solid var(--line)}
  .faq-list{max-width:860px;margin:0 auto;display:grid;gap:12px}
  details{background:#fafcff;border:1px solid var(--line);border-radius:15px;padding:0 22px;transition:.24s}
  details[open]{background:#fff;box-shadow:var(--sh-sm);border-color:#d6e1f6}
  summary{cursor:pointer;list-style:none;font-weight:800;font-size:15.8px;padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}
  summary::-webkit-details-marker{display:none}
  summary::after{content:"+";font-size:21px;color:var(--primary);font-weight:600;flex:none;line-height:1}
  details[open] summary::after{content:"–"}
  details p{padding:0 0 21px;color:var(--muted);font-size:14.7px;border-top:1px dashed #e8eff9;padding-top:17px}

  /* CTA */
  .cta{padding:0}
  .cta-box{
    background:linear-gradient(135deg,#0a1c49 0%,#1a3fbf 56%,#3a6bf0 100%);
    border-radius:30px;padding:60px 54px;color:#fff;position:relative;overflow:hidden;
    box-shadow:var(--sh-xl);display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center;margin:0 0 -62px
  }
  .cta-box::before{
    content:"";position:absolute;right:-70px;top:-100px;width:380px;height:380px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,117,24,.55),transparent 66%)
  }
  .cta-box h2{color:#fff;font-size:33px;margin:0 0 13px}
  .cta-box p{color:rgba(255,255,255,.84);font-size:16px;max-width:520px}
  .cta-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1;justify-content:flex-end}
  .cta-actions .btn-ghost{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}
  .cta-actions .btn-ghost:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}
  .cta-feats{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px;position:relative;z-index:1}
  .cta-feats div{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);border-radius:13px;padding:14px 17px;font-size:14px;font-weight:700;display:flex;gap:10px;align-items:center}

  footer{background:#081227;color:#94a7c8;padding:126px 0 42px;font-size:13.7px}
  .f-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:center;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.09)}
  footer .brand{color:#fff}
  .f-links{display:flex;gap:24px;flex-wrap:wrap}
  .f-links a:hover{color:#fff}
  footer .disc{margin-top:24px;font-size:12.5px;line-height:1.95;color:#6d82a6;max-width:920px}
  footer .cp{margin-top:16px;color:#5b7091}

  /* 动效 */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.7,.3,1),transform .75s cubic-bezier(.2,.7,.3,1)}
  .reveal.in{opacity:1;transform:none}

  /* 响应式 */
  @media (max-width:1100px){
    h1{font-size:44px}
    .mod-grid{grid-template-columns:repeat(2,1fr)}
    .pain-grid{grid-template-columns:repeat(2,1fr)}
    .stats{grid-template-columns:repeat(3,1fr)}
    .thumbs{grid-template-columns:repeat(3,1fr)}
    .d-row,.d-row.flip{grid-template-columns:1fr;gap:34px}
    .d-row.flip .d-copy{order:0}
    .roadmap{grid-template-columns:repeat(2,1fr);gap:34px}
    .roadmap::before{display:none}
    .cta-box{grid-template-columns:1fr;padding:46px 34px}
    .cta-actions{justify-content:flex-start}
    .cta-feats{grid-template-columns:repeat(2,1fr)}
    .caption{grid-template-columns:1fr;gap:12px}
    .caption .chips{justify-content:flex-start}
    .roi-out{grid-template-columns:repeat(2,1fr)}
    .roi{padding:24px 22px}
  }
  @media (max-width:720px){
    .nav-links{display:none}
    .menu-toggle{display:block}
    .nav-links.open{
      display:flex;position:absolute;top:106px;left:0;right:0;background:#fff;flex-direction:column;
      padding:12px 20px 18px;border-bottom:1px solid var(--line);box-shadow:var(--sh);gap:2px
    }
    .nav .btn-primary{display:none}
    .nav .nav-contact{display:inline-flex;position:absolute;top:calc(100% + 10px);right:20px;z-index:2}
    .nav-links.open ~ .nav-contact{display:flex;position:absolute;top:calc(100% + 224px);left:20px;right:20px;z-index:3}
    h1{font-size:33px;letter-spacing:-1px}
    h2{font-size:28px;letter-spacing:-.8px}
    section{padding:60px 0}
    .hero{padding:46px 0 12px}
    .showcase{padding:24px 0 58px}
    .trust{gap:22px}
    .trust .t b{font-size:20px}
    .mod-grid,.pain-grid{grid-template-columns:1fr}
    .stats{grid-template-columns:repeat(2,1fr)}
    .thumbs{grid-template-columns:repeat(2,1fr)}
    .d-copy h3{font-size:25px}
    .roadmap{grid-template-columns:1fr}
    .cta-box{padding:36px 24px;border-radius:24px}
    .cta-feats{grid-template-columns:1fr}
    .tabs{gap:5px}
    .tab{padding:9px 12px;font-size:13px}
    .urlbar{display:none}
    .ticker-in{height:34px;gap:8px}
    .tk-view{height:34px}
    .tk-view span{font-size:11.6px}
    .tk-tag{display:none}
    .vs-head,.vs-row{grid-template-columns:1fr}
    .vs-wrap::after{display:none}
    .roi-inputs{grid-template-columns:1fr;gap:20px}
    .roi-out{grid-template-columns:1fr 1fr;gap:14px}
    .roi-out div b{font-size:23px}
    .eff-punch{padding:26px 20px}
    .eff-punch p{font-size:16.5px}
    .eff-punch b{font-size:21px}
  }

  /* ============ 精致产品感视觉层 ============ */
  :root{
    --ink:#07152f;
    --ink-2:#29405f;
    --muted:#6d7f99;
    --faint:#94a3ba;
    --line:#e1e8f2;
    --line-2:#ccd8e8;
    --bg:#f4f7fb;
    --card:#ffffff;
    --primary:#123b8f;
    --primary-2:#2a64cf;
    --primary-3:#84aaff;
    --primary-soft:#edf3fb;
    --accent:#e7682d;
    --accent-2:#ffad68;
    --accent-soft:#fff1e8;
    --green:#168767;
    --green-soft:#eaf8f2;
    --grad:linear-gradient(135deg,#0d2f77 0%,#1b55b9 64%,#5c8be4 100%);
    --grad-warm:linear-gradient(135deg,#dd5a22 0%,#f29a50 100%);
    --sh-xs:0 1px 2px rgba(7,21,47,.04);
    --sh-sm:0 6px 18px rgba(19,45,87,.07);
    --sh:0 18px 48px rgba(19,45,87,.11);
    --sh-lg:0 30px 74px rgba(10,28,66,.16);
    --sh-xl:0 44px 112px rgba(10,28,66,.19);
    --r-sm:9px;
    --r:15px;
    --r-lg:22px;
    --max:1220px;
  }

  body{
    background:
      radial-gradient(circle at 50% -12%,rgba(90,139,228,.13),transparent 34rem),
      var(--bg);
  }
  body::after{opacity:.016}
  .wrap{padding-left:30px;padding-right:30px}

  header{
    background:rgba(244,247,251,.86);
    border-bottom-color:rgba(225,232,242,.62);
  }
  header.stuck{
    background:rgba(244,247,251,.95);
    border-bottom-color:var(--line);
    box-shadow:0 10px 26px rgba(19,45,87,.07);
  }
  .nav{height:74px;gap:30px}
  .brand{font-size:15.5px;letter-spacing:-.2px}
  .logo{
    border-radius:9px;
    background:linear-gradient(145deg,#09265f,#2b66d1);
    box-shadow:0 9px 20px rgba(18,59,143,.24),inset 0 1px 0 rgba(255,255,255,.35);
  }
  .nav-links{gap:0}
  .nav-links a{
    font-size:13.5px;
    padding:8px 11px;
    color:#516782;
  }
  .nav-links a:hover{background:#eaf1fb;color:var(--primary)}
  .btn{border-radius:10px}
  .btn-primary{
    background:linear-gradient(135deg,#0b2e75,#245fc5);
    box-shadow:0 10px 24px rgba(18,59,143,.23),inset 0 1px 0 rgba(255,255,255,.25);
  }
  .btn-primary:hover{box-shadow:0 16px 32px rgba(18,59,143,.28),inset 0 1px 0 rgba(255,255,255,.25)}
  .btn-accent{
    background:linear-gradient(135deg,#d95a22,#eb8a46);
    box-shadow:0 10px 24px rgba(231,104,45,.24),inset 0 1px 0 rgba(255,255,255,.3);
  }
  .btn-accent:hover{box-shadow:0 16px 34px rgba(231,104,45,.3)}
  .btn-ghost{background:rgba(255,255,255,.72)}

  .ticker{background:linear-gradient(90deg,#07142d 0%,#102d68 56%,#193e87 100%)}
  .ticker-in{height:36px}
  .tk-tag{border-radius:7px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}

  .hero{
    padding:92px 0 34px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.44),rgba(244,247,251,0)),
      radial-gradient(circle at 72% 11%,rgba(237,137,81,.12),transparent 22rem);
  }
  .aurora i{filter:blur(92px);opacity:.38}
  .aurora i:nth-child(1){background:radial-gradient(circle,rgba(62,120,218,.34),transparent 68%)}
  .aurora i:nth-child(2){background:radial-gradient(circle,rgba(231,104,45,.22),transparent 68%)}
  .aurora i:nth-child(3){background:radial-gradient(circle,rgba(107,151,229,.25),transparent 70%)}
  .hero .grid-lines{opacity:.28;background-size:72px 72px}
  .pill{
    padding:7px 13px;
    border-radius:8px;
    background:rgba(255,255,255,.7);
    box-shadow:0 5px 14px rgba(19,45,87,.06);
    font-size:12px;
    letter-spacing:.15px;
  }
  h1{
    font-size:64px;
    line-height:1.08;
    letter-spacing:-2.8px;
    max-width:960px;
    margin-top:24px;
  }
  h1 .hl{
    background:linear-gradient(108deg,#0c2e76 0%,#2b63c6 58%,#d96a32 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .hero p.lead{font-size:16px;line-height:1.9;color:#61748f;max-width:690px}
  .hero-cta{margin-top:30px}
  .hero-cta .btn{padding:14px 23px}
  .trust{
    gap:0;
    margin-top:46px;
    padding:22px 0 0;
    max-width:920px;
  }
  .trust .t{
    flex:1;
    min-width:120px;
    padding:0 18px;
    border-right:1px solid var(--line-2);
  }
  .trust .t:last-child{border-right:0}
  .trust .t b{font-size:21px;color:#143d8e}
  .trust .t span{font-size:11.5px;letter-spacing:.15px;color:#7d8da5}

  .showcase{
    padding:42px 0 92px;
    background:linear-gradient(180deg,rgba(244,247,251,0),rgba(232,239,248,.42));
  }
  .showcase::before{
    width:1080px;
    height:620px;
    background:radial-gradient(circle,rgba(57,112,211,.12),transparent 63%);
    filter:blur(22px);
  }
  .stage-hint{margin-bottom:18px;color:#7e8ea7}
  .stage-hint .k{border-radius:7px;background:rgba(255,255,255,.66);box-shadow:none}
  .tabs{gap:8px;margin-bottom:22px}
  .tab{
    border-radius:9px;
    padding:10px 15px;
    background:rgba(255,255,255,.58);
    border-color:#d7e1ee;
    font-size:13px;
  }
  .tab.active{
    background:linear-gradient(135deg,#0e327c,#2a63c4);
    box-shadow:0 10px 24px rgba(18,59,143,.22);
  }
  .window{
    border-radius:var(--r-lg);
    padding:14px;
    border-color:#dce5f1;
    box-shadow:0 38px 90px rgba(9,29,70,.18),0 0 0 1px rgba(255,255,255,.75) inset;
  }
  .chrome{padding:1px 3px 13px}
  .lights i{width:10px;height:10px}
  .urlbar{background:#f1f5fa;border-color:#e2e9f3;border-radius:7px}
  .arrow{width:32px;height:32px;border-radius:8px}
  .viewport{border-radius:13px;border-color:#e2eaf4}
  .caption{
    background:linear-gradient(135deg,#0a1c42 0%,#123d8e 72%,#2455a8 100%);
    padding:17px 22px;
    border-radius:0 0 13px 13px;
  }
  .caption::after{opacity:.55}
  .thumbs{gap:12px;margin-top:18px}
  .thumb{
    border-radius:10px;
    padding:8px;
    background:rgba(255,255,255,.78);
    border-color:#dfe7f1;
  }
  .thumb.active{box-shadow:0 0 0 2px #2a63c4,0 10px 24px rgba(18,59,143,.12)}
  .thumb .pic{border-radius:7px}
  .privacy-note{font-size:11.5px;color:#8493a9}

  section{padding:96px 0}
  .sec-head{margin-bottom:48px}
  .kicker{
    border-radius:6px;
    padding:6px 11px;
    letter-spacing:1.8px;
    color:#315b9e;
    background:#eaf1fb;
    font-size:10.5px;
  }
  h2{font-size:43px;letter-spacing:-1.7px;margin:16px 0 12px}
  .sec-head p{font-size:15px;color:#71829a}

  .pain{background:rgba(255,255,255,.7);border-color:#dfe7f1}
  .pain::before{opacity:.65}
  .pain-grid{gap:14px}
  .pain-card{
    border-radius:13px;
    padding:25px 22px 24px;
    background:rgba(255,255,255,.78);
    border-color:#dfe7f1;
  }
  .pain-card::before{height:2px;background:linear-gradient(90deg,#df6a32,transparent)}
  .pain-card:hover{box-shadow:0 18px 38px rgba(19,45,87,.1);border-color:#c9d7ea}
  .pain-card .ico{font-size:21px;filter:saturate(.8);opacity:.9}
  .pain-card h4{font-size:16px}
  .pain-card p{font-size:13.2px;line-height:1.75}

  .mod-grid{gap:14px}
  .mod{
    border-radius:13px;
    padding:24px 23px;
    background:rgba(255,255,255,.7);
    border-color:#dfe7f1;
  }
  .mod:hover{box-shadow:0 18px 38px rgba(19,45,87,.1);border-color:#c9d7ea}
  .mod .ic{width:42px;height:42px;border-radius:10px;font-size:20px;margin-bottom:14px}
  .mod h3{font-size:17px}
  .mod p{font-size:13.4px;line-height:1.76}
  .tag{border-radius:6px}

  .detail{padding:92px 0;border-color:#dfe7f1}
  .d-row{gap:70px}
  .d-copy .num{font-size:10.5px;letter-spacing:2.8px;color:#d26a36}
  .d-copy h3{font-size:34px;letter-spacing:-1.3px}
  .d-copy > p{font-size:15px;line-height:1.85;color:#687c98}
  .feat{gap:11px}
  .feat li{font-size:14.3px;line-height:1.7;color:#405772}
  .feat li .chk{width:20px;height:20px;border-radius:6px}
  .note{border-radius:9px;padding:12px 15px;font-size:13px}
  .d-visual .window{box-shadow:0 28px 64px rgba(10,28,66,.14)}

  .eff{
    background:linear-gradient(145deg,#06132d 0%,#0b2556 48%,#133f91 100%);
  }
  .eff::before{opacity:.78}
  .eff .kicker,.band .kicker{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
  .vs-col{border-radius:10px;font-size:14px}
  .vs-cell{border-radius:10px;font-size:13.8px}
  .roi{
    margin-top:34px;
    border-radius:17px;
    background:rgba(3,16,40,.28);
    border-color:rgba(201,220,255,.19);
  }
  .eff-punch{border-radius:17px}
  .band{background:linear-gradient(145deg,#09204c 0%,#123f8f 100%)}
  .stat{border-radius:12px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.17)}

  .roadmap{gap:18px}
  .step .node{width:54px;height:54px;border-radius:16px;font-size:20px}
  .step h4{font-size:16px}
  details{border-radius:11px;background:rgba(255,255,255,.72)}
  details[open]{border-color:#cfdbea}
  summary{font-size:15px}

  .cta-box{
    border-radius:22px;
    padding:56px 52px;
    background:linear-gradient(135deg,#071a3f 0%,#123b8f 62%,#2f6ac7 100%);
    box-shadow:0 38px 90px rgba(10,28,66,.18);
  }
  .cta-feats div{border-radius:9px;background:rgba(255,255,255,.08)}
  footer{padding-top:120px;background:#061126}

  .wechat-dialog{
    position:relative;
    width:min(92vw,420px);
    max-height:min(88vh,760px);
    margin:auto;
    padding:34px 32px 30px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:24px;
    color:var(--ink);
    background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(246,249,253,.97));
    box-shadow:0 36px 110px rgba(3,14,35,.34),0 1px 0 rgba(255,255,255,.9) inset;
    text-align:center;
    opacity:0;
    transform:translateY(14px) scale(.97);
    transition:opacity .28s ease,transform .36s cubic-bezier(.2,.8,.2,1),overlay .36s allow-discrete,display .36s allow-discrete;
  }
  .wechat-dialog[open]{opacity:1;transform:translateY(0) scale(1)}
  @starting-style{
    .wechat-dialog[open]{opacity:0;transform:translateY(14px) scale(.97)}
  }
  .wechat-dialog::backdrop{
    background:rgba(4,15,36,0);
    backdrop-filter:blur(0);
    transition:background .3s ease,backdrop-filter .3s ease,overlay .3s allow-discrete,display .3s allow-discrete;
  }
  .wechat-dialog[open]::backdrop{background:rgba(4,15,36,.62);backdrop-filter:blur(8px)}
  @starting-style{
    .wechat-dialog[open]::backdrop{background:rgba(4,15,36,0);backdrop-filter:blur(0)}
  }
  .wechat-dialog h2{font-size:24px;letter-spacing:0;margin:0 0 8px}
  .wechat-dialog p{color:var(--muted);font-size:14px}
  .wechat-dialog img{
    width:min(100%,340px);
    margin:22px auto 0;
    border:1px solid #e5ebf3;
    border-radius:16px;
    box-shadow:0 16px 38px rgba(16,38,75,.12);
  }
  .wechat-close{
    position:absolute;top:13px;right:14px;width:36px;height:36px;border:1px solid #e5ebf3;border-radius:50%;
    background:#f5f7fa;color:#52657f;font-size:21px;cursor:pointer;transition:background .2s,color .2s,transform .2s
  }
  .wechat-close:hover{background:#eaf0f7;color:var(--ink);transform:rotate(90deg)}

  @media (max-width:1100px){
    h1{font-size:52px}
    .nav{gap:18px}
    .nav-links a{padding-left:8px;padding-right:8px}
  }
  @media (max-width:720px){
    .wrap{padding-left:20px;padding-right:20px}
    .nav{height:68px}
    .nav-links.open{top:104px}
    .hero{padding:56px 0 18px}
    h1{font-size:37px;letter-spacing:-1.5px}
    .hero p.lead{font-size:14px;line-height:1.8}
    .trust{margin-top:36px;padding-top:20px;gap:0}
    .trust .t{min-width:33.333%;padding:0 8px;margin-bottom:18px}
    .trust .t:nth-child(3){border-right:0}
    .trust .t b{font-size:18px}
    .trust .t span{font-size:10.5px}
    section{padding:70px 0}
    .showcase{padding:30px 0 66px}
    .tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:0 2px 4px;scrollbar-width:none}
    .tabs::-webkit-scrollbar{display:none}
    .tab{flex:none}
    .window{padding:9px;border-radius:16px}
    .caption{padding:15px 17px}
    .thumbs{gap:8px}
    .thumb{padding:6px;border-radius:8px}
    .thumb .nm{font-size:11px}
    h2{font-size:31px}
    .sec-head{margin-bottom:34px}
    .d-row{gap:38px}
    .d-copy h3{font-size:27px}
    .cta-box{padding:36px 24px;border-radius:18px}
    .wechat-dialog{padding:32px 22px 22px;border-radius:20px}
    .wechat-dialog img{width:min(100%,300px);margin-top:18px;border-radius:13px}
  }
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  }