*{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:inherit;text-decoration:none}a:hover{color:#0877C9}img{max-width:100%}.container{width:min(1160px,calc(100% - 48px));margin:auto;min-width:0}.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 18px rgba(8,42,70,.06)}.topline{display:flex;align-items:center;gap:22px;height:70px}.site-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:21px;font-weight:800;color:#0877C9}.site-brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#5F7082;line-height:1.2}.site-brand .media{height:36px;max-width:90px;width:90px;background:transparent}.site-brand .media img{max-height:36px}.site-brand .media-placeholder{display:none}.main-nav{display:flex;gap:22px;align-items:center;justify-content:center;flex:1;white-space:nowrap}.main-nav a{font-size:14px;padding:20px 0;border-bottom:2px solid transparent}.main-nav a.active{color:#0877C9;border-bottom-color:#1CA8F6}.register{margin-left:auto;border-radius:999px;background:#0877C9;color:white;padding:6px 22px;font-weight:700;white-space:nowrap;font-size:14px}.register:hover{background:#0663a7;color:#fff}.subnav{background:#EAF7FF}.subnav .container{height:44px;display:flex;align-items:center;gap:26px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.subnav a{font-size:13px;color:#5F7082}.subnav a.active,.subnav a:hover{color:#0877C9}.menu-toggle{display:none;border:0;background:none;color:#0877C9;font-size:24px}.mobile-drawer,.drawer-mask{display:none}main{padding:30px 0 58px;min-height:65vh}.hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;background:#fff;border-radius:16px;padding:28px;margin-bottom:34px}.hero .hero-visual{order:2}.hero-copy{order:1}.eyebrow{color:#0877C9;font-size:13px;font-weight:700;letter-spacing:.8px}h1{font-size:36px;line-height:1.36;margin:12px 0 16px;color:#082A46}h2{font-size:25px;line-height:1.45;color:#082A46;margin:0 0 16px}h3{font-size:19px;color:#082A46;margin:12px 0}p{margin:0 0 15px}.lead{color:#5F7082;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.pill{display:inline-block;color:#0877C9;background:#EAF7FF;border-radius:100px;padding:6px 18px;font-size:14px}.pill:hover{background:#d7efff}.section{margin-bottom:38px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head a,.more{color:#0877C9;font-weight:700;font-size:14px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.reading-block,.feature-copy{background:#fff;border-radius:14px;padding:23px;min-width:0}.card p{font-size:14px;color:#5F7082;line-height:1.8}.card h3 a:hover{color:#0877C9}.card .more{display:inline-block;margin-top:8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-copy{padding:28px}.link-list{background:#fff;border-radius:14px;padding:14px 24px}.link-list>div{padding:12px 0;border-bottom:1px solid #e5f1f8}.link-list>div:last-child{border:0}.link-list a{color:#0877C9;font-weight:700}.link-list small{display:block;color:#5F7082;font-size:13px}.story-list{counter-reset:story;background:#fff;border-radius:14px;padding:10px 24px}.story{display:grid;grid-template-columns:35px 1fr;gap:14px;border-bottom:1px solid #e8f2f8;padding:16px 0}.story:before{counter-increment:story;content:counter(story,decimal-leading-zero);font-weight:800;color:#0877C9}.story:last-child{border:0}.story h3{margin:0 0 5px}.story p{font-size:14px;color:#5F7082}.media{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;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}.media-banner{aspect-ratio:16/7}.media-square{aspect-ratio:1/1}.media-device{aspect-ratio:9/16;max-height:350px}.media-natural img{width:100%;height:auto;max-height:280px;object-fit:contain}.media-placeholder{width:100%;height:100%;min-height:70px;background:#EAF7FF}.site-brand .media-placeholder{min-height:0}.visual-card{background:#fff;padding:13px;border-radius:14px}.visual-card h3{margin:12px 6px 4px;font-size:17px}.visual-card p{margin:0 6px 9px;font-size:13px;color:#5F7082}.brand-grid .media{max-height:115px;aspect-ratio: 1.7/1}.article{background:#fff;border-radius:14px;padding:30px 36px;max-width:860px;margin:0 auto 26px}.article .intro{font-size:17px;color:#5F7082;margin-bottom:30px}.article h2{margin-top:30px}.article ul{padding-left:22px}.article li{margin:8px 0}.article-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.article-nav a{background:#EAF7FF;border-radius:10px;padding:10px 14px;color:#0877C9}.callout{border-left:3px solid #1CA8F6;padding:16px 19px;background:#EAF7FF;margin:25px 0;border-radius:0 9px 9px 0}.site-footer{background:#082A46;color:#EAF8FF;padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:26px}.footer-brand .media{max-width:150px;height:60px;background:transparent}.footer-brand .media-placeholder{display:none}.footer-col a{display:block;color:#D1E6F4;font-size:13px;line-height:2.2}.footer-grid h2,.footer-grid h3{color:#fff;font-size:18px}.footer-grid p{font-size:13px;color:#D1E6F4}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #29506c;padding-top:18px;margin-top:28px;font-size:12px;color:#D1E6F4}.bottom-nav{display:none}#back-top{position:fixed;bottom:25px;right:16px;background:#0877C9;color:white;border:0;border-radius:50%;width:40px;height:40px;cursor:pointer}details{border-bottom:1px solid #e3edf4;padding:13px 0}summary{cursor:pointer;color:#0877C9;font-weight:700}@media(max-width:980px){.container{width:calc(100% - 40px)}.main-nav{display:none}.topline{height:58px;justify-content:space-between}.menu-toggle{display:block;cursor:pointer}.site-brand{font-size:18px}.site-brand .media{width:64px}.site-brand .media img{max-height:29px}.register{margin-left:0;padding:5px 16px}.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,visibility .2s}.drawer-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;overflow-y:auto;background:white;color:#223044;z-index:12000;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s;padding:18px}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-open{overflow:hidden}.drawer-heading{display:flex;justify-content:space-between;align-items:center}.drawer-close{border:0;background:#EAF7FF;font-size:27px;cursor:pointer;color:#0877C9}.mobile-drawer section{margin-top:22px}.mobile-drawer section h2{font-size:15px;margin:0 0 8px}.mobile-drawer section a{display:block;min-height:40px;padding:6px 0;border-bottom:1px solid #ecf4f8;font-size:14px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero .hero-visual{order:0}.hero-copy{order:1}}@media(max-width:600px){.container{width:calc(100% - 32px)}main{padding:18px 0 40px}.hero{padding:17px;gap:12px}.hero h1{font-size:27px}.article{padding:20px}.article h1{font-size:26px}.article-nav{grid-template-columns:1fr}.split{grid-template-columns:1fr}.section{margin-bottom:27px}.grid-3,.grid-4,.grid-2{gap:12px}.card{padding:14px}.card h3{font-size:16px}.card p{font-size:13px}.media-device{max-height:265px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.footer-bottom{flex-direction:column;gap:6px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:white;z-index:70;box-shadow:0 -3px 12px #082a4618}.bottom-nav a{flex:1;text-align:center;padding:13px 3px;font-size:14px}.bottom-nav a.active{color:#0877C9;font-weight:800}.site-footer{padding-bottom:92px}#back-top{bottom:74px}.subnav .container{gap:17px}.lead{font-size:15px}}@media(max-width:355px){.grid-3{grid-template-columns:1fr}.site-brand .media{width:47px}.site-brand{font-size:16px}.register{padding:4px 12px}}