*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#EAF2FB;color:#24364F;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;font-size:16px}a{color:#137CD8;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{font:inherit}.container{width:min(100% - 48px,1160px);margin-inline:auto}.skip-link{position:absolute;z-index:20000;top:-100px;background:white;padding:8px 16px}.skip-link:focus{top:4px}.site-header{background:#fff;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(47,168,247,.14)}.header-inner{display:flex;align-items:center;gap:28px;height:70px}.brand{flex:none;display:inline-flex;align-items:center;color:#137CD8;font-weight:900;font-size:24px;white-space:nowrap}.brand img{display:block;max-width:180px;height:36px;width:auto;object-fit:contain}.desktop-nav{display:flex;flex:1;align-items:stretch;justify-content:center;gap:20px;align-self:stretch;white-space:nowrap}.nav-link{font-size:14px;color:#24364F;display:flex;align-items:center;border-bottom:2px solid transparent;padding-top:2px}.nav-link:hover,.nav-link.is-active{color:#137CD8;text-decoration:none;border-bottom-color:#137CD8}.register-btn{height:41px;display:inline-flex;align-items:center;justify-content:center;background:#137CD8;color:#fff;border-radius:999px;padding:0 20px;font-size:14px;font-weight:700;white-space:nowrap}.register-btn:hover{background:#0968ba;text-decoration:none}.subnav{background:#F7FBFF;border-bottom:1px solid rgba(47,168,247,.14)}.subnav-inner{height:44px;display:flex;gap:0;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.subnav a{flex:none;font-size:13px;color:#5D718A;padding:0 16px;border-right:1px solid #dce8f4;line-height:16px}.subnav a:first-child{padding-left:0}.subnav a:last-child{border:0}.subnav a.is-active{color:#137CD8;font-weight:700}.site-main{padding-block:30px 60px;min-height:65vh}.panel,.card{background:#fff;border:1px solid rgba(47,168,247,.14);border-radius:12px;box-shadow:0 4px 20px rgba(36,74,117,.035)}.panel{padding:28px}.card{padding:22px}.section{margin-block:36px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:17px}.section-head h2{margin:0}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;color:#137CD8}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:24px;padding:28px}.hero-copy h1{font-size:36px;line-height:1.33;margin:12px 0 16px;color:#102B46}.hero-copy p{font-size:16px;color:#5D718A;margin:0 0 19px}.hero-picture{min-width:0}.link-pills{display:flex;flex-wrap:wrap;gap:10px}.link-pills a{border:1px solid #bddaf5;background:#F7FBFF;border-radius:999px;padding:7px 14px;font-size:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid-3>* ,.grid-2>*,.grid-4>*{min-width:0}.card h3{font-size:18px;line-height:1.45;color:#102B46;margin:0 0 9px}.card p{font-size:15px;color:#5D718A;line-height:1.8;margin:0 0 12px}.card>a{font-size:14px;font-weight:700}.section h2{font-size:25px;color:#102B46;line-height:1.4}.reading-panel h2{margin:0 0 12px;font-size:24px}.reading-panel p{margin:0 0 16px;line-height:1.83}.reading-panel p:last-child{margin-bottom:0}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.article-list{counter-reset:stories}.story{counter-increment:stories;display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #e3edf8}.story:last-child{border:0}.story:before{content:counter(stories,decimal-leading-zero);font-size:23px;color:#2FA8F7;font-weight:800;line-height:1.4}.story h3{margin:0 0 6px;font-size:18px}.story p{margin:0;color:#5D718A}.page-intro{padding:30px 34px;margin-bottom:20px}.page-intro h1{font-size:32px;line-height:1.35;margin:6px 0 12px;color:#102B46}.page-intro p{margin:0;color:#5D718A}.breadcrumbs{font-size:13px;color:#5D718A}.breadcrumbs a{color:#5D718A}.article-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(220px,1fr);gap:22px;align-items:start}.article-body{padding:30px 34px}.article-body section{margin-bottom:30px}.article-body section:last-child{margin:0}.article-body h2{font-size:23px;line-height:1.45;margin:0 0 14px;border-left:3px solid #2FA8F7;padding-left:13px;color:#102B46}.article-body p{line-height:1.84;margin:0 0 16px}.related h2{font-size:18px;margin:0 0 14px}.related a{display:block;border-bottom:1px solid #e1ebf5;padding:11px 0;font-size:14px}.related a:last-child{border:0}.reading-note{background:#F7FBFF;border-radius:10px;padding:16px 20px;margin-top:24px;color:#5D718A;font-size:14px}.media{display:flex;align-items:center;justify-content:center;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/1}.media-portrait{aspect-ratio:3/4}.media-device{aspect-ratio:9/16;max-width:270px;margin-inline:auto}.media-natural img{width:100%;height:auto;max-height:280px;object-fit:contain;margin:0 auto}.hero .media{max-height:290px}.visual-grid .media{max-height:190px}.visual-grid p{font-size:14px;margin:12px 0 0}.brand-grid .media{height:110px;aspect-ratio:auto}.brand-grid .media img{max-height:100px}.brand-grid h3{font-size:16px;text-align:center;margin:9px 0 0}.brand-grid p{font-size:13px}.brand-grid .card{padding:14px}.device-panel{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:center}.device-panel .media{max-height:310px}.faq-item{padding:22px 0;border-bottom:1px solid #e3edf8}.faq-item:last-child{border:0}.faq-item h2{font-size:18px;margin:0 0 8px}.faq-item p{margin:0;color:#526982}.site-footer{background:#102B46;color:#EAF6FF;padding:43px 0 20px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:32px}.site-footer a{color:#D8EAF8}.site-footer section>a:not(.footer-logo){display:block;font-size:14px;margin:6px 0}.site-footer h2{font-size:17px;color:#fff;margin:0 0 12px}.footer-logo{font-weight:800;font-size:22px}.footer-logo img{width:auto;height:36px;max-width:174px;object-fit:contain}.footer-brand p{color:#b9d1e4;font-size:14px;max-width:280px}.footer-bottom{border-top:1px solid #31506b;margin-top:29px;padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;color:#c3d7e8}.footer-bottom p{margin:0}.menu-toggle,.bottom-nav,.mobile-drawer,.drawer-mask{display:none}.register-btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #45C7FF;outline-offset:3px}@media(max-width:1120px){.desktop-nav{gap:13px}.header-inner{gap:16px}.brand img{max-width:150px}}@media(max-width:980px){.container{width:min(100% - 40px,1160px)}.site-header .header-inner{height:58px;justify-content:space-between;gap:8px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border:0;background:transparent;cursor:pointer;flex:none}.menu-toggle span{width:22px;height:2px;background:#24364F}.brand{margin-inline:auto;font-size:21px}.brand img{max-width:144px;height:29px}.register-btn{height:36px;padding:0 13px;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-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e4edf7}.drawer-head strong{color:#137CD8}.drawer-close{width:42px;height:42px;font-size:30px;background:transparent;border:0;cursor:pointer}.drawer-group{padding:12px 20px 4px}.drawer-group h2{font-size:13px;color:#6D8196;margin:8px 0}.drawer-group a{display:block;min-height:43px;padding:10px 4px;color:#24364F;border-bottom:1px solid #f0f4fa;font-size:15px}.drawer-group a.is-active{color:#137CD8;font-weight:700}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:60px;background:white;border-top:1px solid #e0eaf5;z-index:900;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#5D718A;font-size:12px}.bottom-nav a span{font-size:20px;height:25px}.bottom-nav a.is-active{color:#137CD8;font-weight:700}.site-main{padding-bottom:86px}.site-footer{padding-bottom:82px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr)}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.related h2{grid-column:1/-1}}@media(max-width:768px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;padding:20px}.hero-picture{order:-1}.hero-copy h1{font-size:29px}.split,.device-panel{grid-template-columns:1fr}.device-panel .media{max-width:220px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-main{padding-top:20px}.section{margin-block:28px}.section h2{font-size:22px}.page-intro{padding:24px}.page-intro h1{font-size:27px}.article-body{padding:24px}.article-body h2{font-size:21px}}@media(max-width:480px){.container{width:calc(100% - 32px)}.grid-3,.grid-2,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:14px}.card h3{font-size:16px}.card p{font-size:14px}.hero-copy h1{font-size:27px}.hero-copy p{font-size:15px}.hero .media{max-height:195px}.visual-grid .media{max-height:145px}.page-intro h1{font-size:25px}.article-body{padding:20px}.footer-grid{gap:22px 16px}.footer-brand{grid-column:1/-1}.related{grid-template-columns:1fr}.reading-panel{padding:19px}.section-head{align-items:flex-start}.brand-grid .media{height:95px}.brand-grid .media img{max-height:85px}.device-panel .media{max-height:260px}}@media(max-width:350px){.brand{font-size:18px}.brand img{max-width:112px}.register-btn{padding:0 9px;font-size:12px}.grid-3{grid-template-columns:1fr}.subnav a{padding:0 12px}}