/* 作品组件只依赖内容和展示变体，图片焦点仍由 _Artwork 管理。 */
.library-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 0; margin-bottom:24px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.library-toolbar .category-row { margin:0; }
.library-toolbar .result-count { flex-shrink:0; }
.directory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.directory-card { display:grid; grid-template-columns:160px minmax(0,1fr); gap:24px; padding:24px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); min-width:0; align-items:start; }
.directory-image { display:block; aspect-ratio:2/3; overflow:hidden; border-radius:4px; background:var(--night); }
.directory-image > img, .directory-image > .artwork-placeholder { width:100%; height:100%; }
.directory-copy { min-width:0; }
.directory-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 12px; }
.directory-card h2 { font-size:23px; line-height:1.4; margin:0; overflow-wrap:anywhere; }
.directory-genre { color:var(--accent-hover); font-size:12px; margin:9px 0 12px; overflow-wrap:anywhere; }
.directory-summary { font-size:13px; color:var(--muted); line-height:1.75; overflow-wrap:anywhere; }
.directory-card .platforms { margin:15px 0; gap:5px; }
.directory-card .platforms > span { background:var(--panel-raised); color:var(--muted); }
.directory-card .text-link { display:inline-flex; gap:12px; align-items:center; min-height:44px; font-size:12px; }
.work-profile { display:grid; grid-template-columns:minmax(220px,300px) minmax(0,1fr); gap:clamp(28px,4vw,56px); padding:36px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); align-items:start; }
.work-profile-art { aspect-ratio:2/3; overflow:hidden; border-radius:4px; background:var(--night); }
.work-profile-art > img, .work-profile-art > .artwork-placeholder { width:100%; height:100%; }
.work-profile-copy { min-width:0; padding-top:8px; }
.profile-genre { display:inline-block; margin-left:16px; color:var(--muted); font-weight:400; letter-spacing:0; }
.work-profile h1, .work-profile h2 { font-size:clamp(28px,3.5vw,44px); line-height:1.35; margin:18px 0; letter-spacing:-.025em; overflow-wrap:anywhere; }
.work-description { max-width:760px; color:var(--muted); line-height:1.9; font-size:15px; overflow-wrap:anywhere; }
.work-profile .work-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; margin:20px 0; }
.work-profile .work-facts > div { display:block; padding:12px 0; }
.work-profile .work-facts dd { margin-top:5px; }
.work-profile .profile-note { margin-top:18px; font-size:12px; color:var(--muted); }
.profile-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:24px; }
.work-stories .section-heading { margin-bottom:12px; }
.work-story-count { margin:0 0 24px; }
@media(max-width:1180px) { .directory-card { grid-template-columns:128px minmax(0,1fr); padding:20px; gap:20px; }.directory-card h2 { font-size:21px; } }
@media(max-width:980px) { .directory-grid { grid-template-columns:1fr; }.directory-card { grid-template-columns:160px minmax(0,1fr); }.work-profile { grid-template-columns:230px minmax(0,1fr); padding:26px; gap:28px; }.work-profile .work-facts { grid-template-columns:1fr; } }
@media(max-width:700px) { .library-toolbar { align-items:start; flex-direction:column; gap:14px; }.work-profile { grid-template-columns:1fr; padding:24px; gap:22px; }.work-profile-art { width:180px; max-width:100%; }.work-profile-copy { padding:0; }.work-profile h1, .work-profile h2 { margin-top:14px; }.work-profile .work-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }.profile-actions { gap:16px; }.profile-genre { display:block; margin:10px 0 0; } }
@media(max-width:540px) { .directory-card { grid-template-columns:88px minmax(0,1fr); padding:16px; gap:16px; }.directory-image { aspect-ratio:2/3; }.directory-meta { gap:7px; margin-bottom:8px; }.directory-card h2 { font-size:20px; }.directory-summary { margin-top:12px; }.work-profile .work-facts { grid-template-columns:1fr; }.work-profile { padding:20px; } }