/* =========================================================
   动漫分类页 / 作品详情页（沿用首页配色和栏目头样式）
========================================================= */
.crumb{font-size:12px;color:rgba(255,255,255,.55);margin-bottom:18px}
.crumb a:hover{color:var(--gold-l)}
.crumb i{font-style:normal;margin:0 8px;opacity:.5}

/* ---------- 分类页首屏 ---------- */
.list-hero{background:linear-gradient(115deg,#24130f 0%,#3d201b 55%,#1e1a17 100%);color:#fff;padding:118px 0 46px;position:relative;overflow:hidden}
.list-hero::after{content:"";position:absolute;right:-120px;top:-60px;width:520px;height:520px;border-radius:50%;
  border:2px solid rgba(220,199,159,.12);box-shadow:0 0 0 60px rgba(220,199,159,.04),0 0 0 120px rgba(220,199,159,.03)}
.list-hero .kicker{display:inline-block;font-size:12px;letter-spacing:4px;color:var(--gold-l);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:2px;margin-bottom:14px}
.list-hero h1{font-size:40px;line-height:1.25;font-weight:900;letter-spacing:2px;max-width:820px}
.list-hero p.lead{margin-top:14px;max-width:760px;color:rgba(255,255,255,.75);font-size:15px;line-height:1.9}
.stats{display:flex;gap:0;margin-top:30px;border:1px solid rgba(220,199,159,.25);width:max-content;max-width:100%}
.stats div{padding:12px 26px;border-right:1px solid rgba(220,199,159,.25)}
.stats div:last-child{border-right:0}
.stats b{display:block;font-size:28px;color:var(--gold-l);font-weight:700;line-height:1.2}
.stats span{font-size:12px;color:rgba(255,255,255,.6)}

/* 筛选条：贴在首屏下沿，平整的一条 */
.filter-bar{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}
.filter-bar .wrap{display:flex;align-items:center;gap:24px;height:56px}
.filter-bar .lab{font-size:13px;color:var(--muted)}
.filter-bar .seg-tabs{border:0}
.filter-bar .seg-tabs button{border:0;padding:6px 16px;margin-right:4px;background:#232a37}
.filter-bar .seg-tabs button.on{background:var(--teal);color:#fff}
.filter-bar .jump{margin-left:auto;display:flex;gap:16px;font-size:13px;color:var(--text);overflow-x:auto;white-space:nowrap}
.filter-bar .jump a:hover{color:var(--teal)}

/* 系列分组 */
.series{margin-top:52px}
.series .part-head{margin-bottom:20px}
.series .part-head p{font-size:13px;color:var(--muted);margin-top:6px}
.wgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.wcard{background:var(--card);display:block;transition:.2s;border-bottom:3px solid transparent}
.wcard:hover{border-bottom-color:var(--teal);transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.08)}
.wcard .ph{aspect-ratio:3/4}
.wcard .wt{padding:10px 12px 12px}
.wcard h3{font-size:14px;line-height:1.45;font-weight:700;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px}
.wcard p{font-size:12px;color:var(--muted);margin-top:4px}
.wcard .rg{position:absolute;z-index:2;left:0;top:10px;background:var(--brown);color:var(--gold-l);font-size:11px;padding:2px 8px;letter-spacing:1px}
.wcard .rg.cn{background:#b8332c;color:#fff}.wcard .rg.kr{background:#2d4f9a;color:#fff}.wcard .rg.ov{background:#555;color:#fff}

/* 年表 */
.timeline{width:100%;border-collapse:collapse;background:var(--card);font-size:13px}
.timeline th{background:var(--brown);color:var(--gold-l);font-weight:400;text-align:left;padding:10px 14px;white-space:nowrap}
.timeline td{padding:9px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.timeline tr:hover td{background:var(--cream)}
.timeline td a{color:var(--teal-d)}
.timeline td a:hover{text-decoration:underline}
.timeline .y{font-weight:700;color:var(--ink);white-space:nowrap}
.tl-wrap{overflow-x:auto}

/* 引流条 */
.buy-strip{margin-top:52px;background:var(--brown);color:#fff;display:flex;align-items:center;gap:28px;padding:26px 32px}
.buy-strip h2{font-size:20px;font-weight:700;color:var(--gold-l);white-space:nowrap}
.buy-strip p{font-size:13px;color:rgba(255,255,255,.7);flex:1}
.buy-strip .btns{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 20px;font-size:14px;background:var(--teal);color:#fff;transition:.2s;white-space:nowrap}
.btn:hover{background:var(--teal-d)}
.btn.buy{background:var(--orange)}.btn.buy:hover{background:#cf7c14}
.btn.line{background:transparent;border:1px solid rgba(220,199,159,.5);color:var(--gold-l)}
.btn.line:hover{background:rgba(220,199,159,.12)}

/* FAQ（分类页和详情页共用） */
.faq dl{background:var(--card)}
.faq dt{font-weight:700;font-size:15px;padding:16px 20px 6px;color:var(--ink)}
.faq dt::before{content:"Q";display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;background:var(--teal);color:#fff;font-size:12px;margin-right:10px}
.faq dd{padding:0 20px 16px 52px;color:var(--text);font-size:14px;line-height:1.85;border-bottom:1px solid var(--line)}
.faq dd:last-child{border-bottom:0}

/* ---------- 详情页首屏 ---------- */
.work-hero{position:relative;color:#fff;padding:112px 0 44px;background:#1e1a17;overflow:hidden}
.work-hero .bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(36px) brightness(.38) saturate(1.2);transform:scale(1.1)}
.work-hero .wrap{position:relative;z-index:1}
.wh-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start}
.wh-cover{aspect-ratio:3/4;box-shadow:0 18px 40px rgba(0,0,0,.45);border:1px solid rgba(220,199,159,.3)}
.wh-info .kicker{font-size:12px;letter-spacing:3px;color:var(--gold-l)}
.wh-info h1{font-size:36px;line-height:1.3;font-weight:900;margin:8px 0 6px;letter-spacing:1px}
.wh-info .alias{font-size:13px;color:rgba(255,255,255,.6)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}
.chips span{font-size:12px;padding:3px 10px;border:1px solid rgba(220,199,159,.45);color:var(--gold-l)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.14)}
.facts div{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;padding-right:20px}
.facts dt{width:72px;flex:none;color:rgba(255,255,255,.5)}
.facts dd{color:#fff;min-width:0}
.wh-btns{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}

/* ---------- 详情页正文 ---------- */
.work-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;margin-top:40px;align-items:start}
.block{background:var(--card);padding:26px 30px;margin-bottom:24px}
.block>h2{font-size:22px;font-weight:700;line-height:1.3;position:relative;padding-bottom:10px;margin-bottom:16px}
.block>h2::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;background:var(--teal)}
.block p{font-size:15px;line-height:1.95;color:var(--text)}
.note{margin-top:14px;background:var(--cream);border-left:3px solid var(--gold);padding:10px 14px;font-size:13px;color:var(--gold-l);line-height:1.8}
.info-table{width:100%;border-collapse:collapse;font-size:14px}
.info-table th{width:110px;text-align:left;font-weight:400;color:var(--muted);padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.info-table td{padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink)}

.bey-table{width:100%;border-collapse:collapse;font-size:13px}
.bey-table th{text-align:left;font-weight:400;background:var(--card2);color:var(--muted);padding:8px 12px}
.bey-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.bey-table td.who{width:170px;color:var(--ink);font-weight:700;line-height:1.5}
.bey-table td.who small{display:block;font-weight:400;color:var(--muted);font-size:11px}
.bey-table tr.grp td{background:var(--brown);color:var(--gold-l);font-size:12px;letter-spacing:1px;padding:6px 12px}
.beys{display:flex;flex-wrap:wrap;gap:6px}
.beys a,.beys span{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 9px;background:rgba(34,179,199,.1);color:#7fdbe7;border:1px solid var(--line);line-height:1.5}
.beys a:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.beys a::after{content:"↗";font-size:10px;opacity:.6}
.beys em{font-style:normal;color:var(--muted);font-size:11px}
.beys .ar{background:none;border:0;padding:3px 0;color:#5c6575}
.btip{font-size:12px;color:var(--muted);margin:-6px 0 12px}
.bmore{margin-top:12px;font-size:13px}
.bmore button{background:none;border:1px solid var(--line);padding:6px 16px;font:13px var(--font);cursor:pointer;color:var(--text)}
.bmore button:hover{border-color:var(--teal);color:var(--teal)}
.bey-table tbody.fold tr.more{display:none}
.src-list li{font-size:13px;line-height:2;color:var(--text)}
.src-list a{color:var(--teal-d)}
.src-list a:hover{text-decoration:underline}

/* 侧栏 */
.side .sbox{background:var(--card);margin-bottom:24px}
.side .sbox h3{font-size:15px;padding:14px 18px;border-bottom:1px solid var(--line)}
.side .sbox h3 small{font-weight:400;color:var(--muted);margin-left:6px;font-size:12px}
.sib a{display:flex;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);align-items:center}
.sib a:last-child{border-bottom:0}
.sib a:hover{background:var(--cream)}
.sib a.on{background:rgba(34,179,199,.12)}
.sib .ph{width:48px;height:64px;flex:none}
.sib b{display:block;font-size:13px;line-height:1.45;color:var(--ink)}
.sib small{font-size:12px;color:var(--muted)}
.side .buybox{background:var(--brown);color:#fff;padding:20px 18px}
.side .buybox h3{border:0;padding:0;color:var(--gold-l);font-size:16px}
.side .buybox p{font-size:13px;color:rgba(255,255,255,.7);margin:8px 0 14px;line-height:1.8}
.side .buybox .btn{width:100%;justify-content:center;margin-top:8px}
.ser-links{padding:8px 18px 14px;display:flex;flex-wrap:wrap;gap:8px}
.ser-links a{font-size:12px;padding:3px 10px;background:#232a37;color:var(--text)}
.ser-links a:hover{background:var(--teal);color:#fff}

/* 内页顶栏：首屏是深色，沿用首页的透明顶栏 */
@media (max-width:1200px){
  .wgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:980px){
  .wgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .work-body{grid-template-columns:minmax(0,1fr)}
  .wh-grid{grid-template-columns:200px minmax(0,1fr);gap:28px}
  .wh-info h1{font-size:28px}
  .facts{grid-template-columns:minmax(0,1fr)}
  .buy-strip{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  .list-hero{padding:96px 0 34px}
  .list-hero h1{font-size:26px}
  .stats div{padding:10px 14px}.stats b{font-size:22px}
  .wgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .filter-bar .wrap{height:auto;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;gap:10px}
  .filter-bar .jump{display:none}
  .work-hero{padding:92px 0 30px}
  .wh-grid{grid-template-columns:minmax(0,1fr)}
  .wh-cover{width:180px}
  .block{padding:20px 16px}
  .bey-table td.who{width:110px}
  .buy-strip{padding:22px 18px}
}