:root{--primary:#7C5CE7;--pink:#E8B7D8;--ink:#242235;--bg:#FAF9FD;--soft:#F1EEF8;--text:#302E3A;--muted:#777386;--accent:#F29B72;--white:#fff;--radius:22px;--shadow:0 18px 50px rgba(60,45,105,.10);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:1.72}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}.skip-link:focus{left:8px}.site-header{max-width:var(--max);margin:0 auto;padding:18px 28px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:48px;height:48px;object-fit:contain;border-radius:14px}.brand span{display:grid;line-height:1.15}.brand strong{font-size:1.08rem;color:var(--ink)}.brand small{color:var(--muted);font-size:.75rem;margin-top:5px}.main-nav{display:flex;gap:6px;padding:5px;background:rgba(241,238,248,.8);border-radius:999px}.main-nav a{padding:9px 14px;border-radius:999px;font-size:.93rem;color:var(--muted)}.main-nav a:hover,.main-nav a.is-active{background:#fff;color:var(--primary);box-shadow:0 3px 14px rgba(55,42,94,.08)}.nav-toggle{display:none;border:0;background:var(--soft);padding:10px 14px;border-radius:12px;color:var(--ink)}main{overflow:hidden}.hero,.section{max-width:var(--max);margin:0 auto;padding:72px 28px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;min-height:600px}.hero-copy{max-width:680px}.eyebrow{text-transform:none;letter-spacing:.08em;font-weight:700;font-size:.78rem;color:var(--primary);margin:0 0 12px}.hero h1,.section h1{font-size:clamp(2.4rem,5vw,5rem);line-height:1.03;letter-spacing:-.045em;color:var(--ink);margin:0 0 24px}.compact-hero h1{font-size:clamp(2.2rem,4vw,4rem)}.hero p,.lead{font-size:1.08rem;color:var(--muted);max-width:62ch}.hero-art{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:32px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.home-hero .hero-art{aspect-ratio:5/6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:999px;font-weight:700}.button.primary{background:var(--accent);color:#2c221f}.button.ghost{background:var(--soft);color:var(--ink)}.section{padding-top:54px;padding-bottom:54px}.section h2{color:var(--ink);font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.15;letter-spacing:-.025em;margin:0 0 16px}.section h3{color:var(--ink);font-size:1.05rem;line-height:1.35}.intro-grid,.section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end}.compact-note{background:var(--soft);padding:24px;border-radius:var(--radius)}.compact-note p{margin-bottom:0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.content-card{background:#fff;border:1px solid rgba(124,92,231,.10);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 28px rgba(65,50,110,.06);transition:transform .2s ease,box-shadow .2s ease}.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.content-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:20px}.card-body h3{margin:4px 0 10px;font-size:1.12rem}.card-body p{color:var(--muted);font-size:.94rem}.meta{font-size:.82rem}.text-link{display:inline-flex;margin-top:10px;color:var(--primary);font-weight:700}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.split-feature>div:first-child img,.split-feature>img{border-radius:28px;aspect-ratio:4/3;object-fit:cover}.topic-links{display:grid;gap:12px;margin-top:22px}.topic-links a{display:grid;gap:4px;padding:16px 18px;background:#fff;border-radius:15px;border:1px solid rgba(124,92,231,.12)}.topic-links a:hover{border-color:rgba(124,92,231,.35)}.topic-links span{font-size:.9rem;color:var(--muted)}.recommendation-strip{display:grid;grid-template-columns:.55fr 1.45fr;gap:30px;background:var(--soft);border-radius:30px;padding:40px;margin-top:40px;margin-bottom:40px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-grid a{background:#fff;border-radius:18px;padding:18px;display:grid;gap:5px}.mini-grid small{color:var(--primary);font-weight:700}.mini-grid span{font-size:.88rem;color:var(--muted)}.editorial{display:grid;gap:28px}.article-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.article-list article{padding:24px;border-top:1px solid rgba(124,92,231,.18);background:rgba(255,255,255,.5)}.article-list p{color:var(--muted)}.long-list article h2{font-size:1.3rem}.timeline ol{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:item}.timeline li{background:#fff;padding:22px;border-radius:18px;display:grid;gap:10px}.timeline li strong{color:var(--ink)}.timeline li span{color:var(--muted);font-size:.9rem}.manga-grid .content-card:nth-child(2n){transform:translateY(18px)}.manga-grid .content-card:nth-child(2n):hover{transform:translateY(14px)}.reading-panel{display:grid;grid-template-columns:1fr .8fr;gap:36px;align-items:center;background:linear-gradient(120deg,#f4effc,#fdf5fa);border-radius:30px}.reading-panel img{border-radius:24px;aspect-ratio:4/3;object-fit:cover}.site-map-page{max-width:980px}.site-map-page .topic-links{grid-template-columns:1fr 1fr}.access-notes dl{display:grid;gap:12px}.access-notes dl div{background:#fff;padding:22px;border-radius:16px}.access-notes dt{font-weight:800;color:var(--ink)}.access-notes dd{margin:8px 0 0;color:var(--muted)}.recommend-page{max-width:1050px}.recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.recommend-grid article{background:#fff;padding:28px;border-radius:22px}.recommend-grid small{color:var(--primary);font-weight:700}.recommend-grid p{color:var(--muted)}.not-found{max-width:820px;min-height:65vh;display:flex;flex-direction:column;justify-content:center}.site-footer{max-width:var(--max);margin:80px auto 0;padding:40px 28px 60px;border-top:1px solid rgba(124,92,231,.16);display:grid;grid-template-columns:1fr auto;gap:22px}.site-footer p{color:var(--muted);margin:.4rem 0}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}.copyright{grid-column:1/-1;font-size:.85rem}.video-hero .hero-art{transform:rotate(-1deg)}.manga-hero .hero-art{transform:rotate(1deg)}.creation-hero .hero-art{transform:rotate(-1.5deg)}
@media(max-width:900px){.site-header{flex-wrap:wrap}.nav-toggle{display:block}.main-nav{display:none;width:100%;border-radius:18px;flex-direction:column}.main-nav.is-open{display:flex}.main-nav a{border-radius:12px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:44px}.hero-art{max-height:520px;aspect-ratio:16/10}.intro-grid,.section-head,.split-feature,.recommendation-strip,.reading-panel{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.timeline ol{grid-template-columns:1fr 1fr}.recommendation-strip{margin-left:20px;margin-right:20px}.article-list{grid-template-columns:1fr}.manga-grid .content-card:nth-child(2n){transform:none}.site-map-page .topic-links,.recommend-grid{grid-template-columns:1fr}}
@media(max-width:580px){.site-header{padding:14px 18px}.brand img{width:42px;height:42px}.hero,.section{padding-left:18px;padding-right:18px}.hero h1,.section h1{font-size:2.35rem}.hero{gap:28px}.card-grid{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr}.timeline ol{grid-template-columns:1fr}.recommendation-strip{margin-left:12px;margin-right:12px;padding:24px}.site-footer{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.site-footer nav{flex-direction:column}.actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.content-card:hover{transform:none}.hero-art{transform:none}}

.utility-gap-1{gap:1px}.utility-pad-1{padding:1px}
.utility-gap-2{gap:2px}.utility-pad-2{padding:2px}
.utility-gap-3{gap:3px}.utility-pad-3{padding:3px}
.utility-gap-4{gap:4px}.utility-pad-4{padding:4px}
.utility-gap-5{gap:5px}.utility-pad-5{padding:5px}
.utility-gap-6{gap:6px}.utility-pad-6{padding:6px}
.utility-gap-7{gap:7px}.utility-pad-7{padding:7px}
.utility-gap-8{gap:8px}.utility-pad-8{padding:8px}
.utility-gap-9{gap:9px}.utility-pad-9{padding:9px}
.utility-gap-10{gap:10px}.utility-pad-10{padding:10px}
.utility-gap-11{gap:11px}.utility-pad-11{padding:11px}
.utility-gap-12{gap:12px}.utility-pad-12{padding:12px}
.utility-gap-13{gap:13px}.utility-pad-13{padding:13px}
.utility-gap-14{gap:14px}.utility-pad-14{padding:14px}
.utility-gap-15{gap:15px}.utility-pad-15{padding:15px}
.utility-gap-16{gap:16px}.utility-pad-16{padding:16px}
.utility-gap-17{gap:17px}.utility-pad-17{padding:17px}
.utility-gap-18{gap:18px}.utility-pad-18{padding:18px}
.utility-gap-19{gap:19px}.utility-pad-19{padding:19px}
.utility-gap-20{gap:20px}.utility-pad-20{padding:20px}
.utility-gap-21{gap:21px}.utility-pad-21{padding:21px}
.utility-gap-22{gap:22px}.utility-pad-22{padding:22px}
.utility-gap-23{gap:23px}.utility-pad-23{padding:23px}
.utility-gap-24{gap:24px}.utility-pad-24{padding:24px}
.utility-gap-25{gap:25px}.utility-pad-25{padding:25px}
.utility-gap-26{gap:26px}.utility-pad-26{padding:26px}
.utility-gap-27{gap:27px}.utility-pad-27{padding:27px}
.utility-gap-28{gap:28px}.utility-pad-28{padding:28px}
.utility-gap-29{gap:29px}.utility-pad-29{padding:29px}
.utility-gap-30{gap:30px}.utility-pad-30{padding:30px}
.utility-gap-31{gap:31px}.utility-pad-31{padding:31px}
.utility-gap-32{gap:32px}.utility-pad-32{padding:32px}
.utility-gap-33{gap:32px}.utility-pad-33{padding:32px}
.utility-gap-34{gap:32px}.utility-pad-34{padding:32px}
.utility-gap-35{gap:32px}.utility-pad-35{padding:32px}
.utility-gap-36{gap:32px}.utility-pad-36{padding:32px}
.utility-gap-37{gap:32px}.utility-pad-37{padding:32px}
.utility-gap-38{gap:32px}.utility-pad-38{padding:32px}
.utility-gap-39{gap:32px}.utility-pad-39{padding:32px}
.utility-gap-40{gap:32px}.utility-pad-40{padding:32px}
.utility-gap-41{gap:32px}.utility-pad-41{padding:32px}
.utility-gap-42{gap:32px}.utility-pad-42{padding:32px}
.utility-gap-43{gap:32px}.utility-pad-43{padding:32px}
.utility-gap-44{gap:32px}.utility-pad-44{padding:32px}
.utility-gap-45{gap:32px}.utility-pad-45{padding:32px}
.utility-gap-46{gap:32px}.utility-pad-46{padding:32px}
.utility-gap-47{gap:32px}.utility-pad-47{padding:32px}
.utility-gap-48{gap:32px}.utility-pad-48{padding:32px}
.utility-gap-49{gap:32px}.utility-pad-49{padding:32px}
.utility-gap-50{gap:32px}.utility-pad-50{padding:32px}
.utility-gap-51{gap:32px}.utility-pad-51{padding:32px}
.utility-gap-52{gap:32px}.utility-pad-52{padding:32px}
.utility-gap-53{gap:32px}.utility-pad-53{padding:32px}
.utility-gap-54{gap:32px}.utility-pad-54{padding:32px}
.utility-gap-55{gap:32px}.utility-pad-55{padding:32px}
.utility-gap-56{gap:32px}.utility-pad-56{padding:32px}
.utility-gap-57{gap:32px}.utility-pad-57{padding:32px}
.utility-gap-58{gap:32px}.utility-pad-58{padding:32px}
.utility-gap-59{gap:32px}.utility-pad-59{padding:32px}
.utility-gap-60{gap:32px}.utility-pad-60{padding:32px}
.utility-gap-61{gap:32px}.utility-pad-61{padding:32px}
.utility-gap-62{gap:32px}.utility-pad-62{padding:32px}
.utility-gap-63{gap:32px}.utility-pad-63{padding:32px}
.utility-gap-64{gap:32px}.utility-pad-64{padding:32px}
.utility-gap-65{gap:32px}.utility-pad-65{padding:32px}
.utility-gap-66{gap:32px}.utility-pad-66{padding:32px}
.utility-gap-67{gap:32px}.utility-pad-67{padding:32px}
.utility-gap-68{gap:32px}.utility-pad-68{padding:32px}
.utility-gap-69{gap:32px}.utility-pad-69{padding:32px}
.craft-library{max-width:1180px}.craft-library>.article-list{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-library article{position:relative;overflow:hidden}.craft-library article:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(var(--primary),var(--pink))}.note-category{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--soft);color:var(--primary);font-size:.74rem;font-weight:800;letter-spacing:.04em}.craft-library h3{font-size:1.15rem;margin:14px 0 8px}.craft-library p{margin:0}.content-card a:focus-visible,.topic-links a:focus-visible,.button:focus-visible,.main-nav a:focus-visible,.brand:focus-visible,.nav-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.content-card img,.hero-art,.split-feature img,.reading-panel img{background:var(--soft)}@supports (content-visibility:auto){.craft-library article{content-visibility:auto;contain-intrinsic-size:280px}}
@media(max-width:760px){.craft-library>.article-list{grid-template-columns:1fr}.craft-library article{padding:20px}.note-category{font-size:.7rem}}

.glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.glossary details{background:#fff;border:1px solid rgba(124,92,231,.12);border-radius:16px;padding:16px}.glossary summary{cursor:pointer;font-weight:800;color:var(--ink);display:flex;justify-content:space-between;gap:10px;align-items:center}.glossary summary small{font-size:.7rem;color:var(--primary);background:var(--soft);padding:3px 7px;border-radius:999px}.glossary details p{color:var(--muted);font-size:.92rem;margin:12px 0 2px}.glossary details[open]{box-shadow:0 10px 28px rgba(60,45,105,.07)}@media(max-width:900px){.glossary-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.glossary-grid{grid-template-columns:1fr}}