/* roulang page: index */
:root{
  --starlit:#16151A;
  --midnight:#14131A;
  --paperx:#F7F4EF;
  --p2:#EFEAE2;
  --dim:#6B6672;
  --hairline:rgba(22,21,26,.12);
  --ember:#C05B2A;
  --embersoft:#EBD9CB;
  --r:4px;
  --maxw:1200px;
  --gut:clamp(20px,5vw,56px);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paperx);color:var(--starlit);font-family:"PingFang SC","HarmonyOS Sans","Source Han Sans SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased;}
h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.01em;}
p{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
figure{margin:0;}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px;}
.huixina-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);}

/* 顶部导航 */
.huixina-top{position:sticky;top:0;z-index:50;background:rgba(247,244,239,.94);border-bottom:1px solid var(--hairline);backdrop-filter:blur(8px);}
.huixina-bar{display:flex;align-items:center;gap:18px;height:66px;position:relative;}
.huixina-logo{display:inline-flex;align-items:center;gap:12px;min-height:44px;}
.huixina-mark{width:28px;height:28px;background:var(--starlit);border-radius:2px;display:grid;place-items:center;}
.huixina-mark svg{fill:var(--ember);}
.huixina-rule{width:1px;height:18px;background:var(--hairline);}
.huixina-brand{font-size:16px;letter-spacing:.02em;}
.huixina-toggler{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.huixina-burger{display:none;}
.huixina-nav{display:flex;align-items:center;gap:26px;margin-left:auto;}
.huixina-navlist{display:flex;align-items:center;gap:26px;}
.huixina-navlist a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:10px 0;font-size:14px;color:var(--dim);transition:color .3s;}
.huixina-navlist a::after{content:"";position:absolute;left:0;bottom:8px;width:0;height:1px;background:var(--ember);transition:width .3s;}
.huixina-navlist a:hover{color:var(--starlit);}
.huixina-navlist a:hover::after{width:100%;}
.huixina-ghost{display:inline-flex;align-items:center;min-height:44px;padding:9px 18px;border:2px solid var(--starlit);border-radius:2px;font-size:13px;letter-spacing:.04em;transition:background .3s,border-color .3s,color .3s;}
.huixina-ghost:hover{background:var(--ember);border-color:var(--ember);color:var(--paperx);}

/* 首屏 */
.huixina-hero{background:var(--midnight);color:var(--paperx);padding:clamp(48px,7vw,96px) 0;}
.huixina-herogrid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;}
.huixina-eyebrow{font-size:12px;letter-spacing:.18em;color:var(--embersoft);margin-bottom:18px;}
.huixina-hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.18;letter-spacing:-.02em;}
.huixina-hl{color:var(--ember);}
.huixina-sub{margin-top:18px;font-size:16px;color:rgba(247,244,239,.74);}
.huixina-lead{margin-top:10px;max-width:38em;font-size:14px;line-height:1.9;color:rgba(247,244,239,.64);}
.huixina-points{margin-top:24px;display:grid;gap:9px;}
.huixina-points li{position:relative;padding-left:18px;font-size:14px;color:rgba(247,244,239,.84);}
.huixina-points li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--ember);}
.huixina-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:30px;}
.huixina-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 24px;background:var(--paperx);color:var(--starlit);border:2px solid var(--paperx);border-radius:2px;font-size:14px;transition:background .3s,border-color .3s,color .3s;}
.huixina-btn:hover{background:var(--ember);border-color:var(--ember);color:var(--paperx);}
.huixina-textbtn{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;font-size:14px;color:var(--paperx);border-bottom:1px solid rgba(247,244,239,.42);transition:color .3s,border-color .3s;}
.huixina-textbtn:hover{color:var(--ember);border-color:var(--ember);}
.huixina-trust{margin-top:26px;padding-top:18px;border-top:1px solid rgba(247,244,239,.14);display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12px;letter-spacing:.08em;color:rgba(247,244,239,.55);}
.huixina-herovisual{position:relative;overflow:hidden;border-radius:var(--r);aspect-ratio:4/3;}
.huixina-herovisual img{width:100%;height:100%;object-fit:cover;}
.huixina-herovisual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,19,26,.04),rgba(20,19,26,.74));}
.huixina-corner{position:absolute;left:16px;bottom:16px;z-index:2;padding:5px 10px;border:1px solid rgba(247,244,239,.42);border-radius:2px;font-size:12px;letter-spacing:.14em;color:var(--paperx);}

