*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#EAF2FB;color:#24364F;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:#137CD8;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #137CD8;outline-offset:3px}button{font:inherit;cursor:pointer}img{max-width:100%}.container{max-width:1160px;margin-inline:auto;padding-inline:24px}.site-header{position:sticky;top:0;z-index:100;background:white;box-shadow:0 2px 14px #102b460d}.topbar{height:70px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;flex:0 0 auto;max-width:185px}.brand .media{height:38px;width:150px}.brand .media img{max-height:38px}.brand-text{font-size:24px;line-height:1.1;color:#137CD8;font-weight:800;white-space:nowrap}.brand-text span{color:#24364F}.desktop-nav{display:flex;gap:23px;align-items:stretch;height:100%;min-width:0;margin-left:auto;white-space:nowrap}.nav-link{display:flex;align-items:center;border-bottom:2px solid transparent;font-size:14px;font-weight:600;color:#24364F}.nav-link:hover,.nav-link.active{color:#137CD8;border-color:#137CD8;text-decoration:none}.register-btn,.button{background:#137CD8;color:#fff!important;border-radius:999px;padding:7px 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;min-height:41px;white-space:nowrap}.register-btn:hover,.button:hover{background:#0961ad;text-decoration:none}.subnav{background:#F7FBFF;border-top:1px solid #dbeaf8}.subnav-scroll{display:flex;align-items:center;gap:0;min-height:44px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.subnav a{font-size:14px;color:#5D718A;padding:0 17px;border-right:1px solid #d3e4f2;line-height:1.15}.subnav a:first-child{padding-left:0}.subnav a:last-child{border-right:0}.subnav a.active{color:#137CD8;font-weight:700}.main-content{padding-top:30px;padding-bottom:60px}.hero,.card,.article-panel,.section-panel,.intro-panel,.notice-band{background:#fff;border:1px solid rgba(47,168,247,.14);border-radius:12px;box-shadow:0 6px 22px #1949690a}.hero{display:grid;grid-template-columns:54fr 46fr;gap:25px;padding:30px;align-items:center}.hero .media{max-height:295px}.hero h1{font-size:37px;line-height:1.35;margin:0 0 16px;color:#102B46}.hero p{font-size:17px;margin:0 0 15px}.hero-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-links a{border:1px solid #b8dbf6;border-radius:99px;padding:6px 16px;font-size:14px}.eyebrow{font-size:13px!important;letter-spacing:.08em;color:#137CD8;font-weight:700;margin-bottom:8px!important}.section{margin-top:39px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:17px}.section h2,.section-heading h2{font-size:25px;line-height:1.4;margin:0;color:#102B46}.section-heading a{font-size:14px;white-space:nowrap}.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{padding:21px;min-width:0}.card h3{font-size:18px;color:#137CD8;line-height:1.45;margin:0 0 9px}.card p{font-size:15px;line-height:1.75;margin:0 0 14px}.card a.more{font-size:14px;font-weight:700}.feature-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}.article-panel,.section-panel{padding:26px}.article-panel h3,.section-panel h3{font-size:20px;color:#137CD8;line-height:1.4;margin:0 0 12px}.article-panel p,.section-panel p{margin:0 0 15px}.article-panel p:last-child,.section-panel p:last-child{margin-bottom:0}.link-stack{display:flex;flex-direction:column;gap:0}.link-stack a{display:block;padding:13px 0;border-bottom:1px solid #e1edf6}.link-stack a:last-child{border:0}.link-stack strong{display:block;color:#24364F;font-size:16px}.link-stack span{display:block;color:#5D718A;font-size:13px}.tag{display:inline-block;font-size:12px;color:#137CD8;background:#e9f5ff;padding:2px 10px;border-radius:99px;margin-bottom:9px}.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/1}.media-portrait{aspect-ratio:3/4}.media-device{aspect-ratio:9/16}.media-natural img{width:100%;height:auto;max-height:280px;object-fit:contain;margin:0 auto}.media-natural.media-placeholder{min-height:95px}.gallery-card{padding:13px}.gallery-card .media{max-height:200px}.gallery-card p{margin:11px 3px 2px;font-size:14px}.brand-card{display:flex;gap:12px;align-items:center;padding:12px;min-width:0}.brand-card .media{width:110px;height:106px;flex:0 0 110px}.brand-card .media img{max-height:106px}.brand-card h3{font-size:16px;margin:0 0 3px}.brand-card p{font-size:12px;color:#5D718A;margin:0}.intro-panel{padding:28px 35px;margin-bottom:20px}.intro-panel h1{font-size:32px;color:#102B46;line-height:1.35;margin:5px 0 13px}.intro-panel p{margin:0;max-width:850px;font-size:17px}.breadcrumb{color:#5D718A;font-size:13px;margin-bottom:13px}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.reading-content{display:grid;gap:18px;min-width:0}.reading-content .article-panel{max-width:820px}.reading-content h2{font-size:23px;color:#102B46;margin:0 0 12px;line-height:1.45}.reading-content p{font-size:16px;line-height:1.85}.sidebar{position:sticky;top:145px}.sidebar h2{font-size:18px;margin:0 0 10px}.sidebar a{display:block;padding:10px 0;border-bottom:1px solid #e4edf6;font-size:14px}.sidebar a:last-child{border:0}.article-list{counter-reset:news;display:grid;gap:14px}.article-list .article-panel{position:relative;padding-left:68px}.article-list .article-panel:before{counter-increment:news;content:counter(news,decimal-leading-zero);position:absolute;left:21px;top:23px;color:#137CD8;font-size:21px;font-weight:800}.faq-item h2{font-size:18px;margin-bottom:8px}.faq-item p{margin:0}.notice-band{padding:23px;margin-top:35px}.notice-band h2{font-size:21px;margin:0 0 8px}.notice-band p{margin:0}.notice-band a{font-weight:700}.section-inline-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.section-inline-links a{font-size:14px;background:#f0f8ff;padding:6px 14px;border-radius:99px}.image-text{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:center}.image-text .media{max-height:310px}.site-footer{background:#102B46;color:#EAF6FF;padding:42px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.footer-logo{font-size:23px;font-weight:800;color:#fff}.footer-logo small,.drawer-brand small{font-size:10px;display:block;letter-spacing:.1em;font-weight:400}.footer-grid h2{font-size:17px;margin:0 0 12px}.footer-grid p{font-size:14px;color:#c9dcea}.footer-grid a:not(.footer-logo){display:block;color:#EAF6FF;font-size:14px;margin-bottom:6px}.footer-bottom{border-top:1px solid #ffffff2c;margin-top:25px;padding-top:18px;font-size:13px;color:#c9dcea}.footer-bottom p{margin:5px 0}.bottom-nav,.menu-toggle,.mobile-drawer,.drawer-mask,.back-top{display:none}.back-top{position:fixed;right:18px;bottom:24px;border:0;background:#137CD8;color:white;border-radius:50%;width:43px;height:43px;box-shadow:0 4px 18px #0002;z-index:90}.back-top.is-visible{display:block}
@media(max-width:1080px){.desktop-nav{gap:13px}.topbar{gap:16px}.brand{max-width:145px}.nav-link{font-size:13px}}
@media(max-width:980px){.container{padding-inline:20px}.topbar{height:59px;justify-content:space-between;gap:10px}.desktop-nav{display:none}.menu-toggle{display:flex;flex:0 0 42px;width:42px;height:40px;flex-direction:column;gap:5px;align-items:center;justify-content:center;border:0;background:transparent}.menu-toggle span{width:22px;height:2px;background:#24364F;border-radius:2px}.brand{margin:auto}.brand .media{height:29px;width:125px}.brand .media img{max-height:29px}.brand-text{font-size:21px}.register-btn{min-height:36px;padding:4px 13px;font-size:13px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100vh;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{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #e1edf6}.drawer-brand{font-size:18px;font-weight:800}.drawer-close{background:transparent;border:0;font-size:30px;line-height:1;color:#24364F}.drawer-group{padding:11px 19px;border-bottom:1px solid #edf3fa}.drawer-group h2{font-size:14px;color:#5D718A;margin:0 0 6px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.drawer-links a{min-height:42px;display:flex;align-items:center;color:#24364F;font-size:14px}.drawer-links a.active{color:#137CD8;font-weight:700}.bottom-nav{position:fixed;z-index:99;bottom:0;left:0;right:0;height:61px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 -2px 12px #102b461b;align-items:center}.bottom-nav a{text-align:center;color:#5D718A;font-size:14px;padding:14px 4px}.bottom-nav a.active{color:#137CD8;font-weight:800}.site-footer{padding-bottom:95px}.back-top{bottom:75px}}
@media(max-width:768px){.hero{grid-template-columns:1fr;padding:18px}.hero .media{order:-1;max-height:195px}.hero h1{font-size:28px}.hero p{font-size:16px}.feature-split,.reading-layout,.image-text{grid-template-columns:1fr}.reading-content .article-panel{max-width:none}.sidebar{position:static}.intro-panel{padding:22px}.intro-panel h1{font-size:27px}.intro-panel p{font-size:16px}.section h2,.section-heading h2{font-size:22px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-text .media{max-height:260px;order:-1}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.section{margin-top:30px}.main-content{padding-top:20px}}
@media(max-width:480px){.container{padding-inline:16px}.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{gap:12px}.card{padding:15px}.card h3{font-size:16px}.card p{font-size:14px}.hero h1{font-size:26px}.article-panel,.section-panel{padding:18px}.reading-content h2{font-size:20px}.reading-content p{font-size:15px}.article-list .article-panel{padding-left:55px}.article-list .article-panel:before{left:13px;font-size:18px}.brand-card{flex-direction:column;align-items:start}.brand-card .media{width:100%;height:95px;flex:auto}.brand-card h3{font-size:15px}.gallery-card .media{max-height:150px}.footer-grid{gap:18px}.footer-about{grid-column:1/-1}.subnav a{padding:0 12px}.register-btn{padding:4px 11px}.brand-text{font-size:19px}}
@media(max-width:355px){.brand-text{font-size:18px}.register-btn{font-size:12px;padding:4px 9px}.grid-3{grid-template-columns:1fr}.topbar{gap:5px}.card p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}