body{margin:0;background:#f6f3ee;color:#1c1a17;font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6e0d6;z-index:5}
.header-inner{display:flex;align-items:center;gap:16px;min-height:64px}
.wordmark{display:flex;align-items:center;gap:6px;font-weight:800;font-size:20px}
.wordmark img{width:40px;height:40px;object-fit:contain;border-radius:50%}.site-nav{display:flex;gap:14px;overflow:auto;font-size:14px}
.menu-toggle{display:none}.hero{padding:28px 0}.hero h1{font-size:clamp(28px,4vw,42px);margin:8px 0}
.hero-picture{display:block;width:240px;aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:#eee}
.hero-picture img,.work-cover img{width:100%;height:100%;display:block;object-fit:cover;background:#eee}
.hero-picture img{max-height:none}.genre{margin:28px 0}.work-entry{display:grid;grid-template-columns:148px minmax(0,1fr);gap:16px;align-items:center;background:#fff;border:1px solid #e6e0d6;padding:14px;margin:10px 0}
.work-cover{display:block;width:148px;height:198px;overflow:hidden;border-radius:8px;background:#eee}
.work-cover img{width:148px;height:198px;object-fit:cover}
.work-copy{min-width:0}
.work-copy h3{margin:0 0 8px;font-size:20px;line-height:1.4}
.synopsis{margin:0 0 8px}.work-meta{color:#777;font-size:12px;display:flex;gap:10px;flex-wrap:wrap}
.about,.collection-bar{background:#fff;border:1px solid #e6e0d6;padding:18px;margin:20px 0}
.site-footer{border-top:1px solid #e6e0d6;padding:18px 0;color:#777;font-size:13px}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:8px;background:#fff}
@media(max-width:700px){.work-entry{grid-template-columns:104px minmax(0,1fr);gap:12px}.work-cover,.work-cover img{width:104px;height:138px}}