*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;background:#eaf2fb;color:#24364f;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#137cd8;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}.wrap{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}.site-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 16px #173d6811}.top{height:70px;display:flex;align-items:center;gap:22px}.logo{display:flex;gap:9px;align-items:center;flex-shrink:0;color:#137cd8;text-decoration:none}.logo-image{width:42px;height:38px;display:flex;align-items:center;justify-content:center}.logo-image img{width:auto;height:auto;max-height:38px;max-width:42px;object-fit:contain}.logo-text{display:grid;line-height:1.15}.logo-text strong{font-size:20px;white-space:nowrap}.logo-text small{font-size:9px;letter-spacing:1.2px;color:#5d718a;white-space:nowrap}.desktop-nav{display:flex;gap:20px;align-items:center;margin:auto;min-width:0;white-space:nowrap;height:100%}.desktop-nav a{height:100%;display:flex;align-items:center;font-size:14px;color:#24364f;border-bottom:2px solid transparent}.desktop-nav a.active,.desktop-nav a:hover{border-color:#137cd8;color:#137cd8;text-decoration:none}.signup,.btn{background:#137cd8;color:#fff;padding:8px 21px;border-radius:99px;text-align:center;display:inline-block;font-size:14px;font-weight:bold;white-space:nowrap}.signup:hover,.btn:hover{background:#0964b5;text-decoration:none}.subnav{background:#f7fbff;border-top:1px solid #edf3fa}.subscroll{height:44px;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.subscroll::-webkit-scrollbar{display:none}.subscroll a{font-size:13px;line-height:1;padding:0 17px;border-right:1px solid #d6e2ed;color:#5d718a}.subscroll a:first-child{padding-left:0}.subscroll a.active{color:#137cd8;font-weight:bold}.main-content{padding-top:36px;padding-bottom:56px}h1,h2,h3{line-height:1.35;color:#163c64}h1{font-size:32px;letter-spacing:-.6px;margin:0 0 20px}h2{font-size:24px;margin:0 0 18px}h3{font-size:19px;margin:0 0 12px}p{margin:0 0 16px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;color:#137cd8;margin-bottom:10px}.lead{font-size:17px;color:#5d718a}.panel,.card,.article-content,.hero{background:#fff;border:1px solid rgba(47,168,247,.14);border-radius:12px}.panel,.article-content{padding:30px}.hero{padding:32px;display:grid;grid-template-columns:54% minmax(0,1fr);gap:28px;align-items:center}.hero>*,.grid>*{min-width:0}.hero .media{max-height:295px}.hero p{max-width:560px}.pill-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pill-links a,.text-link{display:inline-flex;padding:8px 15px;border-radius:20px;background:#edf5ff;font-size:14px}.section{margin-top:42px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:0}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:22px}.card p{color:#5d718a;font-size:15px}.card h3 a{color:#163c64}.card .link{font-weight:bold;font-size:14px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;align-items:start}.article-content{max-width:820px}.article-content h2{border-bottom:1px solid #e3edf8;padding-bottom:12px;margin-top:32px}.article-content h2:first-of-type{margin-top:12px}.article-content p{line-height:1.85}.side-box{background:#fff;border:1px solid #e0edfb;border-radius:12px;padding:22px}.side-box a{display:block;padding:10px 0;border-bottom:1px solid #e7eff8}.side-box a:last-child{border:0}.media{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;overflow:hidden;border-radius:12px;background:#edf5ff}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-wide{aspect-ratio:16/9}.media-banner{aspect-ratio:16/7}.media-square{aspect-ratio:1}.media-portrait{aspect-ratio:3/4}.media-device{aspect-ratio:9/16;max-height:340px}.media-natural img{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;margin:0 auto}.media-placeholder{display:block;background:linear-gradient(135deg,#f4faff,#deedfc);width:100%;height:100%;min-height:65px}.media-natural:has(.media-placeholder){height:175px}.brand-grid .media{height:120px;aspect-ratio:auto}.brand-grid .media img{max-height:110px}.brand-grid .card{text-align:center}.brand-grid .card p{margin:10px 0 0}.feature-media{max-height:230px}.image-grid .media{max-height:220px}.image-grid .card{padding:12px}.image-grid .card p{margin:10px 0 0}.numbered{list-style:none;counter-reset:item;margin:0;padding:0}.numbered li{counter-increment:item;padding:16px 0;border-bottom:1px solid #e0edfb}.numbered li:before{content:counter(item,decimal-leading-zero);color:#137cd8;font-weight:bold;margin-right:12px}.numbered li a{font-weight:bold}.note{background:#f7fbff;border-left:3px solid #137cd8;padding:16px 20px;margin-top:22px}.site-footer{background:#102b46;color:#eaf6ff;padding:46px 0 20px}.footer-columns{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:34px}.site-footer h2{font-size:17px;color:white}.site-footer a{display:block;color:#eaf6ff;font-size:14px;margin-bottom:7px}.footer-logo{display:flex!important;gap:12px;align-items:center;font-size:19px!important}.footer-image{width:48px;height:40px}.footer-image img{max-width:48px;max-height:40px;object-fit:contain}.footer-columns p{font-size:13px;color:#bdcfe0;margin-top:12px}.footer-bottom{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid #35516e;padding-top:18px;margin-top:30px;font-size:12px;color:#bdcfe0}.menu-toggle,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}.back-top{position:fixed;right:20px;bottom:22px;z-index:50;display:none;border:0;border-radius:50%;background:#137cd8;color:#fff;width:43px;height:43px}.back-top.show{display:block}.faq-list{display:grid;gap:15px}.faq-item{padding:22px;background:#fff;border-radius:12px}.faq-item h2{font-size:19px;margin:0 0 8px}.faq-item p{margin:0}.nojs-nav{background:#fff;padding-top:10px;padding-bottom:10px;display:flex;flex-wrap:wrap;gap:14px}.mini-label{font-size:12px;letter-spacing:1px;color:#137cd8;font-weight:bold}.page-intro{max-width:850px;margin:0 0 26px}.page-intro h1{margin-bottom:16px}.related{margin-top:30px}.related .pill-links{margin-top:10px}.brand-grid .card{padding:15px}.section-intro{max-width:820px;color:#5d718a}.feature-card{display:flex;flex-direction:column;gap:12px}.feature-card p{margin:0}.image-caption{font-size:14px;color:#5d718a}
@media(max-width:1080px){.desktop-nav{gap:12px}.top{gap:12px}.logo-text strong{font-size:18px}.desktop-nav a{font-size:13px}}
@media(max-width:980px){.wrap{padding-left:20px;padding-right:20px}.top{height:58px;justify-content:space-between}.desktop-nav{display:none}.logo-text strong{font-size:18px}.logo-image,.logo-image img{max-height:29px;height:29px;width:auto;max-width:36px}.menu-toggle{border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;flex-shrink:0}.menu-toggle span{background:#24364f;height:2px;width:22px;display:block}.signup{height:36px;line-height:20px;padding:8px 12px;font-size:13px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;overflow-y:auto;background:#fff;z-index:12000;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-mask{display:block;position:fixed;inset:0;background:rgba(16,43,70,.38);z-index:11000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s}.drawer-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-heading{padding:16px 18px;border-bottom:1px solid #e1edf9;display:flex;justify-content:space-between;align-items:center}.drawer-close{border:0;background:transparent;font-size:28px;color:#24364f;line-height:1}.drawer-group{padding:12px 18px}.drawer-group h2{font-size:14px;color:#5d718a;margin:4px 0}.drawer-group a{display:block;min-height:42px;padding:8px 9px;border-bottom:1px solid #edf3fb;color:#24364f;font-size:14px}.drawer-group a.active{color:#137cd8}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:900;background:#fff;border-top:1px solid #deebf8;height:60px;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:14px;color:#5d718a}.mobile-bottom a.active{color:#137cd8;font-weight:bold}.site-footer{padding-bottom:95px}.main-content{padding-bottom:35px}.back-top{bottom:78px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:18px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr)}.article-content{max-width:none}.side-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.side-box h2{grid-column:1/-1}}
@media(max-width:600px){.wrap{padding-left:16px;padding-right:16px}.top{gap:6px}.logo{gap:4px}.logo-text strong{font-size:16px}.logo-text small{font-size:7px;letter-spacing:.5px}.menu-toggle{width:32px}.signup{font-size:12px;padding:8px 10px}.subscroll{height:43px}.subscroll a{font-size:12px;padding:0 12px}.main-content{padding-top:22px}h1{font-size:26px}h2{font-size:21px}h3{font-size:17px}.lead{font-size:15px}.hero{display:flex;flex-direction:column-reverse;padding:19px;gap:17px}.hero .media{max-height:195px;width:100%}.hero .media-banner{aspect-ratio:16/9}.panel,.article-content{padding:19px}.section{margin-top:28px}.grid{gap:12px}.grid-2,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:15px}.card p{font-size:14px}.grid-2 .card p,.grid-3 .card p{line-height:1.6}.footer-columns{gap:20px}.media-device{max-height:260px}.brand-grid .media{height:90px}.brand-grid .media img{max-height:85px}.side-box{grid-template-columns:minmax(0,1fr)}.pill-links a{font-size:13px;padding:7px 10px}.image-grid .card{padding:8px}.image-grid .card p{font-size:12px}.page-intro h1{font-size:26px}}
@media(max-width:350px){.logo-text small{display:none}.logo-text strong{font-size:15px}.grid-3 .card{padding:12px}.grid-3 .card h3{font-size:15px}}