.works-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.works-heading .section-heading{margin:0}.works-controls{display:flex;gap:8px;flex-shrink:0}
.works-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--gold);font:26px/1 var(--font-body);border-radius:0;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.works-controls button:hover{background:var(--surface)}.works-controls button:disabled{opacity:.3;cursor:default}
.works-frame{position:relative;overflow-x:clip}.works-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;list-style:none;counter-reset:work-slide;margin:0;padding:0 0 24px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.work-card{counter-increment:work-slide;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.work-card a{display:block;text-decoration:none;color:inherit}.work-cover{display:block;position:relative;aspect-ratio:16/9;background:var(--surface);overflow:hidden}.work-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease),filter .4s var(--ease)}.work-card a:hover img{transform:scale(1.035);filter:brightness(1.08)}
.work-duration{position:absolute;right:8px;bottom:8px;padding:2px 5px;background:oklch(.12 .008 90 / .9);font:11px/1.4 var(--font-mono);color:var(--text)}
.work-card h3{font-size:18px;line-height:1.5;font-weight:400;margin-block:16px 6px;overflow-wrap:anywhere}.work-card a:hover h3{color:var(--gold)}.work-author{font-size:14px;color:var(--muted)}.work-bvid{margin-top:6px;color:var(--faint);font:11px/1.5 var(--font-mono);letter-spacing:.02em}
.works-carousel:focus-visible{outline:1px solid var(--gold);outline-offset:6px}
@supports selector(::scroll-button(right)){.works-carousel::scroll-button(*){width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--gold);font:26px/1 var(--font-body);cursor:pointer;transition:background .2s var(--ease)}.works-carousel::scroll-button(*):hover{background:var(--surface)}.works-carousel::scroll-button(*):disabled{opacity:.3;cursor:default}.works-controls{visibility:hidden}.works-carousel::scroll-button(left){content:'‹' / '上一组作品';position:absolute;top:-72px;right:52px}.works-carousel::scroll-button(right){content:'›' / '下一组作品';position:absolute;top:-72px;right:0}.works-carousel::scroll-button(*):focus-visible{outline:2px solid var(--gold);outline-offset:4px}}
@supports (scroll-marker-group:after){.works-carousel{scroll-marker-group:after;scrollbar-width:none}.works-carousel::scroll-marker-group{display:flex;justify-content:center;gap:12px;margin-top:10px;flex-wrap:wrap}.work-card:nth-child(3n + 1)::scroll-marker{content:'作品 ' counter(work-slide);font-size:0;width:8px;height:8px;background:var(--line);border-radius:50%;transition:background .2s var(--ease)}.work-card::scroll-marker:target-current{background:var(--gold)}.work-card::scroll-marker:focus-visible{outline:2px solid var(--gold);outline-offset:4px}}
@media(max-width:900px){.works-carousel{grid-auto-columns:calc((100% - 20px)/2);gap:20px}.work-card h3{font-size:17px}}
@media(max-width:600px){.works-carousel{grid-auto-columns:86%;gap:16px}.works-heading{margin-bottom:24px}.work-card h3{margin-top:12px}.works-carousel::scroll-button(left),.works-carousel::scroll-button(right){top:-68px}}