/* app.wxss */
page {
  background: #f5f5f5;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.container {
  min-height: 100vh;
  padding: 0;
  background: transparent;
  /* 添加安全区适配 */
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

/* 卡片样式 */
.card {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin: 12px;
  padding: 16px;
}

/* 按钮样式 */
.primary-btn {
  background: #0052d9;
  border: none;
  border-radius: 6px;
  color: white;
  font-weight: 500;
  transition: all 0.2s ease;
}

.primary-btn:active {
  background: #0034b5;
}

/* 输入框样式 */
.modern-input {
  background: #ffffff;
  border-radius: 6px;
  border: 1px solid #e3e6eb;
  transition: all 0.2s ease;
}

.modern-input:focus {
  border-color: #0052d9;
  box-shadow: 0 0 0 2px rgba(0, 82, 217, 0.1);
}

/* 动画效果 */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in {
  animation: fadeIn 0.3s ease-out;
}

/* 状态标签 */
.status-high {
  background: #e34d59;
  color: white;
}

.status-medium {
  background: #ed7b2f;
  color: white;
}

.status-low {
  background: #00a870;
  color: white;
}

/* 进度条样式 */
.progress-container {
  background: #f3f3f3;
  border-radius: 4px;
  overflow: hidden;
}

/* 空状态样式 */
.empty-state {
  text-align: center;
  padding: 40px 20px;
  color: #999;
}

.empty-state .t-icon {
  margin-bottom: 12px;
  opacity: 0.5;
}

/* 自定义标签栏 */
.custom-tab-bar {
  background: #ffffff !important;
  border-top: 1px solid #e3e6eb;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
  /* 添加底部安全区适配 */
  padding-bottom: env(safe-area-inset-bottom);
}

/* 安全区适配工具类 */
.safe-area-top {
  padding-top: env(safe-area-inset-top);
}

.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

.safe-area-left {
  padding-left: env(safe-area-inset-left);
}

.safe-area-right {
  padding-right: env(safe-area-inset-right);
}