@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;