:root{
  --main:#e50914;
  --accent:#f5c518;
  --bg:#0b0b0f;
  --text:#f5f5f7;
  --panel:#14141c;
  --panel-2:#1b1b26;
  --line:rgba(255,255,255,.08);
  --shadow-lg:0 22px 44px -16px rgba(0,0,0,.85), 0 6px 14px rgba(0,0,0,.6);
  --shadow-md:0 12px 26px -10px rgba(0,0,0,.8);
  --shadow-in:inset 0 1px 0 rgba(255,255,255,.08);
  --radius:16px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:88px;}
body{
  background:
    radial-gradient(1100px 520px at 12% -8%, rgba(229,9,20,.18), transparent 62%),
    radial-gradient(900px 460px at 88% 4%, rgba(245,197,24,.10), transparent 60%),
    var(--bg);
  color:var(--text);
  font-family:"Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  line-height:1.85;
  letter-spacing:.2px;
  overflow-x:hidden;
}
h1,h2,h3,h4,.font-round{
  font-family:"PingFang SC","Yuanti SC","Hiragino Sans GB","Microsoft YaHei","Inter",sans-serif;
  font-weight:800;
  letter-spacing:.5px;
}
a{text-decoration:none;color:inherit;}
a:hover{color:var(--accent);}
::selection{background:var(--main);color:#fff;}

/* 滚动进度条 */
#readProgress{
  position:fixed;top:0;left:0;height:4px;width:0;z-index:3000;
  background:linear-gradient(90deg,var(--main),var(--accent));
  box-shadow:0 0 14px rgba(229,9,20,.9);
  transition:width .08s linear;
}

