.diandian-profile-grid,
.diandian-status-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin: 1.5rem 0 2rem;
}

.diandian-card {
  padding: 1rem;
  border: 1px solid rgba(128, 128, 128, 0.2);
  border-radius: 0.75rem;
}

.diandian-card-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  opacity: 0.7;
}

.diandian-card strong {
  font-size: 1.1rem;
}

.diandian-chart {
  position: relative;
  width: 100%;
  height: 350px;
  margin: 1rem 0 3rem;
}

.diandian-growth-table {
  width: 100%;
  overflow-x: auto;
}

.diandian-growth-table table {
  width: 100%;
  border-collapse: collapse;
}

.diandian-growth-table th,
.diandian-growth-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .diandian-profile-grid,
  .diandian-status-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .diandian-profile-grid,
  .diandian-status-grid {
    grid-template-columns: 1fr;
  }

  .diandian-chart {
    height: 280px;
  }
}