/* * Lingee UI Design Tokens * 提取自 https://kingdee.github.io/lingee-ui/ (kingdee/lingee-ui) * 用法: 默认浅色; 切换深色 */ :root { /* ---------- 原子色板 / Primitive palette (solid) ---------- */ --lg-primary-50: #f3f5ff; --lg-primary-100: #e9edff; --lg-primary-200: #d4dbff; --lg-primary-300: #b7c1ff; --lg-primary-400: #95a2ff; --lg-primary-500: #6d80ff; --lg-primary-600: #495dff; --lg-primary-700: #3b47f2; --lg-primary-800: #2f37c7; --lg-primary-900: #272f9c; --lg-primary-950: #1b2169; --lg-blue-10: #f7fbff; --lg-blue-50: #f2f7ff; --lg-blue-100: #e4eeff; --lg-blue-200: #c8dcff; --lg-blue-300: #a4c5ff; --lg-blue-400: #74a5ff; --lg-blue-500: #4d89ff; --lg-blue-600: #2970ff; --lg-blue-700: #155be8; --lg-blue-800: #164abe; --lg-blue-900: #183f96; --lg-blue-950: #172a5e; --lg-indigo-50: #f5f6ff; --lg-indigo-100: #e5e9ff; --lg-indigo-200: #ccd3ff; --lg-indigo-300: #9ba6fd; --lg-indigo-400: #737cfc; --lg-indigo-500: #5155f6; --lg-indigo-600: #4343f5; --lg-indigo-700: #322fcc; --lg-indigo-800: #1a18a3; --lg-indigo-900: #0d097a; --lg-indigo-950: #060066; --lg-violet-50: #f5f2ff; --lg-violet-100: #e9e3ff; --lg-violet-200: #cec2ff; --lg-violet-300: #b19eff; --lg-violet-400: #9980ff; --lg-violet-500: #7858f9; --lg-violet-600: #572ff7; --lg-violet-700: #3c17cf; --lg-violet-800: #2505a6; --lg-violet-900: #1a0080; --lg-violet-950: #140066; --lg-purple-50: #f9f5ff; --lg-purple-100: #f1e7ff; --lg-purple-200: #e5d3ff; --lg-purple-300: #d0b0ff; --lg-purple-400: #b37eff; --lg-purple-500: #8f40ff; --lg-purple-600: #7f2af3; --lg-purple-700: #6c1ad6; --lg-purple-800: #5d1aaf; --lg-purple-900: #4d178c; --lg-purple-950: #320269; --lg-fuchsia-50: #fff2fc; --lg-fuchsia-100: #ffe3f8; --lg-fuchsia-200: #ffc2f0; --lg-fuchsia-300: #ff9ee7; --lg-fuchsia-400: #ff80df; --lg-fuchsia-500: #f858d0; --lg-fuchsia-600: #ed1db9; --lg-fuchsia-700: #b8148f; --lg-fuchsia-800: #950471; --lg-fuchsia-900: #66004d; --lg-fuchsia-950: #5c0044; --lg-pink-50: #fff0f3; --lg-pink-100: #ffe2ea; --lg-pink-200: #ffcada; --lg-pink-300: #ff9fbb; --lg-pink-400: #ff6997; --lg-pink-500: #ff246d; --lg-pink-600: #ed1165; --lg-pink-700: #c80856; --lg-pink-800: #a8094f; --lg-pink-900: #8f0c49; --lg-pink-950: #6b0130; --lg-red-10: #fff5f5; --lg-red-50: #fff0f1; --lg-red-100: #ffe0e3; --lg-red-200: #ffc7cc; --lg-red-300: #ff9ea6; --lg-red-400: #ff5765; --lg-red-500: #ff293b; --lg-red-600: #f12234; --lg-red-700: #da0b20; --lg-red-800: #b30f25; --lg-red-900: #991519; --lg-red-950: #580405; --lg-orange-10: #fff7f0; --lg-orange-50: #fff5ec; --lg-orange-100: #ffe8d6; --lg-orange-200: #ffd5b5; --lg-orange-300: #ffbe90; --lg-orange-400: #ffa56a; --lg-orange-500: #ff8d42; --lg-orange-600: #f70; --lg-orange-700: #dd6301; --lg-orange-800: #ba5002; --lg-orange-900: #964009; --lg-orange-950: #521a00; --lg-amber-50: #fffdea; --lg-amber-100: #fff8c5; --lg-amber-200: #fff285; --lg-amber-300: #ffdb38; --lg-amber-400: #ffd414; --lg-amber-500: #ffb200; --lg-amber-600: #e28800; --lg-amber-700: #bb5f02; --lg-amber-800: #984908; --lg-amber-900: #7c3c0b; --lg-amber-950: #612800; --lg-yellow-50: #feffe7; --lg-yellow-100: #fbffc1; --lg-yellow-200: #fffb86; --lg-yellow-300: #ffec3d; --lg-yellow-400: #ffe51c; --lg-yellow-500: #ffe500; --lg-yellow-600: #d1a600; --lg-yellow-700: #a67802; --lg-yellow-800: #895d0a; --lg-yellow-900: #744c0f; --lg-yellow-950: #5c3c05; --lg-lime-50: #f0fbe4; --lg-lime-100: #ebfadc; --lg-lime-200: #cbf2a5; --lg-lime-300: #9ce356; --lg-lime-400: #84d533; --lg-lime-500: #74d70b; --lg-lime-600: #5fba04; --lg-lime-700: #438308; --lg-lime-800: #38670d; --lg-lime-900: #305710; --lg-lime-950: #1e4203; --lg-green-10: #f7fff8; --lg-green-50: #eefff0; --lg-green-100: #dbffe1; --lg-green-200: #b4f5bf; --lg-green-300: #7aeb9c; --lg-green-400: #45e57a; --lg-green-500: #08cc50; --lg-green-600: #04b545; --lg-green-700: #078e3b; --lg-green-800: #0c6f37; --lg-green-900: #0c5b31; --lg-green-950: #003d1d; --lg-emerald-50: #ebfef7; --lg-emerald-100: #d4fce9; --lg-emerald-200: #a9ebd3; --lg-emerald-300: #83ebc8; --lg-emerald-400: #50e5b9; --lg-emerald-500: #08c787; --lg-emerald-600: #009d72; --lg-emerald-700: #007e5e; --lg-emerald-800: #02634c; --lg-emerald-900: #025240; --lg-emerald-950: #003d31; --lg-teal-50: #effefc; --lg-teal-100: #c9fef5; --lg-teal-200: #87ebdb; --lg-teal-300: #71f5e5; --lg-teal-400: #4cebe9; --lg-teal-500: #00e5e5; --lg-teal-600: #00bfb8; --lg-teal-700: #027f83; --lg-teal-800: #086367; --lg-teal-900: #0f5052; --lg-teal-950: #013a3d; --lg-cyan-50: #f0f9ff; --lg-cyan-100: #def1ff; --lg-cyan-200: #b6e5ff; --lg-cyan-300: #75d3ff; --lg-cyan-400: #2cbdff; --lg-cyan-500: #00a3f4; --lg-cyan-600: #0083d4; --lg-cyan-700: #0068ab; --lg-cyan-800: #00588d; --lg-cyan-900: #064a74; --lg-cyan-950: #053a61; --lg-danger-10: var(--lg-red-10); --lg-danger-50: var(--lg-red-50); --lg-danger-100: var(--lg-red-100); --lg-danger-200: var(--lg-red-200); --lg-danger-300: var(--lg-red-300); --lg-danger-400: var(--lg-red-400); --lg-danger-500: var(--lg-red-500); --lg-danger-600: var(--lg-red-600); --lg-danger-700: var(--lg-red-700); --lg-danger-800: var(--lg-red-800); --lg-danger-900: var(--lg-red-900); --lg-danger-950: var(--lg-red-950); --lg-success-10: var(--lg-green-10); --lg-success-50: var(--lg-green-50); --lg-success-100: var(--lg-green-100); --lg-success-200: var(--lg-green-200); --lg-success-300: var(--lg-green-300); --lg-success-400: var(--lg-green-400); --lg-success-500: var(--lg-green-500); --lg-success-600: var(--lg-green-600); --lg-success-700: var(--lg-green-700); --lg-success-800: var(--lg-green-800); --lg-success-900: var(--lg-green-900); --lg-success-950: var(--lg-green-950); --lg-warning-10: var(--lg-orange-10); --lg-warning-50: var(--lg-orange-50); --lg-warning-100: var(--lg-orange-100); --lg-warning-200: var(--lg-orange-200); --lg-warning-300: var(--lg-orange-300); --lg-warning-400: var(--lg-orange-400); --lg-warning-500: var(--lg-orange-500); --lg-warning-600: var(--lg-orange-600); --lg-warning-700: var(--lg-orange-700); --lg-warning-800: var(--lg-orange-800); --lg-warning-900: var(--lg-orange-900); --lg-warning-950: var(--lg-orange-950); --lg-black-0: #0000; --lg-black-2: #00000005; --lg-black-3: #00000008; --lg-black-6: #0000000f; --lg-black-8: #00000014; --lg-black-12: #0000001f; --lg-black-18: #0000002e; --lg-black-28: #00000047; --lg-black-46: #00000075; --lg-black-64: #000000a3; --lg-black-82: #000000d1; --lg-black-94: #000000f0; --lg-black-100: #000; --lg-white-0: #fff0; --lg-white-2: #ffffff05; --lg-white-3: #ffffff08; --lg-white-6: #ffffff0f; --lg-white-8: #ffffff14; --lg-white-12: #ffffff1f; --lg-white-18: #ffffff2e; --lg-white-28: #ffffff47; --lg-white-46: #ffffff75; --lg-white-64: #ffffffa3; --lg-white-82: #ffffffd1; --lg-white-94: #fffffff0; --lg-white-100: #fff; --lg-chart-1: var(--lg-primary-400); --lg-chart-2: var(--lg-emerald-500); --lg-chart-3: var(--lg-amber-500); --lg-chart-4: var(--lg-cyan-500); --lg-chart-5: var(--lg-lime-500); --lg-chart-6: #767aff; --lg-chart-7: #97a3c1; --lg-chart-8: #769dff; --lg-chart-9: #999; --lg-chart-10: var(--lg-fuchsia-500); --lg-chart-11: var(--lg-teal-500); --lg-chart-12: var(--lg-yellow-500); --lg-chart-13: var(--lg-purple-500); --lg-chart-14: var(--lg-pink-500); --lg-chart-15: var(--lg-violet-500); /* ---------- 透明度色板 / Alpha palette (=不透明度%) ---------- */ --lg-primary-500-0: #6d80ff00; --lg-primary-500-3: #6d80ff08; --lg-primary-500-6: #6d80ff0f; --lg-primary-500-8: #6d80ff14; --lg-primary-500-12: #6d80ff1f; --lg-primary-500-28: #6d80ff47; --lg-primary-500-46: #6d80ff75; --lg-primary-500-64: #6d80ffa3; --lg-primary-500-82: #6d80ffd1; --lg-primary-500-94: #6d80fff0; --lg-primary-500-100: #6d80ff; --lg-blue-500-0: #4d89ff00; --lg-blue-500-3: #4d89ff08; --lg-blue-500-6: #4d89ff0f; --lg-blue-500-8: #4d89ff14; --lg-blue-500-12: #4d89ff1f; --lg-blue-500-28: #4d89ff47; --lg-blue-500-46: #4d89ff75; --lg-blue-500-64: #4d89ffa3; --lg-blue-500-82: #4d89ffd1; --lg-blue-500-94: #4d89fff0; --lg-blue-500-100: #4d89ff; --lg-indigo-500-0: #5155f600; --lg-indigo-500-3: #5155f608; --lg-indigo-500-6: #5155f60f; --lg-indigo-500-8: #5155f614; --lg-indigo-500-12: #5155f61f; --lg-indigo-500-28: #5155f647; --lg-indigo-500-46: #5155f675; --lg-indigo-500-64: #5155f6a3; --lg-indigo-500-82: #5155f6d1; --lg-indigo-500-94: #5155f6f0; --lg-indigo-500-100: #5155f6; --lg-violet-500-0: #7858f900; --lg-violet-500-3: #7858f908; --lg-violet-500-6: #7858f90f; --lg-violet-500-8: #7858f914; --lg-violet-500-12: #7858f91f; --lg-violet-500-28: #7858f947; --lg-violet-500-46: #7858f975; --lg-violet-500-64: #7858f9a3; --lg-violet-500-82: #7858f9d1; --lg-violet-500-94: #7858f9f0; --lg-violet-500-100: #7858f9; --lg-purple-500-0: #8f40ff00; --lg-purple-500-3: #8f40ff08; --lg-purple-500-6: #8f40ff0f; --lg-purple-500-8: #8f40ff14; --lg-purple-500-12: #8f40ff1f; --lg-purple-500-28: #8f40ff47; --lg-purple-500-46: #8f40ff75; --lg-purple-500-64: #8f40ffa3; --lg-purple-500-82: #8f40ffd1; --lg-purple-500-94: #8f40fff0; --lg-purple-500-100: #8f40ff; --lg-fuchsia-500-0: #f858d000; --lg-fuchsia-500-3: #f858d008; --lg-fuchsia-500-6: #f858d00f; --lg-fuchsia-500-8: #f858d014; --lg-fuchsia-500-12: #f858d01f; --lg-fuchsia-500-28: #f858d047; --lg-fuchsia-500-46: #f858d075; --lg-fuchsia-500-64: #f858d0a3; --lg-fuchsia-500-82: #f858d0d1; --lg-fuchsia-500-94: #f858d0f0; --lg-fuchsia-500-100: #f858d0; --lg-red-500-0: #ff293b00; --lg-red-500-3: #ff293b08; --lg-red-500-6: #ff293b0f; --lg-red-500-8: #ff293b14; --lg-red-500-12: #ff293b1f; --lg-red-500-28: #ff293b47; --lg-red-500-46: #ff293b75; --lg-red-500-64: #ff293ba3; --lg-red-500-82: #ff293bd1; --lg-red-500-94: #ff293bf0; --lg-red-500-100: #ff293b; --lg-orange-500-0: #f700; --lg-orange-500-3: #ff770008; --lg-orange-500-6: #ff77000f; --lg-orange-500-8: #ff770014; --lg-orange-500-12: #ff77001f; --lg-orange-500-28: #ff770047; --lg-orange-500-46: #ff770075; --lg-orange-500-64: #ff7700a3; --lg-orange-500-82: #ff7700d1; --lg-orange-500-94: #ff7700f0; --lg-orange-500-100: #f70; --lg-amber-500-0: #ffb20000; --lg-amber-500-3: #ffb20008; --lg-amber-500-6: #ffb2000f; --lg-amber-500-8: #ffb20014; --lg-amber-500-12: #ffb2001f; --lg-amber-500-28: #ffb20047; --lg-amber-500-46: #ffb20075; --lg-amber-500-64: #ffb200a3; --lg-amber-500-82: #ffb200d1; --lg-amber-500-94: #ffb200f0; --lg-amber-500-100: #ffb200; --lg-yellow-500-0: #ffe50000; --lg-yellow-500-3: #ffe50008; --lg-yellow-500-6: #ffe5000f; --lg-yellow-500-8: #ffe50014; --lg-yellow-500-12: #ffe5001f; --lg-yellow-500-28: #ffe50047; --lg-yellow-500-46: #ffe50075; --lg-yellow-500-64: #ffe500a3; --lg-yellow-500-82: #ffe500d1; --lg-yellow-500-94: #ffe500f0; --lg-yellow-500-100: #ffe500; --lg-lime-500-0: #74d70b00; --lg-lime-500-3: #74d70b08; --lg-lime-500-6: #74d70b0f; --lg-lime-500-8: #74d70b14; --lg-lime-500-12: #74d70b1f; --lg-lime-500-28: #74d70b47; --lg-lime-500-46: #74d70b75; --lg-lime-500-64: #74d70ba3; --lg-lime-500-82: #74d70bd1; --lg-lime-500-94: #74d70bf0; --lg-lime-500-100: #74d70b; --lg-green-500-0: #08cc5000; --lg-green-500-3: #08cc5008; --lg-green-500-6: #08cc500f; --lg-green-500-8: #08cc5014; --lg-green-500-12: #08cc501f; --lg-green-500-28: #08cc5047; --lg-green-500-46: #08cc5075; --lg-green-500-64: #08cc50a3; --lg-green-500-82: #08cc50d1; --lg-green-500-94: #08cc50f0; --lg-green-500-100: #08cc50; --lg-emerald-500-0: #08c78700; --lg-emerald-500-3: #08c78708; --lg-emerald-500-6: #08c7870f; --lg-emerald-500-8: #08c78714; --lg-emerald-500-12: #08c7871f; --lg-emerald-500-28: #08c78747; --lg-emerald-500-46: #08c78775; --lg-emerald-500-64: #08c787a3; --lg-emerald-500-82: #08c787d1; --lg-emerald-500-94: #08c787f0; --lg-teal-500-0: #00e5e500; --lg-teal-500-3: #00e5e508; --lg-teal-500-6: #00e5e50f; --lg-teal-500-8: #00e5e514; --lg-teal-500-12: #00e5e51f; --lg-teal-500-28: #00e5e547; --lg-teal-500-46: #00e5e575; --lg-teal-500-64: #00e5e5a3; --lg-teal-500-82: #00e5e5d1; --lg-teal-500-94: #00e5e5f0; --lg-teal-500-100: #00e5e5; --lg-cyan-500-0: #00a3f400; --lg-cyan-500-3: #00a3f408; --lg-cyan-500-6: #00a3f40f; --lg-cyan-500-8: #00a3f414; --lg-cyan-500-12: #00a3f41f; --lg-cyan-500-28: #00a3f447; --lg-cyan-500-46: #00a3f475; --lg-cyan-500-64: #00a3f4a3; --lg-cyan-500-82: #00a3f4d1; --lg-cyan-500-94: #00a3f4f0; --lg-cyan-500-100: #00a3f4; --lg-chart-1-0: #599cff00; --lg-chart-1-8: #599cff14; --lg-chart-1-28: #599cff47; --lg-chart-1-64: #599cffa3; --lg-chart-2-8: #08c78714; --lg-chart-2-28: #08c78747; --lg-chart-2-64: #08c787a3; --lg-chart-3-64: #ffb200a3; --lg-chart-4-64: #00a3f4a3; --lg-chart-5-64: #74d70ba3; --lg-chart-6-64: #767affa3; --lg-chart-7-64: #97a3c1a3; --lg-chart-8-64: #769dffa3; --lg-chart-9-64: #999999a3; --lg-chart-10-64: #f858d0a3; --lg-chart-11-64: #00e5e5a3; --lg-chart-12-64: #ffe600a3; --lg-chart-13-64: #8f40ffa3; --lg-chart-14-64: #ff246da3; --lg-chart-15-64: #7858f9a3; /* ---------- 字体 / Typography ---------- */ --lg-font-family-body: "PingFang SC"; --lg-font-family-display: "PingFang SC"; --lg-font-family-title: "PingFang SC"; --lg-font-size-large-20: 20px; --lg-font-size-large-24: 24px; --lg-font-size-large-28: 28px; --lg-font-size-large-32: 32px; --lg-font-size-large-36: 36px; --lg-font-size-large-48: 48px; --lg-font-size-large-72: 72px; --lg-font-size-medium-16: 16px; --lg-font-size-medium-18: 18px; --lg-font-size-small-10: 10px; --lg-font-size-small-12: 12px; --lg-font-size-small-14: 14px; --lg-font-weight-bold: bold; --lg-font-weight-light: light; --lg-font-weight-normal: regular; --lg-font-weight-semibold: semibold; /* ---------- 圆角 / Radius ---------- */ --lg-radius-2x-large: 20px; --lg-radius-3x-large: 24px; --lg-radius-4x-large: 28px; --lg-radius-5x-large: 32px; --lg-radius-circle: 999px; --lg-radius-large: 12px; --lg-radius-medium: 6px; --lg-radius-pill: 999px; --lg-radius-small: 4px; --lg-radius-x-large: 16px; --lg-radius-x-medium: 8px; /* ---------- 间距 / Spacing ---------- */ --lg-spacing-0-5x-large: 24px; --lg-spacing-0-5x-small: 10px; --lg-spacing-1-5x-small: 6px; --lg-spacing-2x-large: 36px; --lg-spacing-2x-small: 4px; --lg-spacing-3x-large: 48px; --lg-spacing-3x-small: 2px; --lg-spacing-4x-large: 72px; --lg-spacing-large: 20px; --lg-spacing-medium: 16px; --lg-spacing-small: 12px; --lg-spacing-x-large: 28px; --lg-spacing-x-small: 8px; /* ---------- 语义色 / Semantic (light) - fg/bg/border/shadow ---------- */ --lg-g-bg-color-amber-default: var(--lg-amber-600); --lg-g-bg-color-amber-faint: var(--lg-amber-50); --lg-g-bg-color-amber-faint-dark: var(--lg-amber-50); --lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12); --lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8); --lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6); --lg-g-bg-color-black-default: var(--lg-black-46); --lg-g-bg-color-black-emphasis: var(--lg-black-64); --lg-g-bg-color-black-faint: var(--lg-black-3); --lg-g-bg-color-black-ghost: var(--lg-black-0); --lg-g-bg-color-black-hint: var(--lg-black-2); --lg-g-bg-color-black-intense: var(--lg-black-94); --lg-g-bg-color-black-moderate: var(--lg-black-18); --lg-g-bg-color-black-muted: var(--lg-black-12); --lg-g-bg-color-black-soft: var(--lg-black-8); --lg-g-bg-color-black-strong: var(--lg-black-82); --lg-g-bg-color-black-subtle: var(--lg-black-6); --lg-g-bg-color-blue-default: var(--lg-blue-600); --lg-g-bg-color-blue-faint: var(--lg-blue-50); --lg-g-bg-color-blue-faint-dark: var(--lg-blue-50); --lg-g-bg-color-blue-ghost: var(--lg-blue-10); --lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-3); --lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8); --lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-0); --lg-g-bg-color-cyan-default: var(--lg-cyan-600); --lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8); --lg-g-bg-color-danger-default: var(--lg-danger-600); --lg-g-bg-color-danger-emphasis: var(--lg-danger-700); --lg-g-bg-color-danger-faint: var(--lg-danger-50); --lg-g-bg-color-danger-faint-dark: var(--lg-danger-50); --lg-g-bg-color-danger-ghost: var(--lg-danger-10); --lg-g-bg-color-danger-low: var(--lg-danger-500); --lg-g-bg-color-danger-muted: var(--lg-danger-300); --lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-3); --lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-0); --lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12); --lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-8); --lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-6); --lg-g-bg-color-emeraid-translucent-soft: var(--lg-emerald-500-8); --lg-g-bg-color-emerald-default: var(--lg-emerald-600); --lg-g-bg-color-emerald-faint: var(--lg-emerald-50); --lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600); --lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-50); --lg-g-bg-color-fuchsia-faint-dark: var(--lg-fuchsia-50); --lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8); --lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100); --lg-g-bg-color-indigo-default: var(--lg-indigo-600); --lg-g-bg-color-indigo-faint: var(--lg-indigo-50); --lg-g-bg-color-indigo-faint-dark: var(--lg-indigo-50); --lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8); --lg-g-bg-color-lime-default: var(--lg-lime-600); --lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8); --lg-g-bg-color-pink-default: var(--lg-pink-600); --lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8); --lg-g-bg-color-primary-default: var(--lg-primary-600); --lg-g-bg-color-primary-emphasis: var(--lg-primary-700); --lg-g-bg-color-primary-low: var(--lg-primary-500); --lg-g-bg-color-primary-muted: var(--lg-primary-300); --lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3); --lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12); --lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-8); --lg-g-bg-color-primary-translucent-subtle: var(--lg-primary-500-6); --lg-g-bg-color-purple-default: var(--lg-purple-600); --lg-g-bg-color-purple-faint: var(--lg-purple-50); --lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8); --lg-g-bg-color-success-default: var(--lg-success-600); --lg-g-bg-color-success-faint: var(--lg-success-50); --lg-g-bg-color-success-faint-dark: var(--lg-success-50); --lg-g-bg-color-success-ghost: var(--lg-success-10); --lg-g-bg-color-success-translucent-faint: var(--lg-green-500-3); --lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8); --lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-0); --lg-g-bg-color-teal-default: var(--lg-teal-600); --lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8); --lg-g-bg-color-violet-default: var(--lg-violet-600); --lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8); --lg-g-bg-color-warning-default: var(--lg-warning-600); --lg-g-bg-color-warning-faint: var(--lg-warning-50); --lg-g-bg-color-warning-ghost: var(--lg-warning-10); --lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-3); --lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-0); --lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12); --lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-8); --lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-6); --lg-g-bg-color-white-emphasis: var(--lg-white-64); --lg-g-bg-color-white-heavy: var(--lg-white-100); --lg-g-bg-color-white-translucent-ghost: var(--lg-white-0); --lg-g-bg-color-white-translucent-heavy: var(--lg-white-100); --lg-g-bg-color-white-translucent-strong: var(--lg-white-82); --lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8); --lg-g-border-color-black-emphasis: var(--lg-black-64); --lg-g-border-color-black-faint: var(--lg-black-3); --lg-g-border-color-black-intense: var(--lg-black-94); --lg-g-border-color-black-moderate: var(--lg-black-18); --lg-g-border-color-black-muted: var(--lg-black-12); --lg-g-border-color-black-soft: var(--lg-black-8); --lg-g-border-color-black-subtle: var(--lg-black-6); --lg-g-border-color-blue-default: var(--lg-blue-600); --lg-g-border-color-blue-subtle: var(--lg-blue-100); --lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-8); --lg-g-border-color-danger-default: var(--lg-danger-600); --lg-g-border-color-danger-emphasis: var(--lg-danger-700); --lg-g-border-color-danger-low: var(--lg-danger-500); --lg-g-border-color-danger-muted: var(--lg-danger-300); --lg-g-border-color-danger-subtle: var(--lg-danger-100); --lg-g-border-color-danger-translucent-soft: var(--lg-red-500-8); --lg-g-border-color-primary-default: var(--lg-primary-600); --lg-g-border-color-primary-emphasis: var(--lg-primary-700); --lg-g-border-color-primary-low: var(--lg-primary-500); --lg-g-border-color-primary-soft: var(--lg-primary-300); --lg-g-border-color-success-default: var(--lg-success-600); --lg-g-border-color-success-subtle: var(--lg-success-100); --lg-g-border-color-success-translucent-soft: var(--lg-green-500-8); --lg-g-border-color-warning-default: var(--lg-warning-600); --lg-g-border-color-warning-subtle: var(--lg-warning-100); --lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-8); --lg-g-fg-color-amber-default: var(--lg-amber-600); --lg-g-fg-color-black-aint: var(--lg-black-28); --lg-g-fg-color-black-default: var(--lg-black-46); --lg-g-fg-color-black-intense: var(--lg-black-94); --lg-g-fg-color-black-moderate: var(--lg-black-18); --lg-g-fg-color-black-muted: var(--lg-black-64); --lg-g-fg-color-black-strong: var(--lg-black-82); --lg-g-fg-color-blue-default: var(--lg-blue-600); --lg-g-fg-color-blue-emphasis: var(--lg-blue-700); --lg-g-fg-color-blue-low: var(--lg-blue-500); --lg-g-fg-color-blue-muted: var(--lg-blue-300); --lg-g-fg-color-cyan-default: var(--lg-cyan-600); --lg-g-fg-color-danger-default: var(--lg-danger-600); --lg-g-fg-color-danger-emphasis: var(--lg-danger-700); --lg-g-fg-color-danger-low: var(--lg-danger-500); --lg-g-fg-color-danger-muted: var(--lg-danger-300); --lg-g-fg-color-emerald-default: var(--lg-emerald-600); --lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600); --lg-g-fg-color-indigo-defauit: var(--lg-indigo-600); --lg-g-fg-color-lime-defauit: var(--lg-lime-600); --lg-g-fg-color-pink-default: var(--lg-pink-600); --lg-g-fg-color-primary-default: var(--lg-primary-600); --lg-g-fg-color-primary-emphasis: var(--lg-primary-700); --lg-g-fg-color-primary-low: var(--lg-primary-500); --lg-g-fg-color-primary-muted: var(--lg-primary-300); --lg-g-fg-color-purple-default: var(--lg-purple-600); --lg-g-fg-color-success-default: var(--lg-success-600); --lg-g-fg-color-success-emphasis: var(--lg-success-700); --lg-g-fg-color-teal-default: var(--lg-teal-600); --lg-g-fg-color-violet-defauit: var(--lg-violet-600); --lg-g-fg-color-warning-default: var(--lg-warning-600); --lg-g-fg-color-white-dark: var(--lg-white-100); --lg-g-fg-color-white-heavy: var(--lg-white-100); --lg-g-fg-color-yellow-default: var(--lg-yellow-600); --lg-g-shadow-color-black-muted: var(--lg-black-8); --lg-g-shadow-color-black-subtle: var(--lg-black-3); --lg-g-shadow-color-moderate: var(--lg-black-18); /* ---------- 其他 / Misc ---------- */ --lg-emerald-500-color-11: #08c787; --lg-gray-blue-100: #f7f8fa; --lg-gray-blue-200: #f1f4f6; --lg-gray-blue-300: #ebeef2; --lg-gray-blue-400: #eaeef2; --lg-gray-blue-50: #fafbfc; --lg-gray-blue-500: #d0d4dc; --lg-gray-blue-600: #b3b8c5; --lg-gray-blue-700: #989eac; --lg-gray-blue-800: #797f91; --lg-gray-blue-900: #646a78; --lg-gray-blue-950: #3a3c46; --lg-line-height-108: 108px; --lg-line-height-15: 15px; --lg-line-height-18: 18px; --lg-line-height-22: 22px; --lg-line-height-24: 24px; --lg-line-height-28: 28px; --lg-line-height-30: 30px; --lg-line-height-36: 36px; --lg-line-height-42: 42px; --lg-line-height-48: 48px; --lg-line-height-54: 54px; --lg-line-height-72: 72px; --lg-pink-new-group-0: #ff246d00; --lg-pink-new-group-100: #ff246d; --lg-pink-new-group-12: #ff246d1f; --lg-pink-new-group-28: #ff246d47; --lg-pink-new-group-3: #ff246d08; --lg-pink-new-group-46: #ff246d75; --lg-pink-new-group-6: #ff246d0f; --lg-pink-new-group-64: #ff246da3; --lg-pink-new-group-8: #ff246d14; --lg-pink-new-group-82: #ff246dd1; --lg-pink-new-group-94: #ff246df0; --lg-transition-duration: .2s; --lg-transition-timing: cubic-bezier(.645, .045, .355, 1); } [data-theme="dark"] { /* ---------- 语义色 / Semantic overrides (dark) ---------- */ --lg-g-bg-color-amber-default: var(--lg-amber-600); --lg-g-bg-color-amber-faint: var(--lg-amber-500-3); --lg-g-bg-color-amber-faint-dark: #282520; --lg-g-bg-color-amber-translucent-muted: var(--lg-amber-500-12); --lg-g-bg-color-amber-translucent-soft: var(--lg-amber-500-8); --lg-g-bg-color-amber-translucent-subtle: var(--lg-amber-500-6); --lg-g-bg-color-black-default: var(--lg-white-46); --lg-g-bg-color-black-emphasis: var(--lg-white-64); --lg-g-bg-color-black-faint: var(--lg-white-3); --lg-g-bg-color-black-ghost: var(--lg-white-0); --lg-g-bg-color-black-hint: var(--lg-white-3); --lg-g-bg-color-black-intense: var(--lg-white-94); --lg-g-bg-color-black-moderate: var(--lg-white-18); --lg-g-bg-color-black-muted: var(--lg-white-12); --lg-g-bg-color-black-soft: var(--lg-white-12); --lg-g-bg-color-black-strong: var(--lg-white-82); --lg-g-bg-color-black-subtle: var(--lg-white-6); --lg-g-bg-color-blue-default: var(--lg-blue-600); --lg-g-bg-color-blue-faint: var(--lg-blue-500-3); --lg-g-bg-color-blue-faint-dark: #222428; --lg-g-bg-color-blue-ghost: var(--lg-blue-10); --lg-g-bg-color-blue-translucent-faint: var(--lg-blue-500-8); --lg-g-bg-color-blue-translucent-soft: var(--lg-blue-500-8); --lg-g-bg-color-blue-translucent-transparent: var(--lg-blue-500-3); --lg-g-bg-color-cyan-default: var(--lg-cyan-600); --lg-g-bg-color-cyan-translucent-soft: var(--lg-cyan-500-8); --lg-g-bg-color-danger-default: var(--lg-danger-600); --lg-g-bg-color-danger-emphasis: var(--lg-danger-700); --lg-g-bg-color-danger-faint: var(--lg-red-500-8); --lg-g-bg-color-danger-faint-dark: var(--lg-danger-50); --lg-g-bg-color-danger-ghost: var(--lg-danger-10); --lg-g-bg-color-danger-low: var(--lg-danger-500); --lg-g-bg-color-danger-muted: var(--lg-red-500-12); --lg-g-bg-color-danger-translucent-faint: var(--lg-red-500-8); --lg-g-bg-color-danger-translucent-ghost: var(--lg-red-500-3); --lg-g-bg-color-danger-translucent-muted: var(--lg-red-500-12); --lg-g-bg-color-danger-translucent-soft: var(--lg-red-500-6); --lg-g-bg-color-danger-translucent-subtle: var(--lg-red-500-6); --lg-g-bg-color-emeraid-translucent-soft: var(--lg-emerald-500-8); --lg-g-bg-color-emerald-default: var(--lg-emerald-600); --lg-g-bg-color-emerald-faint: var(--lg-emerald-50); --lg-g-bg-color-fuchsia-default: var(--lg-fuchsia-600); --lg-g-bg-color-fuchsia-faint: var(--lg-fuchsia-500-3); --lg-g-bg-color-fuchsia-faint-dark: #272326; --lg-g-bg-color-fuchsia-translucent-soft: var(--lg-fuchsia-500-8); --lg-g-bg-color-gray-subtle: var(--lg-gray-blue-100); --lg-g-bg-color-indigo-default: var(--lg-indigo-600); --lg-g-bg-color-indigo-faint: var(--lg-indigo-500-3); --lg-g-bg-color-indigo-faint-dark: #222327; --lg-g-bg-color-indigo-translucent-soft: var(--lg-indigo-500-8); --lg-g-bg-color-lime-default: var(--lg-lime-600); --lg-g-bg-color-lime-translucent-soft: var(--lg-lime-500-8); --lg-g-bg-color-pink-default: var(--lg-pink-600); --lg-g-bg-color-pink-translucent-soft: var(--lg-pink-new-group-8); --lg-g-bg-color-primary-default: var(--lg-primary-600); --lg-g-bg-color-primary-emphasis: var(--lg-primary-700); --lg-g-bg-color-primary-low: var(--lg-primary-800); --lg-g-bg-color-primary-muted: var(--lg-primary-500-28); --lg-g-bg-color-primary-translucent-faint: var(--lg-primary-500-3); --lg-g-bg-color-primary-translucent-muted: var(--lg-primary-500-12); --lg-g-bg-color-primary-translucent-soft: var(--lg-primary-500-12); --lg-g-bg-color-primary-translucent-subtle: var(--lg-primary-500-6); --lg-g-bg-color-purple-default: var(--lg-purple-600); --lg-g-bg-color-purple-faint: var(--lg-purple-500-3); --lg-g-bg-color-purple-translucent-soft: var(--lg-purple-500-8); --lg-g-bg-color-success-default: var(--lg-success-600); --lg-g-bg-color-success-faint: var(--lg-green-500-3); --lg-g-bg-color-success-faint-dark: #222428; --lg-g-bg-color-success-ghost: var(--lg-success-10); --lg-g-bg-color-success-translucent-faint: var(--lg-green-500-8); --lg-g-bg-color-success-translucent-soft: var(--lg-green-500-8); --lg-g-bg-color-success-translucent-transparent: var(--lg-green-500-3); --lg-g-bg-color-teal-default: var(--lg-teal-600); --lg-g-bg-color-teal-translucent-soft: var(--lg-teal-500-8); --lg-g-bg-color-violet-default: var(--lg-violet-600); --lg-g-bg-color-violet-translucent-soft: var(--lg-violet-500-8); --lg-g-bg-color-warning-default: var(--lg-warning-600); --lg-g-bg-color-warning-faint: var(--lg-warning-50); --lg-g-bg-color-warning-ghost: var(--lg-warning-10); --lg-g-bg-color-warning-translucent-faint: var(--lg-orange-500-8); --lg-g-bg-color-warning-translucent-ghost: var(--lg-orange-500-3); --lg-g-bg-color-warning-translucent-muted: var(--lg-orange-500-12); --lg-g-bg-color-warning-translucent-soft: var(--lg-orange-500-8); --lg-g-bg-color-warning-translucent-subtle: var(--lg-orange-500-6); --lg-g-bg-color-white-emphasis: var(--lg-white-64); --lg-g-bg-color-white-heavy: #232426; --lg-g-bg-color-white-translucent-ghost: #23242600; --lg-g-bg-color-white-translucent-heavy: #232426; --lg-g-bg-color-white-translucent-strong: #232426d1; --lg-g-bg-color-yellow-translucent-soft: var(--lg-yellow-500-8); --lg-g-border-color-black-emphasis: var(--lg-white-64); --lg-g-border-color-black-faint: var(--lg-white-3); --lg-g-border-color-black-intense: var(--lg-white-94); --lg-g-border-color-black-moderate: var(--lg-white-28); --lg-g-border-color-black-muted: var(--lg-white-18); --lg-g-border-color-black-soft: var(--lg-white-12); --lg-g-border-color-black-subtle: var(--lg-white-6); --lg-g-border-color-blue-default: var(--lg-blue-600); --lg-g-border-color-blue-subtle: var(--lg-blue-900); --lg-g-border-color-blue-translucent-soft: var(--lg-blue-500-8); --lg-g-border-color-danger-default: var(--lg-red-500-28); --lg-g-border-color-danger-emphasis: var(--lg-danger-700); --lg-g-border-color-danger-low: var(--lg-red-500-46); --lg-g-border-color-danger-muted: var(--lg-red-500-12); --lg-g-border-color-danger-subtle: var(--lg-danger-900); --lg-g-border-color-danger-translucent-soft: var(--lg-red-500-8); --lg-g-border-color-primary-default: var(--lg-primary-600); --lg-g-border-color-primary-emphasis: var(--lg-primary-700); --lg-g-border-color-primary-low: var(--lg-primary-500); --lg-g-border-color-primary-soft: var(--lg-primary-500-28); --lg-g-border-color-success-default: var(--lg-success-600); --lg-g-border-color-success-subtle: var(--lg-success-900); --lg-g-border-color-success-translucent-soft: var(--lg-green-500-8); --lg-g-border-color-warning-default: var(--lg-warning-600); --lg-g-border-color-warning-subtle: var(--lg-warning-900); --lg-g-border-color-warning-translucent-soft: var(--lg-orange-500-8); --lg-g-fg-color-amber-default: var(--lg-amber-600); --lg-g-fg-color-black-aint: var(--lg-white-28); --lg-g-fg-color-black-default: var(--lg-white-46); --lg-g-fg-color-black-intense: var(--lg-white-94); --lg-g-fg-color-black-moderate: var(--lg-white-18); --lg-g-fg-color-black-muted: var(--lg-white-64); --lg-g-fg-color-black-strong: var(--lg-white-82); --lg-g-fg-color-blue-default: var(--lg-blue-600); --lg-g-fg-color-blue-emphasis: var(--lg-blue-700); --lg-g-fg-color-blue-low: var(--lg-blue-500); --lg-g-fg-color-blue-muted: var(--lg-blue-500-28); --lg-g-fg-color-cyan-default: var(--lg-cyan-600); --lg-g-fg-color-danger-default: var(--lg-danger-600); --lg-g-fg-color-danger-emphasis: var(--lg-danger-700); --lg-g-fg-color-danger-low: var(--lg-danger-500); --lg-g-fg-color-danger-muted: var(--lg-red-500-28); --lg-g-fg-color-emerald-default: var(--lg-emerald-600); --lg-g-fg-color-fuchsia-default: var(--lg-fuchsia-600); --lg-g-fg-color-indigo-defauit: var(--lg-indigo-600); --lg-g-fg-color-lime-defauit: var(--lg-lime-600); --lg-g-fg-color-pink-default: var(--lg-pink-600); --lg-g-fg-color-primary-default: var(--lg-primary-600); --lg-g-fg-color-primary-emphasis: var(--lg-primary-700); --lg-g-fg-color-primary-low: var(--lg-primary-500); --lg-g-fg-color-primary-muted: var(--lg-primary-500-28); --lg-g-fg-color-purple-default: var(--lg-purple-600); --lg-g-fg-color-success-default: var(--lg-success-600); --lg-g-fg-color-success-emphasis: var(--lg-success-700); --lg-g-fg-color-teal-default: var(--lg-teal-600); --lg-g-fg-color-violet-defauit: var(--lg-violet-600); --lg-g-fg-color-warning-default: var(--lg-warning-600); --lg-g-fg-color-white-dark: var(--lg-white-28); --lg-g-fg-color-white-heavy: var(--lg-white-100); --lg-g-fg-color-yellow-default: var(--lg-yellow-600); --lg-g-shadow-color-black-muted: var(--lg-black-8); --lg-g-shadow-color-black-subtle: var(--lg-black-3); --lg-g-shadow-color-moderate: var(--lg-black-18); }