/* roulang page: index */
:root{
  --cin-base:#080a10;
  --cin-surface:#12151e;
  --cin-raise:#181c27;
  --cin-amber:#f5b13d;
  --cin-cool:#5b8cff;
  --cin-text:#eef1f7;
  --cin-dim:#98a2b6;
  --cin-line:rgba(255,255,255,.09);
  --cin-round:16px;
  --cin-shadow:0 22px 46px -28px rgba(0,0,0,.95);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:15px;line-height:1.75;color:var(--cin-text);
  background:radial-gradient(1100px 560px at 12% -12%,rgba(91,140,255,.10),transparent 62%),var(--cin-base);
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;border:0}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
button,input{font:inherit}
:focus-visible{outline:2px solid var(--cin-amber);outline-offset:3px;border-radius:6px}
.sluavwjq-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}

/* 顶栏 */
.sluavwjq-top{position:sticky;top:0;z-index:40;background:rgba(8,10,16,.87);backdrop-filter:blur(16px);border-bottom:1px solid var(--cin-line)}
.sluavwjq-topbar{display:flex;align-items:center;gap:18px;min-height:66px}
.sluavwjq-logo{display:flex;align-items:center;gap:10px;flex:none}
.sluavwjq-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,var(--cin-amber),#e0742a);color:#1a1206;font-size:12px}
.sluavwjq-brand{font-size:17px;font-weight:700;letter-spacing:.3px;white-space:nowrap}
.sluavwjq-nav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.sluavwjq-nav::-webkit-scrollbar{display:none}
.sluavwjq-nav a{padding:9px 13px;border-radius:10px;font-size:14.5px;color:var(--cin-dim);white-space:nowrap;transition:color .18s,background .18s}
.sluavwjq-nav a:hover{color:var(--cin-text);background:rgba(255,255,255,.07)}

