*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0f1220;color:#eef1f7;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:#70e3d2;text-underline-offset:3px}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.masthead{position:sticky;top:0;z-index:9000;background:rgba(15,18,32,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.masthead-line{min-height:72px;max-width:1180px;margin:auto;padding:0 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{display:flex;align-items:center;text-decoration:none}.brand img,.mobile-brand img,.footer-brand img{display:block;height:42px;width:auto;max-width:170px;object-fit:contain}.brand-fallback{font-size:20px;font-weight:900;color:#fff}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:4px}.desktop-nav a{color:#cbd1df;text-decoration:none;padding:9px 12px;border-radius:999px;font-weight:700;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{background:#20263a;color:#fff}.entry-btn{display:inline-flex;height:42px;min-width:86px;padding:0 20px;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;background:#ff7d69;color:#161923;font-weight:900;box-shadow:0 12px 26px rgba(255,125,105,.2)}.topic-rail{display:flex;gap:4px;max-width:1180px;margin:auto;padding:0 20px 10px;overflow-x:auto;scrollbar-width:none}.topic-rail::-webkit-scrollbar{display:none}.topic-rail a{flex:0 0 auto;color:#8f98ad;text-decoration:none;padding:6px 10px;font-size:13px;border-radius:8px}.topic-rail a:hover{color:#70e3d2;background:#171c2d}.menu-btn{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.12);background:#171c2d;border-radius:10px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px}.menu-btn i{display:block;width:19px;height:2px;background:#fff;border-radius:2px}.page-shell{min-height:60vh}.hero{padding:54px 0 34px;background:radial-gradient(circle at 82% 10%,rgba(112,227,210,.12),transparent 34%),radial-gradient(circle at 10% 8%,rgba(255,125,105,.12),transparent 30%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);gap:42px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#70e3d2}.eyebrow:before{content:"";width:24px;height:2px;background:#70e3d2}.hero h1,.page-title h1{font-size:clamp(36px,5vw,64px);line-height:1.12;margin:14px 0 18px;letter-spacing:-.03em}.hero p,.page-title p{color:#b9c0d0;font-size:18px;margin:0;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.soft-link{display:inline-flex;min-height:42px;padding:8px 14px;align-items:center;text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#171c2d;color:#e8ebf2;font-weight:700}.media-frame{position:relative;overflow:hidden;border-radius:24px;background:#171c2d;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(0,0,0,.38);aspect-ratio:16/9}.media-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.media-frame.placeholder:after{content:"";position:absolute;inset:14%;border:1px dashed rgba(112,227,210,.25);border-radius:18px}.start-strip{padding:18px 0 4px}.start-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.start-item{background:#171c2d;border:1px solid rgba(255,255,255,.07);padding:18px;border-radius:14px}.start-item b{display:block;color:#fff;margin-bottom:3px}.start-item span{font-size:14px;color:#8f98ad}.section{padding:54px 0}.section.alt{background:#131827}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.section-head h2{font-size:32px;line-height:1.25;margin:0}.section-head p{color:#8f98ad;margin:0;max-width:650px}.editorial{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.feature-story,.mini-story,.topic-card,.service-card,.article-panel,.stat-card{background:#171c2d;border:1px solid rgba(255,255,255,.07);border-radius:18px}.feature-story{padding:26px;display:grid;grid-template-columns:1fr .9fr;gap:22px;align-items:center}.feature-story h3{font-size:27px;margin:0 0 10px}.feature-story p,.mini-story p,.topic-card p,.service-card p{color:#aeb6c8}.mini-stack{display:grid;gap:18px}.mini-story{padding:22px}.mini-story h3{margin:0 0 6px;font-size:19px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-card{padding:18px}.topic-card h3{font-size:20px;margin:0 0 6px}.topic-card a{font-weight:800}.topic-card .tag{display:inline-block;color:#ff9d8f;font-size:12px;font-weight:900;margin-bottom:10px}.info-band{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{padding:22px}.stat-card strong{display:block;font-size:22px;color:#70e3d2}.app-banner{display:grid;grid-template-columns:1fr .85fr;gap:26px;align-items:center;background:linear-gradient(120deg,#1a2033,#202941);border:1px solid rgba(112,227,210,.12);border-radius:24px;padding:28px}.app-banner h2{font-size:31px;margin:0 0 10px}.page-title{padding:40px 0 30px}.crumbs{font-size:13px;color:#798196;margin-bottom:14px}.crumbs a{color:#9aa3b7;text-decoration:none}.inner-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.article-panel{padding:28px}.article-panel h2{font-size:26px;line-height:1.3;margin:34px 0 12px}.article-panel h2:first-child{margin-top:0}.article-panel h3{font-size:19px;margin:24px 0 8px}.article-panel p{font-size:17px;color:#d6dbe6;margin:0 0 18px}.article-panel ul,.article-panel ol{padding-left:1.25em;color:#d6dbe6}.article-panel li{margin:8px 0}.side-index{position:sticky;top:126px;display:grid;gap:14px}.side-box{background:#131827;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px}.side-box b{display:block;margin-bottom:8px}.side-box a{display:block;color:#aeb6c8;text-decoration:none;padding:5px 0}.side-box a:hover{color:#70e3d2}.quote-box{border-left:3px solid #70e3d2;background:#121725;padding:16px 18px;border-radius:0 12px 12px 0;color:#dce1eb;margin:22px 0}.steps{display:grid;gap:12px;counter-reset:s}.step{counter-increment:s;background:#131827;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px 16px 16px 58px;position:relative}.step:before{content:counter(s);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:8px;background:#70e3d2;color:#0d111c;display:grid;place-items:center;font-weight:900}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare>div{background:#131827;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px}.link-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.link-cloud a{display:inline-flex;min-height:36px;align-items:center;padding:6px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;text-decoration:none;background:#131827;color:#dbe0eb}.faq-grid{display:grid;gap:14px}.faq-card{background:#171c2d;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px}.faq-card h2{font-size:20px;margin:0 0 8px}.footer-stack{margin-top:64px;background:#0a0d16;border-top:1px solid rgba(255,255,255,.08)}.footer-main{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px;padding:44px 0 30px}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start}.footer-main h2{font-size:16px;margin:0 0 10px}.footer-main a{color:#929bad;text-decoration:none;margin:3px 0}.footer-main a:hover{color:#70e3d2}.footer-intro p{color:#7d8599;max-width:360px}.footer-note{border-top:1px solid rgba(255,255,255,.07);padding:18px 0 28px;color:#6f778a;font-size:13px;display:flex;justify-content:space-between;gap:24px}.footer-note p{margin:0}.mobile-nav,.screen-mask,.mobile-dock{display:none}
@media(max-width:980px){body{padding-bottom:64px}.masthead-line{grid-template-columns:42px 1fr auto;min-height:64px;padding:0 14px;gap:10px}.menu-btn{display:flex}.brand{justify-self:center}.brand img{height:36px;max-width:145px}.desktop-nav,.topic-rail{display:none}.entry-btn{height:40px;min-width:74px;padding:0 12px}.hero{padding-top:30px}.hero-grid,.editorial,.app-banner,.inner-grid{grid-template-columns:1fr}.hero-grid{gap:24px}.hero-grid .media-frame{order:-1}.start-grid{grid-template-columns:1fr 1fr}.topic-grid{grid-template-columns:1fr 1fr}.feature-story{grid-template-columns:1fr}.info-band{grid-template-columns:1fr}.side-index{position:static;grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.mobile-nav{display:block;position:fixed;inset:0 auto 0 0;width:min(86vw,330px);z-index:11000;background:#121725;transform:translateX(-104%);transition:.22s ease;overflow-y:auto;box-shadow:24px 0 50px rgba(0,0,0,.45)}.mobile-nav.open{transform:translateX(0)}.screen-mask{display:none;position:fixed;inset:0;z-index:10500;background:rgba(3,6,12,.62);opacity:0;pointer-events:none}.screen-mask.show{display:block;opacity:1;pointer-events:auto}.mobile-nav-head{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-brand img{height:34px;max-width:142px}.nav-close{width:40px;height:40px;border:0;border-radius:10px;background:#20263a;color:#fff;font-size:25px}.nav-section{padding:16px 18px 6px;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.nav-section b{grid-column:1/-1;color:#70e3d2;margin-bottom:2px}.nav-section a{color:#c6ccda;text-decoration:none;padding:5px 0}.mobile-dock{display:grid;position:fixed;left:0;right:0;bottom:0;height:58px;grid-template-columns:repeat(4,1fr);background:#0a0d16;border-top:1px solid rgba(255,255,255,.08);z-index:8800}.mobile-dock a{display:grid;place-items:center;text-decoration:none;color:#bac1d0;font-weight:800}.section-head{display:block}.section-head p{margin-top:8px}.side-index{grid-template-columns:1fr}.footer-note{flex-direction:column}}
@media(max-width:640px){.wrap{width:min(100% - 28px,1180px)}.hero h1,.page-title h1{font-size:clamp(31px,10vw,42px)}.hero p,.page-title p{font-size:16px}.start-grid,.topic-grid,.compare{grid-template-columns:1fr}.section{padding:40px 0}.section-head h2{font-size:27px}.feature-story,.article-panel,.app-banner{padding:20px}.hero-grid .media-frame{border-radius:18px}.article-panel p{font-size:16px}.footer-main{grid-template-columns:1fr 1fr;gap:22px}.footer-intro{grid-column:1/-1}.brand img{max-width:118px;height:32px}.entry-btn{min-width:68px;font-size:14px}}