/* 通用板块 */
.huixina-sec{padding:clamp(56px,8vw,96px) 0;}
.huixina-sec--tint{background:var(--p2);}
.huixina-sec--night{background:var(--midnight);color:var(--paperx);}
.huixina-shead{margin-bottom:32px;}
.huixina-sline{display:flex;align-items:center;flex-wrap:wrap;gap:14px 16px;}
.huixina-num{font-size:12px;letter-spacing:.16em;font-weight:300;color:var(--dim);font-variant-numeric:tabular-nums;}
.huixina-hr{display:block;width:60px;height:1px;background:var(--hairline);}
.huixina-sline h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.3;}
.huixina-more{margin-left:auto;font-size:13px;color:var(--ember);border-bottom:1px solid currentColor;padding-bottom:2px;}
.huixina-note{margin-top:10px;font-size:13px;color:var(--dim);}
.huixina-sec--night .huixina-num{color:rgba(247,244,239,.5);}
.huixina-sec--night .huixina-hr{background:rgba(247,244,239,.2);}
.huixina-sec--night .huixina-note{color:rgba(247,244,239,.56);}

/* 最新上线 */
.huixina-posters{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.huixina-pcard{transition:transform .4s cubic-bezier(.22,.61,.36,1);}
.huixina-pcard:hover{transform:translateY(-2px);}
.huixina-poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:var(--r);background:var(--p2);}
.huixina-poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1);}
.huixina-pcard:hover .huixina-poster img{transform:scale(1.04);}
.huixina-ptitle{margin-top:12px;font-size:15px;line-height:1.5;}
.huixina-pmini{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;}
.huixina-badge{padding:1px 6px;border:1px solid var(--ember);border-radius:2px;color:var(--ember);letter-spacing:.04em;}
.huixina-score{margin-left:auto;color:var(--ember);font-size:13px;font-variant-numeric:tabular-nums;}

/* 类型频道 */
.huixina-cats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hairline);}
.huixina-cat{padding:26px 28px;border-bottom:1px solid var(--hairline);}
.huixina-cat + .huixina-cat{border-left:1px solid var(--hairline);}
.huixina-cat:nth-child(3n+1){border-left:0;padding-left:0;}
.huixina-catname{display:block;margin-bottom:8px;font-size:17px;letter-spacing:.02em;}
.huixina-cat p{font-size:13px;line-height:1.8;color:var(--dim);}

/* 热榜 */
.huixina-rankwrap{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;}
.huixina-rank{display:flex;align-items:center;gap:16px;min-height:56px;padding:8px 12px;border-bottom:1px solid rgba(247,244,239,.12);transition:background .3s;}
.huixina-rank:hover{background:rgba(247,244,239,.07);}
.huixina-rk{min-width:46px;font-size:30px;font-weight:300;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(247,244,239,.45);font-variant-numeric:tabular-nums;}
.huixina-rname{font-size:15px;}
.huixina-rtag{padding:1px 7px;border:1px solid rgba(247,244,239,.22);border-radius:2px;font-size:12px;color:rgba(247,244,239,.6);}
.huixina-rhot{margin-left:auto;font-size:12px;color:var(--ember);}

/* 热门推荐 */
.huixina-hot{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:20px 0 20px 20px;border-bottom:1px solid var(--hairline);position:relative;}
.huixina-hot::before{content:"";position:absolute;left:0;top:26px;width:2px;height:18px;background:var(--dim);transition:background .3s;}
.huixina-hot:hover::before{background:var(--ember);}
.huixina-hot h3{font-size:16px;}
.huixina-hkind{padding:1px 8px;border:1px solid var(--hairline);border-radius:2px;font-size:12px;color:var(--dim);}
.huixina-hot p{flex:1 1 240px;font-size:13px;color:var(--dim);}

/* 高分好评 */
.huixina-high{display:grid;gap:24px;}
.huixina-hrow{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--hairline);}
.huixina-hrow:last-child{border-bottom:0;padding-bottom:0;}
.huixina-thumb{aspect-ratio:16/9;overflow:hidden;border-radius:var(--r);background:var(--p2);}
.huixina-thumb img{width:100%;height:100%;object-fit:cover;}
.huixina-hrow h3{display:flex;align-items:baseline;gap:12px;font-size:17px;}
.huixina-bignum{font-size:28px;font-weight:300;color:var(--ember);font-variant-numeric:tabular-nums;}
.huixina-hrow p{margin-top:8px;font-size:14px;color:var(--dim);}

