.ui-card {
    border: 1px solid var(--ui-color-line);
    border-radius: var(--ui-radius-lg);
    background: var(--ui-color-surface);
    box-shadow: var(--ui-shadow-sm);
    overflow: hidden;
}

.ui-card__body {
    padding: var(--ui-space-3);
}

.ui-card--interactive {
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.ui-card--interactive:hover {
    transform: translateY(-2px);
    box-shadow: var(--ui-shadow-md);
    text-decoration: none;
}