/* 馆藏陈列层：仅用于公开页；配色沿用 site.css。 */
html{scroll-behavior:smooth}
body{background-image:radial-gradient(ellipse at 75% 0,rgba(123,167,240,.045),transparent 42%)}
[hidden]{display:none!important}
.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--ma-blue);color:var(--ma-bg);padding:10px 18px}
.skip-link:focus{top:8px}
.shell{max-width:1220px;padding-left:32px;padding-right:32px}
.site-header .nav{gap:26px!important}
.nav a[aria-current=page]{color:var(--ma-ink-strong)!important}
.random-line{font-size:12.5px;margin-top:13px}
.metaline{font-size:12px;margin-bottom:27px;gap:13px}
.metaline:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--ma-coral);box-shadow:0 0 0 4px var(--ma-coral-soft);margin-right:4px}
.recent{gap:0 20px;margin-bottom:35px;padding-bottom:22px;border-bottom:1px solid var(--ma-line)}
.recent-head{margin-bottom:10px}
.recent-head h2{font-size:12px;letter-spacing:.04em}
.recent-head span{color:var(--ma-dim);font-size:9px}
.recent-card{border:none;border-radius:5px;background:transparent;padding:8px 4px;gap:10px}
.recent-card:hover{background:var(--ma-surface)}
.recent-thumb{width:42px;height:42px;border-radius:4px}
.recent-meta b{font-size:13px}
.recent-meta em{font-size:11px}
#collection{scroll-margin-top:86px}
.collection-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}
.collection-heading{display:flex;align-items:baseline;gap:13px}
.collection-heading h2{font-size:23px;margin:0;letter-spacing:.04em;font-weight:600}
.collection-heading span{font-family:var(--ma-mono);font-size:10px;color:var(--ma-dim);letter-spacing:.16em}
.view-switch{display:flex;border:1px solid var(--ma-line-2);padding:3px;border-radius:7px;gap:3px}
.view-switch button{border:0;background:transparent;color:var(--ma-muted);padding:7px 13px;border-radius:4px;font:inherit;font-size:12px;cursor:pointer}
.view-switch button[aria-pressed=true]{background:var(--ma-surface-3);color:var(--ma-ink-strong)}
.view-switch button:hover{color:var(--ma-blue)}
.filter-panel{padding:15px 18px;background:rgba(29,34,42,.5);border:1px solid var(--ma-line);border-radius:8px;margin-bottom:20px}
.chips{margin:0;gap:7px}
.chip{font-family:inherit;font-size:11.5px;padding:5px 9px;min-height:30px}
.chip-count{font-family:var(--ma-mono);font-size:10px;margin-left:7px;opacity:.72}
.more-filters{margin-top:11px;border-top:1px solid var(--ma-line);padding-top:10px}
.more-filters summary{cursor:pointer;font-size:12px;color:var(--ma-blue);width:fit-content}
.more-filters[open] summary{margin-bottom:10px}
.filter-help{margin:12px 0 0;font-size:11.5px;line-height:1.7}
.results-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin-bottom:12px;flex-wrap:wrap}
.count{font-size:12px}
.results-actions{display:flex;align-items:center;gap:14px}
.sort-label{font-size:12px;color:var(--ma-muted)}
.sort-label select{font:inherit;color:var(--ma-ink);background:var(--ma-surface);border:1px solid var(--ma-line-2);border-radius:5px;padding:6px 25px 6px 8px;margin-left:6px;cursor:pointer}
.reset-filters{background:none;border:0;padding:5px 0;color:var(--ma-blue);font:inherit;font-size:12px;cursor:pointer}
.grid{gap:22px 20px}
.item{border-radius:8px;min-width:0}
.item:hover{transform:translateY(-3px);border-color:#526175;box-shadow:0 14px 28px -20px #000}
.cover{height:190px;min-width:0}
.cover::after{height:26%;background:linear-gradient(to bottom,rgba(29,34,42,0),var(--ma-surface))}
.cover-label{position:absolute;top:12px;left:12px;background:rgba(20,22,27,.84);border:1px solid rgba(255,255,255,.16);border-radius:3px;padding:3px 7px;color:var(--ma-ink);font-family:var(--ma-mono);font-size:10px;letter-spacing:.04em}
.item-body{padding:14px 18px 13px}
.media{font-size:11px;line-height:1.7;min-width:0}
.item h3{font-size:19px;line-height:1.4;margin:7px 0 9px;font-weight:600;overflow-wrap:anywhere}
.item p{font-size:12.5px;line-height:1.8;min-height:45px;margin:0 0 16px}
.tags{align-content:start;align-items:start;gap:6px;margin-top:0;min-width:0}
.tag{font-size:11px;padding:3px 7px;line-height:1.55;white-space:normal;overflow-wrap:anywhere;max-width:100%;border-radius:4px}
.item-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:11px;min-height:29px}
.upd{font-size:10px;white-space:nowrap}
.archive-mark{font-family:var(--ma-mono);font-size:10px;color:var(--ma-dim)}
.archive-mark span{color:var(--ma-blue);margin-left:5px}
/* 同排六条共享网格线：标签从同一条线起排，日期同底线。所有标签完整保留。 */
@supports(grid-template-rows:subgrid){
 .grid{row-gap:0}
 .grid>.item{display:grid;grid-row:span 6;grid-template-rows:subgrid;margin-bottom:22px}
 .item-body{display:grid;grid-row:span 5;grid-template-rows:subgrid}
 .item .tags{margin-top:0}
 .item .item-foot{align-self:end}
}
@supports not (grid-template-rows:subgrid){.item h3{min-height:54px}.item .tags{min-height:96px;align-content:start}.item .item-foot{margin-top:auto}}
.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.work-card{display:flex;align-items:stretch;min-width:0;border:1px solid var(--ma-line);border-radius:7px;overflow:hidden;background:var(--ma-surface);transition:border-color .18s}
.work-card:hover{border-color:var(--ma-blue)}
.work-thumb{width:90px;flex:none;background:var(--ma-surface-3)}
.work-thumb img{width:100%;height:100%;min-height:124px;object-fit:cover;object-position:center 18%;display:block}
.work-card-body{padding:15px 12px;display:flex;flex-direction:column;min-width:0;gap:5px}
.work-card-body small{font-size:10px;color:var(--ma-muted-2);font-family:var(--ma-mono)}
.work-card-body b{font-size:14px;color:var(--ma-ink);line-height:1.6;font-weight:600;overflow-wrap:anywhere}
.work-card-body>span{margin-top:auto;padding-top:8px;color:var(--ma-muted);font-size:11px}
.work-card-body i{font-style:normal;color:var(--ma-blue);margin-left:6px}
.empty{padding:40px 20px}
.empty b{display:block;font-size:17px;color:var(--ma-ink);margin-bottom:8px}
.empty p{font-size:13px;margin:0 0 15px}
.note{margin-top:36px;font-size:12px}
.note-lead{font-size:12px;font-weight:500}
/* 详情页延续图版语言，保持原图自然比例和正文换行。 */
.shell:has(.page){max-width:1100px}
.page{grid-template-columns:220px minmax(0,713px);column-gap:48px}
.detail-head.has-cover{min-height:310px;padding-top:80px;border-radius:8px}
.detail-head h1{font-size:clamp(28px,3.1vw,39px);letter-spacing:.02em}
.detail-head .lead{max-width:49em}
.contents{max-height:calc(100vh - 110px);overflow-y:auto;padding-left:14px;margin-left:-14px;scrollbar-width:thin}
.contents-list a{display:block;line-height:1.8}
.shot img{border-radius:6px;cursor:zoom-in}
.shot button{display:block;width:100%;border:0;padding:0;background:transparent;text-align:inherit}
.shot button:focus-visible{outline-offset:5px}
.shot-hint{font-size:10px;color:var(--ma-dim);font-family:var(--ma-mono);margin-top:7px;text-align:right}
.reading-tools{display:flex;gap:14px;flex-wrap:wrap;padding-bottom:12px;font-size:11px;color:var(--ma-muted)}
.reading-tools a{color:var(--ma-blue)}
.section h2{border-top:1px solid var(--ma-line);padding-top:23px;margin-top:0}
.section:first-child h2{border-top:0;padding-top:0}
.related-list a{overflow-wrap:anywhere;flex-wrap:wrap}
.lightbox{max-width:94vw;max-height:94vh;padding:44px 12px 12px;background:var(--ma-bg);border:1px solid var(--ma-line-2);border-radius:9px;color:var(--ma-ink)}
.lightbox::backdrop{background:rgba(8,10,14,.92)}
.lightbox img{display:block;max-width:calc(94vw - 26px);max-height:calc(94vh - 115px);width:auto;height:auto;margin:auto;object-fit:contain}
.lightbox button{position:absolute;top:8px;right:10px;background:var(--ma-surface);border:1px solid var(--ma-line-2);color:var(--ma-ink);padding:5px 12px;cursor:pointer;border-radius:4px;font:inherit;font-size:12px}
.lightbox p{font-size:12px;color:var(--ma-muted);margin:12px 4px 0;text-align:center}

