.examples[data-v-449e9cbb]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.example[data-v-449e9cbb]{background:var(--bg-card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;padding:12px;transition:transform .2s ease,border-color .2s ease}.example[data-v-449e9cbb]:hover{border-color:var(--line-strong);transform:translateY(-2px)}.example.playing[data-v-449e9cbb]{border-color:var(--accent)}.cover-btn[data-v-449e9cbb]{background:none;border:0;border-radius:14px;cursor:pointer;padding:0;position:relative}.cover-btn[data-v-449e9cbb] .cover{border-radius:14px}.play[data-v-449e9cbb]{background:var(--accent);border-radius:50%;bottom:10px;box-shadow:0 10px 24px -8px #0009;color:var(--accent-ink);display:grid;height:48px;place-items:center;position:absolute;right:10px;transition:transform .15s ease;width:48px}.cover-btn:hover .play[data-v-449e9cbb]{transform:scale(1.06)}.body[data-v-449e9cbb]{padding:0 4px 4px}.badge[data-v-449e9cbb]{background:var(--accent-soft);border-radius:999px;color:var(--accent);display:inline-block;font-size:12px;font-weight:600;padding:3px 9px}.badge.none[data-v-449e9cbb]{background:#8fb4ff24;color:#8fb4ff}.body h3[data-v-449e9cbb]{font-size:17px;margin:10px 0 6px}.body p[data-v-449e9cbb]{color:var(--muted);font-size:13.5px;font-style:italic;line-height:1.5;margin:0}@media(max-width:520px){.examples[data-v-449e9cbb]{gap:10px;grid-template-columns:1fr 1fr}.example[data-v-449e9cbb]{border-radius:16px;padding:8px}.body h3[data-v-449e9cbb]{font-size:15px}.body p[data-v-449e9cbb]{display:none}.play[data-v-449e9cbb]{bottom:8px;height:40px;right:8px;width:40px}}