/* roulang page: index */
:root{
  --tone-a:#f5b544;
  --tone-b:#7dd3c0;
  --ink-base:#0a0c11;
  --ink-panel:#12151d;
  --txt-1:#eef1f7;
  --txt-2:#9aa3b5;
  --edge:rgba(255,255,255,.09);
  --r-s:10px;
  --r-m:16px;
  --r-l:24px;
  --eleve:0 18px 44px rgba(0,0,0,.5);
  --gap-x:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ink-base);
  color:var(--txt-1);
  font:16px/1.7 -apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
a:focus-visible,button:focus-visible{outline:2px solid var(--tone-a);outline-offset:3px;border-radius:8px}
.llediwlu-wrap{width:min(1180px,92%);margin:0 auto}

/* 顶栏 */
.llediwlu-top{
  position:sticky;top:0;z-index:30;
  background:rgba(10,12,17,.84);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--edge);
}
.llediwlu-topin{display:flex;align-items:center;gap:26px;height:72px}
.llediwlu-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.llediwlu-mark{
  width:36px;height:36px;border-radius:12px;flex:0 0 auto;
  display:grid;place-items:center;
  font-size:15px;font-weight:800;color:#171104;
  background:linear-gradient(140deg,var(--tone-a),#ff8f3d);
  box-shadow:0 8px 20px rgba(245,181,68,.25);
}
.llediwlu-bname{font-size:17px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.llediwlu-nav{
  display:flex;gap:4px;margin-left:auto;
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
  padding:4px 0;
}
.llediwlu-nav::-webkit-scrollbar{display:none}
.llediwlu-nav a{
  display:inline-flex;align-items:center;min-height:44px;
  padding:0 14px;border-radius:999px;
  font-size:15px;color:var(--txt-2);white-space:nowrap;
  transition:color .2s ease,background .2s ease;
}
.llediwlu-nav a:hover,.llediwlu-nav a:focus-visible{color:var(--txt-1);background:rgba(255,255,255,.07)}

/* 首屏 */
.llediwlu-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--edge)}
.llediwlu-heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04)}
.llediwlu-heromask{
  position:absolute;inset:0;
  background:linear-gradient(102deg,rgba(6,8,12,.95) 8%,rgba(6,8,12,.74) 48%,rgba(6,8,12,.38) 100%);
}
.llediwlu-heroin{position:relative;max-width:780px;padding:96px 0 84px}
.llediwlu-kicker{
  display:inline-block;font-size:13px;letter-spacing:.22em;
  color:var(--tone-a);text-transform:uppercase;
  padding:6px 14px;border:1px solid rgba(245,181,68,.35);border-radius:999px;
}
.llediwlu-hero h1{
  margin-top:22px;
  font-size:clamp(30px,5.2vw,56px);
  line-height:1.14;font-weight:800;letter-spacing:.01em;
}
.llediwlu-hero h1 em{font-style:normal;color:var(--tone-a)}
.llediwlu-lead{margin-top:22px;max-width:660px;font-size:16px;line-height:1.85;color:#c6cddb}
.llediwlu-herobtns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.llediwlu-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:0 26px;border-radius:999px;
  font-size:15px;font-weight:600;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;
}
.llediwlu-btn-main{background:var(--tone-a);color:#151004;box-shadow:0 12px 30px rgba(245,181,68,.24)}
.llediwlu-btn-main:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(245,181,68,.34)}
.llediwlu-play{
  border:1px solid rgba(255,255,255,.24);color:var(--txt-1);
  background:rgba(255,255,255,.05);
}
.llediwlu-play::before{
  content:"";width:0;height:0;
  border-left:9px solid var(--tone-a);
  border-top:6px solid transparent;border-bottom:6px solid transparent;
}
.llediwlu-play:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}

/* 板块通用 */
.llediwlu-sec{padding:74px 0}
.llediwlu-sec-alt{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))}
.llediwlu-sechead{max-width:720px;margin-bottom:36px}
.llediwlu-sechead h2{
  font-size:clamp(22px,2.5vw,31px);font-weight:750;letter-spacing:.01em;line-height:1.3;
}
.llediwlu-sechead h2::before{
  content:"";display:inline-block;width:8px;height:8px;border-radius:3px;
  background:var(--tone-a);margin-right:12px;vertical-align:middle;
}
.llediwlu-sechead p{margin-top:14px;font-size:15px;line-height:1.8;color:var(--txt-2)}