/* 类型专区 */
.huixina-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:0 48px;}
.huixina-group h3{padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--hairline);font-size:15px;letter-spacing:.06em;}
.huixina-group li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;font-size:14px;border-bottom:1px dashed var(--hairline);}
.huixina-group li span{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums;}

/* 待播前瞻 */
.huixina-ahead{display:grid;}
.huixina-arow{display:grid;grid-template-columns:112px 1fr;gap:24px;align-items:start;padding:24px 0;border-top:1px dashed var(--hairline);}
.huixina-arow:last-child{border-bottom:1px dashed var(--hairline);}
.huixina-adate{font-size:21px;font-weight:300;line-height:1.25;color:var(--ember);}
.huixina-adate small{display:block;margin-top:4px;font-size:12px;letter-spacing:.1em;color:var(--dim);font-weight:400;}
.huixina-arow h3{font-size:16px;}
.huixina-arow p{margin-top:6px;font-size:13px;line-height:1.8;color:var(--dim);}
.huixina-astate{display:inline-block;margin-top:10px;padding:1px 8px;border:1px solid var(--hairline);border-radius:2px;font-size:12px;color:var(--dim);}

/* 年代经典 */
.huixina-era + .huixina-era{margin-top:26px;}
.huixina-era h3{margin-bottom:12px;font-size:13px;letter-spacing:.14em;color:var(--dim);font-weight:400;}
.huixina-chips{display:flex;flex-wrap:wrap;gap:10px;}
.huixina-chip{padding:6px 13px;border:1px solid var(--hairline);border-radius:2px;font-size:13px;transition:border-color .3s,color .3s;}
.huixina-chip:hover{border-color:var(--ember);color:var(--ember);}

/* 主题片单 */
.huixina-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.huixina-feat{border:1px solid var(--hairline);border-radius:var(--r);overflow:hidden;background:var(--paperx);}
.huixina-feat img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1);}
.huixina-feat:hover img{transform:scale(1.04);}
.huixina-featbody{padding:20px;}
.huixina-featbody h3{font-size:16px;}
.huixina-featbody p{margin-top:8px;font-size:13px;line-height:1.8;color:var(--dim);}
.huixina-grow{display:inline-block;margin-top:14px;font-size:12px;letter-spacing:.1em;color:var(--ember);}
.huixina-feat--text{display:flex;align-items:center;background:var(--p2);border-style:dashed;}

/* 精选片单 */
.huixina-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.huixina-pick{transition:transform .4s cubic-bezier(.22,.61,.36,1);}
.huixina-pick:hover{transform:translateY(-2px);}
.huixina-pick .huixina-poster{aspect-ratio:2/3;}
.huixina-pick:nth-child(-n+2){grid-column:span 2;}
.huixina-pick:nth-child(-n+2) .huixina-poster{aspect-ratio:16/9;}
.huixina-pick:hover .huixina-poster img{transform:scale(1.04);}
.huixina-pick h3{margin-top:12px;font-size:15px;}
.huixina-pick p{margin-top:4px;font-size:13px;line-height:1.7;color:var(--dim);}

/* 资讯 */
.huixina-news{display:grid;}
.huixina-nrow{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--hairline);}
.huixina-nrow:first-child{padding-top:0;}
.huixina-nthumb{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);background:var(--p2);}
.huixina-nthumb img{width:100%;height:100%;object-fit:cover;}
.huixina-nrow h3{font-size:16px;line-height:1.6;}
.huixina-ndate{margin-top:6px;font-size:12px;letter-spacing:.1em;color:var(--ember);}
.huixina-nsum{margin-top:6px;font-size:13px;line-height:1.8;color:var(--dim);}

/* 问答 */
.huixina-qa{border-bottom:1px solid var(--hairline);}
.huixina-qa summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:18px 0;font-size:15px;cursor:pointer;list-style:none;}
.huixina-qa summary::-webkit-details-marker{display:none;}
.huixina-qa summary::after{content:"+";margin-left:auto;font-size:18px;font-weight:300;color:var(--ember);}
.huixina-qa[open] summary::after{content:"−";}
.huixina-qa p{padding-bottom:20px;font-size:14px;line-height:1.9;color:var(--dim);max-width:64em;}

