.z{
  --b1:#3B5BFF; --b2:#8B5CF6; --b3:#5B7BFF;
  --grad:linear-gradient(100deg,#3B5BFF 0%,#7C5CFF 55%,#8B5CF6 100%);
  --ink:#0F1220; --ink2:#59617A; --ink3:#8C93A8;
  --line:#E8EAF2; --mist:#F6F6FF; --paper:#FFFFFF;
  --ease:cubic-bezier(.22,.68,.32,1);
  --ease-expo:cubic-bezier(.16,1,.3,1);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",sans-serif;
  color:var(--ink); background:#fff;
  -webkit-font-smoothing:antialiased;
}
.z img{display:block;max-width:100%}
.z a{text-decoration:none;color:inherit}
.z button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
.z .wrap{width:min(1200px,92vw);margin:0 auto}
.z ::selection{background:rgba(59,91,255,.18)}
.z .rv{opacity:0;transform:translateY(22px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.z .rv.on{opacity:1;transform:none}
.zh h1 em{font-style:normal}

.gr{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.grl{background:linear-gradient(100deg,#3B5BFF,#7C5CFF,#8B5CF6,#3B5BFF);background-size:260% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:gflow 7s linear infinite}
@keyframes gflow{to{background-position:260% 0}}

.z h2{font-size:clamp(1.9rem,3.6vw,3.15rem);line-height:1.14;letter-spacing:-.02em;font-weight:700}
.z h3{font-size:1.06rem;line-height:1.4;font-weight:600;letter-spacing:-.01em}
.z .kick{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);font-weight:600}
.z .lead{font-size:1.02rem;line-height:1.78;color:var(--ink2)}
.z .sec{padding:clamp(56px,6.2vw,88px) 0}

.zbtn{display:inline-flex;align-items:center;gap:9px;height:54px;padding:0 28px;border-radius:12px;
  font-size:.95rem;font-weight:600;letter-spacing:.01em;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .2s}
.zbtn svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.zbtn:hover svg{transform:translateX(3px)}
.zbtn-p{background:var(--grad);box-shadow:0 6px 18px rgba(15,18,32,.14)}
.z .zbtn-p{color:#fff}
.z .zbtn-g{color:var(--ink)}
.z .zbtn-w{color:#1A1F36}
.zbtn-p:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,18,32,.18)}
.zbtn-g{background:#fff;border:1px solid var(--line)}
.zbtn-g:hover{border-color:#C9CEE0;transform:translateY(-2px)}
.zbtn-w{background:#fff}
.zbtn-w:hover{transform:translateY(-2px)}

/* ============ HERO ============ */
.zh{position:relative;padding:0;overflow:hidden;background:#fff;
  min-height:clamp(580px,72vh,660px);display:flex;align-items:center}
.zh-art{position:absolute;top:0;right:0;width:46%;height:100%;overflow:hidden;background:#0C0E26}
.zh-art:before{display:none}
.zh-art-i{position:absolute;inset:0;will-change:transform}
.zh-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;
  opacity:0;transform:scale(1.06);transition:opacity 1.2s var(--ease),transform 1.9s var(--ease-expo)}
.zh.on .zh-photo{opacity:1;transform:scale(1)}
.zscrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(10,13,34,.94) 0%,rgba(10,13,34,.58) 9%,rgba(10,13,34,0) 30%),
             linear-gradient(0deg,rgba(9,11,30,.82) 0%,rgba(9,11,30,.20) 20%,rgba(9,11,30,0) 40%)}
.zchip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);color:#fff;font-size:.78rem;white-space:nowrap;
  opacity:0;transform:translateY(12px);
  transition:opacity .7s var(--ease),transform .8s var(--ease-expo)}
.zh.on .zchip{opacity:1;transform:none}
.zh.on .zchip{animation:zfloat 7.5s ease-in-out infinite}
.zchip i{width:6px;height:6px;border-radius:50%;background:#8C9CFF;box-shadow:0 0 9px #8C9CFF}
.zchip b{font-weight:600;letter-spacing:-.01em}
.zchip em{font-style:normal;color:#AEB9FF;font-size:.73rem}
.zc1{left:3%;top:12%;transition-delay:.55s;animation-delay:-.3s!important}
.zc2{right:3%;top:33%;left:auto;transition-delay:.8s;animation-delay:-2.7s!important}
.zc3{right:6%;top:60%;left:auto;transition-delay:1.05s;animation-delay:-4.6s!important}
@keyframes zfloat{0%,100%{margin-top:0}50%{margin-top:-9px}}
.zh-in{position:relative;z-index:3;width:min(1200px,92vw);margin:0 auto;padding:clamp(34px,4.4vw,54px) 0}
.zh-l{max-width:min(600px,48%)}
.zh-eyebrow{display:flex;align-items:center;gap:11px;font-size:.84rem;color:var(--ink2);font-weight:600}
.zh-eyebrow .tag{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:7px;
  background:rgba(59,91,255,.1);color:#3B5BFF;font-size:.76rem;font-weight:700;letter-spacing:.02em}
.zh h1{margin:22px 0 0;font-size:clamp(2.55rem,5.5vw,4.9rem);line-height:1.09;letter-spacing:-.035em;font-weight:700}
.zh h1 .l{display:block;overflow:hidden;padding-bottom:.06em}
.zh h1 .l i{display:block;font-style:normal;transform:translateY(115%);
  transition:transform 1.05s var(--ease-expo)}
.zh h1 .l:nth-child(2) i{transition-delay:.1s}
.zh.on h1 .l i{transform:none}
.zh-lead{margin-top:26px;max-width:38ch;font-size:1.03rem;line-height:1.78;color:var(--ink2)}
.zh-lead b{color:var(--ink);font-weight:600}
.zh-cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.zh-hint{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:.78rem;color:var(--ink3);letter-spacing:.06em}
.zh-hint .ln{width:52px;height:1px;background:linear-gradient(90deg,var(--ink3),transparent)}

/* hero 内嵌真实检测面板 */
.zh-check{position:relative;margin-top:30px;width:min(470px,100%);background:#fff;
  border-radius:16px;padding:16px 16px 15px;box-shadow:0 18px 48px rgba(15,18,32,.16);border:1px solid rgba(232,234,242,.9)}
.zh-check .tabs{display:flex;gap:2px;background:#F3F4FA;border-radius:9px;padding:3px;margin-bottom:13px}
.zh-check .tabs button{flex:1;height:29px;border-radius:7px;font-size:.76rem;color:var(--ink3);font-weight:600;transition:.2s}
.zh-check .tabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(15,18,32,.1)}
.zh-check .q{font-size:.79rem;color:var(--ink2);line-height:1.5;margin-bottom:9px}
.zh-check .in{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 4px 0 11px;height:42px}
.zh-check .in span{font-size:.82rem;color:var(--ink3);flex:1;text-align:left}
.zh-check .in em{width:26px;height:26px;border-radius:7px;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:.72rem;font-style:normal}
.zh-check .out{display:flex;align-items:baseline;gap:7px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.zh-check .out b{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;font-feature-settings:"tnum"}
.zh-check .out i{font-size:.74rem;color:var(--ink3);font-style:normal}

/* ============ 对比 ============ */
.zc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,40px);margin-top:clamp(34px,4.4vw,56px);align-items:stretch}
.zc-grid>div{display:flex;flex-direction:column}
.zc-lab{font-size:.78rem;font-weight:700;letter-spacing:.1em;color:var(--ink3);margin-bottom:16px;display:flex;align-items:center;gap:9px}
.zc-lab s{width:7px;height:7px;border-radius:50%;background:var(--ink3);text-decoration:none}
.zc-new .zc-lab s{background:#3B5BFF}
.serp{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;flex:1}
.serp-top{font-size:.72rem;color:var(--ink3);margin-bottom:16px;letter-spacing:.04em}
.serp-item{padding:9px 0;border-bottom:1px solid #F2F3F8}
.serp-item:last-child{border:0}
.serp-item h4{font-size:.94rem;color:#2B4EE6;font-weight:500;line-height:1.45}
.serp-item p{font-size:.78rem;color:var(--ink3);line-height:1.5;margin-top:3px}
.ans{background:#0F1220;border-radius:16px;padding:24px 24px 20px;color:#E7E9F2;flex:1}
.ans-top{display:flex;align-items:center;gap:9px;font-size:.72rem;color:#8B93AB;margin-bottom:16px;letter-spacing:.04em}
.ans-top s{width:7px;height:7px;border-radius:50%;background:#3B5BFF;text-decoration:none}
.ans p{font-size:.92rem;line-height:1.85;color:#C9CEDE}
.ans p b{color:#fff;font-weight:600;background:rgba(59,91,255,.28);padding:1px 4px;border-radius:3px}
.ans p.dim{color:#7D859D;font-size:.85rem;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09)}
.ans-foot{display:flex;gap:7px;margin-top:18px;flex-wrap:wrap}
.ans-foot span{font-size:.7rem;color:#9AA2B8;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:3px 8px}
.zc-cap{margin-top:18px;font-size:.86rem;color:var(--ink2);line-height:1.6}
.zc-cap b{color:var(--ink)}

/* ============ 数字 ============ */
.znums{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:clamp(40px,5vw,64px)}
.zn{position:relative;padding:32px 26px 30px;border-right:1px solid var(--line)}
.zn:last-child{border-right:0}
.zn:before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:#3B5BFF;transition:width .8s var(--ease-expo)}
.zn.on:before{width:46px}
.zn .cnt{display:block;font-size:clamp(2.2rem,3.4vw,3.1rem);font-weight:700;letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum"}
.zn>span{display:block;margin-top:11px;font-size:.83rem;color:var(--ink2);line-height:1.5}

/* ============ 能力 ============ */
.zcaps{display:grid;grid-template-columns:repeat(3,1fr);gap:0 44px;margin-top:clamp(38px,5vw,58px)}
.zcap{padding:23px 0 26px;border-top:1px solid var(--line);position:relative}
.zcap .no{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#3B5BFF;font-feature-settings:"tnum"}
.zcap h3{margin:13px 0 9px;font-size:1.03rem}
.zcap p{font-size:.88rem;line-height:1.72;color:var(--ink2)}

/* ============ 面板 ============ */
.zb{padding:clamp(48px,7vw,100px) 0}
.zb-panel{background:linear-gradient(155deg,#F7F5FF 0%,#EFF2FF 52%,#F6F8FF 100%);
  border-radius:30px;padding:clamp(26px,3.4vw,44px);position:relative;overflow:hidden}
.zb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,38px)}
.zb-tabs{display:flex;gap:4px;background:rgba(255,255,255,.72);border-radius:11px;padding:4px}
.zb-tabs button{height:36px;padding:0 17px;border-radius:8px;font-size:.82rem;font-weight:600;color:#5B6480;transition:.22s}
.zb-tabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(15,18,32,.1)}
.zb-body{background:#fff;border-radius:20px;padding:clamp(20px,2.4vw,30px)}
.zb-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.zb-score{display:flex;align-items:baseline;gap:12px}
.zb-score b{font-size:clamp(2.6rem,4vw,3.6rem);line-height:.9;font-weight:700;letter-spacing:-.04em;font-feature-settings:"tnum"}
.zb-score .u{font-size:.8rem;color:var(--ink3)}
.zb-delta{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:6px;
  background:rgba(59,91,255,.09);color:#3B5BFF;font-size:.74rem;font-weight:700;margin-bottom:7px}
.zb-chart{margin:22px 0 6px;height:132px;display:flex;align-items:flex-end;gap:clamp(3px,.7vw,9px)}
.zb-chart i{flex:1;height:100%;background:linear-gradient(180deg,#8B5CF6,#3B5BFF);border-radius:4px 4px 2px 2px;
  transform:scaleY(.05);transform-origin:bottom;transition:transform .9s var(--ease-expo)}
.zb-panel.on .zb-chart i{transform:scaleY(var(--v,.5))}
.zb-x{display:flex;justify-content:space-between;font-size:.68rem;color:var(--ink3);margin-top:8px;letter-spacing:.04em}
.zb-rows{margin-top:clamp(20px,2.6vw,30px);border-top:1px solid var(--line);padding-top:6px}
.zb-row{display:grid;grid-template-columns:1.55fr 1fr 62px;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid #F4F5FA}
.zb-row:last-child{border:0}
.zb-row .nm{font-size:.86rem;font-weight:500;display:flex;align-items:center;gap:9px}
.zb-row .nm em{font-style:normal;font-size:.68rem;color:var(--ink3);border:1px solid var(--line);border-radius:5px;padding:1px 6px}
.zb-row .tk{height:5px;border-radius:3px;background:#EEF0F8;overflow:hidden}
.zb-row .tk i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#3B5BFF,#8B5CF6);transition:width .9s var(--ease-expo)}
.zb-row b{font-size:.86rem;font-weight:600;text-align:right;font-feature-settings:"tnum"}

/* ============ 叙事 ============ */
.zs-head{display:grid;grid-template-columns:1fr .86fr;gap:clamp(28px,4vw,64px);align-items:end}
.zs-head h2{margin-top:16px;font-size:clamp(1.7rem,2.9vw,2.4rem)}
.zs-lead{font-size:.95rem;line-height:1.85;color:var(--ink2);padding-bottom:4px}
.zs-lead b{color:var(--ink);font-weight:600}
.zs-in{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,4.6vw,64px);align-items:stretch;margin-top:clamp(30px,3.6vw,48px)}
.zs-left{position:sticky;top:112px;padding-bottom:20px}
.zs-steps{margin-top:0}
.zs-step{padding:24px 0;border-top:1px solid var(--line);opacity:.3;transition:opacity .5s var(--ease)}
.zs-step.on{opacity:1}
.zs-step .n{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#3B5BFF}
.zs-step h3{margin:10px 0 10px;font-size:clamp(1.1rem,1.7vw,1.42rem);line-height:1.35}
.zs-step p{font-size:.9rem;line-height:1.8;color:var(--ink2)}
.zs-right{position:relative;display:flex}
.zs-media{position:relative;flex:1;min-height:470px;border-radius:22px;overflow:hidden;
  background:#0A0C1C;isolation:isolate}
.zs-frame{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease)}
.zs-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;
  transform:scale(1.07);transition:transform 1.6s var(--ease-expo);filter:saturate(.94)}
.zs-frame.on{opacity:1}
.zs-frame.on img{transform:scale(1)}
.zs-frame:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,8,22,.72) 0%,rgba(6,8,22,.10) 28%,rgba(6,8,22,0) 48%,rgba(6,8,22,.62) 100%)}
.zs-cap{position:absolute;left:26px;right:26px;top:23px;z-index:2;display:flex;align-items:center;gap:10px;
  font-size:.8rem;color:rgba(255,255,255,.74);letter-spacing:.01em}
.zs-cap s{flex:none;width:24px;height:1px;background:rgba(255,255,255,.38);text-decoration:none}
.zs-hud{position:absolute;right:26px;bottom:24px;z-index:2;text-align:right;line-height:1.7;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.71rem;letter-spacing:.02em;
  color:rgba(255,255,255,.46)}
.zs-hud b{display:block;font-weight:400;color:rgba(255,255,255,.72)}
.zs-media .bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.18);z-index:3}
.zs-media .bar i{display:block;height:100%;width:0;background:#fff;transition:width .4s linear}
.zs-spacer{height:30vh}

/* ============ 流程 ============ */
.zf{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(34px,4.4vw,56px);align-items:stretch}
.zf-i{padding:0 22px 0 0;position:relative;display:flex;flex-direction:column}
.zf-i+.zf-i{padding-left:26px;border-left:1px solid var(--line)}
.zf-i .n{font-size:clamp(2rem,3vw,2.6rem);font-weight:700;letter-spacing:-.04em;line-height:1;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.zf-i h3{margin:16px 0 6px;font-size:1.02rem}
.zf-i .t{font-size:.74rem;color:#3B5BFF;font-weight:700;letter-spacing:.06em;margin-bottom:11px}
.zf-i p{font-size:.86rem;line-height:1.72;color:var(--ink2)}
.zf-i .d{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);font-size:.79rem;color:var(--ink3)}

/* ============ 定价 ============ */
.zp-cycle{display:inline-flex;background:#F3F4FA;border-radius:11px;padding:4px;gap:3px;margin-top:26px}
.zp-cycle button{height:34px;padding:0 17px;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--ink3);transition:.2s}
.zp-cycle button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(15,18,32,.1)}
.zp{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px);margin-top:clamp(34px,4vw,50px);align-items:stretch}
.zp-c{border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.6vw,34px);background:#fff;display:flex;flex-direction:column;transition:border-color .3s,transform .3s var(--ease)}
.zp-c:hover{border-color:#C9CEE0}
.zp-c.rec{background:#0F1220;border-color:#0F1220;color:#fff;box-shadow:0 18px 46px rgba(15,18,32,.18)}
.zp-c.rec .zp-k{color:rgba(255,255,255,.55)}
.zp-c.rec .zp-d{color:rgba(255,255,255,.66)}
.zp-c.rec li{color:rgba(255,255,255,.86);border-color:rgba(255,255,255,.08)}
.zp-c.rec .zp-sub{color:rgba(255,255,255,.5)}
.zp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.zp-k{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase}
.zp-badge{font-size:.68rem;font-weight:700;color:#3B5BFF;background:rgba(59,91,255,.1);border-radius:5px;padding:3px 8px;letter-spacing:.04em}
.zp-c.rec .zp-badge{background:rgba(255,255,255,.14);color:#fff}
.zp-c h3{font-size:1.3rem;font-weight:700}
.zp-d{font-size:.84rem;color:var(--ink2);margin-top:5px;line-height:1.55}
.zp-pr{display:flex;align-items:baseline;gap:6px;margin:22px 0 4px}
.zp-pr .cur{font-size:1rem;font-weight:600}
.zp-pr b{font-size:clamp(2.1rem,3vw,2.7rem);font-weight:700;letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum"}
.zp-pr .per{font-size:.82rem;color:var(--ink3)}
.zp-c.rec .zp-pr .per{color:rgba(255,255,255,.5)}
.zp-sub{font-size:.74rem;color:var(--ink3);margin-bottom:22px}
.zp-c ul{list-style:none;padding:0;margin:0;flex:1}
.zp-c li{font-size:.85rem;line-height:1.6;color:var(--ink2);padding:9px 0;border-top:1px solid #F4F5FA;display:flex;gap:9px}
.zp-c li:before{content:"";width:5px;height:5px;border-radius:50%;background:#3B5BFF;margin-top:8px;flex:none}
.zp-c.rec li:before{background:#8B5CF6}
.zp-c .zbtn{width:100%;justify-content:center;margin-top:24px;height:48px}
.zp-c.rec .zbtn-p{box-shadow:none}

/* ============ 案例轮播 ============ */
.zr{overflow:hidden;position:relative;background:#0B0E1A;color:#fff;
  padding:clamp(78px,9vw,124px) 0}
.zr:before{content:"";position:absolute;left:50%;top:54%;width:min(1240px,110vw);height:760px;
  transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,rgba(59,91,255,.26) 0%,rgba(139,92,246,.13) 42%,rgba(11,14,26,0) 72%)}
.zr .wrap{position:relative;z-index:2}
.zr .kick{color:rgba(255,255,255,.42)}
.zr h2{color:#fff}
.zr .kick,.zr h2,.zr .lead{text-align:center}
.zr .lead{color:rgba(255,255,255,.58);margin-left:auto!important;margin-right:auto!important}
.zr-stage{position:relative;height:clamp(340px,42vw,460px);margin-top:clamp(38px,4.6vw,60px);
  perspective:1600px;touch-action:pan-y;cursor:grab}
.zr-stage:active{cursor:grabbing}
.zr-c{position:absolute;top:0;left:0;right:0;margin:0 auto;width:min(940px,80vw);
  border-radius:24px;padding:clamp(34px,3.8vw,58px);background:#161B2D;color:#fff;
  border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden;
  transition:transform .8s var(--ease-expo),opacity .6s var(--ease),filter .6s var(--ease);
  transform-style:preserve-3d;will-change:transform}

.zr-c.in .src{animation:zrin .7s var(--ease-expo) both}
.zr-c.in q{animation:zrq .9s var(--ease-expo) .04s both}
.zr-c.in .meta{animation:zrin .8s .12s var(--ease-expo) both}
.zr-c.in .note{animation:zrin .8s .18s var(--ease-expo) both}
@keyframes zrq{from{opacity:0;transform:translateY(18px);clip-path:inset(0 0 96% 0)}
  to{opacity:1;transform:none;clip-path:inset(0 -4% -12% -4%)}}
@keyframes zrin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.zr-c .src{display:flex;align-items:center;gap:9px;font-size:.76rem;color:#8B93AB;letter-spacing:.04em}
.zr-c .src s{width:7px;height:7px;border-radius:50%;background:#3B5BFF;text-decoration:none}
.zr-c q{display:block;margin:clamp(18px,2vw,26px) 0 clamp(22px,2.4vw,30px);
  font-size:clamp(1.2rem,2.15vw,1.88rem);line-height:1.62;letter-spacing:-.014em;color:#EDF0F8;quotes:none}
.zr-c .meta{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}
.zr-c .meta .ind{font-size:.82rem;color:rgba(255,255,255,.5)}
.zr-c .meta .kpi{font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:700;letter-spacing:-.02em;
  background:linear-gradient(100deg,#8FB0FF,#C4A8FF);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:right}
.zr-c .note{margin-top:14px;font-size:.83rem;line-height:1.65;color:rgba(255,255,255,.56)}
.zr-nav{display:flex;justify-content:center;gap:9px;margin-top:clamp(28px,3.2vw,42px)}
.zr-nav button{width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.22);transition:.3s}
.zr-nav button.on{background:#5B7BFF;width:64px}

/* ============ FAQ ============ */
.zfaq{margin-top:clamp(34px,4vw,50px);border-top:1px solid var(--line)}
.zfq{border-bottom:1px solid var(--line)}
.zfq button{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;
  padding:20px 0;text-align:left;font-size:1.02rem;font-weight:600;line-height:1.5;transition:color .2s}
.zfq button:hover{color:#3B5BFF}
.zfq .ic{flex:none;width:22px;height:22px;position:relative;margin-top:2px}
.zfq .ic:before,.zfq .ic:after{content:"";position:absolute;background:currentColor;border-radius:1px;transition:transform .35s var(--ease),opacity .3s}
.zfq .ic:before{left:0;top:10px;width:22px;height:1.5px}
.zfq .ic:after{left:10px;top:0;width:1.5px;height:22px}
.zfq.on .ic:after{transform:rotate(90deg);opacity:0}
.zfq .a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.zfq .a p{padding:0 60px 26px 0;font-size:.93rem;line-height:1.85;color:var(--ink2)}

/* ============ CTA ============ */
.zcta{padding:0 0 clamp(70px,9vw,120px)}
.zcta-in{position:relative;border-radius:30px;overflow:hidden;background:var(--grad);
  padding:clamp(56px,8vw,110px) clamp(28px,6vw,90px);color:#fff;text-align:center}
.zcta-in:before{content:"";position:absolute;right:-12%;top:-40%;width:60%;height:180%;border-radius:50%;background:rgba(255,255,255,.07)}
.zcta-in:after{content:"";position:absolute;left:-10%;bottom:-60%;width:46%;height:150%;border-radius:50%;background:rgba(255,255,255,.06)}
.zcta h2{position:relative;font-size:clamp(1.9rem,4.4vw,3.4rem);line-height:1.16;letter-spacing:-.03em;color:#fff}
.zcta p{position:relative;margin:18px auto 34px;max-width:52ch;font-size:1rem;line-height:1.75;color:rgba(255,255,255,.82)}
.zcta .zbtn{position:relative;height:56px;padding:0 32px}

/* ============ 响应式 ============ */
@media (max-width:1080px){
  .zh-art{width:48%}
  .zh-l{max-width:48%}
  .zcaps{grid-template-columns:1fr 1fr}
  .znums{grid-template-columns:1fr 1fr}
  .zn:nth-child(2){border-right:0}
  .zn:nth-child(1),.zn:nth-child(2){border-bottom:1px solid var(--line)}
  .zs-head{grid-template-columns:1fr;gap:16px;align-items:start}
  .zs-lead{padding-bottom:0;max-width:52ch}
  .zs-in{grid-template-columns:1fr;gap:34px;align-items:start}
  .zs-left{position:static}
  .zs-right{order:-1}
  .zs-media{position:relative;top:0;min-height:0}
  .zs-media{height:clamp(280px,42vh,420px)}
  .zs-media img{height:100%}
  .zs-spacer{display:none}
  .zs-step{opacity:1}
}
@media (max-width:900px){
  .zh-art{width:42%}
  .zh-l{max-width:52%}
  .zh-cta{gap:10px}
  .zh-cta .zbtn{height:50px;padding:0 20px;font-size:.9rem}
}
@media (max-width:860px){
  .zc-grid{grid-template-columns:1fr}
  .zcaps{grid-template-columns:1fr;gap:0}
  .znums{grid-template-columns:1fr 1fr}
  .zn{padding:24px 16px}
  .zf{grid-template-columns:1fr}
  .zf-i{padding:24px 0;border-left:0!important;border-top:1px solid var(--line)}
  .zf-i:first-child{border-top:0}
  .zp{grid-template-columns:1fr}
  .zr-c{width:86vw}
  .zb-tabs{width:100%}
  .zb-tabs button{flex:1;padding:0 8px;font-size:.76rem}
  .zb-row{grid-template-columns:1.2fr 1fr 50px;gap:10px}
  .zfq .a p{padding-right:0}
  .zcta-in{border-radius:22px}
}
@media (max-width:700px){
  .zh{min-height:0;display:block;padding-bottom:52px}
  .zh-art{position:relative;width:100%;height:44vh;min-height:300px;border-radius:0}
  .zh-art-i{inset:0}
  .zchip{font-size:.7rem;padding:7px 11px;gap:6px}
  .zchip em{font-size:.66rem}
  .zc1{left:4%;top:12%}
  .zc2{left:auto;right:3%;top:26%}
  .zc3{display:none}
  .zs-hud{display:none}
  .zs-media{min-height:340px}
  .zs-frame img{object-position:50% 45%}
  .zs-cap{left:20px;top:18px;font-size:.72rem}
  .zscrim{background:linear-gradient(180deg,rgba(10,13,34,.55) 0%,rgba(10,13,34,0) 34%),
    linear-gradient(0deg,rgba(10,13,34,.5) 0%,rgba(10,13,34,0) 26%)}
  .zh-in{padding:34px 0 0;position:relative;margin-top:0;z-index:4}
  .zh-l{max-width:100%}
  .zh h1{font-size:clamp(2.1rem,8.4vw,3rem);margin-top:18px}
  .zh-lead{font-size:.96rem;margin-top:20px}
  .zh-check{width:100%;margin-top:28px}
  .zh-cta{gap:9px;margin-top:26px}
  .zh-cta .zbtn{height:48px;padding:0 16px;font-size:.85rem;flex:none;justify-content:center;white-space:nowrap}
  .zr-c .meta{flex-direction:column;align-items:flex-start;gap:7px}
  .zr-c .meta .kpi{text-align:left}
  .zh-hint{display:none}
}
@media (prefers-reduced-motion:reduce){
  .z *,.z *:before,.z *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media (max-width:600px){
  .z .zh h1{font-size:clamp(2rem,8.6vw,2.9rem)}
  .z .zcta h2{font-size:1.75rem}
  .z .zr-stage{height:300px}
}

/* ============ 推广 ============ */
.zaff{position:relative;overflow:hidden;border-radius:26px;border:1px solid #E7E4F6;background:linear-gradient(150deg,#F7F5FF 0%,#EFF2FF 55%,#F6F8FF 100%);padding:clamp(34px,4.6vw,54px);margin-top:clamp(34px,4vw,50px)}
.zaff-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;border-radius:999px;font-size:.76rem;font-weight:700;color:#3B5BFF;background:#E9ECFF;border:1px solid #D4DCFF}
.zaff-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(140deg,#3B5BFF,#8B5CF6)}
.zaff-lead{margin-top:16px;color:var(--ink2);max-width:52ch;font-size:.98rem;line-height:1.75}
.zaff-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin-top:26px}
.zas{display:flex;gap:14px}
.zas .n{flex:none;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:#C7CBF0}
.zas b{display:block;font-size:.94rem;font-weight:700;color:var(--ink)}
.zas span{display:block;margin-top:5px;font-size:.82rem;color:var(--ink2);line-height:1.65}
.zaff-cta{margin-top:30px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.zaff-note{font-size:.74rem;color:var(--ink3)}
@media (max-width:760px){
  .zaff-steps{grid-template-columns:1fr}
}