.watch-history-section{margin:34px 0 80px}
.watch-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.watch-history-card{min-width:0}
.watch-history-open{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer}
.watch-history-open img,.watch-history-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,var(--surface-2),var(--surface))}
.watch-history-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080b11e8 0%,#080b1180 44%,transparent 78%)}
.watch-history-play{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff40;border-radius:50%;background:#080b11b8;color:#fff;opacity:0;transition:opacity .18s,transform .18s}
.watch-history-open:hover .watch-history-play,.watch-history-open:focus-visible .watch-history-play{opacity:1;transform:scale(1.04)}
.watch-history-play svg{width:16px;height:16px}
.watch-history-copy{position:absolute;right:18px;bottom:18px;left:18px;display:grid;gap:5px;min-width:0}
.watch-history-copy strong,.watch-history-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.watch-history-copy strong{color:#fff;font-size:15px;font-weight:600;text-shadow:0 1px 12px #080b11}
.watch-history-copy small{color:#d4d9e2;font-size:10px;line-height:1.4}
.watch-history-copy .watch-history-episode-title{color:#fff;font-size:11px}
.watch-history-progress{position:absolute;right:0;bottom:0;left:0;height:3px;background:#ffffff38}
.watch-history-progress i{display:block;height:100%;background:var(--accent);transform-origin:left center}
.watch-history-finished{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d8e9ff;color:#0b1320}
.watch-history-finished svg{width:15px;height:15px}
.watch-history-empty{display:grid;place-items:center;min-height:260px;padding:60px 20px;text-align:center;color:var(--muted)}
.watch-history-empty h2{margin:0;color:var(--text);font-size:24px}
.watch-history-empty p{margin:8px 0 0;line-height:1.6}
@media(max-width:900px){.watch-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.watch-history-copy{right:13px;bottom:13px;left:13px}.watch-history-copy strong{font-size:13px}.watch-history-play{left:13px;top:13px}}
@media(max-width:560px){.watch-history-grid{grid-template-columns:1fr}.watch-history-open{aspect-ratio:16/8.5}}