:root{--bg:#151A23;--card:#1B2130;--sub:#202738;--hover:#252D40;--gold:#F1DCA3;--gold2:#E3C98F;--text:#E8ECF5;--muted:#B8C0D3;--quiet:#9DA7BA;--footer:#0E121A;--line:#303848}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none;touch-action:manipulation}a:hover{color:var(--gold)}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;object-fit:contain;object-position:center center}p{margin:0 0 16px;color:var(--muted)}h1,h2,h3{color:var(--text);line-height:1.4;margin:0 0 16px;font-weight:700;overflow-wrap:anywhere}h1{font-size:34px}h2{font-size:25px}h3{font-size:19px}.wrap{width:min(100% - 48px,1200px);margin-inline:auto}.site-header{background:#121720}.brand-bar{height:74px;display:flex;align-items:center;justify-content:space-between}.brand-block{display:flex;align-items:center;gap:23px;min-width:0}.brand-link{display:flex;align-items:center;gap:10px;color:var(--gold)}.brand-fallback{font-size:22px;font-weight:800;white-space:nowrap}.brand-media{width:115px;height:36px}.brand-media img{width:100%;height:100%}.brand-media:not(.image-placeholder)+.brand-fallback{display:none}.brand-media.image-placeholder{display:none}.brand-meta{display:flex;flex-direction:column;line-height:1.35;padding-left:20px;border-left:1px solid var(--line)}.brand-meta strong{font-size:13px;letter-spacing:2px;color:var(--gold)}.brand-meta span{font-size:12px;color:var(--quiet);margin-top:4px}.register-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;background:var(--gold);color:#151A23;font-size:14px;font-weight:700;padding:0 23px;white-space:nowrap}.register-btn:hover{background:var(--gold2);color:#151A23}.desktop-nav{height:52px;border-block:1px solid #29303d}.nav-inner{height:100%;display:flex;gap:22px;align-items:stretch;white-space:nowrap}.nav-inner a{height:100%;display:flex;align-items:center;position:relative;font-size:15px}.nav-inner a.active{color:var(--gold)}.nav-inner a.active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0}.quick-nav{background:#1b2230;border-bottom:1px solid #323949}.quick-inner{display:flex;gap:26px;align-items:center;min-height:43px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.quick-inner::-webkit-scrollbar{display:none}.quick-inner a{font-size:13px;color:#c1c9d9}.quick-inner a:hover{color:var(--gold)}.mobile-top,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}.skip-link{position:absolute;top:-60px;left:10px;padding:8px;background:var(--gold);color:#151A23;z-index:30000}.skip-link:focus{top:5px}.page-top{padding:40px 0 27px;border-bottom:1px solid var(--line)}.crumb{font-size:13px;color:var(--quiet);margin-bottom:14px}.crumb a{color:var(--gold)}.page-top h1{margin-bottom:14px}.page-top .lead{font-size:16px;max-width:850px;color:#cbd2e1;margin:0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding-top:34px;padding-bottom:70px;align-items:start}.article-section{margin:0 0 34px;padding-bottom:24px;border-bottom:1px solid var(--line)}.article-section h2{padding-left:16px;border-left:3px solid var(--gold);margin:0 0 17px}.article-section p{margin-bottom:16px}.article-section p:last-child{margin-bottom:0}.article-cover{margin-bottom:30px}.media{aspect-ratio:16/9;max-height:290px;background:var(--card);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.media img{width:100%;height:100%}.image-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#252d3d 0%,#1b2230 55%,#303447 100%);border:1px solid #394255;aspect-ratio:16/9;border-radius:12px;color:var(--gold)}.placeholder-art{opacity:.55;font-size:58px}.side-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:20px}.side-box h2{font-size:18px;color:var(--gold);margin-bottom:14px}.side-box a{display:block;border-bottom:1px solid var(--line);font-size:14px;padding:9px 0}.side-box a:last-child{border:0}.side-box p{font-size:14px}.small-label{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:700;margin-bottom:10px}.related-box{margin-top:33px}.related-box h2{font-size:21px}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related-links a{border:1px solid #424c5d;background:var(--sub);padding:9px 15px;border-radius:8px;font-size:14px}.related-links a:hover{border-color:var(--gold)}.site-footer{background:var(--footer);border-top:1px solid #29313e}.footer-grid{padding:52px 0;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer-grid h2{font-size:16px;color:var(--gold);margin-bottom:16px}.footer-grid a:not(.footer-title){display:block;font-size:14px;color:#d5dbea;margin-bottom:8px}.footer-grid a:hover{color:var(--gold)}.footer-title{font-size:18px;font-weight:700;color:var(--gold)}.footer-brand p{font-size:14px;margin:15px 0}.footer-logo{height:38px;max-width:140px;overflow:hidden}.footer-logo img{height:100%;width:100%}.footer-logo.image-placeholder{display:none}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:17px 0 26px;border-top:1px solid #272e3b;color:#aeb8c8;font-size:12px}.section-block{padding:42px 0;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-title h2{margin:0}.section-title>a{color:var(--gold);font-size:14px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:25px;padding:34px 0 12px}.hero-main,.hero-side{min-width:0}.hero-media{height:300px;max-height:340px;aspect-ratio:auto}.hero-main h1{font-size:39px;margin-top:22px}.hero-main p{max-width:740px}.hero-side{background:var(--card);border:1px solid var(--line);padding:24px;border-radius:12px}.hero-side h2{font-size:20px}.read-item{padding:16px 0;border-bottom:1px solid var(--line)}.read-item:last-child{border:0}.read-item h3{font-size:17px;margin:0 0 8px}.read-item p{font-size:14px;line-height:1.7;margin-bottom:0}.four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.topic-card{background:var(--card);padding:24px;border:1px solid var(--line);border-radius:11px;display:flex;flex-direction:column;min-height:238px}.topic-card h3{color:var(--gold)}.topic-card p{font-size:14px;flex:1}.plain-link{color:var(--gold);font-size:14px;font-weight:700}.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.feature-panel{background:var(--card);padding:25px;border-radius:11px;border:1px solid var(--line)}.feature-panel h3{font-size:18px}.feature-panel ul{padding:0;margin:0;list-style:none}.feature-panel li{border-top:1px solid var(--line);padding:15px 0}.feature-panel li a{font-weight:700}.feature-panel li p{font-size:14px;margin:4px 0 0}.media-text{display:grid;grid-template-columns: .9fr 1.1fr;gap:30px;align-items:center}.number-list{list-style:none;counter-reset:items;padding:0;margin:0}.number-list li{counter-increment:items;display:grid;grid-template-columns:44px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.number-list li:before{content:counter(items, decimal-leading-zero);color:var(--gold);font-size:19px;font-weight:700}.number-list h3{margin:0 0 6px}.number-list p{margin:0;font-size:14px}.main-topic{padding:27px;background:var(--card);border-radius:12px}.main-topic p{margin-bottom:8px}.compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mini-brand{background:var(--card);border:1px solid var(--line);padding:14px;border-radius:10px}.mini-brand h3{font-size:16px;margin:10px 0 4px}.mini-brand p{font-size:13px;margin:0}.mini-logo{height:75px;aspect-ratio:auto;border-radius:7px}.mini-logo img{height:100%;width:100%}.mini-logo .placeholder-art{font-size:28px}.faq-row{border-bottom:1px solid var(--line);padding:18px 0}.faq-row h3{font-size:17px;color:var(--gold);margin-bottom:8px}.faq-row p{font-size:15px;margin:0}.channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.channel-card{background:var(--card);border:1px solid var(--line);padding:22px;border-radius:12px;display:grid;grid-template-columns:110px 1fr;gap:19px;align-items:start}.channel-card h2{font-size:21px;margin:0 0 7px}.channel-card p{font-size:15px;margin:0}.channel-logo{height:85px;aspect-ratio:auto;border-radius:8px}.channel-logo img{width:100%;height:100%}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-item{background:var(--card);border:1px solid var(--line);padding:15px;border-radius:10px}.gallery-item p{font-size:14px;margin:11px 2px 0}.gallery-img{height:180px;aspect-ratio:auto}.gallery-img img{height:100%;width:100%}
@media(max-width:980px){.desktop-nav,.brand-bar{display:none}.wrap{width:calc(100% - 40px)}.mobile-top{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;gap:8px}.menu-toggle{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:none;padding:6px}.menu-toggle span{display:block;width:21px;height:2px;background:var(--text)}.mobile-brand{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--gold);font-size:18px;white-space:nowrap}.mobile-brand b{font-size:18px}.mobile-logo{display:none}.mobile-top>.register-btn{justify-self:end;min-width:76px;height:36px;padding:0 15px}.quick-nav{border-top:1px solid var(--line)}.quick-inner{gap:24px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw, 320px);height:100dvh;background:#151A23;color:#E8ECF5;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;visibility:hidden}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.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}body.drawer-open{overflow:hidden}.drawer-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--gold)}.drawer-close{background:transparent;color:var(--text);border:0;font-size:30px;line-height:1;width:36px;height:36px}.drawer-group{padding:15px 20px 4px}.drawer-group h2{font-size:14px;color:var(--gold);margin-bottom:10px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.drawer-links a{font-size:14px;padding:7px 0;border-bottom:1px solid #273041}.mobile-bottom{height:62px;display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;bottom:0;right:0;background:#10151e;border-top:1px solid #3e4555;z-index:8000}.mobile-bottom a{display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--gold);font-size:19px;line-height:1.2;gap:3px}.mobile-bottom a span{font-size:11px;color:var(--text)}body{padding-bottom:62px}.content-layout{grid-template-columns:1fr;gap:5px}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.side-box{margin:0}.four-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.hero-grid{grid-template-columns:1.5fr 1fr}.hero-main h1{font-size:31px}.channel-grid{grid-template-columns:1fr}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}body{font-size:15px;line-height:1.76}h1{font-size:27px}h2{font-size:21px}h3{font-size:18px}.page-top{padding:26px 0 21px}.content-layout{padding-top:24px;padding-bottom:43px}.hero-grid,.two-grid,.media-text{grid-template-columns:1fr}.hero-grid{gap:16px;padding-top:20px}.hero-media{height:190px}.hero-main h1{font-size:28px;margin-top:16px}.hero-side{padding:20px}.section-block{padding:28px 0}.four-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-card{padding:15px;min-height:235px}.topic-card h3{font-size:17px}.topic-card p{font-size:13px}.compact-grid{gap:10px}.mini-brand{padding:10px}.mini-logo{height:62px}.mini-brand h3{font-size:14px}.mini-brand p{font-size:12px}.sidebar{grid-template-columns:1fr}.footer-grid{gap:24px;padding:35px 0}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px;padding-bottom:20px}.channel-card{grid-template-columns:75px 1fr;gap:12px;padding:15px}.channel-logo{height:67px}.channel-card h2{font-size:18px}.channel-card p{font-size:14px}.gallery-grid{grid-template-columns:1fr}.gallery-img{height:170px}.page-top .lead{font-size:15px}.media{max-height:200px}.mobile-top{padding:0 13px}.mobile-brand b{font-size:17px}}
@media(max-width:350px){.mobile-brand b{font-size:16px}.mobile-top{padding:0 11px}.four-grid{grid-template-columns:1fr}.topic-card{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}