/* roulang page: index */
:root{
  --jm-hot:#ff6a3d;
  --jm-gold:#ffc457;
  --jm-night:#0c0f13;
  --jm-panel:#151b22;
  --jm-ink:#eef3f7;
  --jm-dim:#95a3b1;
  --jm-edge:#242c36;
  --jm-rad:18px;
  --jm-shade:0 20px 44px rgba(0,0,0,.5);
  --jm-gap:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--jm-night);
  color:var(--jm-ink);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--jm-gold);outline-offset:3px;border-radius:6px}

.jmbyxuw-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}

/* 顶栏 */
.jmbyxuw-top{
  position:sticky;top:0;z-index:60;
  background:rgba(12,15,19,.9);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--jm-edge);
}
.jmbyxuw-topbar{display:flex;align-items:center;gap:26px;min-height:74px}
.jmbyxuw-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:.4px;white-space:nowrap}
.jmbyxuw-mark{
  display:grid;place-items:center;width:38px;height:38px;flex:none;
  border-radius:12px;font-size:18px;font-weight:800;color:#1c0d05;
  background:linear-gradient(140deg,var(--jm-hot),var(--jm-gold));
}
.jmbyxuw-nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.jmbyxuw-nav::-webkit-scrollbar{display:none}
.jmbyxuw-nav a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 14px;
  border-radius:999px;color:var(--jm-dim);font-size:15px;white-space:nowrap;
  transition:color .2s ease,background .2s ease;
}
.jmbyxuw-nav a:hover{color:var(--jm-ink);background:rgba(255,255,255,.07)}

/* 首屏 */
.jmbyxuw-hero{
  padding:60px 0 46px;
  background:
    radial-gradient(1100px 480px at 84% -12%,rgba(255,106,61,.20),transparent 62%),
    radial-gradient(880px 400px at 2% 8%,rgba(255,196,87,.10),transparent 66%);
}
.jmbyxuw-herobox{display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center}
.jmbyxuw-kicker{display:inline-block;font-size:13px;letter-spacing:2px;color:var(--jm-gold);margin-bottom:14px}
.jmbyxuw-h1{font-size:clamp(30px,4.1vw,50px);line-height:1.18;font-weight:800;letter-spacing:-.4px}
.jmbyxuw-h1 em{display:block;font-style:normal;font-size:.74em;margin-top:10px;color:var(--jm-hot)}
.jmbyxuw-lead{margin-top:22px;color:var(--jm-dim);font-size:15.5px;line-height:1.85;max-width:600px}
.jmbyxuw-acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.jmbyxuw-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;color:#1b0d06;
  background:linear-gradient(135deg,var(--jm-hot),#ff9257);
  box-shadow:0 14px 28px rgba(255,106,61,.28);
  transition:transform .2s ease,box-shadow .2s ease;
}
.jmbyxuw-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(255,106,61,.38)}
.jmbyxuw-ghost{background:transparent;border:1px solid var(--jm-edge);color:var(--jm-ink);box-shadow:none}
.jmbyxuw-ghost:hover{border-color:var(--jm-hot);box-shadow:none}
.jmbyxuw-herofig{
  position:relative;border-radius:26px;overflow:hidden;
  border:1px solid var(--jm-edge);box-shadow:var(--jm-shade);
}
.jmbyxuw-herofig img{width:100%;height:100%;aspect-ratio:5/4;object-fit:cover}
.jmbyxuw-herofig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(12,15,19,.7))}

