*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;background:#EAF2FB;color:#24364F;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#137CD8;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #137CD8;outline-offset:2px}img{max-width:100%}.wrap{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px}.site-header{height:70px;background:white;position:sticky;top:0;z-index:100;box-shadow:0 2px 15px #173d5810}.header-line{height:100%;display:flex;align-items:center;gap:32px}.site-logo{flex:none;display:flex;align-items:center;justify-content:center;width:146px;color:#137CD8}.site-logo img{width:auto;height:auto;max-width:140px;max-height:38px;object-fit:contain}.logo-text{font-size:25px;font-weight:800;letter-spacing:1px}.desktop-menu{display:flex;align-items:center;justify-content:center;gap:22px;flex:1;white-space:nowrap;height:100%}.desktop-menu>a{color:#24364F;font-size:14px;display:flex;align-items:center;height:100%;border-bottom:2px solid transparent}.desktop-menu>a.active{border-color:#137CD8;color:#137CD8}.register,.btn{display:inline-flex;align-items:center;justify-content:center;background:#137CD8;color:#fff;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:700;white-space:nowrap;min-height:41px}.register:hover,.btn:hover{color:white;background:#1067ae;text-decoration:none}.topic-strip{background:#F7FBFF;border-bottom:1px solid #dcecf7}.strip-inner{min-height:44px;display:flex;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.strip-inner>a{font-size:14px;color:#5D718A;padding:0 17px;border-right:1px solid #d3e3ee;line-height:18px;flex:none}.strip-inner>a:first-child{padding-left:0}.strip-inner>a.active{color:#137CD8;font-weight:700}.main-content{padding-top:30px;padding-bottom:54px}.section{margin-bottom:38px}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin:0 0 18px}.section-title h2,.section>h2{font-size:24px;color:#123e67;line-height:1.35;margin:0 0 18px}.section-title a{font-size:14px}.panel,.card,.article,.hero,.intro{background:#fff;border:1px solid rgba(47,168,247,.14);border-radius:12px;box-shadow:0 8px 22px rgba(26,82,130,.035)}.panel{padding:24px}.card{padding:20px;min-width:0}.card h3,.panel h3{margin:0 0 9px;font-size:19px;line-height:1.4;color:#153d61}.card p,.panel p{margin:0 0 12px}.card a:last-child{font-weight:650}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{display:grid;grid-template-columns:54fr 46fr;gap:20px;align-items:center;padding:28px}.hero-copy h1{font-size:37px;line-height:1.32;color:#123e67;margin:0 0 20px}.hero-copy p{margin:0 0 18px}.hero-links{display:flex;flex-wrap:wrap;gap:9px}.hero-links a{border:1px solid #c7dff2;border-radius:30px;padding:6px 12px;font-size:14px}.hero .media{max-height:300px}.hero-image{min-width:0}.intro{padding:30px;margin-bottom:26px}.intro h1{font-size:31px;line-height:1.35;color:#123e67;margin:0 0 14px}.intro p{max-width:900px;margin:0;font-size:17px;color:#52677e}.eyebrow{color:#137CD8;font-weight:700;font-size:13px;letter-spacing:1px;display:block;margin-bottom:12px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.article{padding:28px;min-width:0}.article h2{font-size:23px;color:#123e67;line-height:1.42;margin:28px 0 12px}.article h2:first-child{margin-top:0}.article p{margin:0 0 16px}.article p:last-child{margin-bottom:0}.side h2{font-size:19px;color:#123e67}.side a{display:block;padding:12px 0;border-bottom:1px solid #dce9f4}.side a:last-child{border:0}.read-more{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid #e3edf6}.read-more a{padding:5px 12px;background:#f1f8ff;border-radius:6px;font-size:14px}.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}.media-portrait{aspect-ratio:3/4}.media-device{aspect-ratio:9/16;max-height:340px}.media-natural img{width:100%;height:auto;max-height:280px;object-fit:contain;margin:auto}.media-logo{aspect-ratio:2/1;max-height:135px}.media-placeholder{width:100%;height:100%;min-height:72px;background:linear-gradient(140deg,#edf5ff,#e4f0fc)}.feature-image .media{max-height:240px}.hero-image .media{max-height:300px}.gallery-card .media{max-height:190px}.brand-item{display:flex;align-items:center;gap:14px}.brand-item .media{width:108px;height:88px;flex:none}.brand-item h3{font-size:16px;margin:0 0 4px}.brand-item p{font-size:13px;color:#5D718A;margin:0}.numbered{counter-reset:items}.number-row{display:flex;gap:17px;border-bottom:1px solid #e2edf5;padding:17px 0}.number-row:first-child{padding-top:0}.number-row:last-child{border:0;padding-bottom:0}.number-row>span{font-weight:800;font-size:22px;color:#137CD8;min-width:34px}.number-row h3{font-size:18px;margin:0 0 5px}.number-row p{margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.split .media{max-height:300px}.pill{background:#edf7ff;color:#137CD8;font-size:13px;padding:3px 10px;border-radius:20px;font-weight:650}.faq-card h2{font-size:19px;margin:0 0 7px}.faq-card p{margin:0}.faq-list{display:grid;gap:12px}.footer-logo{display:inline-block;color:#fff;font-weight:800;font-size:24px}.footer-logo img{max-height:38px;object-fit:contain}.site-footer{background:#102B46;color:#EAF6FF;padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}.footer-grid h2{font-size:17px;margin:0 0 12px;color:white}.footer-grid a:not(.footer-logo){color:#EAF6FF;display:block;font-size:14px;padding:3px 0}.footer-grid p{color:#c7d8e5;font-size:14px}.footer-bottom{display:flex;gap:15px;justify-content:space-between;border-top:1px solid #ffffff28;margin-top:24px;padding-top:18px;font-size:12px;color:#d0e0ed}.mobile-drawer,.drawer-mask,.menu-button,.bottom-nav{display:none}.back-top{position:fixed;right:20px;bottom:24px;border:0;background:#137CD8;color:white;border-radius:50%;width:42px;height:42px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s;z-index:90}.back-top.visible{opacity:1;pointer-events:auto}.small-note{font-size:13px;color:#5D718A}.image-caption{font-size:13px;color:#5D718A;margin:8px 0 0!important}.alert{border-left:3px solid #137CD8;background:#f0f8ff;padding:12px 16px;border-radius:6px}
@media(max-width:1080px){.header-line{gap:16px}.desktop-menu{gap:12px}.desktop-menu>a{font-size:13px}.site-logo{width:125px}}
@media(max-width:980px){.wrap{padding-left:20px;padding-right:20px}.site-header{height:58px}.desktop-menu{display:none}.header-line{justify-content:space-between;gap:10px}.site-logo{width:auto;min-width:0;margin:auto}.site-logo img{max-height:30px;max-width:126px}.logo-text{font-size:23px}.register{min-height:36px;padding:5px 13px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:0;width:38px;height:40px;padding:7px;flex:none;cursor:pointer}.menu-button span{height:2px;background:#24364F;width:23px;border-radius:2px}.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,visibility .18s}.drawer-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e2edf7}.drawer-head button{font-size:28px;background:none;border:0;color:#24364F;line-height:1;width:40px;height:40px}.drawer-section{padding:12px 16px;border-bottom:1px solid #e6f0f7}.drawer-section h2{margin:0 0 5px;color:#137CD8;font-size:14px}.drawer-section a{display:block;min-height:42px;padding:8px 10px;border-radius:6px;color:#24364F}.drawer-section a.active{color:#137CD8;background:#edf7ff}.bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:1000;background:white;border-top:1px solid #d6e8f5;height:60px;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box}.bottom-nav a{text-align:center;font-size:12px;color:#5D718A;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.4}.bottom-nav a span{font-size:22px}.bottom-nav a.active{color:#137CD8;font-weight:700}.site-footer{padding-bottom:100px}.back-top{bottom:85px}.article-grid{grid-template-columns:minmax(0,1fr) 250px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.hero{grid-template-columns:1fr}.hero-image{order:-1}.hero-copy h1{font-size:29px}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.intro h1{font-size:27px}.article h2{font-size:21px}}
@media(max-width:480px){.wrap{padding-left:16px;padding-right:16px}.main-content{padding-top:22px}.hero{padding:17px;gap:15px}.hero-copy h1{font-size:26px}.hero-copy p,.intro p{font-size:15px}.intro{padding:22px}.intro h1{font-size:25px}.section{margin-bottom:28px}.section-title h2,.section>h2{font-size:21px}.panel,.card{padding:16px}.article{padding:20px}.grid{gap:12px}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.card h3{font-size:16px}.card p{font-size:14px}.brand-item{flex-direction:column;align-items:flex-start}.brand-item .media{width:100%;height:100px}.footer-grid{gap:18px}.footer-bottom{flex-direction:column}.media-device{max-height:260px}.gallery-card .media{max-height:160px}.hero-image .media{max-height:195px}.site-logo img{max-width:108px}.logo-text{font-size:20px}}
@media(max-width:350px){.register{font-size:12px;padding:4px 9px}.logo-text{font-size:19px}.grid-3{grid-template-columns:1fr}.hero-links a{font-size:12px}.brand-item .media{height:88px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}