/* 首屏 */
.sluavwjq-hero{position:relative;overflow:hidden;padding:clamp(60px,9vw,110px) 0 clamp(48px,6vw,84px)}
.sluavwjq-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.sluavwjq-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,16,.58),rgba(8,10,16,.9) 64%,var(--cin-base))}
.sluavwjq-hero-in{position:relative;z-index:2;max-width:780px}
.sluavwjq-eyebrow{display:inline-block;padding:5px 13px;border-radius:999px;background:rgba(245,177,61,.14);border:1px solid rgba(245,177,61,.3);color:var(--cin-amber);font-size:13.5px;letter-spacing:.6px}
.sluavwjq-h1{margin-top:16px;font-size:clamp(28px,4.6vw,50px);line-height:1.22;letter-spacing:.5px;font-weight:800}
.sluavwjq-h1 em{font-style:normal;color:var(--cin-amber)}
.sluavwjq-lede{margin-top:16px;max-width:660px;font-size:15px;line-height:1.95;color:var(--cin-dim)}
.sluavwjq-hero-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.sluavwjq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:12px;background:var(--cin-amber);color:#20160a;font-size:15px;font-weight:700;transition:transform .2s,filter .2s}
.sluavwjq-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.sluavwjq-btn-line{background:transparent;color:var(--cin-text);border:1px solid rgba(255,255,255,.24)}
.sluavwjq-btn-line:hover{background:rgba(255,255,255,.08)}
.sluavwjq-play{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:14px;transition:background .2s,transform .2s,color .2s}
.sluavwjq-play:hover{background:var(--cin-amber);color:#20160a;transform:scale(1.06)}

/* 通用板块 */
.sluavwjq-sec{padding:clamp(50px,6.6vw,82px) 0;border-top:1px solid var(--cin-line);scroll-margin-top:84px}
.sluavwjq-sec-alt{background:rgba(255,255,255,.018)}
.sluavwjq-hd{max-width:760px;margin-bottom:32px}
.sluavwjq-h2{font-size:clamp(21px,2.5vw,27px);line-height:1.38;font-weight:700;letter-spacing:.3px}
.sluavwjq-sub{margin-top:10px;font-size:14.5px;line-height:1.9;color:var(--cin-dim)}

/* 亮点 */
.sluavwjq-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sluavwjq-feat{padding:22px 20px;border-radius:var(--cin-round);background:linear-gradient(160deg,var(--cin-raise),var(--cin-surface));border:1px solid var(--cin-line);transition:border-color .22s,transform .22s}
.sluavwjq-feat:hover{border-color:rgba(245,177,61,.4);transform:translateY(-3px)}
.sluavwjq-fi{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(245,177,61,.14);color:var(--cin-amber);font-size:14px;font-weight:700;margin-bottom:13px}
.sluavwjq-ft{font-size:15.5px;font-weight:700}
.sluavwjq-fd{margin-top:6px;font-size:14px;line-height:1.8;color:var(--cin-dim)}

/* 类型频道 */
.sluavwjq-genres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sluavwjq-genre{padding:22px;border-radius:var(--cin-round);background:var(--cin-surface);border:1px solid var(--cin-line);transition:border-color .22s}
.sluavwjq-genre:hover{border-color:rgba(91,140,255,.5)}
.sluavwjq-gn{font-size:16px;font-weight:700}
.sluavwjq-gd{margin-top:7px;font-size:14px;line-height:1.8;color:var(--cin-dim)}

/* 卡片墙 */
.sluavwjq-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.sluavwjq-card{min-width:0}
.sluavwjq-thumb{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:2/3;background:var(--cin-raise);box-shadow:var(--cin-shadow)}
.sluavwjq-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.sluavwjq-card:hover .sluavwjq-thumb img{transform:scale(1.05)}
.sluavwjq-badge{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:999px;background:rgba(8,10,16,.78);border:1px solid rgba(255,255,255,.16);font-size:11.5px;color:var(--cin-text)}
.sluavwjq-score{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:8px;background:rgba(245,177,61,.94);color:#20160a;font-size:12px;font-weight:700}
.sluavwjq-ct{margin-top:10px;font-size:14.5px;font-weight:600;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sluavwjq-cd{margin-top:3px;font-size:14px;color:var(--cin-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 列表行 */
.sluavwjq-rows{display:grid;gap:10px}
.sluavwjq-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;background:var(--cin-surface);border:1px solid var(--cin-line);transition:border-color .2s,transform .2s}
.sluavwjq-row:hover{border-color:rgba(245,177,61,.42);transform:translateY(-2px)}
.sluavwjq-num{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.06);font-size:13px;font-weight:700;color:var(--cin-dim)}
.sluavwjq-row:nth-child(-n+3) .sluavwjq-num{background:linear-gradient(140deg,var(--cin-amber),#e0742a);color:#20160a}
.sluavwjq-rinfo{display:flex;flex-direction:column;min-width:0}
.sluavwjq-rn{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sluavwjq-rm{font-size:14px;color:var(--cin-dim);margin-top:1px}
.sluavwjq-rv{font-size:15px;font-weight:700;color:var(--cin-amber)}

/* 高分点评 */
.sluavwjq-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sluavwjq-quote{padding:20px;border-radius:var(--cin-round);background:var(--cin-surface);border:1px solid var(--cin-line);transition:border-color .22s}
.sluavwjq-quote:hover{border-color:rgba(245,177,61,.4)}
.sluavwjq-qt{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.sluavwjq-qn{font-size:15.5px;font-weight:700}
.sluavwjq-qs{font-size:14px;font-weight:700;color:var(--cin-amber)}
.sluavwjq-qd{margin-top:9px;font-size:14px;line-height:1.85;color:var(--cin-dim)}

/* 主题片单 */
.sluavwjq-specials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sluavwjq-special{padding:24px;border-radius:var(--cin-round);background:linear-gradient(150deg,rgba(91,140,255,.16),var(--cin-surface) 58%);border:1px solid var(--cin-line);transition:transform .22s,border-color .22s}
.sluavwjq-special:hover{transform:translateY(-3px);border-color:rgba(91,140,255,.45)}
.sluavwjq-sp-t{font-size:16.5px;font-weight:700}
.sluavwjq-sp-d{margin-top:8px;font-size:14px;line-height:1.85;color:var(--cin-dim)}
.sluavwjq-sp-m{display:inline-block;margin-top:14px;padding:3px 11px;border-radius:999px;background:rgba(255,255,255,.07);font-size:13px;color:var(--cin-dim)}

/* 资讯 */
.sluavwjq-news{display:grid;gap:12px}
.sluavwjq-new{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:18px 20px;border-radius:12px;background:var(--cin-surface);border:1px solid var(--cin-line);transition:border-color .2s}
.sluavwjq-new:hover{border-color:rgba(91,140,255,.45)}
.sluavwjq-nd{padding:3px 10px;border-radius:999px;background:rgba(245,177,61,.12);color:var(--cin-amber);font-size:13px;white-space:nowrap}
.sluavwjq-nt{font-size:15.5px;font-weight:600;line-height:1.5}
.sluavwjq-np{margin-top:5px;font-size:14px;line-height:1.8;color:var(--cin-dim)}

/* 问答 */
.sluavwjq-faq{display:grid;gap:10px;max-width:860px}
.sluavwjq-faq details{padding:0 18px;border-radius:12px;background:var(--cin-surface);border:1px solid var(--cin-line)}
.sluavwjq-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.sluavwjq-faq summary::-webkit-details-marker{display:none}
.sluavwjq-faq summary::after{content:"+";color:var(--cin-amber);font-size:18px;line-height:1}
.sluavwjq-faq details[open] summary::after{content:"–"}
.sluavwjq-faq p{padding:0 0 16px;font-size:14px;line-height:1.9;color:var(--cin-dim)}

/* 订阅 */
.sluavwjq-signup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;padding:clamp(26px,4vw,42px);border-radius:20px;background:linear-gradient(135deg,rgba(245,177,61,.16),rgba(91,140,255,.14) 72%);border:1px solid rgba(245,177,61,.28)}
.sluavwjq-sg-t{font-size:clamp(19px,2.2vw,23px);font-weight:700}
.sluavwjq-sg-d{margin-top:8px;font-size:14.5px;line-height:1.85;color:var(--cin-dim);max-width:620px}
.sluavwjq-form{display:flex;gap:10px;flex-wrap:wrap}
.sluavwjq-form input{flex:1 1 220px;min-height:46px;padding:0 16px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:rgba(8,10,16,.6);color:var(--cin-text);font-size:14px}
.sluavwjq-form input::placeholder{color:var(--cin-dim)}
.sluavwjq-form button{min-height:46px;padding:0 26px;border:0;border-radius:11px;background:var(--cin-amber);color:#20160a;font-size:14.5px;font-weight:700;cursor:pointer;transition:filter .18s}
.sluavwjq-form button:hover{filter:brightness(1.08)}

/* 页脚 */
.sluavwjq-foot{border-top:1px solid var(--cin-line);background:#06080d;padding-top:clamp(34px,4.5vw,52px)}
.sluavwjq-foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-bottom:34px}
.sluavwjq-fbrand{font-size:16px;font-weight:700}
.sluavwjq-fdesc{margin-top:10px;font-size:14px;line-height:1.85;color:var(--cin-dim);max-width:320px}
.sluavwjq-fcol-h{margin:0 0 10px;font-size:14.5px;font-weight:700;color:var(--cin-text)}
.sluavwjq-fcol a,.sluavwjq-fcol span{display:block;padding:5px 0;font-size:14px;color:var(--cin-dim);transition:color .18s}
.sluavwjq-fcol a:hover{color:var(--cin-amber)}
.sluavwjq-fnote{padding:18px 0 22px;border-top:1px solid var(--cin-line);text-align:center;font-size:13.5px;color:var(--cin-dim)}

@media (max-width:1024px){
  .sluavwjq-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sluavwjq-genres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sluavwjq-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sluavwjq-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sluavwjq-specials{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sluavwjq-signup{grid-template-columns:1fr}
  .sluavwjq-foot-in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .sluavwjq-topbar{flex-wrap:wrap;gap:8px;padding:10px 0}
  .sluavwjq-brand{font-size:15.5px}
  .sluavwjq-nav{order:3;width:100%;margin-left:0;padding-bottom:2px}
  .sluavwjq-sec{scroll-margin-top:118px}
  .sluavwjq-hd{margin-bottom:24px}
  .sluavwjq-cards{gap:14px}
}
@media (max-width:520px){
  .sluavwjq-feats,.sluavwjq-genres,.sluavwjq-quotes,.sluavwjq-specials{grid-template-columns:1fr}
  .sluavwjq-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sluavwjq-foot-in{grid-template-columns:1fr;gap:22px}
  .sluavwjq-row{padding:12px 14px;gap:10px}
  .sluavwjq-lede{font-size:14.5px}
  .sluavwjq-new{grid-template-columns:1fr;gap:8px}
}