*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4FBFF;color:#223044;font:16px/1.75 Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}body.drawer-open{overflow:hidden}img,svg,video{max-width:100%}a{color:#0877C9;text-decoration:none;touch-action:manipulation}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;touch-action:manipulation}p{margin:0 0 18px}h1,h2,h3{line-height:1.35}h1{font-size:clamp(28px,3.2vw,38px);color:#0877C9;margin:0 0 18px}h2{font-size:24px;color:#0877C9;margin:0 0 16px}h3{font-size:18px;color:#0877C9;margin:0 0 8px}.container{max-width:1160px;margin:auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 14px rgba(8,42,70,.08)}.header-inner{max-width:1160px;margin:auto;min-height:76px;padding:0 20px;display:grid;grid-template-columns:205px minmax(0,1fr) 110px;align-items:center;gap:16px}.brand-logo{display:flex;align-items:center;min-width:0;color:#0877C9;font-size:23px;white-space:nowrap}.brand-logo img{height:36px;width:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.1vw,28px);min-width:0;white-space:nowrap}.desktop-nav a{color:#223044;font-weight:700;display:flex;align-items:center;height:76px;border-bottom:2px solid transparent;padding-top:2px}.desktop-nav a.active,.desktop-nav a:hover{color:#0877C9;border-bottom-color:#1CA8F6;text-decoration:none}.register-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:86px;border-radius:999px;background:linear-gradient(135deg,#38C7FF 0%,#1CA8F6 48%,#0877C9 100%);color:#fff;font-weight:700;white-space:nowrap;box-shadow:0 5px 15px rgba(28,168,246,.2)}.register-btn:hover{color:#fff;text-decoration:none;filter:brightness(.96)}.menu-toggle{display:none}.site-main{padding:34px 0 64px}.page-intro,.content-section,.tile,.mini-card,.brand-card,.question-card,.hero-copy{background:#fff;border:1px solid #dfedf7;border-radius:18px;box-shadow:0 6px 22px rgba(11,87,140,.035)}.page-intro,.content-section,.hero-copy{padding:28px 32px;margin:0 0 24px}.eyebrow{color:#0877C9;letter-spacing:.06em;font-size:13px;font-weight:700;margin-bottom:9px}.lead{color:#42566b;font-size:17px}.soft-note{padding:16px 18px;border-left:3px solid #1CA8F6;background:#EAF7FF;border-radius:8px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.tile,.mini-card,.question-card{padding:23px}.tile p:last-child,.mini-card p:last-child{margin-bottom:0}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:14px;background:#EAF7FF;aspect-ratio:16/9}.media > img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-placeholder{background:linear-gradient(135deg,#EAF7FF,#dbeffa)}.media-placeholder:after{content:"";display:block;width:25%;height:3px;background:rgba(28,168,246,.18);position:absolute;left:37.5%;top:50%;border-radius:10px}.poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 26px}.poster-grid .media{height:250px;aspect-ratio:auto}.media-wide{height:235px;aspect-ratio:auto;margin:0 0 22px}.hero-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;margin-bottom:24px;align-items:center}.hero-split .hero-copy{margin:0}.hero-split .media{height:275px;aspect-ratio:auto}.channel-strip{padding:18px 22px;background:#EAF7FF;border-radius:15px;margin-bottom:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.channel-strip a{background:#fff;padding:7px 14px;border-radius:99px;min-height:40px;display:inline-flex;align-items:center}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 24px}.brand-card{padding:20px}.brand-card .media{height:205px;aspect-ratio:auto;margin-bottom:14px}.brand-card p{margin:0}.question-stack{display:grid;gap:12px;margin-bottom:24px}.question-card h3{margin-bottom:8px}.text-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.text-links a{background:#EAF7FF;border-radius:30px;padding:7px 13px;min-height:40px;display:inline-flex;align-items:center}.site-footer{background:#082A46;color:#EAF8FF;padding:46px 0 24px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.site-footer h2{font-size:18px;color:#EAF8FF;margin:0 0 14px}.footer-columns a{display:block;color:#EAF8FF;min-height:40px}.footer-bottom{border-top:1px solid #35516a;margin-top:22px;padding-top:20px;font-size:14px}.footer-identity img{height:32px;width:auto;object-fit:contain}.footer-bottom p{margin:4px 0}.mobile-bottom{display:none}.mobile-drawer,.drawer-mask{display:none}.drawer-top,.drawer-group{padding:18px 22px}.drawer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0edf5}.drawer-logo img{height:28px;width:auto;object-fit:contain}.drawer-close{border:0;background:#EAF7FF;border-radius:10px;font-size:26px;width:42px;height:42px}.drawer-group{padding-top:10px;padding-bottom:7px}.drawer-group h2{font-size:16px;margin:4px 0;color:#0877C9}.drawer-group a{display:block;color:#223044;min-height:40px;padding:6px 10px;border-radius:8px}.drawer-group a:hover{background:#EAF7FF}.back-top{position:fixed;right:18px;bottom:20px;border:0;border-radius:50%;width:42px;height:42px;background:#0877C9;color:#fff;z-index:50}.skip-link{position:absolute;left:-9999px;top:0;z-index:15000}.skip-link:focus{left:12px;top:10px;background:#fff;padding:8px}
@media(max-width:980px){.header-inner{min-height:62px;grid-template-columns:64px minmax(0,1fr) 76px;gap:8px}.menu-toggle{border:0;background:transparent;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{width:23px;height:2px;background:#0877C9;border-radius:1px}.brand-logo{justify-content:center;font-size:19px}.brand-logo img{height:28px}.desktop-nav{display:none}.header-register{min-width:72px;min-height:36px;font-size:14px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#fff;color:#223044;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;overscroll-behavior:contain}.mobile-drawer.is-open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(8,42,70,.42);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:90;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dbeafa;min-height:60px;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;color:#0877C9;min-height:52px;font-weight:700;font-size:14px}.site-main{padding:22px 0 94px}.back-top{bottom:76px}.poster-grid .media{height:160px}.media-wide{height:165px}}
@media(max-width:680px){.container{padding:0 14px}.header-inner{padding:0 10px}.page-intro,.content-section,.hero-copy{padding:22px 18px;margin-bottom:18px}h1{font-size:clamp(26px,7vw,32px)}h2{font-size:21px}.lead{font-size:16px}.card-grid,.brand-grid,.hero-split{grid-template-columns:1fr;gap:13px}.poster-grid{gap:7px}.poster-grid .media{height:155px}.tile,.mini-card,.question-card,.brand-card{padding:19px}.brand-card .media{height:155px}.footer-columns{grid-template-columns:1fr 1fr;gap:15px}.footer-columns>div:last-child{grid-column:1 / -1}.hero-split .media{height:168px}}
@media(max-width:390px){.poster-grid .media{height:150px}.brand-logo{font-size:17px}.header-inner{grid-template-columns:52px minmax(0,1fr) 74px;gap:3px}.footer-columns{grid-template-columns:1fr}.footer-columns>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}