/* 全局样式 */
body { background-color: #f2f2f2; }

/* 登录页样式 */
.login-box { width: 360px; margin: 10% auto; background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 4px; }
.login-header { text-align: center; padding-bottom: 20px; font-size: 20px; font-weight: bold; color: #333; }

/* 后台布局样式 */
.layui-body { overflow: hidden; }
.layui-tab { margin: 0; height: 100%; }
.layui-tab-content { height: calc(100% - 41px); padding: 0; }
.layui-tab-item { height: 100%; }
.layui-tab-hide-title .layui-tab-title { display: none; }
.layui-tab-hide-title .layui-tab-content { height: 100%; }
iframe { width: 100%; height: 100%; border: 0; }

/* 页面通用样式 */
.search-form { padding-bottom: 10px; }
.layui-table-cell { height: auto; line-height: 28px; }

/* 极强力覆盖选项卡样式：字体黑色，下划线绿色 */
.layui-tab-title li {
    position: relative !important;
}
.layui-tab-title li.layui-this { 
    color: #333 !important; /* 字体强制黑色 */
}
/* 确保下划线死死地贴在底部 */
.layui-tab-title li.layui-this:after { 
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: auto !important; 
    bottom: 0 !important; 
    width: 100% !important;
    height: 2px !important; 
    background-color: #009688 !important; /* 强制下划线为绿色 */
    border: none !important;
    display: block !important;
    visibility: visible !important;
}

/* 页面标题前的刷新图标样式 */
.page-title-refresh {
    display: inline-block;
    transition: all 0.3s;
    font-weight: bold;
}
.page-title-refresh:hover {
    color: #5FB878 !important;
    transform: rotate(90deg);
}
.page-title-refresh:active {
    transform: rotate(180deg);
}

/* 刷新按钮样式 (用于顶部导航) */
.refresh-btn i { font-weight: bold; }
.admin-refresh-icon { 
    display: inline-block; 
    transition: transform 0.3s; 
}
.admin-refresh-icon:active { transform: rotate(180deg); }

/* 移动端适配 */
@media screen and (max-width: 768px) {
    /* 登录页 */
    .login-box { width: 90%; margin-top: 20%; }

    /* 搜索表单堆叠显示 */
    .search-form .layui-inline { 
        display: block; 
        width: 100% !important; 
        margin-right: 0; 
        margin-bottom: 10px; 
    }
    .search-form .layui-input, 
    .search-form .layui-select { 
        width: 100%; 
    }
    
    /* 弹窗全屏 */
    .layui-layer-iframe, .layui-layer-page {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
    }
    
    /* 侧边栏收缩 (Index页面) */
    .layui-layout-admin .layui-side { transform: translate3d(-220px, 0, 0); transition: all .3s; }
    .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer { left: 0; transition: all .3s; }
    .layui-layout-admin.show-side .layui-side { transform: translate3d(0, 0, 0); }
    .layui-layout-admin.show-side .layui-body { transform: translate3d(220px, 0, 0); }
    .layui-layout-admin.show-side .layui-footer { transform: translate3d(220px, 0, 0); }
    .mobile-mask { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 999; }
    .layui-layout-admin.show-side .mobile-mask { display: block; }

    /* 表格适配：隐藏非核心列 (配合 HTML 中的 class="mobile-hide") */
    .mobile-hide { display: none; }
    
    /* 强制隐藏表格固定列的阴影效果，避免视觉干扰 */
    .layui-table-fixed { box-shadow: none; }
}