:root{--tq-badge-top:75%;--tq-badge-accent:#A93226;--tq-badge-ink:#2b2f2f;--tq-badge-sub:#4D5656;--tq-badge-bg:#FDFDFD}
.tq-demo-badge{position:fixed;right:16px;top:var(--tq-badge-top);transform:translateY(-50%);z-index:9999;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 12px;background:var(--tq-badge-bg);color:var(--tq-badge-ink);border:1px solid rgba(77,86,86,.28);border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.2);text-decoration:none;font:500 12px/1.3 "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,"Noto Sans TC",monospace;transition:box-shadow .2s ease}
.tq-demo-badge:hover{box-shadow:0 8px 26px rgba(0,0,0,.3)}
.tq-demo-badge:focus-visible{outline:2px solid var(--tq-badge-accent);outline-offset:3px}
.tq-demo-badge-mark{display:block;flex:none;width:68px;line-height:0}
.tq-demo-badge-mark svg{display:block;width:100%;height:auto}
.tq-demo-badge-text{display:flex;flex-direction:column;padding-left:12px;border-left:1px solid rgba(77,86,86,.28)}
.tq-demo-badge-text strong{font-size:13px;letter-spacing:.06em}
.tq-demo-badge-text small{font-size:11px;color:var(--tq-badge-sub)}
@media (max-width:640px){.tq-demo-badge{right:10px;padding:8px 12px}.tq-demo-badge-text{display:none}}
@media (prefers-reduced-motion:reduce){.tq-demo-badge{transition:none}}