/** app.wxss **/
page {
  --primary: #558B2F;
  --primary-light: #9CCC65;
  --primary-dark: #33691E;
  --secondary: #8D6E63;
  --bg-garden: #F4F6F0;
  --bg-card: rgba(255, 255, 255, 0.9);
  --text-main: #263238;
  --text-muted: #78909C;
  --accent: #FF7043;
  --danger: #EF5350;
  --success: #66BB6A;
  
  --shadow-sm: 0 2px 8px rgba(85, 139, 47, 0.08);
  --shadow-md: 0 8px 16px rgba(85, 139, 47, 0.12);
  --shadow-lg: 0 16px 32px rgba(85, 139, 47, 0.16);

  --radius-sm: 12rpx;
  --radius-md: 20rpx;
  --radius-lg: 32rpx;

  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  background-color: var(--bg-garden);
  color: var(--text-main);
  box-sizing: border-box;

  /* TDesign Theme Overrides */
  --td-brand-color: var(--primary);
  --td-brand-color-active: var(--primary-dark);
  --td-brand-color-light: var(--primary-light);
  --td-brand-color-focus: var(--primary-light); 
  --td-brand-color-disabled: #E6E6E6;
}

view, scroll-view, swiper, button, input, textarea, label, navigator, image {
  box-sizing: border-box;
}

.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} 

.card {
  background: var(--bg-card);
  border-radius: var(--radius-md);
  padding: 20rpx;
  box-shadow: var(--shadow-sm);
  margin-bottom: 16rpx;
  border: 1px solid rgba(255, 255, 255, 0.6);
}

.badge {
  display: inline-flex;
  align-items: center;
  padding: 4rpx 12rpx;
  border-radius: 20rpx;
  font-size: 22rpx;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Global scrollbar hiding for all scroll-view components */
::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

scroll-view {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

scroll-view::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}