:root{
    --primary:#B91C3B;
    --primary-hover:#9A2020;
    --primary-deep:#8B1A2B;
    --wine:#3D0F16;
    --wine-deep:#2D0D13;
    --wine-black:#16080C;
    --gold:#C9A06C;
    --gold-light:#D4B888;
    --gold-bright:#F0D78C;
    --ivory:#E8D5C8;
    --ivory-soft:#FDF5E6;
    --bg:#16080C;
    --bg-2:#1F0A0F;
    --bg-3:#2D0D13;
    --surface:rgba(30,15,18,.86);
    --surface-strong:rgba(22,10,14,.94);
    --surface-soft:rgba(255,255,255,.035);
    --text:#F0E0D0;
    --text-2:#D8C8B8;
    --text-3:#A09080;
    --line:rgba(201,160,108,.20);
    --line-strong:rgba(201,160,108,.42);
    --success:#2D7A4F;
    --channel-blue:#2C4273;
    --shadow:0 8px 26px rgba(0,0,0,.36);
    --shadow-hover:0 18px 42px rgba(0,0,0,.52);
    --radius:10px;
    --radius-card:14px;
    --radius-large:20px;
    --radius-pill:999px;
    --wrap:1320px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,rgba(139,26,43,.16),transparent 34%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.72;overflow-x:hidden}body.search-open,body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:cover}button,input{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:300;background:var(--ivory-soft);color:var(--wine-black);padding:8px 12px;border-radius:8px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.announcement{min-height:30px;background:linear-gradient(90deg,var(--wine-deep),var(--primary-deep),var(--wine));border-bottom:1px solid var(--line);font-size:13px;color:var(--ivory)}.announcement-inner{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.announcement a{color:var(--gold-bright)}.site-header{position:sticky;top:0;z-index:100;background:rgba(22,8,12,.90);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:background .2s ease,box-shadow .2s ease}.site-header.scrolled{background:rgba(22,8,12,.97);box-shadow:0 5px 22px rgba(0,0,0,.45)}.header-inner{height:68px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--gold-bright);font-size:20px;white-space:nowrap}.brand-logo{width:42px;height:42px;aspect-ratio:1;border-radius:50%;border:1px solid var(--line-strong)}.main-nav{display:flex;align-items:stretch;height:100%;gap:4px;flex:1}.main-nav a{position:relative;display:flex;align-items:center;padding:0 9px;color:var(--text-2);font-size:14px}.main-nav a:hover,.main-nav a:focus-visible{color:var(--gold-bright)}.main-nav a.active{color:#fff}.main-nav a.active:after{content:"";position:absolute;left:26%;right:26%;bottom:9px;height:2px;background:var(--primary)}.header-actions{display:flex;align-items:center;gap:8px}.header-app,.icon-btn{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);border-radius:var(--radius-pill);padding:8px 14px;cursor:pointer}.header-app:hover,.icon-btn:hover{border-color:var(--line-strong);color:var(--gold-bright)}.menu-toggle{display:none;width:42px;height:42px;padding:10px;border-radius:50%}.menu-toggle span{display:block;height:2px;background:var(--ivory);margin:4px 0}.mega-menu{position:absolute;left:0;right:0;background:var(--surface-strong);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mega-menu[hidden]{display:none!important}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-block:28px}.mega-grid h2{font-size:14px;color:var(--gold);margin:0 0 10px}.mega-grid a{display:block;color:var(--text-2);padding:5px 0}.mega-grid a:hover{color:var(--gold-bright)}.mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:min(86vw,360px);z-index:220;background:var(--bg);border-right:1px solid var(--line);padding:20px;overflow:auto}.mobile-drawer[hidden],.drawer-backdrop[hidden]{display:none!important}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-drawer nav{display:grid;gap:5px}.mobile-drawer nav a{padding:12px;border-bottom:1px solid var(--line);color:var(--text-2)}.drawer-backdrop{position:fixed;inset:0;z-index:210;background:rgba(0,0,0,.62)}.search-modal{display:none;position:fixed;inset:0;z-index:250;align-items:flex-start;justify-content:center;background:rgba(10,4,6,.82);padding:12vh 20px 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none !important}.search-dialog{width:min(760px,100%);background:var(--surface-strong);border:1px solid var(--line-strong);border-radius:var(--radius-large);padding:26px;box-shadow:var(--shadow-hover)}.search-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.search-dialog h2{margin:0;font-size:24px}.search-form{display:flex;gap:10px;margin:20px 0}.search-form input{flex:1;min-width:0;background:rgba(255,255,255,.06);border:1px solid rgba(201,160,108,.28);border-radius:var(--radius-pill);padding:12px 18px;color:var(--text)}.search-form input::placeholder{color:var(--text-3)}.search-suggest{display:flex;flex-wrap:wrap;gap:8px}.search-suggest a,.hero-chips a{padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text-2);font-size:13px}.hero{background:linear-gradient(135deg,var(--bg) 0%,var(--wine) 46%,var(--wine-deep) 72%,var(--bg) 100%);border-bottom:1px solid var(--line)}.hero-grid{min-height:540px;display:grid;grid-template-columns:55fr 45fr;align-items:center;gap:54px;padding-block:54px}.hero-copy h1,.page-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.06;margin:10px 0 20px;letter-spacing:-.04em}.hero-lead{font-size:18px;color:var(--text-2);max-width:760px}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:700;font-size:13px}.hero-actions,.center-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);padding:11px 18px;border:1px solid var(--line-strong);font-weight:700;cursor:pointer}.btn-primary{background:var(--primary);color:#fff;border-color:var(--gold)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:rgba(255,255,255,.035);color:var(--text);border-color:var(--gold)}.text-link{color:var(--gold-bright);font-weight:700}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-visual{margin:0;position:relative}.hero-img{width:100%;height:min(520px,52vw);aspect-ratio:4/5;border-radius:var(--radius-large);box-shadow:var(--shadow-hover);border:1px solid var(--line-strong)}.hero-visual figcaption,.media-card figcaption{color:var(--text-3);font-size:13px;margin-top:8px}.section{padding-block:76px}.section-alt{background:linear-gradient(180deg,var(--bg-2),var(--bg-3));border-block:1px solid rgba(201,160,108,.08)}.section-head{max-width:820px;margin-bottom:28px}.section-head h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:5px 0 12px}.section-head p:not(.eyebrow){color:var(--text-2);margin:0}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.channel-card{display:grid;gap:5px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow)}.channel-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.channel-card strong{font-size:17px;color:var(--ivory-soft)}.channel-card span{font-size:13px;color:var(--text-3)}.featured-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.feature-focus{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);padding:16px}.feature-focus figure{margin:0}.feature-focus img{width:100%;aspect-ratio:16/9;border-radius:12px}.poster-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.poster-card,.discussion-grid article,.creator-grid article,.link-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow)}.poster-card:hover,.discussion-grid article:hover,.creator-grid article:hover,.link-card:hover,.media-tile:hover{border-color:var(--line-strong);transform:translateY(-3px)}.poster-card h3,.link-card h3{margin:8px 0 5px}.poster-card p,.link-card p{margin:6px 0;color:var(--text-2)}.meta{color:var(--text-3)!important;font-size:13px}.tag{display:inline-block;padding:4px 8px;border-radius:var(--radius-pill);background:rgba(185,28,59,.27);color:#fff;font-size:12px}.tag.gold{background:rgba(201,160,108,.10);color:var(--gold-bright);border:1px solid var(--line)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.media-tile figure{margin:0}.media-tile img{width:100%;aspect-ratio:16/10}.media-tile figcaption{padding:0 16px 8px}.media-body{padding:16px}.media-body h3{margin:8px 0}.media-body p{color:var(--text-2)}.split-media{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-card{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:10px}.media-card img{width:100%;aspect-ratio:16/10;border-radius:10px}.media-card figcaption{padding:6px 4px 2px}.ranking-tabs{display:grid;grid-template-columns:1fr 170px;gap:18px}.rank-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px}.rank-panel ol{padding:0;margin:0;list-style:none}.rank-panel li{display:grid;grid-template-columns:78px 1fr auto;gap:12px;padding:13px 8px;border-bottom:1px solid var(--line)}.rank-panel li:first-child strong{color:var(--gold-bright)}.rank-panel li strong{color:var(--gold-light)}.rank-panel li em{font-style:normal;color:var(--text-3);font-size:13px}.tab-buttons{display:grid;gap:8px;align-content:start}.tab-buttons button,.filter-chip{border:1px solid var(--line);background:var(--surface);color:var(--text-2);padding:10px 12px;border-radius:var(--radius);cursor:pointer}.tab-buttons button[aria-pressed="true"],.filter-chip.active{background:var(--primary);color:#fff}.creator-grid,.discussion-grid,.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.discussion-grid h3,.creator-grid h3{margin:8px 0}.discussion-grid p,.creator-grid p{color:var(--text-2)}.app-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.more-row{margin-top:18px}.page-hero{background:linear-gradient(135deg,var(--bg) 0%,var(--wine-deep) 55%,var(--bg-2) 100%);border-bottom:1px solid var(--line)}.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:40px;align-items:center;padding-block:60px}.page-hero .media-card{margin:8px 0}.page-hero-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-hero-media .media-card:first-child:last-child{grid-column:1/-1}.page-hero-media .media-card img{aspect-ratio:4/3}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--text-3);font-size:13px;margin-bottom:20px}.breadcrumb a:hover{color:var(--gold-bright)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.faq-list{display:grid;gap:10px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.faq-item h3{margin:0}.faq-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;background:transparent;color:var(--text);border:0;padding:18px;text-align:left;cursor:pointer}.faq-toggle span{color:var(--gold)}.faq-answer{padding:0 18px 18px;color:var(--text-2)}.faq-answer[hidden]{display:none!important}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px;background:linear-gradient(135deg,rgba(185,28,59,.15),rgba(201,160,108,.06));border:1px solid var(--line-strong);border-radius:var(--radius-large)}.cta-panel h2{margin:4px 0}.cta-panel p{margin:0;color:var(--text-2)}.site-footer{background:linear-gradient(135deg,var(--wine-deep),var(--wine),var(--bg));border-top:1px solid var(--line);padding:54px 0 90px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:28px}.footer-grid h2{font-size:15px;color:#fff}.footer-grid p{color:rgba(240,224,208,.72);font-size:14px}.footer-grid a{display:block;color:rgba(240,224,208,.72);font-size:14px;padding:3px 0}.footer-grid a:hover{color:var(--gold-bright)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;color:var(--text-3);font-size:13px}.mobile-bottom{display:none}.back-top{position:fixed;right:22px;bottom:24px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--gold-bright);z-index:80;cursor:pointer}.reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.reveal.visible{opacity:1;transform:none}.center-actions{justify-content:center}
@media (max-width:1200px){.main-nav a{padding-inline:6px}.header-actions .wide{padding-inline:10px}.channel-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1100px){.main-nav{display:none}.menu-toggle{display:block}.header-inner{justify-content:space-between}.header-actions{margin-left:auto}.footer-grid{grid-template-columns:repeat(3,1fr)}.page-hero-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.hero-grid,.page-hero-grid,.featured-layout{grid-template-columns:1fr}.hero-grid{padding-block:42px;min-height:auto}.hero-img{height:auto;aspect-ratio:16/10}.page-hero-media{grid-template-columns:repeat(2,1fr)}.media-grid,.creator-grid,.discussion-grid,.link-grid{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.ranking-tabs{grid-template-columns:1fr}.tab-buttons{grid-template-columns:repeat(4,1fr)}}
@media (max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.announcement-inner{justify-content:center}.announcement a{display:none}.header-actions .mega-toggle{display:none}.hero-copy h1,.page-hero h1{font-size:clamp(36px,10vw,54px)}.section{padding-block:56px}.split-media,.app-preview-grid{grid-template-columns:1fr}.search-form{flex-direction:column}.search-modal{padding:7vh 14px 14px}.search-dialog{padding:18px}.footer-bottom{flex-direction:column}.mobile-bottom{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:90;grid-template-columns:repeat(5,1fr);background:rgba(22,8,12,.96);border-top:1px solid var(--gold);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;padding:10px 3px;font-size:12px;color:var(--text-2)}.site-footer{padding-bottom:120px}.back-top{bottom:72px}}
@media (max-width:600px){.header-actions .search-open{padding:8px 10px}.header-app{display:none}.poster-list,.media-grid,.creator-grid,.discussion-grid,.link-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-card{padding:14px}.channel-card span{font-size:12px}.page-hero-media{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.rank-panel li{grid-template-columns:62px 1fr}.rank-panel li em{grid-column:2}.cta-panel{align-items:flex-start;flex-direction:column}.tab-buttons{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}