.md-frame{background:var(--c-bg-content);border:4px solid #F0E1C8;outline:2px solid #C9B999;outline-offset:4px;border-radius:20px;padding:12px;cursor:pointer;transition:transform var(--dur-normal) var(--ease-standard),box-shadow var(--dur-normal) var(--ease-standard)}.md-frame:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6b5c432e}.md-frame:active{transform:scale(.97)}.md-frame__photo{width:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:var(--c-bg);margin-bottom:12px}.md-frame__photo img{width:100%;height:100%;object-fit:cover;display:block}.md-frame__caption{padding:4px 4px 0}.md-frame__title{font-size:18px;font-weight:700;color:var(--c-text-h);margin-bottom:4px;line-height:1.3}.md-frame__tags{font-size:14px;font-weight:500;color:var(--c-text-2);line-height:1.4}.md-frame__action{display:flex;align-items:center;justify-content:flex-end;padding:8px 4px 0;font-size:12px;font-weight:600;color:var(--c-text-3);gap:4px}.md-frame__action-icon{display:inline-block;transition:transform var(--dur-fast)}.md-frame:hover .md-frame__action-icon{transform:translate(2px,-2px)}.md-frame--clicked{animation:md-frame-click .2s ease}@keyframes md-frame-click{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}