.reading-media{margin:25px 0 8px;min-width:0}
.media-mode-label{font-size:12px;color:var(--muted);margin-bottom:10px}
.media-modes{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}
.media-modes button{appearance:none;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);padding:10px 14px;min-height:44px;cursor:pointer;font:inherit;font-size:14px;display:flex;gap:10px;align-items:center}
.media-modes button small{font-size:12px;font-variant-numeric:tabular-nums;font-weight:400}
.media-modes button[aria-selected=true]{border-color:var(--accent);background:var(--accent);color:var(--surface);font-weight:650}
.media-modes button:hover:not([aria-selected=true]){background:var(--surface-hover);color:var(--ink)}
.media-panel[hidden],.bilibili-stage [hidden]{display:none!important}
.media-panel{min-width:0}
.bilibili-stage{width:100%;aspect-ratio:16/9;background:#211717;border-radius:10px;overflow:hidden;position:relative}
.bilibili-cover{position:absolute;inset:0;display:block;appearance:none;border:0;padding:0;width:100%;height:100%;cursor:pointer;background:transparent;color:white}
.bilibili-cover img{display:block;width:100%;height:100%;object-fit:cover}
.cover-shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.38))}
.cover-play{display:flex;align-items:center;justify-content:center;gap:12px;position:absolute;bottom:22px;left:50%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.65);border-radius:30px;background:rgba(25,10,10,.75);padding:12px 23px;font-size:15px;white-space:nowrap}
.bilibili-cover:hover .cover-play{background:rgba(25,10,10,.92)}
.bilibili-stage iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0}
.bilibili-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--muted)}
.bilibili-tools a{color:var(--accent);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.bilibili-status{font-size:12px;color:var(--muted);margin:8px 0 0}
.bilibili-status:empty{display:none}
.reading-media .audio-featured,.reading-media .hero-feature{margin-top:0}
.card-bilibili{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:650;color:var(--accent);text-decoration:none}
.card-bilibili small{font-size:12px;font-weight:400;color:var(--muted)}
.reading-media :is(button,a):focus-visible,.card-bilibili:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:480px){.media-modes{gap:4px;padding-bottom:10px}.media-modes button{padding:9px 10px;font-size:13px;gap:6px}.media-modes button small{font-size:11px}.cover-play{bottom:12px;padding:8px 18px;font-size:13px}.bilibili-stage{border-radius:7px}.bilibili-tools{gap:3px}.card-bilibili{font-size:13px}}
@media print{.reading-media,.card-bilibili{display:none}}