/* ======= 基础布局 ======= */
body.skin-card {
    background-color: #f5f5f5;
}

/* 左侧菜单栏背景 */
.skin-card .main-sidebar {
    background-color: #fff !important;
    padding-top: 10px !important;
    border-right: 1px solid #eee;
    position: absolute;
    top: 50px;
    height: calc(100% - 50px);
}

/* 一级菜单项 */
.skin-card .sidebar-menu > li {
    background: transparent !important;
    margin: 0 !important;
    border-left: 4px solid transparent;
    border-radius: 0 !important;
}

/* 一级菜单 hover 和激活 */
.skin-card .sidebar-menu > li > a {
    color: rgba(0, 0, 0, 0.65) !important;
    font-weight: 500;
    margin: 0px 15px 0px 0px;
}

/* 取消悬浮和激活时的浮动和阴影效果 */
.skin-card .sidebar-menu > li > a:hover {
     background-color: #f5f5f5 !important;
    color: rgba(0, 0, 0, 0.65) !important;
    margin-right: 15px;
    /*border-left: 4px solid #e4393c !important;*/
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    border-radius: 4px;
}
.skin-card .sidebar-menu > li.active > a {
    background-color: #1580ef !important;
    /*color: rgba(0, 0, 0, 0.65) !important;*/
    color: #fff !important;
    margin-right: 15px;
    /*border-left: 4px solid #e4393c !important;*/
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    border-radius: 6px !important;
}
.skin-card .sidebar-menu > li > a.active > i {
    color: #fff !important;
}
/* 一级菜单图标样式 */
.skin-card .sidebar-menu > li > a > i {
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
    /*color: rgba(0, 0, 0, 0.65);*/
}

/* 二级菜单样式 */
.skin-card .sidebar-menu .treeview-menu {
    background: none !important;
    padding-left: 0 !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* 二级菜单项 */
.skin-card .sidebar-menu .treeview-menu > li {
    margin: 0 !important;
}

.skin-card .sidebar-menu .treeview-menu > li > a {
    padding: 10px 15px 10px 55px !important;
    color: rgba(0, 0, 0, 0.65) !important;
    font-weight: 500;
    background: transparent !important;
    display: block;
}

/* 二级菜单悬停或激活 - 取消浮动和阴影 */
.skin-card .sidebar-menu .treeview-menu > li > a:hover {
    background-color: #f5f5f5 !important;
    color: rgba(0, 0, 0, 0.65) !important;
    /*border-left: 4px solid #e4393c !important;*/
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    margin-right: 5px;
    
}
.skin-card .sidebar-menu .treeview-menu > li.active > a {
    /*background: #228bee!important;*/
    background: rgba(0,125,242,.1)!important;
    color: #007df2 !important;
    /*border-left: 4px solid #e4393c !important;*/
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    margin-right: 5px;
}

/* 二级菜单图标隐藏 */
.skin-card .sidebar-menu .treeview-menu > li > a > i {
    display: none !important;
}

/* 展开箭头保留（靠右） */
.skin-card .sidebar-menu > li.treeview > a::after {
    content: ">";
    float: right;
    margin-right: 10px;
    color: #999;
    transform: rotate(90deg);
    transition: transform 0.3s;
}

/* 展开状态箭头向下 */
.skin-card .sidebar-menu > li.treeview.menu-open > a::after {
    transform: rotate(180deg);
}

/* 图标圆角、按钮圆角全部去除 */
.skin-card .user-panel img,
.skin-card .btn,
.skin-card .box,
.skin-card .pagination > li > a,
.skin-card .pagination > li > span {
    border-radius: 0 !important;
}

/* 取消焦点时浮动和阴影 */
.skin-card .sidebar-menu > li > a:focus,
.skin-card .sidebar-menu .treeview-menu > li > a:focus {
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}