276 lines
6.4 KiB
Plaintext
276 lines
6.4 KiB
Plaintext
|
||
@primary-color: #1f67ef;
|
||
@primary-strong: #024fff;
|
||
@primary-hover: #598bff;
|
||
@primary-light: #eaf1ff;
|
||
|
||
@success-color: #16a34a;
|
||
@warning-color: #ff8f1f;
|
||
@danger-color: #ef4444;
|
||
@info-color: #8a94a6;
|
||
|
||
@heading-color: #121212;
|
||
@text-color: #333333;
|
||
@text-color-secondary: #666666;
|
||
@text-color-disabled: #999999;
|
||
|
||
@bg-color: #f5f6f8;
|
||
@bg-color-light: #fafbfc;
|
||
@border-color: #e4e7ec;
|
||
@border-color-dark: #cdd3dd;
|
||
@border-color-btn: #d8dbdf;
|
||
@white: #ffffff;
|
||
@black: #000000;
|
||
@header-bg: #f4f5f9;
|
||
@header-border: #d8d8d8;
|
||
@footer-bg: #0c1321;
|
||
|
||
@radius-sm: 4px;
|
||
@radius-base: 8px;
|
||
@radius-lg: 12px;
|
||
@radius-round: 999px;
|
||
|
||
@spacing-xs: 4px;
|
||
@spacing-sm: 8px;
|
||
@spacing-base: 16px;
|
||
@spacing-lg: 24px;
|
||
@spacing-xl: 32px;
|
||
@spacing-xxl: 48px;
|
||
|
||
@font-size-xs: 10px;
|
||
@font-size-sm: 12px;
|
||
@font-size-base: 14px;
|
||
@font-size-body: 16px;
|
||
@font-size-md: 16px;
|
||
@font-size-lg: 18px;
|
||
@font-size-xl: 20px;
|
||
@font-size-title: 28px;
|
||
@font-size-xxl: 36px;
|
||
@font-size-hero: 48px;
|
||
@font-size-hero-lg: 60px;
|
||
|
||
@banner-title-color: #12171a;
|
||
@btn-gradient-from: #a061fe;
|
||
@btn-gradient-to: #045dff;
|
||
@btn-ghost-color: #2b5ff0;
|
||
|
||
@container-width: 1920px;
|
||
|
||
// 视觉基准：蓝湖设计稿 1920px，1:1 还原，根元素不做缩放（html { zoom: 1 }）。
|
||
// @page-zoom 仅作为「设计稿 px 与实际渲染 px」的换算说明保留，实际值为 1。
|
||
@page-zoom: 1;
|
||
@page-zoom--sm: 1;
|
||
|
||
@page-content: 1780px;
|
||
@page-gutter: 70px;
|
||
|
||
@profile-content: 1600px;
|
||
@profile-gutter: 155px;
|
||
|
||
@home-content: 1680px;
|
||
@home-gutter: 120px;
|
||
|
||
@content-width: @page-content;
|
||
@container-width-inner: @page-content;
|
||
|
||
@header-height: 72px;
|
||
@header-nav-gap: 94px;
|
||
@footer-height: 481px;
|
||
@footer-inset: 70px;
|
||
|
||
// 登录/注册/找回密码三页共用的品牌区宽度。设计稿 #36/#38/#39 的左侧渐变
|
||
// artboard 均为 784×1080，是固定值而非百分比。
|
||
@login-brand-width: 784px;
|
||
// 表单区宽度。设计稿 el12/el14/el19 等标签层统一 693px 宽。
|
||
@login-form-width: 693px;
|
||
|
||
@shadow-base: 0 2px 8px rgba(31, 39, 51, 0.08);
|
||
@shadow-lg: 0 4px 16px rgba(31, 39, 51, 0.12);
|
||
|
||
@filter-selected-bg: #e7eeff;
|
||
@pill-bg: #ededed;
|
||
@pill-selected-bg: #075cff;
|
||
@chips-panel-bg: #eaf1ff;
|
||
@input-bg: #ededed;
|
||
@tag-hardware: #4caf50;
|
||
@tag-iot: #5720ba;
|
||
@tag-manufacturing: #ff8f1f;
|
||
@tag-other: #8a94a6;
|
||
|
||
@cases-accent: #075cff;
|
||
@cases-confirm: #2563eb;
|
||
@cases-hero-title: #121212;
|
||
@cases-filter-title: #222222;
|
||
@cases-text: #333333;
|
||
@cases-muted: #666666;
|
||
@cases-input-border: #999999;
|
||
@cases-icon: #797979;
|
||
@cases-reset-bg: #f0f0f0;
|
||
@cases-card-border: #e1dfdf;
|
||
@cases-card-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
|
||
@cases-page-active-bg: #e0e9fa;
|
||
|
||
@demand-selected-bg: #024fff;
|
||
@demand-accent: #024fff;
|
||
@demand-secondary-bg: #075cff;
|
||
|
||
@project-table-head-bg: #e8e8e8;
|
||
@project-table-line: #bbbbbb;
|
||
|
||
@project-accent: #024fff;
|
||
@project-track: #edeff2;
|
||
@milestone-done: #22c55e;
|
||
@milestone-idle: #d6d9de;
|
||
@team-avatar-bg: #1f67ef;
|
||
|
||
@checkout-card: #ffffff;
|
||
@checkout-line: #e1e1e1;
|
||
@checkout-amount: #ff5500;
|
||
@checkout-method-active-bg: #d3f3df;
|
||
@checkout-wechat: #28c445;
|
||
@checkout-alipay: #1677ff;
|
||
@checkout-cta: #f59e0b;
|
||
@checkout-cta-hover: #e08d05;
|
||
@checkout-muted: #9b9b9b;
|
||
@checkout-radio-idle: #c8c8c8;
|
||
|
||
@finance-card-width: 285px;
|
||
@finance-card-radius: 10px;
|
||
@finance-meta-color: #6b7280;
|
||
@finance-row-bg: #f7f8fa;
|
||
@finance-paid: #16a34a;
|
||
@finance-paid-bg: #e7f7ec;
|
||
@finance-pending: #f59e0b;
|
||
@finance-pending-amount: #f59e0b;
|
||
@finance-idle: #b3bfc4;
|
||
@finance-cta-hover: #e08d05;
|
||
|
||
@home-ink: #121212;
|
||
@home-welcome: #2c2c2c;
|
||
@home-body: #333333;
|
||
@home-paragraph: #222222;
|
||
@home-breadcrumb: #666666;
|
||
@home-card-border: #ebebeb;
|
||
@home-section-border: #e2e2e2;
|
||
@home-case-border: #e0dede;
|
||
@home-business-border: #999999;
|
||
@home-ring: #c6c2c2;
|
||
@home-tab-active: #085dff;
|
||
@home-banner-dot: #8d96ae;
|
||
@home-banner-bg: #f3f4f8;
|
||
@home-quick-blue: #a5d0ff;
|
||
@home-quick-purple: #dbc9fe;
|
||
@home-quick-green: #c4f0be;
|
||
@home-quick-peach: #ffcbbe;
|
||
@home-quick-pink: #ffcadb;
|
||
@home-detail-hero-bg: linear-gradient(
|
||
115deg,
|
||
#e2ebf7 0%,
|
||
#cfe7fd 55%,
|
||
#b6dfff 100%
|
||
);
|
||
@home-detail-logo-bg: #d9e5ff;
|
||
@home-service-web: #ae7eff;
|
||
@home-service-mp: #00b240;
|
||
@home-service-app: #fd9a83;
|
||
@home-service-dev: #80e561;
|
||
@home-service-pc: #0081e3;
|
||
|
||
@demand-ink: #121212;
|
||
@demand-heading: #333333;
|
||
@demand-subtitle: #666666;
|
||
@demand-line: #999999;
|
||
@demand-upload-bg: #ededed;
|
||
@demand-radio-idle: #c7c2c2;
|
||
@auth-gradient-from: #505be8;
|
||
@auth-gradient-to: #8b3fe8;
|
||
@auth-track: #edeff2;
|
||
|
||
@project-divider: #f0f1f3;
|
||
@project-breadcrumb: #666666;
|
||
@project-logo-bg: #f2f4f6;
|
||
@project-banner-bg: #fdeeee;
|
||
@project-banner-title: #d93025;
|
||
@project-apply: #e3464b;
|
||
@project-quiet-btn: #eef0f3;
|
||
@tag-success-bg: #e7f7ec;
|
||
@tag-warning-bg: #fef3e2;
|
||
@tag-warning-text: #d97706;
|
||
@tag-info-bg: #f3f4f6;
|
||
@milestone-line: #eeeff2;
|
||
|
||
@project-ink: #1f2937;
|
||
@project-label: #6b7280;
|
||
@project-value: #1f2937;
|
||
@project-muted: #9ca3af;
|
||
@project-cell: #4b5563;
|
||
@project-card: #ffffff;
|
||
@project-field-bg: #f3f4f6;
|
||
@project-input-border: #dde1e7;
|
||
@project-head-bg: #f7f8fa;
|
||
@project-upload-tag: #ef4444;
|
||
@project-banner-soft: #fdeeee;
|
||
|
||
@milestone-node: 356px;
|
||
@milestone-dot: 26px;
|
||
@milestone-ring: #e5e7eb;
|
||
@milestone-idle-text: #9ca3af;
|
||
|
||
@team-size: 64px;
|
||
@team-gap: 35px;
|
||
|
||
@contract-accent: #075cff;
|
||
@contract-muted: #666666;
|
||
@contract-head-text: #222222;
|
||
@contract-cell-text: #333333;
|
||
@contract-line: #999999;
|
||
@contract-table-head-bg: #ededed;
|
||
@contract-placeholder: #b3b9c4;
|
||
@contract-reset-bg: #eef0f3;
|
||
@contract-qr-bg: #d6d6d6;
|
||
|
||
@finance-hero-gradient: linear-gradient(
|
||
115deg,
|
||
#024fff 0%,
|
||
#4b4ff3 55%,
|
||
#7e75ec 100%
|
||
);
|
||
@finance-chart-bar: #4a90c4;
|
||
@finance-chart-grid: #edeef2;
|
||
@finance-table-head-bg: #f1f3f5;
|
||
@finance-field-bg: #f3f4f6;
|
||
@finance-page-active: #d5e2fe;
|
||
@finance-summary-cta: #ffb754;
|
||
@finance-result-circle: #7ed321;
|
||
@finance-safe-bg: #d2eedc;
|
||
|
||
@message-icon-bg: #3b82f6;
|
||
@service-user-avatar: #8d99ae;
|
||
|
||
@profile-nav-active-bg: #e7eeff;
|
||
@profile-card-border: #f0f1f3;
|
||
@profile-line: #e5e7eb;
|
||
@profile-input-border: #dde1e7;
|
||
@profile-radius: 6px;
|
||
@profile-page-bg: #f4f6f8;
|
||
@profile-ink: #1f2937;
|
||
@profile-hotline-bg: #d6e4fb;
|
||
@profile-icon-pwd: #c7d2fe;
|
||
@profile-icon-phone: #fdebeb;
|
||
@profile-icon-email: #fee2e2;
|
||
@profile-user-from: #5459e8;
|
||
@profile-user-to: #d2bdf3;
|
||
@profile-user-avatar: #8976ed;
|
||
@profile-page-active-bg: #d1e0fe;
|
||
@profile-quiet-btn: #eef0f3;
|
||
|
||
@contract-ink: #121212;
|
||
@contract-page-bg: #f4f6f8;
|
||
|
||
@finance-pay-bg: #f7f8f9;
|
||
@finance-muted-text: #6b7280;
|
||
@finance-card-line: #f0f1f3;
|
||
@finance-entry-text: #4b5563;
|
||
@finance-axis-text: #9ca3af;
|
||
@finance-ink: #1f2937;
|