/* Jackhao.tv V37 — full-site typography, image scale and layout correction */
:root{
  --v37-content:1180px;
  --v37-reading:700px;
  --v37-reading-wide:960px;
  --v37-gutter:clamp(18px,3vw,30px);
  --v37-card-gap:16px;
  --v37-radius:8px;
}
html{scroll-padding-top:72px}
body.premium-v35{font-size:15px;line-height:1.72;background:#f4f0e8}
body.premium-v35 main{overflow:hidden}
body.premium-v35 .container,body.premium-v35 .wrap{width:min(var(--v37-content),calc(100% - 44px));margin-inline:auto}
body.premium-v35 img{max-width:100%;height:auto}
body.premium-v35 h1,body.premium-v35 h2,body.premium-v35 h3{overflow-wrap:anywhere;text-wrap:balance}
body.premium-v35 p,body.premium-v35 li{overflow-wrap:break-word}

/* One unified brand logo on every page */
.site-header-v35{width:min(1320px,calc(100% - 40px));height:72px;grid-template-columns:176px minmax(0,1fr) auto;gap:24px}
.v35-brand{display:flex;align-items:center;width:176px;min-width:176px;height:56px;padding:0;color:inherit;overflow:hidden}
.v35-brand .v37-brand-logo{display:block;width:166px;height:auto;max-height:56px;object-fit:contain;object-position:left center;background:#fff}
.is-home-v35 .v35-brand .v37-brand-logo{box-shadow:0 7px 20px rgba(0,0,0,.16)}
.v35-nav{gap:21px;font-size:12px}.v35-nav a{padding:25px 0}.v35-nav a:after{bottom:18px}
.v35-channel{height:34px;padding-inline:12px}.v35-search{width:34px;height:34px}
.v35-mobile{top:72px}
.v35-footer-name{display:inline-flex;width:176px;padding:5px;background:#fff}
.v35-footer-name .v37-brand-logo{display:block;width:166px;height:auto}

/* Universal hero and title correction */
.v35-themed-hero{min-height:225px!important;padding:44px max(22px,calc((100vw - var(--v37-content))/2)) 36px!important}
.v35-themed-hero>*{max-width:var(--v37-content)}
.v35-themed-hero .container,.v35-themed-hero .wrap{width:min(var(--v37-content),100%);margin:0}
.v35-themed-hero h1,.v35-themed-hero h2{max-width:780px;font-size:clamp(32px,3.6vw,48px)!important;line-height:1.16!important;letter-spacing:-.04em!important}
.v35-themed-hero p,.v35-themed-hero .lead{max-width:700px;font-size:13.5px!important;line-height:1.82!important}
.v35-theme-label{margin-bottom:12px!important;padding:5px 8px!important;font-size:8px!important}
.page-hero,.reader-hero,.v25-hero,.journal-article-hero,.songbook-hero{min-height:225px!important}
.v35-page-cover{min-height:350px;padding:48px max(22px,calc((100vw - var(--v37-content))/2))}
.v35-page-cover h1{font-size:clamp(34px,4.2vw,52px)}
.premium-v35 .page-title,.premium-v35 article h1{font-size:clamp(30px,3.3vw,43px)!important;line-height:1.2!important}

/* Home: reduced hero, typography and section spacing */
.v35-home-hero{height:68svh;min-height:520px;max-height:650px}
.v35-home-hero-copy{left:max(4vw,calc((100vw - var(--v37-content))/2));bottom:54px;width:min(570px,76vw)}
.v35-home-hero h1{font-size:clamp(38px,4.4vw,56px);line-height:1.12;letter-spacing:-.04em}
.v35-home-hero-copy>p:not(.v35-kicker){margin:17px 0 21px;max-width:560px;font-size:14px;line-height:1.78}
.v35-kicker{margin-bottom:14px;font-size:9px}
.v35-btn{min-height:43px;padding:0 17px;font-size:11px}
.v35-hero-stats{margin-top:24px;gap:23px}.v35-hero-stats b{font-size:22px}.v35-hero-stats span{font-size:9px}
.v35-intro{width:min(var(--v37-content),calc(100% - 44px));padding:54px 0;gap:42px}
.v35-intro h2,.v35-section-head h2,.v35-listen-cta h2{font-size:clamp(30px,3.3vw,44px);line-height:1.18}
.v35-intro>p{max-width:560px;font-size:14px;line-height:1.82}

/* Home theme cards: exactly aligned 4 x 2 grid */
.v35-theme-section{padding:54px max(22px,calc((100vw - var(--v37-content))/2)) 60px}
.v35-section-head{margin-bottom:25px}
.v35-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:var(--v37-card-gap);align-items:stretch}
.v35-theme-card,.v35-theme-card.wide{grid-column:auto!important;min-width:0;min-height:0;aspect-ratio:4/3;padding:21px;display:flex;align-items:flex-end}
.v35-theme-card:before{background-position:center}
.v35-theme-card>span{top:17px;left:17px;font-size:10px}
.v35-theme-card small{font-size:8px;letter-spacing:.17em}
.v35-theme-card h3{margin:7px 0 5px;font-size:clamp(22px,1.9vw,29px);line-height:1.18}
.v35-theme-card p{margin:0;font-size:11px;line-height:1.55}

/* Home selected work sections */
.v35-feature{padding:62px max(22px,calc((100vw - var(--v37-content))/2));gap:42px}
.v35-feature-copy h2{font-size:clamp(34px,3.8vw,50px);line-height:1.14}
.v35-feature-copy>p:not(.v35-kicker){margin:19px 0 23px;font-size:14px;line-height:1.82}
.v35-album-row{gap:13px}.v35-album-row a:nth-child(even){transform:none}.v35-album-row b{margin-top:11px;font-size:15px}.v35-album-row small{font-size:9px}
.v35-novel-stage{min-height:520px;padding:52px max(22px,calc((100vw - var(--v37-content))/2))}
.v35-novel-copy{width:min(510px,48vw);padding:32px}.v35-novel-copy h2{font-size:clamp(34px,4vw,50px)}
.v35-novel-copy>p{font-size:14px;line-height:1.82}.v35-novel-copy blockquote{margin:19px 0;font-size:15px;line-height:1.75}
.v35-dual-features{min-height:430px}.v35-dual-features>a{min-height:430px;padding:34px}.v35-dual-features h3{font-size:clamp(30px,3.2vw,43px)}.v35-dual-features p{font-size:13px;line-height:1.72}
.v35-listen-cta{width:min(var(--v37-content),calc(100% - 44px));padding:56px 0}

/* General rhythm and consistent grids */
.premium-v35 .section{padding:46px 0}
.premium-v35 .heading{margin-bottom:20px}
.premium-v35 .heading h2{font-size:clamp(27px,2.8vw,38px)!important;line-height:1.2}
.premium-v35 .heading p{font-size:13.5px}
.premium-v35 .catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.premium-v35 .grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.premium-v35 .catalog>*,.premium-v35 .grid3>*{min-width:0}
.premium-v35 .work-card,.premium-v35 .card,.premium-v35 .journal-card,.premium-v35 .compact-card,.premium-v35 .recommend-card,.premium-v35 .v25-card,.premium-v35 .v25-panel{border-radius:var(--v37-radius)}
.premium-v35 .work-card{padding:10px}.premium-v35 .work-card h3{font-size:18px;line-height:1.3}.premium-v35 .work-card p{font-size:11.5px;line-height:1.62}
.premium-v35 .work-cover{aspect-ratio:1/1;overflow:hidden}.premium-v35 .novel-card .work-cover{aspect-ratio:3/4}
.premium-v35 .work-cover img{width:100%;height:100%;object-fit:cover;object-position:center}
.premium-v35 .feature-grid{grid-template-columns:190px minmax(0,1fr);gap:32px;max-width:940px;margin-inline:auto;align-items:start}
.premium-v35 .feature-cover{width:190px;aspect-ratio:1/1;max-height:190px}
.premium-v35 .feature-cover img{width:100%;height:100%;object-fit:cover}
.premium-v35 .feature-grid h2{font-size:clamp(28px,2.8vw,38px);line-height:1.2}
.premium-v35 .feature-grid p{font-size:14px;line-height:1.78}
.premium-v35 .youtube-panel{max-width:920px;margin-inline:auto;box-shadow:none}.premium-v35 .youtube-main{min-height:200px}
.premium-v35 .reading img,.premium-v35 article img:not(.v37-brand-logo){display:block;max-width:min(100%,680px);max-height:520px;object-fit:contain;margin:24px auto}
.premium-v35 figure{max-width:760px;margin:25px auto}.premium-v35 figcaption{font-size:11px;line-height:1.6;text-align:center}
.premium-v35 table{font-size:13px}

/* Cards and thumbnails from legacy pages */
.premium-v35 .media-thumb,.premium-v35 .journal-card img,.premium-v35 .compact-card img,.premium-v35 .recommend-card img,.premium-v35 .v25-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.premium-v35 .journal-card,.premium-v35 .compact-card,.premium-v35 .recommend-card,.premium-v35 .v25-card{min-width:0}
.premium-v35 .journal-card h3,.premium-v35 .compact-card h3,.premium-v35 .recommend-card h3,.premium-v35 .v25-card h3{font-size:18px;line-height:1.32}
.premium-v35 .journal-card p,.premium-v35 .compact-card p,.premium-v35 .recommend-card p,.premium-v35 .v25-card p{font-size:12.5px;line-height:1.68}

/* Song pages */
.page-song .page-hero{min-height:230px!important}
.page-song .feature-grid{grid-template-columns:180px minmax(0,1fr);max-width:900px}
.page-song .feature-cover{width:180px;max-height:180px}
.page-song .feature-grid h2{font-size:clamp(27px,2.8vw,37px)}
.page-song .project-lyrics .container,.page-song .editorial-note,.page-song .lyrics-shell{max-width:760px;margin-inline:auto}
.page-song .lyrics-heading h2{font-size:30px}.page-song .lyrics-poem{font-size:15.5px;line-height:1.92}
.page-song .official-media iframe{width:100%;height:auto;aspect-ratio:16/9;max-height:430px}

/* Bilingual songbook */
.page-songbook .songbook-hero{min-height:235px!important}
.v36-songbook-hero-grid{grid-template-columns:minmax(0,1fr) 140px;gap:30px}
.v36-songbook-copy h1{font-size:clamp(31px,3.4vw,44px)!important}
.v36-songbook-cover{width:140px}
.page-songbook .two-col{max-width:940px;margin-inline:auto;gap:28px}.page-songbook .two-col h2{font-size:22px}
.page-songbook .info-table td{padding:8px 10px;font-size:12.5px}.page-songbook .lyric-box{font-size:14.5px;line-height:1.86;padding:14px}

/* Novel catalog/detail */
.page-novel-index .catalog{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-novel-detail .feature-grid{grid-template-columns:180px minmax(0,1fr);max-width:920px}.page-novel-detail .feature-cover{width:180px;aspect-ratio:3/4;max-height:240px}
.page-novel-detail .meipiao-hero{min-height:310px!important}.page-novel-detail .meipiao-cover{max-width:210px}
.page-novel-detail .meipiao-story-grid{gap:16px}.page-novel-detail .meipiao-story-grid img{width:100%;aspect-ratio:16/10;max-height:210px;object-fit:cover}

/* Full readers: centered, readable, no stretched text */
.page-reader .reader-hero{min-height:210px!important}.page-reader .reader-hero-inner{grid-template-columns:92px minmax(0,1fr);gap:20px}.page-reader .reader-cover{width:92px}
.page-reader .reader-app{width:min(1100px,calc(100% - 44px));margin-inline:auto;grid-template-columns:180px minmax(0,var(--v37-reading)) 170px;justify-content:center;gap:25px;padding:28px 0 54px}
.page-reader .reader-content{width:100%;max-width:var(--v37-reading);margin-inline:auto}.page-reader .reader-content h2{font-size:clamp(27px,2.7vw,36px)}
.page-reader .reader-text,.page-reader .novel-text{max-width:var(--v37-reading);margin-inline:auto;font-size:17px;line-height:2;color:#263a34;text-align:left}
.page-reader .reader-text p,.page-reader .novel-text p{margin-bottom:1.2em;text-indent:2em}
.page-reader .reader-toc{font-size:11.5px}.page-reader .reader-aside img{max-width:150px;margin-inline:auto}

/* Standalone Meipiao chapters */
.page-chapter .reader-hero{min-height:205px!important}.page-chapter .reader-hero h1{font-size:clamp(29px,3.1vw,40px)!important}
.page-chapter .reader-layout{width:min(980px,calc(100% - 44px));margin:30px auto 0;grid-template-columns:minmax(0,var(--v37-reading)) 160px;justify-content:center;gap:28px}
.page-chapter .reader-body{width:100%;max-width:var(--v37-reading);margin:0 auto;padding:42px 52px;font-size:17px;line-height:2;background:#fffdf8;text-align:left}
.page-chapter .reader-body p{margin:0 0 1.2em;text-indent:2em}.page-chapter .reader-body p:first-child{text-indent:0}
.page-chapter .reader-aside{top:82px;width:160px;padding:10px}.page-chapter .reader-aside p{font-size:10.5px}
.page-chapter .chapter-actions{max-width:var(--v37-reading);margin-inline:auto}

/* Articles and deep reading */
.page-article .journal-article-grid{grid-template-columns:150px minmax(0,1fr);gap:28px;max-width:900px}.page-article .journal-article-grid>img{width:150px;max-height:200px;object-fit:cover}
.page-article .journal-article-grid h1{font-size:clamp(30px,3.5vw,45px)!important}
.page-article .article-reading{width:min(var(--v37-reading),100%);max-width:var(--v37-reading);margin-inline:auto}.page-article .article-reading h2{font-size:clamp(25px,2.6vw,33px)}.page-article .article-reading p{font-size:15.5px;line-height:1.9}
.page-article .v25-deep-layout{grid-template-columns:minmax(0,700px) 220px;justify-content:center;gap:24px}.page-article .v25-panel{padding:20px}.page-article .v25-panel h2{font-size:23px}.page-article .v25-panel p,.page-article .v25-panel li{font-size:14.5px;line-height:1.84}.page-article .v25-side .cover{max-height:300px;object-fit:cover}
.page-article .v25-quote{font-size:17px}.page-article .v25-hero h1{font-size:clamp(31px,3.6vw,46px)!important}

/* Image library and footer */
.page-images .grid3{grid-template-columns:repeat(4,minmax(0,1fr))}.page-images .work-cover{aspect-ratio:4/3}
.site-footer-v35{padding:54px max(22px,calc((100vw - var(--v37-content))/2)) 24px}.v35-footer-grid{gap:34px;padding-bottom:38px}.v35-footer-grid section p{font-size:12px}.v35-footer-grid nav a{font-size:11.5px}

@media(max-width:1100px){
 .site-header-v35{grid-template-columns:160px minmax(0,1fr) auto}.v35-brand{width:160px;min-width:160px}.v35-brand .v37-brand-logo{width:152px}
 .v35-nav{gap:15px}
 .v35-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .premium-v35 .catalog,.page-novel-index .catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
 .page-reader .reader-app{grid-template-columns:175px minmax(0,var(--v37-reading))}.page-reader .reader-aside{display:none}
 .page-article .v25-deep-layout{grid-template-columns:minmax(0,680px) 210px}
 .page-images .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
 html{scroll-padding-top:64px}.site-header-v35{height:64px;width:calc(100% - 28px);grid-template-columns:148px auto}.v35-brand{width:148px;min-width:148px;height:50px}.v35-brand .v37-brand-logo{width:140px;max-height:48px}.v35-mobile{top:64px}.v35-actions{grid-column:2}.v35-nav,.v35-search{display:none}.v35-menu{display:block}
 body.premium-v35 .container,body.premium-v35 .wrap{width:calc(100% - 30px)}
 .v35-themed-hero{min-height:205px!important;padding:38px 17px 30px!important}.v35-themed-hero h1,.v35-themed-hero h2{font-size:clamp(28px,7.8vw,39px)!important}.v35-themed-hero p{font-size:12.5px!important}
 .v35-page-cover{min-height:320px;padding:44px 18px}.v35-page-cover h1{font-size:clamp(32px,8.8vw,44px)}
 .v35-home-hero{height:66svh;min-height:500px;max-height:610px}.v35-home-hero-copy{left:20px;right:20px;bottom:43px;width:auto}.v35-home-hero h1{font-size:clamp(34px,8.9vw,46px)}.v35-home-hero-copy>p:not(.v35-kicker){font-size:13px}
 .v35-intro,.v35-listen-cta{width:calc(100% - 32px);padding:47px 0}.v35-intro{grid-template-columns:1fr;gap:24px}.v35-intro h2,.v35-section-head h2,.v35-listen-cta h2{font-size:clamp(29px,7.5vw,39px)}
 .v35-theme-section{padding:47px 16px 52px}.v35-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v35-theme-card,.v35-theme-card.wide{aspect-ratio:4/3;padding:17px}.v35-theme-card h3{font-size:clamp(21px,5vw,27px)}
 .v35-feature{padding:52px 18px;gap:33px}.v35-feature-copy h2{font-size:clamp(31px,7.6vw,42px)}.v35-album-row{grid-template-columns:repeat(2,1fr)}
 .v35-novel-stage{min-height:470px;padding:28px 18px;align-items:flex-end}.v35-novel-copy{width:100%;padding:24px}.v35-novel-copy h2{font-size:clamp(31px,7.5vw,41px)}
 .v35-dual-features{grid-template-columns:1fr}.v35-dual-features>a{min-height:360px;padding:27px 20px}.v35-dual-features h3{font-size:clamp(28px,7vw,38px)}
 .premium-v35 .section{padding:40px 0}.premium-v35 .catalog,.page-novel-index .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-v35 .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .premium-v35 .feature-grid,.page-novel-detail .feature-grid,.page-song .feature-grid{grid-template-columns:130px minmax(0,1fr);gap:21px}.premium-v35 .feature-cover,.page-novel-detail .feature-cover,.page-song .feature-cover{width:130px;max-height:175px}
 .v36-songbook-hero-grid{grid-template-columns:minmax(0,1fr) 108px;gap:18px}.v36-songbook-cover{width:108px}.page-songbook .two-col{grid-template-columns:1fr}
 .page-reader .reader-app{display:block;width:calc(100% - 30px);padding:22px 0 46px}.page-reader .reader-toc{display:none}.page-reader .reader-content{max-width:660px}.page-reader .reader-text,.page-reader .novel-text{font-size:16.7px;line-height:1.98}
 .page-chapter .reader-layout{width:calc(100% - 26px);display:block;margin-top:22px}.page-chapter .reader-body{max-width:660px;padding:31px 27px;font-size:16.7px;line-height:1.98}.page-chapter .reader-aside{display:none}.page-chapter .chapter-actions{width:calc(100% - 26px)}
 .page-article .journal-article-grid{grid-template-columns:100px minmax(0,1fr);gap:18px}.page-article .journal-article-grid>img{width:100px;max-height:136px}.page-article .v25-deep-layout{grid-template-columns:1fr}.page-article .v25-side{position:static}.page-article .v25-side .cover{max-width:190px}
 .page-images .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v35-footer-grid{grid-template-columns:1fr 1fr}.v35-footer-grid section{grid-column:1/-1}
}
@media(max-width:540px){
 body.premium-v35{font-size:14.5px}.site-header-v35{grid-template-columns:132px auto}.v35-brand{width:132px;min-width:132px}.v35-brand .v37-brand-logo{width:126px}
 .v35-home-hero{min-height:480px;max-height:560px}.v35-home-hero h1{font-size:34px}.v35-home-hero-copy>p:not(.v35-kicker){font-size:12.5px;line-height:1.7}.v35-hero-stats{display:none}
 .v35-theme-grid{grid-template-columns:1fr}.v35-theme-card,.v35-theme-card.wide{aspect-ratio:4/3;max-height:300px}.v35-theme-card h3{font-size:26px}
 .premium-v35 .catalog,.page-novel-index .catalog,.premium-v35 .grid3,.page-images .grid3{grid-template-columns:1fr}
 .premium-v35 .work-card h3{font-size:18px}
 .premium-v35 .feature-grid,.page-novel-detail .feature-grid,.page-song .feature-grid{grid-template-columns:96px minmax(0,1fr);gap:15px}.premium-v35 .feature-cover,.page-novel-detail .feature-cover,.page-song .feature-cover{width:96px;max-height:134px}.premium-v35 .feature-grid h2{font-size:24px}.premium-v35 .feature-grid p{font-size:12.5px;line-height:1.68}
 .v36-songbook-hero-grid{grid-template-columns:1fr}.v36-songbook-cover{position:absolute;right:15px;top:40px;width:88px;opacity:.9}.v36-songbook-copy{padding-right:92px}.v36-songbook-copy h1{font-size:29px!important}
 .page-reader .reader-hero-inner{grid-template-columns:68px minmax(0,1fr);gap:12px}.page-reader .reader-cover{width:68px}.page-reader .reader-content h2{font-size:27px}.page-reader .reader-text,.page-reader .novel-text{font-size:16.2px;line-height:1.94}
 .page-chapter .reader-body{padding:25px 18px;font-size:16.2px;line-height:1.96}.page-chapter .reader-body p{text-indent:2em}
 .page-article .journal-article-grid{grid-template-columns:76px minmax(0,1fr);gap:12px}.page-article .journal-article-grid>img{width:76px;max-height:104px}.page-article .journal-deck{display:none}.page-article .article-reading p{font-size:15px}
 .site-footer-v35{padding-top:44px}.v35-footer-grid{grid-template-columns:1fr;gap:28px}.v35-footer-grid section{grid-column:auto}
}

/* V37 final centering correction: chapter body stays on the true page center */
@media(min-width:821px){
  .page-chapter .reader-layout{
    width:min(1116px,calc(100% - 44px));
    grid-template-columns:160px minmax(0,var(--v37-reading)) 160px;
    column-gap:28px;
  }
  .page-chapter .reader-layout:before{content:"";display:block;grid-column:1}
  .page-chapter .reader-body{grid-column:2;grid-row:1}
  .page-chapter .reader-aside{grid-column:3;grid-row:1}
}
@media(max-width:1100px) and (min-width:821px){
  .v35-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mobile navigation must stay inside the viewport */
@media(max-width:820px){
  .site-header-v35 .v35-mobile{left:0;right:0;width:100%}
}