/* roulang page: index */
:root{
  --noir:#15120f;
  --noir-soft:#241e18;
  --soy:#e7b34a;
  --soy-deep:#c98f2b;
  --cream:#f7f1e6;
  --paper:#fffdf9;
  --mist:#8c8378;
  --line:rgba(21,18,15,.12);
  --r:18px;
  --r-sm:12px;
  --sh:0 24px 60px rgba(21,18,15,.11);
  --pad:clamp(16px,4vw,44px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--noir);font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,p{margin:0}
button,input{font:inherit}
:focus-visible{outline:3px solid var(--soy);outline-offset:3px}
::selection{background:var(--soy);color:var(--noir)}
.rnzftc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.rnzftc-wrap{width:min(1200px,calc(100% - var(--pad)*2));margin-inline:auto}

/* 顶部导航 */
.rnzftc-head{position:sticky;top:0;z-index:30;background:rgba(247,241,230,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.rnzftc-head-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:64px;padding:8px 0}
.rnzftc-logo{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:900;letter-spacing:.01em;flex:none}
.rnzftc-logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--noir);color:var(--soy);font-size:20px;font-weight:900}
.rnzftc-logo-text{font-size:16px;white-space:nowrap}
.rnzftc-nav{order:3;width:100%;display:flex;gap:2px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.rnzftc-nav::-webkit-scrollbar{display:none}
.rnzftc-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;font-size:14px;color:#4d453c;white-space:nowrap;transition:background .2s,color .2s}
.rnzftc-nav a:hover{background:var(--noir);color:var(--cream)}

/* 首屏 Bento */
.rnzftc-hero{padding:18px 0 10px}
.rnzftc-bento{display:grid;grid-template-columns:1fr;gap:12px}
.rnzftc-bento-main{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:500px;padding:clamp(22px,4vw,44px);border-radius:26px;overflow:hidden;background:var(--noir)}
.rnzftc-hero-img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.62}
.rnzftc-bento-main::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,12,9,.16) 0%,rgba(15,12,9,.52) 55%,rgba(15,12,9,.95) 100%)}
.rnzftc-hero-copy{max-width:760px;color:var(--cream);animation:rnzftc-rise .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes rnzftc-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.rnzftc-kicker{display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;border:1px solid rgba(247,241,230,.3);border-radius:999px;color:var(--soy);font-size:12px;font-weight:700;letter-spacing:.16em}
.rnzftc-h1{max-width:900px;margin:18px 0 16px;font-size:clamp(34px,7.2vw,78px);line-height:1.02;letter-spacing:-.045em;font-weight:900;color:var(--cream)}
.rnzftc-hl{color:var(--soy)}
.rnzftc-lede{max-width:640px;color:rgba(247,241,230,.8);font-size:14px;line-height:1.85}
.rnzftc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.rnzftc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid var(--soy);border-radius:999px;background:var(--soy);color:#1b150d;font-size:15px;font-weight:900;transition:transform .2s,background .2s}
.rnzftc-btn:hover{transform:translateY(-2px);background:#f0c56a}
.rnzftc-btn-ghost{background:transparent;color:var(--cream);border-color:rgba(247,241,230,.42)}
.rnzftc-btn-ghost:hover{background:var(--cream);color:var(--noir);border-color:var(--cream)}
.rnzftc-mini{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:170px;padding:22px;border:1px solid var(--line);border-radius:22px}
.rnzftc-mini-a{color:var(--cream);border:0;background:linear-gradient(135deg,rgba(21,18,15,.92),rgba(21,18,15,.66)),url('/assets/images/backpic/back-2.webp') center/cover}
.rnzftc-mini-b{background:var(--paper)}
.rnzftc-mini-k{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--soy)}
.rnzftc-mini-b .rnzftc-mini-k{color:var(--soy-deep)}
.rnzftc-mini-list{display:grid;gap:7px;font-size:14px}
.rnzftc-mini-list li{display:flex;align-items:center;gap:9px}
.rnzftc-mini-a .rnzftc-mini-list li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--soy);flex:none}
.rnzftc-mini-list span{color:var(--mist);width:42px;flex:none;font-size:13px}
.rnzftc-cta-strip{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,249,.72)}
.rnzftc-cta-strip p{font-size:14px;color:#655c51}
.rnzftc-cta-strip a{display:inline-flex;align-items:center;min-height:44px;color:var(--soy-deep);font-size:14px;font-weight:900;border-bottom:2px solid rgba(201,143,43,.4)}

/* 通用板块 */
.rnzftc-sec{padding:clamp(42px,6vw,78px) 0;border-top:1px solid var(--line)}
.rnzftc-sec-alt{background:linear-gradient(180deg,var(--paper),#f9f4ea)}
.rnzftc-sec-head{margin-bottom:28px}
.rnzftc-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--soy-deep);font-size:12px;font-weight:900;letter-spacing:.18em}
.rnzftc-eyebrow::before{content:"";width:22px;height:2px;background:var(--soy-deep)}
.rnzftc-h2{margin:10px 0 12px;font-size:clamp(25px,3.8vw,42px);line-height:1.15;letter-spacing:-.03em;font-weight:900}
.rnzftc-sub{max-width:72ch;color:#655c51;font-size:15px;line-height:1.85}

/* 题材频道 */
.rnzftc-chips{display:grid;grid-template-columns:1fr;gap:12px}
.rnzftc-chip{display:flex;flex-direction:column;gap:8px;min-height:112px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);transition:transform .2s,border-color .2s}
.rnzftc-chip:hover{transform:translateY(-3px);border-color:rgba(201,143,43,.65)}
.rnzftc-chip strong{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:.01em}
.rnzftc-chip strong::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--soy);flex:none}
.rnzftc-chip span{color:#6b6156;font-size:14px;line-height:1.7}

/* 卡片 */
.rnzftc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rnzftc-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--paper);transition:transform .25s,box-shadow .25s,border-color .25s}
.rnzftc-card:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:rgba(201,143,43,.45)}
.rnzftc-poster{position:relative;aspect-ratio:3/4;overflow:hidden;background:#1b1611}
.rnzftc-poster img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.rnzftc-card:hover .rnzftc-poster img{transform:scale(1.05)}
.rnzftc-badge{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:999px;background:rgba(21,18,15,.84);color:var(--cream);font-size:11px;font-weight:800;letter-spacing:.04em;backdrop-filter:blur(6px)}
.rnzftc-badge-hot{background:var(--soy);color:#1a140c}
.rnzftc-card-body{display:flex;flex:1;flex-direction:column;gap:7px;padding:12px 12px 14px}
.rnzftc-card-body h3{font-size:15px;line-height:1.35;letter-spacing:-.01em;font-weight:900}
.rnzftc-card-body p{display:-webkit-box;flex:1;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#6d6357;font-size:14px;line-height:1.6}
.rnzftc-tag{align-self:flex-start;padding:4px 9px;border-radius:999px;background:#f0e5ce;color:#7a5a16;font-size:12px;font-weight:800}

/* 连载横卡 */
.rnzftc-watch{display:grid;grid-template-columns:1fr;gap:12px}
.rnzftc-watch li{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);transition:border-color .2s,transform .2s}
.rnzftc-watch li:hover{transform:translateY(-2px);border-color:rgba(201,143,43,.55)}
.rnzftc-watch .rnzftc-poster{width:100%;border-radius:10px}
.rnzftc-watch h3{font-size:15px;line-height:1.4;font-weight:900}
.rnzftc-watch p{margin-top:4px;color:#6d6357;font-size:14px;line-height:1.65}
.rnzftc-watch .rnzftc-tag{margin-top:7px}

/* 列表与排行 */
.rnzftc-rows{display:grid;gap:10px}
.rnzftc-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);transition:border-color .2s}
.rnzftc-row:hover{border-color:rgba(201,143,43,.55)}
.rnzftc-idx{min-width:30px;color:var(--soy-deep);font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}
.rnzftc-row strong{display:block;font-size:16px;line-height:1.4}
.rnzftc-row p{margin-top:3px;color:#6c6256;font-size:14px;line-height:1.65}
.rnzftc-time{grid-column:2;justify-self:start;padding:5px 10px;border-radius:999px;background:#f0e5ce;color:#7a5a16;font-size:12px;font-weight:800;white-space:nowrap}
.rnzftc-rank{display:grid;gap:8px}
.rnzftc-rank li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.rnzftc-rank li:nth-child(-n+3){background:var(--noir);color:var(--cream);border-color:var(--noir)}
.rnzftc-rank li:nth-child(-n+3) .rnzftc-idx{color:var(--soy)}
.rnzftc-rank li:nth-child(-n+3) .rnzftc-tag{background:rgba(231,179,74,.16);color:var(--soy)}
.rnzftc-rank-main{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.rnzftc-rank-main strong{font-size:15px;line-height:1.4}
.rnzftc-trend{display:none;color:var(--mist);font-size:12px}
.rnzftc-rank li:nth-child(-n+3) .rnzftc-trend{color:rgba(247,241,230,.62)}

/* 口碑、日志、资讯、专题 */
.rnzftc-quotes{display:grid;grid-template-columns:1fr;gap:12px}
.rnzftc-quote{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.rnzftc-quote::before{content:"“";height:18px;color:var(--soy);font-size:44px;line-height:.7;font-family:Georgia,serif}
.rnzftc-quote h3{font-size:17px;font-weight:900}
.rnzftc-quote p{flex:1;color:#6d6357;font-size:14px;line-height:1.75}
.rnzftc-log{display:grid;margin-left:8px;border-left:2px solid rgba(201,143,43,.32)}
.rnzftc-log li{position:relative;padding:0 0 24px 22px}
.rnzftc-log li::before{content:"";position:absolute;left:-6px;top:7px;width:10px;height:10px;border:2px solid var(--soy);border-radius:50%;background:var(--cream)}
.rnzftc-log time{display:block;color:var(--soy-deep);font-size:12px;font-weight:900;letter-spacing:.05em}
.rnzftc-log strong{display:block;margin-top:4px;font-size:16px}
.rnzftc-log p{margin-top:4px;color:#6c6256;font-size:14px;line-height:1.75}
.rnzftc-news{display:grid;gap:0}
.rnzftc-news li{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:16px 0;border-bottom:1px solid var(--line)}
.rnzftc-news li:first-child{padding-top:0}
.rnzftc-news h3{font-size:16px;line-height:1.55;font-weight:900}
.rnzftc-news p{grid-column:1/-1;color:#6c6256;font-size:14px;line-height:1.75}
.rnzftc-news .rnzftc-time{grid-column:auto}
.rnzftc-special{display:grid;grid-template-columns:1fr;gap:12px}
.rnzftc-special li{position:relative;display:flex;flex-direction:column;gap:10px;min-height:200px;overflow:hidden;padding:22px;border-radius:18px;background:var(--noir);color:var(--cream)}
.rnzftc-special li:nth-child(2){background:var(--noir-soft)}
.rnzftc-special li:nth-child(3){background:#32281d}
.rnzftc-special small{color:var(--soy);font-size:12px;font-weight:900;letter-spacing:.16em}
.rnzftc-special h3{font-size:19px;font-weight:900}
.rnzftc-special p{color:rgba(247,241,230,.72);font-size:14px;line-height:1.8}
.rnzftc-special span{margin-top:auto;color:var(--soy);font-size:12px;font-weight:800}

/* 问答与订阅 */
.rnzftc-faq{display:grid;gap:10px;max-width:920px}
.rnzftc-faq details{padding:0 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.rnzftc-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;list-style:none;cursor:pointer;font-size:15px;font-weight:900}
.rnzftc-faq summary::-webkit-details-marker{display:none}
.rnzftc-faq summary::after{content:"+";color:var(--soy-deep);font-size:21px;font-weight:400;transition:transform .2s}
.rnzftc-faq details[open] summary::after{transform:rotate(45deg)}
.rnzftc-faq details p{max-width:78ch;padding:0 0 18px;color:#665c50;font-size:14px;line-height:1.85}
.rnzftc-subscribe{display:grid;gap:26px;overflow:hidden;padding:clamp(24px,5vw,56px);border-radius:26px;background:linear-gradient(120deg,rgba(21,18,15,.97),rgba(21,18,15,.78)),url('/assets/images/backpic/back-3.webp') center/cover;color:var(--cream)}
.rnzftc-subscribe .rnzftc-h2{color:var(--cream)}
.rnzftc-subscribe p{max-width:62ch;color:rgba(247,241,230,.73);font-size:15px;line-height:1.85}
.rnzftc-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rnzftc-form input{flex:1 1 250px;min-height:50px;padding:0 18px;border:1px solid rgba(247,241,230,.26);border-radius:999px;background:rgba(255,255,255,.08);color:var(--cream);font-size:14px}
.rnzftc-form input::placeholder{color:rgba(247,241,230,.56)}
.rnzftc-form input:focus{border-color:var(--soy);box-shadow:0 0 0 3px rgba(231,179,74,.18);outline:none}
.rnzftc-form button{min-height:50px;padding:0 26px;border:0;border-radius:999px;background:var(--soy);color:#1a140c;font-size:15px;font-weight:900;cursor:pointer;transition:transform .2s,background .2s}
.rnzftc-form button:hover{transform:translateY(-2px);background:#f0c56a}
.rnzftc-fineprint{font-size:12px;color:rgba(247,241,230,.52)}

/* 页脚 */
.rnzftc-foot{padding:clamp(38px,6vw,64px) 0 24px;background:#0f0d0b;color:rgba(247,241,230,.7)}
.rnzftc-foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.rnzftc-foot-brand p{max-width:34ch;margin-top:12px;font-size:14px;line-height:1.8}
.rnzftc-foot h3{margin-bottom:10px;color:var(--cream);font-size:14px;letter-spacing:.05em}
.rnzftc-foot li a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;transition:color .2s}
.rnzftc-foot a:hover{color:var(--soy)}
.rnzftc-copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin-top:32px;padding-top:18px;border-top:1px solid rgba(247,241,230,.12);color:rgba(247,241,230,.46);font-size:12px}

@media (min-width:520px){
  .rnzftc-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rnzftc-row{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}
  .rnzftc-time{grid-column:auto;justify-self:auto}
  .rnzftc-trend{display:inline}
}
@media (min-width:768px){
  .rnzftc-hero{padding:24px 0 12px}
  .rnzftc-bento{grid-template-columns:1.25fr 1fr;gap:14px}
  .rnzftc-bento-main{grid-column:1;grid-row:1/3;min-height:480px}
  .rnzftc-mini-a{grid-column:2;grid-row:1}
  .rnzftc-mini-b{grid-column:2;grid-row:2}
  .rnzftc-cta-strip{grid-column:1/-1;grid-row:3}
  .rnzftc-sec{padding:clamp(52px,6vw,66px) 0}
  .rnzftc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .rnzftc-watch{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rnzftc-watch li{grid-template-columns:96px minmax(0,1fr)}
  .rnzftc-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rnzftc-special{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rnzftc-foot-grid{grid-template-columns:1.4fr repeat(3,1fr)}
}
@media (min-width:1024px){
  .rnzftc-head-in{flex-wrap:nowrap;min-height:76px;padding:0}
  .rnzftc-nav{order:0;width:auto;margin-left:auto;padding-bottom:0;overflow:visible;flex-wrap:wrap}
  .rnzftc-bento{grid-template-columns:1.5fr .9fr .9fr}
  .rnzftc-bento-main{grid-column:1;grid-row:1/3;min-height:520px}
  .rnzftc-mini-a{grid-column:2;grid-row:1}
  .rnzftc-mini-b{grid-column:3;grid-row:1}
  .rnzftc-cta-strip{grid-column:2/4;grid-row:2}
  .rnzftc-chips{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rnzftc-grid{gap:22px}
  .rnzftc-quotes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rnzftc-subscribe{grid-template-columns:1.05fr .95fr;align-items:center}
  .rnzftc-sec{padding:clamp(58px,6vw,82px) 0}
}
