.note-card[data-v-4f308111]{background-color:var(--dm-color-bg-card);border-radius:var(--dm-radius-card);box-shadow:var(--dm-shadow-1);transition:transform var(--dm-dur-base) var(--dm-ease-out), box-shadow var(--dm-dur-base) var(--dm-ease-out);display:block;position:relative;overflow:hidden}@media (hover:hover){.note-card[data-v-4f308111]:hover{transform:translateY(var(--dm-hover-lift));box-shadow:var(--dm-shadow-3)}}.note-card__link[data-v-4f308111]{color:inherit;text-decoration:none;display:block}.note-card__link[data-v-4f308111]:focus-visible{outline:2px solid var(--dm-color-brand);outline-offset:3px}.note-card__media[data-v-4f308111]{position:relative;overflow:hidden}.note-card__cover[data-v-4f308111]{transition:transform var(--dm-dur-slow) var(--dm-ease-out)}.note-card__scrim[data-v-4f308111]{pointer-events:none;background-image:linear-gradient(180deg, transparent 38%, var(--dm-color-scrim-strong));opacity:0;transform:scale(var(--dm-hover-scrim-scale));transition:opacity var(--dm-dur-base) var(--dm-ease-out), transform var(--dm-dur-slow) var(--dm-ease-out);align-items:flex-end;display:flex;position:absolute;inset:0}.note-card__scrim-title[data-v-4f308111]{padding:var(--dm-sp-3);font-size:var(--dm-fs-13);font-weight:var(--dm-fw-medium);line-height:var(--dm-lh-tight);color:var(--dm-color-text-inverse);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card__zoom[data-v-4f308111]{top:var(--dm-sp-2);right:var(--dm-sp-2);--zoom-trigger-opacity:0;position:absolute}.note-card:focus-within .note-card__zoom[data-v-4f308111],.note-card:hover .note-card__zoom[data-v-4f308111]{--zoom-trigger-opacity:1}@media (hover:hover){.note-card:hover .note-card__cover[data-v-4f308111]{transform:scale(var(--dm-hover-cover-scale))}.note-card:hover .note-card__scrim[data-v-4f308111]{opacity:1;transform:none}.note-card:hover .note-card__play[data-v-4f308111]{transform:scale(1.12)}.note-card:hover .note-card__meta[data-v-4f308111]{color:var(--dm-color-text-body)}}@media (hover:none),(width<=899px){.note-card__zoom[data-v-4f308111]{--zoom-trigger-opacity:1}}.note-card__play[data-v-4f308111]{width:34px;height:34px;color:var(--dm-color-bg-card);pointer-events:none;background-color:var(--dm-color-mask);border-radius:var(--dm-radius-full);box-shadow:var(--dm-shadow-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform var(--dm-dur-base) var(--dm-ease-out);justify-content:center;align-items:center;display:flex;position:absolute;bottom:8px;left:8px}.note-card__title[data-v-4f308111]{padding:var(--dm-sp-2) var(--dm-sp-3) 0;font-size:var(--dm-fs-14);font-weight:var(--dm-fw-medium);line-height:var(--dm-lh-tight);color:var(--dm-color-text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card__meta[data-v-4f308111]{padding:var(--dm-sp-2) var(--dm-sp-3) var(--dm-sp-3);font-size:var(--dm-fs-12);color:var(--dm-color-text-secondary);transition:color var(--dm-dur-base) var(--dm-ease);justify-content:space-between;align-items:center;display:flex}.note-card__author[data-v-4f308111]{gap:var(--dm-sp-1);align-items:center;min-width:0;display:flex}.note-card__avatar[data-v-4f308111]{-o-object-fit:cover;object-fit:cover;border-radius:var(--dm-radius-full);background-color:var(--dm-color-skeleton);flex:none;width:18px;height:18px}.note-card__name[data-v-4f308111]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-card__side[data-v-4f308111]{gap:var(--dm-sp-2);flex:none;align-items:center;display:flex}.note-card__distance[data-v-4f308111]{font-size:var(--dm-fs-12);color:var(--dm-color-text-tertiary);white-space:nowrap}.note-card__likes[data-v-4f308111]{font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:2px;display:flex}.note-card__likes[data-v-4f308111]:hover{color:var(--dm-color-like)}@media (prefers-reduced-motion:reduce){.note-card[data-v-4f308111]{transition:none}.note-card[data-v-4f308111]:hover{box-shadow:var(--dm-shadow-1);transform:none}.note-card__cover[data-v-4f308111],.note-card__meta[data-v-4f308111],.note-card__play[data-v-4f308111],.note-card__scrim[data-v-4f308111],.note-card__zoom[data-v-4f308111]{transition:none}.note-card:hover .note-card__cover[data-v-4f308111],.note-card:hover .note-card__play[data-v-4f308111]{transform:none}}