/* 收口条 */
.huixina-close{background:var(--midnight);color:var(--paperx);border-top:1px solid rgba(247,244,239,.12);}
.huixina-close .huixina-wrap{padding-top:clamp(40px,6vw,64px);padding-bottom:clamp(40px,6vw,64px);}
.huixina-closerow{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;padding:24px clamp(20px,4vw,36px);border:1px solid rgba(247,244,239,.22);border-radius:var(--r);}
.huixina-closerow p{flex:1 1 280px;font-size:14px;line-height:1.85;color:rgba(247,244,239,.78);}
.huixina-closerow .huixina-acts{margin-top:0;}

/* 页脚 */
.huixina-foot{background:var(--p2);border-top:1px solid var(--hairline);padding:clamp(40px,6vw,64px) 0 24px;}
.huixina-fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;}
.huixina-fbrand{font-size:16px;letter-spacing:.02em;}
.huixina-fdesc{margin-top:10px;font-size:13px;line-height:1.8;color:var(--dim);max-width:22em;}
.huixina-flinks{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:13px;}
.huixina-flinks a{color:var(--dim);transition:color .3s;}
.huixina-flinks a:hover{color:var(--ember);}
.huixina-foot h3{margin-bottom:14px;font-size:13px;font-weight:400;letter-spacing:.12em;color:var(--dim);}
.huixina-foot li{padding:5px 0;font-size:14px;}
.huixina-foot li a{opacity:.82;transition:opacity .3s,color .3s;}
.huixina-foot li a:hover{opacity:1;color:var(--ember);}
.huixina-fnote{font-size:13px;line-height:1.85;color:var(--dim);}
.huixina-copy{margin-top:40px;padding-top:20px;border-top:1px solid var(--hairline);font-size:12px;color:var(--dim);}

@media (max-width:1024px){
  .huixina-posters{grid-template-columns:repeat(3,1fr);}
  .huixina-cats{grid-template-columns:repeat(2,1fr);}
  .huixina-cat:nth-child(3n+1){border-left:1px solid var(--hairline);padding-left:28px;}
  .huixina-cat:nth-child(2n+1){border-left:0;padding-left:0;}
  .huixina-groups{grid-template-columns:repeat(2,1fr);gap:0 40px;}
  .huixina-feats{grid-template-columns:repeat(2,1fr);}
  .huixina-picks{grid-template-columns:repeat(2,1fr);}
  .huixina-fgrid{grid-template-columns:1fr 1fr;}
}
@media (max-width:768px){
  .huixina-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;cursor:pointer;}
  .huixina-burger span{display:block;width:20px;height:1.5px;background:var(--starlit);transition:background .3s;}
  .huixina-nav{display:none;position:absolute;left:0;right:0;top:66px;flex-direction:column;align-items:stretch;gap:0;margin-left:0;padding:8px var(--gut) 20px;background:var(--paperx);border-bottom:1px solid var(--hairline);}
  .huixina-toggler:checked ~ .huixina-nav{display:flex;}
  .huixina-navlist{flex-direction:column;align-items:stretch;gap:0;}
  .huixina-navlist a{font-size:15px;border-bottom:1px solid var(--hairline);}
  .huixina-navlist a::after{display:none;}
  .huixina-ghost{margin-top:16px;justify-content:center;}
  .huixina-herogrid{grid-template-columns:1fr;}
  .huixina-posters{grid-template-columns:repeat(2,1fr);gap:16px;}
  .huixina-rankwrap{grid-template-columns:1fr;}
  .huixina-hrow{grid-template-columns:1fr;gap:16px;}
  .huixina-nrow{grid-template-columns:1fr;gap:14px;}
  .huixina-nthumb{max-width:280px;}
  .huixina-feats{grid-template-columns:1fr;}
  .huixina-groups{grid-template-columns:1fr;gap:0;}
  .huixina-group{margin-bottom:22px;}
  .huixina-fgrid{grid-template-columns:1fr;gap:26px;}
}
@media (max-width:520px){
  .huixina-cats{grid-template-columns:1fr;}
  .huixina-cat,.huixina-cat:nth-child(2n+1),.huixina-cat:nth-child(3n+1){border-left:0;padding:22px 0;}
  .huixina-picks{grid-template-columns:1fr;}
  .huixina-pick:nth-child(-n+2){grid-column:auto;}
  .huixina-arow{grid-template-columns:1fr;gap:10px;}
  .huixina-rk{font-size:26px;min-width:38px;}
  .huixina-rank{gap:12px;padding:8px 6px;}
  .huixina-rname,.huixina-hot h3{font-size:15px;}
  .huixina-closerow{padding:20px;}
  .huixina-herovisual{aspect-ratio:3/2;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition:none !important;animation:none !important;}
}