/* roulang page: index */
:root{--bg:#100b19;--bg2:#171021;--panel:#21172d;--panel2:#2a1d38;--ink:#fff8fb;--muted:#b9aabd;--line:#42304e;--pink:#ff8cab;--coral:#ff956d;--mint:#8be4c4;--yellow:#f5d56e;--shadow:0 20px 55px rgba(0,0,0,.3);--radius:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:radial-gradient(#fff  .6px,transparent .6px);background-size:7px 7px;z-index:5}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;object-fit:cover}
button,input{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{height:76px;display:flex;align-items:center;position:sticky;top:0;z-index:20;background:rgba(16,11,25,.94);border-bottom:1px solid var(--line)}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;white-space:nowrap}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--coral);color:var(--bg);border-radius:10px;font-size:20px;box-shadow:0 7px 22px rgba(255,149,109,.22)}
.brand-name{font-size:18px;letter-spacing:0}
.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto}
.nav-links a{color:var(--muted);font-size:14px;transition:.25s}
.nav-links a:hover,.nav-links a.active{color:var(--pink)}
.nav-action,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:.25s;font-weight:700}
.nav-action,.btn-primary{background:var(--coral);color:#24101c;box-shadow:0 10px 25px rgba(255,149,109,.18)}
.nav-action:hover,.btn-primary:hover{background:#ffb28e;transform:translateY(-2px);box-shadow:0 13px 30px rgba(255,149,109,.3)}
.btn-secondary{border-color:#76516f;color:var(--ink);background:#21172d}
.btn-secondary:hover{border-color:var(--pink);color:var(--pink);background:#2a1d38}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);width:44px;height:44px;border-radius:9px;font-size:21px}
.hero{min-height:590px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(16,11,25,.98) 18%,rgba(16,11,25,.72) 58%,rgba(16,11,25,.35)),url('/assets/images/a5812d65198d6158.jpg') center/cover}
.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-50px;height:100px;background:var(--bg);transform:rotate(-2deg)}
.hero-content{position:relative;z-index:1;max-width:700px;padding:75px 0 100px}
.eyebrow,.section-kicker{color:var(--pink);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.12;margin:18px 0 20px;letter-spacing:0}
.hero h1 strong{color:var(--pink);font-weight:800}
.hero-lead{font-size:18px;color:#eadce8;max-width:650px}
.hero-copy{color:var(--muted);max-width:610px;margin-top:17px;font-size:15px}
.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.hero-stats{display:flex;gap:28px;margin-top:38px}
.stat strong{display:block;font-size:24px;color:var(--ink)}
.stat span{font-size:12px;color:var(--muted)}
section{padding:92px 0;position:relative}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.section-head h2{font-size:clamp(25px,3vw,38px);line-height:1.2;margin-top:8px}
.section-head p{color:var(--muted);max-width:570px;font-size:14px}
.text-link{color:var(--pink);font-size:14px;white-space:nowrap}
.text-link:hover{color:var(--coral)}
.latest{background:#130d1f}
.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.media-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s}
.media-card:hover{transform:translateY(-5px);border-color:#a56386;box-shadow:var(--shadow)}
.cover{aspect-ratio:16/10;position:relative;background:#33203e;overflow:hidden}
.cover img{height:100%;transition:.4s}
.media-card:hover .cover img{transform:scale(1.04)}
.cover:after{content:"▶";position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;background:rgba(16,11,25,.8);border-radius:50%;color:var(--coral);font-size:12px}
.badge{position:absolute;left:10px;top:10px;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:800;background:var(--mint);color:#10231f}
.badge.blue{background:#a9b9ff;color:#1d2047}
.badge.update{background:var(--yellow);color:#3b2b0d}
.media-info{padding:14px}
.media-title{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:var(--muted);font-size:12px}
.score{color:var(--yellow);font-weight:800}
.popular{background:var(--bg2)}
.popular-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.feature-card{min-height:410px;position:relative;border-radius:var(--radius);overflow:hidden;background:#291b35}
.feature-card img{height:100%}
.feature-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(14,8,20,.95))}
.feature-copy{position:absolute;z-index:1;left:28px;right:28px;bottom:25px}
.feature-copy h3{font-size:29px}
.feature-copy p{color:#d6c5d5;margin-top:4px}
.popular-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.small-feature{position:relative;min-height:196px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.small-feature img{height:100%}
.small-feature:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(12,7,18,.95))}
.small-feature div{position:absolute;z-index:1;left:16px;right:12px;bottom:13px}
.small-feature h3{font-size:16px}
.small-feature p{color:var(--yellow);font-size:12px}
.channels{background:#130d1f}
.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.channel{padding:25px 20px;border-left:3px solid var(--coral);background:var(--panel);min-height:160px}
.channel:nth-child(2){border-color:var(--pink)}.channel:nth-child(3){border-color:var(--mint)}.channel:nth-child(4){border-color:var(--yellow)}
.channel h3{font-size:19px;margin-bottom:8px}.channel p{color:var(--muted);font-size:13px}
.scenes{background:var(--bg2)}
.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.scene{padding:25px 20px;border-right:1px solid var(--line)}.scene:last-child{border:0}
.scene-number{color:var(--coral);font-size:13px;font-weight:800}.scene h3{margin:10px 0 5px}.scene p{color:var(--muted);font-size:13px}
.showcase{background:#130d1f}
.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.showcase-image{aspect-ratio:16/10;border:1px solid #79506e;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.showcase-image img{height:100%}
.showcase-copy h2{font-size:35px;line-height:1.25;margin:10px 0 16px}.showcase-copy p{color:var(--muted);font-size:15px}
.point-list{list-style:none;margin-top:25px;display:grid;gap:12px}.point-list li{padding-left:25px;position:relative;color:#eadce8}.point-list li:before{content:"✦";position:absolute;left:0;color:var(--pink)}
.topics{background:var(--bg2)}
.topic-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.topic{min-height:170px;padding:20px;background:linear-gradient(135deg,#30203c,#20152b);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;justify-content:end}
.topic small{color:var(--pink)}.topic h3{font-size:20px;margin-top:8px}.topic p{color:var(--muted);font-size:13px}
.ranking{background:#130d1f}
.rank-layout{display:grid;grid-template-columns:1fr .8fr;gap:28px}
.rank-list{border-top:1px solid var(--line)}
.rank-row{display:grid;grid-template-columns:55px 1fr 100px 62px 100px;align-items:center;gap:12px;padding:15px 10px;border-bottom:1px solid var(--line);font-size:14px}
.rank-row:first-child .rank-no,.rank-row:nth-child(2) .rank-no,.rank-row:nth-child(3) .rank-no{color:var(--coral);font-size:22px}
.rank-no{font-weight:800;color:var(--muted)}.rank-name{font-weight:700}.rank-type{color:var(--muted);font-size:12px}.hot{color:var(--pink)}.rank-score{color:var(--yellow);font-weight:800}
.rank-note{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-self:start}.rank-note h3{font-size:24px}.rank-note p{color:var(--muted);font-size:14px;margin:12px 0 22px}
.reviews{background:var(--bg2)}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.review{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.review-stars{color:var(--yellow);letter-spacing:3px}.review p{margin:15px 0;color:#eadce8;font-size:15px}.review small{color:var(--muted)}
.updates{background:#130d1f}
.update-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.update-box{padding:22px;background:var(--panel);border-top:3px solid var(--coral)}.update-box:nth-child(2){border-color:var(--pink)}.update-box:nth-child(3){border-color:var(--mint)}
.update-box h3{margin-bottom:14px}.update-item{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.update-item:last-child{border:0}.update-item span{color:var(--muted);white-space:nowrap}
.news{background:var(--bg2)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.news-item{display:grid;grid-template-columns:110px 1fr;gap:15px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.news-item img{height:78px;border-radius:8px}.news-item h3{font-size:15px;line-height:1.45}.news-item time{display:block;color:var(--pink);font-size:11px;margin-top:6px}.news-item p{color:var(--muted);font-size:12px;margin-top:6px}
.faq{background:#130d1f}
.faq-list{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;padding:20px 4px;font-weight:700;list-style:none;display:flex;justify-content:space-between}.faq-item summary:after{content:"+";color:var(--pink);font-size:22px}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--muted);font-size:14px;padding:0 32px 20px 4px}
.cta{padding:72px 0;background:linear-gradient(100deg,#2e1b39,#4a2540);text-align:center}.cta h2{font-size:clamp(27px,4vw,44px)}.cta p{color:#dfcadc;margin:10px auto 24px;max-width:620px}.cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
footer{background:#0b0711;border-top:1px solid var(--line);padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer-brand p{color:var(--muted);font-size:13px;max-width:280px;margin-top:12px}.footer-col h3{font-size:14px;margin-bottom:12px}.footer-col a{display:block;color:var(--muted);font-size:13px;margin:7px 0}.footer-col a:hover{color:var(--pink)}.copyright{border-top:1px solid var(--line);margin-top:38px;padding-top:18px;color:#837487;font-size:12px;display:flex;justify-content:space-between;gap:15px}
@media(max-width:1023px){.nav-links{gap:13px}.nav-links a{font-size:13px}.content-grid{grid-template-columns:repeat(3,1fr)}.channel-grid,.topic-strip{grid-template-columns:repeat(2,1fr)}.popular-layout,.rank-layout{grid-template-columns:1fr}.rank-note{display:none}.update-layout{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.container{width:min(100% - 28px,560px)}.site-header{height:68px}.nav-links,.nav-action{display:none}.menu-toggle{display:block}.navbar{width:100%}.brand-name{font-size:16px}.hero{min-height:640px;background-position:62% center}.hero-content{padding:72px 0 100px}.hero h1{font-size:45px}.hero-lead{font-size:16px}.hero-stats{gap:18px}.section-head{display:block;margin-bottom:23px}.section-head p{margin-top:12px}.content-grid{grid-template-columns:repeat(2,1fr);gap:12px}.media-info{padding:11px}.media-title{font-size:14px}.media-meta{font-size:11px}.popular-list{gap:10px}.feature-card{min-height:350px}.small-feature{min-height:160px}.channel-grid,.topic-strip,.scene-grid,.review-grid,.update-layout,.news-grid,.showcase-grid{grid-template-columns:1fr}.scene{border-right:0;border-bottom:1px solid var(--line)}.showcase-copy{order:-1}.showcase-copy h2{font-size:29px}.rank-row{grid-template-columns:35px minmax(120px,1fr) 70px 48px;gap:7px;padding:13px 3px;font-size:13px}.rank-type{display:none}.news-item{grid-template-columns:95px 1fr}.cta{padding:60px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:5px}}
@media(max-width:390px){.hero h1{font-size:39px}.hero-actions .btn{width:100%}.content-grid{gap:9px}.rank-row{grid-template-columns:30px minmax(105px,1fr) 62px 45px}.channel{min-height:145px;padding:20px 16px}}

/* roulang page: category1 */
:root{--bg:#100b19;--bg2:#171021;--panel:#21172d;--panel2:#2a1d38;--ink:#fff8fb;--muted:#b9aabd;--line:#42304e;--pink:#ff8cab;--coral:#ff956d;--mint:#8be4c4;--yellow:#f5d56e;--blue:#a9b9ff;--shadow:0 20px 55px rgba(0,0,0,.3);--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:radial-gradient(#fff .6px,transparent .6px);background-size:7px 7px;z-index:5}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{height:76px;display:flex;align-items:center;position:sticky;top:0;z-index:20;background:rgba(16,11,25,.96);border-bottom:1px solid var(--line)}.navbar{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;white-space:nowrap}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--coral);color:var(--bg);border-radius:10px;font-size:20px;box-shadow:0 7px 22px rgba(255,149,109,.22)}.brand-name{font-size:18px}.nav-links{display:flex;align-items:center;gap:23px;margin-left:auto}.nav-links a{color:var(--muted);font-size:14px;transition:.25s}.nav-links a:hover,.nav-links a.active{color:var(--pink)}.nav-action,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:.25s;font-weight:700}.nav-action,.btn-primary{background:var(--coral);color:#24101c;box-shadow:0 10px 25px rgba(255,149,109,.18)}.nav-action:hover,.btn-primary:hover{background:#ffb28e;transform:translateY(-2px);box-shadow:0 13px 30px rgba(255,149,109,.3)}.btn-secondary{border-color:#76516f;color:var(--ink);background:#21172d}.btn-secondary:hover{border-color:var(--pink);color:var(--pink);background:#2a1d38}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);width:44px;height:44px;border-radius:9px;font-size:21px}
.page-intro{position:relative;overflow:hidden;padding:78px 0 72px;background:linear-gradient(90deg,rgba(16,11,25,.98) 20%,rgba(16,11,25,.73)),url('/assets/images/f0870dc162524c10.jpg') center/cover;border-bottom:1px solid var(--line)}.page-intro:after{content:"";position:absolute;right:8%;top:25%;width:180px;height:180px;border:1px solid rgba(255,140,171,.28);border-radius:50%;box-shadow:0 0 0 28px rgba(255,140,171,.04),0 0 0 58px rgba(255,140,171,.025)}.breadcrumb{color:var(--muted);font-size:13px;margin-bottom:18px}.breadcrumb a{color:var(--pink)}.page-intro h1{font-size:clamp(34px,5vw,60px);line-height:1.15;margin:0 0 16px;max-width:700px}.page-intro h1 strong{color:var(--pink)}.intro-copy{max-width:650px;color:#d9cbd7;font-size:16px;margin:0}.intro-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.tag,.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:800}.tag{color:var(--pink);border:1px solid #70465f;background:rgba(42,29,56,.8)}.badge{background:var(--mint);color:#10231f}.badge.blue{background:var(--blue);color:#1d2047}.badge.update{background:var(--yellow);color:#3b2b0d}
section{padding:78px 0;position:relative}.section-alt{background:var(--bg2);border-top:1px solid rgba(66,48,78,.5);border-bottom:1px solid rgba(66,48,78,.5)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}.section-kicker{color:var(--pink);font-size:12px;font-weight:800;letter-spacing:2px}.section-head h2{font-size:clamp(25px,3vw,36px);line-height:1.2;margin:7px 0 0}.section-head p{color:var(--muted);max-width:560px;font-size:14px;margin:0}.text-link{color:var(--pink);font-size:14px;white-space:nowrap}.text-link:hover{color:var(--coral)}
.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:28px}.filter-label{font-size:13px;color:var(--muted);margin-right:4px}.filter-btn{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#181021;color:var(--muted);padding:0 14px;cursor:pointer}.filter-btn:hover,.filter-btn.active{border-color:var(--pink);color:var(--pink);background:#30203e}.filter-select{margin-left:auto;min-height:38px;border:1px solid var(--line);border-radius:8px;background:#181021;color:var(--ink);padding:0 12px}
.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.media-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s}.media-card:hover{transform:translateY(-5px);border-color:#a56386;box-shadow:var(--shadow)}.cover{height:205px;position:relative;overflow:hidden;background:var(--panel2)}.cover img{height:100%;transition:.4s}.media-card:hover .cover img{transform:scale(1.05)}.cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(14,8,20,.28))}.cover .badge{position:absolute;z-index:1;left:10px;top:10px}.media-info{padding:14px}.media-title{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-desc{font-size:12px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--muted);font-size:12px}.score{color:var(--yellow);font-weight:800}
.rank-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:start}.rank-list{border-top:1px solid var(--line)}.rank-row{display:grid;grid-template-columns:48px 1fr 82px 60px 90px;align-items:center;gap:12px;padding:14px 10px;border-bottom:1px solid var(--line);font-size:14px}.rank-row:hover{background:rgba(42,29,56,.5)}.rank-no{color:var(--muted);font-weight:800}.rank-row:first-child .rank-no,.rank-row:nth-child(2) .rank-no,.rank-row:nth-child(3) .rank-no{color:var(--coral);font-size:21px}.rank-name small{display:block;color:var(--muted);font-size:11px}.rank-score{color:var(--yellow)}.rank-note{padding:27px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);background-image:linear-gradient(145deg,rgba(255,140,171,.12),transparent 45%)}.rank-note h3{font-size:23px;margin:0 0 12px}.rank-note p{color:var(--muted);font-size:14px}.stat-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.stat-line b{color:var(--pink)}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.time-card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);position:relative}.time-card:before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px rgba(255,149,109,.12);margin-bottom:17px}.time-card h3{margin:0;font-size:18px}.time-card p{color:var(--muted);font-size:13px;margin:6px 0 16px}.time-list{list-style:none;padding:0;margin:0}.time-list li{padding:9px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:13px}.time-list span{color:var(--yellow);white-space:nowrap}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.guide-image{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);min-height:310px;background:var(--panel)}.guide-image img{height:310px}.point-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}.point-list li{padding:13px 16px 13px 44px;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:#eadce8;font-size:14px}.point-list li:before{content:"✦";position:absolute;left:17px;top:12px;color:var(--pink);font-size:18px}
.news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.news-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s}.news-item:hover{border-color:#a56386;transform:translateY(-3px)}.news-item img{height:145px}.news-copy{padding:16px}.news-copy h3{font-size:16px;line-height:1.45;margin:0 0 7px}.news-copy p{font-size:12px;color:var(--muted);margin:0}.news-date{color:var(--pink);font-size:11px;display:block;margin-bottom:7px}
.cta-band{padding:60px 0;background:linear-gradient(100deg,#291832,#171021 70%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-inner h2{margin:0;font-size:30px}.cta-inner p{color:var(--muted);margin:7px 0 0}.cta-actions{display:flex;gap:11px;flex-wrap:wrap}
footer{background:#0c0813;border-top:1px solid var(--line);padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand p{color:var(--muted);font-size:13px;max-width:250px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h3{font-size:14px;margin:0 0 8px;color:var(--pink)}.footer-col a{color:var(--muted);font-size:13px}.footer-col a:hover{color:var(--coral)}.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:17px;color:#847688;font-size:12px}
:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
@media(max-width:1023px){.nav-links{gap:13px}.nav-links a{font-size:13px}.media-grid{grid-template-columns:repeat(3,1fr)}.rank-layout{grid-template-columns:1fr}.guide-grid{gap:25px}.rank-note{display:none}}
@media(max-width:767px){.container{width:min(100% - 28px,600px)}.site-header{height:68px}.nav-links,.nav-action{display:none}.menu-toggle{display:block}.navbar{width:100%}.site-header.open .nav-links{display:flex;position:absolute;top:68px;left:0;right:0;background:#171021;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;align-items:flex-start;gap:15px}.site-header.open .nav-action{display:inline-flex;position:absolute;top:295px;left:20px;right:20px}.site-header.open{height:68px}.page-intro{padding:55px 0 52px}.page-intro:after{right:-50px;top:16%}.page-intro h1{font-size:37px}.intro-copy{font-size:14px}.section-head{display:block}.section-head p{margin-top:10px}.section-head .text-link{display:inline-block;margin-top:12px}.filter-bar{flex-wrap:nowrap;overflow-x:auto}.filter-label{white-space:nowrap}.filter-btn{white-space:nowrap}.filter-select{margin-left:0;min-width:110px}.media-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cover{height:180px}.media-info{padding:11px}.media-title{font-size:14px}.rank-row{grid-template-columns:35px minmax(145px,1fr) 60px 52px 70px;min-width:430px}.rank-list{overflow-x:auto}.timeline,.news-list{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-image{min-height:220px}.guide-image img{height:220px}.cta-inner{display:block}.cta-actions{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:5px}}
@media(max-width:420px){.media-grid{gap:9px}.cover{height:155px}.badge{font-size:10px;padding:3px 6px}.media-meta{font-size:11px}.page-intro h1{font-size:32px}}