/* 导航 */
.navbar-cine{
  background:linear-gradient(180deg, rgba(20,20,28,.98), rgba(11,11,15,.92));
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 30px -18px #000;
  backdrop-filter:blur(10px);
  padding:.72rem 0;
}
.navbar-brand{
  font-size:1.48rem;font-weight:900;letter-spacing:1.6px;
  background:linear-gradient(180deg,#fff 18%, #ffd9dc 60%, var(--main) 130%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 2px 0 rgba(0,0,0,.35);
  display:flex;align-items:center;gap:.5rem;
}
.navbar-brand .logo-badge{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(160deg,var(--main),#7a0410);
  color:#fff;font-size:1.02rem;
  box-shadow:var(--shadow-md), var(--shadow-in);
  -webkit-text-fill-color:#fff;
}
.nav-link-cine{
  color:#cfd0d8 !important;font-weight:600;font-size:.95rem;
  padding:.42rem .82rem !important;border-radius:10px;
  transition:.25s;position:relative;
}
.nav-link-cine:hover,.nav-link-cine.active{
  color:#fff !important;
  background:linear-gradient(180deg,rgba(229,9,20,.35),rgba(229,9,20,.12));
  box-shadow:inset 0 0 0 1px rgba(229,9,20,.45), 0 6px 16px -10px var(--main);
}
.navbar-toggler{border:1px solid var(--line);color:var(--text);}
.navbar-toggler:focus{box-shadow:none;}

/* 关键词标签云 */
.hero-mail{
  position:relative;overflow:hidden;
  padding:2.2rem 0 1.2rem;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(700px 240px at 50% 0%, rgba(229,9,20,.14), transparent 70%);
}
.cloud{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;}
.cloud-tag{
  font-size:.86rem;font-weight:600;color:#d8d9e2;
  padding:.34rem .86rem;border-radius:999px;
  background:linear-gradient(180deg,#1e1e2a,#131318);
  border:1px solid var(--line);
  box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.06);
  animation:floatTag 6s ease-in-out infinite;
  transition:.28s;
}
.cloud-tag:nth-child(3n){animation-delay:.6s;}
.cloud-tag:nth-child(4n){animation-delay:1.3s;}
.cloud-tag:nth-child(5n){animation-delay:2s;}
.cloud-tag:hover{
  color:#0b0b0f;background:linear-gradient(180deg,var(--accent),#c99a05);
  border-color:transparent;transform:translateY(-3px) scale(1.04);
  box-shadow:0 14px 26px -12px rgba(245,197,24,.8);
}
@keyframes floatTag{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}

/* Hero 轮播 */
.hero-wrap{padding:1.6rem 0 2.2rem;}
.hero-stage{
  position:relative;border-radius:24px;overflow:hidden;
  background:linear-gradient(160deg,#191924,#0d0d12);
  box-shadow:var(--shadow-lg), var(--shadow-in);
  border:1px solid var(--line);
}
.hero-slide{
  display:none;position:relative;
  grid-template-columns:1.05fr .95fr;align-items:center;gap:1rem;
  min-height:390px;
}
.hero-slide.active{display:grid;animation:heroIn .55s ease both;}
@keyframes heroIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.hero-copy{padding:2.2rem 2.4rem;z-index:2;}
.hero-kicker{
  display:inline-flex;align-items:center;gap:.45rem;
  font-size:.76rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  color:var(--accent);background:rgba(245,197,24,.10);
  border:1px solid rgba(245,197,24,.35);border-radius:999px;
  padding:.28rem .8rem;margin-bottom:.9rem;
}
.hero-title{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.3;margin-bottom:.6rem;
  text-shadow:0 6px 22px rgba(0,0,0,.7);}
.hero-desc{color:#b9bac6;font-size:.98rem;max-width:520px;margin-bottom:1.1rem;}
.hero-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.3rem;}
.chip{
  font-size:.78rem;font-weight:700;padding:.24rem .7rem;border-radius:8px;
  background:linear-gradient(180deg,#262632,#17171f);
  border:1px solid var(--line);color:#d9dae3;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.chip-gold{color:#0b0b0f;background:linear-gradient(180deg,var(--accent),#d3a70c);border-color:transparent;box-shadow:0 8px 18px -10px rgba(245,197,24,.9);}
.hero-art{
  position:relative;height:100%;min-height:340px;
  clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);
}
.hero-art img{width:100%;height:100%;object-fit:cover;min-height:340px;opacity:.92;
  filter:saturate(1.05) contrast(1.04);}
.hero-art::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#13131b 0%,rgba(19,19,27,.45) 34%,transparent 68%),
             linear-gradient(0deg,rgba(11,11,15,.9),transparent 55%);
}
.hero-dots{display:flex;gap:.5rem;justify-content:center;padding:.9rem 0 .2rem;}
.dot{width:34px;height:6px;border-radius:99px;border:none;background:#2b2b38;transition:.3s;}
.dot.on{background:linear-gradient(90deg,var(--main),var(--accent));box-shadow:0 0 12px rgba(229,9,20,.8);}

/* 通用按钮 */
.btn-cine{
  display:inline-flex;align-items:center;gap:.5rem;
  font-weight:800;font-size:.92rem;padding:.62rem 1.5rem;border-radius:12px;border:none;
  color:#fff;background:linear-gradient(180deg,#ff1d29,var(--main) 55%,#a80710);
  box-shadow:0 14px 26px -14px rgba(229,9,20,.95), inset 0 1px 0 rgba(255,255,255,.28);
  transition:.25s;
}
.btn-cine:hover{transform:translateY(-2px);color:#fff;filter:brightness(1.07);}
.btn-ghost{
  display:inline-flex;align-items:center;gap:.5rem;
  font-weight:800;font-size:.92rem;padding:.62rem 1.4rem;border-radius:12px;
  color:#e8e9ef;background:linear-gradient(180deg,#232330,#15151d);
  border:1px solid var(--line);box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.07);
  transition:.25s;
}
.btn-ghost:hover{color:var(--accent);border-color:rgba(245,197,24,.45);transform:translateY(-2px);}

/* 区块标题 */
.sec{padding:2.6rem 0;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;}
.sec-title{
  font-size:clamp(1.25rem,2.2vw,1.62rem);margin:0;position:relative;padding-left:1rem;
}
.sec-title::before{
  content:"";position:absolute;left:0;top:.22em;bottom:.22em;width:6px;border-radius:6px;
  background:linear-gradient(180deg,var(--accent),var(--main));
  box-shadow:0 0 16px rgba(229,9,20,.8);
}
.sec-sub{color:#8f909c;font-size:.9rem;margin:.2rem 0 0;}
.sec-more{font-size:.88rem;font-weight:700;color:#b6b7c2;}
.sec-more:hover{color:var(--accent);}

/* 标签页 */
.tabs-cine{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.4rem;}
.tab-btn{
  font-size:.88rem;font-weight:700;padding:.46rem 1.05rem;border-radius:11px;cursor:pointer;
  background:linear-gradient(180deg,#1d1d28,#131319);color:#b9bac6;
  border:1px solid var(--line);box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.05);
  transition:.25s;
}
.tab-btn:hover{color:#fff;}
.tab-btn.on{
  color:#fff;background:linear-gradient(180deg,#ff2230,var(--main) 60%,#98060e);
  border-color:transparent;box-shadow:0 14px 26px -14px rgba(229,9,20,.95), inset 0 1px 0 rgba(255,255,255,.25);
}
.tab-panel{display:none;}
.tab-panel.on{display:block;animation:heroIn .4s ease both;}

/* 海报墙 */
.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:1.15rem;}
.poster-card{
  position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;
  background:linear-gradient(180deg,var(--panel-2),#101017);
  border:1px solid var(--line);
  box-shadow:var(--shadow-md), var(--shadow-in);
  transition:transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s;
}
.poster-card:hover{transform:translateY(-8px);box-shadow:0 30px 48px -20px rgba(0,0,0,.95), 0 0 0 1px rgba(229,9,20,.4);}
.poster-thumb{position:relative;aspect-ratio:2/3;overflow:hidden;background:#0e0e14;}
.poster-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.3,1);}
.poster-card:hover .poster-thumb img{transform:scale(1.09);}
.badge-ep{
  position:absolute;top:.5rem;left:.5rem;z-index:3;
  font-size:.68rem;font-weight:800;color:#fff;padding:.16rem .5rem;border-radius:7px;
  background:linear-gradient(180deg,var(--main),#8d0610);
  box-shadow:0 6px 14px -6px rgba(229,9,20,.95);
}
.badge-rate{
  position:absolute;top:.5rem;right:.5rem;z-index:3;
  font-size:.74rem;font-weight:900;color:#0b0b0f;padding:.16rem .46rem;border-radius:7px;
  background:linear-gradient(180deg,var(--accent),#cfa30b);
  box-shadow:0 6px 14px -8px rgba(245,197,24,.95);
  display:flex;align-items:center;gap:.16rem;
}
.overlay{
  position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;
  padding:.8rem;gap:.3rem;
  background:linear-gradient(0deg,rgba(6,6,10,.96) 8%,rgba(6,6,10,.72) 42%,transparent 82%);
  opacity:0;transform:translateY(10px);transition:.35s;
}
.poster-card:hover .overlay{opacity:1;transform:none;}
.overlay .ov-meta{font-size:.72rem;color:#c6c7d2;}
.overlay .ov-play{font-size:.8rem;font-weight:800;color:var(--accent);}
.poster-info{padding:.62rem .72rem .78rem;}
.poster-name{font-size:.92rem;font-weight:800;margin:0 0 .18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.poster-meta{font-size:.74rem;color:#8b8c98;display:flex;gap:.4rem;flex-wrap:wrap;}
.poster-meta span{white-space:nowrap;}

/* 分类海报行(横向滚动) */
.row-scroll{
  display:grid;grid-auto-flow:column;grid-auto-columns:170px;gap:1rem;
  overflow-x:auto;padding:.3rem .2rem 1rem;scroll-snap-type:x mandatory;
  scrollbar-width:thin;
}
.row-scroll::-webkit-scrollbar{height:8px;}
.row-scroll::-webkit-scrollbar-thumb{background:#2a2a38;border-radius:99px;}
.row-scroll .poster-card{scroll-snap-align:start;}

/* 榜单 */
.rank-board{
  border-radius:20px;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(180deg,#16161f,#0e0e14);
  box-shadow:var(--shadow-lg), var(--shadow-in);
}
.rank-item{
  display:flex;align-items:center;gap:.9rem;padding:.78rem 1rem;cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:.25s;position:relative;
}
.rank-item:last-child{border-bottom:none;}
.rank-item:hover{background:linear-gradient(90deg,rgba(229,9,20,.16),transparent 70%);}
.rank-no{
  width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;
  font-weight:900;font-size:.86rem;color:#111;
  background:linear-gradient(180deg,#3a3a4a,#22222e);color:#cfd0da;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.rank-item:nth-child(1) .rank-no{background:linear-gradient(180deg,#ff2b38,#9c0611);color:#fff;}
.rank-item:nth-child(2) .rank-no{background:linear-gradient(180deg,var(--accent),#c99a05);color:#141414;}
.rank-item:nth-child(3) .rank-no{background:linear-gradient(180deg,#d3d5df,#8f919e);color:#141414;}
.rank-thumb{width:46px;height:64px;flex:0 0 46px;border-radius:8px;overflow:hidden;background:#0d0d13;box-shadow:var(--shadow-md);}
.rank-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s;}
.rank-item:hover .rank-thumb img{transform:scale(1.12);}
.rank-body{flex:1;min-width:0;}
.rank-name{font-size:.95rem;font-weight:800;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-sub{font-size:.75rem;color:#8b8c98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.heat{
  flex:0 0 auto;font-size:.74rem;font-weight:800;color:var(--accent);
  display:flex;align-items:center;gap:.28rem;
}

/* 即将上线 / 时间线 */
.timeline{position:relative;padding-left:1.9rem;}
.timeline::before{
  content:"";position:absolute;left:.52rem;top:.4rem;bottom:.4rem;width:3px;border-radius:4px;
  background:linear-gradient(180deg,var(--main),rgba(245,197,24,.6),transparent);
  box-shadow:0 0 14px rgba(229,9,20,.6);
}
.tl-item{position:relative;margin-bottom:1.15rem;padding:.95rem 1.1rem;border-radius:14px;
  background:linear-gradient(180deg,#171720,#101017);
  border:1px solid var(--line);box-shadow:var(--shadow-md), var(--shadow-in);}
.tl-item::before{
  content:"";position:absolute;left:-1.62rem;top:1.16rem;width:14px;height:14px;border-radius:50%;
  background:radial-gradient(circle at 34% 32%,#fff,var(--main) 58%,#7d040d);
  box-shadow:0 0 0 4px rgba(229,9,20,.16), 0 0 14px rgba(229,9,20,.85);
}
.tl-date{font-size:.74rem;font-weight:800;letter-spacing:1px;color:var(--accent);margin-bottom:.15rem;}
.tl-name{font-size:1rem;font-weight:800;margin:0 0 .2rem;}
.tl-desc{font-size:.84rem;color:#9a9ba8;margin:0;}

/* 信息卡板块 */
.info-card{
  height:100%;border-radius:18px;padding:1.4rem 1.35rem;
  background:linear-gradient(180deg,#181821,#0f0f16);
  border:1px solid var(--line);box-shadow:var(--shadow-lg), var(--shadow-in);
  transition:.3s;
}
.info-card:hover{transform:translateY(-5px);border-color:rgba(245,197,24,.28);}
.info-card h3{font-size:1.06rem;margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem;}
.info-card h3 i{color:var(--accent);}
.info-card p{font-size:.9rem;color:#a6a7b3;margin:0;}
.tip-list{list-style:none;padding:0;margin:0;}
.tip-list li{
  font-size:.9rem;color:#a6a7b3;padding:.5rem 0 .5rem 1.5rem;position:relative;
  border-bottom:1px dashed rgba(255,255,255,.07);line-height:1.75;
}
.tip-list li:last-child{border-bottom:none;}
.tip-list li::before{
  content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
  position:absolute;left:0;top:.56rem;font-size:.72rem;color:var(--main);
}
.rec-links{display:flex;flex-wrap:wrap;gap:.55rem;}
.rec-links a{
  font-size:.84rem;font-weight:700;padding:.4rem .85rem;border-radius:10px;
  background:linear-gradient(180deg,#22222e,#14141c);border:1px solid var(--line);
  color:#cfd0da;box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.06);transition:.25s;
}
.rec-links a:hover{color:#0b0b0f;background:linear-gradient(180deg,var(--accent),#cfa30b);border-color:transparent;}

/* FAQ */
.faq-item{border-radius:14px;border:1px solid var(--line);overflow:hidden;margin-bottom:.75rem;
  background:linear-gradient(180deg,#171720,#101016);box-shadow:var(--shadow-md), var(--shadow-in);}
.faq-q{
  width:100%;text-align:left;border:none;background:transparent;color:var(--text);
  font-weight:800;font-size:.96rem;padding:.9rem 1.1rem;display:flex;justify-content:space-between;
  align-items:center;gap:.8rem;cursor:pointer;
}
.faq-q i{color:var(--main);transition:.3s;}
.faq-q[aria-expanded="true"] i{transform:rotate(180deg);}
.faq-a{display:none;padding:0 1.1rem 1rem;font-size:.9rem;color:#a6a7b3;line-height:1.85;}
.faq-a.show{display:block;animation:heroIn .3s ease both;}

/* 友情链接 */
.friend-box{
  border-radius:18px;padding:1.35rem 1.4rem;
  background:linear-gradient(180deg,#15151e,#0d0d13);
  border:1px solid var(--line);box-shadow:var(--shadow-lg), var(--shadow-in);
}
.friend-box h4{font-size:1rem;margin-bottom:.65rem;display:flex;align-items:center;gap:.5rem;}
.friend-box h4 i{color:var(--accent);}
.friend-line{font-size:.86rem;color:#9a9ba8;line-height:2;}

/* 页脚 */
footer.site-foot{
  margin-top:2rem;padding:2.4rem 0 1.6rem;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(20,20,28,.6),rgba(11,11,15,.98));
}
.foot-brand{display:flex;align-items:center;gap:.55rem;font-size:1.24rem;font-weight:900;letter-spacing:1.2px;}
.foot-brand .logo-badge{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:.92rem;
  background:linear-gradient(160deg,var(--main),#7a0410);color:#fff;
  box-shadow:var(--shadow-md), var(--shadow-in);
}
.foot-links{display:flex;flex-wrap:wrap;gap:.9rem 1.4rem;margin:.9rem 0;}
.foot-links a{font-size:.86rem;color:#9a9ba8;font-weight:600;}
.foot-links a:hover{color:var(--accent);}
.foot-copy{font-size:.8rem;color:#71727d;line-height:1.9;}

/* 侧滑详情栏 */
.drawer-mask{
  position:fixed;inset:0;z-index:2500;background:rgba(4,4,8,.72);backdrop-filter:blur(3px);
  opacity:0;pointer-events:none;transition:.32s;
}
.drawer-mask.open{opacity:1;pointer-events:auto;}
.drawer{
  position:fixed;top:0;right:0;bottom:0;z-index:2501;width:min(430px,100%);
  background:linear-gradient(180deg,#181821,#0b0b10);
  border-left:1px solid rgba(245,197,24,.2);
  box-shadow:-30px 0 60px -20px rgba(0,0,0,.95);
  transform:translateX(104%);transition:transform .38s cubic-bezier(.2,.8,.3,1);
  overflow-y:auto;padding:1.2rem 1.25rem 2rem;
}
.drawer.open{transform:none;}
.drawer-close{
  position:absolute;top:.9rem;right:.9rem;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);
  background:linear-gradient(180deg,#262632,#17171f);color:#e8e9ef;cursor:pointer;
  display:grid;place-items:center;font-size:1rem;z-index:5;box-shadow:var(--shadow-md);
}
.drawer-close:hover{color:var(--accent);border-color:rgba(245,197,24,.4);}
.drawer-poster{
  border-radius:16px;overflow:hidden;margin-bottom:1rem;background:#0d0d13;
  box-shadow:var(--shadow-lg), 0 0 0 1px rgba(255,255,255,.06);
}
.drawer-poster img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover;}
.drawer-title{font-size:1.3rem;font-weight:900;margin:0 0 .35rem;line-height:1.4;}
.drawer-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem;}
.drawer-fields{list-style:none;padding:0;margin:0 0 1rem;}
.drawer-fields li{
  display:flex;gap:.8rem;font-size:.88rem;padding:.42rem 0;
  border-bottom:1px dashed rgba(255,255,255,.07);line-height:1.75;
}
.drawer-fields li strong{flex:0 0 62px;color:var(--accent);font-weight:800;}
.drawer-fields li span{color:#b6b7c2;flex:1;}
.drawer-plot{font-size:.9rem;color:#a6a7b3;line-height:1.95;margin:0 0 1rem;}
.stars{color:var(--accent);letter-spacing:2px;}

/* 滚动渐显 */
.reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1);}
.reveal.in{opacity:1;transform:none;}

@media (max-width:991px){
  .hero-slide{grid-template-columns:1fr;min-height:auto;}
  .hero-art{clip-path:none;order:-1;min-height:220px;}
  .hero-art img{min-height:220px;}
  .hero-art::after{background:linear-gradient(0deg,#13131b 4%,rgba(19,19,27,.5) 46%,transparent 90%);}
  .hero-copy{padding:1.2rem 1.3rem 1.7rem;}
  .poster-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem;}
  .row-scroll{grid-auto-columns:140px;}
}
@media (max-width:575px){
  .poster-grid{grid-template-columns:repeat(2,1fr);}
  .sec{padding:1.9rem 0;}
  .navbar-brand{font-size:1.22rem;}
  .hero-desc{font-size:.9rem;}
}

/* --- 子页面追加 --- */
/* 本页专属小样式：排行榜条目 */
    .rank-tabs {display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem}
.rank-tab {padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}
.rank-tab:hover {border-color:var(--main);color:#fff}
.rank-tab.on {background:var(--main);border-color:var(--main);color:#fff;box-shadow:0 8px 18px -8px rgba(229,9,20,.9)}
.rank-list {display:flex;flex-direction:column;gap:.85rem}
.rank-item.top1 .rank-no {color:var(--accent)}
.rank-item.top2 .rank-no {color:#d7d7dd}
.rank-item.top3 .rank-no {color:#c98a4b}
.rank-info h3 {font-size:1rem;font-weight:700;margin:0 0 .3rem;color:var(--text)}
.rank-info p {margin:0;font-size:.82rem;color:rgba(245,245,247,.6);line-height:1.5}
.rank-meta {display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;text-align:right}
.rank-score {font-size:1.15rem;font-weight:800;color:var(--accent)}
.rank-score small {font-size:.7rem;font-weight:500;color:rgba(245,245,247,.5)}
.rank-trend {font-size:.75rem;font-weight:600}
.trend-up {color:#3ddc84}
.trend-down {color:#ff6b74}
.trend-flat {color:rgba(245,245,247,.45)}
.rank-note {background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--shadow-in)}
.rank-note h3 {font-size:1.05rem;font-weight:700;margin:0 0 .7rem;color:var(--text)}
.rank-note p {font-size:.9rem;line-height:1.8;color:rgba(245,245,247,.72);margin:0 0 .6rem}
.rank-note p:last-child {margin:0}
.rule-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.rule-card {background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.25rem;box-shadow:var(--shadow-md)}
.rule-card i {color:var(--accent);font-size:1.15rem;margin-bottom:.6rem}
.rule-card h4 {font-size:.98rem;font-weight:700;margin:0 0 .45rem;color:var(--text)}
.rule-card p {font-size:.85rem;line-height:1.7;color:rgba(245,245,247,.65);margin:0}
.rank-info {grid-area:info}
.rank-meta {grid-area:meta;flex-direction:row;align-items:center;justify-content:flex-start;gap:.8rem}

/* --- 子页面追加 --- */
/* ---------- 导航（沿用首页类名） ---------- */
  .navbar-cine {
    position:sticky;top:0;z-index:1030;
    background:rgba(11,11,15,.86);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
.navbar-cine .container {display:flex;align-items:center;gap:16px;min-height:68px;}
.navbar-brand:hover {color:var(--text);}
.navbar-cine .navbar-collapse {flex:1 1 auto;}
.navbar-cine .navbar-nav {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;list-style:none;margin:0;padding:0;}
.nav-link-cine:hover {color:var(--text);background:rgba(255,255,255,.06);}
.navbar-cine .navbar-nav {flex-direction:column;align-items:stretch;padding:10px 0 4px;gap:2px;}
.navbar-cine .navbar-collapse {border-top:1px solid var(--line);margin-top:10px;}
/* ---------- 通用区块 ---------- */
  .sec {padding:64px 0;}
.sec-title .hl {color:var(--accent);}
.sec-desc {color:rgba(245,245,247,.66);font-size:.98rem;line-height:1.85;margin:0;}
/* ---------- 页头 ---------- */
  .about-hero {
    position:relative;overflow:hidden;
    padding:72px 0 56px;
    border-bottom:1px solid var(--line);
    background:
      radial-gradient(900px 380px at 12% -10%, rgba(229,9,20,.24), transparent 62%),
      radial-gradient(760px 340px at 88% 0%, rgba(245,197,24,.13), transparent 60%),
      linear-gradient(180deg,var(--panel-2),var(--bg));
  }
.about-hero::after {
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
    background-size:56px 56px;
    mask-image:radial-gradient(circle at 50% 30%,#000 20%,transparent 78%);
    -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 20%,transparent 78%);
  }
.about-hero .container {position:relative;z-index:2;}
.about-h1 {
    font-size:clamp(1.9rem,4.4vw,3.1rem);
    font-weight:900;line-height:1.2;letter-spacing:.4px;
    margin:18px 0 16px;max-width:900px;
  }
.about-h1 .hl {color:var(--accent);}
.about-lead {
    max-width:720px;color:rgba(245,245,247,.74);
    font-size:1.02rem;line-height:1.9;margin:0 0 26px;
  }
/* ---------- 数据条 ---------- */
  .stat-grid {
    display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;
  }
.stat-card {
    background:linear-gradient(160deg,var(--panel),var(--panel-2));
    border:1px solid var(--line);border-radius:var(--radius);
    padding:20px 18px;box-shadow:var(--shadow-md),var(--shadow-in);
  }
.stat-num {
    font-size:1.75rem;font-weight:900;letter-spacing:.5px;
    color:var(--text);line-height:1.1;
  }
.stat-num span {color:var(--main);font-size:1.05rem;font-weight:700;margin-left:2px;}
.stat-label {margin-top:8px;font-size:.8rem;color:rgba(245,245,247,.55);letter-spacing:.5px;}
.stat-grid {grid-template-columns:repeat(2,1fr);}
/* ---------- 内容卡 ---------- */
  .info-card {
    height:100%;
    background:linear-gradient(160deg,var(--panel),var(--panel-2));
    border:1px solid var(--line);border-radius:var(--radius);
    padding:26px 24px;
    box-shadow:var(--shadow-md),var(--shadow-in);
    transition:.26s ease;
  }
.info-icon {
    display:inline-flex;align-items:center;justify-content:center;
    width:46px;height:46px;border-radius:13px;margin-bottom:16px;
    font-size:1.05rem;color:#fff;
    background:linear-gradient(145deg,var(--main),#8e0510);
    box-shadow:0 10px 22px -10px rgba(229,9,20,.9),var(--shadow-in);
  }
.info-icon.gold {
    background:linear-gradient(145deg,var(--accent),#b8901a);
    color:#1a1405;
    box-shadow:0 10px 22px -10px rgba(245,197,24,.85),var(--shadow-in);
  }
/* ---------- 时间线 ---------- */
  .timeline {position:relative;margin:0;padding:0 0 0 26px;list-style:none;}
.timeline li {position:relative;padding:0 0 26px 6px;}
.timeline li:last-child {padding-bottom:0;}
.timeline li::before {
    content:"";position:absolute;left:-25px;top:6px;
    width:12px;height:12px;border-radius:50%;
    background:var(--main);border:2px solid var(--bg);
    box-shadow:0 0 0 3px rgba(229,9,20,.22);
  }
.tl-year {
    display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:1px;
    color:var(--accent);margin-bottom:6px;
  }
.tl-title {font-size:1rem;font-weight:700;margin:0 0 6px;}
.tl-text {font-size:.9rem;color:rgba(245,245,247,.62);line-height:1.8;margin:0;}
/* ---------- 原则列表 ---------- */
  .rule-list {display:grid;gap:14px;}
.rule-item {
    display:flex;gap:14px;align-items:flex-start;
    background:rgba(255,255,255,.025);
    border:1px solid var(--line);border-radius:14px;
    padding:18px 20px;
  }
.rule-item i {
    color:var(--accent);font-size:1rem;margin-top:3px;flex:0 0 auto;
  }
.rule-item h3 {font-size:.98rem;font-weight:700;margin:0 0 6px;}
.rule-item p {margin:0;font-size:.9rem;line-height:1.8;color:rgba(245,245,247,.64);}
/* ---------- 按钮 ---------- */
  .btn-cine,.btn-ghost {
    display:inline-flex;align-items:center;gap:9px;
    padding:12px 24px;border-radius:12px;
    font-size:.94rem;font-weight:700;letter-spacing:.3px;
    transition:.24s ease;border:1px solid transparent;
  }
/* ---------- 结语条 ---------- */
  .cta-band {
    background:
      radial-gradient(700px 260px at 15% 0%, rgba(229,9,20,.26), transparent 65%),
      linear-gradient(160deg,var(--panel-2),var(--panel));
    border:1px solid var(--line);border-radius:var(--radius);
    padding:38px 32px;text-align:center;
    box-shadow:var(--shadow-lg),var(--shadow-in);
  }
.cta-band h2 {
    font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:800;margin:0 0 12px;
  }
.cta-band p {
    max-width:620px;margin:0 auto 24px;
    color:rgba(245,245,247,.66);font-size:.94rem;line-height:1.85;
  }
.cta-actions {display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
/* ---------- 页脚 ---------- */
  .site-foot {
    border-top:1px solid var(--line);
    background:linear-gradient(180deg,var(--bg),#08080b);
    padding:44px 0 28px;margin-top:20px;
  }
.foot-desc {font-size:.86rem;line-height:1.85;color:rgba(245,245,247,.5);max-width:340px;margin:0;}
.foot-title {
    font-size:.8rem;font-weight:800;letter-spacing:1.2px;
    color:rgba(245,245,247,.85);text-transform:uppercase;margin:0 0 14px;
  }
.foot-friend {
    font-size:.85rem;line-height:1.9;color:rgba(245,245,247,.45);
  }
.foot-bottom {
    margin-top:32px;padding-top:20px;border-top:1px solid var(--line);
    font-size:.8rem;color:rgba(245,245,247,.4);
    display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;
  }

/* --- 子页面追加 --- */
.dc-hero {position:relative;padding:5.5rem 0 3rem;overflow:hidden;background:radial-gradient(1100px 460px at 18% -10%,rgba(229,9,20,.24),transparent 62%),radial-gradient(900px 420px at 92% 0%,rgba(245,197,24,.10),transparent 60%);}
.dc-hero::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,var(--bg) 100%);pointer-events:none;}
.dc-kicker {display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:rgba(245,197,24,.10);border:1px solid rgba(245,197,24,.28);border-radius:999px;padding:.42rem .95rem;}
.dc-title {font-size:clamp(1.9rem,4.6vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.16;margin:1.1rem 0 .9rem;}
.dc-title .hl {color:var(--main);}
.dc-sub {color:rgba(245,245,247,.66);font-size:1.02rem;line-height:1.85;max-width:720px;}
.dc-meta {display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;}
.dc-meta .chip {display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:rgba(245,245,247,.8);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;padding:.38rem .88rem;}
.dc-card {background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md),var(--shadow-in);padding:1.7rem 1.6rem;height:100%;transition:.25s;}
.dc-card:hover {transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(229,9,20,.32);}
.dc-ico {width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(229,9,20,.14);color:var(--main);font-size:1.05rem;margin-bottom:1rem;border:1px solid rgba(229,9,20,.28);}
.dc-ico.gold {background:rgba(245,197,24,.12);color:var(--accent);border-color:rgba(245,197,24,.28);}
.dc-card h3 {font-size:1.08rem;font-weight:700;margin-bottom:.6rem;letter-spacing:-.01em;}
.dc-card p {color:rgba(245,245,247,.64);font-size:.92rem;line-height:1.82;margin:0;}
.dc-article {background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:2rem 1.9rem;}
.dc-article h2 {font-size:1.28rem;font-weight:800;margin:0 0 1rem;letter-spacing:-.01em;display:flex;align-items:flex-start;gap:.65rem;line-height:1.4;}
.dc-article h2 .num {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:rgba(229,9,20,.16);color:var(--main);font-size:.85rem;font-weight:800;border:1px solid rgba(229,9,20,.3);margin-top:1px;}
.dc-article p {color:rgba(245,245,247,.72);font-size:.95rem;line-height:1.95;margin:0 0 1rem;}
.dc-article p:last-child {margin-bottom:0;}
.dc-article ul {margin:.2rem 0 1.1rem;padding-left:1.1rem;}
.dc-article li {color:rgba(245,245,247,.7);font-size:.94rem;line-height:1.9;margin-bottom:.4rem;}
.dc-article li::marker {color:var(--accent);}
.dc-article .divider {height:1px;background:var(--line);margin:1.9rem 0;}
.dc-article strong {color:var(--text);font-weight:600;}
.dc-note {display:flex;gap:.9rem;align-items:flex-start;background:rgba(245,197,24,.07);border:1px solid rgba(245,197,24,.26);border-radius:14px;padding:1rem 1.15rem;margin-top:1.2rem;}
.dc-note i {color:var(--accent);font-size:1.05rem;margin-top:2px;}
.dc-note span {color:rgba(245,245,247,.75);font-size:.9rem;line-height:1.8;}
.dc-side {background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.5rem 1.4rem;position:sticky;top:90px;}
.dc-side h4 {font-size:.95rem;font-weight:700;letter-spacing:.02em;margin-bottom:1rem;color:var(--accent);display:flex;align-items:center;gap:.5rem;}
.dc-side a {display:block;color:rgba(245,245,247,.68);font-size:.9rem;text-decoration:none;padding:.5rem .55rem;border-radius:9px;transition:.18s;border-left:2px solid transparent;}
.dc-side a:hover {color:var(--text);background:rgba(255,255,255,.05);border-left-color:var(--main);}
.dc-cta {background:radial-gradient(700px 300px at 50% 0%,rgba(229,9,20,.22),transparent 65%),var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2.6rem 1.6rem;text-align:center;}
.dc-cta h2 {font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:800;margin-bottom:.7rem;letter-spacing:-.02em;}
.dc-cta p {color:rgba(245,245,247,.66);max-width:620px;margin:0 auto 1.5rem;font-size:.95rem;line-height:1.85;}
.footer-cine {background:var(--panel);border-top:1px solid var(--line);padding:3rem 0 2rem;margin-top:1rem;}
.footer-brand {display:flex;align-items:center;font-weight:800;font-size:1.05rem;color:var(--text);text-decoration:none;margin-bottom:.9rem;}
.footer-brand:hover {color:var(--text);}
.footer-desc {color:rgba(245,245,247,.55);font-size:.88rem;line-height:1.85;max-width:340px;}
.footer-h {font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;}
.footer-links {list-style:none;padding:0;margin:0;}
.footer-links li {margin-bottom:.6rem;}
.footer-links a {color:rgba(245,245,247,.62);font-size:.9rem;text-decoration:none;transition:.18s;}
.footer-links a:hover {color:var(--accent);}
.footer-friend {color:rgba(245,245,247,.5);font-size:.86rem;line-height:1.9;}
.footer-bottom {border-top:1px solid var(--line);margin-top:2.2rem;padding-top:1.4rem;color:rgba(245,245,247,.42);font-size:.82rem;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;}
.dc-side {position:static;margin-top:1.6rem;}

/* --- 子页面追加 --- */
.guide-hero {position:relative;overflow:hidden;padding:64px 0 44px;background:
    radial-gradient(1100px 420px at 12% -10%, rgba(229,9,20,.22), transparent 62%),
    radial-gradient(900px 380px at 88% 0%, rgba(245,197,24,.12), transparent 60%),
    var(--bg);border-bottom:1px solid var(--line);}
.guide-hero::after {content:"";position:absolute;inset:0;background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:52px 52px;mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent 88%);pointer-events:none;}
.guide-hero .container {position:relative;z-index:2;}
.guide-kicker {display:inline-flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.28);padding:6px 14px;border-radius:999px;}
.guide-title {font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:900;line-height:1.18;margin:18px 0 14px;letter-spacing:-.02em;}
.guide-title em {font-style:normal;color:var(--main);}
.guide-lead {color:rgba(245,245,247,.72);font-size:1.03rem;line-height:1.85;max-width:760px;}
.guide-jump {display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.guide-jump a {font-size:.86rem;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--line);padding:8px 15px;border-radius:999px;text-decoration:none;transition:.22s;}
.guide-jump a:hover {border-color:var(--main);color:#fff;background:rgba(229,9,20,.16);transform:translateY(-2px);}
.g-card {background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;height:100%;box-shadow:var(--shadow-md),var(--shadow-in);transition:.25s;}
.g-card:hover {border-color:rgba(229,9,20,.45);transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.g-card h3 {font-size:1.06rem;font-weight:800;margin:14px 0 10px;letter-spacing:-.01em;}
.g-card p {color:rgba(245,245,247,.66);font-size:.93rem;line-height:1.8;margin:0;}
.g-ico {width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,rgba(229,9,20,.28),rgba(245,197,24,.16));border:1px solid rgba(255,255,255,.09);color:var(--accent);font-size:1.15rem;}
.g-step {display:flex;gap:18px;padding:22px 0;border-bottom:1px dashed var(--line);}
.g-step:last-child {border-bottom:none;padding-bottom:0;}
.g-step-num {flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:1.05rem;color:#fff;background:linear-gradient(150deg,var(--main),#8e0610);box-shadow:0 10px 22px -10px rgba(229,9,20,.9);}
.g-step h3 {font-size:1.05rem;font-weight:800;margin:0 0 8px;}
.g-step p {color:rgba(245,245,247,.68);font-size:.94rem;line-height:1.85;margin:0;}
.g-tip {margin-top:12px;font-size:.86rem;color:var(--accent);background:rgba(245,197,24,.08);border-left:3px solid var(--accent);padding:9px 13px;border-radius:0 8px 8px 0;}
.g-faq {background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;}
.g-faq details {border-bottom:1px solid var(--line);padding:0 20px;}
.g-faq details:last-child {border-bottom:none;}
.g-faq summary {cursor:pointer;list-style:none;padding:18px 0;font-weight:700;font-size:.98rem;color:var(--text);display:flex;justify-content:space-between;gap:14px;align-items:center;}
.g-faq summary::-webkit-details-marker {display:none;}
.g-faq summary::after {content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.72rem;color:var(--accent);transition:.2s;}
.g-faq details[open] summary::after {transform:rotate(180deg);}
.g-faq details p {color:rgba(245,245,247,.66);font-size:.92rem;line-height:1.85;margin:0 0 18px;}
.g-table {width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem;overflow:hidden;border-radius:14px;border:1px solid var(--line);}
.g-table th,.g-table td {padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);}
.g-table th {background:var(--panel-2);color:var(--accent);font-weight:700;font-size:.83rem;letter-spacing:.06em;text-transform:uppercase;}
.g-table td {color:rgba(245,245,247,.74);background:var(--panel);}
.g-table tr:last-child td {border-bottom:none;}
.g-table td:first-child {color:var(--text);font-weight:600;}
.g-cta {margin-top:56px;background:linear-gradient(140deg,rgba(229,9,20,.2),rgba(27,27,38,.9));border:1px solid rgba(229,9,20,.36);border-radius:20px;padding:38px 30px;text-align:center;box-shadow:var(--shadow-md);}
.g-cta h2 {font-size:clamp(1.28rem,2.6vw,1.7rem);font-weight:900;margin-bottom:12px;}
.g-cta p {color:rgba(245,245,247,.68);max-width:620px;margin:0 auto 22px;line-height:1.8;font-size:.96rem;}
.g-cta .btn-cine,.g-cta .btn-ghost {margin:6px 6px 0;}
.site-foot .fcol h4 {font-size:.9rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}
.site-foot a {display:block;color:rgba(245,245,247,.6);font-size:.9rem;text-decoration:none;padding:5px 0;transition:.2s;}
.site-foot a:hover {color:var(--text);padding-left:4px;}
.site-foot .fbrand {font-size:1.15rem;font-weight:900;color:var(--text);display:flex;align-items:center;gap:9px;margin-bottom:12px;text-decoration:none;}
.site-foot .fbrand:hover {padding-left:0;}
.site-foot .fdesc {color:rgba(245,245,247,.5);font-size:.87rem;line-height:1.8;max-width:320px;}
.fbar {border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:rgba(245,245,247,.42);font-size:.82rem;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;}