*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0;overflow:hidden;background:var(--soft)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h1{font-size:clamp(30px,3.5vw,53px);letter-spacing:-.045em;font-weight:750}h2{font-size:25px;letter-spacing:-.025em}h3{font-size:16px}small{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted)}p{color:var(--muted)}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a:hover h3,a:hover.read-link{color:var(--accent)}.skip{position:fixed;top:-80px;left:20px;background:var(--paper);padding:12px;z-index:20}.skip:focus{top:10px}.mast{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}.mast-inner{max-width:1320px;padding:20px 32px;margin:auto;display:flex;align-items:center;gap:28px}.brand{font-size:23px;font-weight:800;white-space:nowrap;letter-spacing:-1px}.brand em{color:var(--accent);font-style:normal}.edition{font-size:10px;color:var(--muted);display:block;letter-spacing:2px;font-weight:400}.nav{display:flex;gap:20px;flex:1;justify-content:flex-end;flex-wrap:wrap}.nav a{font-size:13px;padding:6px 0;white-space:nowrap;border-bottom:2px solid transparent}.nav a[aria-current=true]{border-color:var(--accent);color:var(--accent)}main{max-width:1320px;margin:auto;padding:32px}.opening{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:32px 0 48px;border-bottom:1px solid var(--line)}.opening-copy>small{color:var(--accent);margin-bottom:24px}.opening-copy>p{font-size:15px;line-height:1.95;max-width:530px;margin-top:22px}.actions{display:flex;gap:24px;align-items:center;margin-top:28px;flex-wrap:wrap}.button{padding:12px 20px;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;font-size:13px}.work{min-width:0;display:block}.work figure{aspect-ratio:3/4}.work-copy{padding:14px 0}.work-copy small{margin-bottom:6px}.work-copy p{margin-top:7px;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read-link{display:block;font-size:11px;margin-top:12px;color:var(--accent)}.spotlight{position:relative;display:grid;grid-template-columns:48% 1fr;background:var(--paper);align-items:center;gap:20px;padding:18px}.spotlight figure{height:270px;aspect-ratio:auto}.spotlight .work-copy{padding:12px}.spotlight h3{font-size:25px}.block{padding-top:38px;min-width:0;scroll-margin-top:12px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head small{color:var(--accent);margin-bottom:6px}.section-head p{font-size:12px}.poster-grid,.manga-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.manga-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manga-grid .work figure{box-shadow:4px 5px 0 var(--soft)}.list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.horizontal{display:grid;grid-template-columns:80px 1fr;gap:16px;border-bottom:1px solid var(--line);padding:12px 0}.horizontal figure{height:112px;aspect-ratio:auto}.horizontal .work-copy{padding:0}.horizontal .read-link{margin-top:5px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.category-grid a{background:var(--paper);padding:16px;display:flex;gap:12px;align-items:center}.category-grid b{font-size:10px;color:var(--accent);font-weight:400}.category-grid a span:last-child{margin-left:auto}.ranking{list-style:none;margin:0;padding:0}.ranking li{border-bottom:1px solid var(--line)}.ranking a{display:flex;gap:16px;padding:18px 0;align-items:center}.ranking strong{font-family:Georgia,serif;font-size:28px;font-weight:400;color:var(--accent)}.ranking div{min-width:0;flex:1}.ranking h3{font-size:15px}.ranking p{font-size:12px;line-height:1.65;margin-top:5px}.essay{background:var(--soft);padding:28px;border-top:3px solid var(--accent)}.essay h3{font-size:23px;font-family:Georgia,"Songti SC",serif;margin:14px 0}.essay p{line-height:1.95}.essay>a{display:inline-block;margin-top:22px;font-size:12px;color:var(--accent)}.reading-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px}.reading-columns .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-columns aside .category-grid{grid-template-columns:1fr}.footer{border-top:1px solid var(--line);margin-top:64px;padding:34px 0 14px;display:flex;align-items:start;justify-content:space-between;gap:30px}.footer strong{font-size:22px}.footer p{max-width:550px;font-size:12px}.footer a{font-size:12px;color:var(--accent)}.keyword-note{max-width:700px;margin-top:12px}.detail-page{max-width:1050px}.detail-hero{display:grid;grid-template-columns:260px 1fr;gap:45px;padding:40px 0}.detail-hero figure{height:350px}.detail-hero h1{font-size:38px;margin:18px 0}.detail-hero p{line-height:1.95;margin:20px 0}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px}.detail-note{padding:28px;background:var(--paper);border:1px solid var(--line);margin:20px 0}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
/* 01: persistent rail and horizontal animation shelf */
.edition-0 .mast{position:fixed;left:0;top:0;bottom:0;width:200px;border-right:1px solid var(--line);border-bottom:0}.edition-0 .mast-inner{display:block;padding:34px 22px}.edition-0 .nav{display:flex;flex-direction:column;gap:10px;margin-top:40px}.edition-0 .nav a{padding:12px}.edition-0 main{margin-left:200px;max-width:1500px;padding:28px 40px}.edition-0 .opening{grid-template-columns:1.1fr 1fr}.edition-0 .reading-columns{grid-template-columns:1fr 250px;gap:28px}.edition-0 #anime .poster-grid{grid-template-columns:repeat(2,1fr)}.edition-0 #anime .work{display:grid;grid-template-columns:76px 1fr;gap:14px}.edition-0 #anime figure{height:110px}.edition-0 #anime .work-copy{padding:0}.edition-0 .manga-grid{grid-template-columns:repeat(3,1fr)}
/* 02: newspaper composition */
.edition-1 .mast-inner{display:block;text-align:center}.edition-1 .brand{font-family:"Songti SC",serif;font-size:37px}.edition-1 .nav{justify-content:center;margin-top:18px;gap:28px}.edition-1 .edition{font-family:system-ui}.issue-line,.folio-line{display:flex;justify-content:space-between;border-bottom:3px double var(--line);padding:0 0 12px;font-size:11px;letter-spacing:2px}.edition-1 .opening{grid-template-columns:1.2fr .8fr;border-bottom:3px double var(--line);padding:30px 0}.edition-1 h1,.edition-1 h2{font-family:"Songti SC",serif}.edition-1 .spotlight{display:block;background:transparent;border-left:1px solid var(--line);padding:0 0 0 28px}.edition-1 .spotlight figure{height:200px}.edition-1 .spotlight .work-copy{padding:12px 0}.press-columns{display:grid;grid-template-columns:2fr 1fr;gap:40px}.edition-1 .manga-grid{grid-template-columns:repeat(2,1fr)}.edition-1 .manga-grid .work{display:grid;grid-template-columns:100px 1fr;gap:18px;border-top:1px solid var(--line);padding:18px 0}.edition-1 .manga-grid figure{height:150px}.edition-1 .manga-grid .work-copy{padding:0}.edition-1 .poster-grid{grid-template-columns:repeat(6,1fr)}
/* 03: two parallel exhibition columns */
.edition-2 .opening{grid-template-columns:1fr 1.4fr}.edition-2 .spotlight{grid-template-columns:1fr;padding:0;position:relative}.edition-2 .spotlight figure{height:380px}.edition-2 .spotlight .work-copy{position:absolute;bottom:0;background:#132e2bd9;color:#fff;width:100%;padding:20px}.edition-2 .spotlight p,.edition-2 .spotlight small{color:#dce7e1}.curator-strip{display:flex;justify-content:space-between;gap:16px;padding:20px;background:var(--accent);color:var(--on-accent);margin-top:26px}.diptych{display:grid;grid-template-columns:1fr 1fr;gap:50px}.edition-2 .diptych .poster-grid,.edition-2 .diptych .manga-grid{grid-template-columns:repeat(2,1fr)}.edition-2 .diptych>div:last-child{border-left:1px solid var(--line);padding-left:30px}
/* 04: cinema, image-led full-width hero */
.edition-3 .opening{position:relative;min-height:430px;padding:45px;display:flex;overflow:hidden;border:1px solid var(--line)}.edition-3 .opening-copy{position:relative;z-index:2;width:53%;background:linear-gradient(90deg,#131721fa,#131721d9);padding:20px}.edition-3 .opening .spotlight{position:absolute;inset:0;padding:0;display:block;background:none}.edition-3 .opening .spotlight figure{height:100%;width:100%;aspect-ratio:auto}.edition-3 .opening .spotlight img{object-position:center 30%;opacity:.65}.edition-3 .opening .spotlight .work-copy{position:absolute;right:25px;bottom:22px;text-align:right}.edition-3 .opening .spotlight .work-copy p{display:none}.edition-3 .opening h1{color:#fff4e2}.edition-3 .opening p{color:#c1c5cf}.edition-3 .poster-grid{grid-template-columns:repeat(4,1fr)}.edition-3 #movies .work figure{aspect-ratio:16/10}.cinema-pair{display:grid;grid-template-columns:1fr 300px;gap:40px}.edition-3 .manga-grid{grid-template-columns:repeat(6,1fr)}
/* 05: notebook and narrow topic rail */
.edition-4{background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,#43694e09 31px,#43694e09 32px)}.edition-4 .opening{display:block;max-width:770px;padding:32px 0}.edition-4 .opening-copy>p{max-width:680px}.notebook-columns{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px}.edition-4 .notebook-columns .category-grid{grid-template-columns:1fr}.edition-4 .notebook-columns .poster-grid{grid-template-columns:repeat(3,1fr)}.edition-4 .notebook-columns .manga-grid{grid-template-columns:1fr 1fr}.edition-4 .manga-grid .work{display:grid;grid-template-columns:78px 1fr;gap:14px;background:var(--paper);padding:14px;border:1px solid var(--line)}.edition-4 .manga-grid figure{height:116px}.edition-4 .manga-grid .work-copy{padding:0}.edition-4 .block{padding-top:32px}
/* 06: bookshop window with shelves */
.edition-5 .opening{grid-template-columns:1fr 1fr;background:var(--soft);padding:45px;border-radius:3px}.edition-5 .spotlight{grid-template-columns:160px 1fr;background:transparent}.edition-5 .spotlight figure{transform:rotate(5deg);box-shadow:14px 16px 0 #53345018}.edition-5 .manga-grid{grid-template-columns:repeat(6,1fr);padding:20px 12px;border-bottom:10px solid #a080653b}.edition-5 .manga-grid figure{box-shadow:8px 8px 10px #39220e20}.edition-5 .manga-grid .work-copy p{display:none}.shop-columns{display:grid;grid-template-columns:330px 1fr;gap:50px}.edition-5 .shop-columns .poster-grid{grid-template-columns:repeat(3,1fr)}.edition-5 .category-grid{grid-template-columns:repeat(8,1fr)}.edition-5 .category-grid a{display:block}.edition-5 .category-grid b{margin-bottom:8px;display:block}.edition-5 .category-grid a span:last-child{display:none}
/* 07: compact reading console */
.edition-6 .mast{background:#122d52;color:white}.edition-6 .mast .edition{color:#bfd3ef}.signal-line{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:2px;padding:10px 0 24px}.edition-6 .opening{grid-template-columns:1fr 1fr;border:1px solid var(--line);padding:25px;background:var(--paper)}.edition-6 h1{font-size:36px}.edition-6 .spotlight{padding:0;background:var(--soft);grid-template-columns:100px 1fr}.edition-6 .spotlight figure{height:170px}.edition-6 .spotlight h3{font-size:22px}.dashboard{display:grid;grid-template-columns:260px 1fr;gap:24px}.edition-6 .dashboard aside{background:var(--paper);padding:18px;margin-top:30px}.edition-6 .dashboard aside .block{padding-top:12px}.edition-6 .category-grid{grid-template-columns:1fr}.edition-6 .manga-grid{grid-template-columns:repeat(2,1fr)}.edition-6 .manga-grid .work{display:grid;grid-template-columns:80px 1fr;gap:14px;background:var(--paper);padding:12px}.edition-6 .manga-grid .work-copy{padding:0}.edition-6 .manga-grid figure{height:112px}
/* 08: warm literary folio */
.edition-7 main{max-width:1180px}.edition-7 h1,.edition-7 h2,.edition-7 .brand{font-family:"Songti SC",Georgia,serif}.edition-7 .mast{border-bottom:3px double var(--line)}.folio-line{justify-content:center;font-family:serif;letter-spacing:8px}.edition-7 .opening{grid-template-columns:1.2fr .8fr;gap:60px}.edition-7 .opening .spotlight{grid-template-columns:1fr;background:transparent;border-left:1px solid var(--line);padding:0 0 0 28px}.edition-7 .opening .spotlight figure{height:230px}.edition-7 .opening .spotlight .work-copy{padding:14px 0}.folio-columns{display:grid;grid-template-columns:1fr 285px;gap:50px}.edition-7 .folio-columns .manga-grid{grid-template-columns:repeat(2,1fr)}.edition-7 .manga-grid .work{display:grid;grid-template-columns:95px 1fr;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.edition-7 .manga-grid figure{height:145px}.edition-7 .manga-grid .work-copy{padding:0}.edition-7 .folio-columns .poster-grid{grid-template-columns:repeat(2,1fr)}
/* 09: asymmetric image collage */
.edition-8 .opening{grid-template-columns:1fr 1.3fr;gap:70px}.edition-8 .spotlight{grid-template-columns:1fr;transform:rotate(2deg);padding:0;border:10px solid var(--paper);box-shadow:0 12px 30px #1c386320}.edition-8 .spotlight figure{height:310px}.edition-8 .spotlight .work-copy{padding:14px 18px}.edition-8 .spotlight .work-copy p{display:none}.collage-columns{display:grid;grid-template-columns:1fr 280px;gap:30px}.edition-8 #anime .poster-grid{grid-template-columns:repeat(3,1fr)}.edition-8 #anime .work:first-child{grid-row:span 2}.edition-8 #anime .work:first-child figure{height:calc(100% - 100px);min-height:340px}.edition-8 #anime .work:not(:first-child) figure{aspect-ratio:16/9}.edition-8 .manga-grid{grid-template-columns:repeat(3,1fr)}.edition-8 .manga-grid .work{display:grid;grid-template-columns:94px 1fr;gap:18px;background:var(--paper);padding:15px}.edition-8 .manga-grid figure{height:140px}.edition-8 .manga-grid .work-copy{padding:0}
/* 10: quiet reading letter and horizontal book spines */
.edition-9 main{max-width:1120px}.edition-9 .opening{display:block;max-width:760px;margin:20px auto;text-align:center;border:0}.edition-9 .opening-copy>p{margin:22px auto;max-width:620px}.edition-9 .actions{justify-content:center}.edition-9 h1,.edition-9 h2{font-family:"Songti SC",serif}.edition-9 #journal .essay{display:grid;grid-template-columns:1fr 2fr;gap:16px 35px;background:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.edition-9 #journal .essay small{grid-column:1/-1}.edition-9 #journal .essay a{grid-column:2;margin:0}.edition-9 .manga-grid{grid-template-columns:repeat(6,1fr);gap:16px}.edition-9 .manga-grid .work:nth-child(even){padding-top:28px}.edition-9 .manga-grid .work-copy p{display:none}.edition-9 .reading-columns{grid-template-columns:1fr 245px}.edition-9 .reading-columns .poster-grid{grid-template-columns:repeat(3,1fr)}
@media(min-width:1700px){.edition-0 main{margin-left:max(200px,calc((100vw - 1300px)/2))}}
@media(max-width:1050px){.nav{gap:13px}.mast-inner{gap:20px;padding:16px 24px}.reading-columns,.press-columns,.cinema-pair,.folio-columns,.collage-columns{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.opening{gap:25px}.edition-0 .mast{width:160px}.edition-0 main{margin-left:160px;padding:24px}.edition-0 .reading-columns{grid-template-columns:1fr}.edition-0 .opening{grid-template-columns:1fr}.edition-0 .opening .spotlight figure{height:200px}.edition-5 .manga-grid{grid-template-columns:repeat(3,1fr)}.edition-5 .category-grid{grid-template-columns:repeat(4,1fr)}.poster-grid{gap:14px}.list-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){html{scroll-padding-top:142px}main,.edition-0 main{padding:22px 18px;margin:0}.mast,.edition-0 .mast{position:sticky;width:auto;inset:auto;top:0;border-right:0}.mast-inner,.edition-0 .mast-inner{display:block;padding:14px 18px}.brand,.edition-1 .brand{font-size:23px}.edition{font-size:9px}.nav,.edition-0 .nav,.edition-1 .nav{display:flex;flex-direction:row;justify-content:flex-start;gap:14px;flex-wrap:nowrap;overflow-x:auto;margin-top:12px;padding-bottom:2px}.nav a,.edition-0 .nav a{padding:4px 0;font-size:12px}.edition-1 .mast-inner{text-align:left}.opening,.edition-0 .opening,.edition-1 .opening,.edition-2 .opening,.edition-5 .opening,.edition-6 .opening,.edition-7 .opening,.edition-8 .opening{grid-template-columns:1fr;gap:24px;padding:20px 0 28px}.opening h1{font-size:34px}.opening-copy>small{margin-bottom:15px}.opening-copy>p{font-size:14px;margin-top:16px}.spotlight{gap:10px;padding:12px;grid-template-columns:110px 1fr}.spotlight figure{height:180px}.spotlight h3{font-size:23px}.reading-columns,.edition-0 .reading-columns,.press-columns,.diptych,.cinema-pair,.notebook-columns,.shop-columns,.dashboard,.folio-columns,.collage-columns,.edition-9 .reading-columns{display:block}.reading-columns aside,.press-columns aside,.cinema-pair aside,.folio-columns aside{margin-top:12px}.poster-grid,.manga-grid,.edition-0 .manga-grid,.edition-0 #anime .poster-grid,.edition-1 .poster-grid,.edition-2 .diptych .poster-grid,.edition-2 .diptych .manga-grid,.edition-3 .poster-grid,.edition-3 .manga-grid,.edition-4 .notebook-columns .poster-grid,.edition-5 .manga-grid,.edition-5 .shop-columns .poster-grid,.edition-7 .folio-columns .poster-grid,.edition-8 #anime .poster-grid,.edition-8 .manga-grid,.edition-9 .manga-grid,.edition-9 .reading-columns .poster-grid,.reading-columns .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-grid{grid-template-columns:repeat(2,1fr)}.edition-1 .opening .spotlight,.edition-7 .opening .spotlight{border:0;padding:0;display:grid;grid-template-columns:100px 1fr;gap:18px}.edition-1 .spotlight figure,.edition-7 .spotlight figure{height:160px}.edition-1 .manga-grid{grid-template-columns:1fr}.edition-2 .diptych>div:last-child{border:0;padding:0}.curator-strip{display:block;padding:18px}.curator-strip span,.curator-strip a{display:block;margin-top:8px}.edition-2 .spotlight figure{height:280px}.edition-3 .opening{min-height:450px;padding:20px}.edition-3 .opening-copy{width:100%;padding:15px;background:#131721c9}.edition-3 .opening .spotlight .work-copy{display:none}.edition-3 .opening .spotlight figure{height:100%}.edition-4 .notebook-columns aside .category-grid{grid-template-columns:repeat(2,1fr)}.edition-4 .manga-grid,.edition-6 .manga-grid,.edition-7 .folio-columns .manga-grid,.edition-8 .manga-grid{grid-template-columns:1fr}.edition-5 .opening{padding:22px}.edition-5 .spotlight{grid-template-columns:100px 1fr}.edition-5 .spotlight figure{height:180px}.edition-5 .category-grid{grid-template-columns:repeat(2,1fr)}.edition-5 .manga-grid{padding:15px 0}.edition-6 .opening{padding:22px}.edition-6 .dashboard aside{padding:18px}.edition-6 .category-grid{grid-template-columns:repeat(2,1fr)}.signal-line{letter-spacing:0;font-size:9px;gap:12px}.edition-8 .spotlight{transform:rotate(1deg);margin:4px}.edition-8 #anime .work:first-child{grid-row:auto}.edition-8 #anime .work:first-child figure,.edition-8 #anime .work:not(:first-child) figure{height:auto;aspect-ratio:3/4;min-height:0}.edition-9 #journal .essay{display:block}.edition-9 #journal .essay p{margin:15px 0}.edition-9 .manga-grid .work:nth-child(even){padding-top:0}.edition-9 .reading-columns aside .category-grid{grid-template-columns:repeat(2,1fr)}.list-grid{grid-template-columns:1fr}.block{padding-top:30px}.section-head{margin-bottom:18px}h2{font-size:23px}.footer{display:block;margin-top:40px}.footer p{margin:12px 0}.footer>a{display:block;margin-top:15px}.issue-line span{display:none}.folio-line{font-size:11px;letter-spacing:4px}.detail-hero{grid-template-columns:120px 1fr;gap:18px;padding:25px 0}.detail-hero figure{height:180px}.detail-hero h1{font-size:27px}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}