/* Jackhao.tv V63.3 — content hubs: music, novels, journal, search and video */
:root{--jh-hub-wide:1240px;--jh-hub-reading:720px;--jh-hub-radius:18px}
.jh-hub-shell{width:min(var(--jh-hub-wide),calc(100% - 48px));margin-inline:auto}
.jh-hub-hero{position:relative;isolation:isolate;overflow:hidden;min-height:430px;padding:88px max(24px,calc((100vw - var(--jh-hub-wide))/2)) 70px;display:flex;align-items:flex-end;background:#101922;color:#fff}
.jh-hub-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--jh-hub-image,url('/assets/images/generated/listening-night.webp')) center/cover no-repeat;filter:saturate(.82) contrast(1.03);transform:scale(1.012)}
.jh-hub-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,13,20,.94) 0%,rgba(7,18,26,.74) 48%,rgba(7,18,26,.30) 100%),linear-gradient(0deg,rgba(5,13,20,.58),transparent 62%)}
.jh-hub-hero>div{width:min(820px,100%)}.jh-hub-hero .v35-kicker{margin:0 0 16px;color:#e0be86}
.jh-hub-hero h1{max-width:11em;margin:0 0 20px;font-family:var(--v35-serif,var(--jh-display,serif));font-size:clamp(42px,5vw,68px);font-weight:540;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.jh-hub-hero p:not(.v35-kicker){max-width:680px;margin:0;color:rgba(255,255,255,.78)!important;font-size:17px;line-height:1.88}
.jh-hub-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.jh-hub-section{padding:78px 0}.jh-hub-section.alt{background:var(--jh-soft,#ece5da)}
.jh-hub-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.jh-hub-heading>div{min-width:0}.jh-hub-heading small{display:block;margin-bottom:8px;color:var(--jh-gold,#b88a59);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.jh-hub-heading h2{max-width:18em;margin:0;font-family:var(--v35-serif,var(--jh-display,serif));font-size:clamp(31px,3vw,43px);font-weight:600;line-height:1.2;letter-spacing:-.035em}.jh-hub-heading>p{max-width:520px;margin:0;color:var(--jh-muted,#70777a)!important;font-size:14px;line-height:1.75}
.jh-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.jh-feature-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--jh-line,rgba(24,33,39,.12));border-radius:var(--jh-hub-radius);background:var(--jh-surface,#fffdf8);color:inherit;text-decoration:none}.jh-feature-card>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .45s ease}.jh-feature-card:hover img{transform:scale(1.025)}.jh-feature-card>div{display:flex;flex:1;flex-direction:column;padding:20px}.jh-feature-card small{font-size:11px;letter-spacing:.07em;color:var(--jh-muted,#70777a)}.jh-feature-card h3{margin:7px 0 9px;font-family:var(--v35-serif,var(--jh-display,serif));font-size:clamp(22px,2vw,28px);line-height:1.26}.jh-feature-card p{margin:0 0 18px!important;color:var(--jh-text,#384249)!important;font-size:14px!important;line-height:1.72!important}.jh-feature-card span{margin-top:auto;color:var(--jh-gold,#b88a59);font-size:13px}
.jh-catalog-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:center;margin-bottom:22px;padding:14px;border:1px solid var(--jh-line,rgba(24,33,39,.12));border-radius:16px;background:var(--jh-surface,#fffdf8)}.jh-catalog-search{width:100%;min-height:48px;border:1px solid var(--jh-line,rgba(24,33,39,.12));border-radius:12px;background:#fff;padding:0 15px;font:inherit;color:inherit}.jh-catalog-filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.jh-catalog-filters::-webkit-scrollbar{display:none}.jh-catalog-filters button{flex:0 0 auto;min-height:42px;border:1px solid var(--jh-line,rgba(24,33,39,.12));border-radius:999px;background:transparent;padding:0 13px;color:var(--jh-text,#384249);font:inherit;font-size:13px;cursor:pointer}.jh-catalog-filters button[aria-pressed="true"]{background:var(--jh-deep,#101922);border-color:var(--jh-deep,#101922);color:#fff}.jh-catalog-state{margin:0 0 18px;color:var(--jh-muted,#70777a)!important;font-size:13px}.jh-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.jh-catalog-card{display:block;min-width:0;overflow:hidden;border:1px solid var(--jh-line,rgba(24,33,39,.12));border-radius:16px;background:var(--jh-surface,#fffdf8);color:inherit;text-decoration:none}.jh-catalog-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.jh-catalog-card>div{padding:15px}.jh-catalog-card small{display:block;color:var(--jh-muted,#70777a);font-size:10.5px;letter-spacing:.05em}.jh-catalog-card h3{margin:5px 0 7px;font-family:var(--v35-serif,var(--jh-display,serif));font-size:19px;line-height:1.3}.jh-catalog-card p{display:-webkit-box;min-height:3.2em;margin:0!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--jh-text,#384249)!important;font-size:12.5px!important;line-height:1.6!important}.jh-catalog-empty{padding:30px;border:1px dashed var(--jh-line,rgba(24,33,39,.18));border-radius:16px;color:var(--jh-muted,#70777a)}
.page-music .jh-music-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:42px;align-items:center}.page-music .jh-music-note figure{margin:0}.page-music .jh-music-note img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--jh-hub-radius)}.page-music .jh-music-note p{font-size:16px!important;line-height:1.9!important}.page-music .jh-music-note h2{font-family:var(--v35-serif,var(--jh-display,serif));font-size:clamp(31px,3vw,43px);line-height:1.2}
.page-novels .jh-novel-featured{gap:18px!important}.page-novels .jh-novel-feature{overflow:hidden;border-radius:var(--jh-hub-radius)!important}.page-novels .jh-novel-feature img{aspect-ratio:4/3;object-fit:cover}.page-novels .jh-novel-grid{gap:16px!important}.page-novels .jh-novel-card{overflow:hidden;border-radius:16px!important;background:var(--jh-surface,#fffdf8);border:1px solid var(--jh-line,rgba(24,33,39,.12))}.page-novels .jh-novel-card img{aspect-ratio:3/4;object-fit:cover}.page-novels .jh-novel-card>div{padding:14px 15px 16px}.page-novels .jh-novel-card h3{font-size:17px!important;line-height:1.42!important}.page-novels .jh-novel-card small{font-size:10.5px!important}
.jh-journal-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:48px;align-items:center}.jh-journal-intro img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--jh-hub-radius)}.jh-journal-intro h2{font-family:var(--v35-serif,var(--jh-display,serif));font-size:clamp(31px,3vw,43px);line-height:1.22}.jh-journal-intro p{font-size:16px!important;line-height:1.9!important}
.jh-search-starters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.jh-search-starter{position:relative;isolation:isolate;min-height:180px;overflow:hidden;display:flex;align-items:flex-end;padding:18px;border-radius:16px;background:#101922;color:#fff;text-decoration:none}.jh-search-starter:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--starter-image) center/cover no-repeat;transition:transform .45s ease}.jh-search-starter:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,13,20,.88),rgba(5,13,20,.08) 72%)}.jh-search-starter:hover:before{transform:scale(1.035)}.jh-search-starter small{display:block;margin-bottom:3px;color:rgba(255,255,255,.66);font-size:10px}.jh-search-starter b{font-family:var(--v35-serif,var(--jh-display,serif));font-size:20px;font-weight:600}.page-search .search-box{max-width:760px}.page-search .search-results{display:grid;gap:28px}.page-search .ja-search-group>h2{margin-bottom:14px;font-family:var(--v35-serif,var(--jh-display,serif));font-size:25px}.page-search .search-result{overflow:hidden;border-radius:15px!important;background:var(--jh-surface,#fffdf8)!important}.page-search .search-result img{aspect-ratio:4/3!important;object-fit:cover}.page-search .search-result h3{font-size:19px!important;line-height:1.35!important}
.jh-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.jh-video-card{display:block;overflow:hidden;border:1px solid var(--jh-line,rgba(24,33,39,.12));border-radius:16px;background:var(--jh-surface,#fffdf8);color:inherit;text-decoration:none}.jh-video-thumb{position:relative;overflow:hidden;background:#101922}.jh-video-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.jh-video-play{position:absolute;left:16px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);color:#111;font-size:14px}.jh-video-card>div:last-child{padding:16px}.jh-video-card small{color:var(--jh-muted,#70777a);font-size:10.5px}.jh-video-card h3{margin:6px 0 7px;font-family:var(--v35-serif,var(--jh-display,serif));font-size:20px;line-height:1.3}.jh-video-card p{margin:0!important;color:var(--jh-text,#384249)!important;font-size:13px!important;line-height:1.6!important}
@media(max-width:1050px){.jh-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jh-search-starters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.jh-feature-grid,.jh-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-music .jh-music-note,.jh-journal-intro{grid-template-columns:1fr;gap:26px}.page-music .jh-music-note figure{order:-1}}
@media(max-width:700px){.jh-hub-shell{width:calc(100% - 40px)}.jh-hub-hero{min-height:390px;padding:58px 20px 46px}.jh-hub-hero h1{font-size:clamp(35px,9.2vw,44px);line-height:1.14}.jh-hub-hero p:not(.v35-kicker){font-size:16px;line-height:1.78}.jh-hub-section{padding:54px 0}.jh-hub-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:22px}.jh-hub-heading h2{font-size:clamp(28px,7.6vw,34px)}.jh-feature-grid,.jh-video-grid{grid-template-columns:1fr}.jh-feature-card{display:grid;grid-template-columns:112px minmax(0,1fr)}.jh-feature-card>img{height:100%;aspect-ratio:auto}.jh-feature-card>div{padding:15px}.jh-feature-card h3{font-size:20px}.jh-feature-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.jh-catalog-tools{grid-template-columns:1fr;padding:12px}.jh-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jh-catalog-card>div{padding:12px}.jh-catalog-card h3{font-size:17px}.jh-catalog-card p{font-size:12px!important}.jh-search-starters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jh-search-starter{min-height:145px;padding:14px}.page-music .jh-music-note p,.jh-journal-intro p{font-size:16px!important;line-height:1.84!important}}
@media(max-width:390px){.jh-hub-shell{width:calc(100% - 36px)}.jh-hub-hero{padding-inline:18px}.jh-feature-card{grid-template-columns:100px minmax(0,1fr)}.jh-catalog-grid{grid-template-columns:1fr}.jh-catalog-card{display:grid;grid-template-columns:100px minmax(0,1fr)}.jh-catalog-card img{height:100%;aspect-ratio:auto}.jh-search-starter b{font-size:18px}}