/* Hover cards — Figma 96:1188 / 114:1303 / 96:1257 */
.hover-card{--origin-x:50%;position:fixed;z-index:30;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:8px;width:309px;padding:8px;border-radius:16px;background:#262627;color:#fff;font-family:var(--sans);font-size:12px;font-weight:400;line-height:normal;letter-spacing:-.13px;text-align:left;white-space:normal;cursor:pointer;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 16px 40px -12px rgba(0,0,0,.6);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px) scale(.96);transform-origin:var(--origin-x) 100%;filter:blur(2px);transition:opacity 140ms ease,transform 140ms ease,filter 140ms ease,visibility 0s linear 140ms}
.hover-card[data-side="bottom"]{transform:translateY(-6px) scale(.96);transform-origin:var(--origin-x) 0}
.hover-card[data-open="true"]{opacity:1;visibility:visible;pointer-events:auto;transform:none;filter:none;transition:opacity 180ms ease,transform 240ms cubic-bezier(.23,1,.32,1),filter 180ms ease}
.hover-card-media{display:block;flex:none;align-self:stretch;width:100%;height:180px;border-radius:8px;background:#fff;object-fit:cover}
.hover-card-destination{position:absolute;inset:0;z-index:1;border-radius:inherit}
.hover-card-destination:focus-visible{outline:2px solid #fafafa;outline-offset:-3px}
.hover-card-link{position:relative;z-index:2;display:flex;align-items:center;gap:8px;align-self:stretch;height:36px;padding:0 4px 0 12px;border-radius:8px;background:#131313;overflow:hidden;cursor:default}
.hover-card-url{flex:1 0 0;min-width:1px;overflow:hidden;color:#a1a1aa;font-family:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:18px;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis}
.hover-card-copy{position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#a1a1aa;cursor:pointer;transition:background-color 120ms ease,color 120ms ease}
.hover-card-copy:hover{background:rgba(255,255,255,.08);color:#e4e4e7}
.hover-card-copy:active{background:rgba(255,255,255,.12)}
.hover-card-copy:focus-visible{outline:2px solid #fafafa;outline-offset:-2px}
.hover-card-copy-icon,.hover-card-check-icon{display:block;width:14px;height:14px;transition:opacity 120ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
.hover-card-check-icon{position:absolute;opacity:0;transform:scale(.6)}
.hover-card-copy[data-copied="true"] .hover-card-copy-icon{opacity:0;transform:scale(.6)}
.hover-card-copy[data-copied="true"] .hover-card-check-icon{opacity:1;transform:none}
.hover-card-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hover-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;padding:12px;border-radius:8px;background:#131313}
.hover-card-head{display:flex;align-items:flex-start;gap:10px}
.hover-card-badge{position:relative;isolation:isolate;display:flex;flex:none;align-items:center;justify-content:center;gap:6px;width:95px;height:32px;padding:0 8px}
.hover-card-badge-art,.hover-card-badge-shell{position:absolute;z-index:-1;left:-3.77px;top:-2.79px;display:block;max-width:none}
/* Notionpin — Figma 96:1257: no link row, hug-width AccessGrid button badge */
.hover-card-notionpin{width:324px;gap:10px}
.hover-card-badge-button{height:32px;padding:0 8px;border:1px solid #d5d5d5;border-radius:4px;background:linear-gradient(#fafafa,#e8e8e8);box-shadow:inset 0 1px .5px rgba(255,255,255,.13),0 1px 1px rgba(17,31,91,.2),0 2px 4px -2px rgba(17,31,91,.4),0 1px 5px -2px rgba(17,31,91,.4)}
.hover-card-badge-button .hover-card-badge-label{letter-spacing:-.13px}
.hover-card-badge-notionpin{width:auto}
/* 玻尔学术写作 — Figma 114:1303: 95px badge, 24px Bh logo */
.hover-card-badge-bh{position:relative;display:block;flex:none;width:24px;height:24px}
.hover-card-badge-bh img{position:absolute;display:block;max-width:none}
.hover-card-badge-bh-bg{left:0;top:0}
.hover-card-badge-bh-mark{left:5.27px;top:10.44px}
.hover-card-badge-bh-detail{left:11.16px;top:5.4px}
.hover-card-badge-logo{display:block;flex:none;width:19.636px;height:20px}
.hover-card-badge-label{flex:none;color:#0a0a0a;font-family:var(--serif);font-size:16px;line-height:24px;white-space:nowrap}
.hover-card-titles{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;white-space:nowrap}
.hover-card-title{font-size:13px;font-weight:500}
.hover-card-subtitle{opacity:.5}
.hover-card-desc{display:-webkit-box;align-self:stretch;opacity:.5;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
@media(prefers-reduced-motion:reduce){.hover-card,.hover-card[data-side="bottom"],.hover-card[data-open="true"]{transform:none;filter:none;transition-property:opacity,visibility}.hover-card-copy-icon,.hover-card-check-icon{transition:none}}
