/* Jackhao.tv V39 — Popular songs & novels homepage redesign */
:root{
  --v39-ink:#10202b;
  --v39-muted:#61707a;
  --v39-paper:#f5f0e7;
  --v39-card:#fffdf9;
  --v39-gold:#c79b42;
  --v39-line:rgba(16,32,43,.12);
  --v39-dark:#0b1720;
  --v39-width:1180px;
  --v39-radius:18px;
}
body.page-home.premium-v39{background:var(--v39-paper);color:var(--v39-ink)}
.page-home.premium-v39 main{overflow:hidden}
.v39-shell{width:min(var(--v39-width),calc(100% - 44px));margin-inline:auto}
.v39-kicker{margin:0 0 10px;font-size:10px;line-height:1.2;letter-spacing:.19em;text-transform:uppercase;font-weight:750;color:var(--v39-gold)}
.v39-section-title{margin:0;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:clamp(31px,3.2vw,46px);line-height:1.15;letter-spacing:-.035em;font-weight:650}
.v39-section-copy{margin:12px 0 0;max-width:650px;color:var(--v39-muted);font-size:14px;line-height:1.8}
.v39-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.v39-more{flex:none;color:var(--v39-ink);font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--v39-ink);padding-bottom:4px}
.v39-more:hover{color:var(--v39-gold);border-color:var(--v39-gold)}

/* Hero */
.v39-hero{position:relative;min-height:550px;background:var(--v39-dark);color:#fff;display:grid;align-items:end}
.v39-hero-media,.v39-hero-media:after{position:absolute;inset:0}
.v39-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.78) contrast(1.03)}
.v39-hero-media:after{content:"";background:linear-gradient(90deg,rgba(7,16,23,.92) 0%,rgba(7,16,23,.76) 42%,rgba(7,16,23,.28) 75%,rgba(7,16,23,.18) 100%),linear-gradient(0deg,rgba(7,16,23,.54),transparent 54%)}
.v39-hero-inner{position:relative;z-index:2;width:min(var(--v39-width),calc(100% - 44px));margin:0 auto;padding:80px 0 64px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:54px;align-items:end}
.v39-hero-copy{max-width:660px}
.v39-hero h1{margin:0;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.045em;font-weight:650}
.v39-hero-copy>p:not(.v39-kicker){margin:20px 0 25px;max-width:620px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.82}
.v39-actions{display:flex;flex-wrap:wrap;gap:11px}
.v39-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;border-radius:999px;font-size:11px;font-weight:780;letter-spacing:.04em;text-decoration:none;transition:.2s ease}
.v39-btn.primary{background:#fff;color:#0b1720}
.v39-btn.primary:hover{background:var(--v39-gold);transform:translateY(-2px)}
.v39-btn.outline{border:1px solid rgba(255,255,255,.36);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.v39-btn.outline:hover{border-color:#fff;background:rgba(255,255,255,.10);transform:translateY(-2px)}
.v39-hero-picks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v39-pick{position:relative;min-height:235px;border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;background:#101c25;box-shadow:0 16px 46px rgba(0,0,0,.22)}
.v39-pick img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.v39-pick:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,18,.88) 4%,rgba(5,12,18,.12) 70%)}
.v39-pick-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}
.v39-pick small{display:block;margin-bottom:5px;color:#e4c57f;font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.v39-pick b{display:block;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:20px;line-height:1.25}
.v39-pick:hover img{transform:scale(1.045)}

/* Editorial intro */
.v39-intro{padding:48px 0 22px}
.v39-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;padding-bottom:35px;border-bottom:1px solid var(--v39-line)}
.v39-intro-grid h2{margin:0;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:clamp(29px,3vw,42px);line-height:1.2;letter-spacing:-.035em}
.v39-intro-grid p{margin:0;color:var(--v39-muted);font-size:14px;line-height:1.9}

