*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0C0F14;color:#D5D8DF;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}body.drawer-open{overflow:hidden}img,svg{max-width:100%}a{color:#FFC44D;text-decoration:none;touch-action:manipulation}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #FFC44D;outline-offset:3px}.container{width:min(100% - 36px,1140px);margin-inline:auto}.site-header{background:#141820;border-bottom:1px solid #29303b;position:relative;z-index:100}.header-inner{max-width:1140px;margin:auto;min-height:72px;display:grid;grid-template-columns:180px minmax(0,1fr) 110px;align-items:center;gap:16px;padding:0 18px}.brand{display:flex;align-items:center;min-width:0;color:#F7F8FA}.brand img{height:34px;width:auto;max-width:160px;object-fit:contain}.brand strong{white-space:nowrap;font-size:24px;letter-spacing:.04em}.primary-nav{display:flex;align-items:stretch;justify-content:center;white-space:nowrap;min-width:0;height:72px;gap:24px}.primary-nav a{display:flex;align-items:center;justify-content:center;min-width:45px;color:#D5D8DF;border-bottom:2px solid transparent;font-weight:600}.primary-nav a.active{color:#fff;border-color:#FF8A00}.register-btn{display:flex;align-items:center;justify-content:center;min-height:42px;min-width:82px;padding:6px 18px;border-radius:999px;background:linear-gradient(90deg,#FF8A00 0%,#FFC44D 100%);color:#fff;font-weight:700;white-space:nowrap;text-shadow:0 1px 2px #794600;text-decoration:none}.register-btn:hover{text-decoration:none;filter:brightness(1.07)}.menu-toggle{display:none}.mobile-drawer,.drawer-mask{display:none}.skip-link{position:absolute;top:-100px;left:12px;background:#FF8A00;color:white;padding:5px 15px;z-index:15000}.skip-link:focus{top:4px}.site-main{padding:18px 0 60px;min-height:60vh}.channel-bar{display:flex;gap:8px 22px;flex-wrap:wrap;border-bottom:1px solid #2c3340;padding:4px 0 16px;margin-bottom:24px}.channel-bar a{color:#adb6c4;font-size:14px}.page-intro{max-width:900px;margin:20px 0 26px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#FFC44D;font-weight:700;margin-bottom:5px}.page-intro h1,.hero h1{font-size:clamp(28px,3.2vw,38px);line-height:1.3;color:#F7F8FA;margin:4px 0 14px}.page-intro p,.hero p{font-size:17px;max-width:790px}.hero{padding:26px 4px 20px;text-align:center}.hero p{margin-inline:auto}.hero .hero-note{font-size:14px;color:#9AA3B2}.poster-grid,.triple-grid,.partner-preview,.partner-grid,.info-grid{display:grid;gap:18px}.poster-grid,.triple-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-grid{margin:18px 0 24px}.poster-grid .media{height:clamp(220px,24vw,290px)}.partner-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.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-16x9{aspect-ratio:16/9}.media-3x4{aspect-ratio:3/4}.media-placeholder{display:grid;place-items:center;border:1px solid #2B333F}.placeholder-mark{font-weight:800;color:#3B4554;letter-spacing:.18em;font-size:17px}.content-panel,.item-card,.question-card,.partner-card{background:#1A1F28;border:1px solid #2A303A;border-radius:14px;padding:22px;margin-bottom:18px;min-width:0}.content-panel h2,.section-heading{font-size:23px;line-height:1.4;color:#F7F8FA;margin:0 0 14px}.content-panel h3,.item-card h3,.question-card h3,.partner-card h3{color:#F7F8FA;font-size:18px;margin:0 0 10px}.content-panel p,.item-card p,.question-card p,.partner-card p{margin:0 0 12px}.content-panel p:last-child,.item-card p:last-child,.question-card p:last-child,.partner-card p:last-child{margin-bottom:0}.item-card .media,.partner-card .media{margin-bottom:14px;height:clamp(200px,23vw,260px)}.partner-preview .item-card .media{height:210px}.image-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;margin-bottom:20px}.image-text .media{height:clamp(200px,24vw,270px)}.image-text.vertical{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.image-text.vertical .media{height:280px;max-width:220px;margin:auto}.note-line{border-left:3px solid #FFC44D;padding:12px 16px;background:#222833;border-radius:0 10px 10px 0;margin:20px 0}.section-heading{margin:28px 0 16px}.reading-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:18px 0 25px}.reading-links a{display:inline-block;min-height:40px;padding:6px 0}.partner-card .media{height:220px}.partner-card p{font-size:15px}.list-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.site-footer{background:#080A0E;border-top:1px solid #202731;padding-top:34px;color:#9AA3B2}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:30px}.footer-grid h2{color:#F7F8FA;font-size:16px;margin:0 0 12px}.footer-grid a{display:block;color:#B9C0CC;min-height:36px;font-size:14px}.footer-end{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #222833;padding:18px 0 25px;font-size:13px}.mobile-bottom{display:none}.drawer-head,.drawer-group{padding:14px 18px}.drawer-group{border-top:1px solid #29303b}.drawer-group h2{font-size:13px;color:#FFC44D;margin:0 0 5px}.drawer-group a{display:block;color:#D5D8DF;padding:5px 0;min-height:40px}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-brand img{height:28px;width:auto;object-fit:contain}.drawer-brand strong{color:white}.drawer-close{border:0;background:#222833;color:white;border-radius:8px;width:40px;height:40px}.drawer-content{overflow-y:auto;max-height:calc(100vh - 70px);padding-bottom:20px}
@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}
.header-inner{grid-template-columns:72px minmax(0,1fr) 72px;min-height:62px;padding:0 14px;gap:8px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid #343c48;border-radius:9px;background:#202630}.menu-toggle span{width:20px;height:2px;background:#fff;border-radius:2px}.brand{justify-content:center}.brand img{height:28px;max-width:140px}.brand strong{font-size:20px}.primary-nav{display:none}.register-btn{height:36px;min-height:36px;min-width:72px;padding:4px 10px;font-size:14px}.site-main{padding-bottom:96px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:5000;display:grid;grid-template-columns:repeat(4,1fr);background:#141820;border-top:1px solid #353e49;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:56px;display:flex;align-items:center;justify-content:center;color:#F7F8FA;font-size:14px}.mobile-bottom a:last-child{color:#FFC44D;font-weight:700}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){.container{width:min(100% - 28px,1140px)}.hero{text-align:left;padding-top:12px}.hero p{font-size:16px}.poster-grid{grid-template-columns:1fr;gap:12px}.poster-grid .media{height:160px}.triple-grid,.partner-preview,.partner-grid,.list-cards,.info-grid{grid-template-columns:1fr}.partner-preview .item-card .media,.partner-card .media,.item-card .media{height:154px}.image-text,.image-text.vertical{grid-template-columns:1fr}.image-text .media{height:160px}.image-text.vertical .media{height:220px}.content-panel,.item-card,.question-card,.partner-card{padding:18px}.page-intro{margin-top:9px}.page-intro h1,.hero h1{font-size:29px}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.footer-end{display:block}.footer-end span{display:block}.channel-bar{gap:5px 15px}.channel-bar a{min-height:34px}.placeholder-mark{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-drawer{transition:none}}
