@import url('/kingai-ui-2026.css?v=66.0');
/* Jackhao.tv V66 — full-site warm cascade bridge.
   Loaded last by v35.js so legacy dark production-polish/reference/responsive rules
   cannot turn subpages or footers black again. */
:root{
  --jh-canvas:#F7F2EA!important;
  --jh-paper:#FFFDF9!important;
  --jh-surface:#FFFFFF!important;
  --jh-surface-2:#F2EBE2!important;
  --jh-line:rgba(91,67,53,.14)!important;
  --jh-text:#2B211C!important;
  --jh-muted:#74675F!important;
  --jh-gold:#B98A50!important;
  --jh-warm:#B66F4A!important;
  --jh-focus:#9A5C3B!important;
  --jh-shadow:0 18px 55px rgba(64,45,32,.10)!important;
  --theme-deep:#F2E9DE!important;
  --v35-bg:#F7F2EA!important;
  --v35-paper:#FFFDF9!important;
  --v35-ink:#2B211C!important;
  --v35-muted:#74675F!important;
  --v35-line:rgba(91,67,53,.14)!important;
}
html{color-scheme:light!important;background:#F7F2EA!important}
html body.premium-v35:not(.page-home),
html body.page-listening,html body.page-music,html body.page-novels,html body.page-journal,
html body.page-videos,html body.page-themes,html body.page-studio,html body.page-about,
html body.page-platforms,html body.page-search,html body.page-contact,html body.page-guestbook,
html body.page-song,html body.page-novel-detail{
  background:linear-gradient(180deg,#FFFDF9 0%,#F7F2EA 55%,#F3ECE3 100%)!important;
  color:#2B211C!important;
}
html body.premium-v35 main{background:transparent!important;color:#2B211C!important}
html body.premium-v35 :where(h1,h2,h3,h4,h5,h6){color:#2B211C!important;text-shadow:none!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance}
html body.premium-v35 :where(p,li,.lead,.lede,.meta,.tiny){color:#51463F!important}

/* Warm navigation */
html body.premium-v35 .site-header-v35{
  color:#2B211C!important;background:rgba(255,253,249,.96)!important;
  border:1px solid rgba(91,67,53,.16)!important;box-shadow:0 8px 30px rgba(62,44,31,.07)!important;
}
html body.premium-v35 .v35-brand b{color:#2B211C!important}
html body.premium-v35 .v35-brand em{color:#915033!important}
html body.premium-v35 .v35-nav a{color:#5C514A!important}
html body.premium-v35 .v35-nav a:hover,html body.premium-v35 .v35-nav a[aria-current="page"]{color:#915033!important}
html body.premium-v35 .v35-search,html body.premium-v35 .v35-menu{background:#FFF8F1!important;color:#4D4038!important;border-color:#D8CABE!important}
html body.premium-v35 .v35-mobile{background:#FFFDF9!important;color:#2B211C!important;border-color:#D8CABE!important}

/* Subpage heroes: image stays as atmosphere, copy sits on warm readable paper. */
html body.premium-v35:not(.page-home) :where(.v35-themed-hero,.jh-hub-hero,.v35-page-hero,.page-hero,.v26-hero,.reader-hero,.jh-platforms-hero){
  width:min(1180px,calc(100% - 48px))!important;min-height:auto!important;margin:18px auto 0!important;
  padding:56px clamp(28px,5vw,64px)!important;background:linear-gradient(145deg,#FFFDF9,#F1E7DB)!important;
  color:#2B211C!important;border:1px solid #DED1C5!important;border-radius:28px!important;
  box-shadow:0 12px 38px rgba(64,45,32,.08)!important;overflow:hidden!important;
}
html body.premium-v35:not(.page-home) .v35-themed-hero:before,
html body.premium-v35:not(.page-home) .jh-hub-hero:before{opacity:.10!important;filter:saturate(.58) sepia(.15) brightness(1.15)!important}
html body.premium-v35:not(.page-home) .v35-themed-hero:after,
html body.premium-v35:not(.page-home) .jh-hub-hero:after{background:linear-gradient(90deg,rgba(255,253,249,.99),rgba(255,253,249,.94) 58%,rgba(247,240,232,.78))!important}
html body.premium-v35:not(.page-home) :where(.v35-themed-hero,.jh-hub-hero,.page-hero,.v26-hero,.reader-hero,.jh-platforms-hero) :where(h1,h2,h3){color:#2B211C!important;text-shadow:none!important}
html body.premium-v35:not(.page-home) :where(.v35-themed-hero,.jh-hub-hero,.page-hero,.v26-hero,.reader-hero,.jh-platforms-hero) :where(p,.lead,.meta,small){color:#51463F!important}
html body.premium-v35:not(.page-home) .v35-theme-label{background:#FFF8F1!important;border-color:#D9C6B6!important;color:#915033!important}

/* Section rhythm */
html body.premium-v35:not(.page-home) :where(.section,.ja-section,.jh-hub-section,.v39-section,.v40-editorial){background:transparent!important;color:#2B211C!important}
html body.premium-v35:not(.page-home) :where(.section-tint,.tint,.ja-section.alt,.jh-hub-section.alt,.dark,.section.dark,.theme-dark,.bg-dark){background:#F1E9DE!important;color:#2B211C!important;border-color:#DED2C6!important}
html body.premium-v35:not(.page-home) :where(.section-tint,.tint,.ja-section.alt,.jh-hub-section.alt,.dark,.section.dark,.theme-dark,.bg-dark) :where(h1,h2,h3,p,small,span){color:#51463F!important}
html body.premium-v35:not(.page-home) :where(.section-tint,.tint,.ja-section.alt,.jh-hub-section.alt,.dark,.section.dark,.theme-dark,.bg-dark) :where(h1,h2,h3){color:#2B211C!important}

/* Generic content cards */
html body.premium-v35:not(.page-home) :where(.work-card,.card,.panel,.v25-panel,.guide-route,.jh-feature-card,.jh-catalog-card,.novel-card,.jh-recent-card,.platform-card,.video-card,.ja-card,.jh-visual-card,.meipiao-volumes article,.meipiao-story-grid article){
  background:linear-gradient(155deg,#FFFFFF,#FCF8F3)!important;color:#2B211C!important;
  border:1px solid #E0D4C9!important;border-radius:20px!important;box-shadow:none!important;
}
html body.premium-v35:not(.page-home) :where(.work-card,.card,.panel,.v25-panel,.guide-route,.jh-feature-card,.jh-catalog-card,.novel-card,.jh-recent-card,.platform-card,.video-card,.ja-card,.jh-visual-card) :where(h2,h3,b,strong){color:#2B211C!important}
html body.premium-v35:not(.page-home) :where(.work-card,.card,.panel,.v25-panel,.guide-route,.jh-feature-card,.jh-catalog-card,.novel-card,.jh-recent-card,.platform-card,.video-card,.ja-card,.jh-visual-card) :where(p,small,span){color:#6B5E55!important}

/* Listening room — screenshot target */
html body.page-listening .visual-ribbon{width:min(1180px,calc(100% - 48px))!important;margin:18px auto!important;border-radius:24px!important;overflow:hidden!important;background:#F0E7DC!important;border:1px solid #DED2C6!important}
html body.page-listening .visual-ribbon img{display:block!important;width:100%!important;max-height:420px!important;object-fit:cover!important}
html body.page-listening .visual-ribbon figcaption{background:#FFFDF9!important;color:#74675F!important;padding:10px 14px!important}
html body.page-listening .v26-room-grid{gap:16px!important}
html body.page-listening .v26-room-card{background:#FFFDF9!important;color:#2B211C!important;border:1px solid #E0D4C9!important;border-radius:20px!important;box-shadow:0 8px 26px rgba(64,45,32,.05)!important}
html body.page-listening .v26-room-card h2{color:#2B211C!important}
html body.page-listening .v26-room-card p{color:#62564E!important}
html body.page-listening .v26-room-card>span,html body.page-listening .v26-room-card a{color:#915033!important}
html body.page-listening .jh-reading-copy{background:#FFFDF9!important;border:1px solid #E0D4C9!important;border-radius:22px!important;padding:28px!important}

/* Music */
html body.page-music :where(.jh-catalog-tools,.v60-music-tools){background:#FFFDF9!important;border:1px solid #E0D4C9!important;color:#2B211C!important}
html body.page-music :where(.jh-catalog-filters button,.v60-music-filters button){background:#FFF!important;color:#62564E!important;border-color:#DCCBBE!important}
html body.page-music :where(.jh-catalog-filters button[aria-pressed="true"],.jh-catalog-filters button:hover,.v60-music-filters button.active){background:#F3E3D6!important;color:#915033!important;border-color:#CFA98F!important}
html body.page-song :where(.feature-grid,.lyrics-shell,.project-lyrics,.lyrics-poem,.platform-note,.lyric-card){background:#FFFDF9!important;color:#2B211C!important;border-color:#E0D4C9!important}
html body.page-song :where(.lyrics-shell,.project-lyrics,.lyrics-poem) :where(p,li){color:#4F443D!important}

/* Novels and chapter catalog */
html body.page-novel-detail :where(.meipiao-volumes article,.meipiao-story-grid article,.work-card){background:#FFFDF9!important;color:#2B211C!important;border-color:#E0D4C9!important}
html body.page-novel-detail .meipiao-catalog a{background:#FFF!important;color:#2B211C!important;border:1px solid #E0D4C9!important;border-radius:14px!important}
html body.page-novel-detail .meipiao-catalog a:hover{background:#F8EFE6!important;border-color:#CFA98F!important}
html body.page-novel-detail .meipiao-catalog :where(span,b){color:#43372F!important}

/* Journal / videos / themes / search / contact / guestbook / studio */
html body.page-journal :where(.journal-card,.jh-journal-card,.entry-card){background:#FFF9F0!important;color:#2B211C!important;border:1px solid #DDCFC1!important}
html body.page-journal :where(.journal-card,.jh-journal-card,.entry-card) :where(h2,h3,p,small){color:#51463F!important}
html body.page-videos :where(.video-card,.work-card,.card),
html body.page-themes :where(.card,.v35-theme-card),
html body.page-search :where(.card,.search-result),
html body.page-platforms :where(.platform-card,.jh-platform-card,.card),
html body.page-contact :where(.card,.panel,.contact-card),
html body.page-guestbook :where(.card,.panel),
html body.page-studio :where(.card,.panel,.ja-card,.v43-service){background:#FFFDF9!important;color:#2B211C!important;border-color:#E0D4C9!important}
html body.page-platforms .jh-platforms-hero:before{opacity:.08!important}
html body.page-platforms .jh-platforms-hero:after{background:linear-gradient(90deg,rgba(255,253,249,.99),rgba(247,240,232,.90))!important}

/* Readers: paper, not black */
html body.page-novel-chapter,html body.reader-page-v50,html body.reader-generic-v50{background:#F5EEE5!important;color:#2B211C!important}
html body.page-novel-chapter .reader-layout,html body.page-novel-chapter .reader-body,
html body.reader-page-v50 .reading,html body.reader-generic-v50 .reader-content{background:#FFFDF9!important;color:#2D2722!important}
html body.page-novel-chapter .reader-body :where(p,li),html body.reader-page-v50 .novel-text,html body.reader-generic-v50 .reader-text{color:#342E29!important}
html body.reader-page-v50 .meipiao-reader-wrap,html body.reader-generic-v50 main{background:#F5EEE5!important;border-color:#D9CABC!important}
html body.reader-page-v50 .side{background:#EFE5DA!important;color:#5F534B!important;border-color:#D9CABC!important}
html body.reader-page-v50 .toc a{color:#6A584C!important}
html body.reader-page-v50 .toc a:hover,html body.reader-page-v50 .toc a.active{background:#F7DCC8!important;color:#7D432B!important}

/* Buttons / fields */
html body.premium-v35 :where(.btn,.v35-btn,button,[role="button"]){border-radius:999px!important;box-shadow:none!important}
html body.premium-v35 :where(.btn.primary,.v35-btn.primary,.v35-btn.light,button.primary){background:#915033!important;color:#FFF!important;border-color:#915033!important}
html body.premium-v35 :where(.btn.outline,.v35-btn.ghost,.v35-btn.dark,.btn.dark){background:#FFF!important;color:#5A4031!important;border-color:#D4C3B6!important}
html body.premium-v35 :where(input,textarea,select){background:#FFF!important;color:#2B211C!important;border-color:#D5C5B9!important}

/* Xiaohao */
html body .chat.jh-chat-v62 .chat-panel,html body .chat.jh-chat-v62 .chat-body{background:#FFFDF9!important;color:#2B211C!important;border-color:#D8C9BD!important}
html body .chat.jh-chat-v62 .chat-head{background:#F4E9DE!important;color:#2B211C!important;border-color:#E0D2C6!important}
html body .chat.jh-chat-v62 .msg.bot{background:#F1E6DA!important;color:#3C312A!important}

/* Footer — never black */
html body.premium-v35 .site-footer-v35,html body .site-footer-v35,html body footer.site-footer-v35{
  margin-top:40px!important;background:#EEE5DB!important;color:#51463F!important;border-top:1px solid #DCCFC3!important;
}
html body .site-footer-v35 :where(.v35-footer-name,.jh-footer-name),html body .site-footer-v35 :where(.v35-footer-name,.jh-footer-name) span{color:#2B211C!important}
html body .site-footer-v35 :where(.v35-footer-name,.jh-footer-name) em{color:#915033!important}
html body .site-footer-v35 :where(.v35-footer-grid,.jh-footer-main) nav>b{color:#2B211C!important}
html body .site-footer-v35 :where(.v35-footer-grid,.jh-footer-main) nav>a,
html body .site-footer-v35 :where(.v35-footer-grid,.jh-footer-main) section p,
html body .site-footer-v35 :where(.v35-footer-bottom,.jh-footer-bottom),
html body .site-footer-v35 :where(.v35-footer-bottom,.jh-footer-bottom) a{color:#6B5E55!important}
html body .site-footer-v35 :where(.v35-footer-grid,.jh-footer-main){border-bottom-color:#D8CBC0!important}

@media(max-width:700px){
  :root{--jh-page-gutter-mobile:18px}
  html body.premium-v35:not(.page-home) :where(.v35-themed-hero,.jh-hub-hero,.v35-page-hero,.page-hero,.v26-hero,.reader-hero,.jh-platforms-hero){width:calc(100% - 20px)!important;padding:34px 22px!important;border-radius:22px!important}
  html body.premium-v35:not(.page-home) h1{font-size:clamp(32px,9.2vw,42px)!important;line-height:1.12!important}
  html body.premium-v35:not(.page-home) h2{font-size:clamp(27px,7.4vw,34px)!important;line-height:1.18!important}
  html body.premium-v35:not(.page-home) :where(p,li){font-size:16px;line-height:1.78}
  html body.page-listening .visual-ribbon{width:calc(100% - 20px)!important;border-radius:20px!important}
  html body.page-listening .visual-ribbon img{max-height:300px!important}
  html body.page-listening .jh-reading-copy{padding:22px!important}
  html body .site-footer-v35 :where(.v35-footer-grid,.jh-footer-main){grid-template-columns:repeat(2,minmax(0,1fr))!important;border-top:0!important}
  html body .site-footer-v35 :where(.v35-footer-grid,.jh-footer-main) nav{border-top:1px solid #D8CBC0!important}
}
@media(max-width:390px){
  html body.premium-v35:not(.page-home) h1{font-size:clamp(30px,8.8vw,38px)!important}
  html body.premium-v35:not(.page-home) :where(.container,.wrap,.ja-shell,.jh-hub-shell,.jh-content-shell){width:calc(100% - 36px)!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
