/* JJ888 · 黑金短剧首页 v1 — 仅作用于首页，保留原有交互 */
:root {
  --jj-gold:#e5bb65;
  --jj-gold-light:#ffe4a2;
  --jj-gold-deep:#9c6925;
  --jj-ink:#090b10;
  --jj-panel:#14161c;
  --jj-border:rgba(220,172,86,.24);
  --jj-muted:#a7a4a0;
}
html { color-scheme:dark; }
body {
  background:radial-gradient(ellipse 1050px 500px at 50% -130px,rgba(130,85,28,.16),transparent 75%),var(--jj-ink) !important;
  color:#f6f0e5 !important;
}
/* 顶部导航：延续原金色 JJ888 Logo */
.site-header.jj888-header {
  background:rgba(10,11,15,.94) !important;
  border-bottom:1px solid rgba(229,187,101,.22) !important;
  box-shadow:0 6px 28px rgba(0,0,0,.25);
  backdrop-filter:blur(16px);
}
.jj888-header .jj888-menu-btn,.jj888-header .jj888-search-btn {
  color:var(--jj-gold-light) !important;
  transition:color .2s ease,transform .2s ease;
}
.jj888-header .jj888-menu-btn:hover,.jj888-header .jj888-search-btn:hover { color:#fff4d1 !important; transform:scale(1.05); }
.jj888-header .jj888-searchbox {
  background:#15151a !important;
  border:1px solid var(--jj-border) !important;
  color:var(--jj-gold) !important;
}
.jj888-header #mobileNav.jj888-menu-open {
  background:#121217 !important;
  border-bottom:1px solid var(--jj-border);
}
.jj888-header #mobileNav.jj888-menu-open a { color:#e8d9bd !important; }
.jj888-header #mobileNav.jj888-menu-open a:hover { color:var(--jj-gold-light) !important; }
/* 轮播：深色背景、细金边，不裁切原封面 */
.hero {
  background:radial-gradient(ellipse at 50% 0%,rgba(158,103,30,.18),transparent 67%),linear-gradient(180deg,#131118,#0a0b0f) !important;
  border-bottom:1px solid var(--jj-border) !important;
}
.hero .jj-feature {
  background:#0e0e12 !important;
  border:1px solid rgba(229,187,101,.33) !important;
  border-radius:18px !important;
  box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 0 1px rgba(255,225,145,.035) inset;
}
.jj-feature .jj-feature-info small,
.jj-feature .jj-feature-info .eyebrow { color:var(--jj-gold-light) !important; }
.jj-feature .jj-feature-info h3 { color:#fff7e8 !important; text-shadow:0 2px 12px rgba(0,0,0,.75); }
.jj-feature .jj-feature-info a { color:#fff7e8 !important; }
.jj-feature .jj-feature-info a:hover { color:var(--jj-gold-light) !important; }
.jj-feature .jj-prev,.jj-feature .jj-next {
  background:rgba(17,16,17,.74) !important;
  border:1px solid rgba(236,190,96,.62) !important;
  color:var(--jj-gold-light) !important;
  border-radius:50% !important;
  width:40px !important;
  height:40px !important;
  box-shadow:0 4px 18px rgba(0,0,0,.24);
}
.jj-feature .jj-prev:hover,.jj-feature .jj-next:hover { background:#6e4b1e !important; color:#fff !important; }
.jj-feature .jj-feature-dots button { background:rgba(244,215,159,.40) !important; }
.jj-feature .jj-feature-dots button.active {
  background:linear-gradient(90deg,#ba8235,#ffe09a) !important;
  box-shadow:0 0 12px rgba(240,189,89,.3);
}
.jj-feature .jj-feature-placeholder span { color:var(--jj-gold) !important; }
/* 分类：选中项采用香槟金，不使用原来的粉红色 */
.category-row { border-bottom:0; }
.category-row .category {
  background:#18181d !important;
  border:1px solid rgba(221,180,100,.20) !important;
  color:#c3bdaf !important;
  border-radius:999px !important;
  padding:10px 18px !important;
  transition:background .2s,border-color .2s,color .2s;
}
.category-row .category:hover { border-color:var(--jj-gold) !important; color:var(--jj-gold-light) !important; }
.category-row .category.active {
  color:#20160b !important;
  font-weight:700;
  background:linear-gradient(135deg,#ffe6a9 0%,#e3b75e 60%,#c68d37 100%) !important;
  border-color:#efc879 !important;
  box-shadow:0 4px 14px rgba(177,121,38,.18);
}
/* 栏目标题与链接 */
.eyebrow { color:var(--jj-gold) !important; }
.section-title h2 { color:#fff5e1 !important; letter-spacing:.1px; }
.section-title>a { color:var(--jj-gold-light) !important; font-weight:600; }
.section-title>a:hover { color:#fff !important; }
.section-title .muted { color:#aaa092 !important; }
/* 短剧封面：保留封面和文字，隐藏粉红圆形播放图标 */
.movie-cover .cover-play,
.movie-card .cover-play { display:none !important; }
.movie-card {
  background:linear-gradient(180deg,#1a1b20 0%,#131419 100%) !important;
  border:1px solid var(--jj-border) !important;
  border-radius:13px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}
.movie-card:hover,.movie-card:focus-visible {
  transform:translateY(-3px) !important;
  border-color:rgba(255,218,137,.8) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.34),0 0 0 1px rgba(234,190,104,.12);
}
.movie-cover { overflow:hidden; }
.movie-cover:before {
  background:linear-gradient(to top,rgba(0,0,0,.80) 0%,rgba(0,0,0,.22) 45%,transparent 75%) !important;
}
.movie-cover .badge {
  color:#2b1b0b !important;
  background:linear-gradient(135deg,#ffe7ad,#d7a54f) !important;
  border:1px solid rgba(255,236,185,.4) !important;
  border-radius:5px !important;
  font-weight:800;
}
.movie-cover b { color:#fffaf0 !important; text-shadow:0 2px 7px rgba(0,0,0,.95); }
.movie-info { border-top:1px solid rgba(234,191,107,.12); }
.movie-info h3 { color:#fff1d5 !important; }
.movie-info small { color:#a7a4a0 !important; }
.movie-info small:first-child { color:var(--jj-gold) !important; }
/* 热门短剧、排行榜统一黑金 */
.dark-band {
  background:linear-gradient(180deg,#111217,#15141a) !important;
  border-block:1px solid rgba(219,170,84,.19) !important;
}
.hot-card {
  background:#1b1a1e !important;
  border:1px solid var(--jj-border) !important;
  border-radius:12px !important;
  transition:border-color .2s,transform .2s;
}
.hot-card:hover { border-color:var(--jj-gold) !important; transform:translateY(-2px); }
.hot-card h3 { color:#fff2d9 !important; }
.hot-card small { color:var(--jj-gold) !important; }
.hot-thumb b {
  background:linear-gradient(135deg,#ffe5a4,#c28c36) !important;
  color:#251808 !important;
  padding:4px 7px;
  border-radius:4px;
}
.ranking { background:#121318; border:1px solid var(--jj-border) !important; border-radius:12px !important; }
.ranking>a { border-bottom:1px solid rgba(219,170,84,.16) !important; }
.ranking>a:hover { background:rgba(217,170,88,.07); }
.ranking strong { color:#fff2d9; }
.ranking em { color:#bdb3a3 !important; }
.ranking .gold { color:#ffe3a0 !important; }
/* 页脚统一品牌风格 */
footer { background:#0d0e12; border-top:1px solid var(--jj-border); }
.footer { color:#a9a39a !important; }
.footer a { color:#d8bc86 !important; }
.footer a:hover { color:#fff3d8 !important; }
.footer .brand-icon { background:linear-gradient(135deg,#ffe5a4,#b9822e) !important; color:#221708 !important; }
.footer .brand>span:last-child { color:var(--jj-gold) !important; }
/* 可访问性与手机间距 */
.movie-card:focus-visible,.category:focus-visible,.jj-feature button:focus-visible { outline:2px solid #ffe3a0 !important; outline-offset:3px; }
@media(max-width:700px) {
  .hero .jj-feature { border-radius:15px !important; }
  .category-row .category { padding:10px 16px !important; }
  .movie-card { border-radius:12px !important; }
  .movie-cover .badge { top:9px;left:9px; }
  .movie-grid { gap:12px; }
  .movie-info { padding:11px 10px; }
  .jj-feature .jj-prev,.jj-feature .jj-next { width:36px !important;height:36px !important; }
}
@media(prefers-reduced-motion:reduce) {
  .movie-card,.hot-card,.category-row .category { transition:none !important; }
}

/* Published episode progress, bottom-right on each poster. */
.movie-cover .episode-progress {
 position:absolute;right:8px;bottom:8px;z-index:3;
 max-width:calc(100% - 16px);padding:5px 7px;border-radius:5px;
 background:rgba(7,9,13,.88);color:#ffe3a0;
 border:1px solid rgba(234,191,107,.45);
 font-size:11px;font-weight:700;line-height:1.25;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 pointer-events:none;
}
.movie-cover > b { padding-bottom:30px; }
@media(max-width:600px){.movie-cover .episode-progress{font-size:10px;padding:4px 6px;}}

/* Keep original artwork clear; translated titles sit immediately below it. */
.movie-cover > b { display:none!important; }
.movie-info { padding:8px 10px 10px!important; }
.movie-info h3 { white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.4!important;margin:0 0 5px!important;overflow-wrap:anywhere; }

/* Balanced card titles: two lines with a stable metadata baseline. */
.movie-grid{align-items:stretch}
.movie-card{display:flex!important;flex-direction:column}
.movie-card .movie-info{flex:1;display:flex;flex-direction:column;padding:10px 11px!important}
.movie-card .movie-info h3{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;white-space:normal!important;text-overflow:ellipsis!important;line-height:1.45!important;font-size:13px!important;min-height:2.9em;max-height:2.9em;margin:0 0 8px!important;overflow-wrap:anywhere}
.movie-card .movie-info>div{margin-top:auto}
.movie-card .poster-image{object-fit:cover;object-position:center 25%}
@media(max-width:600px){.movie-card .movie-info h3{font-size:12px!important}.movie-card .movie-info{padding:9px 10px!important}}