/* ==============================================
   会员中心首页卡片间距对齐专用样式
   确保卡片与顶部导航栏、左侧导航栏间距一致
   使用!important确保优先级最高，避免所有冲突
   ============================================== */

/* 核心布局 - 主内容区域紧贴顶部导航栏底部 */
body.navbar-fixed #content {
    padding-top: 31px !important;  /* 顶部导航栏高度 */
}

body.navbar-fixed section.main {
    margin-top: 0 !important;
    padding: 0 !important;  /* 移除所有padding */
}

/* 专门针对padder类的覆盖 */
body.navbar-fixed section.main.padder {
    padding: 0 20px 20px 20px !important;  /* 顶部0，左右下20px */
    margin-top: 0 !important;
}

/* 左侧导航栏与顶部导航栏对齐 */
#nav {
    margin-top: 80px !important;  /* 顶部导航栏高度 */
    padding-top: 0 !important;  /* 顶部无间距 */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 左侧导航栏内部元素 */
#nav .nav {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#nav .nav-brand {
    display: none !important;  /* 隐藏左侧logo */
}

/* 移除.row的负边距，避免影响对齐 */
body.navbar-fixed section.main.padder .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

/* 第一行卡片顶部无间距 */
body.navbar-fixed section.main.padder .row:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 调整列的内边距，确保卡片间距统一 */
body.navbar-fixed section.main.padder .row > [class*="col-"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* 第一行的列顶部无间距 */
body.navbar-fixed section.main.padder .row:first-child > [class*="col-"] {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 卡片本身顶部间距 */
body.navbar-fixed section.main.padder .row:first-child .panel-card {
    margin-top: 0 !important;
}

/* 卡片底部间距 */
body.navbar-fixed section.main.padder .panel-card {
    margin-bottom: 20px !important;
    position: relative !important;  /* 确保定位上下文 */
    z-index: 1 !important;  /* 确保卡片在正常层级，避免重叠 */
}

/* 确保卡片之间不会重叠 */
body.navbar-fixed section.main.padder .row > [class*="col-"] {
    position: relative !important;
    z-index: auto !important;
}

/* 响应式调整 */
@media (max-width: 991px) {
    body.navbar-fixed #content {
        padding-top: 60px !important;
    }
    
    body.navbar-fixed section.main.padder {
        padding: 0 15px 15px 15px !important;
    }
    
    #nav {
        margin-top: 60px !important;
        padding-top: 0 !important;
    }
    
    body.navbar-fixed section.main.padder .row > [class*="col-"] {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }
}

@media (max-width: 768px) {
    body.navbar-fixed section.main.padder {
        padding: 0 10px 10px 10px !important;
    }
    
    #nav {
        padding-top: 0 !important;
    }
    
    body.navbar-fixed section.main.padder .row > [class*="col-"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}