front/src/views/h5/customer-center/styles/tokens.less
zzh abfca7a21a feat: add H5 customer center, marketing admin, and employee profile UX
Ship customer portal and marketing pages, user edit drawer with employee archive, IDE employee numbers, channel config refactor, and related nginx/route updates.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-26 23:44:02 +08:00

50 lines
1.2 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/**
* H5 客户中心视觉 Token(仅作用于 /h5 壳,不改 PC 全局主题)
*/
.h5-center-layout {
--h5-bg: #f5f7f8;
--h5-bg-hero: linear-gradient(
165deg,
color-mix(in srgb, var(--app-primary-color) 22%, #e8f4f4) 0%,
color-mix(in srgb, var(--app-primary-color) 8%, #f5f7f8) 42%,
#f5f7f8 100%
);
--h5-surface: #ffffff;
--h5-text: #1d2129;
--h5-text-2: #4e5969;
--h5-text-3: #86909c;
--h5-border: #e5e6eb;
--h5-border-soft: #f2f3f5;
--h5-radius: 16px;
--h5-radius-sm: 12px;
--h5-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
--h5-shadow-lift: 0 8px 24px rgba(15, 23, 42, 0.08);
--h5-warning: #ff7d00;
--h5-warning-bg: #fff7e8;
--h5-danger: #f53f3f;
--h5-danger-bg: #ffece8;
--h5-success: #00b42a;
--h5-success-bg: #e8ffea;
--h5-primary-soft: color-mix(in srgb, var(--app-primary-color) 12%, #fff);
--h5-primary-softer: color-mix(in srgb, var(--app-primary-color) 8%, #fff);
--h5-safe-bottom: env(safe-area-inset-bottom, 0px);
background: var(--h5-bg);
color: var(--h5-text);
}
.h5-enter {
animation: h5-rise-in 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes h5-rise-in {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}