/**
 * 中医茶疗大会 - 配色方案更新
 * 从原先的绿色系调整为蓝绿色系
 */

:root {
  /* 主色调 - 更新为蓝绿色系 */
  --primary-color: #006d55;
  --primary-light: #006d55;
  --primary-dark: #006d55;
  
  /* 保持次要色不变 */
  --secondary-color: #f8b400;
  
  /* 背景色微调 */
  --light-background: #f2f9f7;
  
  /* Vant组件的颜色更新 */
  --vant-primary: #006d55;
  --vant-success: #006d55;
}

/* 应用新颜色到主要元素 */
.btn-primary, 
.btn-primary:hover,
.workflow-number,
.navbar-brand {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-primary:hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}

.nav-link.active,
.nav-link:hover {
  color: var(--primary-color);
}

/* 移除移动端左侧边框 */
.mobile-section-title {
  border-left: none;
}

/* 更新Vant组件颜色 */
.van-button--primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important; /* 确保文字为白色，与深色背景形成对比 */
}

.van-button--primary.van-button--plain {
  color: var(--primary-color) !important;
  background-color: transparent !important;
  border-color: var(--primary-color) !important;
}

.van-tabbar-item--active {
  color: var(--primary-color) !important;
}

.van-checkbox__icon--checked {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.mobile-info-icon .van-icon,
.van-cell__title.van-cell__title--active {
  color: var(--primary-color) !important;
}

/* 移动端卡片和信息项边框颜色，改为阴影效果 */
.mobile-info-item,
.mobile-card,
.mobile-news-item {
  border-left: none;
  box-shadow: 0 3px 12px rgba(0,0,0,0.1);
  border-radius: 8px;
}

/* 移动端底部导航颜色 */
.mobile-tabbar .van-tabbar-item--active {
  color: var(--primary-color) !important;
}

/* 登录页面按钮颜色 */
#vant-login .van-button--primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/* 英雄区域渐变背景 */
.hero {
  background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
}

/* 移动端菜单激活项颜色 */
.mobile-drawer-popup .van-cell.van-cell--clickable.van-cell--active {
  color: var(--primary-color) !important;
}

/* 项目展示页面 */
.featured-icon,
.project-badge {
  background-color: var(--primary-color);
}

.featured-title,
.featured-project-title,
.highlight-title,
.project-team i,
.project-score i {
  color: var(--primary-color);
}

.featured-project {
  background: linear-gradient(135deg, rgba(0, 109, 85, 0.03), rgba(0, 109, 85, 0.07));
}

.featured-project-highlights {
  background-color: rgba(0, 109, 85, 0.05);
}

.filter-option:hover, 
.filter-option.active,
.page-link:hover, 
.page-link.active {
  background-color: var(--primary-color);
  color: #fff;
}

/* 统一页面上的所有占位图片背景色 */
[src*="fakeimg.pl"] {
  background-color: #e0f2e9 !important;
}

/* 修复专家头像背景色 */
.expert-img,
.review-avatar,
.committee-image img {
  background-color: #e0f2e9 !important;
}

/* 修复标签文字颜色 */
.van-tag {
  color: #ffffff !important;
}

.van-tag--plain {
  color: var(--primary-color) !important;
  background-color: transparent !important;
}

/* 确保PC端按钮在移动端正常显示 */
@media (max-width: 768px) {
  .btn-primary, 
  .btn-secondary {
    color: #ffffff !important;
  }
  
  .btn-outline {
    color: var(--primary-color) !important;
    background-color: transparent !important;
  }
}