/* Wap 默认青色系主题 */
:root {
  /* 主题色彩 */
  --theme-color: #17a2b8;           /* 青色主色 */
  --theme-color-light: #e6fffb;     /* 青色浅色 */
  --theme-color-dark: #006d75;      /* 青色深色 */
  --theme-color-hover: #20c0db;     /* 悬停色 */
  --theme-color-active: #138496;    /* 激活色 */
  
  /* 移动端特殊变量 */
  --mobile-header-bg: var(--theme-color);
  --mobile-tab-active: var(--theme-color);
  --mobile-button-bg: var(--theme-color);
}

/* 移动端主题样式 */
.wap-theme-cyan {
  /* 顶部导航 */
  .top-header {
    background: linear-gradient(135deg, #17a2b8 0%, #20c0db 100%);
  }
  
  /* 底部导航 */
  .bottom-nav .active {
    color: var(--theme-color);
  }
  
  /* 按钮样式 */
  .btn-primary {
    background: var(--theme-color);
    border-color: var(--theme-color);
  }
  
  /* 清新风格 */
  .fresh-card {
    background: var(--theme-color-light);
    border: 1px solid var(--theme-color);
    border-radius: 8px;
  }
}