.toplinks{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 18px}
.tl{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:14px;line-height:1.4}
.tl:hover{text-decoration:none;border-color:var(--accent)}
.tl .ic{font-size:12px;color:var(--accent)}
.tl small{display:none}
.tl .ar{display:none}
.tl b{font-weight:600}
.tl-main{background:var(--accent);border-color:var(--accent);color:#fff}
.tl-main .ic{color:#fff}
.tl-main:hover{filter:brightness(1.08)}
@media (prefers-color-scheme:dark){.tl-main,.tl-main .ic{color:#1b1310}}
.sr header h1{font-size:24px;line-height:1.35}
.sr blockquote{margin:16px 0;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-inline-start:4px solid #c9a227;border-radius:10px}
.sr blockquote p{margin:0}
.sr .intro{background:var(--card);border:1px solid var(--line);border-inline-start:4px solid #3c8d4f;border-radius:10px;padding:4px 16px}
.sr h2{font-size:20px;margin:28px 0 10px}
.sr .vcard{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px}
.sr .vcard h3{margin:0 0 10px;font-size:17px}
.sr .vnote{margin:-4px 0 10px;color:var(--muted);font-size:14px}
.sr .vbox{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.sr .vbox video{position:absolute;inset:0;width:100%;height:100%;background:#000}
.src{color:var(--muted);font-size:13px;margin-top:24px;overflow-wrap:anywhere}