/* 用户中心公共样式 */
.user-container {
    margin: 30px auto;
    padding: 0px 2rem 0; /* 增加顶部内边距 */
    max-width: 1400px;
}

/* 左侧菜单样式 */
.menu-card {
    margin-top: -5px; /* 微调左侧菜单位置，与右侧内容对齐 */
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.menu-card .list-group-item {
    border-left: 3px solid transparent;
    transition: all 0.2s;
}
.menu-card .list-group-item:hover {
    border-left-color: #007bff;
    background-color: #f8f9fa;
}
.menu-card .list-group-item.active {
    border-left-color: #007bff;
}
.menu-card .fa {
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

/* 卡片样式 */
.card {
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* 添加轻微阴影效果 */
}

/* 移动端样式 */
@media (max-width: 500px) {
    /* 重置所有页面中可能设置的padding:0 */
    .user-container {
        padding: 15px 15px 0 15px !important; /* 移动端增加左右边距 */
        margin-top: 15px;
        width: 100%;
    }
    
    /* 确保容器有边距 */
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* 确保行没有负边距 */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    

    
   
    
    
}