style(统计业务): 统一统计页面样式和布局

- 引入公共样式文件，简化各统计页面的样式管理
- 优化统计页面的容器布局，采用flex布局以提升响应式表现
- 统一表单项的样式，确保一致性和可读性
- 移除冗余的样式定义，提升代码整洁度

src/views/modules/statisticsBusiness/userStatistics/userStatisticsBase.vue

@@ -300,16 +300,10 @@ export default {
 </script>
 
 <style scoped lang="less">
-.el-form-item {
-  margin-bottom: 0 !important;
-}
+@import '../styles/statistics-common.less';
 
-/deep/ .el-table .cell,
-/deep/ .el-table th > .cell {
-  padding-top: 4px;
-  padding-bottom: 4px;
-  line-height: 20px;
-}
+.sb-form-item-zero();
+.sb-table-compact();
 
 .user-statistics-page {
   display: flex;
@@ -320,10 +314,8 @@ export default {
 .query-section,
 .summary-section,
 .table-section {
-  padding: 8px;
+  .sb-white-panel(8px);
   padding-bottom: 0;
-  background: #fff;
-  border-radius: 4px;
 }
 
 .query-section {
@@ -337,25 +329,12 @@ export default {
 }
 
 .summary-card {
-  flex: 1 1 180px;
+  .sb-summary-card-shell(180px, auto, auto);
   min-width: 180px;
-  padding: 16px;
-  border: 1px solid #ebeef5;
-  border-radius: 8px;
-  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
-  box-shadow: 0 4px 12px rgba(31, 45, 61, 0.06);
 }
 
 .summary-card__label {
   margin-bottom: 8px;
-  font-size: 14px;
-  color: #606266;
-}
-
-.summary-card__value {
-  font-size: 24px;
-  font-weight: 700;
-  color: #1f2d3d;
 }
 
 .table-header {
@@ -366,11 +345,11 @@ export default {
 }
 
 .table-title {
-  font-size: 16px;
-  font-weight: 700;
-  color: #303133;
+  .sb-title-16();
 }
 
+.sb-summary-card-text();
+
 @media (max-width: 1200px) {
   .summary-section {
     flex-wrap: wrap;