*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F6FBFF;color:#31485F;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#246b9c;text-decoration:none}a:hover{color:#2AA9E0}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3{color:#1C3552;line-height:1.35;margin:0 0 .75em}h1{font-size:34px}h2{font-size:25px}h3{font-size:19px}p{margin:0 0 17px} .wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:8px;top:-100px;z-index:20000;padding:8px;background:#fff}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;background:#fff;z-index:1000;box-shadow:0 3px 18px rgba(31,91,139,.07)}.topbar{height:70px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;flex-shrink:0;min-width:143px}.brand img{height:36px;width:auto;max-width:165px;object-fit:contain}.brand-fallback{font-size:25px;font-weight:900;color:#244C78;letter-spacing:-1px}.brand-fallback span{color:#6B4FAF}.primary-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;white-space:nowrap}.nav-item{font-size:14px;color:#244C78;padding:23px 8px 21px;border-bottom:2px solid transparent}.nav-item:hover,.nav-item.is-active{color:#2AA9E0;border-color:#2AA9E0}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:40px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#53C2F2,#2AA9E0 55%,#6B4FAF);color:white;font-weight:700;white-space:nowrap;box-shadow:0 6px 15px rgba(42,169,224,.16)}.main-btn:hover{color:white;filter:brightness(.95)}.channel-strip{background:#EFF8FF;border-bottom:1px solid rgba(42,169,224,.12)}.channel-nav{display:flex;gap:29px;align-items:center;height:44px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.channel-nav::-webkit-scrollbar{display:none}.channel-link{color:#58718E;font-size:14px;flex-shrink:0}.channel-link.is-active{color:#2AA9E0;font-weight:700}.menu-toggle,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}.page-main{padding-top:30px;padding-bottom:64px;min-height:60vh}.eyebrow,.section-label{display:block;color:#2AA9E0;font-weight:750;font-size:12px;letter-spacing:1.65px;text-transform:uppercase;margin-bottom:11px}.section-label{letter-spacing:.8px}.lead{font-size:17px;color:#58718E;line-height:1.85}.breadcrumbs{font-size:13px;color:#8299aa;margin-bottom:22px}.breadcrumbs span{margin:0 9px}.page-heading{padding-bottom:16px;border-bottom:1px solid rgba(42,169,224,.15);margin-bottom:24px}.page-heading h1{margin-bottom:12px}.page-heading .lead{max-width:790px}.inner-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:30px;align-items:start}.reading-article{background:white;padding:38px 42px;border:1px solid rgba(42,169,224,.13);border-radius:14px;min-width:0}.reading-article .page-heading{margin-bottom:28px}.article-section{margin-top:30px}.article-section h2{padding-bottom:8px;border-bottom:1px solid #e8f2f9}.article-section p{line-height:1.85}.content-sidebar{position:sticky;top:140px;display:grid;gap:16px}.side-box{background:#fff;border:1px solid rgba(42,169,224,.14);border-radius:13px;padding:24px}.side-box h2{font-size:19px}.side-box p{font-size:14px;color:#667e92}.side-box>a{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #edf3f9;font-size:14px}.side-box.tint{background:#EFF8FF}.media{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;background:#EFF8FF;border-radius:12px;border:1px solid rgba(42,169,224,.1)}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-banner{aspect-ratio:16/7}.media-wide{aspect-ratio:16/9}.media-square{aspect-ratio:1/1}.media-device{aspect-ratio:9/16;max-height:480px;max-width:320px;margin-inline:auto}.media-placeholder{background:linear-gradient(135deg,#eef8ff,#e5f0ff 55%,#eff7fc)}.reading-article>.media{margin:20px 0 28px}.related-section,.home-section{margin-top:46px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head h2{margin-bottom:0}.section-head>a{font-size:14px;white-space:nowrap}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.related-card,.topic-tile,.feature-card,.service-grid>a{background:white;border:1px solid rgba(42,169,224,.14);border-radius:13px;padding:23px;transition:transform .16s,box-shadow .16s}.related-card:hover,.topic-tile:hover,.feature-card:hover,.service-grid>a:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(31,91,139,.08)}.related-card span,.related-card small{display:block;font-size:13px;color:#6B8299}.related-card strong{display:block;font-size:18px;color:#1C3552;margin:6px 0}.related-card small{color:#2AA9E0}.home-hero{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:34px;padding:39px 40px;background:linear-gradient(135deg,#fff,#eef8ff);border-radius:16px;border:1px solid #e4f2fd}.hero-copy h1{font-size:36px;line-height:1.35;margin-bottom:16px}.hero-copy p{color:#526c86}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.hero-actions a:first-child{background:#2AA9E0;color:#fff;border-radius:999px;padding:9px 19px;font-weight:700}.hero-actions a:last-child{border:1px solid #b8d9ed;border-radius:999px;padding:9px 19px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-tile{display:block}.topic-index{display:inline-block;border-radius:8px;background:#EFF8FF;color:#2AA9E0;font-size:13px;font-weight:700;padding:2px 9px;margin-bottom:16px}.topic-tile strong{display:block;font-size:19px;color:#1C3552}.topic-tile p{font-size:14px;color:#637a90;margin:8px 0 14px}.topic-tile small{color:#2AA9E0}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.feature-content h2{font-size:27px}.link-stack{display:flex;flex-wrap:wrap;gap:9px}.link-stack a{background:#EFF8FF;padding:7px 13px;border-radius:9px;font-size:14px}.simple-links{background:#fff;border:1px solid #e4f2fb;border-radius:13px;padding:27px}.simple-links a{display:block;border-top:1px solid #edf4fa;padding:13px 0}.simple-links strong{display:block;color:#1C3552}.simple-links span{display:block;font-size:13px;color:#6B8299}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card p{font-size:15px}.feature-card>a{font-weight:700;font-size:14px}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.knowledge-grid article{border-radius:13px;padding:30px;background:#eff8ff}.knowledge-grid article:nth-child(2){background:#f4f0fc}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.preview-item{display:block}.preview-item span{display:block;margin-top:8px;color:#244C78;font-weight:700;font-size:14px}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.news-item{display:flex;gap:19px;padding:22px;background:#fff;border:1px solid #e5f1fa;border-radius:12px}.news-item h3{margin:0 0 6px;color:#1C3552}.news-item p{font-size:14px;color:#657a90;margin-bottom:8px}.news-item small{color:#2AA9E0}.news-no{font-size:29px;line-height:1.2;font-weight:800;color:#aadcf4}.feature-list{margin-bottom:36px}.mobile-feature{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:42px;padding:30px;background:#eef8ff;border-radius:14px}.mobile-feature .media-device{max-height:350px;width:190px}.mobile-feature h2{font-size:29px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-grid strong{display:block;font-size:18px;color:#1C3552}.service-grid small{display:block;font-size:13px;color:#6B8299;margin-top:7px}.responsible-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:45px;padding:30px;background:#eaf6ff;border:1px solid #d6ecfa;border-radius:13px}.responsible-banner>div{max-width:780px}.responsible-banner p{margin:0}.responsible-banner>a{flex-shrink:0;font-weight:700}.gallery-intro{margin-bottom:25px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:36px}.gallery-item{background:white;border:1px solid #e5f1fa;border-radius:13px;padding:16px}.gallery-item .media-device{max-height:270px;width:160px}.gallery-caption{padding:14px 5px 5px}.gallery-caption h2{font-size:20px}.gallery-caption p{font-size:14px}.category-showcase{margin-bottom:38px}.category-showcase>.lead{max-width:800px}.faq-list{display:grid;gap:11px;max-width:920px}.faq-item{background:#fff;border:1px solid #e3effa;border-radius:12px;padding:18px 22px}.faq-item summary{cursor:pointer;font-weight:700;color:#1C3552}.faq-item summary span{color:#2AA9E0;font-size:13px;margin-right:14px}.faq-item p{margin:12px 0 2px 35px;color:#526b83}.site-footer{background:#16324F;color:#E8F5FF;padding-top:48px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:38px}.footer-col h3{font-size:17px;color:#fff}.footer-col p{color:#b9d4e8;font-size:14px}.footer-col>a{display:block;color:#E8F5FF;font-size:14px;margin-bottom:11px}.footer-col>a:hover{color:#7bd2fb}.footer-brand{font-size:24px;font-weight:800}.footer-brand img{object-fit:contain;height:36px;width:auto}.footer-bottom{padding:19px 0 26px;margin-top:32px;border-top:1px solid rgba(255,255,255,.13);display:flex;gap:18px;justify-content:space-between;font-size:13px}.footer-bottom p{margin:0}.back-top{position:fixed;right:20px;bottom:20px;width:40px;height:40px;border-radius:50%;border:0;background:#2AA9E0;color:white;box-shadow:0 6px 20px #adceda;opacity:0;visibility:hidden;transition:.2s}.back-top.show{opacity:1;visibility:visible}
@media(max-width:1100px){.primary-nav{gap:0}.nav-item{padding-inline:6px}.topbar{gap:12px}.brand{min-width:125px}}@media(max-width:980px){.wrap{width:calc(100% - 40px)}.site-header .topbar{height:58px;justify-content:space-between}.primary-nav{display:none}.brand{min-width:0;margin-inline:auto}.brand img{height:29px;max-width:132px}.brand-fallback{font-size:22px}.main-btn.register{height:36px;padding:0 13px;min-width:66px;font-size:13px}.menu-toggle{width:35px;height:35px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;padding:5px;flex-shrink:0}.menu-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:#244C78}.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;padding-bottom:22px}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-mask{display:block;position:fixed;inset:0;background:rgba(28,73,114,.36);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}.drawer-top{position:sticky;top:0;background:#16324F;color:white;height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;z-index:3}.drawer-close{font-size:30px;line-height:1;background:transparent;border:0;color:#fff}.drawer-section{padding:12px 17px;border-bottom:1px solid #edf3f9}.drawer-section h3{font-size:13px;color:#2AA9E0;margin:4px 0 9px}.drawer-section>a{display:block;padding:8px 5px;font-size:14px;color:#244C78}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:1000;height:60px;border-top:1px solid #dcecf5;box-shadow:0 -4px 20px rgba(20,66,100,.06)}.bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:#58718E;line-height:1.5}.bottom-dot{display:block;width:17px;height:17px;border:2px solid currentColor;border-radius:6px;margin-bottom:2px}.bottom-item.is-active{color:#2AA9E0;font-weight:700}.page-main{padding-bottom:95px}.footer-bottom{padding-bottom:84px}.back-top{bottom:76px}.inner-layout{grid-template-columns:minmax(0,1fr)}.content-sidebar{position:static;grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.home-hero{padding:28px}.hero-copy h1{font-size:30px}.hero-copy p{font-size:15px}.channel-nav{gap:23px}}@media(max-width:700px){body{font-size:15px}.wrap{width:calc(100% - 32px)}h1{font-size:26px}h2{font-size:21px}h3{font-size:18px}.page-main{padding-top:20px}.home-hero,.split-feature,.split-feature.reverse,.mobile-feature{grid-template-columns:1fr}.home-hero{padding:24px 19px;gap:15px}.home-hero .hero-copy h1{font-size:28px}.home-hero .media-banner{order:-1}.hero-actions{gap:8px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-tile{padding:16px}.topic-tile strong{font-size:16px}.topic-tile p{font-size:13px}.split-feature{gap:15px}.feature-cards,.news-grid,.knowledge-grid,.content-sidebar,.gallery-grid{grid-template-columns:1fr}.related-grid,.service-grid,.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-card,.service-grid>a{padding:15px}.reading-article{padding:24px 18px}.reading-article>.media{margin-top:15px}.lead{font-size:15px}.hero-copy p{line-height:1.78}.home-section,.related-section{margin-top:32px}.feature-content h2,.mobile-feature h2{font-size:23px}.mobile-feature{padding:21px;gap:14px}.mobile-feature .media-device{max-height:260px;width:145px}.responsible-banner{display:block;padding:23px}.responsible-banner>a{display:inline-block;margin-top:10px}.footer-grid{gap:22px}.footer-bottom{display:block}.footer-bottom p{margin-bottom:8px}.gallery-item{padding:12px}.faq-item{padding:15px}.section-head{align-items:flex-start}.section-head>a{margin-top:3px}.news-item{padding:16px}.preview-item span{font-size:13px}}@media(max-width:360px){.brand-fallback{font-size:19px}.register{min-width:58px!important;padding:0 10px!important}.brand img{max-width:110px}.topbar{gap:5px}.topic-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.channel-nav{gap:15px}.hero-copy h1{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}