/* ========== Custom Styles for 微扑克WEPOKER ========== */

html {
    scroll-behavior: smooth;
}

/* --- FAQ Accordion --- */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
}
.faq-answer.open {
    max-height: 500px;
}

/* --- Card Hover --- */
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15);
}

/* --- Button Primary --- */
.btn-primary {
    transition: all 0.3s ease;
}
.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.4);
}

/* --- Mobile Menu --- */
#mobile-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
#mobile-menu.open {
    max-height: 400px;
}

/* --- Stat Numbers --- */
.stat-number {
    font-variant-numeric: tabular-nums;
}

/* --- Form Focus --- */
input:focus, textarea:focus, select:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* --- Smooth Scroll Offset for Fixed Nav --- */
section[id] {
    scroll-margin-top: 80px;
}