.statistics-container {
    padding: 20px;
}

.statistics-header {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;  /* 允许元素换行 */
    gap: 16px;  /* 统一设置间距 */
    align-items: center;
}

.statistics-header .title {
    font-size: 20px;
    font-weight: 500;
    color: #303133;
    white-space: nowrap;  /* 防止标题换行 */
}

.search-form {
    flex: 1;
    display: flex;
    flex-wrap: wrap;  /* 允许表单项换行 */
    gap: 12px;  /* 设置表单项间距 */
    align-items: center;
}

.search-form .el-form-item {
    margin: 0;  /* 覆盖 element-plus 默认边距 */
}

.search-form .el-form-item:last-child {
    margin-left: auto;  /* 按钮组靠右对齐 */
}

/* 响应式布局调整 */
@media screen and (max-width: 1200px) {
    .search-form .el-input {
        width: 150px !important;  /* 较窄屏幕下减小输入框宽度 */
    }
}

@media screen and (max-width: 768px) {
    .statistics-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .search-form {
        width: 100%;
        justify-content: flex-start;
    }

    .search-form .el-form-item:last-child {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-top: 8px;
    }
}

.statistics-overview {
    margin-bottom: 10px;  /* 从 24px 改为 16px */
}

.overview-card {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

.overview-card .card-header {
    padding: 8px 10px;  /* 左右内边距从 15px 改为 12px */
    border-bottom: 1px solid #ebeef5;
}

.overview-card .card-header span {
    font-size: 16px;
    font-weight: 500;
    color: #303133;
}

.overview-content {
    padding: 15px;
}

.stat-item {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding: 12px;
    text-align: center;
    height: 100%;
    transition: all 0.3s;
}

.stat-item:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.stat-title {
    color: #909399;
    font-size: 13px;
    margin-bottom: 8px;
}

.stat-value {
    color: #303133;
    font-size: 20px;
    font-weight: 600;
}

.statistics-content {
    background-color: #fff;
    border-radius: 4px;
    padding: 16px;  /* 从 20px 改为 16px */
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

.signature-table {
    margin-bottom: 20px;
}

.el-pagination {
    margin-top: 20px;
    text-align: right;
}

.empty-block {
    padding: 40px 0;
}

/* 响应式布局调整 */
@media screen and (max-width: 768px) {
    .statistics-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .search-form {
        margin-top: 16px;
        width: 100%;
    }
    
    .stat-item {
        margin-bottom: 16px;
    }
}


/* 添加操作按钮组的样式 */
.button-group {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.button-group .el-button {
    margin: 0;  /* 覆盖 element-plus 默认边距 */
    padding: 5px 8px;  /* 调整按钮内边距 */
}

.button-group .el-button--danger {
    margin-left: 8px;  /* 为删除按钮添加左边距 */
}