:root{
  --primary:#7C5CE7;--primary-strong:#6545d5;--pink:#E8B7D8;--ink:#242235;--bg:#FAF9FD;--soft:#F1EEF8;--text:#302E3A;--muted:#777386;--accent:#F29B72;--white:#fff;--line:#ded8eb;--shadow:0 18px 50px rgba(54,43,92,.10);--radius:24px;--radius-sm:16px;--shell:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.75}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 12px 12px}.skip-link:focus{top:0}.site-header{position:sticky;top:0;z-index:80;background:rgba(250,249,253,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(124,92,231,.10)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:46px;height:46px;border-radius:14px;object-fit:cover;background:var(--soft)}.brand span{display:grid;line-height:1.2}.brand strong{font-size:19px;color:var(--ink)}.brand small{font-size:12px;color:var(--muted);margin-top:5px}.primary-nav{display:flex;align-items:center;gap:4px}.primary-nav a{padding:10px 12px;border-radius:12px;color:#575267;font-size:15px}.primary-nav a:hover,.primary-nav a[aria-current="page"]{background:#ece7fb;color:var(--primary-strong)}.primary-nav .nav-search{border:1px solid var(--line);margin-left:6px}.menu-toggle{display:none;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:9px 14px;border-radius:12px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-block:72px 54px}.hero-copy h1,.page-hero h1{font-size:clamp(40px,6vw,74px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 24px;color:var(--ink)}.hero-lead,.page-hero p{font-size:18px;color:#5f5a6c;max-width:720px}.eyebrow{font-weight:700;color:var(--primary-strong);letter-spacing:.08em;font-size:13px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;font-weight:700;border:1px solid transparent}.button.primary{background:var(--primary);color:#fff;box-shadow:0 10px 28px rgba(124,92,231,.24)}.button.primary:hover{background:var(--primary-strong)}.button.secondary{background:var(--white);border-color:var(--line);color:var(--ink)}.button.ghost{background:transparent;border-color:#cfc6ea;color:var(--primary-strong);margin-top:22px}.hero-points{list-style:none;padding:0;margin:22px 0 0;display:flex;gap:10px;flex-wrap:wrap}.hero-points li{padding:6px 11px;background:var(--soft);border-radius:999px;font-size:13px;color:#625d70}.hero-art{position:relative}.hero-art:before{content:"";position:absolute;inset:-18px 8% 12% -12px;border-radius:36px;background:linear-gradient(135deg,rgba(124,92,231,.16),rgba(232,183,216,.25));z-index:-1;transform:rotate(-3deg)}.hero-art img{width:100%;aspect-ratio:4/4.2;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.section{padding-block:68px}.section-head{margin-bottom:28px}.section-head h2,.manga-copy h2,.entrance-copy h2,.feature-copy h3,.two-column-copy h2{font-size:clamp(28px,4vw,44px);line-height:1.18;letter-spacing:-.025em;margin:8px 0 12px;color:var(--ink)}.section-head>p:not(.eyebrow){margin:0;color:var(--muted);max-width:760px}.split-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.text-link{font-weight:700;color:var(--primary-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.feature-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.work-card{background:var(--white);border:1px solid rgba(70,59,110,.10);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(55,45,88,.06)}.work-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--soft)}.card-copy{padding:18px}.card-copy h3{font-size:21px;line-height:1.35;margin:8px 0;color:var(--ink)}.card-copy h3 a:hover{color:var(--primary-strong)}.card-copy p{margin:0;color:#666172;font-size:14px;line-height:1.7}.eyebrow-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.pill{font-size:12px;color:var(--primary-strong);background:#f0ebff;border-radius:999px;padding:4px 8px}.muted{color:var(--muted);font-size:12px}.feature-card img{aspect-ratio:16/12}.feature-card .card-copy{padding:24px}.feature-card .card-copy h3{font-size:28px}.compact-card img{aspect-ratio:16/9}.compact-card .card-copy{padding:14px}.compact-card .card-copy h3{font-size:17px}.soft-band{background:var(--soft);border-block:1px solid #e8e3f1}.horizontal-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.horizontal-card .card-copy h3{font-size:18px}.manga-preview{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}.manga-copy p{color:var(--muted)}.poster-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}.poster-card:nth-child(2){transform:translateY(-22px)}.poster-card img{aspect-ratio:3/4}.poster-card .card-copy h3{font-size:17px}.poster-card .card-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-list{display:grid;border-top:1px solid var(--line)}.text-item{display:grid;grid-template-columns:.72fr 1.1fr auto;gap:24px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.text-item h3{margin:4px 0 0;font-size:22px;color:var(--ink)}.text-item p{margin:0;color:var(--muted)}.kicker{font-size:12px;font-weight:700;color:var(--primary-strong);letter-spacing:.08em}.entrance-band{background:var(--ink);color:#f7f5ff;border-radius:32px;padding:42px;display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;margin-bottom:72px}.entrance-copy h2{color:#fff}.entrance-copy p{color:#c9c4d8}.entrance-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.entrance-links a{display:grid;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.05)}.entrance-links a:hover{background:rgba(255,255,255,.09)}.entrance-links span{font-size:13px;color:#c9c4d8;margin-top:4px}.site-footer{padding:54px 0 26px;border-top:1px solid var(--line);background:#f6f3fa}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:28px}.footer-brand{font-size:22px;color:var(--ink)}.footer-grid p{color:var(--muted);margin:6px 0}.footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:10px 18px;align-content:start}.footer-links a{color:#605b6a}.footer-links a:hover{color:var(--primary-strong)}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.page-hero{padding-block:64px 34px;display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:center}.page-hero h1{font-size:clamp(38px,5vw,62px)}.page-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.card-grid{display:grid;gap:20px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.detail-split{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center;padding:34px;background:var(--white);border:1px solid var(--line);border-radius:28px}.detail-split.reverse{grid-template-columns:.8fr 1fr}.detail-split img{border-radius:22px;aspect-ratio:4/3;object-fit:cover}.detail-split h2{font-size:34px;line-height:1.25;color:var(--ink)}.detail-split p{color:#655f70}.watch-switcher{display:grid;grid-template-columns:.72fr 1.28fr;gap:44px}.faq-list{display:grid;gap:12px}.faq-list details{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:0 18px}.faq-list summary{cursor:pointer;font-weight:700;color:var(--ink);padding:16px 0}.faq-list p{margin:0 0 18px;color:var(--muted)}.feature-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.wide-card{display:grid;grid-template-columns:.8fr 1.2fr}.wide-card img{height:100%;aspect-ratio:auto}.feature-copy p{color:var(--muted)}.manga-hero img{aspect-ratio:3/4;max-height:450px;justify-self:end;width:auto}.paper-band{background:#fff9fb;border-block:1px solid #f2dfe9}.reading-feature{display:grid;grid-template-columns:360px 1fr;gap:50px;align-items:center}.reading-cover img{border-radius:26px;aspect-ratio:3/4;object-fit:cover;box-shadow:var(--shadow)}.reading-feature h2{font-size:40px;line-height:1.2;color:var(--ink)}.reading-feature p{color:#675f6d}.manga-strip{display:grid;gap:14px}.strip-card{display:grid;grid-template-columns:240px 1fr}.strip-card img{height:100%;aspect-ratio:4/3}.strip-card .card-copy{display:grid;align-content:center}.two-column-copy{display:grid;grid-template-columns:1fr 1fr;gap:54px}.two-column-copy p{color:var(--muted)}.inline-links{display:flex;gap:12px;flex-wrap:wrap}.inline-links a{padding:10px 14px;border-radius:12px;background:var(--white);border:1px solid var(--line);font-weight:700;color:var(--primary-strong)}.search-form{max-width:760px}.search-form label{display:block;font-weight:700;margin-bottom:8px;color:var(--ink)}.search-form>div{display:flex;gap:10px}.search-form input{flex:1;min-width:0;height:48px;border:1px solid #cfc8dd;border-radius:14px;background:#fff;padding:0 15px;color:var(--text);outline:none}.search-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(124,92,231,.12)}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.editorial-card img{aspect-ratio:16/9}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recommend-grid article{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:24px}.recommend-grid span{font-size:12px;color:var(--primary-strong);font-weight:700}.recommend-grid h3{font-size:22px;color:var(--ink);margin:8px 0}.recommend-grid p{color:var(--muted)}.recommend-grid a{color:var(--primary-strong);font-weight:700}.topic-note{margin-top:24px;padding:22px 24px;border-left:4px solid var(--accent);background:#fff4ee;border-radius:0 18px 18px 0;color:#6d5d58}.empty-state{display:flex;align-items:center;gap:18px;padding:34px;background:var(--soft);border-radius:24px}.not-found{min-height:65vh;display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:center}.not-found h1{font-size:clamp(42px,6vw,72px);line-height:1.1;color:var(--ink);margin:10px 0}.not-found p{color:var(--muted);font-size:18px}.not-found img{border-radius:28px}.reveal-ready{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.reveal-ready.revealed{opacity:1;transform:none}:focus-visible{outline:3px solid rgba(124,92,231,.4);outline-offset:3px}

/* Layered page accents */
.home-page .featured-section{position:relative}.home-page .featured-section:after{content:"";position:absolute;right:2vw;top:12%;width:160px;height:160px;border-radius:50%;background:rgba(232,183,216,.18);filter:blur(2px);z-index:-1}.watch-page .watch-hero img{transform:rotate(1.5deg)}.videos-page .video-hero img{border-radius:28px 28px 80px 28px}.manga-page .manga-hero img{border:10px solid white;box-shadow:0 14px 40px rgba(59,45,88,.14)}.site-page .simple-hero img{filter:saturate(.9)}.topics-page .topic-hero img{border-radius:48% 28px 28px 28px}.search-page .search-hero img{border-radius:28px 28px 28px 80px}

/* Typography detail */
.card-copy h3,.text-item h3,.section-head h2,.hero-copy h1,.page-hero h1,.detail-split h2,.reading-feature h2{word-break:keep-all}.card-copy p,.text-item p,.detail-split p,.reading-feature p{word-break:break-word}.section-head h2{max-width:840px}.primary-nav a,.button,.text-link{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.button:hover{transform:translateY(-1px)}

/* Dense content helpers */
.card-grid .work-card{min-width:0}.card-grid .card-copy{min-height:168px}.horizontal-cards .card-copy{min-height:176px}.compact-grid .card-copy{min-height:150px}.editorial-grid .card-copy{min-height:214px}.manga-strip .card-copy{min-height:170px}.text-item .text-link{white-space:nowrap}.entrance-links strong{font-size:18px}.entrance-links span{line-height:1.5}.site-footer a{padding-block:2px}.footer-bottom span:last-child{font-variant-numeric:tabular-nums}

/* responsive */
@media (max-width:1040px){:root{--shell:min(100% - 32px,960px)}.primary-nav{position:fixed;left:16px;right:16px;top:70px;display:none;grid-template-columns:1fr 1fr;background:rgba(250,249,253,.98);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.primary-nav.is-open{display:grid}.primary-nav .nav-search{margin-left:0}.menu-toggle{display:block}.hero{grid-template-columns:1fr .9fr;gap:30px}.feature-layout{grid-template-columns:1fr}.compact-grid{grid-template-columns:repeat(4,1fr)}.horizontal-cards{grid-template-columns:1fr 1fr}.manga-preview{grid-template-columns:1fr;gap:34px}.poster-stack{max-width:760px}.page-hero{grid-template-columns:1fr 300px}.card-grid.three{grid-template-columns:1fr 1fr}.watch-switcher{grid-template-columns:1fr}.text-item{grid-template-columns:1fr 1.25fr auto}.editorial-grid,.recommend-grid{grid-template-columns:1fr 1fr}.detail-split,.detail-split.reverse{grid-template-columns:1fr 1fr}}
@media (max-width:760px){:root{--shell:calc(100% - 28px);--radius:20px}.header-inner{min-height:68px}.brand small{display:none}.hero{grid-template-columns:1fr;padding-block:46px 30px}.hero-art{order:-1}.hero-art img{aspect-ratio:16/10}.hero-copy h1,.page-hero h1{font-size:40px}.hero-lead,.page-hero p{font-size:16px}.section{padding-block:48px}.section-head h2,.manga-copy h2,.entrance-copy h2{font-size:31px}.split-head{display:block}.split-head .text-link{display:inline-block;margin-top:8px}.compact-grid{grid-template-columns:1fr 1fr}.horizontal-cards{grid-template-columns:1fr}.poster-stack{grid-template-columns:1fr 1fr}.poster-card:nth-child(2){transform:none}.poster-card:nth-child(3){display:none}.text-item{grid-template-columns:1fr;gap:8px}.entrance-band{grid-template-columns:1fr;padding:28px;margin-inline:14px;width:auto}.entrance-links{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.page-hero{grid-template-columns:1fr;padding-block:42px 18px}.page-hero img{max-height:320px;width:100%;object-fit:cover}.manga-hero img{justify-self:stretch;width:100%;aspect-ratio:16/10}.card-grid.three{grid-template-columns:1fr}.detail-split,.detail-split.reverse{grid-template-columns:1fr;padding:22px;gap:20px}.detail-split.reverse img{order:2}.feature-row{grid-template-columns:1fr}.wide-card{grid-template-columns:1fr}.reading-feature{grid-template-columns:1fr}.reading-cover{max-width:320px}.manga-strip .strip-card{grid-template-columns:140px 1fr}.two-column-copy{grid-template-columns:1fr}.editorial-grid,.recommend-grid{grid-template-columns:1fr}.search-form>div{flex-direction:column}.not-found{grid-template-columns:1fr;padding-block:40px}.not-found img{max-width:360px}.footer-bottom{display:grid;gap:4px}.empty-state{align-items:flex-start;flex-direction:column}}
@media (max-width:480px){.brand strong{font-size:17px}.menu-toggle{padding:8px 12px}.primary-nav{grid-template-columns:1fr}.hero-copy h1,.page-hero h1{font-size:34px}.compact-grid{grid-template-columns:1fr}.hero-actions{display:grid}.hero-actions .button{width:100%}.poster-stack{grid-template-columns:1fr}.poster-card:nth-child(2){display:none}.manga-strip .strip-card{grid-template-columns:1fr}.strip-card img{aspect-ratio:16/10}.footer-links{grid-template-columns:1fr}.entrance-band{border-radius:24px}.card-copy{padding:16px}.page-hero img{border-radius:22px}.section{padding-block:42px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{opacity:1;transform:none;transition:none}.button,.primary-nav a,.text-link{transition:none}}

/* Extended visual system for real page depth */
.work-card{position:relative}.work-card:focus-within{border-color:rgba(124,92,231,.48);box-shadow:0 0 0 4px rgba(124,92,231,.08)}.cover-link{display:block;overflow:hidden;background:var(--soft)}.cover-link img{transition:transform .35s ease}.work-card:hover .cover-link img{transform:scale(1.015)}.compact-card .eyebrow-row{align-items:flex-start}.compact-card .muted{text-align:right}.horizontal-card{height:100%}.horizontal-card .cover-link{background:#ece8f5}.horizontal-card .card-copy{display:flex;flex-direction:column}.horizontal-card .card-copy p{margin-top:auto}.feature-card{background:linear-gradient(180deg,#fff,#fdfcff)}.feature-card .pill{background:#eee9ff}.poster-card{background:#fffdfd}.poster-card .cover-link{border-bottom:1px solid #f0e6ec}.editorial-card{background:#fff}.editorial-card .pill{background:#fff0e8;color:#9b5132}.strip-card{overflow:hidden}.strip-card .cover-link{height:100%}.strip-card .card-copy h3{font-size:23px}.wide-card{overflow:hidden}.wide-card .card-copy h3{font-size:25px}.wide-card .card-copy p{font-size:15px}.watch-page .work-card:nth-child(3n+2),.videos-page .work-card:nth-child(3n+2){transform:translateY(8px)}.manga-page .work-card:nth-child(3n){border-radius:32px 18px 32px 18px}.topic-note strong{color:var(--ink)}.faq-list details[open]{border-color:#cfc3ee;box-shadow:0 8px 24px rgba(76,59,121,.06)}.faq-list summary::marker{color:var(--primary)}.search-results .work-card{background:#fff}.search-results .work-card .pill{background:#edf4ff;color:#46608f}.not-found-page .site-header{position:relative}.not-found-page .not-found{padding-bottom:80px}

/* Accessible states */
@supports selector(:has(*)){.search-form:has(input:focus){transform:translateY(-1px)}.primary-nav:has(a:focus-visible){outline:1px solid transparent}.faq-list details:has(summary:focus-visible){box-shadow:0 0 0 4px rgba(124,92,231,.10)}}
@media (hover:none){.work-card:hover .cover-link img{transform:none}.button:hover{transform:none}}
.deep-reading{border-top:1px solid rgba(124,92,231,.12)}
.deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.deep-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 26px rgba(55,45,88,.04)}
.deep-grid span{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--primary-strong);background:#f0ebff;border-radius:999px;padding:4px 9px}
.deep-grid h3{font-size:23px;line-height:1.38;color:var(--ink);margin:12px 0 10px}
.deep-grid p{margin:0;color:#625d6d;font-size:15px;line-height:1.9}
@media(max-width:760px){.deep-grid{grid-template-columns:1fr}.deep-grid article{padding:20px}.deep-grid h3{font-size:21px}}