:root{--blue:#1188ff;--blue-deep:#087efd;--ink:#172445;--sub:#3a4157;--muted:#8a93a8;--faint:#c6cbd8;--line:#f0f4fa;--card:#ffffff;--green:#07b095;--red:#ef4444;--amber:#f59e0b;--orange:#f85b2b;--soft-blue:#eff6ff;--soft-green:#effbf7;--soft-red:#fef2f2;--shadow:0 6px 24px rgba(23,36,69,0.06);--radius:16px;--font-num:Menlo,Consolas,"SF Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--ink);background:linear-gradient(175deg,#dbeffd,#e6f4fc 45%,#eff7fd) fixed;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.num{font-family:var(--font-num);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wrap{max-width:1060px;margin:0 auto;padding:0 24px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(219,239,253,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,36,69,.05)}.nav-inner{gap:32px;height:60px}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:10px;font-size:18px;font-weight:700;color:var(--ink)}.brand img{width:30px;height:30px}.brand:hover{text-decoration:none}.nav-links{display:flex;gap:24px;margin-left:auto;font-size:15px}.nav-links a{color:var(--sub);font-weight:500}.nav-links a:hover{color:var(--blue);text-decoration:none}.hero{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:48px;gap:48px;align-items:center;padding:72px 0 56px}.hero h1{font-size:clamp(30px,4.6vw,46px);line-height:1.25;font-weight:700;letter-spacing:.01em;text-wrap:balance}.hero h1 .hl{color:var(--blue)}.hero .lede{margin-top:18px;font-size:17px;color:var(--sub);max-width:30em}.hero-visual{position:relative;display:flex;justify-content:center}.hero-visual .mascot{width:min(240px,60%);filter:drop-shadow(0 12px 28px rgba(23,36,69,.12))}.sticker{position:absolute;width:52px;animation:bob 3.6s ease-in-out infinite}.sticker.s1{top:-4%;left:8%;animation-delay:.3s}.sticker.s2{bottom:4%;left:0;width:44px;animation-delay:1.1s}.sticker.s3{top:12%;right:4%;width:46px;animation-delay:1.9s}.sticker.s4{bottom:-2%;right:12%;animation-delay:.7s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.stats{display:flex;gap:0;margin-top:34px}.stat{padding:0 26px;border-left:1px solid rgba(23,36,69,.1)}.stat:first-child{padding-left:0;border-left:0}.stat b{display:block;font-size:28px;font-weight:700;color:var(--blue);font-family:var(--font-num);line-height:1.2}.stat span{font-size:13px;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;font-size:16px;font-weight:600;padding:13px 30px;border-radius:999px;border:0;cursor:pointer;box-shadow:0 6px 18px rgba(17,136,255,.32);transition:transform .15s ease-out,box-shadow .15s ease-out}.btn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 22px rgba(17,136,255,.38)}.btn:active{transform:translateY(1px);opacity:.9}.btn.ghost{background:#fff;color:var(--blue);box-shadow:var(--shadow)}.cta-row{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.sec{padding:44px 0}.sec-h{display:flex;align-items:center;gap:12px;margin-bottom:8px}.sec-h:before{content:"";width:5px;height:26px;border-radius:3px;background:var(--blue)}.sec-h h2{font-size:clamp(22px,3vw,28px);font-weight:700}.sec-sub{color:var(--muted);font-size:15px;margin-bottom:28px}.feat{display:grid;grid-template-columns:1fr .9fr;grid-gap:44px;gap:44px;align-items:center;padding:36px 0}.feat.rev{grid-template-columns:.9fr 1fr}.feat.rev .feat-txt{order:2}.feat.rev .feat-img{order:1}.feat h3{font-size:21px;font-weight:700;margin-bottom:10px}.feat h3 em{font-style:normal;color:var(--blue)}.feat p{color:var(--sub);font-size:15.5px;max-width:32em}.feat-img{display:flex;justify-content:center;perspective:1200px}.phone{width:min(258px,74%);background:#171b26;border-radius:38px;padding:11px;box-shadow:0 30px 70px rgba(23,36,69,.22),0 8px 22px rgba(23,36,69,.1);position:relative;transition:transform .35s ease-out}.phone:before{content:"";position:absolute;top:21px;left:50%;transform:translateX(-50%);width:74px;height:7px;border-radius:999px;background:rgba(255,255,255,.12);z-index:2}.phone-screen{border-radius:28px;overflow:hidden;background:#dbeffd}.phone-screen img{width:100%}.feat .phone{transform:rotate(1.6deg)}.feat.rev .phone{transform:rotate(-1.6deg)}.feat .phone:hover,.feat.rev .phone:hover{transform:rotate(0deg) translateY(-6px)}.kicker{display:inline-block;font-size:13.5px;font-weight:700;color:var(--blue);letter-spacing:.06em;margin-bottom:6px}.kicker.green{color:var(--green)}.kicker.orange{color:var(--orange)}.kicker.amber{color:#d97706}.feat-points{margin-top:14px;display:grid;grid-gap:8px;gap:8px}.feat-points li{list-style:none;display:flex;gap:10px;font-size:14.5px;color:var(--sub)}.feat-points li:before{content:"✓";color:var(--green);font-weight:700}.card{padding:28px}.card,.qcard{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.qcard{padding:26px 28px}.qmeta{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:13px}.qpill{background:var(--blue);color:#fff;padding:2px 10px;border-radius:999px;font-weight:600}.qsrc{color:var(--muted)}.qstem{font-size:16.5px;font-weight:600;line-height:1.6;margin-bottom:18px}.qops{display:grid;grid-gap:10px;gap:10px}.qop{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:12px 14px;border:1px solid #e7eaf3;border-radius:12px;background:#fff;cursor:pointer;font-size:15px;color:var(--ink);font-family:inherit;line-height:1.55;width:100%;transition:border-color .15s,background .15s}.qop:hover{border-color:var(--blue);background:var(--soft-blue)}.qop .ltr{flex:0 0 26px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--faint);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;margin-top:1px}.qop.right{border-color:var(--green);background:var(--soft-green)}.qop.right .ltr{background:var(--green);border-color:var(--green);color:#fff}.qop.wrong{border-color:var(--red);background:var(--soft-red)}.qop.wrong .ltr{background:var(--red);border-color:var(--red);color:#fff}.qop:disabled{cursor:default}.qwhy{margin-top:16px;padding:16px 18px;border-radius:12px;background:var(--soft-blue);font-size:14.5px;color:var(--sub)}.qwhy b{color:var(--ink)}.qwhy .more{display:block;margin-top:8px;font-weight:600}.qgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.article{max-width:780px}.article .card{padding:36px 40px}.article h1{font-size:clamp(26px,3.6vw,34px);line-height:1.35;margin-bottom:6px;text-wrap:balance}.article .meta{color:var(--muted);font-size:13.5px;margin-bottom:26px}.article h2{font-size:21px;margin:34px 0 12px;padding-top:26px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center}.article h2:before{content:"";width:4px;height:20px;border-radius:2px;background:var(--blue);flex:0 0 4px}.article h3{font-size:17px;margin:22px 0 8px}.article li,.article p{font-size:15.5px;color:var(--sub)}.article ol,.article ul{padding-left:1.3em;margin:10px 0}.article li{margin:6px 0}.article strong{color:var(--ink)}.article table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0}.article th{text-align:left;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid #e7eaf3;white-space:nowrap}.article td{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--sub);vertical-align:top}.article .tablewrap{overflow-x:auto}.notice{margin:20px 0;padding:14px 18px;border-radius:12px;background:#f7f1e8;color:#7c5a12;font-size:14px}.src-note{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}.faq-list{max-width:780px}.faq-list details{border-bottom:1px solid rgba(23,36,69,.08);padding:4px 2px}.faq-list summary{cursor:pointer;font-size:16px;font-weight:600;padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"›";color:var(--faint);font-size:20px;transform:rotate(90deg);transition:transform .2s;flex:0 0 auto}.faq-list details[open] summary:after{transform:rotate(-90deg)}.faq-list .a{padding:0 0 18px;color:var(--sub);font-size:15px;max-width:44em}.cta-band{background:linear-gradient(120deg,var(--blue) 0,#3b9dff 100%);border-radius:24px;color:#fff;padding:44px 48px;display:grid;grid-template-columns:1fr auto;grid-gap:32px;gap:32px;align-items:center;box-shadow:0 16px 44px rgba(17,136,255,.35)}.cta-band h2{font-size:clamp(22px,3vw,30px);margin-bottom:8px}.cta-band p{opacity:.92;font-size:15.5px}.wx-steps{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.wx-steps span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:7px 16px;border-radius:999px;font-size:14px;font-weight:500}.wx-steps b{font-weight:700}.cta-band .mascot-sm{width:150px;filter:drop-shadow(0 8px 20px rgba(0,40,90,.3))}.footer{padding:44px 0 36px;color:var(--muted);font-size:13.5px}.footer-inner{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}.footer a{color:var(--muted)}.footer .legal{width:100%;margin-top:10px;font-size:12.5px;color:#a9b1c2}.guide-links{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.guide-link{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;display:block;color:var(--ink);transition:transform .15s ease-out,box-shadow .15s ease-out}.guide-link:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 32px rgba(23,36,69,.1)}.guide-link b{display:flex;justify-content:space-between;font-size:16.5px}.guide-link b:after{content:"›";color:var(--faint)}.guide-link span{font-size:13.5px;color:var(--muted)}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:28px;padding:44px 0 36px}.hero-visual{order:-1}.hero-visual .mascot{width:170px}.stats{flex-wrap:wrap;gap:14px 0}.stat{padding:0 18px}.feat,.feat.rev{grid-template-columns:1fr;gap:20px;padding:26px 0}.feat.rev .feat-txt{order:1}.feat.rev .feat-img{order:2}.cta-band,.qgrid{grid-template-columns:1fr}.cta-band{padding:32px 28px}.cta-band .mascot-sm{display:none}.guide-links{grid-template-columns:1fr}.nav-links{gap:14px;font-size:14px}.article .card{padding:26px 22px}}