/* 卡片网格 */
.llediwlu-grid{display:grid;gap:22px}
.llediwlu-grid-4{grid-template-columns:repeat(4,1fr)}
.llediwlu-grid-2{grid-template-columns:repeat(2,1fr)}
.llediwlu-card{
  background:var(--ink-panel);border:1px solid var(--edge);border-radius:var(--r-m);
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.llediwlu-card:hover{transform:translateY(-5px);box-shadow:var(--eleve);border-color:rgba(245,181,68,.38)}
.llediwlu-poster{position:relative;aspect-ratio:3/4;background:#181c25;overflow:hidden}
.llediwlu-poster img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.llediwlu-card:hover .llediwlu-poster img{transform:scale(1.05)}
.llediwlu-badge{
  position:absolute;top:10px;left:10px;
  font-size:12px;line-height:1.5;padding:2px 10px;border-radius:999px;
  color:var(--tone-a);background:rgba(8,10,14,.8);
  border:1px solid rgba(245,181,68,.4);
}
.llediwlu-rate{
  position:absolute;right:10px;bottom:10px;
  font-size:13px;font-weight:700;padding:2px 9px;border-radius:9px;
  color:var(--tone-b);background:rgba(8,10,14,.82);
}
.llediwlu-card h3{padding:14px 15px 0;font-size:16px;font-weight:650;line-height:1.45}
.llediwlu-meta{padding:7px 15px 16px;font-size:14px;line-height:1.65;color:var(--txt-2)}

/* 分类频道 */
.llediwlu-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.llediwlu-cat{
  padding:26px;border-radius:var(--r-m);
  background:rgba(255,255,255,.032);border:1px solid var(--edge);
  transition:background .25s ease,border-color .25s ease;
}
.llediwlu-cat:hover{background:rgba(255,255,255,.06);border-color:rgba(245,181,68,.3)}
.llediwlu-catname{
  display:inline-block;font-size:14px;font-weight:650;
  padding:4px 14px;border-radius:999px;
  color:var(--tone-a);background:rgba(245,181,68,.12);
  border:1px solid rgba(245,181,68,.26);
}
.llediwlu-cat p{margin-top:15px;font-size:14px;line-height:1.75;color:var(--txt-2)}

/* 高分好评 */
.llediwlu-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.llediwlu-pick{
  padding:24px;border-radius:var(--r-m);
  background:var(--ink-panel);border:1px solid var(--edge);
  transition:border-color .25s ease,transform .25s ease;
}
.llediwlu-pick:hover{border-color:rgba(125,211,192,.36);transform:translateY(-3px)}
.llediwlu-pick h3{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:16px;font-weight:650}
.llediwlu-score{font-size:14px;font-weight:700;color:var(--tone-b);flex:0 0 auto}
.llediwlu-pick p{margin-top:11px;font-size:14px;line-height:1.75;color:var(--txt-2)}

/* 排行榜 */
.llediwlu-rank{display:grid;grid-template-columns:repeat(2,1fr);gap:0 42px}
.llediwlu-rankitem{
  display:flex;align-items:center;gap:14px;
  padding:15px 0;border-bottom:1px solid var(--edge);
}
.llediwlu-no{
  flex:0 0 26px;font-size:15px;font-weight:800;color:var(--tone-a);
  font-variant-numeric:tabular-nums;
}
.llediwlu-rtitle{flex:1;font-size:15px;font-weight:600;min-width:0}
.llediwlu-rtag{
  flex:0 0 auto;font-size:12px;padding:2px 9px;border-radius:999px;
  color:var(--txt-2);border:1px solid var(--edge);
}
.llediwlu-heat{flex:0 0 auto;font-size:12.5px;color:var(--tone-b)}

/* 类型专区 */
.llediwlu-genres{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.llediwlu-genre h3{font-size:16px;font-weight:700;color:var(--tone-a);margin-bottom:14px}
.llediwlu-glist li{
  padding:10px 0;border-bottom:1px dashed var(--edge);
  font-size:14px;color:var(--txt-2);
}

/* 追剧进度 */
.llediwlu-plist{display:grid;grid-template-columns:repeat(2,1fr);gap:0 42px}
.llediwlu-pitem{
  display:flex;align-items:center;gap:14px;
  padding:16px 0;border-bottom:1px solid var(--edge);
}
.llediwlu-pitem strong{flex:1;font-size:15px;font-weight:600;min-width:0}
.llediwlu-state{
  flex:0 0 auto;font-size:12.5px;padding:3px 11px;border-radius:999px;
  color:var(--tone-b);border:1px solid rgba(125,211,192,.34);
}

/* 主题片单 */
.llediwlu-special{
  padding:28px;border-radius:var(--r-l);
  background:linear-gradient(152deg,rgba(245,181,68,.11),rgba(255,255,255,.02));
  border:1px solid var(--edge);
  transition:border-color .25s ease,transform .25s ease;
}
.llediwlu-special:hover{border-color:rgba(245,181,68,.36);transform:translateY(-3px)}
.llediwlu-special h3{font-size:17px;font-weight:700}
.llediwlu-special p{margin-top:12px;font-size:14px;line-height:1.75;color:var(--txt-2)}

/* 资讯 */
.llediwlu-news{display:grid;gap:0}
.llediwlu-nitem{
  display:grid;grid-template-columns:82px 1fr;gap:6px 18px;
  padding:20px 0;border-bottom:1px solid var(--edge);
}
.llediwlu-ntime{font-size:13px;color:var(--tone-a)}
.llediwlu-nitem h3{font-size:16px;font-weight:600;line-height:1.5}
.llediwlu-nitem p{grid-column:2;font-size:14px;line-height:1.7;color:var(--txt-2)}

/* 问答 */
.llediwlu-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.llediwlu-fitem{
  padding:26px;border-radius:var(--r-m);
  background:var(--ink-panel);border:1px solid var(--edge);
}
.llediwlu-fitem h3{font-size:16px;font-weight:650;line-height:1.5}
.llediwlu-fitem p{margin-top:11px;font-size:14px;line-height:1.8;color:var(--txt-2)}

/* 收口 */
.llediwlu-cta{
  position:relative;overflow:hidden;border-radius:var(--r-l);
  padding:72px 40px;text-align:center;
  border:1px solid var(--edge);
}
.llediwlu-ctaimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26}
.llediwlu-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(245,181,68,.16),transparent 62%)}
.llediwlu-ctain{position:relative;z-index:1;max-width:620px;margin:0 auto}
.llediwlu-ctain h2{font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.28}
.llediwlu-ctain p{margin:16px auto 28px;font-size:15px;line-height:1.85;color:#c6cddb}

/* 页脚 */
.llediwlu-foot{margin-top:12px;padding:60px 0 26px;background:#07090d;border-top:1px solid var(--edge)}
.llediwlu-footin{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.llediwlu-fcol h3{font-size:15px;font-weight:700;letter-spacing:.02em;margin-bottom:14px}
.llediwlu-fcol p{margin-top:14px;font-size:14px;line-height:1.75;color:var(--txt-2)}
.llediwlu-flinks li{padding:7px 0}
.llediwlu-flinks a,.llediwlu-flinks span{font-size:14px;color:var(--txt-2);transition:color .2s ease}
.llediwlu-flinks a:hover{color:var(--tone-a)}
.llediwlu-copy{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;
  margin-top:40px;padding-top:20px;border-top:1px solid var(--edge);
  font-size:13.5px;color:var(--txt-2);
}

@media (max-width:1024px){
  .llediwlu-heroin{padding:76px 0 66px}
  .llediwlu-sec{padding:60px 0}
  .llediwlu-grid-4{grid-template-columns:repeat(3,1fr)}
  .llediwlu-cats{grid-template-columns:repeat(2,1fr)}
  .llediwlu-genres{grid-template-columns:repeat(2,1fr)}
  .llediwlu-picks{grid-template-columns:repeat(2,1fr)}
  .llediwlu-footin{grid-template-columns:1fr 1fr}
  .llediwlu-cta{padding:58px 30px}
}
@media (max-width:768px){
  .llediwlu-topin{height:64px;gap:14px}
  .llediwlu-bname{font-size:16px}
  .llediwlu-nav a{padding:0 12px;font-size:14px}
  .llediwlu-grid-4{grid-template-columns:repeat(2,1fr)}
  .llediwlu-grid-2,.llediwlu-rank,.llediwlu-plist,.llediwlu-faq,.llediwlu-specials{grid-template-columns:1fr}
  .llediwlu-sechead{margin-bottom:28px}
  .llediwlu-sec{padding:52px 0}
  .llediwlu-nitem{grid-template-columns:70px 1fr}
  .llediwlu-lead{font-size:15px}
}
@media (max-width:520px){
  .llediwlu-wrap{width:94%}
  .llediwlu-heroin{padding:60px 0 54px}
  .llediwlu-herobtns .llediwlu-btn{width:100%}
  .llediwlu-cats,.llediwlu-genres,.llediwlu-picks{grid-template-columns:1fr}
  .llediwlu-grid-4{gap:16px}
  .llediwlu-card h3{font-size:15px}
  .llediwlu-meta{font-size:14px}
  .llediwlu-cta{padding:46px 22px}
  .llediwlu-footin{grid-template-columns:1fr}
  .llediwlu-rtag{display:none}
}