/* ====== Base Card (VisionOS Crystal White) ====== */
.v-card {
    position: relative;
    padding: 22px 24px;
    border-radius: 26px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(3px) saturate(180%);
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.45);
    box-shadow: 1px 5px 10px 2px rgb(0 48 255 / 9%), inset 0 0 8px rgba(255, 255, 255, 0.22);
    transition: all .35s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 1;
}
/* ====== TEXT ====== */
.v-card h3 {
    font-weight: 600;
    margin-bottom: 6px;
    letter-spacing: -0.3px;
    color: #1a1a1a;
}

/* ====== STAT ICONS DEFAULT ====== */
.v-card .stat-item i {
    transition: color .35s ease, transform .3s ease;
}
/* ====== HOVER EFFECT ====== */
.v-card:hover {
    transform: translateY(-4px);
    background: linear-gradient(
        180deg,
        rgba(250, 252, 255, 0.95),
        rgba(242, 247, 255, 0.95)
    );
    box-shadow: 0 14px 30px rgba(30, 64, 175, 0.08);
}
/* ----- Icon Color + Micro Lift ----- */
.v-card:hover .stat-item.likes i,
.v-card:hover .stat-item.likes span {
    color: #cc0000; /* red */
}
.v-card:hover .stat-item.views i,
.v-card:hover .stat-item.views span {
    color: #000000; /* info blue */
}
.v-card:hover .stat-item.usage i,
.v-card:hover .stat-item.usage span {
    color: #990000; /* fire */
}
.v-card:hover .stat-item.level i,
.v-card:hover .stat-item.level span {
    color: #00d9ff; /* electric cyan */
}
.tool-stats{
    color: #bbb;
}