/* 仪表盘专用样式 */

/* 图表卡片优化 */
.card .bd canvas{
  max-height: 200px;
}

/* 自适应布局 */
@media (max-width: 1400px){
  .card-chart{
    grid-column: span 6;
  }
  .card-subject{
    grid-column: span 7;
  }
  .card-class{
    grid-column: span 5;
  }
}

@media (max-width: 1024px){
  .card-chart{
    grid-column: span 12;
  }
  .card-subject{
    grid-column: span 12;
  }
  .card-class{
    grid-column: span 12;
  }
}

/* 表格优化 */
#subjectStatsTable tbody tr{
  cursor: pointer;
  transition: background-color .15s ease;
}
#subjectStatsTable tbody tr:hover{
  background: rgba(37,99,235,.06);
}
#subjectStatsTable tbody td:first-child{
  font-weight: 700;
  color: rgba(37,99,235,.9);
}
#subjectStatsTable tbody td{
  padding: 12px 10px;
}

/* 班级排名表格 */
#classRankTable tbody tr{
  cursor: pointer;
  transition: background-color .15s ease;
}
#classRankTable tbody tr:hover{
  background: rgba(37,99,235,.06);
}

/* 响应式调整 */
@media (max-width: 1200px){
  .kpi.kpi-3-4 .kpi-row:first-child,
  .kpi.kpi-3-4 .kpi-row:last-child{
    max-width: 100%;
  }
  .kpi .item{
    min-width: 180px;
    max-width: 250px;
  }
}
@media (max-width: 768px){
  .kpi .item{
    min-width: 100%;
    max-width: 100%;
  }
}