@import url('/assets/css/reference-v35.css');
/* Jackhao.tv Flagship 2026 — cinematic, editorial, intimate */
:root{--jh-display:"Noto Serif SC","Songti SC","STSong",serif;--jh-editorial:"Noto Serif SC","Songti SC","STSong",serif;--jh-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--jh-canvas:#070605;--jh-paper:#0e0c0b;--jh-surface:#151210;--jh-surface-2:#1b1714;--jh-line:rgba(232,211,182,.14);--jh-text:#f7f1e8;--jh-muted:#b6aa9b;--jh-gold:#d6ab70;--jh-warm:#c87552;--jh-focus:#e9c493;--jh-radius:22px;--jh-shadow:0 24px 80px rgba(0,0,0,.32)}html{scroll-behavior:smooth;scroll-padding-top:86px}body.premium-v35{font-family:var(--jh-ui);background:radial-gradient(900px 520px at 85% -6%,rgba(198,117,80,.11),transparent 62%),linear-gradient(180deg,#070605,#0c0a09 48%,#070605);color:var(--jh-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.premium-v35 :where(.v35-home-hero h1,.v35-page-hero h1,.page-hero h1,.reader-hero h1,.ref-hero-copy h1){font-family:var(--jh-display);font-weight:700;letter-spacing:-.045em;text-wrap:balance}body.premium-v35 :where(.v35-album-row b,.novel-card h3,.ja-song-page h1,.ja-song-page h2,.page-novel-detail h1,.page-novel-detail h2,.journal-card h2,.reader-body,.reader-text,.lyrics-poem,.project-lyrics,.ref-section h2,.ref-story-card h3){font-family:var(--jh-editorial)}.premium-v35 :where(h1,h2,h3){word-break:keep-all;overflow-wrap:normal;line-break:strict;text-wrap:balance}.premium-v35 :where(p,li){word-break:normal;overflow-wrap:break-word;line-break:strict;text-wrap:pretty}.site-header-v35{background:rgba(7,6,5,.84)!important;backdrop-filter:blur(20px) saturate(120%);border-bottom:1px solid var(--jh-line)!important;box-shadow:0 10px 36px rgba(0,0,0,.16)}.v35-brand{min-height:58px}.v35-brand-seal{background:linear-gradient(145deg,#e2bd84,#a96547)!important;color:#170d09!important;box-shadow:0 8px 24px rgba(198,117,80,.16)}.v35-brand b,.v35-brand em{color:#f8f1e8!important}.v35-brand small,.v35-nav a{color:#a99d8e!important}.v35-nav a{min-height:44px;display:inline-flex;align-items:center}.v35-nav a:hover,.v35-nav a[aria-current=page]{color:#fff!important}.v35-channel,.v35-search{min-height:42px!important;border-color:var(--jh-line)!important;background:rgba(255,255,255,.045)!important;color:#efe4d8!important}.ref-home-shell{background:transparent!important}.ref-hero-layout{gap:22px!important}.ref-hero-main,.ref-latest,.ref-music-card,.ref-story-card,.ref-theme-grid a,.ref-quick a{border-color:var(--jh-line)!important;box-shadow:0 12px 42px rgba(0,0,0,.16)}.ref-hero-main{border-radius:28px!important;overflow:hidden}.ref-hero-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(5,4,3,.16) 44%,rgba(5,4,3,.84) 100%);pointer-events:none}.ref-hero-copy{z-index:2!important}.ref-kicker{color:#e1b987!important;letter-spacing:.1em!important;font-weight:800!important}.ref-hero-copy h1{font-size:clamp(44px,5.6vw,72px)!important;line-height:1.04!important;color:#fff!important;text-shadow:0 10px 38px rgba(0,0,0,.28)}.ref-hero-copy>p:not(.ref-kicker){font-size:17px!important;line-height:1.82!important;color:#ded3c6!important;max-width:680px}.ref-hero-actions a{min-height:46px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(12,9,7,.54)!important;color:#fff!important;backdrop-filter:blur(10px)}.ref-hero-actions a.primary{background:linear-gradient(135deg,#e1b87e,#ba714f)!important;color:#170d09!important;border-color:transparent!important;box-shadow:0 12px 32px rgba(182,103,68,.2)}.ref-latest{background:linear-gradient(180deg,#151210,#0e0c0b)!important;border-radius:24px!important}.ref-latest-head h2,.ref-section-head h2{color:#f7f1e8!important;letter-spacing:-.035em}.ref-latest-head a,.ref-section-head>a,.ref-latest-more{color:#d8ad73!important}.ref-latest-item{border-color:var(--jh-line)!important}.ref-latest-item b,.ref-music-card b,.ref-story-card h3,.ref-theme-grid b,.ref-quick b{color:#f4ede5!important}.ref-latest-item small,.ref-music-card small,.ref-story-card p,.ref-theme-grid small,.ref-quick small,.ref-section-head p{color:#a99d90!important}.ref-latest-item em{background:rgba(214,171,112,.1)!important;color:#dfb97f!important;border:1px solid rgba(214,171,112,.18)!important}.ref-quick{gap:10px!important}.ref-quick a,.ref-music-card,.ref-story-card,.ref-theme-grid a{background:linear-gradient(180deg,#151210,#0f0d0b)!important;border-radius:18px!important}.ref-quick i{color:#d8ad73!important}.ref-section{padding-block:72px!important}.ref-music-card figure,.ref-story-card>img{overflow:hidden;border-radius:14px!important}.ref-music-card img,.ref-story-card img{transition:transform .35s ease}.ref-platform-strip{background:linear-gradient(135deg,#1b1511,#241711)!important;border:1px solid var(--jh-line)!important;border-radius:22px!important;color:#efe4d8!important;box-shadow:var(--jh-shadow)}.ref-platform-strip span{color:#ae9f90!important}.ref-platform-badges a{background:#0d0b09!important;color:#e5c18d!important;border:1px solid var(--jh-line)!important}.site-footer-v35{background:#050403!important;border-top:1px solid var(--jh-line)!important;color:#c4b8aa!important}.v35-footer-name span,.v35-footer-name em,.v35-footer-grid nav b{color:#f7f1e8!important}.v35-footer-grid a,.v35-footer-grid p,.v35-footer-bottom{color:#9f9386!important}.v35-footer-grid a:hover{color:#fff!important}.jh-home-title-main,.jh-home-title-tail{display:inline-block;white-space:nowrap}.page-home .v35-home-hero-copy{max-width:780px}.page-home .v35-home-hero-copy>p:not(.v35-kicker){max-width:620px}.ja-song-page .ja-shell,.page-novel-detail .ja-shell{width:min(1180px,calc(100% - 48px))}.ja-song-page .ja-heading>p,.page-novel-detail .ja-heading>p{max-width:760px}.ja-song-page :where(.lyrics-shell,.project-lyrics,.lyrics-poem){max-width:680px;margin-inline:auto}.ja-song-page :where(.lyrics-poem,.project-lyrics){font-size:18px;line-height:1.92}.jh-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.jh-recent-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--jh-line);border-radius:var(--jh-radius);background:var(--jh-surface);color:inherit;text-decoration:none}.jh-recent-card>img{width:100%;aspect-ratio:16/10;object-fit:cover}.jh-recent-card>div{padding:24px;display:flex;flex:1;flex-direction:column}.jh-recent-card small{font-size:11px;letter-spacing:.08em;color:var(--jh-muted)}.jh-recent-card h3{margin:7px 0 10px;font:700 clamp(22px,2.1vw,28px)/1.28 var(--jh-editorial)}.jh-recent-card p{margin:0 0 20px;line-height:1.78;color:#b8ac9f}.jh-recent-card span{margin-top:auto;font-size:13px;color:var(--jh-gold)}.jh-music-story{padding:82px max(24px,calc((100vw - 1240px)/2));background:var(--jh-surface)}.jh-story-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.jh-story-links>a{display:block;padding:28px;border:1px solid var(--jh-line);border-radius:var(--jh-radius);background:var(--jh-paper);color:inherit;text-decoration:none}.jh-story-links small{font-size:11px;color:var(--jh-muted)}.jh-story-links h3{margin:8px 0 10px;font:700 clamp(23px,2.2vw,30px)/1.25 var(--jh-editorial)}.jh-story-links p{min-height:4.8em;margin:0 0 18px;line-height:1.75;color:#b8ac9f}.jh-story-links span{font-size:13px;color:var(--jh-gold)}.jh-studio-home{width:min(1240px,calc(100% - 48px));margin-inline:auto;padding:80px 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:54px;align-items:center}.jh-studio-home>div{max-width:620px}.jh-studio-home h2{margin:8px 0 18px;font:700 clamp(32px,3.2vw,44px)/1.22 var(--jh-editorial);letter-spacing:-.025em}.jh-studio-home p{line-height:1.9;color:#b8ac9f}.jh-studio-home>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--jh-radius);box-shadow:var(--jh-shadow)}html:not(.jh-v62-ready) .chat{visibility:hidden!important}.chat-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:linear-gradient(135deg,#dfb77c,#ba714f)!important;color:#140b08!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important}.chat-panel{max-height:min(620px,calc(100dvh - 96px))!important;background:#151210!important;border-color:var(--jh-line)!important;color:#f7f1e8!important}.reader-page-v50 .chat,.reader-generic-v50 .chat,.page-novel-chapter .chat{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--jh-focus)!important;outline-offset:3px;border-radius:8px}@media(hover:hover){.ref-music-card,.ref-story-card,.ref-theme-grid a,.ref-quick a,.jh-recent-card,.jh-story-links>a{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ref-music-card:hover,.ref-story-card:hover,.ref-theme-grid a:hover,.ref-quick a:hover,.jh-recent-card:hover,.jh-story-links>a:hover{transform:translateY(-3px);border-color:rgba(214,171,112,.28)!important;box-shadow:0 18px 50px rgba(0,0,0,.22)}.ref-music-card:hover img,.ref-story-card:hover img{transform:scale(1.025)}}@media(max-width:900px){.jh-recent-grid,.jh-story-links{grid-template-columns:1fr}.jh-recent-card{display:grid;grid-template-columns:128px minmax(0,1fr)}.jh-recent-card>img{height:100%;aspect-ratio:auto}.jh-recent-card>div{padding:18px}.jh-studio-home{grid-template-columns:1fr;gap:28px}}@media(max-width:700px){body.premium-v35:not(.reader-page-v50) :where(.v35-page-hero,.v35-themed-hero,.page-hero,.v35-page-cover,.v26-hero){padding-top:48px!important;padding-bottom:42px!important}.ref-hero-layout{grid-template-columns:1fr!important}.ref-hero-main{min-height:620px!important}.ref-hero-copy{left:20px!important;right:20px!important;bottom:34px!important}.ref-hero-copy h1{font-size:clamp(36px,10vw,48px)!important}.ref-hero-copy>p:not(.ref-kicker){font-size:15px!important;line-height:1.72!important}.ref-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.ref-hero-actions a{width:100%!important}.ref-section{padding-block:52px!important}.premium-v35 .container,.premium-v35 .wrap,.ja-shell{width:calc(100% - 40px)!important}.site-footer-v35 .v35-footer-grid{width:calc(100% - 40px)!important;padding:38px 0 26px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 18px!important}.site-footer-v35 .v35-footer-grid>section{grid-column:1/-1!important}.v35-footer-grid p,.v35-footer-grid a{font-size:12.5px!important;line-height:1.6!important}.v35-footer-bottom{width:calc(100% - 40px)!important;padding:16px 0 22px!important;font-size:11px!important}.jh-music-story{padding:52px 20px}.jh-story-links>a{padding:21px}.jh-story-links p{min-height:0}.jh-studio-home{width:calc(100% - 40px);padding:54px 0}.jh-recent-card{grid-template-columns:105px minmax(0,1fr)}.jh-recent-card>div{padding:15px}.jh-recent-card h3{font-size:20px}.jh-recent-card p{font-size:13.5px;line-height:1.62;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chat{right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}.chat-panel{position:fixed!important;left:12px!important;right:12px!important;bottom:58px!important;width:auto!important;max-height:min(560px,72dvh)!important}}@media(max-width:390px){.premium-v35 .container,.premium-v35 .wrap,.ja-shell{width:calc(100% - 36px)!important}.site-footer-v35 .v35-footer-grid,.v35-footer-bottom{width:calc(100% - 36px)!important}.jh-music-story{padding-inline:18px}.jh-studio-home{width:calc(100% - 36px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important;transform:none!important}}