@font-face{font-family:'Clay Figure';src:url(../app/fonts/fredoka.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--wmax:1180px;--htop:68px;--rad:28px;--radb:999px;--rads:12px;--whead:900;--wh3:700;--thead:-.015em;--bbg:var(--ghi);--bsh:0 10px 22px -8px rgba(139,108,255,.6),inset 0 -4px 0 rgba(43,35,80,.18),inset 0 3px 0 rgba(255,255,255,.35);--bshh:0 16px 28px -8px rgba(139,108,255,.7),inset 0 -4px 0 rgba(43,35,80,.18),inset 0 3px 0 rgba(255,255,255,.35);--bghost:transparent;--band:#e4dcff;--ctabg:#f7f4ff;--sel:var(--hisoft);--fcopy:-apple-system,BlinkMacSystemFont,'PingFang SC','Noto Sans SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;--base:#ece6ff;--card:#f7f4ff;--card2:#e3dbff;--rule:rgba(43,35,80,.07);--rule2:rgba(43,35,80,.14);--ink:#2b2350;--ink2:rgba(43,35,80,.74);--mute:rgba(43,35,80,.52);--hi:#6a4cf0;--hi2:#ff7eb0;--hisoft:rgba(115,87,255,.12);--hiline:rgba(115,87,255,.34);--onhi:#ffffff;--ghi:linear-gradient(135deg,#8b6cff,#ff8fb8);--top:rgba(247,244,255,.66);--top2:rgba(247,244,255,.95);--fhead:'PingFang SC','Noto Sans SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;--ffig:'Clay Figure',Arial Rounded MT Bold,Arial,sans-serif}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--htop) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--base);color:var(--ink);font:16px/1.7 var(--fcopy);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
mark{background:none;color:inherit}
h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
button{font:inherit}
::selection{background:var(--sel)}
.clShell_{width:min(100% - 44px,var(--wmax));margin:0 auto}
.clNarrow_{max-width:900px}
.clEm_{color:var(--hi)}
.clIc_{width:22px;height:22px;flex:none}
.clB_{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid transparent;border-radius:var(--radb);font:inherit;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s}
.clB_:focus-visible,.clMenu_ a:focus-visible,.clSignin_:focus-visible{outline:2px solid var(--hi);outline-offset:3px}
.clB_ .clAr_{transition:transform .18s}
.clB_:hover .clAr_{transform:translateX(4px)}
.clBs_{height:40px;padding:0 18px;font-size:14px}
.clBm_{height:44px;padding:0 20px;font-size:14px}
.clBl_{height:54px;padding:0 28px;font-size:16px}
.clBmain_{background:var(--bbg);color:var(--onhi);box-shadow:var(--bsh)}
.clBmain_:hover{transform:translateY(-2px);box-shadow:var(--bshh)}
.clBalt_{background:var(--bghost);color:var(--ink);border-color:var(--rule2)}
.clBalt_:hover{border-color:var(--hi);color:var(--hi)}

/* 顶栏 */
.clTop_{position:fixed;left:0;right:0;top:0;z-index:80;transition:background-color .25s,box-shadow .25s,border-color .25s}
.clTopbar_{height:var(--htop);background:var(--top);border-bottom:1px solid transparent}
.clTopbar_[data-stuck="1"]{background:var(--top2);border-bottom-color:var(--rule)}
.clTopin_{display:flex;align-items:center;gap:28px;height:100%}
.clToppill_{padding-top:12px}
.clPill_{display:flex;align-items:center;gap:24px;height:calc(var(--htop) - 12px);padding:0 10px 0 18px;border-radius:999px;background:var(--top);border:1px solid var(--rule);box-shadow:0 10px 30px -18px rgba(0,0,0,.35);transition:background-color .25s}
.clToppill_[data-stuck="1"] .clPill_{background:var(--top2)}
.clLogo_{display:flex;align-items:center;gap:10px;min-width:0}
.clGlyph_{position:relative;flex:none;width:30px;height:30px;border-radius:var(--rads);background:var(--ghi)}
.clGlyph_::after{content:"";position:absolute;left:11px;top:8px;border-left:10px solid var(--onhi);border-top:7px solid transparent;border-bottom:7px solid transparent}
.clLname_{font:var(--whead) 18px/1.2 var(--fhead);white-space:nowrap}
.clMenu_{display:flex;gap:24px;margin-left:auto;font-size:14px;color:var(--ink2)}
.clMenu_ a{padding:6px 0;transition:color .2s}
.clMenu_ a:hover{color:var(--hi)}
.clActs_{display:flex;align-items:center;gap:18px;flex:none}
.clSignin_{font-size:14px;font-weight:600;color:var(--ink2);white-space:nowrap}
.clSignin_:hover{color:var(--hi)}

/* 首屏公共 */
.clHero_{position:relative;padding:calc(var(--htop) + 64px) 0 72px;overflow:hidden}
.clHgrid_{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.clTagline_{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--hi)}
.clPulse_{width:8px;height:8px;border-radius:50%;background:var(--hi);box-shadow:0 0 0 0 var(--hiline);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.clHc_ h1{margin:20px 0 18px;font:var(--whead) clamp(36px,4.8vw,64px)/1.12 var(--fhead);letter-spacing:var(--thead)}
.clIntro_{max-width:580px;font-size:17px;color:var(--ink2)}
.clGo_{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.clFigs_{display:flex;flex-wrap:wrap;gap:14px 34px;margin-top:38px}
.clFigs_>div{display:flex;flex-direction:column-reverse}
.clFigs_ dt{font-size:13px;color:var(--mute)}
.clFigs_ dd{font:800 28px/1.2 var(--ffig);font-variant-numeric:tabular-nums}
.clHcmid_{text-align:center;display:flex;flex-direction:column;align-items:center}
.clHcmid_ .clIntro_{margin:0 auto}
.clHcmid_ .clGo_,.clHcmid_ .clFigs_{justify-content:center}
.clHv_{position:relative;min-width:0}

/* 区块公共 */
.clBlk_{padding:100px 0}
.clBlkband_{background:var(--band)}
.clTtl_{max-width:680px;margin-bottom:44px}
.clEyebrow_{display:block;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--hi)}
.clTtl_ h2,.clFin_ h2{margin:12px 0 12px;font:var(--whead) clamp(28px,3.2vw,42px)/1.22 var(--fhead);letter-spacing:var(--thead)}
.clTtl_ h2 .clEyebrow_{margin-bottom:14px;font-family:var(--fcopy)}
.clSub_{font-size:16px;color:var(--ink2)}
.clCard_{background:var(--card);border:1px solid var(--rule);border-radius:var(--rad)}
.clFine_{margin-top:22px;font-size:12px;color:var(--mute)}
.clSgo_{display:flex;justify-content:center;margin-top:44px}
h3{font:var(--wh3) 19px/1.35 var(--fhead)}

/* 收尾公共 */
.clFin_{padding:40px 0 100px}
.clFinp_{max-width:620px;font-size:15px;color:var(--ink2)}
.clFinp_ b{color:var(--ink)}
.clFingo_{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.clQr_{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-radius:var(--rad);background:#fff;color:#444;font-size:12px}
.clQr_ img{width:170px;height:auto;border-radius:8px}

/* 页脚 */
.clFt_{padding:44px 0 36px;border-top:1px solid var(--rule);color:var(--mute);font-size:13px}
.clFb_{display:flex;align-items:center;gap:12px;color:var(--ink)}
.clFb_ b{display:block;font:var(--whead) 16px/1.3 var(--fhead)}
.clFb_ small{display:block;font-size:12px;color:var(--mute)}
.clLegal_,.clCr_{max-width:860px;margin-top:16px;line-height:1.75}
.clFt_ a{color:var(--ink2)}
.clFt_ a:hover{color:var(--hi)}

.clToast_{position:fixed;left:50%;bottom:28px;z-index:99;max-width:calc(100% - 40px);padding:12px 18px;border-radius:12px;background:#111;color:#fff;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.3);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.clToast_[data-on]{opacity:1;transform:translate(-50%,0)}

[data-rv]{transition:opacity .7s ease,transform .7s ease}
[data-rv-wait]{opacity:0;transform:translateY(18px)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-rv-wait]{opacity:1;transform:none}}

@media (max-width:980px){
  .clMenu_{display:none}
  .clActs_{margin-left:auto}
  .clHgrid_{grid-template-columns:1fr;gap:40px}
}
@media (max-width:600px){
  .clShell_{width:calc(100% - 32px)}
  .clBlk_{padding:70px 0}
  .clHero_{padding:calc(var(--htop) + 36px) 0 52px}
  .clLname_{font-size:16px}
  .clActs_{gap:14px}
  .clBl_{height:50px;padding:0 20px;font-size:15px}
  .clGo_ .clB_{flex:1 1 auto}
  .clFigs_{gap:12px 22px}
  .clFigs_ dd{font-size:23px}
  .clTtl_{margin-bottom:32px}
  .clToppill_{padding-top:8px}
  .clPill_{padding:0 8px 0 14px;gap:12px}
  .clQr_ img{width:150px}
}


.clHbill_{padding-bottom:20px}
.clArc_{position:relative;display:flex;justify-content:center;height:330px;margin-top:40px}
.clAi_{position:absolute;left:50%;top:40px;width:170px;aspect-ratio:2/3;margin-left:-85px;border-radius:var(--rad);overflow:hidden;box-shadow:0 22px 40px -18px rgba(0,0,0,.5);transform:translateX(calc(var(--i) * 150px)) translateY(calc(var(--i) * var(--i) * 10px)) rotate(calc(var(--i) * 5deg));z-index:calc(10 - var(--i) * var(--i))}
.clAi_ img{width:100%;height:100%;object-fit:cover}
@media (max-width:980px){.clAi_{width:130px;margin-left:-65px;transform:translateX(calc(var(--i) * 104px)) translateY(calc(var(--i) * var(--i) * 8px)) rotate(calc(var(--i) * 5deg))}.clArc_{height:260px;overflow:hidden}}
@media (max-width:600px){.clAi_{width:96px;margin-left:-48px;top:20px;transform:translateX(calc(var(--i) * 70px)) translateY(calc(var(--i) * var(--i) * 6px)) rotate(calc(var(--i) * 5deg))}.clArc_{height:200px;margin-top:28px}}


.clPcloud_{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:baseline}
.clPcloud_ span{display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--rule);font-weight:700}
.clPcloud_ sup{top:0;font:600 12px var(--ffig);color:var(--hi)}
.clPcloud_ .clT1_{font:var(--whead) 24px/1.2 var(--fhead);padding:10px 20px;background:var(--hisoft);border-color:var(--hiline)}
.clPcloud_ .clT2_{font-size:17px}
.clPcloud_ .clT3_{font-size:13px;color:var(--ink2)}
@media (max-width:600px){.clPcloud_ .clT1_{font-size:19px}.clPcloud_ .clT2_{font-size:15px}}


.clQuad_{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.clQc_{position:relative;padding:30px;border-radius:var(--rad);background:var(--card);border:1px solid var(--rule);overflow:hidden}
.clQn_{position:absolute;right:18px;top:6px;font:900 84px/1 var(--ffig);color:var(--hisoft);-webkit-text-stroke:1.5px var(--hiline)}
.clQc_ .clIc_{width:44px;height:44px;padding:10px;border-radius:12px;color:var(--onhi);background:var(--ghi)}
.clQc_ h3{margin:18px 0 8px;font-size:21px}
.clQc_ p{max-width:420px;font-size:15px;color:var(--ink2)}
@media (max-width:700px){.clQuad_{grid-template-columns:1fr}.clQn_{font-size:64px}}


.clFzs_{display:flex;flex-direction:column;gap:22px}
.clFz_{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:34px;border-radius:var(--rad);background:var(--card);border:1px solid var(--rule)}
.clFz_:nth-child(even) .clFzt_{order:2}
.clFzk_{font:800 13px var(--ffig);letter-spacing:.14em;color:var(--hi)}
.clFz_ h3{margin:10px 0 10px;font-size:24px}
.clFz_ p{font-size:15px;color:var(--ink2)}
.clMk_{padding:18px;border-radius:calc(var(--rad) - 4px);background:var(--card2);border:1px solid var(--rule)}
.clMkg_{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.clMkg_ span{aspect-ratio:2/3;border-radius:8px;overflow:hidden}
.clMkg_ img{width:100%;height:100%;object-fit:cover}
.clMkc_{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.clMkc_ em{font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--card);border:1px solid var(--rule)}
.clMk_ li{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px dashed var(--rule);font-size:14px}
.clMk_ li:last-child{border-bottom:0}
.clMk_ li span{flex:1}
.clMk_ li em{font-style:normal;font-size:12px;font-weight:700;color:var(--hi)}
.clMk_ .clIc_{color:var(--hi)}
.clMk_ .clDl_{color:var(--mute)}
.clMkwal_ p{font-weight:800;padding:0 4px 8px;border-bottom:1px solid var(--rule)}
@media (max-width:800px){.clFz_{grid-template-columns:1fr;gap:22px;padding:24px}.clFz_:nth-child(even) .clFzt_{order:0}}


.clWsc_{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.clWs_{padding:24px 20px;border-radius:var(--rad);background:var(--card);border:1px solid var(--rule)}
.clWs_ .clIc_{width:40px;height:40px;padding:8px;border-radius:12px;color:var(--hi);background:var(--hisoft)}
.clWs_ h3{margin:16px 0 6px;font-size:17px}
.clWs_ p{font-size:14px;color:var(--ink2)}
@media (max-width:1060px){.clWsc_{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(230px,42%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}.clWs_{scroll-snap-align:start}}
@media (max-width:600px){.clWsc_{grid-auto-columns:76%}}


.clStr_{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end}
.clStr_ li{padding:30px 26px;border-radius:var(--rad);background:var(--card);border:1px solid var(--rule)}
.clStr_ li:nth-child(1){margin-top:80px}
.clStr_ li:nth-child(2){margin-top:40px}
.clStr_ li:nth-child(3){background:var(--ghi);color:var(--onhi);border-color:transparent}
.clStr_ li:nth-child(3) p{color:inherit;opacity:.9}
.clStn_{font:900 44px/1 var(--ffig);color:var(--hi)}
.clStr_ li:nth-child(3) .clStn_{color:inherit}
.clStr_ h3{margin:16px 0 8px;font-size:21px}
.clStr_ p{font-size:15px;color:var(--ink2)}
@media (max-width:760px){.clStr_{grid-template-columns:1fr}.clStr_ li:nth-child(n){margin-top:0}}


.clDhead_{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.clDhead_ .clTtl_{margin-bottom:0}
.clDc_{min-width:0;border-radius:var(--rad);overflow:hidden;background:var(--card);border:1px solid var(--rule);transition:transform .25s,box-shadow .25s}
.clDc_:hover{transform:translateY(-4px);box-shadow:0 18px 34px -18px rgba(0,0,0,.45)}
.clDcp_{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--card2)}
.clDcp_ img{width:100%;height:100%;object-fit:cover}
.clDcch_{position:absolute;right:8px;top:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.clDcm_{padding:10px 12px 12px}
.clDcm_ b{display:block;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clDcm_ small{display:block;margin-top:2px;font-size:12px;color:var(--mute)}
@media (max-width:760px){.clDhead_{flex-direction:column;align-items:flex-start}}


.clDfe_{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:18px;align-items:start}
.clDcbig_ .clDcm_ b{font-size:18px;white-space:normal}
.clDfeg_{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:900px){.clDfe_{grid-template-columns:1fr}.clDcbig_{display:grid;grid-template-columns:42% 1fr}.clDcbig_ .clDcm_{align-self:center}.clDfeg_{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:600px){.clDfeg_{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}


.clQds_,.clFqsr_{display:flex;flex-direction:column;gap:12px}
.clQd_{border-radius:var(--rad);background:var(--card);border:1px solid var(--rule)}
.clQd_ summary{display:flex;align-items:center;gap:14px;padding:18px 20px;font-weight:700;font-size:16px;cursor:pointer;list-style:none}
.clQd_ summary::-webkit-details-marker{display:none}
.clQd_ summary::after{content:"";flex:none;width:10px;height:10px;margin-left:auto;border-right:2px solid var(--hi);border-bottom:2px solid var(--hi);transform:rotate(45deg);transition:transform .2s}
.clQd_[open] summary::after{transform:rotate(-135deg)}
.clQdn_{flex:none;font:800 13px var(--ffig);color:var(--hi)}
.clQd_ p{padding:0 20px 20px 50px;font-size:15px;color:var(--ink2)}
@media (max-width:600px){.clQd_ summary{padding:16px}.clQd_ p{padding:0 16px 16px}}


.clFc3_{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 40px;border-radius:calc(var(--rad) + 8px);background:var(--ctabg);border:1px solid var(--hiline)}
.clFc3_ .clFinp_{margin:0 auto}
.clFc3_ .clFingo_{justify-content:center}
.clFc3_ .clQr_{margin-top:32px}
@media (max-width:600px){.clFc3_{padding:38px 20px}.clFc3_ .clFingo_ .clB_{flex:1 1 auto}}


.clFtmini_{text-align:center}
.clFtmini_ .clFb_{justify-content:center}
.clFtl_{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-top:18px}
.clFtmini_ .clLegal_{margin:16px auto 0}


.clHero_::before{content:"";position:absolute;left:50%;top:-240px;width:900px;height:620px;margin-left:-450px;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,0) 66%);pointer-events:none}
.clHero_ .clShell_,.clArc_{position:relative;z-index:1}
.clBalt_{background:#f7f4ff;border:0;box-shadow:0 8px 18px -10px rgba(43,35,80,.3),inset 0 -3px 0 rgba(43,35,80,.1)}
.clPill_{border:0;box-shadow:0 14px 30px -18px rgba(43,35,80,.4),inset 0 -2px 0 rgba(43,35,80,.06)}
.clGlyph_{box-shadow:inset 0 -3px 0 rgba(43,35,80,.2)}
.clEm_{background:linear-gradient(135deg,#7357ff,#ff6fa6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.clTagline_{padding:7px 14px;border-radius:999px;background:#f7f4ff;box-shadow:0 8px 18px -12px rgba(43,35,80,.4)}
.clFigs_>div{padding:12px 18px;border-radius:20px;background:#f7f4ff;box-shadow:8px 8px 18px -10px rgba(115,87,255,.35),inset 0 -3px 0 rgba(43,35,80,.06)}
.clFigs_ dd{color:#6a4cf0}
.clAi_{border-radius:26px;border:5px solid #f7f4ff;box-shadow:0 22px 40px -18px rgba(43,35,80,.5)}
.clFz_,.clQc_,.clQd_,.clWs_,.clStr_ li,.clDc_,.clFc3_{border:0;box-shadow:14px 14px 30px -14px rgba(115,87,255,.3),-8px -8px 20px rgba(255,255,255,.75),inset 0 -4px 0 rgba(43,35,80,.05)}
.clMk_{border:0;background:#ece6ff;box-shadow:inset 4px 4px 10px rgba(115,87,255,.14),inset -4px -4px 10px rgba(255,255,255,.7)}
.clQn_{color:#fff;-webkit-text-stroke:0;text-shadow:0 4px 0 rgba(115,87,255,.25)}
.clQc_ .clIc_{border-radius:16px}
.clPcloud_ span{border:0;box-shadow:6px 6px 14px -6px rgba(115,87,255,.35),inset 0 -2px 0 rgba(43,35,80,.06)}
.clPcloud_ .clT1_{background:linear-gradient(135deg,#8b6cff,#ff8fb8);color:#fff}
.clPcloud_ .clT1_ sup{color:#fff}
.clStr_ li:nth-child(3){color:#fff}
.clWs_ .clIc_{border-radius:16px}
.clQd_ summary::after{border-color:#ff7eb0}
.clFc3_{background:#f7f4ff}
.clFt_{border-top:0}