:root{--line:#e4e9f2;--ink:#0b1736;--muted:#667085;--blue:#2457e6;--green:#10b981}*,:before,:after{box-sizing:border-box}body{color:var(--ink);overflow-wrap:anywhere;background:#f8fafc;margin:0;font-family:system-ui,-apple-system,sans-serif}main,section,article,.page-shell{min-width:0}img,svg{max-width:100%}.flex{display:flex}.flex-col{flex-direction:column}.min-h-screen{min-height:100vh}.flex-grow{flex-grow:1}.page-shell,.nav-shell,.footer-shell{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);z-index:50;background:#fff;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-shell>a,.footer-intro>a{text-decoration:none}.brand-logo{align-items:center;gap:12px;display:flex}.brand-word{letter-spacing:1px;background:linear-gradient(135deg, var(--blue) 0%, #0ea5e9 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #2457e61a;-webkit-background-clip:text;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:1.75rem;font-weight:900}.desktop-nav{gap:24px;display:flex}.desktop-nav a{color:var(--muted);font-weight:500;text-decoration:none}.desktop-nav a.active,.desktop-nav a:hover{color:var(--blue)}.button{background:var(--blue);color:#fff;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.desktop-cta{font-size:14px}.mobile-menu{display:none}@media (width<=992px){.nav-shell{gap:16px;position:relative}.desktop-nav,.desktop-cta{display:none}.mobile-menu{margin-left:auto;display:block}.mobile-menu summary{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--ink);border-radius:999px;width:20px;height:2px;transition:transform .2s,opacity .2s}.mobile-menu[open] summary span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu[open] summary span:nth-child(2){opacity:0}.mobile-menu[open] summary span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu nav{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:20px;right:20px;box-shadow:0 18px 40px #0f172a24}.mobile-menu nav a{color:var(--ink);border-radius:8px;padding:12px 14px;font-weight:600;text-decoration:none}.mobile-menu nav a:hover,.mobile-menu nav a:focus-visible{color:var(--blue);background:#eff6ff}}@media (width<=600px){.page-shell,.nav-shell,.footer-shell{padding-left:16px;padding-right:16px}.nav-shell{height:60px}.brand-logo img{width:42px;height:42px}.brand-word{font-size:1.4rem}.mobile-menu nav{left:16px;right:16px}}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.section-heading h2{background:linear-gradient(135deg, var(--blue) 0%, #0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2rem;display:inline-block}.eyebrow{color:#00bcd4;margin-bottom:8px;font-size:.875rem;font-weight:800}.copy-code-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .2s;display:inline-flex}.copy-code-btn:hover{color:#0f172a;background:#f1f5f9}.copy-code-btn.copied{color:#fff;background:#10b981;border-color:#10b981}.badge{color:#475569;background:#f1f5f9;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.article-meta-bar{width:min(1200px,100% - 40px);color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:0 auto;padding-top:72px;font-size:.9rem;line-height:1.6;display:flex}.article-meta-bar a{color:var(--blue);font-weight:700;text-decoration:none}.article-meta-bar+article.page-shell{padding-top:24px!important}@media (width<=640px){.article-meta-bar{gap:4px 12px;width:min(100% - 28px,1200px);padding-top:36px;font-size:.82rem}}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;padding:80px 0 32px;position:relative;overflow:hidden}.site-footer:before{content:"";background:linear-gradient(90deg, var(--blue) 0%, #0ea5e9 50%, #10b981 100%);height:4px;position:absolute;top:0;left:0;right:0}.footer-shell{grid-template-columns:1.2fr 3.8fr;gap:60px;margin-bottom:64px;display:grid}.footer-brand{align-items:center;gap:12px;margin-bottom:20px;text-decoration:none;display:flex}.footer-slogan{color:#64748b;margin:0;font-size:.95rem;line-height:1.7}.footer-links-group{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.footer-links-col h4{color:var(--ink);letter-spacing:.5px;margin-top:0;margin-bottom:20px;font-size:1rem;font-weight:800}.footer-links-col nav{flex-direction:column;gap:14px;display:flex}.footer-links-col nav a{color:#64748b;font-size:.95rem;text-decoration:none;transition:all .25s;display:inline-block}.footer-links-col nav a:hover{color:var(--blue);transform:translate(4px)}.footer-bottom{border-top:1px solid var(--line);color:#94a3b8;justify-content:space-between;align-items:center;padding-top:32px;font-size:.9rem;display:flex}@media (width<=992px){.footer-shell{grid-template-columns:1fr;gap:40px}.footer-links-group{grid-template-columns:repeat(2,1fr);gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (width<=600px){.footer-links-group{grid-template-columns:1fr;gap:24px}.section-heading{align-items:flex-start;gap:20px}}.faq-item{margin-bottom:24px}:root{--primary:#2457e6;--surface:#fff;--text:#0b1736;--hl:#eef3ff;--amber:#b45309}.desktop-nav a[aria-current=page]{color:var(--blue)}@media (width<=992px){.desktop-nav-row{display:none}}.h-skip{z-index:100;background:var(--blue);color:#fff;padding:8px 14px;position:absolute;top:0;left:-9999px}.h-skip:focus{top:8px;left:8px}.h-crumbs{max-width:1120px;color:var(--muted);flex-wrap:wrap;gap:6px;margin:18px auto 0;padding:0 20px;font-size:.85rem;display:flex}.h-crumbs a{color:var(--blue);text-decoration:none}.h-page{max-width:1120px;margin:0 auto;padding:20px 20px 56px}.h-page h1{margin:8px 0 12px;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.3}.h-page h2{margin:0 0 12px;font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.35}.h-page h3{margin:0 0 8px;font-size:1.08rem}.h-page p{line-height:1.75}.h-eyebrow{color:var(--blue);margin:0;font-size:.85rem;font-weight:700}.h-lead{color:#344054;max-width:860px;font-size:1.05rem}.h-muted{color:var(--muted);font-size:.88rem}.h-section{margin:40px 0}.h-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.h-box{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}a.h-box{color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block}a.h-box:hover{border-color:#9db5f5;box-shadow:0 8px 22px #2457e614}a.h-box strong{color:var(--blue)}.h-callout{background:var(--hl);border:1px solid #c7d6fb;border-radius:14px;margin:18px 0;padding:18px}.h-list{margin:0;padding-left:1.2rem}.h-list li{margin-bottom:6px;line-height:1.7}.h-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.h-btn{background:var(--blue);white-space:nowrap;border-radius:9px;align-items:center;gap:4px;padding:9px 16px;font-weight:700;text-decoration:none;display:inline-flex;color:#fff!important}.h-btn:hover{background:#1b46c0}.h-btn-sm{padding:5px 11px;font-size:.85rem;font-weight:600}.h-btn-ghost{background:#fff;border:1px solid #b9cbf8;color:var(--blue)!important}.h-disclosure{color:#78350f;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:0 10px 10px 0;margin:14px 0 20px;padding:10px 14px;font-size:.85rem}.h-table-wrap{border:1px solid var(--line);background:#fff;border-radius:14px;margin:12px 0;position:relative;overflow-x:auto}.h-table{border-collapse:collapse;width:100%;min-width:640px;font-size:.93rem}.h-table th,.h-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 12px}.h-table th{color:#475467;white-space:nowrap;background:#f3f6fb;font-size:.84rem;font-weight:700}.h-table tr:last-child td{border-bottom:0}.h-table tr.is-hl td{background:var(--hl)}.h-num{font-variant-numeric:tabular-nums;white-space:nowrap}.h-price{color:var(--blue);font-weight:800}.h-rank{color:#475467;background:#eef1f6;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:.85rem;font-weight:800;display:inline-flex}.h-rank-1{background:var(--blue);color:#fff}.h-brand{color:var(--ink);white-space:nowrap;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.h-brand img{object-fit:contain;background:#fff;border-radius:6px;width:28px;height:28px}.h-tag{color:var(--blue);background:#eef3ff;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.h-tag-warn{color:var(--amber);background:#fff4e5}.h-promo{color:#92400e;white-space:nowrap;background:#fffbeb;border:1px dashed #f59e0b;border-radius:9px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:.86rem;display:inline-flex}.h-promo code{color:var(--amber);background:0 0;font-weight:800}.h-promo button{color:#fff;cursor:pointer;background:#f59e0b;border:0;border-radius:6px;padding:3px 9px;font-size:.8rem}.h-scenes{gap:16px;display:grid}.h-scenes>*,.h-grid>*,.h-card{min-width:0}.h-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.h-card.is-top{border:2px solid var(--blue);box-shadow:0 12px 30px #2457e61a}.h-card-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.h-card-head img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:10px;width:44px;height:44px}.h-card-head h3{flex:1;margin:0;font-size:1.25rem}.h-card-head h3 a{color:var(--ink);text-decoration:none}.h-facts{background:#f6f8fc;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px 14px;margin:10px 0;padding:12px 14px;display:grid}.h-facts dt{color:var(--muted);font-size:.78rem}.h-facts dd{margin:0;font-size:.93rem;font-weight:700}.h-qa{border-bottom:1px solid var(--line);padding:14px 0}.h-qa h3{margin:0 0 6px;font-size:1.02rem}.h-qa p{color:#344054;margin:0}@media (width<=640px){.h-page{padding:14px 16px 44px}.h-section{margin:30px 0}.h-card{padding:16px}}.h-crumbs{max-width:1200px}.h-crumbs+.article-meta-bar{padding-top:10px}.footer-bottom{max-width:1200px;margin:40px auto 0;padding:32px 20px 0}