/* ====== H5 迁移设计 Tokens（来自 app.wxss） ====== */
:root {
  --primary: #FF9500;
  --primary-light: #FFB347;
  --primary-dark: #E08600;
  --primary-gradient: linear-gradient(135deg, #FF9500 0%, #E08600 100%);
  --danger: #FF453A;
  --warning: #FF9F0A;
  --info: #0A84FF;
  --success: #30D158;
  --bg-page: #F5F5F7;
  --bg-white: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F5F5F7;
  --text-primary: #1C1C1E;
  --text-secondary: rgba(28,28,30,.65);
  --text-hint: rgba(28,28,30,.40);
  --text-placeholder: rgba(28,28,30,.30);
  --text-on-primary: #FFFFFF;
  --border: rgba(0,0,0,.08);
  --border-light: rgba(0,0,0,.04);
  --shadow-sm: 0 2px 12px rgba(0,0,0,.06);
  --shadow-md: 0 8px 32px rgba(0,0,0,.08);
  --shadow-lg: 0 16px 48px rgba(0,0,0,.12);
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 44px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --font-xs: 11px;
  --font-sm: 13px;
  --font-md: 15px;
  --font-lg: 17px;
  --font-xl: 19px;
  --font-xxl: 21px;
  --nav-bg: rgba(255,255,255,0.92);
  --overlay-bg: rgba(0,0,0,.3);
  --card-inner-bg: rgba(0,0,0,.03);
  --badge-bg: rgba(0,0,0,.05);
  --card-inner-bg-2: rgba(0,0,0,.04);
  --card-inner-bg-3: rgba(0,0,0,.06);
  --card-inner-bg-hover: rgba(0,0,0,.04);
  --mine-gradient: linear-gradient(135deg, #FFB347 0%, #FF9500 55%, #E08600 100%);
  --mine-header-shadow: 0 8px 32px rgba(255,149,0,.15);
  --avatar-border: rgba(255,255,255,.8);
  --avatar-border-sm: rgba(255,255,255,.6);
  --avatar-border-lg: rgba(255,255,255,.9);
  --avatar-bg: rgba(255,255,255,.3);
  --stat-divider: rgba(255,255,255,.7);
  --menu-arrow: rgba(0,0,0,.3);
  --back-btn-bg: rgba(0,0,0,.05);
  --back-btn-border: rgba(0,0,0,.1);
  --duck-color: #1C1C1E;
  --input-bg: rgba(0,0,0,.04);
  --input-bg-2: rgba(0,0,0,.02);
  --dash-line: rgba(0,0,0,.15);
  --timeline-dot: rgba(0,0,0,.3);
  --btn-shadow-primary: 0 6px 24px rgba(255,149,0,.20);
  --danger-bg: rgba(255,69,58,.08);
  --danger-border: rgba(255,69,58,.25);
  --danger-bg-light: rgba(255,69,58,.06);
  --primary-bg: rgba(255,149,0,.08);
  --primary-bg-light: rgba(255,149,0,.05);
  --primary-bg-mid: rgba(255,149,0,.10);
  --primary-bg-strong: rgba(255,149,0,.12);
  --primary-border: rgba(255,149,0,.20);
  --primary-border-mid: rgba(255,149,0,.25);
  --warning-bg: rgba(255,159,10,.06);
  --warning-bg-mid: rgba(255,159,10,.08);
  --warning-border: rgba(255,159,10,.12);
  --info-bg: rgba(10,132,255,.10);
  --success-bg: rgba(48,209,88,.10);
  --pink: #FF6B8A;
  --pink-bg: rgba(255,107,138,.08);
  --blue: #5E8BFF;
  --blue-bg: rgba(94,139,255,.08);
  --modal-overlay: rgba(0,0,0,.4);
  --nav-bg-2: rgba(255,255,255,0.96);
  --topbar-gradient: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.95) 100%);
  --hero-gradient: linear-gradient(135deg, #FFD78E 0%, #FF9500 100%);
  --hot-rec-gradient: linear-gradient(135deg, #FF9500 0%, #FF6B35 100%);
  --search-btn-bg: #FF9500;
  --topbar-bg: #FFFFFF;
  --content-max-width: 750px;
}