:root{--paper:#f7f3ea;--ink:#292927;--muted:#77736c;--line:rgba(45,43,39,.16);--accent:#a72d22;--serif:'Songti SC','STSong',SimSun,serif;--sans:'Microsoft YaHei UI','PingFang SC',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(180deg,rgba(247,243,234,.88),var(--paper) 420px),url('/assets/ink-landscape.webp') center top/cover fixed no-repeat;font-family:var(--serif)}main{width:min(940px,calc(100% - 36px));margin:auto;padding:42px 0 72px}.brand{display:inline-block;color:var(--accent);text-decoration:none;letter-spacing:.16em;font:16px var(--sans)}.breadcrumbs{margin:28px 0 0;color:var(--muted);font:12px/1.8 var(--sans)}.breadcrumbs a,.taxonomy a,.related a,.directory-nav a{color:var(--accent);text-decoration:none}.breadcrumbs span{margin:0 7px;color:#aaa49b}article,.directory{margin-top:20px;padding:clamp(30px,6vw,70px);border:1px solid var(--line);background:rgba(247,243,234,.94);box-shadow:0 24px 70px rgba(48,39,27,.1)}.genre,.author,.intro{color:var(--muted);font:13px/1.8 var(--sans)}h1{margin:14px 0 8px;font-size:clamp(34px,7vw,58px);font-weight:500;letter-spacing:.06em}.directory h1{font-size:clamp(30px,5vw,46px)}.text{margin:42px 0;font-size:clamp(18px,2.5vw,22px);line-height:2}.text p{margin:.8em 0}.taxonomy{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;font:12px var(--sans)}.taxonomy a{padding:6px 10px;border:1px solid var(--line);border-radius:999px}.work-list{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}.work-list li{display:grid;grid-template-columns:1fr auto;gap:8px 24px;padding:20px 4px;border-bottom:1px solid var(--line)}.work-list a{color:var(--ink);text-decoration:none;font-size:21px}.work-list a:hover{color:var(--accent)}.work-list p{grid-column:1/-1;margin:0;color:var(--muted);font:12px/1.7 var(--sans)}.work-list small{color:var(--muted);font:12px var(--sans)}.directory-nav,.related{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font:13px/1.9 var(--sans)}.directory-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.related h2{margin:0 0 14px;font-size:20px;font-weight:500}.related ul{margin:0;padding-left:1.2em}.related li{margin:.4em 0}footer{padding-top:26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{color:var(--muted);font:13px var(--sans)}.open{padding:12px 18px;color:#fff;background:var(--accent);text-decoration:none;white-space:nowrap;font:13px var(--sans)}@media(max-width:600px){main{padding-top:24px}article,.directory{margin-top:16px;padding:28px 22px}.text{margin:30px 0}.work-list li{grid-template-columns:1fr}.work-list small{grid-row:2}.work-list p{grid-row:3}footer{align-items:flex-start;flex-direction:column}.open{width:100%;text-align:center}}