*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111318;color:#D5D8DF;font:16px/1.75 system-ui,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none;touch-action:manipulation}a:hover{color:#FF684E}img{max-width:100%}button{font:inherit;cursor:pointer}button,a{min-height:40px}h1,h2,h3{line-height:1.3;color:#F7F8FA}h1{font-size:clamp(27px,3.2vw,40px);letter-spacing:.01em;margin:0 0 20px}h2{font-size:clamp(22px,2.5vw,28px)}h3{font-size:19px}p{margin:0 0 18px}.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{background:#151820;border-bottom:1px solid rgba(255,255,255,.09);position:relative;z-index:100}.header-grid{height:76px;display:grid;grid-template-columns:190px minmax(0,1fr) 92px;align-items:center;gap:22px}.site-logo,.drawer-brand{display:flex;align-items:center;min-width:0;color:#F7F8FA}.site-logo img{width:auto;height:36px;object-fit:contain}.site-logo strong{font-size:24px;white-space:nowrap}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:clamp(12px,2vw,25px);white-space:nowrap;min-width:0}.desktop-nav a{color:#D5D8DF;display:inline-flex;align-items:center;border-bottom:2px solid transparent;padding:4px 0 2px;font-weight:600}.desktop-nav a.active{color:#FFF;border-color:#F45132}.register-button{background:#F45132;color:white!important;min-height:40px;padding:6px 23px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:700}.register-button:hover{background:#FF684E}.menu-toggle{display:none}.main-content{padding-block:34px 72px;min-height:65vh}.lead{font-size:17px;color:#D5D8DF;max-width:850px}.eyebrow{color:#D7A84B;font-size:13px;font-weight:700;letter-spacing:.14em}.intro{padding:15px 0 30px}.page-section{padding:22px 0;border-top:1px solid rgba(255,255,255,.09)}.page-section p{max-width:1000px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:22px;background:#1A1E27;border:1px solid rgba(255,255,255,.09);border-radius:16px;min-width:0}.card h3{margin:8px 0 12px}.card p{color:#BFC5D0}.text-link{color:#F1A58E;display:inline-flex;align-items:center;font-weight:600}.text-link:hover{color:#FF684E}.index-posters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 26px}.index-posters .media{height:150px}.index-posters .media:first-child{grid-column:span 2;height:312px;grid-row:span 2}.index-posters .media:last-child{grid-column:span 2;height:150px}.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px;background:#12151c}.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}.media-3x4{aspect-ratio:3/4}.media-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#222733,#12151c);font-size:13px;color:#AEB4C0}.media-hero{max-height:320px}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.article-media{max-width:570px;margin:16px 0 25px}.article-media .media{height:260px}.article-media.portrait{max-width:280px}.article-media.portrait .media{height:300px}.listing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.listing-item{background:#1A1E27;border:1px solid rgba(255,255,255,.09);padding:18px;border-radius:14px}.listing-item .media{height:230px;margin-bottom:10px}.listing-item h3{margin:12px 0}.fine-print{color:#AEB4C0;font-size:14px}.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.quick-links a{border-bottom:1px solid #F45132;padding:8px 2px}.site-footer{background:#0E1016;color:#D5D8DF;padding:38px 0 24px}.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.footer-cols h2{font-size:17px}.footer-cols a{display:block;width:max-content;max-width:100%;color:#AEB4C0;min-height:35px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:20px;padding-top:22px;font-size:14px;color:#AEB4C0}.bottom-nav{display:none}.mobile-drawer,.drawer-mask{display:none}
@media(max-width:980px){.header-grid{height:66px;grid-template-columns:76px minmax(0,1fr) 76px;gap:5px}.desktop-nav{display:none}.menu-toggle{display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;gap:5px;justify-content:center;align-items:center}.menu-toggle span{width:21px;height:2px;background:#F7F8FA;display:block}.site-logo{justify-content:center}.site-logo img{height:28px}.site-logo strong{font-size:20px}.register-button{min-height:36px;padding:4px 14px;min-width:72px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#151820;color:#F7F8FA;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto}.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;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid rgba(255,255,255,.09)}.drawer-brand img{height:28px;width:auto;object-fit:contain}.drawer-head button{color:white;background:#222733;border:0;width:42px;height:42px;border-radius:12px}.drawer-section{padding:14px 19px;border-bottom:1px solid rgba(255,255,255,.09)}.drawer-section h2{font-size:13px;color:#D7A84B}.drawer-section a{display:block;min-height:42px;padding:8px 0}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#151820;border-top:1px solid rgba(255,255,255,.09);z-index:900;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:grid;place-items:center;min-height:57px;font-size:14px}.bottom-register{color:#F45132!important;font-weight:700}.main-content{padding-bottom:100px}.index-posters{grid-template-columns:repeat(2,minmax(0,1fr))}.index-posters .media,.index-posters .media:last-child{height:165px;grid-column:auto}.index-posters .media:first-child{grid-column:span 2;grid-row:auto;height:180px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-media .media{height:auto;max-height:240px}.listing-item .media{height:170px}}
@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.grid,.grid.two,.listing,.media-pair,.footer-cols{grid-template-columns:1fr}.card{padding:18px}.index-posters{gap:9px}.index-posters .media,.index-posters .media:last-child{height:150px}.index-posters .media:first-child{height:175px}.listing-item .media{height:165px}.footer-cols{gap:7px}.intro{padding-top:5px}.article-media.portrait .media{height:240px}h1{font-size:30px}.main-content{padding-top:24px}}