/* 普通 CSS 版本 */
.content-auto { content-visibility: auto; }
.glass { 
    background: rgba(20, 26, 36, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.hover-scale { transition-transform: 500ms; transform: scale(1.05); }
.pulse-effect { animation: pulse 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.gradient-border {
    position: relative;
    border-radius: 0.75rem;
    z-index: 0;
}
.gradient-border::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 0.85rem;
    background: linear-gradient(45deg, #1f8a70, #06b6d4);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.gradient-border:hover::before {
    opacity: 1;
}
.card-hover {
    transition: all 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(31, 138, 112, 0.1);
}
@keyframes pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(31, 138, 112, 0.3); }
    50% { box-shadow: 0 0 0 8px rgba(31, 138, 112, 0); }
}