*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4FBFF;color:#223044;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#0877C9;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}img{max-width:100%}.container{width:min(100% - 48px,1160px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e0eff8}.topbar{height:70px;display:flex;align-items:center;gap:25px}.site-logo{display:flex;align-items:center;flex:0 0 auto;max-width:195px}.logo-media{max-width:175px;height:38px;background:transparent!important}.logo-media img{height:100%;width:auto;max-width:100%;object-fit:contain}.logo-text{font-size:24px;font-weight:900;color:#0877C9;white-space:nowrap}.logo-text span{color:#1CA8F6}.desktop-main{display:flex;align-items:center;justify-content:center;gap:18px;flex:1;white-space:nowrap}.desktop-main a{font-size:14px;color:#223044;display:flex;align-items:center;height:70px;border-bottom:2px solid transparent}.desktop-main .active{color:#0877C9;border-bottom-color:#1CA8F6}.main-btn{height:40px;padding:0 20px;min-width:78px;border-radius:999px;color:#fff;background:#0877C9;display:inline-flex;justify-content:center;align-items:center;font-weight:700;white-space:nowrap}.main-btn:hover{color:white}.topic-bar{background:#EAF7FF}.topic-inner{display:flex;align-items:center;gap:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;min-height:44px}.topic-inner a{font-size:13px;color:#536b7f;padding:0 14px;border-right:1px solid #d0e8f5}.topic-inner a:first-child{padding-left:0}.topic-inner a:last-child{border-right:0}.content{padding:30px 0 52px}.page-shell,.section-panel,.hero,.info-card,.faq-item,.category-item{background:white;border:1px solid #e1edf5;border-radius:13px}.page-shell{padding:32px 35px}.page-header{border-bottom:1px solid #e8f1f7;padding-bottom:17px;margin-bottom:24px}.eyebrow{font-size:13px;color:#0877C9;font-weight:700;letter-spacing:.04em}.page-header h1{font-size:32px;line-height:1.3;margin:9px 0 10px}.lead{color:#5F7082;font-size:16px;margin:0}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:30px;align-items:start}.article-body h2{font-size:23px;line-height:1.4;color:#223044;margin:28px 0 13px}.article-body h3{font-size:18px;margin:22px 0 9px}.article-body p{margin:0 0 16px}.article-body section+section{border-top:1px solid #edf3f7;padding-top:7px}.aside-panel{background:#F4FBFF;border:1px solid #e3f0f9;padding:18px;border-radius:12px}.aside-panel h2{font-size:17px;margin:0 0 12px}.aside-panel a{display:block;padding:9px 0;border-bottom:1px solid #dfedf6;font-size:14px}.aside-panel a:last-child{border-bottom:0}.simple-links{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap}.simple-links a,.text-pill{display:inline-block;background:#EAF7FF;padding:7px 12px;border-radius:8px;font-size:14px}.related-title{font-size:21px;margin:25px 0 12px}.site-footer{background:#082A46;color:#EAF8FF;padding:36px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}.site-footer h2,.footer-title{font-size:17px;color:#fff;font-weight:700;margin:0 0 12px}.site-footer p{font-size:14px;line-height:1.8;margin:0}.site-footer a{display:block;color:#d3eaf8;font-size:14px;padding:3px 0}.footer-bottom{margin-top:23px;padding-top:17px;border-top:1px solid #31536c;display:flex;align-items:center;gap:20px;justify-content:space-between;font-size:13px}.bottom-nav,.menu-trigger,.mobile-drawer,.drawer-mask{display:none}.hero{padding:26px;display:grid;grid-template-columns:55fr 45fr;gap:26px;align-items:center}.hero h1{font-size:34px;line-height:1.3;margin:8px 0 14px}.hero p{color:#536b7f}.hero-links{display:flex;flex-wrap:wrap;gap:8px}.hero-links a{padding:8px 12px;background:#EAF7FF;border-radius:8px}.section-panel{margin-top:25px;padding:26px}.section-title{margin:0 0 17px;font-size:25px}.section-intro{color:#5F7082;margin-top:-9px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.info-card,.category-item{padding:17px;min-width:0}.info-card h3,.category-item h3{font-size:18px;margin:0 0 9px}.info-card p,.category-item p{font-size:15px;margin:0 0 12px}.feature-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}.feature-split.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.feature-split h3{margin:0 0 10px}.feature-split p{margin:0 0 14px}.numbered-list{list-style:none;padding:0;counter-reset:posts}.numbered-list li{counter-increment:posts;display:grid;grid-template-columns:40px 1fr;gap:12px;border-top:1px solid #e6f1f6;padding:13px 0}.numbered-list li:before{content:counter(posts,decimal-leading-zero);color:#0877C9;font-weight:800}.numbered-list strong{display:block}.numbered-list p{font-size:14px;margin:2px 0}.media{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;overflow:hidden;background:#EAF7FF;border-radius:12px}.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;max-height:245px}.media-banner{aspect-ratio:16/7;max-height:285px}.media-square{aspect-ratio:1/1;max-height:135px}.media-portrait{aspect-ratio:3/4;max-height:300px}.media-device{aspect-ratio:9/16;max-height:310px;max-width:220px}.media-natural img{max-height:280px}.brand-grid .info-card{padding:12px}.brand-grid h3{font-size:15px;margin:8px 0 3px}.brand-grid p{font-size:12px;color:#5F7082;line-height:1.6}.brand-grid .media{height:110px;aspect-ratio:auto}.picture-caption{font-size:14px;color:#536b7f;margin-top:9px}.faq-item{padding:16px 18px;margin:12px 0}.faq-item h3{margin:0 0 8px;font-size:17px}.faq-item p{margin:0}.notice{padding:15px;border-left:3px solid #0877C9;background:#EAF7FF;border-radius:6px}.section-actions{margin-top:14px}.drawer-brand{font-weight:800}.visual-pair .media{max-height:215px}.service-links .info-card{background:#F4FBFF}.article-body .category-grid{margin:20px 0}.menu-trigger{border:0;background:transparent;color:#0877C9;font-size:26px}.drawer-mask{position:fixed;inset:0;background:rgba(8,42,70,.42);z-index:11000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#fff;color:#223044;z-index:12000;overflow-y:auto;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e6f1f6}.drawer-close{border:0;background:none;font-size:28px;color:#0877C9}.drawer-section{padding:5px 15px 14px;border-bottom:1px solid #e6f1f6}.drawer-section h2{font-size:15px;color:#0877C9;margin:12px 0 7px}.drawer-section a{display:block;min-height:40px;padding:7px 4px;color:#223044}.bottom-nav{display:none}
@media(max-width:980px){.container{width:calc(100% - 40px)}.desktop-main{display:none}.menu-trigger{display:block}.topbar{height:58px;justify-content:space-between;gap:10px}.site-logo{margin:auto}.logo-media{height:29px}.logo-text{font-size:20px}.main-btn{height:36px;min-width:72px;padding:0 15px}.drawer-mask,.mobile-drawer{display:block}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;z-index:900;border-top:1px solid #deebf4;justify-content:space-around;align-items:center}.bottom-nav a{color:#0877C9;font-size:14px;font-weight:700;min-width:55px;text-align:center}.site-footer{padding-bottom:88px}.content{padding-bottom:34px}.page-layout{grid-template-columns:1fr}.aside-panel{order:2}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.content{padding-top:18px}.hero{grid-template-columns:1fr;padding:16px;gap:15px}.hero h1{font-size:27px}.page-shell{padding:18px 17px}.page-header h1{font-size:25px}.section-panel{padding:18px;margin-top:18px}.section-title{font-size:21px}.article-body h2{font-size:20px}.grid-4,.grid-3,.grid-2,.feature-split,.feature-split.reverse{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-split,.feature-split.reverse{grid-template-columns:1fr}.info-card,.category-item{padding:12px}.info-card p,.category-item p{font-size:14px}.info-card h3,.category-item h3{font-size:16px}.media-wide{max-height:170px}.media-banner{max-height:190px}.visual-pair .media{max-height:145px}.brand-grid .media{height:93px}.media-device{max-height:245px;max-width:170px}.footer-bottom{display:block}.footer-grid{gap:15px}.footer-grid h2{font-size:15px}.site-footer a{font-size:13px}.faq-item{padding:12px}.topic-inner a{padding:0 11px}}
@media(max-width:360px){.grid-3{grid-template-columns:1fr}.logo-text{font-size:18px}.main-btn{min-width:64px;padding:0 12px}.topbar{gap:6px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}