.chart-container { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; width:100%; }
.chart-item .label { display:flex; justify-content:space-between; margin-bottom:8px; font-weight:bold; font-size:16px; color:#333; }
.bar-wrapper { background:#eee; border-radius:30px; height:60px; overflow:hidden; }
.bar { height:100%; border-radius:30px; color:#fff; font-weight:bold; display:flex; align-items:center; justify-content:center; text-align:center; }
tbody tr:hover { background:#e6f2ff; }

/* 响应式 */
@media (max-width:992px){ .chart-container{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:768px){
  .chart-container{ grid-template-columns:1fr; }
  h2{ font-size:36px; margin-bottom:30px; }
  table{ font-size:14px; min-width:500px; }
  th, td { padding:10px 12px !important; }
}