*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#151A23;color:#E8ECF5;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:#DCE3F4;text-decoration:none;touch-action:manipulation}a:hover{color:#F1DCA3}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #F1DCA3;outline-offset:3px}.site-header{background:#151A23;border-bottom:1px solid #30384A;position:relative;z-index:1000}.head-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(148px,1fr) auto minmax(120px,1fr);align-items:center;gap:18px;padding:12px 18px;min-height:68px}.site-logo{display:inline-flex;align-items:center;color:#F1DCA3;font-weight:800;font-size:19px;white-space:nowrap;min-width:0}.site-logo img{height:36px;width:auto;max-width:160px;object-fit:contain}.main-nav{display:flex;align-items:center;flex-wrap:nowrap;gap:21px;white-space:nowrap}.main-nav a{font-size:15px;min-height:40px;display:flex;align-items:center;border-bottom:2px solid transparent}.main-nav a[aria-current="page"]{color:#F1DCA3;border-bottom-color:#F1DCA3}.register-button,.bottom-register{display:inline-flex;align-items:center;justify-content:center;background:#F1DCA3;color:#151A23;border-radius:999px;font-size:14px;font-weight:750;min-height:42px;min-width:102px;padding:0 18px;white-space:nowrap}.register-button{justify-self:end}.register-button:hover,.bottom-register:hover{background:#E3C98F;color:#151A23}.menu-toggle{display:none}.mobile-drawer,.drawer-mask{display:none}.page-container{max-width:1200px;margin:0 auto;padding:36px 18px 76px;min-height:70vh}.eyebrow{letter-spacing:.12em;color:#B8C0D3;font-size:13px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;margin-bottom:30px}.hero-copy{min-width:0}.hero h1,.page-title{font-size:clamp(32px,3.25vw,42px);line-height:1.3;color:#F1DCA3;margin:10px 0 18px}.lead{color:#D7DFF1;font-size:17px}.hero p{max-width:63ch}.intro-panel{background:#1B2130;border:1px solid #2C3447;border-radius:18px;padding:26px;margin:22px 0 30px}.section{margin:32px 0}.section h2,.intro-panel h2{color:#F1DCA3;font-size:23px;line-height:1.4;margin:0 0 13px}.section h3,.panel h3{font-size:18px;color:#F1DCA3;margin:0 0 7px}.section p,.panel p,.intro-panel p{margin:9px 0;color:#D7DFF1}.section a,.panel p a,.intro-panel a,.article-links a{color:#F1DCA3;text-decoration:underline;text-underline-offset:4px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{background:#1B2130;border:1px solid #2C3447;border-radius:16px;padding:20px;min-width:0}.panel:hover{background:#202738}.panel .media{margin-bottom:14px}.panel h3 a{color:#F1DCA3;text-decoration:none}.tiny{font-size:14px;color:#B8C0D3}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:14px;background:#1B2130}.media > img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.media-16x9{aspect-ratio:16/9;height:clamp(220px,24vw,300px)}.media-3x4{aspect-ratio:3/4;height:290px}.hero .media{height:320px}.placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#202738,#1B2130);color:#8F98AD;letter-spacing:.16em;font-size:14px}.poster-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.poster-row .media{height:260px}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.brand-grid .media{height:200px}.brand-grid .panel{padding:14px}.brand-grid p{font-size:14px}.reading-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reading-list article{background:#1B2130;border:1px solid #2C3447;border-radius:14px;padding:20px}.reading-list h3{color:#F1DCA3;margin:0 0 8px}.reading-list p{margin:0;color:#D7DFF1}.qa{background:#1B2130;border-radius:14px;padding:18px 21px;margin:13px 0;border:1px solid #2C3447}.qa h2{font-size:18px;margin:0 0 6px;color:#F1DCA3}.qa p{margin:0;color:#D7DFF1}.article-links{padding:20px;background:#202738;border-radius:14px;margin:30px 0}.article-links strong{display:block;color:#F1DCA3}.article-links div{display:flex;gap:20px;flex-wrap:wrap}.site-footer{background:#0E121A;color:#D5DBEA}.footer-inner{max-width:1200px;margin:auto;padding:42px 18px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}.footer-inner h2{font-size:16px;color:#F1DCA3;margin:0 0 13px}.footer-inner a:not(.site-logo){display:block;color:#D5DBEA;min-height:32px}.footer-inner p{color:#B8C0D3;font-size:14px}.footer-bottom{border-top:1px solid #2C3447;padding:16px 18px 26px;text-align:center;color:#D5DBEA;font-size:13px}.footer-bottom span{display:inline-block;margin-left:15px}.mobile-bottom{display:none}.drawer-head,.drawer-links{display:none}
@media(max-width:980px){.head-inner{display:grid;grid-template-columns:76px minmax(0,1fr) 90px;gap:6px;padding:9px 12px;min-height:58px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;width:42px;height:40px;background:transparent;border:1px solid #374155;border-radius:9px;color:#E8ECF5}.menu-toggle span{width:19px;height:2px;background:currentColor}.head-inner .site-logo{justify-self:center;font-size:16px}.head-inner .site-logo img{height:28px;max-width:140px}.main-nav{display:none}.register-button{min-width:76px;min-height:36px;padding:0 11px;font-size:12px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#151A23;color:#E8ECF5;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(0,0,0,.45);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #30384A}.drawer-head .site-logo img{height:32px}.drawer-close{border:1px solid #394253;background:#202738;color:#E8ECF5;width:42px;height:42px;border-radius:8px;font-size:25px}.drawer-links{display:block;padding:10px 16px 34px}.drawer-links p{color:#F1DCA3;margin:16px 0 4px;font-size:13px}.drawer-links a{display:block;min-height:44px;line-height:44px;padding:0 10px;border-bottom:1px solid #293247}.hero{grid-template-columns:1fr;gap:18px}.hero .media{height:210px}.page-container{padding:24px 14px 95px}.cards,.cards.four,.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-row .media{height:175px}.media-16x9{height:170px}.media-3x4{height:230px}.brand-grid .media{height:150px}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:#0E121A;border-top:1px solid #3A4152;z-index:9000;padding:7px 10px max(8px,env(safe-area-inset-bottom));gap:6px}.mobile-bottom a{min-height:43px;display:flex;align-items:center;justify-content:center;font-size:14px}.mobile-bottom .bottom-register{min-width:0;min-height:40px}}
@media(max-width:550px){.hero h1,.page-title{font-size:30px}.cards,.cards.two,.reading-list{grid-template-columns:1fr}.poster-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.poster-row .media{height:160px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-grid .media{height:140px}.panel{padding:16px}.footer-inner{gap:18px}.intro-panel{padding:19px}.head-inner .site-logo strong{font-size:15px}.footer-bottom span{display:block;margin:5px 0 0}}