/* roulang page: index */
:root{
  --r1:#1d4ed8;
  --r2:#ff6b3d;
  --bg:#f5f7fc;
  --paper:#ffffff;
  --ink:#111a2e;
  --ink2:#5b6780;
  --line:#e2e8f4;
  --rad:16px;
  --rad-s:10px;
  --sh:0 8px 26px rgba(17,26,46,.07);
  --sh-h:0 16px 38px rgba(17,26,46,.15);
  --gap:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,p{margin:0}
button,input{font:inherit}
:focus-visible{outline:2px solid var(--r2);outline-offset:3px;border-radius:6px}
.cwyaxkd-wrap{width:min(1180px,92%);margin:0 auto}
section{scroll-margin-top:86px}

/* 顶部导航 */
.cwyaxkd-head{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.cwyaxkd-head-in{display:flex;align-items:center;gap:18px;min-height:66px}
.cwyaxkd-logo{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}
.cwyaxkd-logo i{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--r1),#4f7cff);display:grid;place-items:center;color:#fff;font-style:normal;font-size:15px;font-weight:800;box-shadow:0 6px 16px rgba(29,78,216,.32)}
.cwyaxkd-logo span{font-size:16px;letter-spacing:.01em}
.cwyaxkd-nav{margin-left:auto;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.cwyaxkd-nav::-webkit-scrollbar{display:none}
.cwyaxkd-nav a{padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;border-radius:999px;font-size:14px;color:var(--ink2);white-space:nowrap;transition:background .2s,color .2s}
.cwyaxkd-nav a:hover{background:#eaf0ff;color:var(--r1)}
.cwyaxkd-nav a.on{background:var(--r1);color:#fff;box-shadow:0 6px 16px rgba(29,78,216,.28)}

/* 首屏 */
.cwyaxkd-hero{position:relative;isolation:isolate;color:#fff;padding:74px 0 62px;background:#0b1424 url('/assets/images/backpic/back-1.webp') center/cover no-repeat}
.cwyaxkd-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(8,15,30,.95) 0%,rgba(10,20,42,.87) 48%,rgba(11,20,36,.58) 100%)}
.cwyaxkd-hero-in{max-width:840px}
.cwyaxkd-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 15px;font-size:13px;letter-spacing:.04em}
.cwyaxkd-hero h1{font-size:clamp(30px,4.6vw,52px);line-height:1.18;font-weight:800;margin:18px 0 12px;letter-spacing:.01em}
.cwyaxkd-hero h1 em{font-style:normal;color:#ffb27a}
.cwyaxkd-hero-sub{font-size:17px;color:#c9d6ee;margin-bottom:14px}
.cwyaxkd-hero-txt{font-size:15px;color:#a9b8d4;max-width:720px}
.cwyaxkd-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.cwyaxkd-points li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--rad-s);padding:14px 16px;font-size:13.5px;color:#c4d1e8;line-height:1.65}
.cwyaxkd-points b{display:block;color:#fff;font-size:15px;font-weight:700;margin-bottom:3px}
.cwyaxkd-hero-btns{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.cwyaxkd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;font-size:15px;font-weight:700;border:1px solid transparent;transition:transform .22s,box-shadow .22s,background .22s}
.cwyaxkd-btn-main{background:var(--r2);color:#fff;box-shadow:0 10px 24px rgba(255,107,61,.36)}
.cwyaxkd-btn-main:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(255,107,61,.46)}
.cwyaxkd-btn-ghost{border-color:rgba(255,255,255,.42);color:#fff}
.cwyaxkd-btn-ghost:hover{background:rgba(255,255,255,.14)}
.cwyaxkd-trust{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#9fb0cc}
.cwyaxkd-trust li::before{content:"◆";color:var(--r2);font-size:9px;margin-right:8px;vertical-align:2px}

/* 板块通用 */
.cwyaxkd-sec{padding:64px 0}
.cwyaxkd-sec--paper{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cwyaxkd-sec--deep{position:relative;color:#e6edf9;background:#0b1424 url('/assets/images/backpic/back-2.webp') center/cover no-repeat}
.cwyaxkd-sec--deep::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(9,17,32,.94),rgba(13,26,50,.88))}
.cwyaxkd-sec--deep .cwyaxkd-wrap{position:relative}
.cwyaxkd-head2{max-width:770px;margin-bottom:34px}
.cwyaxkd-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--r1);margin-bottom:10px}
.cwyaxkd-head2 h2{font-size:clamp(21px,2.6vw,29px);font-weight:800;line-height:1.35}
.cwyaxkd-head2 p{margin-top:10px;font-size:14.5px;color:var(--ink2)}
.cwyaxkd-sec--deep .cwyaxkd-eyebrow{color:#ffb27a}
.cwyaxkd-sec--deep .cwyaxkd-head2 p{color:#a9b8d4}

/* 分类频道 */
.cwyaxkd-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cwyaxkd-cat{background:var(--bg);border:1px solid var(--line);border-radius:var(--rad);padding:22px;transition:transform .22s,box-shadow .22s,border-color .22s}
.cwyaxkd-cat:hover{transform:translateY(-3px);box-shadow:var(--sh-h);border-color:#c9d8ff}
.cwyaxkd-catname{display:inline-block;font-size:15px;font-weight:800;color:var(--r1);background:#eaf0ff;border-radius:8px;padding:4px 12px;margin-bottom:10px}
.cwyaxkd-cat p{font-size:14px;color:var(--ink2)}

/* 卡片网格 */
.cwyaxkd-cards{display:grid;gap:var(--gap)}
.cwyaxkd-g5{grid-template-columns:repeat(5,1fr)}
.cwyaxkd-g4{grid-template-columns:repeat(4,1fr)}
.cwyaxkd-g3{grid-template-columns:repeat(3,1fr)}
.cwyaxkd-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh);transition:transform .24s,box-shadow .24s}
.cwyaxkd-card:hover{transform:translateY(-4px);box-shadow:var(--sh-h)}
.cwyaxkd-thumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:#dde4f0}
.cwyaxkd-thumb--wide{aspect-ratio:16/10}
.cwyaxkd-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.cwyaxkd-card:hover .cwyaxkd-thumb img{transform:scale(1.05)}
.cwyaxkd-badge{position:absolute;left:10px;top:10px;background:rgba(12,22,42,.82);color:#fff;font-size:12px;padding:3px 9px;border-radius:7px;backdrop-filter:blur(4px)}
.cwyaxkd-score{position:absolute;right:10px;bottom:10px;background:var(--r2);color:#fff;font-size:12.5px;font-weight:800;padding:3px 8px;border-radius:7px}
.cwyaxkd-card-b{padding:14px 15px 18px}
.cwyaxkd-card-b h3{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cwyaxkd-card-b p{margin-top:5px;font-size:13px;color:var(--ink2);line-height:1.6}

/* 排行榜 */
.cwyaxkd-rank{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 26px}
.cwyaxkd-rank li{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--rad-s);padding:12px 16px;transition:border-color .2s,background .2s}
.cwyaxkd-rank li:hover{border-color:#c9d8ff;background:#fbfdff}
.cwyaxkd-rank .no{min-width:24px;font-size:15px;font-weight:800;color:var(--r1);font-variant-numeric:tabular-nums}
.cwyaxkd-rank li:nth-child(-n+3) .no{color:var(--r2)}
.cwyaxkd-rank .nm{font-size:14.5px;font-weight:700}
.cwyaxkd-rank .mt{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink2)}
.cwyaxkd-chip{font-size:12px;color:var(--r1);background:#eaf0ff;border-radius:6px;padding:2px 8px}

/* 高分好评 */
.cwyaxkd-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cwyaxkd-note{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--r1);border-radius:var(--rad-s);padding:18px 20px;transition:transform .2s,box-shadow .2s}
.cwyaxkd-note:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.cwyaxkd-note h3{display:flex;align-items:baseline;gap:10px;font-size:15.5px;font-weight:700}
.cwyaxkd-note strong{color:var(--r2);font-size:15px;font-variant-numeric:tabular-nums}
.cwyaxkd-note p{margin-top:7px;font-size:14px;color:var(--ink2)}

/* 类型专区 */
.cwyaxkd-genres{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cwyaxkd-genre{background:var(--bg);border:1px solid var(--line);border-radius:var(--rad);padding:22px;transition:transform .22s,box-shadow .22s}
.cwyaxkd-genre:hover{transform:translateY(-3px);box-shadow:var(--sh-h)}
.cwyaxkd-genre h3{font-size:16px;font-weight:800;color:var(--r1);margin-bottom:10px}
.cwyaxkd-genre .mv{font-size:14px;line-height:1.95}
.cwyaxkd-genre .ds{margin-top:8px;font-size:13.5px;color:var(--ink2)}

/* 年代经典 */
.cwyaxkd-years{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.cwyaxkd-year{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--rad);padding:22px 24px}
.cwyaxkd-year h3{font-size:15px;font-weight:800;color:#ffb27a;letter-spacing:.04em;margin-bottom:12px}
.cwyaxkd-year li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:14.5px;border-bottom:1px dashed rgba(255,255,255,.14)}
.cwyaxkd-year li:last-child{border-bottom:0}
.cwyaxkd-year li span{font-size:13px;color:#9fb0cc}

/* 口碑 */
.cwyaxkd-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cwyaxkd-voice{background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);padding:22px;box-shadow:var(--sh);transition:transform .2s}
.cwyaxkd-voice:hover{transform:translateY(-3px)}
.cwyaxkd-voice p{font-size:14px;color:var(--ink2)}
.cwyaxkd-voice footer{margin-top:14px;font-size:13px;font-weight:700;color:var(--r1)}

/* 资讯 */
.cwyaxkd-news li{display:flex;align-items:baseline;gap:16px;padding:16px 2px;border-bottom:1px solid var(--line)}
.cwyaxkd-news li:first-child{border-top:1px solid var(--line)}
.cwyaxkd-news h3{flex:1;font-size:15px;font-weight:700}
.cwyaxkd-news .when{font-size:12.5px;font-weight:700;color:var(--r2);white-space:nowrap}

/* 问答 */
.cwyaxkd-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cwyaxkd-faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);padding:6px 22px 16px;box-shadow:var(--sh)}
.cwyaxkd-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:15px;font-weight:700}
.cwyaxkd-faq summary::-webkit-details-marker{display:none}
.cwyaxkd-faq summary::after{content:"+";font-size:20px;font-weight:400;color:var(--r1);line-height:1}
.cwyaxkd-faq details[open] summary::after{content:"−"}
.cwyaxkd-faq p{font-size:14px;color:var(--ink2)}

/* 收口 */
.cwyaxkd-cta-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:46px;border-radius:22px;color:#fff;background:linear-gradient(115deg,#16306b,#1d4ed8 72%);box-shadow:0 22px 50px rgba(23,48,107,.28)}
.cwyaxkd-cta-box h2{font-size:clamp(20px,2.4vw,27px);font-weight:800;line-height:1.35;margin-bottom:8px}
.cwyaxkd-cta-box p{max-width:580px;font-size:14.5px;color:#c6d6f5}

/* 页脚 */
.cwyaxkd-foot{margin-top:0;padding-top:56px;background:#0c1526;color:#93a4c2}
.cwyaxkd-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:38px}
.cwyaxkd-foot h4{margin-bottom:14px;font-size:14px;font-weight:800;color:#fff}
.cwyaxkd-foot a{display:block;padding:6px 0;font-size:13.5px;color:#93a4c2;transition:color .2s}
.cwyaxkd-foot a:hover{color:#fff}
.cwyaxkd-foot-brand{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:800;color:#fff;margin-bottom:12px}
.cwyaxkd-foot-brand i{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--r1),#4f7cff);display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:800;color:#fff}
.cwyaxkd-foot-about{font-size:13.5px;color:#8b9cba;max-width:320px}
.cwyaxkd-foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:#7f90ae}

/* 响应式 */
@media (max-width:1024px){
  .cwyaxkd-hero{padding:60px 0 52px}
  .cwyaxkd-sec{padding:54px 0}
  .cwyaxkd-g5,.cwyaxkd-g4{grid-template-columns:repeat(3,1fr)}
  .cwyaxkd-cats,.cwyaxkd-notes,.cwyaxkd-voices{grid-template-columns:repeat(2,1fr)}
  .cwyaxkd-genres{grid-template-columns:repeat(2,1fr)}
  .cwyaxkd-foot-grid{grid-template-columns:1fr 1fr}
  .cwyaxkd-nav a{padding:10px 11px;font-size:13.5px}
}
@media (max-width:768px){
  .cwyaxkd-head-in{flex-wrap:wrap;gap:10px;padding:10px 0}
  .cwyaxkd-nav{margin-left:0;width:100%;order:3}
  .cwyaxkd-hero-txt{font-size:14px}
  .cwyaxkd-points{grid-template-columns:1fr;margin:22px 0}
  .cwyaxkd-g5,.cwyaxkd-g4{grid-template-columns:repeat(2,1fr)}
  .cwyaxkd-g3{grid-template-columns:repeat(2,1fr)}
  .cwyaxkd-rank{grid-template-columns:1fr}
  .cwyaxkd-faq{grid-template-columns:1fr}
  .cwyaxkd-years{grid-template-columns:1fr}
  .cwyaxkd-cta-box{padding:30px;border-radius:18px}
  .cwyaxkd-hero-sub{font-size:15.5px}
}
@media (max-width:520px){
  .cwyaxkd-sec{padding:44px 0}
  .cwyaxkd-cats,.cwyaxkd-notes,.cwyaxkd-voices,.cwyaxkd-genres,.cwyaxkd-g3{grid-template-columns:1fr}
  .cwyaxkd-logo span{font-size:14px}
  .cwyaxkd-hero-btns .cwyaxkd-btn{width:100%}
  .cwyaxkd-foot-grid{grid-template-columns:1fr;gap:24px}
  .cwyaxkd-foot a{padding:9px 0}
  .cwyaxkd-card-b h3{font-size:14.5px}
}