*{box-sizing:border-box}:root{--bg:#111318;--deep:#0B0D11;--nav:#151820;--panel:#1A1E27;--p2:#222733;--hover:#292F3D;--primary:#F45132;--ph:#FF684E;--gold:#D7A84B;--text:#F7F8FA;--body:#D5D8DF;--muted:#AEB4C0;--soft:#8E95A3;--border:rgba(255,255,255,.09);--strong:rgba(244,81,50,.55);--shadow:0 12px 30px rgba(0,0,0,.30)}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden;background:var(--deep)}body{margin:0;max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--body);font-family:system-ui,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.8}body.drawer-lock{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,.media,.panel,.grid>*,.magazine-item{max-width:100%}svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:-70px;left:12px;z-index:3000;background:var(--gold);color:#111;padding:8px 14px;border-radius:6px}.skip-link:focus{top:12px}.wrap{width:min(1320px,calc(100% - 56px));margin:auto}
.info-bar{height:34px;background:var(--deep);border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}.info-row{height:100%;display:flex;align-items:center;justify-content:space-between}.info-row nav{display:flex;gap:20px}.brand-bar{background:var(--nav);border-bottom:1px solid var(--border)}.brand-row{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand-lockup{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-logo{height:36px;width:auto;object-fit:contain}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary);color:#fff;font-weight:900}.brand-name{font-size:21px;color:#fff;font-weight:900}.brand-position{margin:0;color:var(--muted);font-size:14px}.brand-actions{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:6px;border:1px solid transparent;font-weight:800;white-space:nowrap;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--ph)}.btn-secondary{background:#20242d;border-color:var(--border);color:#fff}.btn:focus-visible,.main-nav a:focus-visible,.more-toggle:focus-visible,.icon-btn:focus-visible,.hero-arrow:focus-visible,.hero-dot:focus-visible,.tab-btn:focus-visible,.filter-btn:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.main-nav-shell{position:sticky;top:0;z-index:900;background:rgba(21,24,32,.97);border-bottom:1px solid var(--border)}.main-nav{height:52px;display:flex;align-items:stretch;gap:2px}.main-nav>a,.more-toggle{position:relative;display:flex;align-items:center;padding:0 clamp(8px,1vw,14px);border:0;background:transparent;color:var(--muted);font-weight:800;font-size:14px;white-space:nowrap;cursor:pointer}.main-nav>a:hover,.more-toggle:hover,.main-nav>a.is-current,.more-toggle.is-current{color:#fff;background:rgba(255,255,255,.04)}.main-nav>a.is-current:after,.more-toggle.is-current:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--primary)}.more-wrap{margin-left:auto;position:relative;display:flex}.more-menu{position:absolute;right:0;top:calc(100% + 8px);width:190px;padding:8px;background:var(--p2);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.more-menu a{display:block;padding:10px 12px;border-radius:6px}.more-menu a:hover{background:var(--hover)}
.mobile-header,.mobile-bottom,.mobile-drawer,.drawer-overlay{display:none}main{min-height:50vh}.page-shell{padding:44px 0 72px}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;color:var(--soft);font-size:13px;margin-bottom:14px}.page-head{max-width:900px;margin-bottom:30px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ph);font-weight:900;font-size:13px}.eyebrow:before{content:"";width:20px;height:2px;background:var(--primary)}h1,h2,h3{color:var(--text);line-height:1.2;margin:0}h1{font-size:clamp(30px,4vw,52px);margin-top:8px}h2{font-size:clamp(24px,3vw,36px);margin-bottom:14px}h3{font-size:18px;margin-bottom:10px}p{margin:0 0 1em}.lead{font-size:18px;max-width:78ch;margin-top:14px}.muted{color:var(--muted)}
.section{padding:72px 0}.section.compact{padding:48px 0}.section-dark{background:var(--deep)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-title p{max-width:680px;color:var(--muted);margin:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.panel-pad{padding:24px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.card-body{padding:20px}.card p{color:var(--muted)}.card-link{display:inline-flex;font-weight:900;color:#fff}.card-link:hover{color:var(--ph)}.tag{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;background:rgba(244,81,50,.12);border:1px solid rgba(244,81,50,.28);color:#ff9d89;font-size:12px;font-weight:900;margin-bottom:12px}.tag-gold{background:rgba(215,168,75,.12);border-color:rgba(215,168,75,.32);color:#e9c777}.note{border-left:3px solid var(--primary);padding:16px 18px;background:rgba(244,81,50,.07);border-radius:0 10px 10px 0}.safe-note{border-color:var(--gold);background:rgba(215,168,75,.07)}
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;align-items:center}.split.reverse{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.split.reverse>.media{order:2}.article-layout{display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);gap:28px;align-items:start}.sticky-aside{position:sticky;top:76px}.prose{max-width:860px}.prose h2{margin-top:42px}.prose h3{margin-top:26px}.prose ul,.prose ol{padding-left:1.3em}.link-list{display:grid;gap:10px}.link-list a{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;background:var(--p2);border:1px solid var(--border);border-radius:8px}
.media{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:10px;background:#12151c}.media>img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center center;display:block}.media.is-contain>img{object-fit:contain;object-position:center center}.media-ph{width:100%;height:100%;background:linear-gradient(160deg,#1c2230,#12151c)}.media-21x8{aspect-ratio:1800/664}.media-4x3{aspect-ratio:4/3}.media-5x4{aspect-ratio:5/4}.media-1x1{aspect-ratio:1/1}.media-4x5{aspect-ratio:396/450}.media-2x3{aspect-ratio:1104/1574}.media-device{aspect-ratio:1104/1574;max-height:520px;max-width:360px;margin:0 auto}
.hero{padding:24px 0 0;background:var(--deep)}.hero-slider{position:relative}.hero-slide{display:none;position:relative}.hero-slide.is-active{display:block}.hero .media-21x8{width:100%;aspect-ratio:1800/664;max-height:min(520px,52vh)}.hero-copy{position:absolute;inset:0 auto 0 0;width:min(55%,720px);display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vw,64px);z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,10,.94),rgba(5,7,10,.68) 58%,transparent)}.hero-copy h1,.hero-copy h2{font-size:clamp(28px,4vw,50px);max-width:13ch}.hero-copy p{max-width:50ch}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;pointer-events:auto}.hero-controls{position:absolute;z-index:4;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.hero-dots,.hero-arrows{display:flex;gap:8px;pointer-events:auto}.hero-dot{width:34px;height:5px;border:0;border-radius:8px;background:rgba(255,255,255,.35);padding:0;cursor:pointer}.hero-dot.is-active{background:var(--primary)}.hero-arrow{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(10,12,16,.7);display:grid;place-items:center;cursor:pointer}.hero-arrow:hover{background:var(--primary)}
.quick-card{padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.quick-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:rgba(244,81,50,.12);color:var(--ph);margin-bottom:12px}.quick-card p{font-size:14px;color:var(--muted);margin:0}
.magazine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.magazine-item{display:flex;flex-direction:column;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.magazine-item.is-wide{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}.magazine-item .media,.magazine-item .card-body{flex:0 0 auto}.magazine-item.is-wide .card-body{padding:26px 24px 24px 8px}.venue-card .media>img,.magazine .media-4x5>img{object-position:center top}
.tabs-head,.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab-btn,.filter-btn{min-height:42px;padding:0 16px;border-radius:6px;border:1px solid var(--border);background:var(--p2);cursor:pointer;color:var(--muted);font-weight:900}.tab-btn.is-active,.filter-btn.is-active,.tab-btn:hover,.filter-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.js-tabs.is-ready .tab-panel{display:none}.js-tabs.is-ready .tab-panel.is-active{display:block}.venue-filter.is-ready~.venue-grid .is-filtered-out{display:none}
.faq-list{display:grid;gap:10px}.faq-list details{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:0 18px}.faq-list summary{cursor:pointer;color:#fff;font-weight:900;padding:16px 28px 16px 0;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:13px;color:var(--ph);font-size:24px}.faq-list details[open] summary:after{content:"–"}.faq-list details p{padding-bottom:16px;color:var(--muted)}.big-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;background:linear-gradient(120deg,rgba(244,81,50,.15),rgba(215,168,75,.06));border:1px solid var(--strong);border-radius:14px}.login-hero{padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:14px;max-width:860px}.login-hero .btn{min-height:52px;padding:0 32px;font-size:18px;margin:20px 0 8px}
.site-footer{background:#090b0f;border-top:1px solid var(--border);padding:46px 0 28px}.footer-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--border)}.footer-intro p{max-width:720px;color:var(--muted);margin:0}.footer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:34px 0}.footer-grid h2{font-size:15px;margin-bottom:12px}.footer-grid a{display:block;color:var(--muted);font-size:14px;padding:5px 0}.footer-bottom{border-top:1px solid var(--border);padding-top:22px;color:var(--soft);font-size:13px}
@media(max-width:1100px){.brand-position{display:none}.brand-row{grid-template-columns:1fr auto}.grid-6{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.magazine{grid-template-columns:repeat(2,1fr)}.magazine-item.is-wide{grid-column:span 2}.footer-grid{grid-template-columns:repeat(3,1fr)}.hero .media-21x8{max-height:min(360px,48vh)}}
@media(max-width:767px){.desktop-shell{display:none}.mobile-header{position:sticky;top:0;z-index:1000;height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:grid;grid-template-columns:52px 1fr 70px;align-items:center;background:rgba(21,24,32,.98);border-bottom:1px solid var(--border)}.mobile-brand{display:flex;justify-content:center;align-items:center;font-weight:900}.mobile-brand img{width:auto;height:30px;max-width:150px;object-fit:contain}.mobile-download{justify-self:end;margin-right:8px;padding:9px 13px;border-radius:6px;background:var(--primary);color:#fff;font-weight:900}.icon-btn{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;margin-left:8px}.drawer-overlay{display:block;position:fixed;inset:0;z-index:1190;background:rgba(0,0,0,.64);opacity:0;visibility:hidden;pointer-events:none}.drawer-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-drawer{display:block;position:fixed;z-index:1200;left:0;top:0;bottom:0;width:min(88vw,380px);padding-top:env(safe-area-inset-top);background:var(--nav);border-right:1px solid var(--border);transform:translateX(-105%);visibility:hidden;pointer-events:none;overflow-y:auto}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 18px;border-bottom:1px solid var(--border)}.drawer-brand{font-weight:900}.drawer-groups{padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.drawer-groups section{padding:12px 0;border-bottom:1px solid var(--border)}.drawer-groups h2{font-size:13px;color:var(--soft);margin-bottom:8px}.drawer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.drawer-links a{padding:10px;border-radius:6px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:16px}.drawer-actions .btn-primary{grid-column:span 2}.mobile-bottom{position:fixed;display:grid;z-index:1000;left:0;right:0;bottom:0;grid-template-columns:repeat(5,1fr);min-height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(13,15,20,.98);border-top:1px solid var(--border)}.mobile-bottom a{display:grid;place-items:center;min-height:56px;color:var(--muted);font-size:13px}main{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.wrap{width:min(100% - 40px,1320px)}.split,.split.reverse,.article-layout{grid-template-columns:1fr}.split.reverse>.media{order:0}.sticky-aside{position:static}.section{padding:56px 0}}
@media(max-width:767px){body{font-size:15.5px}.wrap{width:calc(100% - 32px)}.page-shell{padding:32px 0 48px}h1{font-size:min(34px,9vw)}.lead{font-size:16px}.section{padding:42px 0}.section.compact{padding:34px 0}.section-title{display:block}.section-title p{margin-top:8px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-6{grid-template-columns:repeat(2,1fr)}.panel-pad,.card-body{padding:18px}.hero{padding-top:0}.hero .wrap{width:100%}.hero .media-21x8{max-height:200px;border-radius:0}.hero-copy{position:relative;width:100%;padding:20px 16px 58px;background:var(--panel)}.hero-copy h1,.hero-copy h2{font-size:29px;max-width:none}.hero-controls{left:16px;right:16px;bottom:14px}.magazine{grid-template-columns:1fr}.magazine-item.is-wide{grid-column:auto;display:flex}.magazine-item.is-wide .card-body{padding:18px}.card .media-4x5,.magazine .media-4x5,.venue-card .media{aspect-ratio:396/450;max-height:280px}.venue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.venue-grid .card-body{padding:14px}.venue-grid p{font-size:13px}.media-device{max-width:240px;max-height:none}.big-cta,.footer-intro{display:block}.big-cta .btn{margin-top:10px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-intro p{margin-top:18px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.quick-card{padding:14px}.mobile-download{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.btn:hover{transform:none}}