/* 全局公共样式，App.vue 中引入 */

page {
  min-height: 100%;
  color: $ai-text;
  background: $ai-page;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* 卡片 */
.card {
  margin: 0 $ai-gutter;
  border-radius: $ai-radius;
  background: $ai-panel;
  box-shadow: $ai-shadow;
  box-sizing: border-box;
}

/* 区块标题 */
.section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 34rpx $ai-gutter 20rpx;
  font-size: 34rpx;
  font-weight: 700;

  .section-action {
    font-size: 26rpx;
    font-weight: 400;
    color: $ai-muted;
  }
}

.muted {
  color: $ai-muted;
}

.chevron {
  color: #8f98a6;
  font-size: 44rpx;
  line-height: 1;
}

/* 主色按钮 */
.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 88rpx;
  border-radius: 44rpx;
  color: #fff;
  font-size: 32rpx;
  background: $ai-accent;

  &:active {
    opacity: 0.9;
  }
}

/* 安全区 */
.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}