*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4FBFF;color:#223044;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 16px #075b9020}.header-line{min-height:70px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;flex:0 0 165px;gap:8px;font-size:17px;font-weight:800;color:#0877C9;white-space:nowrap}.brand .media{width:70px;max-height:39px;background:transparent}.brand .media img{max-height:38px}.brand-fallback{font-size:15px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:25px;flex:1;white-space:nowrap}.desktop-nav a{position:relative;font-size:14px;font-weight:600;padding:19px 0}.desktop-nav a.active,.desktop-nav a:hover{color:#0877C9}.desktop-nav a.active:after{content:"";position:absolute;bottom:12px;left:0;right:0;height:2px;background:#1CA8F6}.join-btn{background:#0877C9;color:white;min-width:86px;text-align:center;padding:7px 17px;line-height:26px;border-radius:40px;font-weight:bold;white-space:nowrap}.channel-bar{background:#EAF7FF}.channel-inner{display:flex;align-items:center;gap:25px;white-space:nowrap;overflow-x:auto;scrollbar-width:none;min-height:44px}.channel-inner a{color:#5F7082;font-size:14px}.channel-inner a:hover{color:#0877C9}.main-area{padding-top:30px;padding-bottom:56px;min-height:55vh}.hero{display:grid;grid-template-columns:1.07fr .93fr;gap:28px;align-items:center;background:#fff;border:1px solid #dceffb;border-radius:16px;padding:26px}.hero h1{font-size:37px;line-height:1.35;color:#0877C9;margin:12px 0 16px}.hero p{color:#5F7082;margin:0 0 20px}.eyebrow{display:inline-block;color:#0877C9;font-size:13px;font-weight:700;letter-spacing:1px}.hero-photo{order:2}.hero-copy{order:1}.hero-links{display:flex;flex-wrap:wrap;gap:10px}.hero-links a{padding:5px 13px;background:#EAF7FF;border-radius:30px;color:#0877C9;font-size:14px}.section{margin-top:40px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h2{font-size:25px;color:#0877C9;margin:0}.section-head a{color:#0877C9;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{background:#fff;border:1px solid #dbedf8;border-radius:13px;padding:20px;min-width:0}.card h3{font-size:18px;line-height:1.45;margin:0 0 8px}.card p{margin:0 0 12px;font-size:15px;color:#5F7082}.card a.more,.more{color:#0877C9;font-weight:600;font-size:14px}.card .media{margin-bottom:14px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;background:#fff;border:1px solid #dbedf8;border-radius:13px;padding:20px}.feature h2{color:#0877C9}.feature p{color:#5F7082}.feature.reverse .media{order:2}.media{display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;min-width:0;background:#EAF7FF;border-radius:12px}.media img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;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-width:250px;margin-inline:auto}.media-logo{aspect-ratio:3/2}.media-natural img{width:100%;height:auto;max-height:280px}.media-placeholder{background:linear-gradient(140deg,#eaf7ff,#dbf1fc)}.content-heading{background:#fff;border:1px solid #d9edf8;border-radius:14px;padding:30px;margin-bottom:25px}.content-heading h1{font-size:32px;color:#0877C9;line-height:1.4;margin:8px 0 12px}.content-heading p{margin:0;color:#5F7082;max-width:760px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start}.prose{min-width:0;background:#fff;border:1px solid #d9edf8;border-radius:13px;padding:27px 32px}.prose h2{font-size:24px;color:#0877C9;margin:28px 0 10px}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 16px}.prose .callout{padding:16px 18px;background:#EAF7FF;border-left:3px solid #1CA8F6;border-radius:8px}.sidebar{position:sticky;top:144px}.sidebar h3{margin:0 0 10px;color:#0877C9}.sidebar a{display:block;padding:9px 0;border-bottom:1px solid #e3eef5;font-size:14px}.related{margin-top:28px}.index-list{background:#fff;border-radius:13px;border:1px solid #d9edf8;padding:8px 24px}.index-list article{display:grid;grid-template-columns:38px 1fr;gap:15px;border-bottom:1px solid #e6f1f8;padding:17px 0}.index-list article:last-child{border:0}.index-list b{color:#0877C9}.index-list h3{font-size:18px;margin:0}.index-list p{font-size:15px;color:#5F7082;margin:4px 0}.brand-grid .card{text-align:center;padding:13px}.brand-grid .card h3{font-size:15px;margin-top:10px}.muted{color:#5F7082}.foot-brand{color:white;font-size:21px;font-weight:bold}.foot-brand span{display:block;font-size:12px;letter-spacing:2px;color:#b3daf0}.footer{background:#082A46;color:#EAF8FF;padding:44px 0 18px}.foot-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:30px}.foot-grid h3{font-size:17px;margin:0 0 12px}.foot-grid a:not(.foot-brand){display:block;font-size:14px;padding:2px 0;color:#d4eafa}.foot-grid p{font-size:14px;color:#d4eafa}.foot-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ffffff25;padding-top:14px;margin-top:30px;font-size:12px;color:#d4eafa}.menu-toggle,.bottom-nav,.mobile-drawer,.drawer-mask{display:none}.notice{background:#eaf7ff;color:#305871;padding:16px 20px;border-radius:11px;font-size:14px;margin-top:24px}@media(max-width:980px){.desktop-nav{display:none}.header-line{justify-content:space-between;min-height:58px}.brand{flex:0 1 auto}.brand .media{width:60px}.menu-toggle{display:block;border:0;background:none;color:#0877C9;font-size:24px;padding:0 6px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;overflow-y:auto;background:#fff;color:#223044;z-index:12000;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.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}body.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5f2fb}.drawer-close{border:0;background:none;font-size:20px}.drawer-group{padding:12px 20px;border-bottom:1px solid #e5f2fb}.drawer-group strong{display:block;color:#0877C9;margin:8px 0}.drawer-group a{display:block;padding:7px 0;min-height:40px;font-size:14px}.bottom-nav{position:fixed;z-index:1001;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);height:60px;background:#fff;border-top:1px solid #dceffb}.bottom-nav a{text-align:center;padding:13px 0;font-size:13px;color:#0877C9}.footer{padding-bottom:85px}.sidebar{position:static}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.hero,.feature,.article-grid{grid-template-columns:1fr}.hero{padding:16px}.hero-photo{order:0}.hero-copy{order:1}.hero h1{font-size:28px}.section-head h2{font-size:21px}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-grid{grid-template-columns:repeat(2,1fr)}.feature.reverse .media{order:0}.prose{padding:20px}.content-heading h1{font-size:27px}.content-heading{padding:20px}.foot-bottom{flex-direction:column}.media-device{max-width:230px}}@media(max-width:370px){.brand-fallback{display:none}.grid-3{grid-template-columns:1fr}.card{padding:15px}.join-btn{min-width:72px;padding:5px 12px}.hero h1{font-size:26px}}