:root{
  --main:#2563eb;
  --accent:#06b6d4;
  --bg:#f4f8ff;
  --ink:#0f1e3d;
  --line:rgba(15,30,61,.14);
  --line-soft:rgba(15,30,61,.08);
  --muted:#5a6b8c;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-weight:400;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4,h5{font-weight:800;letter-spacing:-.02em;color:var(--ink);}
.wrap{max-width:1320px;margin:0 auto;padding:0 20px;}
/* ---------- header ---------- */
.site-head{
  position:sticky;top:0;z-index:1000;
  background:rgba(244,248,255,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.head-inner{display:flex;align-items:center;gap:28px;height:70px;}
.brand{
  font-size:22px;font-weight:900;letter-spacing:-.03em;
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  color:var(--ink);
}
.brand i{color:var(--main);font-size:19px;}
.brand:hover{color:var(--main);}
.nav-main{display:flex;align-items:center;gap:4px;flex:1;flex-wrap:wrap;}
.nav-main a{
  padding:7px 13px;border-radius:999px;font-size:14.5px;font-weight:500;
  color:var(--muted);transition:.22s;white-space:nowrap;
}
.nav-main a:hover,.nav-main a.active{color:var(--ink);background:#fff;border:1px solid var(--line);}
.nav-main a.active{color:var(--main);border-color:rgba(37,99,235,.4);}
.nav-toggle{
  display:none;background:none;border:1px solid var(--line);border-radius:10px;
  padding:7px 11px;color:var(--ink);font-size:17px;cursor:pointer;
}
/* ---------- hero ---------- */
.hero{padding:58px 0 34px;border-bottom:1px solid var(--line-soft);}
.stats-row{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff;
}
.stat-cell{padding:26px 22px;border-right:1px solid var(--line-soft);}
.stat-cell:last-child{border-right:none;}
.stat-num{font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1;letter-spacing:-.045em;color:var(--main);}
.stat-num span{font-size:.5em;font-weight:700;color:var(--accent);margin-left:2px;}
.stat-lbl{margin-top:10px;font-size:13px;color:var(--muted);font-weight:500;letter-spacing:.06em;}
.hero-title{margin-top:34px;font-size:clamp(30px,5vw,54px);line-height:1.1;font-weight:900;letter-spacing:-.04em;max-width:820px;}
.hero-title em{font-style:normal;color:var(--main);}
.hero-sub{margin-top:16px;font-size:16px;line-height:1.75;color:var(--muted);max-width:660px;}
.hero-cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;}
.btn-flow{
  position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;
  padding:12px 26px;border-radius:999px;font-size:15px;font-weight:600;
  background:linear-gradient(100deg,var(--main),var(--accent),var(--main));
  background-size:220% 100%;color:#fff;border:none;
  transition:background-position .55s ease, transform .2s ease;
}
.btn-flow:hover{background-position:100% 0;color:#fff;transform:translateY(-1px);}
.btn-flow::after{
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-18deg);transition:left .6s ease;
}
.btn-flow:hover::after{left:130%;}
.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;
  font-size:15px;font-weight:600;border:1px solid var(--line);color:var(--ink);background:#fff;
  transition:.22s;
}
.btn-ghost:hover{border-color:var(--main);color:var(--main);}
/* ---------- layout ---------- */
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;padding:44px 0;align-items:start;}
.filter-rail{
  position:sticky;top:94px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:20px 16px;
}
.rail-title{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-bottom:14px;text-transform:uppercase;}
.rail-list{list-style:none;padding:0;margin:0 0 22px;}
.rail-list li{margin-bottom:2px;}
.rail-list a{
  display:flex;justify-content:space-between;align-items:center;gap:6px;
  padding:8px 10px;border-radius:4px;font-size:14px;font-weight:500;color:var(--muted);transition:.18s;
}
.rail-list a:hover{background:var(--bg);color:var(--main);}
.rail-list a .cnt{font-size:11.5px;color:#9aa9c4;font-weight:600;}
.rail-tag{display:flex;flex-wrap:wrap;gap:6px;}
.rail-tag a{
  font-size:12px;padding:4px 9px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);transition:.18s;
}
.rail-tag a:hover{border-color:var(--accent);color:var(--accent);}
/* ---------- section head ---------- */
.sec{margin-bottom:60px;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:26px;flex-wrap:wrap;}
.sec-head h2{font-size:clamp(21px,2.6vw,29px);margin:0;letter-spacing:-.03em;}
.sec-head h2 i{color:var(--main);font-size:.78em;margin-right:9px;}
.sec-head .sec-desc{font-size:13.5px;color:var(--muted);margin:8px 0 0;font-weight:400;line-height:1.6;}
.sec-more{font-size:13.5px;font-weight:600;color:var(--main);white-space:nowrap;}
.sec-more:hover{color:var(--accent);}
/* ---------- poster grid ---------- */
.poster-grid{display:grid;width:100%;gap:20px;}
.cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
.cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.p-card{
  display:block;border:1px solid var(--line-soft);border-radius:6px;background:#fff;overflow:hidden;
  transition:transform .3s cubic-bezier(.2,.8,.3,1), box-shadow .3s ease, border-color .3s;
  opacity:0;transform:translateY(18px);
}
.p-card.in{opacity:1;transform:none;}
.p-card:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 16px 32px -14px rgba(15,30,61,.32);border-color:rgba(37,99,235,.35);z-index:3;}
.p-thumb{position:relative;width:100%;aspect-ratio:2/3;background:linear-gradient(135deg,#e5eeff,#dbe9ff);overflow:hidden;}
.p-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease, filter .4s ease;}
.p-thumb img.loaded{opacity:1;}
.p-card:hover .p-thumb img{filter:saturate(1.08);}
.badge-q{
  position:absolute;top:8px;right:8px;font-size:10.5px;font-weight:800;letter-spacing:.06em;
  padding:3px 7px;border-radius:3px;background:rgba(15,30,61,.82);color:#fff;backdrop-filter:blur(4px);
}
.badge-q.q4k{background:linear-gradient(100deg,var(--main),var(--accent));}
.p-meta{padding:11px 11px 13px;}
.p-title{
  font-size:13.5px;font-weight:700;line-height:1.35;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.p-sub{margin-top:6px;font-size:11.5px;color:var(--muted);display:flex;justify-content:space-between;gap:6px;}
.p-sub .score{color:var(--accent);font-weight:800;}
/* ---------- tabs ---------- */
.tabs-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid var(--line-soft);padding-bottom:14px;}
.tab-btn{
  padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;
  font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:.2s;
}
.tab-btn:hover{color:var(--main);border-color:rgba(37,99,235,.45);}
.tab-btn.active{background:var(--main);color:#fff;border-color:var(--main);}
.tab-panel{display:none;}
.tab-panel.active{display:block;animation:fadeUp .38s ease both;}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
/* ---------- rank list ---------- */
.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 34px;}
.rank-item{
  display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--line-soft);
  transition:.2s;opacity:0;transform:translateX(-14px);
}
.rank-item.in{opacity:1;transform:none;}
.rank-item:hover{background:#fff;border-color:var(--line);}
.rank-no{font-size:24px;font-weight:900;letter-spacing:-.04em;color:#c3d3ee;min-width:38px;text-align:center;line-height:1;}
.rank-item:nth-child(-n+3) .rank-no{color:var(--main);}
.rank-body{flex:1;min-width:0;}
.rank-name{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-tags{font-size:11.5px;color:var(--muted);margin-top:3px;}
.rank-score{font-size:16px;font-weight:900;color:var(--accent);letter-spacing:-.02em;}
/* ---------- timeline ---------- */
.timeline{position:relative;padding-left:26px;margin-top:6px;}
.timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:var(--line);}
.tl-item{position:relative;padding-bottom:26px;opacity:0;transform:translateY(12px);}
.tl-item.in{opacity:1;transform:none;}
.tl-item::before{
  content:"";position:absolute;left:-24px;top:7px;width:9px;height:9px;border-radius:50%;
  background:#fff;border:2px solid var(--main);
}
.tl-item:last-child{padding-bottom:0;}
.tl-time{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--accent);}
.tl-txt{margin-top:6px;font-size:14.5px;line-height:1.72;color:var(--muted);}
.tl-txt b{color:var(--ink);font-weight:700;}
/* ---------- faq ---------- */
.faq-box{border:1px solid var(--line);border-radius:4px;background:#fff;overflow:hidden;}
.faq-item{border-bottom:1px solid var(--line-soft);}
.faq-item:last-child{border-bottom:none;}
.faq-q{
  width:100%;text-align:left;background:none;border:none;padding:18px 22px;
  font-size:15px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;gap:14px;
  cursor:pointer;transition:.2s;
}
.faq-q:hover{color:var(--main);}
.faq-q i{color:var(--accent);transition:.3s;flex-shrink:0;}
.faq-item.open .faq-q i{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a p{padding:0 22px 18px;margin:0;font-size:14px;line-height:1.8;color:var(--muted);}
/* ---------- footer ---------- */
.site-foot{border-top:1px solid var(--line);background:#fff;margin-top:20px;}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;padding:48px 0 36px;}
.foot-brand{font-size:20px;font-weight:900;letter-spacing:-.03em;display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.foot-brand i{color:var(--main);}
.foot-desc{font-size:13.5px;line-height:1.85;color:var(--muted);max-width:330px;}
.foot-col h4{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--muted);margin-bottom:14px;text-transform:uppercase;}
.foot-col a{display:block;font-size:13.5px;color:var(--ink);opacity:.78;margin-bottom:9px;transition:.18s;}
.foot-col a:hover{opacity:1;color:var(--main);}
.friend-link{border-top:1px solid var(--line-soft);padding:24px 0;font-size:13px;color:var(--muted);line-height:2;}
.friend-link strong{color:var(--ink);font-weight:800;letter-spacing:.04em;margin-right:8px;}
.foot-bottom{border-top:1px solid var(--line-soft);padding:18px 0 26px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);}
.foot-bottom a{color:var(--muted);}
.foot-bottom a:hover{color:var(--main);}
/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.3,1);}
.reveal.in{opacity:1;transform:none;}
/* ---------- responsive ---------- */
@media(max-width:1100px){
  .cols-6{grid-template-columns:repeat(4,minmax(0,1fr));}
  .cols-5{grid-template-columns:repeat(4,minmax(0,1fr));}
  .layout{grid-template-columns:190px minmax(0,1fr);gap:30px;}
  .foot-top{grid-template-columns:1fr 1fr;gap:26px;}
}
@media(max-width:880px){
  .nav-main{
    display:none;position:absolute;left:0;right:0;top:70px;background:#fff;
    border-bottom:1px solid var(--line);padding:12px 18px 18px;flex-direction:column;align-items:stretch;gap:2px;
  }
  .nav-main.show{display:flex;}
  .nav-main a{padding:11px 12px;border-radius:8px;}
  .nav-toggle{display:block;}
  .head-inner{justify-content:space-between;}
  .layout{grid-template-columns:minmax(0,1fr);gap:0;}
  .filter-rail{position:static;margin-bottom:34px;}
  .rail-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;}
  .rail-list li{margin:0;}
  .rail-list a{padding:6px 12px;border:1px solid var(--line-soft);font-size:13px;}
  .rail-list a .cnt{display:none;}
  .stats-row{grid-template-columns:1fr 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-soft);}
  .rank-grid{grid-template-columns:1fr;gap:0 0;}
  .cols-4{grid-template-columns:repeat(3,minmax(0,1fr));}
  .hero{padding:38px 0 28px;}
}
@media(max-width:640px){
  .cols-6,.cols-5,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .poster-grid{gap:14px;}
  .p-card:hover{transform:none;box-shadow:none;}
  .sec{margin-bottom:44px;}
  .foot-top{grid-template-columns:1fr;gap:24px;padding:36px 0 26px;}
  .friend-link{font-size:12.5px;}
  .stat-num{font-size:30px;}
  .p-title{font-size:13px;}
}