@media(max-width:980px){.recent{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recent-card time{display:none}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.page{display:block}.contents{max-height:none;overflow:visible}}
@media(max-width:700px){
 .shell{padding:0 18px 50px}.site-header .nav{gap:16px!important;font-size:12px!important}
 .random-line{font-size:12px}
 .metaline{font-size:10.5px;gap:8px;margin-bottom:24px}.metaline:before{margin-right:2px}
 .recent{grid-template-columns:1fr;gap:2px;margin-bottom:26px;padding-bottom:17px}.recent-head{margin-bottom:7px}.recent-card{padding:6px 0}.recent-card time{display:block}.recent-thumb{width:36px;height:36px}.recent-meta em{margin-top:0}
 .collection-head{gap:10px;margin-bottom:16px}.collection-heading h2{font-size:21px}.collection-heading span{display:none}.view-switch button{padding:6px 10px}
 .filter-panel{padding:12px}.filter-help{font-size:11px}.chip{font-size:11px;padding:5px 8px}.results-bar{gap:8px}.results-actions{gap:9px}.sort-label{font-size:11px}.sort-label select{padding-right:5px}
 .grid{grid-template-columns:1fr}.cover{height:220px}.item h3{font-size:20px}.item p{font-size:13px}.item-body{padding:15px 17px}.tag{font-size:11.5px}.item-foot{padding-top:12px}.upd{font-size:10px}
 .works-grid{grid-template-columns:1fr}.work-thumb{width:100px}.work-card-body{padding:14px}.work-thumb img{min-height:118px}
 .detail-head.has-cover{min-height:245px;padding-top:55px}.detail-head .lead{font-size:13.5px}.detail-head h1{font-size:29px}.crumb{font-size:11px;line-height:1.85;overflow-wrap:anywhere}
 .foot-nav{gap:15px;flex-wrap:wrap}.random-next{font-size:12px}.info td{overflow-wrap:anywhere}
}
/* 让正式馆藏更早进入视野；辅助文字保持清晰。 */
@media(min-width:701px){
 .random-line{margin-top:10px}
 .metaline{margin-bottom:18px}
 .recent{padding-bottom:15px;margin-bottom:24px}.recent-head{margin-bottom:5px}
 .collection-head{margin-bottom:14px}
 .filter-panel{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px 15px;margin-bottom:14px}
 .more-filters{margin:0 0 0 auto;padding:0;border:0}
 .more-filters[open]{flex-basis:100%;border-top:1px solid var(--ma-line);padding-top:10px;margin-top:0}
}
.shell:has(.page){max-width:1045px}
.page{grid-template-columns:220px minmax(0,1fr)}
.detail-head .lead{text-wrap:pretty}
.upd,.archive-mark{font-size:11px}
.media{font-size:12px}.recent-meta em{font-size:12px}
@media(max-width:700px){.upd,.archive-mark{font-size:11px}.filter-help{font-size:12px}.metaline{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.item:hover{transform:none}}