108 行
2.9 KiB
SCSS
108 行
2.9 KiB
SCSS
// 雄戈小酒 - 商务蓝白主题（深蓝 Logo + 商务蓝交互）
|
||
$brand-navy: #0A2463;
|
||
$brand-navy-light: #1E3A8A;
|
||
$brand-primary: #1677FF;
|
||
$brand-primary-light: #E6F4FF;
|
||
$brand-primary-dark: #0958D9;
|
||
$brand-primary-gradient: linear-gradient(90deg, #1677FF, #4096FF);
|
||
$brand-gold: #1677FF;
|
||
$brand-gold-light: #E6F4FF;
|
||
$brand-gold-gradient: linear-gradient(90deg, #1677FF, #4096FF);
|
||
$brand-header-gradient: linear-gradient(180deg, #0A2463 0%, #1E3A8A 55%, #F5F7FA 100%);
|
||
$brand-text-on-primary: #FFFFFF;
|
||
$brand-price: #FF4D4F;
|
||
$brand-text: #1F2937;
|
||
$brand-text-muted: #6B7280;
|
||
$brand-border: #E5E7EB;
|
||
$brand-page-bg: #F5F7FA;
|
||
$brand-card-radius: 12rpx;
|
||
$brand-shadow: 0 4rpx 24rpx rgba(10, 36, 99, 0.06);
|
||
$brand-tabbar-bg: #FFFFFF;
|
||
$brand-tabbar-active: #1677FF;
|
||
$brand-tabbar-active-accent: #1677FF;
|
||
$brand-tabbar-inactive: #BBBBBB;
|
||
$brand-page-gutter: 24rpx;
|
||
$brand-section-gap: 24rpx;
|
||
$brand-card-bg: #FFFFFF;
|
||
|
||
// E-Final 首页专区配色（ui-ux-pro-max Soft UI + 电商绿）
|
||
$zone-bg-start: #ECFDF5;
|
||
$zone-bg-end: #F5F7FA;
|
||
$zone-bg: linear-gradient(165deg, $zone-bg-start 0%, #F0FDF4 48%, $zone-bg-end 100%);
|
||
$zone-elevation-sm: 0 4rpx 16rpx rgba(15, 23, 42, 0.06);
|
||
$zone-elevation-md: 0 10rpx 28rpx rgba(15, 23, 42, 0.1);
|
||
$zone-green-start: #10B981;
|
||
$zone-green-end: #047857;
|
||
$zone-green-grad: linear-gradient(152deg, $zone-green-start 0%, $zone-green-end 100%);
|
||
$zone-orange-start: #F59E0B;
|
||
$zone-orange-end: #C2410C;
|
||
$zone-orange-grad: linear-gradient(152deg, $zone-orange-start 0%, $zone-orange-end 100%);
|
||
$zone-blue-start: #3B82F6;
|
||
$zone-blue-end: #1D4ED8;
|
||
$zone-blue-grad: linear-gradient(152deg, $zone-blue-start 0%, $zone-blue-end 100%);
|
||
$zone-purple-start: #8B5CF6;
|
||
$zone-purple-end: #6D28D9;
|
||
$zone-purple-grad: linear-gradient(152deg, $zone-purple-start 0%, $zone-purple-end 100%);
|
||
$zone-gold: #D97706;
|
||
$home-header-bg: #FFFFFF;
|
||
$home-accent: #059669;
|
||
$home-accent-light: #D1FAE5;
|
||
$home-icon-bg-green: #D1FAE5;
|
||
$home-icon-color-green: #059669;
|
||
$home-icon-bg-orange: #FFEDD5;
|
||
$home-icon-color-orange: #EA580C;
|
||
$home-icon-bg-blue: #DBEAFE;
|
||
$home-icon-color-blue: #1677FF;
|
||
$home-icon-bg-purple: #EDE9FE;
|
||
$home-icon-color-purple: #7C3AED;
|
||
$home-icon-bg-gold: #FEF3C7;
|
||
$home-icon-color-gold: #D97706;
|
||
|
||
@mixin brand-card {
|
||
background: $brand-card-bg;
|
||
border-radius: $brand-card-radius;
|
||
box-shadow: $brand-shadow;
|
||
}
|
||
|
||
@mixin brand-btn-gold {
|
||
background: $brand-primary-gradient;
|
||
color: #FFFFFF;
|
||
border-radius: $brand-card-radius;
|
||
}
|
||
|
||
@mixin brand-btn-primary {
|
||
background: $brand-primary;
|
||
color: #FFFFFF;
|
||
border-radius: $brand-card-radius;
|
||
}
|
||
|
||
.brand-page {
|
||
min-height: 100%;
|
||
background: $brand-page-bg;
|
||
}
|
||
|
||
.brand-card {
|
||
@include brand-card;
|
||
}
|
||
|
||
.brand-btn-gold {
|
||
@include brand-btn-gold;
|
||
}
|
||
|
||
.brand-btn-primary {
|
||
@include brand-btn-primary;
|
||
}
|
||
|
||
.brand-price-text {
|
||
color: $brand-price;
|
||
}
|
||
|
||
.brand-section-gap {
|
||
margin-bottom: $brand-section-gap;
|
||
}
|
||
|
||
.brand-page-content {
|
||
padding: 0 $brand-page-gutter;
|
||
box-sizing: border-box;
|
||
}
|