/* ════════════════════════════════════════════════════════
   找搭子 平台 设计 总基调 (Wave 5.B 沉淀)
   主色: 嫩芽绿 #8FD14F + 标准橙 #FF7A00
   调性: 年轻人 + 热情 + 爱大自然 + 真实见面
   - 嫩芽绿: 春天/新生/户外/草尖, 用于 主背景/卡片头部/次CTA
   - 标准橙: 阳光/热情/活力, 用于 主CTA/强调/选中态
   - 渐变: 嫩绿→橙 (135deg), 用于 头部/Banner/重要卡片
   ════════════════════════════════════════════════════════ */
:root {
  --orange: #FF7A00;
  --green: #4CAF50;       /* 嫩芽绿 - 平台主色 (Wave 5.B 校准, 代表新生/户外/年轻) */
  --green-deep: #2E7D32;  /* 嫩芽绿-深 - 文字/边框 (对比度更友好) */
  --green-soft: #E8F5E9;  /* 嫩芽绿-柔 - 浅背景/标签底色 */
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-hint: #999999;
  --bg-color: #F8F8F8;
  --card-bg: #FFFFFF;
  --border: #E0E0E0;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;background:var(--bg-color);min-height:100vh;padding-bottom:70px;-webkit-tap-highlight-color:transparent;}

.navbar{background:var(--card-bg);padding:15px 20px;display:flex;align-items:center;gap:15px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);}
.back-btn{font-size:24px;color:var(--text-primary);text-decoration:none;}
.navbar-title{font-size:18px;font-weight:700;color:var(--text-primary);flex:1;}

.card{background:var(--card-bg);border-radius:16px;padding:20px;margin-bottom:15px;box-shadow:var(--shadow-sm);}

.btn{padding:14px 24px;border-radius:16px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all 0.2s;}
.btn:active{transform:scale(0.96);opacity:0.9;}
.btn-orange{background:var(--orange);color:white;box-shadow:0 6px 20px rgba(255,122,0,0.3);}
.btn-green{background:var(--green);color:white;box-shadow:0 6px 20px rgba(82,196,26,0.3);}

.tabbar{position:fixed;bottom:0;left:0;right:0;height:65px;background:var(--card-bg);display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);}
.tab-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-hint);font-size:10px;transition:color 0.2s;}
.tab-item.active{color:var(--orange);}
.tab-icon{font-size:24px;margin-bottom:4px;}

@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}
.loading{animation:pulse 1.5s infinite;text-align:center;padding:40px;color:var(--text-hint);}

@keyframes shimmer{0%{background-position:-1000px 0;}100%{background-position:1000px 0;}}
.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:8px;}

/* ═══════ Wave 5.B 设计系统 工具类 ═══════ */
.text-green { color: var(--green); }
.text-green-deep { color: var(--green-deep); }
.text-orange { color: var(--orange); }
.bg-green-soft { background: var(--green-soft); }
.gradient-brand {
  background: linear-gradient(135deg, var(--green), var(--orange));
  color: white;
}
.btn-primary {
  display: inline-block;
  padding: 11px 28px;
  background: var(--orange);
  color: white;
  border: none;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-primary:active { transform: scale(0.96); }
.btn-secondary {
  display: inline-block;
  padding: 11px 28px;
  background: var(--green-soft);
  color: var(--green-deep);
  border: 1.5px solid var(--green);
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-secondary:active { transform: scale(0.96); }
.tag-green {
  display: inline-block;
  padding: 2px 10px;
  background: var(--green-soft);
  color: var(--green-deep);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
}
/* v=20260506_wave5b_lushgreen */
/* v=20260506_wave5b_lushgreen */
/* v=20260506_wave5b_zhenglv */