/* --- 子页面追加 --- */
.guide-hero {padding:64px 0 40px;background:linear-gradient(140deg,#eaf2ff 0%,#f4f8ff 45%,#e6fbff 100%);border-bottom:1px solid var(--line-soft);}
.guide-hero .kicker {display:inline-block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--main);background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.25);padding:6px 14px;border-radius:999px;margin-bottom:18px;}
.guide-hero h1 {font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;line-height:1.22;letter-spacing:-.02em;margin-bottom:16px;}
.guide-hero h1 em {font-style:normal;color:var(--main);}
.guide-hero p.lead-txt {max-width:760px;color:var(--muted);font-size:1.02rem;line-height:1.85;margin-bottom:0;}
.toc {margin-top:28px;display:flex;flex-wrap:wrap;gap:10px;}
.toc a {font-size:.86rem;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);padding:8px 15px;border-radius:999px;text-decoration:none;transition:.2s;}
.toc a:hover {border-color:var(--main);color:var(--main);transform:translateY(-1px);}
.gsec {padding:56px 0;border-bottom:1px solid var(--line-soft);}
.gsec:last-of-type {border-bottom:none;}
.gsec-head {display:flex;align-items:baseline;gap:14px;margin-bottom:10px;flex-wrap:wrap;}
.gsec-head .num {font-size:.82rem;font-weight:800;color:var(--accent);letter-spacing:.1em;}
.gsec h2 {font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:800;letter-spacing:-.01em;margin:0;}
.gsec .sub {color:var(--muted);font-size:.95rem;line-height:1.85;margin:12px 0 26px;max-width:820px;}
.gsec h3 {font-size:1.06rem;font-weight:700;margin:26px 0 10px;}
.gsec p {color:#31415f;line-height:1.9;font-size:.95rem;}
.card-soft {background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;height:100%;box-shadow:0 6px 20px rgba(15,30,61,.04);}
.card-soft .ic {width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(6,182,212,.14));color:var(--main);font-size:1.15rem;margin-bottom:14px;}
.card-soft h3 {margin:0 0 8px;font-size:1.02rem;}
.card-soft p {margin:0;font-size:.9rem;color:var(--muted);line-height:1.8;}
.step {display:flex;gap:16px;padding:18px 0;border-bottom:1px dashed var(--line);}
.step:last-child {border-bottom:none;}
.step .no {flex:0 0 38px;height:38px;border-radius:10px;background:var(--main);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.95rem;}
.step h3 {margin:0 0 6px;font-size:1rem;}
.step p {margin:0;font-size:.9rem;color:var(--muted);line-height:1.8;}
.qtag {display:inline-block;font-size:.74rem;font-weight:700;padding:3px 9px;border-radius:6px;margin-right:8px;vertical-align:middle;}
.qtag.q4k {background:rgba(37,99,235,.12);color:var(--main);}
.qtag.q1080 {background:rgba(6,182,212,.14);color:#0e7490;}
.qtag.qsd {background:rgba(90,107,140,.14);color:var(--muted);}
.gtable {width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:.9rem;}
.gtable th,.gtable td {padding:13px 16px;text-align:left;border-bottom:1px solid var(--line-soft);}
.gtable th {background:rgba(37,99,235,.06);color:var(--ink);font-weight:700;font-size:.85rem;}
.gtable td {color:#31415f;}
.gtable tr:last-child td {border-bottom:none;}
.pick-list {list-style:none;padding:0;margin:18px 0 0;}
.pick-list li {display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft);}
.pick-list li:last-child {border-bottom:none;}
.pick-list a {color:var(--main);font-weight:700;text-decoration:none;white-space:nowrap;}
.pick-list a:hover {text-decoration:underline;}
.pick-list .meta {color:var(--muted);font-size:.88rem;line-height:1.7;}
.callout {background:linear-gradient(120deg,rgba(37,99,235,.06),rgba(6,182,212,.08));border:1px solid rgba(37,99,235,.18);border-radius:14px;padding:20px 22px;margin-top:24px;}
.callout p {margin:0;color:#22345a;font-size:.92rem;line-height:1.85;}
.callout strong {color:var(--main);}
.faq-item h3 {margin:0 0 8px;font-size:.98rem;color:var(--ink);}
.faq-item p {margin:0;font-size:.89rem;color:var(--muted);line-height:1.8;}
.cta-band {margin-top:8px;background:linear-gradient(135deg,var(--main),var(--accent));border-radius:20px;padding:34px 28px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.cta-band h2 {color:#fff;font-size:1.3rem;margin:0 0 6px;font-weight:800;}
.cta-band p {margin:0;color:rgba(255,255,255,.88);font-size:.9rem;line-height:1.7;}
.cta-band .btn-flow {background:#fff;color:var(--main);font-weight:700;border-radius:10px;padding:11px 22px;text-decoration:none;display:inline-block;white-space:nowrap;}
.cta-band .btn-flow:hover {background:rgba(255,255,255,.9);}
.guide-hero {padding:44px 0 30px;}
.gsec {padding:40px 0;}
.gtable th,.gtable td {padding:10px 12px;font-size:.84rem;}

/* --- 子页面追加 --- */
/* 影片详情页专属布局 */
  .detail-hero {position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#0f1e3d 0%,#1c3a6e 55%,#2563eb 100%);color:#fff;padding:0;}
.detail-hero::after {content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(6,182,212,.35),transparent 45%),radial-gradient(circle at 12% 92%,rgba(37,99,235,.4),transparent 50%);pointer-events:none;}
.detail-inner {position:relative;z-index:2;padding:34px 30px;}
.detail-poster {border-radius:16px;overflow:hidden;box-shadow:0 20px 44px rgba(3,10,30,.45);background:#0b1730;aspect-ratio:2/3;}
.detail-poster img {width:100%;height:100%;object-fit:cover;display:block;}
.badge-row {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.dbadge {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.3px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.14);color:#eaf2ff;border:1px solid rgba(255,255,255,.22);}
.dbadge.hot {background:linear-gradient(120deg,var(--accent),var(--main));border:none;color:#fff;}
.d-title {font-size:clamp(26px,3.4vw,40px);font-weight:900;line-height:1.15;margin:0 0 10px;letter-spacing:-.5px;}
.d-sub {color:#c3d4f0;font-size:15px;line-height:1.7;max-width:640px;margin-bottom:18px;}
.d-meta {display:flex;flex-wrap:wrap;gap:18px;font-size:13.5px;color:#d5e2f7;margin-bottom:20px;}
.d-meta b {color:#fff;font-weight:700;}
.score-ring {display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:14px;}
.score-ring .num {font-size:26px;font-weight:900;color:#7fe7f7;line-height:1;}
.score-ring .lbl {font-size:12px;color:#c3d4f0;line-height:1.3;}
.panel {background:#fff;border:1px solid var(--line-soft);border-radius:18px;padding:26px 26px;box-shadow:0 10px 30px rgba(15,30,61,.05);}
.panel + .panel {margin-top:22px;}
.p-title i {color:var(--main);font-size:17px;}
.p-title .bar {width:4px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--accent),var(--main));}
.p-text {font-size:14.5px;line-height:1.85;color:#2b3c5e;}
.p-text p {margin-bottom:14px;}
.p-text p:last-child {margin-bottom:0;}
.info-list {list-style:none;padding:0;margin:0;font-size:14px;}
.info-list li {display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line-soft);}
.info-list li:last-child {border-bottom:none;}
.info-list .k {color:var(--muted);min-width:64px;flex:0 0 64px;}
.info-list .v {color:var(--ink);font-weight:600;flex:1;}
.ep-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;}
.ep {display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;background:#eef4ff;color:var(--main);font-weight:700;font-size:14px;border:1px solid rgba(37,99,235,.14);transition:.18s;}
.ep:hover {background:var(--main);color:#fff;transform:translateY(-2px);}
.ep.cur {background:linear-gradient(120deg,var(--accent),var(--main));color:#fff;border-color:transparent;}
.cast-row {display:flex;gap:14px;flex-wrap:wrap;}
.cast {width:92px;text-align:center;}
.cast .av {width:72px;height:72px;border-radius:50%;overflow:hidden;margin:0 auto 8px;background:#e3edff;border:2px solid #fff;box-shadow:0 6px 16px rgba(15,30,61,.12);}
.cast .av img {width:100%;height:100%;object-fit:cover;}
.cast .nm {font-size:13px;font-weight:700;color:var(--ink);line-height:1.3;}
.cast .rl {font-size:11.5px;color:var(--muted);}
.tag-cloud {display:flex;flex-wrap:wrap;gap:9px;}
.tag-chip {font-size:12.5px;padding:6px 13px;border-radius:999px;background:#eef4ff;color:var(--main);border:1px solid rgba(37,99,235,.16);font-weight:600;}
.tag-chip:hover {background:var(--main);color:#fff;}
.rel-card {display:flex;gap:14px;padding:12px;border-radius:14px;border:1px solid var(--line-soft);background:#fbfdff;align-items:center;transition:.2s;margin-bottom:12px;}
.rel-card:hover {border-color:rgba(37,99,235,.35);box-shadow:0 8px 22px rgba(15,30,61,.08);transform:translateY(-1px);}
.rel-card .rc-img {width:60px;height:84px;border-radius:9px;overflow:hidden;flex:0 0 60px;background:#dbe7ff;}
.rel-card .rc-img img {width:100%;height:100%;object-fit:cover;display:block;}
.rel-card .rc-body {flex:1;min-width:0;}
.rel-card h4 {font-size:14.5px;font-weight:800;margin:0 0 5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rel-card p {font-size:12.5px;color:var(--muted);margin:0 0 5px;}
.rel-card .rc-score {font-size:13px;font-weight:800;color:var(--main);}
.note-box {background:linear-gradient(120deg,rgba(6,182,212,.08),rgba(37,99,235,.08));border:1px solid rgba(37,99,235,.16);border-radius:14px;padding:16px 18px;font-size:13.5px;line-height:1.8;color:#2b3c5e;}
.detail-inner {padding:24px 20px;}
.panel {padding:20px 18px;}
.d-meta {gap:12px;font-size:12.5px;}

/* --- 子页面追加 --- */
/* 头部 */
  .site-head {
    position:sticky;top:0;z-index:60;
    background:rgba(244,248,255,.92);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
.brand span {font-size:1.4rem;}
.nav-main a:hover {color:var(--main);background:rgba(37,99,235,.07);}
/* 主视觉 */
  .hero {
    padding:44px 0 30px;
    background:
      radial-gradient(720px 300px at 12% -10%,rgba(37,99,235,.14),transparent 70%),
      radial-gradient(620px 280px at 88% 0%,rgba(6,182,212,.16),transparent 70%);
    border-bottom:1px solid var(--line-soft);
  }
.hero-grid {
    display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:start;
  }
.poster-box {
    border-radius:18px;overflow:hidden;
    border:1px solid var(--line);
    background:#fff;
    box-shadow:0 24px 50px -30px rgba(15,30,61,.55);
    position:relative;
  }
.poster-box img {width:100%;aspect-ratio:2/3;object-fit:cover;}
.poster-badge {
    position:absolute;left:12px;top:12px;
    background:var(--main);color:#fff;font-size:.76rem;font-weight:700;
    padding:4px 10px;border-radius:8px;letter-spacing:.04em;
  }
.meta-pills {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
.pill {
    font-size:.82rem;font-weight:600;color:var(--main);
    background:rgba(37,99,235,.09);
    border:1px solid rgba(37,99,235,.18);
    padding:4px 11px;border-radius:999px;
  }
.pill.score {color:#fff;background:linear-gradient(135deg,var(--main),var(--accent));border-color:transparent;}
.btn-flow,.btn-ghost {
    display:inline-flex;align-items:center;gap:8px;
    padding:11px 22px;border-radius:12px;font-weight:700;font-size:.94rem;
    transition:.2s;cursor:pointer;border:1px solid transparent;
  }
/* 布局 */
  .layout {
    display:grid;grid-template-columns:1fr 300px;gap:34px;
    padding:40px 0 60px;align-items:start;
  }
.article-card {
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:24px 26px;
  }
.article-card p {margin:0 0 14px;color:#243657;font-size:.96rem;}
.article-card p:last-child {margin-bottom:0;}
.article-card strong {color:var(--ink);font-weight:700;}
.point-list {list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.point-list li {
    background:#fff;border:1px solid var(--line);border-radius:14px;
    padding:15px 18px;display:flex;gap:14px;align-items:flex-start;
  }
.point-list .num {
    flex:0 0 30px;height:30px;border-radius:9px;
    background:rgba(37,99,235,.1);color:var(--main);
    font-weight:800;font-size:.86rem;
    display:flex;align-items:center;justify-content:center;
  }
.point-list h3 {margin:0 0 4px;font-size:.98rem;font-weight:700;}
.point-list p {margin:0;font-size:.9rem;color:var(--muted);line-height:1.65;}
/* 侧栏 */
  .filter-rail {
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:20px;margin-bottom:22px;
  }
.rail-tag:hover {background:var(--main);color:#fff;}
.rail-item {display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line-soft);}
.rail-item:last-child {border-bottom:none;padding-bottom:0;}
.rail-item img {
    width:54px;height:74px;object-fit:cover;border-radius:8px;
    border:1px solid var(--line);flex:0 0 auto;
  }
.rail-item .rt {font-size:.9rem;font-weight:700;line-height:1.4;margin-bottom:4px;}
.rail-item .rt:hover {color:var(--main);}
.rail-item .rm {font-size:.78rem;color:var(--muted);}
.rail-item .rm b {color:var(--main);font-weight:800;}
.poster-card {
    background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
    transition:.22s;
  }
.poster-card:hover {transform:translateY(-4px);box-shadow:0 20px 36px -24px rgba(15,30,61,.55);border-color:rgba(37,99,235,.35);}
.poster-card img {width:100%;aspect-ratio:2/3;object-fit:cover;}
.poster-card .pc-body {padding:11px 12px 13px;}
.poster-card .pc-title {font-size:.9rem;font-weight:700;line-height:1.4;margin-bottom:5px;}
.poster-card .pc-meta {font-size:.76rem;color:var(--muted);display:flex;justify-content:space-between;gap:6px;}
.poster-card .pc-meta b {color:var(--main);}
/* 页脚 */
  .site-foot {
    border-top:1px solid var(--line);background:#fff;
    padding:38px 0 30px;margin-top:20px;
  }
.foot-grid {display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px;}
.foot-title {font-size:.84rem;font-weight:800;color:var(--ink);margin-bottom:12px;letter-spacing:.03em;}
.foot-links {list-style:none;padding:0;margin:0;display:grid;gap:8px;}
.foot-links a {font-size:.87rem;color:var(--muted);transition:.16s;}
.foot-links a:hover {color:var(--main);}
.hero-grid {grid-template-columns:1fr;}
.poster-box {max-width:230px;}
.foot-grid {grid-template-columns:1fr 1fr;}
.nav-main.open {display:flex;}
.foot-grid {grid-template-columns:1fr;}
.article-card {padding:18px;}

/* --- 子页面追加 --- */
/* 顶部导航 */
  .site-head {
    position:sticky;top:0;z-index:50;
    background:rgba(244,248,255,.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line-soft);
  }
/* Hero */
  .hero {
    padding:38px 0 26px;
    background:
      radial-gradient(900px 320px at 12% -20%, rgba(37,99,235,.14), transparent 60%),
      radial-gradient(700px 300px at 92% -10%, rgba(6,182,212,.14), transparent 60%);
  }
.sec-head h2::before {
    content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;
    background:linear-gradient(180deg,var(--main),var(--accent));
  }
.card-soft p:last-child {margin-bottom:0;}
.lead {font-size:15.5px;color:#22314f;}
/* 信息表 */
  .info-grid {
    display:grid;grid-template-columns:repeat(2,1fr);gap:10px 26px;
    margin-top:4px;
  }
.info-item {
    display:flex;gap:10px;font-size:14.5px;
    padding:9px 0;border-bottom:1px dashed var(--line-soft);
  }
.info-item b {color:var(--muted);font-weight:500;min-width:70px;flex:none;}
.info-item span {color:var(--ink);font-weight:600;}
.tag-row {display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.rail-tag.acc {color:#0891a8;background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.22);}
/* 看点列表 */
  .point-list {list-style:none;padding:0;margin:0;}
.point-list li:last-child {border-bottom:none;}
.point-list li::before {
    content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
    position:absolute;left:0;top:13px;font-size:12px;color:var(--accent);
    background:rgba(6,182,212,.12);width:20px;height:20px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
  }
/* 分集 */
  .ep-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.ep-cell {
    background:#fff;border:1px solid var(--line-soft);border-radius:14px;
    padding:14px 16px;transition:.2s;
  }
.ep-cell:hover {border-color:rgba(37,99,235,.4);box-shadow:0 8px 20px rgba(37,99,235,.1);}
.ep-cell h3 {
    font-size:14.5px;font-weight:700;margin:0 0 4px;color:var(--ink);
  }
.ep-cell p {font-size:13px;color:var(--muted);margin:0;line-height:1.6;}
.rail-title::before {
    content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:3px;
    background:linear-gradient(180deg,var(--main),var(--accent));
  }
.rail-list a .score {
    font-size:12px;font-weight:800;color:#fff;
    background:linear-gradient(135deg,var(--main),var(--accent));
    padding:2px 8px;border-radius:999px;flex:none;
  }
.rail-box {
    background:linear-gradient(160deg,rgba(37,99,235,.1),rgba(6,182,212,.1));
    border:1px solid rgba(37,99,235,.16);border-radius:16px;padding:18px;
    font-size:13.5px;color:#22314f;
  }
.rail-box strong {display:block;font-size:14.5px;margin-bottom:6px;color:var(--ink);}
.site-foot h4 {
    color:#fff;font-size:14.5px;font-weight:700;margin:0 0 12px;
  }
.site-foot p {margin:0;line-height:1.8;}
.foot-links li {margin-bottom:8px;}
.info-grid {grid-template-columns:1fr;}

/* --- 子页面追加 --- */
/* 仅用于本详情页的少量补充，主风格全部来自 style.css */
    .detail-hero { padding: 48px 0 24px; }
.detail-hero .hero-title { font-size: clamp(1.9rem, 4.2vw, 3rem); line-height: 1.2; }
.meta-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 6px; }
.chip {
      display: inline-flex; align-items: center; gap: 6px;
      padding: 6px 14px; border-radius: 999px;
      background: rgba(37,99,235,.08); color: var(--main);
      font-size: .82rem; font-weight: 600; border: 1px solid var(--line-soft);
    }
.chip i { font-size: .78rem; }
.score-badge {
      display: inline-flex; align-items: baseline; gap: 4px;
      background: linear-gradient(135deg, var(--main), var(--accent));
      color: #fff; border-radius: 14px; padding: 8px 16px; font-weight: 800;
      box-shadow: 0 8px 22px rgba(37,99,235,.28);
    }
.score-badge small { font-weight: 500; font-size: .7rem; opacity: .9; }
.poster-wrap {
      border-radius: 20px; overflow: hidden; border: 1px solid var(--line);
      box-shadow: 0 18px 50px rgba(15,30,61,.16); background: #0f1e3d;
    }
.poster-wrap img { width: 100%; display: block; aspect-ratio: 2/3; object-fit: cover; }
.card-soft h2 { font-size: 1.32rem; font-weight: 800; color: var(--ink); margin-bottom: 16px; }
.card-soft strong { color: var(--ink); font-weight: 700; }
.info-table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.info-table tr { border-bottom: 1px dashed var(--line-soft); }
.info-table tr:last-child { border-bottom: none; }
.info-table th {
      text-align: left; color: var(--muted); font-weight: 500;
      padding: 11px 0; width: 38%; white-space: nowrap;
    }
.info-table td { color: var(--ink); font-weight: 600; padding: 11px 0; }
.cast-item {
      flex: 1 1 150px; background: var(--bg); border: 1px solid var(--line-soft);
      border-radius: 14px; padding: 14px 16px;
    }
.cast-item .name { font-weight: 700; color: var(--ink); font-size: .95rem; }
.cast-item .role { color: var(--muted); font-size: .82rem; margin-top: 3px; }
.stars { color: #f59e0b; letter-spacing: 2px; font-size: .9rem; }
.quote-box {
      border-left: 4px solid var(--accent); background: rgba(6,182,212,.06);
      padding: 16px 20px; border-radius: 0 14px 14px 0; margin: 20px 0;
      color: var(--ink); font-size: .95rem; line-height: 1.8;
    }
.related-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 18px; }
.related-card {
      display: block; text-decoration: none; border-radius: 16px; overflow: hidden;
      border: 1px solid var(--line-soft); background: #fff;
      transition: transform .25s, box-shadow .25s;
    }
.related-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(15,30,61,.13); }
.related-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; }
.related-card .rc-body { padding: 12px 14px 14px; }
.related-card .rc-title { color: var(--ink); font-weight: 700; font-size: .92rem; line-height: 1.4; }
.related-card .rc-meta { color: var(--muted); font-size: .78rem; margin-top: 5px; display: flex; gap: 8px; flex-wrap: wrap; }
.related-card .rc-meta span { background: var(--bg); border-radius: 6px; padding: 2px 7px; }
.breadcrumb-line { font-size: .82rem; color: var(--muted); margin-bottom: 18px; }
.breadcrumb-line a { color: var(--main); text-decoration: none; font-weight: 500; }
.breadcrumb-line a:hover { text-decoration: underline; }
.note-list { margin: 0; padding-left: 20px; color: var(--muted); font-size: .93rem; line-height: 1.9; }
.note-list li::marker { color: var(--main); }

/* --- 子页面追加 --- */
/* ===== 头部 ===== */
.site-head {
  position:sticky;top:0;z-index:50;
  background:rgba(244,248,255,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.brand .brand-ico {font-size:22px;line-height:1;}
.brand em {
  font-style:normal;
  background:linear-gradient(135deg,var(--main),var(--accent));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
/* ===== 通用容器 ===== */
.wrap {max-width:1200px;margin:0 auto;padding:0 20px;}
/* ===== 详情 Hero ===== */
.detail-hero {
  padding:40px 0 34px;
  background:
    radial-gradient(760px 340px at 88% -10%,rgba(6,182,212,.14),transparent 62%),
    radial-gradient(680px 320px at 4% 0%,rgba(37,99,235,.12),transparent 60%);
  border-bottom:1px solid var(--line-soft);
}
.badge-4k {
  position:absolute;top:12px;left:12px;
  background:linear-gradient(135deg,var(--main),var(--accent));
  color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;
  padding:4px 10px;border-radius:8px;
}
.score-chip {
  position:absolute;right:12px;bottom:12px;
  background:rgba(15,30,61,.86);color:#fff;
  padding:6px 12px;border-radius:10px;font-size:13px;font-weight:600;
  display:flex;align-items:center;gap:5px;
  backdrop-filter:blur(6px);
}
.score-chip b {color:#fbbf24;font-size:17px;}
.hero-title span {
  background:linear-gradient(135deg,var(--main),var(--accent));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.meta-line {
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;
}
.meta-tag {
  font-size:13px;font-weight:500;color:var(--main);
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.16);
  padding:5px 12px;border-radius:999px;
}
.meta-tag.alt {color:var(--accent);background:rgba(6,182,212,.09);border-color:rgba(6,182,212,.2);}
.btn-flow, .btn-ghost {
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 24px;border-radius:12px;
  font-size:15px;font-weight:600;cursor:pointer;transition:.2s;
  border:1px solid transparent;
}
/* ===== 数据条 ===== */
.stats-row {
  display:grid;grid-template-columns:repeat(4,1fr);
  margin-top:34px;
  border:1px solid var(--line);
  border-radius:16px;overflow:hidden;background:#fff;
}
/* ===== 布局 ===== */
.layout {
  display:grid;grid-template-columns:1fr 300px;gap:38px;
  padding:44px 0 60px;
}
.sec:last-child {margin-bottom:0;}
.prose p {font-size:15px;color:#26375a;margin:0 0 14px;}
.prose strong {color:var(--ink);font-weight:700;}
.prose .hl {
  color:var(--main);font-weight:600;
  background:linear-gradient(transparent 62%,rgba(6,182,212,.28) 62%);
}
/* 看点列表 */
.point-list {display:grid;gap:12px;}
.point-item {
  display:flex;gap:14px;align-items:flex-start;
  background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:16px 18px;
  transition:.2s;
}
.point-item:hover {border-color:rgba(37,99,235,.4);box-shadow:0 14px 28px -22px rgba(15,30,61,.55);}
.point-ico {
  flex:0 0 36px;height:36px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(6,182,212,.14));
  color:var(--main);font-size:15px;
}
.point-body h3 {font-size:15.5px;font-weight:700;margin:0 0 4px;}
.point-body p {font-size:14px;color:var(--muted);margin:0;}
/* 人物卡 */
.cast-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;}
.cast-card {
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:14px;text-align:center;transition:.2s;
}
.cast-card:hover {transform:translateY(-3px);border-color:rgba(6,182,212,.45);}
.cast-avatar {
  width:56px;height:56px;border-radius:50%;margin:0 auto 10px;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:19px;color:#fff;
  background:linear-gradient(135deg,var(--main),var(--accent));
}
.cast-name {font-size:14.5px;font-weight:700;}
.cast-role {font-size:12.5px;color:var(--muted);margin-top:2px;}
/* 追剧顺序表 */
.ep-table {
  width:100%;border-collapse:separate;border-spacing:0;
  background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  font-size:14px;
}
.ep-table thead th {
  text-align:left;padding:13px 16px;font-size:13px;font-weight:700;
  color:var(--main);background:rgba(37,99,235,.06);
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}
.ep-table td {
  padding:13px 16px;border-bottom:1px solid var(--line-soft);
  color:#26375a;vertical-align:top;
}
.ep-table tbody tr:last-child td {border-bottom:none;}
.ep-table tbody tr:hover td {background:rgba(6,182,212,.045);}
.ep-stage {font-weight:700;color:var(--ink);white-space:nowrap;}
/* 侧栏 */
.side-card {
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:20px;margin-bottom:22px;
}
.side-card h3 {
  font-size:15px;font-weight:800;margin:0 0 14px;
  display:flex;align-items:center;gap:8px;
}
.side-card h3 i {color:var(--accent);font-size:14px;}
.side-tip {
  font-size:13.5px;color:var(--muted);line-height:1.75;margin:0 0 12px;
}
.side-tip:last-child {margin-bottom:0;}
.side-tip b {color:var(--ink);}
.mini-list {display:flex;flex-direction:column;gap:10px;}
.mini-item {
  display:flex;gap:11px;align-items:center;
  padding:8px;border-radius:11px;transition:.18s;
  border:1px solid transparent;
}
.mini-item:hover {background:rgba(37,99,235,.05);border-color:var(--line-soft);}
.mini-thumb {
  flex:0 0 44px;height:60px;border-radius:8px;overflow:hidden;
  background:#dbe6fb;
}
.mini-thumb img {width:100%;height:100%;object-fit:cover;}
.mini-info {min-width:0;}
.mini-title {
  font-size:13.5px;font-weight:600;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mini-sub {font-size:12px;color:var(--muted);margin-top:2px;}
.mini-score {color:#f59e0b;font-weight:700;}
/* 推荐海报 */
.poster-grid {
  display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;
}
.rec-card {
  background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  transition:.22s;
}
.rec-card:hover {transform:translateY(-4px);box-shadow:0 20px 36px -26px rgba(15,30,61,.6);border-color:rgba(37,99,235,.35);}
.rec-thumb {position:relative;background:#dbe6fb;}
.rec-thumb img {width:100%;aspect-ratio:2/3;object-fit:cover;}
.rec-tag {
  position:absolute;top:8px;left:8px;font-size:11px;font-weight:700;color:#fff;
  background:rgba(37,99,235,.92);padding:2px 8px;border-radius:6px;
}
.rec-body {padding:11px 13px 14px;}
.rec-title {font-size:14px;font-weight:700;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rec-meta {font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:6px;}
.rec-meta .s {color:#f59e0b;font-weight:700;}
/* 页脚 */
.site-foot {
  border-top:1px solid var(--line-soft);
  background:#fff;
  padding:38px 0 26px;
}
.foot-grid h4 {font-size:14px;font-weight:800;margin:0 0 12px;}
.foot-about {font-size:13.5px;color:var(--muted);line-height:1.8;margin:0;}
.ep-table {font-size:13px;}
.ep-table thead th,.ep-table td {padding:10px 11px;}

/* --- 子页面追加 --- */
.detail-top {display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:start;}
.detail-poster .q-badge {position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--main),var(--accent));color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:8px;}
.detail-info h1 {font-size:clamp(22px,3vw,34px);font-weight:900;letter-spacing:-.02em;margin:0 0 6px;line-height:1.22;}
.detail-info .subline {color:var(--muted);font-size:14.5px;margin-bottom:18px;}
.meta-chips span {font-size:12.5px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;}
.score-box {display:flex;align-items:baseline;gap:10px;margin-bottom:18px;}
.score-box .num {font-size:44px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--main),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}
.score-box .lbl {font-size:13px;color:var(--muted);font-weight:600;}
.detail-info p.lead-txt {font-size:15px;line-height:1.85;color:var(--ink);margin-bottom:20px;}
.act-row {display:flex;flex-wrap:wrap;gap:12px;}
.act-row a {text-decoration:none;}
.kv-table {width:100%;border-collapse:collapse;margin-top:8px;}
.kv-table td {padding:11px 0;border-bottom:1px dashed var(--line-soft);font-size:14px;vertical-align:top;}
.kv-table td:first-child {color:var(--muted);width:96px;font-weight:600;}
.kv-table td:last-child {color:var(--ink);font-weight:500;}
.block {background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 26px 8px;margin-bottom:26px;}
.block h2 {font-size:20px;font-weight:800;margin:0 0 14px;letter-spacing:-.01em;display:flex;align-items:center;gap:9px;}
.block h2 .bar {width:5px;height:20px;border-radius:3px;background:linear-gradient(180deg,var(--main),var(--accent));display:inline-block;}
.block p {font-size:14.8px;line-height:1.9;color:var(--ink);margin-bottom:16px;}
.block p.muted {color:var(--muted);}
.scene-list {list-style:none;padding:0;margin:0 0 18px;}
.scene-list li {position:relative;padding:0 0 14px 24px;font-size:14.6px;line-height:1.8;color:var(--ink);}
.scene-list li::before {content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(6,182,212,.16);}
.scene-list li b {color:var(--main);}
.tip-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:20px;}
.tip-card {background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--line);border-radius:13px;padding:16px 16px 14px;}
.tip-card h3 {font-size:14.5px;font-weight:800;margin:0 0 8px;color:var(--ink);}
.tip-card p {font-size:13.4px;line-height:1.72;color:var(--muted);margin:0;}
.ep-list {list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;}
.ep-list li {background:#f7fbff;border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px;font-size:13.6px;line-height:1.6;color:var(--ink);}
.ep-list li b {display:block;color:var(--main);font-size:13px;margin-bottom:3px;letter-spacing:.02em;}
.rel-card img {width:100%;display:block;aspect-ratio:2/3;object-fit:cover;}
.rel-card .rc-title {font-size:13.6px;font-weight:700;line-height:1.4;margin-bottom:4px;}
.rel-card .rc-meta {font-size:12px;color:var(--muted);display:flex;justify-content:space-between;}
.rel-card .rc-meta .sc {color:var(--main);font-weight:800;}
.detail-top {grid-template-columns:1fr;gap:22px;}
.block {padding:20px 18px 4px;}

/* --- 子页面追加 --- */
/* 本页专属少量补充样式，沿用站点变量 */
  .detail-hero {
    padding:2.4rem 0 2rem;
    border-bottom:1px solid var(--line-soft);
  }
.detail-wrap {
    max-width:1160px;margin:0 auto;padding:0 1.25rem;
  }
.detail-grid {
    display:grid;grid-template-columns:300px 1fr;gap:2.2rem;align-items:start;
  }
.detail-poster .badge-4k {
    position:absolute;top:.7rem;left:.7rem;
    background:var(--main);color:#fff;font-size:.72rem;font-weight:700;
    letter-spacing:.06em;padding:.28rem .6rem;border-radius:6px;
  }
.detail-meta {display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 1rem;}
.detail-meta span {
    font-size:.78rem;color:var(--muted);
    border:1px solid var(--line);border-radius:999px;padding:.2rem .68rem;
    background:rgba(37,99,235,.04);
  }
.score-box b {font-size:1.75rem;line-height:1;letter-spacing:-.02em;}
.score-box small {font-size:.72rem;opacity:.86;font-weight:600;}
.detail-title {margin:.2rem 0 .5rem;}
.detail-sub {color:var(--muted);font-size:.95rem;line-height:1.7;max-width:60ch;}
.info-table th,.info-table td {
    text-align:left;padding:.55rem .2rem;border-bottom:1px dashed var(--line-soft);
    vertical-align:top;
  }
.prose p:last-child {margin-bottom:0;}
.tag-row .rail-tag {margin:0;}
.cast-item:hover {border-color:var(--main);transform:translateY(-2px);box-shadow:0 10px 22px rgba(37,99,235,.12);}
.note-list li {
    position:relative;padding-left:1.5rem;margin-bottom:.85rem;
    font-size:.92rem;line-height:1.8;color:var(--ink);
  }
.note-list li::before {
    content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;
    position:absolute;left:0;top:.15rem;color:var(--accent);font-size:.85rem;
  }
.faq-item h3 i {color:var(--main);margin-top:.15rem;}
.detail-grid {grid-template-columns:1fr;}