:root{ --snack-orange-500:#ff6b20; --snack-orange-700:#b44405; --snack-orange-100:#fff0e3; --snack-ink-900:#29231f; --snack-ink-600:#786a60; --snack-ink-400:#998c80; --snack-white:#ffffff; --snack-gray-50:#f7f5f2; --snack-gray-200:#e3dcd5; --snack-purple-100:#eee6fa; --snack-purple-600:#715185; --snack-green-100:#e8f1e7; --snack-green-700:#396344; --snack-yellow-100:#fbebc6; --color-brand:var(--snack-orange-500); --color-text:var(--snack-ink-900); --color-text-secondary:var(--snack-ink-600); --color-text-disabled:var(--snack-ink-400); --color-price:var(--snack-orange-700); --color-surface:var(--snack-white); --color-canvas:var(--snack-gray-50); --color-border:var(--snack-gray-200); --color-action-bg:var(--snack-ink-900); --color-action-text:var(--snack-white); --color-action-soft-bg:var(--snack-orange-100); --color-action-soft-text:var(--snack-orange-700); --color-scene-bg:var(--snack-purple-100); --color-focus:var(--snack-purple-600); --color-success-bg:var(--snack-green-100); --color-success-text:var(--snack-green-700); --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-12:48px; --radius-control:10px; --radius-card:16px; --radius-sheet:24px; --radius-pill:999px; --font-family:"Alibaba PuHuiTi","PingFang SC","Microsoft YaHei",sans-serif; --font-size-caption:10px; --font-size-label:12px; --font-size-body:14px; --font-size-title:18px; --font-size-display:30px; --font-weight-regular:400; --font-weight-medium:600; --font-weight-bold:700; --line-height-body:1.65; --control-height:44px; --control-height-compact:34px; --shadow-float:0 12px 40px #29231f18; --duration-fast:160ms; --duration-normal:240ms; --ease-standard:cubic-bezier(.2,.8,.2,1); --z-sticky:8; --z-navigation:9; --z-feedback:30; }