*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0C0F14;color:#D5D8DF;font:16px/1.75 Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:#FFC44D;text-decoration:none;touch-action:manipulation}a:hover{text-decoration:underline}img{max-width:100%}button{font:inherit;cursor:pointer}.container{max-width:1200px;padding:0 22px;margin:auto;width:100%}.site-header{background:#141820;border-bottom:1px solid #303641;position:relative;z-index:30}.header-inner{max-width:1200px;height:76px;padding:0 22px;display:flex;align-items:center;gap:22px;margin:auto;min-width:0}.logo-link{flex:0 0 154px;display:flex;align-items:center;overflow:hidden;color:#F7F8FA}.logo-img{display:block;width:154px;height:34px;object-fit:contain;object-position:left}.logo-text{font-size:22px;letter-spacing:1px;white-space:nowrap}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.9vw,27px);flex:1;min-width:0;white-space:nowrap}.desktop-nav a{color:#D5D8DF;height:76px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;font-size:15px;white-space:nowrap}.desktop-nav a.active{color:#fff;border-bottom-color:#FF8A00}.header-register{flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-height:42px;padding:9px 27px;font-weight:700;white-space:nowrap}.btn-primary{background:linear-gradient(90deg,#FF8A00 0%,#FFC44D 100%);color:#FFFFFF;box-shadow:0 7px 22px #0005}.btn-primary:hover{color:#fff;filter:brightness(1.06);text-decoration:none}.menu-toggle{display:none}.mobile-drawer,.drawer-mask{display:none}.channel-nav{display:flex;gap:18px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #29303b;margin-bottom:28px}.channel-nav a{font-size:14px;color:#9AA3B2;min-height:40px;display:inline-flex;align-items:center}.channel-nav a:hover{color:#fff}h1,h2,h3{color:#F7F8FA;line-height:1.35;margin:0 0 16px}h1{font-size:clamp(29px,3vw,40px)}h2{font-size:25px}h3{font-size:19px}p{margin:0 0 15px}.lead{font-size:18px;color:#D5D8DF;max-width:930px}.eyebrow{color:#FFC44D;font-size:13px;letter-spacing:2px;font-weight:700;margin-bottom:10px}.page-head{margin:14px 0 30px}.section{margin:38px 0}.panel{background:#1A1F28;border:1px solid #2b313e;border-radius:16px;padding:25px}.panel-soft{background:#222833}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#1A1F28;border:1px solid #303641;border-radius:16px;padding:23px;min-width:0}.card p:last-child,.panel p:last-child{margin-bottom:0}.card a.text-link,.text-link{display:inline-flex;align-items:center;min-height:40px;font-weight:700}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#151A22}.media > img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-hero{aspect-ratio:16/7;max-height:300px}.media-card{aspect-ratio:3/4;max-height:220px}.media-feature{aspect-ratio:16/9;max-height:320px}.media-placeholder{position:absolute;inset:0;background:radial-gradient(ellipse at 45% 42%,#27303d 0,#1b222c 50%,#151A22 85%);display:flex;align-items:center;justify-content:center}.media-placeholder:after{content:'';width:48px;height:48px;border:1px solid #445062;border-radius:14px;transform:rotate(15deg);opacity:.55}.hero-carousel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 32px}.hero-carousel .media{aspect-ratio:16/9;height:clamp(220px,22vw,270px)}.split{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;align-items:center}.split.reverse{grid-template-columns:1fr 1.35fr}.partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.partner-card{padding:15px}.partner-card .media{margin-bottom:15px}.partner-card h3{margin-bottom:9px}.partner-card p{font-size:15px}.link-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.link-row a{min-height:40px;display:inline-flex;align-items:center}.notice{padding:20px 24px;border-left:3px solid #FF8A00;background:#1A1F28;border-radius:0 12px 12px 0}.site-footer{background:#080A0E;margin-top:68px;padding:45px 0 15px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:26px}.footer-grid h2{font-size:16px;margin-bottom:17px}.footer-grid a:not(.footer-brand a){color:#9AA3B2;display:block;min-height:32px;font-size:14px}.footer-brand p{font-size:14px;color:#9AA3B2;max-width:240px;margin-top:15px}.footer-logo{height:34px;object-fit:contain;max-width:160px}.foot-bottom{border-top:1px solid #252b34;margin-top:28px;padding-top:18px;font-size:13px;color:#9AA3B2;display:flex;justify-content:space-between;gap:14px}.mobile-bottom{display:none}.skip-link{position:absolute;top:-100px;left:12px;padding:8px;background:#fff;color:#000;z-index:20000}.skip-link:focus{top:8px}.cta-splash{margin:20px 0 30px}.qa{border-top:1px solid #38404d;padding:20px 0}.qa:first-child{border-top:0}.qa h3{margin-bottom:10px}.article-list{display:grid;gap:16px}.article-list article{padding:22px;background:#1A1F28;border-radius:14px;border:1px solid #303641}.article-list h2{font-size:21px}.small-note{color:#9AA3B2;font-size:14px}.action-first{margin:10px 0 25px}.mobile-only{display:none}@media(max-width:1100px){.header-inner{gap:12px}.logo-link{flex-basis:128px}.logo-img{width:128px}.desktop-nav{gap:12px}.desktop-nav a{font-size:14px}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#141820;color:#F7F8FA;z-index:12000;transform:translateX(-105%);transition:transform .2s ease}.mobile-drawer.is-open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}.desktop-nav{display:none}.header-inner{height:62px;display:grid;grid-template-columns:80px minmax(0,1fr) 80px;gap:7px;padding:0 14px}.menu-toggle{display:flex;flex-direction:column;gap:5px;align-items:flex-start;justify-content:center;width:44px;height:44px;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:22px;height:2px;background:#F7F8FA}.logo-link{justify-self:center;justify-content:center;width:100%;max-width:160px;flex:none}.logo-img{height:28px;width:140px;object-position:center}.logo-text{font-size:19px}.header-register{justify-self:end;min-width:72px;height:36px;min-height:36px;padding:4px 14px}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #333a46}.drawer-brand img{height:28px;width:135px;object-fit:contain}.drawer-close{border:0;background:transparent;color:white;font-size:32px;width:44px;height:44px}.drawer-content{height:calc(100vh - 75px);overflow-y:auto;padding:16px 20px 50px}.drawer-group{display:flex;flex-direction:column;margin-bottom:18px}.drawer-group b{color:#FFC44D;font-size:13px;padding:7px 4px}.drawer-group a{min-height:44px;display:flex;align-items:center;padding-left:12px;color:#F7F8FA;border-bottom:1px solid #29303b}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-carousel .media{height:180px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#141820;border-top:1px solid #363d4b;z-index:40;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.mobile-bottom a{color:#D5D8DF;text-align:center;display:flex;align-items:center;justify-content:center;min-height:43px;font-size:14px}.mobile-bottom .bottom-register{color:#fff;font-weight:bold;background:linear-gradient(90deg,#FF8A00,#FFC44D);border-radius:999px}.site-footer{margin-bottom:65px}.split,.split.reverse{grid-template-columns:1fr}}@media(max-width:620px){.container{padding:0 16px}.channel-nav{gap:10px;margin-bottom:20px;padding:10px 0}.channel-nav a{font-size:13px;min-height:40px}.page-head{margin-top:12px}.hero-carousel{grid-template-columns:1fr;gap:9px}.hero-carousel .media{height:154px;aspect-ratio:16/7}.cards,.cards.two{grid-template-columns:1fr}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.partner-card{padding:10px}.partner-card p{font-size:14px;line-height:1.65}.partner-card h3{font-size:16px}.partner-card .media{max-height:190px}h1{font-size:30px}h2{font-size:22px}.lead{font-size:16px}.section{margin:30px 0}.panel,.card{padding:19px}.footer-grid{gap:20px}.foot-bottom{display:block}.foot-bottom span{display:block;margin-top:8px}}
