/* +----------------------------------------------------------------------
/* | Static Plugin for ThinkAdmin
/* +----------------------------------------------------------------------
/* | 官方网站: https://thinkadmin.top
/* +----------------------------------------------------------------------
/* | 版权所有 2014~2023 ThinkAdmin [ thinkadmin.top ]
/* +----------------------------------------------------------------------
/* | 开源协议 ( https://mit-license.org )
/* | 免责声明 ( https://thinkadmin.top/disclaimer )
/* +----------------------------------------------------------------------
/* | gitee 代码仓库：https://gitee.com/zoujingli/think-plugs-static
/* | github 代码仓库：https://github.com/zoujingli/think-plugs-static
/* +----------------------------------------------------------------------
/* | 自定义后台扩展样式，需要在加载 console.css 后载入
/* | 使用 composer require zoujingli/think-plugs-static 时不会更新此文件
/* +---------------------------------------------------------------------- */
.tags-container {
    padding: 0px 10px;
    min-height: 42px;
}

.tags-container label {
    border: 1px dashed #e2e2e2;
    padding: 3px 8px 3px 5px;
    background: white;
}
.flex-button {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -5px;
}

.flex-button .layui-btn {
    margin: 5px 5px 5px 0;
    display: flex;
    align-items: center;
}

.last-td {
    width: 220px;
}


/**自定义弹窗**/
.custom-modal {
    /*padding: 0 20px !important;*/
}

.custom-modal .layui-layer-title {
    background-color: #20222A !important;
    color: #fff;
}

.custom-modal .layui-layer-setwin span {
    color: #fff !important;
}

.custom-modal .layui-layer-content{
    height: 100%;
}

.custom-modal .form-bottom{
    position: absolute; /* 修改为absolute定位 */
    bottom:0;
    display: flex;
    justify-content: center;
    width: 100%; /* 确保内容在容器内居中 */
    border-top: 1px dashed #e7eaec;
    padding-top:20px;
}

/*.custom-modal .action-box .layui-btn {*/
/*    margin-top: 15px !important;*/
/*}*/

