*{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}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:15px;top:10px;background:#fff;z-index:20000}.site-header{background:#fff;position:sticky;top:0;z-index:1000;border-bottom:1px solid #e3eff5}.topbar{display:flex;align-items:center;gap:24px;min-height:70px}.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;color:#0877c9;font-size:19px;font-weight:800;white-space:nowrap}.brand:hover{text-decoration:none}.brand-text small{display:block;font-size:9px;line-height:1.1;letter-spacing:2px}.media-logo{width:40px;height:40px;min-width:40px;border-radius:6px;background:transparent}.media-logo img{max-height:100%;max-width:100%;object-fit:contain}.brand .media-logo:has(img){width:auto;max-width:140px}.main-nav{display:flex;align-items:stretch;justify-content:center;gap:21px;margin-left:auto;white-space:nowrap}.main-nav a{color:#223044;font-size:14px;font-weight:650;display:inline-flex;align-items:center;border-bottom:2px solid transparent}.main-nav a.active,.main-nav a:hover{color:#0877c9;border-color:#1ca8f6;text-decoration:none}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:40px;padding:0 18px;background:#0877c9;color:white;border-radius:999px;font-weight:700;white-space:nowrap;margin-left:auto}.main-btn:hover{color:white;text-decoration:none;background:#0565ab}.quick-bar{background:#eaf7ff;border-bottom:1px solid #d9eaf6}.quick-inner{display:flex;gap:0;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.quick-inner a{font-size:13px;color:#5f7082;padding:11px 16px;position:relative}.quick-inner a+a:before{content:'';position:absolute;left:0;top:16px;height:14px;border-left:1px solid #c2dbe9}.quick-inner a:hover,.quick-inner a.active{color:#0877c9}.main-content{padding:30px 0 54px}.surface{background:#fff;border:1px solid #e3eef5;border-radius:14px;padding:26px}.eyebrow{font-size:12px;color:#0877c9;letter-spacing:1px;font-weight:bold}.hero{display:grid;grid-template-columns:55fr 45fr;gap:26px;align-items:center}.hero h1{font-size:35px;line-height:1.35;margin:7px 0 14px}.hero p{font-size:16px}.hero-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}.hero-links a{border-bottom:1px solid #b7dff5;font-weight:650}.media{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;overflow:hidden;border-radius:12px;background:#eaf7ff}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-natural img{width:100%;height:auto;max-height:280px;object-fit:contain;margin:auto}.media-banner{min-height:160px;max-height:290px}.media-banner img{max-height:290px}.media-wide{min-height:120px;max-height:220px}.media-wide img{max-height:220px}.media-device{max-width:235px;min-height:220px;max-height:330px;margin:auto}.media-device img{max-height:330px}.media-small{min-height:85px;height:120px}.media-small img{max-height:110px}.media-placeholder{width:100%;height:100%;min-height:95px;background:linear-gradient(135deg,#eaf7ff,#d6efff);border:1px dashed #c6e5f6;border-radius:12px}.media-banner .media-placeholder{min-height:220px}.media-device .media-placeholder{min-height:250px}.section{margin:34px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:16px}.section h2,.section-heading h2{font-size:24px;margin:0;color:#223044}.section-heading p{color:#5f7082;font-size:13px;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.topic-tile{background:#fff;border:1px solid #e2edf6;padding:18px;border-radius:12px;min-width:0}.topic-tile h3{font-size:17px;margin:0 0 6px}.topic-tile p{font-size:14px;color:#5f7082;margin:0}.columns-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.columns-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-split{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.feature-split.reverse{grid-template-columns:1fr 1.1fr}.feature-split>*{min-width:0}.article-section{margin:0 0 24px}.article-section h2{font-size:23px;margin:0 0 8px;line-height:1.4}.article-section p{margin:0 0 16px}.article-section h3{font-size:18px}.text-muted{color:#5f7082}.note{background:#eaf7ff;padding:14px 16px;border-left:3px solid #1ca8f6;border-radius:7px;font-size:14px}.lead{font-size:17px;color:#36495b}.editorial{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:24px}.editorial>*{min-width:0}.article-body{background:#fff;border:1px solid #e3eef5;border-radius:14px;padding:30px}.article-body h1{font-size:31px;line-height:1.4;margin:6px 0 12px}.article-body .intro{border-bottom:1px solid #e7f1f7;padding-bottom:18px;margin-bottom:23px}.sidebar{background:#fff;border:1px solid #e3eef5;border-radius:14px;padding:20px;align-self:start}.sidebar h2{font-size:17px;margin:0 0 14px}.sidebar a{display:block;padding:8px 0;border-bottom:1px solid #edf3f7;color:#304f65;font-size:14px}.story-link{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:baseline;padding:13px 0;border-bottom:1px solid #e6eef5;color:#223044}.story-link strong{color:#0877c9}.story-link span:not(.arrow){color:#5f7082;font-size:14px}.story-link .arrow{font-size:22px;color:#0877c9}.numbered{counter-reset:article}.numbered .story-link:before{counter-increment:article;content:counter(article,decimal-leading-zero);color:#1ca8f6;font-weight:bold}.numbered .story-link{grid-template-columns:32px 160px 1fr auto}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.brand-card{background:#fff;border:1px solid #e3eef5;border-radius:12px;padding:12px;min-width:0}.brand-card h3{font-size:16px;margin:9px 0 3px}.brand-card p{font-size:13px;line-height:1.65;color:#5f7082;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-item{padding:16px;background:#fff;border:1px solid #e3eef5;border-radius:12px}.gallery-item h3{margin:12px 0 3px;font-size:17px}.gallery-item p{margin:0;color:#5f7082;font-size:14px}.faq-list details{padding:15px 0;border-bottom:1px solid #ddeaf3}.faq-list summary{font-weight:700;cursor:pointer;color:#0877c9}.faq-list p{margin:7px 0}.site-footer{background:#082a46;color:#eaf8ff;padding:36px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:34px}.footer-grid h2{font-size:17px;margin:0 0 12px}.footer-about p{font-size:14px;line-height:1.8;color:#c9e3f4}.footer-logo{display:inline-block;margin-bottom:12px}.footer-logo .media-logo{height:44px;width:120px}.footer-links a{display:block;color:#eaf8ff;font-size:13px;padding:3px 0}.footer-more{display:flex;flex-wrap:wrap;gap:8px 20px;padding:20px 0;border-bottom:1px solid #254e6d}.footer-more a{font-size:13px;color:#eaf8ff}.footer-bottom{font-size:12px;color:#d2e9f6;padding-top:12px}.footer-bottom p{margin:3px 0}.menu-toggle,.mobile-bottom,.drawer-mask,.mobile-drawer{display:none}.menu-toggle{border:0;background:transparent;padding:9px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:#223044;margin:4px 0}.mobile-drawer{background:white}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #e5f0f6}.drawer-brand{font-size:18px;font-weight:800}.drawer-brand small{font-size:10px;display:block;letter-spacing:1px}.drawer-close{border:0;background:none;font-size:30px;cursor:pointer;color:#223044}.drawer-group{padding:10px 18px;border-bottom:1px solid #eff4f7}.drawer-group h2{font-size:14px;color:#0877c9;margin:8px 0}.drawer-group a{display:block;min-height:40px;padding:6px 8px;color:#223044;font-size:14px}.drawer-group a.active{color:#0877c9;background:#eaf7ff}.mobile-bottom{display:none}
@media(max-width:1100px){.main-nav{gap:12px}.main-nav a{font-size:13px}.brand-text{font-size:16px}}
@media(max-width:980px){.wrap{width:calc(100% - 40px)}.topbar{min-height:58px;display:grid;grid-template-columns:70px minmax(0,1fr) 78px;gap:8px}.menu-toggle{display:block;justify-self:start}.brand{justify-self:center;max-width:100%;font-size:15px}.brand .media-logo{height:30px;max-width:90px}.brand-text small{font-size:8px}.main-nav{display:none}.main-btn{margin:0;min-width:70px;height:36px;padding:0 12px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;color:#223044;z-index:12000;overflow-y:auto;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(8,42,70,.42);z-index:11000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}.drawer-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.mobile-bottom{display:flex;position:fixed;z-index:900;bottom:0;left:0;right:0;background:white;border-top:1px solid #dceaf3;height:60px;align-items:center;justify-content:space-around}.mobile-bottom a{text-align:center;color:#5f7082;font-size:20px;line-height:1.1;min-width:52px}.mobile-bottom a span{display:block;font-size:12px}.mobile-bottom a.active{color:#0877c9}.site-footer{padding-bottom:92px}.main-content{padding-bottom:36px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.editorial{grid-template-columns:minmax(0,1fr)}.sidebar{order:2}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.wrap{width:calc(100% - 32px)}.brand-text{font-size:14px}.brand .media-logo{width:30px;max-width:65px}.hero,.columns-2,.columns-3,.feature-split,.feature-split.reverse,.gallery-grid{grid-template-columns:minmax(0,1fr)}.hero{gap:14px}.hero h1{font-size:27px}.article-body h1{font-size:25px}.article-body{padding:20px}.surface{padding:17px}.section{margin:27px 0}.section h2,.section-heading h2{font-size:21px}.article-section h2{font-size:20px}.story-link,.numbered .story-link{grid-template-columns:1fr auto;gap:5px}.story-link strong,.story-link span:not(.arrow){grid-column:1}.numbered .story-link:before{grid-column:1;grid-row:1}.numbered .story-link strong{grid-column:1;grid-row:2}.story-link .arrow{grid-column:2;grid-row:1/3}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-card{padding:9px}.media-banner .media-placeholder{min-height:145px}.media-device{max-height:250px;min-height:190px}.media-device .media-placeholder{min-height:200px}.media-small{height:95px;min-height:80px}.media-small img{max-height:90px}.quick-inner a{padding:9px 12px}.footer-grid{gap:24px 16px}.footer-links a{font-size:12px}}
@media(max-width:345px){.brand-text small{letter-spacing:0}.brand{gap:4px}.brand .media-logo{max-width:48px}.main-btn{min-width:65px;padding:0 9px}.topbar{grid-template-columns:47px minmax(0,1fr) 65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer-mask,.mobile-drawer{transition:none}}