/* 板块通用 */
.jmbyxuw-sec{padding:66px 0;scroll-margin-top:96px}
.jmbyxuw-alt{background:#0f141a;border-top:1px solid var(--jm-edge);border-bottom:1px solid var(--jm-edge)}
.jmbyxuw-shead{max-width:740px;margin-bottom:34px}
.jmbyxuw-shead h2{
  position:relative;padding-left:16px;
  font-size:clamp(22px,2.5vw,30px);font-weight:750;letter-spacing:.4px;
}
.jmbyxuw-shead h2::before{
  content:"";position:absolute;left:0;top:.22em;width:5px;height:1em;
  border-radius:3px;background:linear-gradient(180deg,var(--jm-hot),var(--jm-gold));
}
.jmbyxuw-shead p{margin-top:12px;color:var(--jm-dim);font-size:15px}

/* 分类频道 */
.jmbyxuw-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.jmbyxuw-cats li{
  padding:22px 22px 24px;border:1px solid var(--jm-edge);border-radius:var(--jm-rad);
  background:var(--jm-panel);transition:border-color .22s ease,transform .22s ease;
}
.jmbyxuw-cats li:hover{border-color:rgba(255,106,61,.5);transform:translateY(-3px)}
.jmbyxuw-cats h3{font-size:17px;margin-bottom:8px}
.jmbyxuw-cats p{color:var(--jm-dim);font-size:14px;line-height:1.68}

/* 卡片网格 */
.jmbyxuw-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.jmbyxuw-card{
  background:var(--jm-panel);border:1px solid var(--jm-edge);border-radius:var(--jm-rad);
  overflow:hidden;transition:transform .24s ease,border-color .24s ease;
}
.jmbyxuw-card:hover{transform:translateY(-4px);border-color:rgba(255,196,87,.45)}
.jmbyxuw-thumb{position:relative;aspect-ratio:2/3;overflow:hidden;background:#0a0d11}
.jmbyxuw-thumb img{width:100%;height:100%;object-fit:cover}
.jmbyxuw-badge{
  position:absolute;left:8px;top:8px;padding:1px 9px;border-radius:999px;
  font-size:12px;line-height:20px;color:var(--jm-gold);
  background:rgba(12,15,19,.84);border:1px solid rgba(255,196,87,.35);
}
.jmbyxuw-card h3{
  padding:12px 12px 0;font-size:15px;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.jmbyxuw-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 12px 14px;font-size:13px;color:var(--jm-dim)}
.jmbyxuw-score{color:var(--jm-gold);font-weight:700}

/* 高分好评 */
.jmbyxuw-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.jmbyxuw-list li{
  display:flex;align-items:center;gap:16px;
  padding:18px 22px;border-radius:var(--jm-rad);
  background:var(--jm-panel);border:1px solid var(--jm-edge);
}
.jmbyxuw-list h3{font-size:16px;margin-bottom:3px}
.jmbyxuw-list p{color:var(--jm-dim);font-size:14px}
.jmbyxuw-list .jmbyxuw-score{margin-left:auto;font-size:20px;flex:none}

/* 排行榜 */
.jmbyxuw-rank{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px}
.jmbyxuw-rank li{
  display:flex;align-items:center;gap:14px;min-height:48px;padding:8px 4px;
  border-bottom:1px dashed var(--jm-edge);
}
.jmbyxuw-no{flex:none;width:32px;font-family:Georgia,"Times New Roman",serif;font-size:17px;color:var(--jm-hot)}
.jmbyxuw-rank h3{font-size:15px;font-weight:600}
.jmbyxuw-tag{
  margin-left:auto;flex:none;padding:1px 10px;border-radius:999px;
  font-size:12px;color:var(--jm-dim);border:1px solid var(--jm-edge);white-space:nowrap;
}
.jmbyxuw-heat{flex:none;font-size:12px;color:var(--jm-gold);white-space:nowrap}

/* 类型专区 */
.jmbyxuw-genres{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.jmbyxuw-genre{
  padding:20px 24px;border-radius:0 var(--jm-rad) var(--jm-rad) 0;
  border-left:3px solid var(--jm-hot);background:var(--jm-panel);
}
.jmbyxuw-genre h3{font-size:16px;margin-bottom:6px}
.jmbyxuw-genre p{color:var(--jm-dim);font-size:14px}

/* 主题片单 */
.jmbyxuw-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.jmbyxuw-topic{
  position:relative;display:flex;align-items:flex-end;
  min-height:230px;border-radius:var(--jm-rad);overflow:hidden;
  border:1px solid var(--jm-edge);
}
.jmbyxuw-topic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jmbyxuw-topic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,13,17,.18),rgba(10,13,17,.93))}
.jmbyxuw-topicbody{position:relative;z-index:2;padding:22px}
.jmbyxuw-topicbody h3{font-size:17px;margin-bottom:6px}
.jmbyxuw-topicbody p{font-size:14px;color:#c6d2dd}

/* 资讯 */
.jmbyxuw-news li{
  display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:start;
  padding:18px 0;border-bottom:1px solid var(--jm-edge);
}
.jmbyxuw-news li:first-child{padding-top:0}
.jmbyxuw-news time{font-size:13px;color:var(--jm-hot);padding-top:3px;letter-spacing:1px}
.jmbyxuw-news h3{font-size:16px;margin-bottom:4px}
.jmbyxuw-news p{color:var(--jm-dim);font-size:14px}

/* 常见问答 */
.jmbyxuw-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.jmbyxuw-faq article{
  padding:24px;border-radius:var(--jm-rad);
  background:var(--jm-panel);border:1px solid var(--jm-edge);
}
.jmbyxuw-faq h3{font-size:16px;margin-bottom:10px;color:var(--jm-gold)}
.jmbyxuw-faq p{color:var(--jm-dim);font-size:14px;line-height:1.78}

/* 收口 */
.jmbyxuw-cta{padding:58px 0;scroll-margin-top:96px}
.jmbyxuw-ctain{
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  padding:38px;border-radius:24px;
  background:linear-gradient(120deg,rgba(255,106,61,.16),rgba(255,196,87,.07));
  border:1px solid rgba(255,106,61,.28);
}
.jmbyxuw-ctain h2{font-size:clamp(20px,2.3vw,24px)}
.jmbyxuw-ctain p{margin-top:10px;max-width:580px;color:var(--jm-dim);font-size:14.5px}

/* 页脚 */
.jmbyxuw-foot{border-top:1px solid var(--jm-edge);background:#0a0d11;padding:54px 0 0}
.jmbyxuw-fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:34px}
.jmbyxuw-fgrid h3{font-size:15px;margin-bottom:12px}
.jmbyxuw-fgrid p{color:var(--jm-dim);font-size:14px;line-height:1.8}
.jmbyxuw-fgrid a{
  display:flex;align-items:center;min-height:44px;
  color:var(--jm-dim);font-size:14px;transition:color .2s ease;
}
.jmbyxuw-fgrid a:hover{color:var(--jm-hot)}
.jmbyxuw-copy{
  margin-top:34px;padding:20px 0;border-top:1px solid var(--jm-edge);
  text-align:center;font-size:13px;color:#6f7c88;
}

@media (max-width:1024px){
  .jmbyxuw-herobox{grid-template-columns:1fr;gap:34px}
  .jmbyxuw-lead{max-width:none}
  .jmbyxuw-grid{grid-template-columns:repeat(3,1fr)}
  .jmbyxuw-cats{grid-template-columns:repeat(2,1fr)}
  .jmbyxuw-topics{grid-template-columns:1fr}
  .jmbyxuw-topic{min-height:200px}
  .jmbyxuw-fgrid{grid-template-columns:1fr 1fr;gap:26px}
}
@media (max-width:768px){
  .jmbyxuw-topbar{flex-wrap:wrap;gap:6px;min-height:0;padding-top:10px;padding-bottom:10px}
  .jmbyxuw-nav{margin-left:0;width:100%;gap:2px}
  .jmbyxuw-nav a{padding:0 12px;font-size:14px}
  .jmbyxuw-sec{padding:48px 0;scroll-margin-top:132px}
  .jmbyxuw-cta{scroll-margin-top:132px}
  .jmbyxuw-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .jmbyxuw-list{grid-template-columns:1fr}
  .jmbyxuw-rank{grid-template-columns:1fr}
  .jmbyxuw-genres{grid-template-columns:1fr}
  .jmbyxuw-faq{grid-template-columns:1fr}
  .jmbyxuw-news li{grid-template-columns:78px 1fr;gap:12px}
  .jmbyxuw-ctain{padding:28px}
}
@media (max-width:520px){
  body{font-size:15px}
  .jmbyxuw-wrap{padding:0 16px}
  .jmbyxuw-hero{padding:34px 0 28px}
  .jmbyxuw-cats{grid-template-columns:1fr}
  .jmbyxuw-grid{gap:12px}
  .jmbyxuw-card h3{font-size:14px;padding:10px 10px 0}
  .jmbyxuw-meta{padding:4px 10px 12px;font-size:12px}
  .jmbyxuw-list li{padding:16px;gap:12px}
  .jmbyxuw-list .jmbyxuw-score{font-size:18px}
  .jmbyxuw-news li{grid-template-columns:1fr;gap:4px}
  .jmbyxuw-news time{padding-top:0}
  .jmbyxuw-btn{width:100%}
  .jmbyxuw-ctain{padding:22px}
  .jmbyxuw-fgrid{grid-template-columns:1fr;gap:18px}
  .jmbyxuw-copy{font-size:12px}
}