:root{
  --brand:#dc2626;
  --accent:#fb923c;
  --bg:#141013;
  --text:#fef2f2;
  --line:rgba(254,242,242,.16);
  --line-soft:rgba(254,242,242,.08);
  --panel:#1b161a;
  --muted:rgba(254,242,242,.62);
  --gold:#f5c451;
  --silver:#cfd6dd;
  --bronze:#c98a5a;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
  font-size:14px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,.hand{
  font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
  font-weight:800;
  letter-spacing:.4px;
}
a{text-decoration:none;color:inherit;}
::selection{background:var(--brand);color:#fff;}

/* 顶部阅读进度条 */
#readProgress{
  position:fixed;top:0;left:0;height:3px;width:0%;
  background:linear-gradient(90deg,var(--brand),var(--accent));
  z-index:2000;transition:width .08s linear;
}

/* 导航 */
.topbar{
  position:sticky;top:0;z-index:1500;
  background:rgba(20,16,19,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.brand-mark{
  font-weight:900;font-size:1.18rem;letter-spacing:.5px;
  color:var(--text);display:inline-flex;align-items:center;gap:.5rem;
}
.brand-mark i{color:var(--brand);font-size:1rem;}
.nav-cat a{
  color:var(--muted);font-size:.86rem;font-weight:500;
  padding:.35rem .7rem;border:1px solid transparent;border-radius:999px;
  transition:.2s;white-space:nowrap;
}
.nav-cat a:hover{color:var(--text);border-color:var(--line);}
.nav-cat a:first-child{color:var(--text);}
.nav-toggle{
  border:1px solid var(--line);background:transparent;color:var(--text);
  border-radius:8px;padding:.28rem .6rem;font-size:.9rem;
}
.mobile-menu{
  display:none;border-top:1px solid var(--line-soft);padding:.6rem 0 .9rem;
}
.mobile-menu.open{display:block;}
.mobile-menu a{
  display:block;padding:.5rem .2rem;font-size:.9rem;color:var(--muted);
  border-bottom:1px dashed var(--line-soft);
}
.mobile-menu a:hover{color:var(--text);}

/* Hero */
.hero{
  border-bottom:1px solid var(--line);
  padding:2.4rem 0 2rem;
}
.hero-kicker{
  font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--accent);font-weight:700;margin-bottom:.9rem;
}
.hero-title{
  font-size:clamp(1.9rem,4.6vw,3.3rem);line-height:1.15;margin-bottom:1rem;
}
.hero-title em{
  font-style:normal;color:var(--brand);
  border-bottom:3px solid var(--accent);padding-bottom:2px;
}
.hero-lead{color:var(--muted);font-size:.94rem;max-width:640px;}
.stat-row{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);border-radius:10px;margin-top:1.8rem;overflow:hidden;
}
.stat-cell{
  padding:1rem .9rem;border-right:1px solid var(--line);
}
.stat-cell:last-child{border-right:none;}
.stat-num{
  font-size:clamp(1.4rem,3vw,2rem);font-weight:900;color:var(--text);
  line-height:1.1;letter-spacing:-.5px;
}
.stat-num span{color:var(--accent);}
.stat-label{font-size:.72rem;color:var(--muted);letter-spacing:.06em;margin-top:.25rem;}

/* 通用区块 */
.section{padding:2.6rem 0;border-bottom:1px solid var(--line-soft);}
.section-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap;
}
.section-title{
  font-size:1.16rem;margin:0;display:flex;align-items:center;gap:.55rem;
}
.section-title i{color:var(--brand);font-size:.92rem;}
.section-sub{font-size:.78rem;color:var(--muted);}
.section-more{
  font-size:.78rem;color:var(--accent);border:1px solid var(--line);
  padding:.22rem .7rem;border-radius:999px;transition:.2s;
}
.section-more:hover{background:var(--brand);border-color:var(--brand);color:#fff;}

/* 轮播 */
.carousel-shell{
  border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:var(--panel);
}
.slide-item{
  display:grid;grid-template-columns:200px 1fr;gap:0;min-height:250px;
}
.slide-poster{
  position:relative;overflow:hidden;background:#0e0b0d;
}
.slide-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.slide-poster:hover img{transform:scale(1.06);}
.slide-body{padding:1.5rem 1.6rem;display:flex;flex-direction:column;justify-content:center;}
.slide-tag{
  display:inline-block;font-size:.68rem;letter-spacing:.14em;
  color:var(--accent);border:1px solid var(--line);border-radius:999px;
  padding:.16rem .62rem;margin-bottom:.7rem;width:fit-content;
}
.slide-name{font-size:1.4rem;margin:0 0 .5rem;line-height:1.25;}
.slide-desc{color:var(--muted);font-size:.85rem;margin-bottom:.9rem;}
.slide-meta{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.72rem;}
.slide-meta span{
  border:1px solid var(--line);border-radius:6px;padding:.14rem .5rem;color:var(--muted);
}
.carousel-indicators [data-bs-target]{background:var(--brand);width:8px;height:8px;border-radius:50%;}

/* 海报网格 */
.poster-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:14px;width:100%;
}
.poster-card{
  position:relative;border:1px solid var(--line-soft);border-radius:8px;
  overflow:hidden;background:#0f0c0e;transition:border-color .25s;
}
.poster-card:hover{border-color:var(--brand);}
.poster-thumb{
  position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;
}
.poster-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .55s ease;
}
.poster-card:hover .poster-thumb img{transform:scale(1.08);}
.poster-mask{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,16,19,0) 35%,rgba(20,16,19,.94) 100%);
  opacity:0;transition:opacity .3s ease;
  display:flex;flex-direction:column;justify-content:flex-end;padding:.6rem;
}
.poster-card:hover .poster-mask{opacity:1;}
.poster-mask .pm-line{font-size:.68rem;color:var(--accent);margin-bottom:.18rem;}
.poster-mask .pm-desc{font-size:.66rem;color:rgba(254,242,242,.86);line-height:1.45;}
.poster-info{padding:.5rem .55rem .6rem;}
.poster-name{
  font-size:.78rem;font-weight:700;line-height:1.3;margin:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.poster-tagline{
  font-size:.68rem;color:var(--muted);margin-top:.16rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.score-pill{
  position:absolute;top:.42rem;right:.42rem;z-index:3;
  font-size:.66rem;font-weight:800;color:#fff;
  background:rgba(220,38,38,.92);border-radius:4px;padding:.06rem .3rem;
}

/* 标签胶囊切换 */
.caps-tabs{
  display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem;
}
.caps-tabs button{
  background:transparent;border:1px solid var(--line);color:var(--muted);
  border-radius:999px;font-size:.78rem;padding:.26rem .8rem;transition:.2s;
}
.caps-tabs button.active{
  background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700;
}
.tab-panel{display:none;}
.tab-panel.active{display:block;}

/* 时间线 */
.timeline{position:relative;padding-left:1.4rem;border-left:1px solid var(--line);}
.tl-item{position:relative;padding-bottom:1.15rem;}
.tl-item:last-child{padding-bottom:0;}
.tl-item::before{
  content:"";position:absolute;left:-1.72rem;top:.42rem;
  width:8px;height:8px;border-radius:50%;background:var(--bg);
  border:2px solid var(--brand);
}
.tl-time{font-size:.7rem;letter-spacing:.08em;color:var(--accent);font-weight:700;}
.tl-title{font-size:.9rem;font-weight:700;margin:.1rem 0 .12rem;}
.tl-desc{font-size:.76rem;color:var(--muted);margin:0;}

/* 榜单 */
.rank-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.rank-row{
  display:grid;grid-template-columns:56px 1fr 110px 78px;gap:.8rem;
  align-items:center;padding:.68rem 1rem;
  border-bottom:1px solid var(--line-soft);transition:background .2s;
}
.rank-row:last-child{border-bottom:none;}
.rank-row:hover{background:rgba(220,38,38,.07);}
.rank-no{
  font-size:1rem;font-weight:900;color:var(--muted);
  display:flex;align-items:center;gap:.28rem;
}
.rank-no.medal-1{color:var(--gold);}
.rank-no.medal-2{color:var(--silver);}
.rank-no.medal-3{color:var(--bronze);}
.rank-name{font-size:.86rem;font-weight:700;}
.rank-name small{display:block;font-weight:400;color:var(--muted);font-size:.7rem;margin-top:.08rem;}
.rank-cat{
  font-size:.68rem;color:var(--accent);border:1px solid var(--line);
  border-radius:999px;padding:.08rem .5rem;text-align:center;width:fit-content;
}
.rank-hot{font-size:.72rem;color:var(--muted);text-align:right;}
.rank-hot b{color:var(--text);font-weight:800;}

/* 说明/FAQ */
.faq-item{border-bottom:1px dashed var(--line);padding:.85rem 0;}
.faq-q{font-size:.88rem;font-weight:700;margin:0 0 .3rem;display:flex;gap:.45rem;}
.faq-q i{color:var(--brand);font-size:.78rem;margin-top:.24rem;}
.faq-a{font-size:.79rem;color:var(--muted);margin:0;padding-left:1.2rem;}

/* 友链 */
.friend-box{
  border:1px dashed var(--line);border-radius:10px;padding:1rem 1.1rem;
  font-size:.8rem;color:var(--muted);line-height:2;
}

/* 页脚 */
.site-footer{padding:2.2rem 0 1.6rem;}
.footer-brand{font-weight:900;font-size:1rem;letter-spacing:.4px;}
.footer-desc{font-size:.76rem;color:var(--muted);max-width:520px;margin-top:.5rem;line-height:1.8;}
.footer-col h4{font-size:.8rem;letter-spacing:.1em;margin-bottom:.7rem;color:var(--text);}
.footer-col a{display:block;font-size:.76rem;color:var(--muted);padding:.18rem 0;}
.footer-col a:hover{color:var(--accent);}
.copyright{
  border-top:1px solid var(--line-soft);margin-top:1.6rem;padding-top:1rem;
  font-size:.72rem;color:var(--muted);display:flex;justify-content:space-between;
  gap:.8rem;flex-wrap:wrap;
}

/* 响应式 */
@media (max-width:1199.98px){
  .poster-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:991.98px){
  .poster-grid{grid-template-columns:repeat(3,1fr);}
  .slide-item{grid-template-columns:150px 1fr;}
  .stat-row{grid-template-columns:repeat(2,1fr);}
  .stat-cell:nth-child(2){border-right:none;}
  .stat-cell:nth-child(1),.stat-cell:nth-child(2){border-bottom:1px solid var(--line);}
}
@media (max-width:767.98px){
  .poster-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .slide-item{grid-template-columns:110px 1fr;}
  .slide-body{padding:1rem;}
  .slide-name{font-size:1.05rem;}
  .rank-row{grid-template-columns:40px 1fr 70px;gap:.5rem;padding:.6rem .7rem;}
  .rank-cat{display:none;}
  .rank-hot{font-size:.68rem;}
  .section{padding:1.9rem 0;}
  .hero{padding:1.7rem 0 1.5rem;}
}
@media (max-width:575.98px){
  .poster-grid{grid-template-columns:repeat(2,1fr);}
}

/* --- 子页面追加 --- */
.guide-wrap {max-width:1200px;margin:0 auto;padding:0 20px;}
.guide-card {background:var(--panel);border:1px solid var(--line-soft);border-radius:16px;padding:26px 26px 22px;height:100%;}
.guide-card .num {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(220,38,38,.16);color:var(--brand);font-weight:800;font-size:15px;margin-bottom:14px;}
.guide-card h3 {font-size:17px;font-weight:700;color:var(--text);margin:0 0 10px;line-height:1.45;}
.guide-card p {font-size:14px;line-height:1.85;color:var(--muted);margin:0;}
.guide-card p + p {margin-top:10px;}
.guide-card strong {color:var(--gold);font-weight:600;}
.step-line {display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line-soft);}
.step-line:last-child {border-bottom:0;}
.step-idx {flex:0 0 44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(251,146,60,.14);color:var(--accent);font-weight:800;}
.step-body h4 {font-size:16px;font-weight:700;margin:0 0 8px;color:var(--text);}
.step-body p {margin:0;font-size:14px;line-height:1.85;color:var(--muted);}
.faq-item h4 {font-size:15.5px;font-weight:700;margin:0 0 10px;color:var(--text);display:flex;gap:10px;align-items:flex-start;}
.faq-item h4 i {color:var(--brand);margin-top:3px;font-size:14px;}
.faq-item p {margin:0;font-size:14px;line-height:1.85;color:var(--muted);}
.tag-pill {display:inline-block;font-size:12.5px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);margin:0 8px 8px 0;}
.tip-box {border-left:3px solid var(--brand);background:rgba(220,38,38,.07);border-radius:0 12px 12px 0;padding:16px 20px;font-size:14px;line-height:1.85;color:var(--muted);}
.tip-box b {color:var(--text);}
.zone-link {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:12px;background:var(--panel);border:1px solid var(--line-soft);color:var(--text);text-decoration:none;font-size:14.5px;font-weight:600;transition:.2s;margin-bottom:10px;}
.zone-link span small {display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:3px;}
.zone-link i {color:var(--accent);font-size:13px;}
.zone-link:hover {border-color:rgba(220,38,38,.5);transform:translateX(3px);color:var(--text);}
.guide-card {padding:20px 18px;}
.step-line {gap:12px;}
.step-idx {flex:0 0 38px;height:38px;font-size:14px;}

