*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4FBFF;color:#223044;font:16px/1.78 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#0877C9}button{font:inherit;cursor:pointer}img{max-width:100%}.wrap{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px;min-width:0}.site-header{background:#fff;position:sticky;top:0;z-index:1000;border-bottom:1px solid #e1eff8}.main-nav{height:70px;display:flex;align-items:center;gap:22px}.logo{display:flex;align-items:center;gap:7px;flex:none;color:#0877C9;font-weight:800;white-space:nowrap}.logo .media{width:42px;height:40px;background:transparent}.logo img{max-height:38px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.5vw,23px);flex:1;white-space:nowrap}.desktop-nav a{font-size:14px;font-weight:600;line-height:66px;border-bottom:2px solid transparent}.desktop-nav a.active{color:#0877C9;border-color:#1CA8F6}.reg-btn{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:40px;padding:0 17px;background:#0877C9;color:white;border-radius:99px;font-weight:700;flex:none}.reg-btn:hover{background:#076bad;color:white}.subnav{background:#EAF7FF}.subnav-inner{display:flex;align-items:center;gap:27px;overflow-x:auto;white-space:nowrap;min-height:44px;scrollbar-width:thin}.subnav a{font-size:14px;color:#5F7082}.subnav a.active{color:#0877C9;font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);gap:28px;align-items:center;padding:36px 0}.hero-copy{min-width:0}.eyebrow,.section-index,.small-label{font-size:12px;letter-spacing:.10em;font-weight:800;color:#0877C9}.hero h1{font-size:clamp(27px,3.2vw,38px);line-height:1.35;margin:9px 0 17px}.hero p{color:#5F7082;margin:0 0 14px}.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.quick-links a,.pill{border-radius:30px;padding:7px 14px;background:#e5f5ff;color:#0877C9;font-size:14px;font-weight:700}.section{margin:20px 0 43px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-header h2{font-size:25px;margin:0;line-height:1.4}.section-header a,.more{color:#0877C9;font-size:14px;font-weight:700}.grid{display:grid;gap:17px}.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))}.topic-card,.card,.reading-section,.intro-panel,.feature-card,.faq-item{background:#fff;border:1px solid #dcecf6;border-radius:13px;padding:22px;min-width:0}.topic-card h3,.card h3{font-size:18px;margin:8px 0}.topic-card p,.card p,.reading-section p,.intro-panel p,.feature-card p{color:#5F7082;line-height:1.85}.feature-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.reading-section{margin:18px 0;padding:28px}.reading-section h2{font-size:23px;margin:7px 0 12px;line-height:1.4}.reading-section p{margin:0 0 15px}.reading-section p:last-child{margin:0}.intro-panel{margin:26px 0}.intro-panel h1{font-size:34px;line-height:1.4;margin:7px 0 13px}.article-column{max-width:850px;margin:0 auto}.media{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#EAF7FF}.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-portrait{aspect-ratio:3/4}.media-device{aspect-ratio:9/16}.media-logo{aspect-ratio:3/2}.media-placeholder{width:100%;height:100%;background:linear-gradient(145deg,#EAF7FF,#d9f0ff)}.hero .media{max-height:290px}.hero .media img{max-height:290px}.media-device{max-width:230px;max-height:340px;margin:auto}.media-device img{max-height:340px}.brand-tile{text-align:center;background:#fff;border-radius:12px;border:1px solid #dfedf6;padding:12px}.brand-tile .media{height:115px;aspect-ratio:auto}.brand-tile h3{font-size:15px;margin:9px 0 4px}.brand-tile p{font-size:13px;color:#5F7082;margin:0}.news-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;border-bottom:1px solid #dcecf6;padding:15px 0}.news-item b{color:#0877C9}.news-item h3{font-size:17px;margin:0}.news-item p{color:#5F7082;margin:4px 0}.footer{background:#082A46;color:#EAF8FF;margin-top:60px;padding:38px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer a{display:block;font-size:14px;color:#EAF8FF;margin:6px 0}.footer h3{font-size:17px}.footer p,.legal{color:#c7e5f5;font-size:13px}.footer .media{width:95px;background:transparent}.legal{border-top:1px solid #284b65;margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.menu-toggle,.bottom-nav,.mobile-drawer,.drawer-mask{display:none}.back-top{position:fixed;right:16px;bottom:22px;border:0;border-radius:50%;width:38px;height:38px;background:#0877C9;color:white;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}.faq-item{margin-bottom:12px}.faq-item h2{font-size:18px}.faq-item p{color:#5F7082}.info-tag{font-size:12px;background:#EAF7FF;color:#0877C9;border-radius:30px;padding:4px 10px;display:inline-block}.visual-card{background:#fff;border-radius:12px;padding:13px;border:1px solid #dcecf6}.visual-card h3{font-size:16px;margin:12px 0 4px}.visual-card p{font-size:14px;color:#5F7082;margin:0 0 5px}@media(max-width:980px){.wrap{padding-left:20px;padding-right:20px}.desktop-nav{display:none}.main-nav{height:58px;display:grid;grid-template-columns:78px minmax(0,1fr) 78px;gap:7px}.menu-toggle{display:block;background:transparent;border:0;font-size:23px;color:#0877C9;width:42px;text-align:left;padding:0}.logo{justify-self:center}.logo .media{width:31px;height:29px}.logo img{max-height:29px}.logo span{font-size:15px}.reg-btn{height:36px;min-width:72px;padding:0 10px;font-size:14px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#fff;z-index:12000;overflow-y:auto;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(8,42,70,.42);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{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid #ddebf4}.menu-close{border:0;background:transparent;color:#0877C9;font-size:26px}.drawer-group{padding:12px 18px}.drawer-group h2{font-size:14px;color:#0877C9}.drawer-group a{display:block;min-height:42px;padding:7px 9px}.drawer-group a.active{background:#EAF7FF;color:#0877C9}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e1ecf5;z-index:1000;min-height:60px}.bottom-nav a{text-align:center;align-self:center;font-size:14px}.bottom-nav a.active{color:#0877C9;font-weight:800}.footer{padding-bottom:86px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.back-top{bottom:76px}}@media(max-width:640px){.wrap{padding-left:16px;padding-right:16px}.hero{grid-template-columns:minmax(0,1fr);padding:24px 0;gap:14px}.hero .hero-image{order:-1}.hero h1{font-size:28px}.hero .media{max-height:195px}.hero .media img{max-height:195px}.grid-3,.grid-2,.feature-layout{grid-template-columns:minmax(0,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.section{margin:20px 0 31px}.section-header h2{font-size:21px}.reading-section{padding:19px}.intro-panel{padding:20px}.intro-panel h1{font-size:26px}.topic-card{padding:17px}.footer-grid{gap:15px}.visual-card .media{max-height:165px}.media-device{max-height:260px}.media-device img{max-height:260px}}@media(max-width:360px){.grid-3{grid-template-columns:1fr}.main-nav{grid-template-columns:48px minmax(0,1fr) 74px}.logo span{font-size:13px}}