/**
 * VIP布局优化 - CSS样式
 * 
 * 功能：
 * 1. 移动端VIP卡片单数时改为单列排列
 * 2. 常见问题默认展开样式
 * 
 * @package Theme_Optimizer
 * @since 1.2.1
 */

/* 移动端VIP卡片单列布局优化 */
@media (max-width: 768px) {
    /* 当VIP卡片容器有奇数个卡片时，改为单列布局 */
    .page-vip-content.odd-items .vip-item {
        width: calc(100% - 20px) !important;
        margin: 0 10px 20px 10px !important;
        display: block !important;
    }
}

/* 常见问题默认展开状态 */
.vip-faqs .items .item {
    /* 默认展开状态的父容器 */
}

.vip-faqs .items .item.active h5:after {
    /* 展开状态下隐藏竖线（只保留横线） */
    display: none !important;
}

.vip-faqs .items .item.active .ans {
    /* 展开状态下显示答案 */
    display: block !important;
}