first

2026-05-11 15:28:27 +08:00
commit 9aac78b8da
289 changed files with 67193 additions and 0 deletions
--- a/user-app/src/styles/app.scss
+++ b/user-app/src/styles/app.scss
--- a/user-app/src/styles/tokens.scss
+++ b/user-app/src/styles/tokens.scss
@@ -0,0 +1,104 @@
+:root,
+page {
+  --color-brand-black: #252527;
+  --color-brand-gold: #edbd00;
+  --color-brand-gold-deep: #c89b00;
+  --color-brand-ivory: #f7f7f8;
+  --color-brand-cream: #f2f2f4;
+
+  --color-white: #ffffff;
+  --color-text-primary: #252527;
+  --color-text-secondary: #6a6a6d;
+  --color-text-tertiary: #9a9a9d;
+  --color-border: #ebebee;
+  --color-bg-soft: #f6f6f7;
+  --color-bg-page: #f2f2f4;
+
+  --color-success: #2f6b4f;
+  --color-success-bg: #eaf4ee;
+  --color-warning: #a97700;
+  --color-warning-bg: #fff4d9;
+  --color-danger: #9f3b32;
+  --color-danger-bg: #fbedea;
+  --color-info: #355c7d;
+  --color-info-bg: #eef4f8;
+
+  --font-family-base: "PingFang SC", "Microsoft YaHei", sans-serif;
+  --font-family-display: "PingFang SC", "Microsoft YaHei", sans-serif;
+
+  --font-size-xs: 24rpx;
+  --font-size-sm: 28rpx;
+  --font-size-md: 32rpx;
+  --font-size-lg: 36rpx;
+  --font-size-xl: 40rpx;
+  --font-size-2xl: 48rpx;
+  --font-size-hero: 52rpx;
+
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+
+  --line-height-tight: 1.2;
+  --line-height-base: 1.5;
+  --line-height-relaxed: 1.7;
+
+  --radius-sm: 8rpx;
+  --radius-md: 12rpx;
+  --radius-lg: 16rpx;
+  --radius-xl: 16rpx;
+  --radius-pill: 999rpx;
+
+  --shadow-sm: 0 10rpx 24rpx rgba(0, 0, 0, 0.035);
+  --shadow-md: 0 16rpx 34rpx rgba(0, 0, 0, 0.05);
+  --shadow-lg: 0 24rpx 54rpx rgba(0, 0, 0, 0.08);
+
+  --page-padding-x: 32rpx;
+  --page-section-gap: 48rpx;
+  --page-block-gap: 64rpx;
+
+  --button-height-md: 96rpx;
+  --button-height-lg: 104rpx;
+
+  --input-height: 96rpx;
+  --input-bg: rgba(255, 255, 255, 0.88);
+  --input-border: #ededf0;
+  --input-border-focus: #edbd00;
+  --input-placeholder: #a8a8ab;
+
+  --card-bg: #ffffff;
+  --card-border: #eeeeef;
+  --card-padding: 32rpx;
+  --card-padding-lg: 40rpx;
+
+  --tag-radius: 999rpx;
+
+  --color-primary: var(--color-brand-black);
+  --color-accent: var(--color-brand-gold);
+  --color-page-bg: var(--color-bg-page);
+  --color-card-bg: var(--card-bg);
+  --color-heading: var(--color-text-primary);
+  --color-body: var(--color-text-secondary);
+  --color-muted: var(--color-text-tertiary);
+
+  --color-status-success: var(--color-success);
+  --color-status-success-bg: var(--color-success-bg);
+  --color-status-warning: var(--color-warning);
+  --color-status-warning-bg: var(--color-warning-bg);
+  --color-status-danger: var(--color-danger);
+  --color-status-danger-bg: var(--color-danger-bg);
+  --color-status-info: var(--color-info);
+  --color-status-info-bg: var(--color-info-bg);
+
+  --button-primary-bg: #edbd00;
+  --button-primary-text: #ffffff;
+  --button-primary-shadow: var(--shadow-sm);
+  --button-secondary-bg: #ffffff;
+  --button-secondary-text: var(--color-brand-black);
+  --button-secondary-border: #eeeeef;
+
+  --fixed-action-bar-bg: rgba(255, 255, 255, 0.94);
+  --fixed-action-bar-border: #e9e9eb;
+
+  --z-fixed-bar: 100;
+}