*{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}img,svg,video{max-width:100%}a{color:#F3D19B;text-decoration:none;touch-action:manipulation}a:hover{color:#fff}button{font:inherit;cursor:pointer}a,button{min-height:40px}p{margin:0 0 1.1em}h1,h2,h3{color:#F7F8FA;line-height:1.35;overflow-wrap:anywhere}h1{font-size:clamp(29px,3.1vw,38px);letter-spacing:.01em;margin:0 0 18px}h2{font-size:24px;margin:0 0 15px}h3{font-size:19px;margin:0 0 9px}.container{width:min(1140px,calc(100% - 36px));margin-inline:auto}.site-header{background:#141820;border-bottom:1px solid #303744}.header-inner{height:76px;display:flex;align-items:center;gap:22px;justify-content:space-between}.site-logo{display:flex;align-items:center;flex:0 0 190px;color:#fff;min-width:0}.site-logo img{height:34px;width:auto;max-width:175px;object-fit:contain}.site-logo strong,.drawer-logo strong{font-size:25px;letter-spacing:.07em;color:#fff}.desktop-nav{display:flex;align-items:stretch;justify-content:center;gap:clamp(14px,2.2vw,29px);height:100%;white-space:nowrap}.desktop-nav a{display:flex;align-items:center;color:#D5D8DF;border-bottom:2px solid transparent;font-weight:600}.desktop-nav a.active,.desktop-nav a:hover{color:#fff;border-bottom-color:#FF8A00}.register-button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;min-width:88px;border-radius:999px;background:linear-gradient(90deg,#FF8A00 0%,#FFC44D 100%);color:#fff!important;font-weight:bold;box-shadow:0 5px 18px #0005;white-space:nowrap}.header-register{flex:0 0 88px}.menu-toggle{display:none}.channel-bar{background:#10151d;border-bottom:1px solid #252a33}.channel-inner{display:flex;align-items:center;gap:26px;min-height:45px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.channel-inner::-webkit-scrollbar{display:none}.channel-inner>span{color:#9AA3B2;font-size:13px}.channel-inner a{display:inline-flex;align-items:center;font-size:14px;color:#D5D8DF}.main-content{padding-top:35px;padding-bottom:70px;min-height:60vh}.hero{padding:35px 35px 28px;background:linear-gradient(135deg,#1A1F28,#141820);border:1px solid #2c3441;border-radius:19px;margin-bottom:26px}.eyebrow{color:#FFC44D;font-size:13px;font-weight:700;letter-spacing:.12em;margin-bottom:9px}.lead{color:#D5D8DF;font-size:17px;max-width:860px}.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-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#87909e;font-size:14px;border:1px solid #2c3340;border-radius:12px;background:linear-gradient(145deg,#1b212a,#11161d)}.poster-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0 33px}.poster-row .media{height:246px;aspect-ratio:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card,.article-card,.directory-card,.qa-card{background:#1A1F28;border:1px solid #2d3440;border-radius:14px;padding:23px;min-width:0}.card p:last-child,.article-card p:last-child{margin-bottom:0}.text-link{font-weight:700;color:#FFC44D;display:inline-flex;align-items:center}.section{margin:37px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.section-title h2{margin:0}.page-content{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:start}.article-flow{min-width:0}.article-flow .article-card{margin:0 0 18px}.article-flow p{line-height:1.85}.side-index{position:sticky;top:15px;background:#161b23;border:1px solid #29323e;border-radius:15px;padding:22px}.side-index h2{font-size:19px}.side-index a{display:block;padding:9px 0;border-top:1px solid #29323e;color:#e4e6ea}.image-panel{max-width:560px;margin:0 0 25px}.image-panel .media-16x9{height:260px;aspect-ratio:auto}.image-panel .media-3x4{height:290px;width:220px}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.directory-card{display:flex;flex-direction:column;gap:12px}.directory-card h3{margin:0}.directory-card p{margin:0}.directory-card .media{height:205px;aspect-ratio:auto}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.preview-card{background:#1A1F28;border:1px solid #2a313d;border-radius:14px;padding:14px;min-width:0}.preview-card .media{height:150px;aspect-ratio:auto}.preview-card h3{margin:12px 0 5px}.preview-card p{margin:0}.qa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.qa-card h3{font-size:18px}.site-footer{background:#080A0E;border-top:1px solid #242a33;padding:42px 0 25px}.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.footer-columns h2{font-size:18px}.footer-columns a{display:block;color:#BBC1CD;padding:4px 0;min-height:40px}.footer-bottom{border-top:1px solid #252b33;margin-top:25px;padding-top:23px;color:#9AA3B2;font-size:13px}.footer-bottom p{margin:3px 0}.footer-brand{margin-bottom:10px}.footer-brand img{height:34px;width:auto;object-fit:contain}.mobile-bottom{display:none}.mobile-drawer,.drawer-mask{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #343b46}.drawer-logo{display:flex;align-items:center}.drawer-logo img{height:28px;width:auto;object-fit:contain}.drawer-close{border:0;color:#fff;background:#222833;font-size:28px;min-width:44px}.drawer-links{height:calc(100% - 71px);overflow-y:auto;padding:6px 20px 40px}.drawer-links p{font-size:13px;color:#9AA3B2;margin:17px 0 3px}.drawer-links a{display:flex;align-items:center;min-height:43px;color:#fff;border-bottom:1px solid #303846}@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{height:64px;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;gap:8px}.menu-toggle{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:5px;background:transparent;border:0;width:46px;padding:8px}.menu-toggle span{height:2px;width:23px;background:#fff;border-radius:3px}.site-logo{justify-content:center;flex:initial}.site-logo img{height:28px;max-width:140px}.site-logo strong{font-size:22px}.desktop-nav{display:none}.header-register{min-width:72px;min-height:36px;flex:initial}.page-content{grid-template-columns:minmax(0,1fr)}.side-index{position:static}.main-content{padding-bottom:104px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:10500;bottom:0;left:0;right:0;background:#141820;border-top:1px solid #38404b;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:57px;color:#fff;font-size:14px}.mobile-bottom a:last-child{color:#FFC44D;font-weight:700}}@media(max-width:650px){.container{width:min(100% - 26px,1140px)}.channel-inner{gap:19px}.main-content{padding-top:20px}.hero{padding:25px 18px}.lead{font-size:16px}.poster-row{gap:9px;grid-template-columns:1fr}.poster-row .media{height:162px}.feature-grid,.preview-grid,.qa-grid,.directory-grid,.footer-columns{grid-template-columns:1fr}.card,.article-card,.directory-card,.qa-card{padding:19px}.preview-card .media{height:165px}.directory-card .media{height:160px}.image-panel .media-16x9{height:165px}.image-panel .media-3x4{height:220px;width:165px}.section{margin:29px 0}h2{font-size:22px}h1{font-size:30px}.footer-columns{gap:9px}}@media(min-width:651px) and (max-width:980px){.poster-row .media{height:205px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-card .media{height:185px}}