/* --- 子页面追加 --- */
.about-page {padding-top:96px;}
.about-wrap {max-width:1120px;margin:0 auto;padding:0 20px;}
.about-hero {padding:56px 0 40px;border-bottom:1px solid var(--line-soft);}
.about-kicker {display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:18px;}
.about-kicker::before {content:"";width:26px;height:2px;background:var(--brand);display:inline-block;}
.about-h1 {font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1.18;letter-spacing:-.02em;margin:0 0 20px;}
.about-h1 em {font-style:normal;color:var(--brand);}
.about-lead {font-size:clamp(.95rem,1.6vw,1.08rem);line-height:1.85;color:var(--muted);max-width:760px;margin:0;}
.about-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:38px 0 0;}
.about-stat {background:var(--panel);border:1px solid var(--line-soft);border-radius:14px;padding:22px 18px;text-align:center;}
.about-stat b {display:block;font-size:1.7rem;font-weight:900;color:var(--accent);line-height:1.1;}
.about-stat span {display:block;margin-top:8px;font-size:.8rem;color:var(--muted);letter-spacing:.04em;}
.about-section {padding:56px 0;border-bottom:1px solid var(--line-soft);}
.about-section:last-of-type {border-bottom:none;}
.about-h2 {font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:800;margin:0 0 10px;letter-spacing:-.01em;}
.about-h2 i {color:var(--brand);margin-right:10px;font-size:.9em;}
.about-sub {color:var(--muted);font-size:.92rem;line-height:1.7;margin:0 0 28px;max-width:720px;}
.about-cards {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.about-card {background:var(--panel);border:1px solid var(--line-soft);border-radius:14px;padding:24px 22px;transition:border-color .2s,transform .2s;}
.about-card:hover {border-color:rgba(220,38,38,.45);transform:translateY(-3px);}
.about-card .ic {width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(220,38,38,.14);color:var(--brand);font-size:1.05rem;margin-bottom:16px;}
.about-card h3 {font-size:1rem;font-weight:700;margin:0 0 10px;}
.about-card p {font-size:.87rem;line-height:1.75;color:var(--muted);margin:0;}
.about-list {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;}
.about-list li {display:flex;gap:12px;font-size:.9rem;line-height:1.72;color:var(--muted);}
.about-list li i {color:var(--accent);margin-top:4px;font-size:.8rem;flex-shrink:0;}
.about-list li strong {color:var(--text);font-weight:600;}
.about-quote {background:linear-gradient(135deg,rgba(220,38,38,.14),rgba(251,146,60,.06));border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:0 14px 14px 0;padding:26px 28px;margin:0;}
.about-quote p {font-size:1rem;line-height:1.85;color:var(--text);margin:0 0 12px;font-weight:500;}
.about-quote span {font-size:.82rem;color:var(--muted);letter-spacing:.05em;}
.about-timeline {position:relative;padding-left:26px;margin-top:8px;}
.about-timeline::before {content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--brand),rgba(251,146,60,.25));}
.tl-item h4 {font-size:.95rem;font-weight:700;margin:0 0 6px;color:var(--text);}
.tl-item p {font-size:.86rem;line-height:1.72;color:var(--muted);margin:0;}
.about-cta {text-align:center;padding:56px 24px;background:var(--panel);border:1px solid var(--line-soft);border-radius:18px;margin:56px 0 0;}
.about-cta h2 {font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:800;margin:0 0 12px;}
.about-cta p {font-size:.9rem;color:var(--muted);line-height:1.7;margin:0 0 24px;}
.about-btns {display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.about-btn {display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;font-size:.88rem;font-weight:600;text-decoration:none;transition:.2s;}
.about-btn.primary {background:var(--brand);color:#fff;}
.about-btn.primary:hover {background:#b91c1c;color:#fff;}
.about-btn.ghost {border:1px solid var(--line);color:var(--text);}
.about-btn.ghost:hover {border-color:var(--brand);color:var(--accent);}
.about-grid {grid-template-columns:repeat(2,1fr);}
.about-cards {grid-template-columns:1fr;}
.about-list {grid-template-columns:1fr;}
.about-page {padding-top:80px;}
.about-grid {grid-template-columns:1fr 1fr;}
.about-hero {padding:36px 0 28px;}

/* --- 子页面追加 --- */
.mv-genre-bar {display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem}
.mv-chip {display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .95rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.86rem;text-decoration:none;transition:.18s;background:transparent}
.mv-chip:hover,.mv-chip.is-on {color:var(--text);border-color:var(--brand);background:rgba(220,38,38,.14)}
.mv-chip i {color:var(--accent);font-size:.78rem}
.mv-card {display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;height:100%;transition:.2s}
.mv-card:hover {border-color:var(--line);transform:translateY(-3px)}
.mv-poster {position:relative;aspect-ratio:2/3;background:linear-gradient(160deg,#2a2228,#181317);overflow:hidden}
.mv-poster img {width:100%;height:100%;object-fit:cover;display:block}
.mv-badge {position:absolute;top:.6rem;left:.6rem;padding:.18rem .5rem;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.02em;background:rgba(220,38,38,.92);color:#fff}
.mv-badge.gold {background:rgba(245,196,81,.92);color:#2a1f0a}
.mv-score {position:absolute;right:.6rem;bottom:.6rem;padding:.2rem .55rem;border-radius:8px;background:rgba(20,16,19,.86);color:var(--gold);font-weight:800;font-size:.86rem}
.mv-body {padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.mv-name {font-size:1rem;font-weight:700;color:var(--text);margin:0;line-height:1.35}
.mv-meta {font-size:.78rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.5rem}
.mv-meta span {display:inline-flex;align-items:center;gap:.28rem}
.mv-desc {font-size:.82rem;color:var(--muted);line-height:1.6;margin:0}
.mv-tags {margin-top:auto;display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.5rem}
.mv-tag {font-size:.72rem;padding:.16rem .5rem;border-radius:6px;background:rgba(251,146,60,.12);color:var(--accent);border:1px solid rgba(251,146,60,.22)}
.mv-note {background:var(--panel);border:1px solid var(--line-soft);border-left:3px solid var(--brand);border-radius:0 12px 12px 0;padding:1.3rem 1.5rem}
.mv-note h3 {font-size:1.02rem;font-weight:700;margin:0 0 .55rem;color:var(--text)}
.mv-note p {font-size:.88rem;color:var(--muted);line-height:1.8;margin:0}
.mv-list {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}
.mv-list li {display:flex;gap:.85rem;align-items:flex-start;padding:.85rem 1rem;background:var(--panel);border:1px solid var(--line-soft);border-radius:12px;font-size:.86rem;color:var(--muted);line-height:1.7}
.mv-list li .num {flex:0 0 26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(220,38,38,.16);color:var(--brand);font-weight:800;font-size:.82rem}
.mv-list li strong {color:var(--text);font-weight:600}
.mv-faq {display:flex;flex-direction:column;gap:.75rem}
.mv-faq-item {background:var(--panel);border:1px solid var(--line-soft);border-radius:12px;padding:1.05rem 1.2rem}
.mv-faq-item h3 {font-size:.95rem;font-weight:700;margin:0 0 .45rem;color:var(--text);display:flex;align-items:center;gap:.5rem}
.mv-faq-item h3 i {color:var(--brand);font-size:.82rem}
.mv-faq-item p {font-size:.86rem;color:var(--muted);line-height:1.75;margin:0}
.mv-cta {display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.mv-btn {display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:.18s;border:1px solid transparent}
.mv-btn-primary {background:var(--brand);color:#fff}
.mv-btn-primary:hover {background:#b91c1c;color:#fff}
.mv-btn-ghost {border-color:var(--line);color:var(--text)}
.mv-btn-ghost:hover {border-color:var(--accent);color:var(--accent)}
.mv-note {padding:1.05rem 1.1rem}
.mv-chip {font-size:.8rem;padding:.36rem .8rem}

/* --- 子页面追加 --- */
/* 本页专属补充样式，仅少量，主样式沿用站点 style.css */
.filter-bar {display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0 2rem}
.filter-chip {
  display:inline-block;padding:.45rem 1rem;border-radius:999px;font-size:.86rem;
  border:1px solid var(--line);color:var(--muted);background:transparent;cursor:pointer;
  transition:all .22s ease;text-decoration:none;
}
.filter-chip:hover,.filter-chip.active {
  color:#fff;background:linear-gradient(120deg,var(--brand),var(--accent));
  border-color:transparent;
}
.series-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.3rem}
.series-card {
  background:var(--panel);border:1px solid var(--line-soft);border-radius:16px;
  overflow:hidden;transition:transform .25s ease,border-color .25s ease;
}
.series-card:hover {transform:translateY(-5px);border-color:var(--line)}
.series-thumb {position:relative;aspect-ratio:2/3;overflow:hidden;background:#241c22}
.series-thumb img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.series-card:hover .series-thumb img {transform:scale(1.05)}
.thumb-badge {
  position:absolute;top:.6rem;left:.6rem;padding:.18rem .55rem;border-radius:6px;
  font-size:.72rem;font-weight:600;letter-spacing:.03em;color:#fff;
  background:linear-gradient(120deg,var(--brand),var(--accent));
}
.thumb-score {
  position:absolute;right:.6rem;bottom:.6rem;padding:.18rem .5rem;border-radius:6px;
  font-size:.78rem;font-weight:700;color:#1a1013;background:var(--gold);
}
.series-info {padding:.85rem .95rem 1.05rem}
.series-info h3 {font-size:.98rem;font-weight:600;margin:0 0 .3rem;color:var(--text)}
.series-info p {margin:0;font-size:.8rem;color:var(--muted);line-height:1.5}
.series-meta {display:flex;gap:.7rem;margin-top:.55rem;font-size:.75rem;color:var(--muted)}
.series-meta span i {margin-right:.25rem;color:var(--accent)}
.calendar-table {width:100%;border-collapse:collapse;font-size:.88rem}
.calendar-table th,.calendar-table td {
  padding:.75rem .9rem;text-align:left;border-bottom:1px solid var(--line-soft);color:var(--text);
}
.calendar-table th {font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.calendar-table tbody tr:hover {background:rgba(254,242,242,.03)}
.calendar-table .day-tag {
  display:inline-block;padding:.15rem .5rem;border-radius:5px;font-size:.74rem;font-weight:600;
  background:rgba(220,38,38,.18);color:var(--accent);border:1px solid rgba(220,38,38,.3);
}
.tip-list {list-style:none;padding:0;margin:0}
.tip-list li {
  position:relative;padding:.7rem 0 .7rem 1.9rem;border-bottom:1px dashed var(--line-soft);
  font-size:.9rem;color:var(--muted);line-height:1.7;
}
.tip-list li:last-child {border-bottom:none}
.tip-list li i {position:absolute;left:0;top:.85rem;color:var(--brand);font-size:.85rem}
.tip-list li strong {color:var(--text);font-weight:600}
.series-grid {grid-template-columns:repeat(2,1fr);gap:.85rem}
.series-info {padding:.65rem .7rem .8rem}
.calendar-table th,.calendar-table td {padding:.55rem .5rem;font-size:.78rem}

/* --- 子页面追加 --- */
/* 本页专属少量样式，配色沿用站点变量 */
  .nav-active { color: var(--gold) !important; }
.cat-chip-row { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.2rem; }
.cat-chip {
    display:inline-flex; align-items:center; gap:.4rem;
    padding:.45rem .95rem; border-radius:999px;
    border:1px solid var(--line); background:var(--panel);
    color:var(--text); font-size:.85rem; text-decoration:none;
    transition:.2s;
  }
.cat-chip:hover { border-color:var(--brand); color:var(--gold); }
.cat-chip i { color:var(--brand); font-size:.8rem; }
.v-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.v-card {
    background:var(--panel); border:1px solid var(--line);
    border-radius:14px; overflow:hidden; display:flex; flex-direction:column;
    transition:.25s; height:100%;
  }
.v-card:hover { border-color:var(--brand); transform:translateY(-4px); }
.v-poster {
    position:relative; aspect-ratio:16/9; overflow:hidden;
    background:linear-gradient(135deg,#2a2024,#1b161a);
  }
.v-poster img { width:100%; height:100%; object-fit:cover; display:block; }
.v-badge {
    position:absolute; top:.6rem; left:.6rem;
    background:var(--brand); color:#fff; font-size:.7rem; font-weight:700;
    padding:.2rem .55rem; border-radius:6px; letter-spacing:.5px;
  }
.v-hot {
    position:absolute; top:.6rem; right:.6rem;
    background:rgba(20,16,19,.8); color:var(--gold);
    font-size:.7rem; font-weight:700; padding:.2rem .5rem; border-radius:6px;
    border:1px solid var(--line);
  }
.v-body { padding:.95rem 1rem 1.1rem; display:flex; flex-direction:column; gap:.5rem; flex:1; }
.v-name { font-size:1.02rem; font-weight:700; color:var(--text); line-height:1.35; }
.v-desc { font-size:.82rem; color:var(--muted); line-height:1.6; flex:1; }
.v-meta { display:flex; flex-wrap:wrap; gap:.5rem; font-size:.74rem; color:var(--muted); }
.v-meta span { display:inline-flex; align-items:center; gap:.28rem; }
.v-meta i { color:var(--accent); }
.schedule-table { width:100%; border-collapse:collapse; margin-top:1rem; }
.schedule-table th, .schedule-table td {
    padding:.85rem .9rem; text-align:left; font-size:.88rem;
    border-bottom:1px solid var(--line-soft);
  }
.schedule-table th { color:var(--gold); font-weight:600; font-size:.82rem; letter-spacing:.5px; }
.schedule-table td { color:var(--text); }
.schedule-table td small { color:var(--muted); display:block; margin-top:.15rem; font-size:.76rem; }
.schedule-wrap { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:.4rem 1rem; overflow-x:auto; }
.tip-list li p { color:var(--muted); font-size:.83rem; line-height:1.65; margin:0; }
.v-grid { grid-template-columns:repeat(2,1fr); }
.v-grid { grid-template-columns:1fr; }

/* --- 子页面追加 --- */
.anime-cat {background:var(--panel);border:1px solid var(--line-soft);border-radius:14px;padding:22px 20px;height:100%;transition:border-color .25s,transform .25s;}
.anime-cat:hover {border-color:var(--brand);transform:translateY(-3px);}
.anime-cat h3 {font-size:17px;font-weight:700;color:var(--text);margin:0 0 10px;display:flex;align-items:center;gap:9px;}
.anime-cat h3 i {color:var(--accent);font-size:15px;}
.anime-cat p {margin:0;color:var(--muted);font-size:14px;line-height:1.75;}
.anime-step {background:linear-gradient(160deg,var(--panel),rgba(220,38,38,.07));border:1px solid var(--line-soft);border-radius:14px;padding:24px 22px;height:100%;}
.anime-step .step-num {display:inline-block;font-size:26px;font-weight:900;color:var(--brand);opacity:.85;letter-spacing:1px;}
.anime-step h3 {font-size:17px;font-weight:700;color:var(--text);margin:6px 0 10px;}
.anime-step p {margin:0;color:var(--muted);font-size:14px;line-height:1.75;}
.anime-faq {max-width:900px;margin:0 auto;}
.anime-faq details {background:var(--panel);border:1px solid var(--line-soft);border-radius:12px;padding:0;margin-bottom:12px;overflow:hidden;}
.anime-faq summary {cursor:pointer;list-style:none;padding:16px 20px;font-size:15px;font-weight:600;color:var(--text);position:relative;padding-right:44px;}
.anime-faq summary::-webkit-details-marker {display:none;}
.anime-faq summary::after {content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--accent);transition:transform .25s;}
.anime-faq details[open] summary::after {transform:translateY(-50%) rotate(180deg);}
.anime-faq details p {margin:0;padding:0 20px 18px;color:var(--muted);font-size:14px;line-height:1.8;}
.anime-link-card {display:block;background:var(--panel);border:1px solid var(--line-soft);border-radius:14px;padding:20px;height:100%;text-decoration:none;transition:border-color .25s,transform .25s;}
.anime-link-card:hover {border-color:var(--accent);transform:translateY(-3px);}
.anime-link-card h3 {font-size:16px;font-weight:700;color:var(--text);margin:0 0 8px;}
.anime-link-card p {margin:0;color:var(--muted);font-size:13px;line-height:1.7;}
.anime-step .step-num {font-size:22px;}
.anime-cat,.anime-step {padding:18px 16px;}

/* --- 子页面追加 --- */
/* 本页专属少量样式，沿用站点变量 */
  .doc-tabs {display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}
.doc-tab {padding:.5rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:.9rem;cursor:pointer;transition:.2s;font-family:inherit}
.doc-tab:hover {color:var(--text);border-color:var(--brand)}
.doc-tab.active {background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.doc-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}
.doc-card {background:var(--panel);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.doc-card:hover {border-color:var(--line);transform:translateY(-3px)}
.doc-thumb {position:relative;aspect-ratio:16/9;overflow:hidden;background:#0d0a0c}
.doc-thumb img {width:100%;height:100%;object-fit:cover;display:block}
.doc-badge {position:absolute;top:.6rem;left:.6rem;background:rgba(20,16,19,.82);border:1px solid var(--line);color:var(--accent);font-size:.72rem;padding:.2rem .55rem;border-radius:6px;letter-spacing:.05em}
.doc-score {position:absolute;bottom:.6rem;right:.6rem;background:rgba(220,38,38,.92);color:#fff;font-size:.8rem;font-weight:700;padding:.15rem .5rem;border-radius:6px}
.doc-body {padding:.95rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.doc-name {font-size:1rem;font-weight:700;color:var(--text);margin:0;line-height:1.4}
.doc-desc {font-size:.84rem;color:var(--muted);line-height:1.65;margin:0;flex:1}
.doc-meta {font-size:.76rem;color:var(--muted);opacity:.8;display:flex;gap:.75rem;flex-wrap:wrap}
.doc-guide {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}
.doc-guide-item {background:var(--panel);border:1px solid var(--line-soft);border-left:3px solid var(--brand);border-radius:10px;padding:1.15rem 1.25rem}
.doc-guide-item h3 {font-size:1rem;color:var(--text);margin:0 0 .5rem;font-weight:700}
.doc-guide-item p {font-size:.87rem;color:var(--muted);line-height:1.75;margin:0}
.doc-note {background:linear-gradient(135deg,rgba(220,38,38,.12),rgba(251,146,60,.07));border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.5rem;margin-top:1.75rem}
.doc-note p {color:var(--muted);font-size:.9rem;line-height:1.8;margin:0}
.doc-note strong {color:var(--gold)}
.doc-grid {grid-template-columns:1fr 1fr;gap:.75rem}
.doc-body {padding:.7rem .75rem .85rem}
.doc-desc {display:none}
.doc-name {font-size:.88rem}

/* --- 子页面追加 --- */
/* 本页专属少量补充样式，仅新增类，不改站点已有类 */
  .rank-tabs {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 6px;}
.rank-tab {
    padding:9px 18px;border-radius:999px;border:1px solid var(--line);
    color:var(--muted);font-size:14px;font-weight:600;text-decoration:none;
    transition:.22s ease;background:transparent;
  }
.rank-tab:hover {color:var(--text);border-color:var(--brand);}
.rank-tab.active {background:var(--brand);border-color:var(--brand);color:#fff;}
.rank-item {
    display:flex;align-items:center;gap:18px;padding:18px 20px;
    background:var(--panel);border:1px solid var(--line-soft);border-radius:16px;
    transition:.22s ease;
  }
.rank-item:hover {border-color:var(--line);transform:translateY(-2px);}
.rank-item.top1 .rank-no {background:rgba(245,196,81,.16);color:var(--gold);}
.rank-item.top2 .rank-no {background:rgba(207,214,221,.14);color:var(--silver);}
.rank-item.top3 .rank-no {background:rgba(201,138,90,.16);color:var(--bronze);}
.rank-main {flex:1 1 auto;min-width:0;}
.rank-name span {font-weight:400;color:var(--muted);font-size:13px;margin-left:8px;}
.rank-desc {font-size:13.5px;color:var(--muted);line-height:1.65;margin:0;}
.rank-side {flex:0 0 auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
.rank-score {font-size:20px;font-weight:800;color:var(--accent);line-height:1;}
.rank-score small {font-size:11px;color:var(--muted);font-weight:500;margin-left:2px;}
.rank-trend {font-size:12px;font-weight:600;color:var(--muted);}
.rank-trend.up {color:#4ade80;}
.rank-trend.down {color:#f87171;}
.rank-trend.flat {color:var(--muted);}
.rank-note {
    margin-top:30px;padding:18px 20px;border-radius:14px;
    background:rgba(220,38,38,.07);border:1px solid rgba(220,38,38,.22);
    font-size:13.5px;color:var(--muted);line-height:1.75;
  }
.rank-note strong {color:var(--text);}
.rank-item {flex-wrap:wrap;gap:12px;padding:16px;}
.rank-side {flex-direction:row;align-items:center;gap:12px;width:100%;justify-content:flex-start;}