.custom-modal .detail-tit {
    margin-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

.custom-modal .detail-item-tit {
    border-left: 4px solid #1e9fff !important;
    padding-left: 10px;
    color: #4a4c50;
}

.custom-modal .detail-item {
    display: flex;
    color: #8c8c8c;
    align-items: center;
}

.custom-modal .detail-item span {
    color: #404040;
}

/**ztree样式**/
.ztree *{
    font-size: 14px!important;
}
.ztree li{
    line-height: 26px!important;
}
.ztree li a{
    height:26px!important;
    line-height:26px;
}
.ztree li span{
    line-height: 26px!important;
}
.ztree li span.button.ico_open,.ztree li span.button.ico_close,.ztree li span.button.ico_docu{
    margin-top:5px;
}
/**el-cascader**/
.layui-form .el-cascader {
    line-height: 30px !important;
}

.el-input__inner{
    border: 1px solid #eee!important;
    border-radius: 0px!important;
    height:38px;
    line-height:38px;
}
.el-cascader .el-input .el-input__inner:focus{
    border-color: #d2d2d2!important;
}
.el-cascader .el-input.is-focus .el-input__inner {
    border-color: #d2d2d2!important;
}
.radio_self label.think-checkbox{
    margin:0px 10px 0px 6px!important;
}
.form-search .el-input__inner{
    border:0!important;
}
/****/
/**统计样式**/
/* 大气简洁的统计样式 */
.statistics-container {
    padding: 20px 0;
}

.stat-item {
    background: #ffffff;
    border-radius: 8px;
    padding: 24px 20px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid #f0f0f0;
    transition: all 0.2s ease;
    height: 100%;
}

.stat-item:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

.stat-label {
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

.stat-value {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 8px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.2;
}

.stat-sub {
    font-size: 12px;
    color: #999999;
    font-weight: 400;
}

/* 颜色主题 */
.primary { color: #1890ff; }
.success { color: #52c41a; }
.danger { color: #ff4d4f; }
.warning { color: #faad14; }
.info { color: #13c2c2; }
.purple { color: #722ed1; }

.financial {
    border-left: 4px solid #1890ff;
}

.operational {
    border-left: 4px solid #52c41a;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .layui-col-md3 {
        width: 50%;
        margin-bottom: 15px;
    }

    .stat-value {
        font-size: 26px;
    }

    .stat-item {
        padding: 20px 16px;
    }
}

@media (max-width: 480px) {
    .layui-col-md3 {
        width: 100%;
    }

    .stat-value {
        font-size: 28px;
    }

    .statistics-container {
        padding: 15px 0;
    }
}
/* 颜色主题 */

/* 商务统计数据表格样式 */
.user-statistics-container {
    margin-top: 20px;
}

.user-statistics-container .layui-card {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.user-statistics-container .layui-card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 15px 20px;
}

.user-statistics-container .layui-card-header h3 {
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.user-statistics-container .layui-table {
    margin: 0;
}

.user-statistics-container .layui-table th {
    background-color: #f5f7fa;
    font-weight: 600;
    text-align: center;
}

.user-statistics-container .layui-table td {
    text-align: center;
    vertical-align: middle;
}

.user-statistics-container .layui-table tbody tr:hover {
    background-color: #f0f9ff;
}

/* 金额列样式 */
.user-statistics-container .layui-table td.amount-positive {
    color: #28a745;
    font-weight: 500;
}

.user-statistics-container .layui-table td.amount-negative {
    color: #dc3545;
    font-weight: 500;
}

/* 退款率样式 */
.user-statistics-container .layui-table td.refund-high {
    color: #dc3545;
    font-weight: 600;
}

.user-statistics-container .layui-table td.refund-medium {
    color: #ffc107;
    font-weight: 500;
}

.user-statistics-container .layui-table td.refund-low {
    color: #28a745;
    font-weight: 500;
}

/* 达人统计数据表格样式 */
.talent-statistics-container {
    margin-top: 20px;
}

.talent-statistics-container .layui-card {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.talent-statistics-container .layui-card-header {
    background-color: #f0f8ff;
    border-bottom: 1px solid #e1f0ff;
    padding: 15px 20px;
}

.talent-statistics-container .layui-card-header h3 {
    margin: 0;
    color: #1890ff;
    font-size: 16px;
    font-weight: 600;
}

.talent-statistics-container .layui-table {
    margin: 0;
}

.talent-statistics-container .layui-table th {
    background-color: #f5f9ff;
    font-weight: 600;
    text-align: center;
    color: #333;
}

.talent-statistics-container .layui-table td {
    text-align: center;
    vertical-align: middle;
}

.talent-statistics-container .layui-table tbody tr:hover {
    background-color: #f0f9ff;
}

/* 金额列样式 */
.talent-statistics-container .layui-table td.amount-positive {
    color: #52c41a;
    font-weight: 500;
}

.talent-statistics-container .layui-table td.amount-negative {
    color: #ff4d4f;
    font-weight: 500;
}

/* 退款率样式 */
.talent-statistics-container .layui-table td.refund-high {
    color: #ff4d4f;
    font-weight: 600;
}

.talent-statistics-container .layui-table td.refund-medium {
    color: #faad14;
    font-weight: 500;
}

.talent-statistics-container .layui-table td.refund-low {
    color: #52c41a;
    font-weight: 500;
}

/* 响应式优化 */
@media screen and (max-width: 768px) {
    .user-statistics-container .layui-table,
    .talent-statistics-container .layui-table {
        font-size: 12px;
    }

    .user-statistics-container .layui-card-header h3,
    .talent-statistics-container .layui-card-header h3 {
        font-size: 14px;
    }
}
/* 展开收缩按钮样式 */
.layui-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.layui-card-header h3 {
    margin: 0;
    flex: 1;
}

.expand-collapse-btn {
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.expand-collapse-btn:hover {
    background-color: #f2f2f2;
}

.expand-collapse-btn i {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.expand-collapse-btn.collapsed i {
    transform: rotate(-90deg);
}

/* 移除伪元素，通过JavaScript直接控制文本 */

#businessTableContainer.collapsed {
    display: none;
}

/* 表格样式优化 */
.amount-positive {
    color: #52c41a;
    font-weight: bold;
}

.amount-negative {
    color: #ff4d4f;
    font-weight: bold;
}

.refund-high {
    color: #ff4d4f;
    font-weight: bold;
}

.refund-medium {
    color: #faad14;
    font-weight: bold;
}

.refund-low {
    color: #52c41a;
    font-weight: bold;
}