:root{--paper:#f0e9df;--ink:#211d1e;--wine:#7f1837;--pink:#f0a7bd;--gold:#d3a74c;--line:rgba(33,29,30,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei",sans-serif}header{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(240,233,223,.94);backdrop-filter:blur(10px);z-index:20}.brand{display:flex;align-items:center;gap:.55rem}.brand span{font:2rem Georgia;color:var(--wine);border:1px solid var(--wine);padding:.1rem .35rem}.brand small{font-size:.55rem;letter-spacing:.17em}.brand b{font-size:1.15rem}nav{display:flex;gap:1.6rem}nav a{color:inherit;text-decoration:none;font-size:.8rem}header>i{font:10px Georgia;letter-spacing:.15em}.cover{padding:4vw;display:grid;grid-template-columns:1fr 1fr .23fr;gap:2rem;min-height:780px}.cover-copy{padding-top:3vw}.cover-copy>p,.heading span,.guide>div>span,.editor-note>span{font:11px Georgia;letter-spacing:.2em;color:var(--wine)}h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(3.4rem,6.4vw,6.8rem);line-height:.96;margin:1.6rem 0}h1 em{color:var(--wine);font-weight:normal}.deck{font-family:Georgia,"Songti SC",serif;font-size:1.15rem;line-height:2;max-width:580px;border-left:3px solid var(--wine);padding-left:1.2rem}.cover-copy>a{display:inline-block;margin-top:2rem;color:var(--wine);font-weight:800}.cover figure{margin:0;position:relative}.cover figure img{width:100%;height:680px;object-fit:cover;filter:saturate(.72) contrast(1.08)}.cover figcaption{position:absolute;bottom:1.5rem;left:-1.3rem;background:var(--pink);padding:1rem;display:flex;flex-direction:column}.cover aside{border-left:1px solid var(--line);padding-left:1rem;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;writing-mode:vertical-rl}.cover aside span{font-size:.72rem}.editor-note{background:var(--wine);color:#fff;padding:5vw 12vw;display:grid;grid-template-columns:.3fr 1fr .7fr;gap:3rem;align-items:start}.editor-note>span{color:var(--pink)}.editor-note h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(2rem,4vw,4rem);margin:0}.editor-note p{line-height:1.9;color:#eadce1}.section{padding:7vw 4vw;border-bottom:1px solid var(--line)}.heading{display:grid;grid-template-columns:.3fr 1fr;gap:2rem;align-items:start;margin-bottom:3rem}.heading h2,.guide h2,.closing h2{font:clamp(2.5rem,5vw,5rem)/1 Georgia,"Songti SC",serif;margin:0}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.genre-grid article{border:1px solid var(--line);padding:1.3rem;min-height:220px}.genre-grid .lead-story{grid-column:span 2;grid-row:span 2;background:#fff}.lead-story img{width:100%;height:400px;object-fit:cover;filter:saturate(.7)}.genre-grid small,.genre-grid b{color:var(--wine);font-weight:800}.genre-grid h3{font:1.7rem Georgia,"Songti SC",serif}.genre-grid p{line-height:1.8}.characters{background:#171315;color:#f7eee8}.quote{font:clamp(2rem,4vw,4rem)/1.35 Georgia,"Songti SC",serif;color:var(--pink);max-width:1000px;margin:5vw auto}.character-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #59434b}.character-list article{padding:2rem;border-right:1px solid #59434b}.character-list b{color:var(--gold);font-size:1.3rem}.character-list p{line-height:1.7;color:#cbbfc3}.maker-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.maker-grid img{width:100%;height:420px;object-fit:cover}.maker-grid h3{font:2rem Georgia}.maker-grid p{line-height:1.9}.maker-grid ol{list-style:none;padding:0;margin:0}.maker-grid li{border-top:1px solid var(--line);padding:1.4rem;display:flex;gap:2rem}.maker-grid li b{color:var(--wine)}.guide{background:var(--pink);display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw}.guide>div>p{line-height:1.8}.tips{display:grid;grid-template-columns:1fr 1fr}.tips article{border-top:1px solid;padding:1.2rem}.tips b{font:1.3rem Georgia}.guide>a{color:inherit;font-weight:bold}.faq details{border-top:1px solid var(--line);padding:1.3rem 0}.faq summary{cursor:pointer;font:1.2rem Georgia,"Songti SC",serif}.faq p{line-height:1.8;max-width:760px}.closing{padding:9vw 15vw;text-align:center}.closing small{color:var(--wine);letter-spacing:.2em}.closing p{max-width:760px;margin:auto;line-height:1.9}footer{background:var(--wine);color:#fff;padding:2rem 4vw;display:flex;align-items:center;justify-content:space-between}@media(max-width:850px){nav,header>i{display:none}.cover{grid-template-columns:1fr 1fr}.cover aside{display:none}.editor-note,.heading,.guide{grid-template-columns:1fr}.genre-grid{grid-template-columns:1fr 1fr}.character-list{grid-template-columns:1fr 1fr}.maker-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:560px){.cover{grid-template-columns:1fr;padding:3rem 1.2rem}.cover figure img{height:430px}.editor-note,.section{padding:4.5rem 1.2rem}.genre-grid,.character-list,.tips{grid-template-columns:1fr}.genre-grid .lead-story{grid-column:auto;grid-row:auto}.lead-story img{height:270px}.closing{padding:5rem 1.2rem}}

/* RICH CONTENT */

.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.tool-grid article{padding:1.5rem;border:1px solid var(--line)}.tool-grid b{color:var(--wine);font-size:.75rem}.tool-grid h3{font:2rem Georgia;margin:.8rem 0}.tool-grid p,.relation-grid p,.case-grid p{line-height:1.8}.relation-map{background:#fff}.relation-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.relation-grid article{padding:1.6rem;border-left:4px solid var(--wine);background:var(--paper)}.relation-grid span{color:var(--wine);font-weight:800}.select-table{border:1px solid var(--line);overflow:auto}.select-table>div{display:grid;grid-template-columns:1fr 1fr 1.4fr;min-width:720px}.select-table b,.select-table strong,.select-table span{padding:1.1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);line-height:1.7}.select-table>div:first-child{background:var(--wine);color:#fff}.case-note{background:var(--pink)}.case-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.case-grid>div{border-top:3px solid var(--wine);padding:1rem}.case-grid b{color:var(--wine)}@media(max-width:850px){.tool-grid,.case-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.tool-grid,.relation-grid,.case-grid{grid-template-columns:1fr}}

/* COVER REFINEMENT */
.cover{grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);align-items:start;gap:clamp(2rem,5vw,6rem);min-height:auto}
.cover figure{align-self:start;background:#171315;padding:12px;box-shadow:18px 18px 0 rgba(127,24,55,.12)}
.cover figure img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;filter:saturate(.78) contrast(1.04)}
.cover figcaption{position:static;background:transparent;color:#f7eee8;padding:1rem .2rem .25rem;display:flex;flex-direction:row;justify-content:space-between;gap:1rem;border-top:1px solid #51434a;margin-top:.75rem}
.cover figcaption b{color:var(--pink);font:11px Georgia;letter-spacing:.12em;white-space:nowrap}
.cover figcaption span{font-size:.78rem;line-height:1.5;text-align:right}
.cover aside{grid-column:1/-1;writing-mode:horizontal-tb;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.15rem 0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.65rem}
.cover aside b{font:11px Georgia;letter-spacing:.16em;color:var(--wine);margin-right:.8rem}
.cover aside span{font-size:.78rem;line-height:1;padding:.62rem .9rem;border:1px solid rgba(127,24,55,.28);border-radius:999px;background:rgba(255,255,255,.42)}
.cover aside span:nth-child(2){background:var(--wine);color:#fff;border-color:var(--wine)}
@media(max-width:850px){.cover{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr)}.cover aside{display:flex}}
@media(max-width:680px){.cover{grid-template-columns:1fr}.cover aside{grid-column:auto}.cover figure{max-width:520px;width:100%;margin-inline:auto}.cover figcaption{flex-direction:column}.cover figcaption span{text-align:left}}