// 全局变量
$primary-color: #409eff;
$background-color: #0a1d3c;
$text-color: #fff;
$text-secondary: rgba(255, 255, 255, 0.8);

// 重置样式
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Arial', sans-serif;
  background-color: $background-color;
  color: $text-color;
  overflow: hidden;
}

// 卡片通用样式
.card {
  border-radius: 8px;
  padding: 20px;
  height: 100%;
}

// 图表容器
.chart-container {
  @extend .card;
  display: flex;
  flex-direction: column;
  
  .chart-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  
  .chart {
    flex: 1;
    width: 100%;
  }
}