/* Cards */
.v39-section{padding:58px 0 68px}
.v39-section.dark{background:var(--v39-dark);color:#fff}
.v39-section.dark .v39-section-copy{color:rgba(255,255,255,.64)}
.v39-section.dark .v39-more{color:#fff;border-color:rgba(255,255,255,.56)}
.v39-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v39-work-card{display:block;min-width:0;border-radius:var(--v39-radius);overflow:hidden;text-decoration:none;background:var(--v39-card);color:var(--v39-ink);border:1px solid var(--v39-line);box-shadow:0 10px 28px rgba(19,35,45,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.v39-work-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(19,35,45,.12);border-color:rgba(199,155,66,.48)}
.v39-cover{position:relative;overflow:hidden;background:#d9d3c9}
.v39-song-card .v39-cover{aspect-ratio:1/1}
.v39-novel-card .v39-cover{aspect-ratio:3/4}
.v39-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.v39-work-card:hover .v39-cover img{transform:scale(1.035)}
.v39-badge{position:absolute;top:13px;left:13px;padding:6px 9px;border-radius:999px;background:rgba(8,19,31,.78);color:#fff;font-size:8px;line-height:1;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(8px)}
.v39-card-copy{padding:17px 17px 18px}
.v39-card-copy h3{margin:0;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:21px;line-height:1.3;letter-spacing:-.025em;font-weight:650}
.v39-card-copy p{margin:7px 0 0;color:var(--v39-muted);font-size:11.5px;line-height:1.65}
.v39-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid var(--v39-line);font-size:9px;color:#7e898f;letter-spacing:.06em}
.v39-card-meta span:last-child{font-weight:750;color:var(--v39-ink)}
.v39-section.dark .v39-work-card{background:#13232e;color:#fff;border-color:rgba(255,255,255,.09);box-shadow:none}
.v39-section.dark .v39-card-copy p,.v39-section.dark .v39-card-meta{color:rgba(255,255,255,.58)}
.v39-section.dark .v39-card-meta{border-color:rgba(255,255,255,.10)}
.v39-section.dark .v39-card-meta span:last-child{color:#fff}

/* Popular lead row */
.v39-leads{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.v39-lead{display:grid;grid-template-columns:42% 58%;min-height:275px;border-radius:var(--v39-radius);overflow:hidden;background:#fff;border:1px solid var(--v39-line);text-decoration:none;color:var(--v39-ink);box-shadow:0 16px 38px rgba(15,30,40,.07)}
.v39-lead-media{min-width:0;overflow:hidden}.v39-lead-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.v39-lead-copy{padding:28px;display:flex;flex-direction:column;justify-content:center}
.v39-lead-copy small{color:var(--v39-gold);font-size:8px;letter-spacing:.16em;text-transform:uppercase;font-weight:760}
.v39-lead-copy h3{margin:8px 0 10px;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:clamp(25px,2.4vw,34px);line-height:1.2;letter-spacing:-.035em}
.v39-lead-copy p{margin:0;color:var(--v39-muted);font-size:12.5px;line-height:1.76}
.v39-lead-copy b{margin-top:19px;font-size:10px;letter-spacing:.06em}
.v39-lead:hover .v39-lead-media img{transform:scale(1.04)}

/* Theme route strip */
.v39-routes{padding:54px 0 62px}
.v39-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}
.v39-route{min-height:145px;padding:20px;border-radius:14px;border:1px solid var(--v39-line);background:rgba(255,255,255,.48);text-decoration:none;color:var(--v39-ink);display:flex;flex-direction:column;justify-content:space-between;transition:.22s ease}
.v39-route span{font-size:9px;color:var(--v39-gold);letter-spacing:.14em;text-transform:uppercase}
.v39-route h3{margin:22px 0 0;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:22px;line-height:1.25}
.v39-route:hover{background:#fff;transform:translateY(-4px);border-color:rgba(199,155,66,.42)}

/* Closing CTA */
.v39-cta{padding:0 0 72px}
.v39-cta-box{position:relative;overflow:hidden;min-height:280px;border-radius:22px;background:#0d1c26;color:#fff;display:flex;align-items:center;padding:48px}
.v39-cta-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.v39-cta-box:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,19,29,.94),rgba(8,19,29,.42))}
.v39-cta-copy{position:relative;z-index:2;max-width:570px}
.v39-cta-copy h2{margin:0;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:clamp(31px,3.5vw,47px);line-height:1.16;letter-spacing:-.04em}
.v39-cta-copy p{margin:14px 0 22px;color:rgba(255,255,255,.7);font-size:13.5px;line-height:1.8}

@media(max-width:980px){
  .v39-hero-inner{grid-template-columns:1fr;gap:30px;padding-top:96px}
  .v39-hero-picks{max-width:610px}
  .v39-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v39-leads{grid-template-columns:1fr}
  .v39-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .v39-shell,.v39-hero-inner{width:calc(100% - 30px)}
  .v39-hero{min-height:640px}
  .v39-hero-inner{padding:78px 0 38px;gap:25px}
  .v39-hero h1{font-size:clamp(37px,10.5vw,49px)}
  .v39-hero-copy>p:not(.v39-kicker){font-size:12.8px;line-height:1.72;margin:16px 0 20px}
  .v39-pick{min-height:180px}
  .v39-section{padding:47px 0 53px}
  .v39-section-head{align-items:start;margin-bottom:21px}
  .v39-section-copy{font-size:13px}
  .v39-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .v39-card-copy{padding:13px 13px 15px}
  .v39-card-copy h3{font-size:18px}
  .v39-card-copy p{font-size:10.8px}
  .v39-lead{grid-template-columns:38% 62%;min-height:220px}
  .v39-lead-copy{padding:20px}
  .v39-intro{padding-top:40px}
  .v39-intro-grid{grid-template-columns:1fr;gap:18px}
  .v39-route-grid{gap:10px}.v39-route{min-height:125px;padding:17px}.v39-route h3{font-size:20px}
  .v39-cta-box{min-height:250px;padding:30px 24px}
}
@media(max-width:500px){
  .v39-hero{min-height:720px}
  .v39-hero-picks{grid-template-columns:1fr 1fr;gap:9px}
  .v39-pick{min-height:165px}.v39-pick-copy{left:13px;right:13px;bottom:12px}.v39-pick b{font-size:17px}
  .v39-actions{gap:8px}.v39-btn{min-height:41px;padding-inline:15px}
  .v39-section-head{display:block}.v39-more{display:inline-block;margin-top:14px}
  .v39-card-grid{grid-template-columns:1fr 1fr;gap:10px}
  .v39-card-copy h3{font-size:16.5px}.v39-card-copy p{display:none}.v39-card-meta{font-size:8px;margin-top:10px;padding-top:9px}
  .v39-lead{grid-template-columns:34% 66%;min-height:205px}.v39-lead-copy{padding:16px}.v39-lead-copy h3{font-size:23px}.v39-lead-copy p{font-size:11.5px}.v39-lead-copy b{margin-top:13px}
  .v39-route-grid{grid-template-columns:1fr 1fr}.v39-route{min-height:112px}.v39-route h3{font-size:18px}
}