style(theme): 更新网站主题色彩方案与字体配置
- 调整主色调从 #1C1C1C 至 #1A1A1A，优化视觉层次 - 更新背景色系为暖白色调 (#FAFAF7, #F5F4F0 等) - 配置中文字体栈，添加 serif 字体支持 - 优化文本颜色梯度，提升可读性 - 调整边框颜色，统一水墨风格 - 添加 Google Search Console 验证码配置项 - 新增桌面应用架构专家代理配置文件 - 重构 E2E 测试等待策略，提升稳定性 - 添加回归测试脚本，增强质量保障
This commit is contained in:
张翔
+239
-109
@@ -3,38 +3,43 @@
|
||||
@tailwind utilities;
|
||||
|
||||
:root {
|
||||
--color-primary: #1C1C1C;
|
||||
--color-primary-hover: #0A0A0A;
|
||||
/* === 水墨雅致 · 色彩体系 === */
|
||||
--color-primary: #1A1A1A;
|
||||
--color-primary-hover: #0D0D0D;
|
||||
--color-primary-light: #3D3D3D;
|
||||
--color-primary-lighter: #F5F5F5;
|
||||
--color-primary-rgb: 28, 28, 28;
|
||||
--color-primary-lighter: #F5F4F0;
|
||||
--color-primary-rgb: 26, 26, 26;
|
||||
|
||||
/* 朱砂点睛：品牌红仅作点缀 */
|
||||
--color-brand-primary: #C41E3A;
|
||||
--color-brand-primary-hover: #A01830;
|
||||
--color-brand-primary-light: #E04A68;
|
||||
--color-brand-primary-bg: #FEF2F4;
|
||||
|
||||
--color-bg-primary: #FFFFFF;
|
||||
--color-bg-secondary: #FFFBF5;
|
||||
--color-bg-tertiary: #F5F5F5;
|
||||
--color-bg-section: #FAFAFA;
|
||||
--color-bg-hover: #EFEFEF;
|
||||
/* 宣纸暖白 + 水墨灰梯度 */
|
||||
--color-bg-primary: #FAFAF7;
|
||||
--color-bg-secondary: #F5F4F0;
|
||||
--color-bg-tertiary: #E8E6E0;
|
||||
--color-bg-section: #F2F1EC;
|
||||
--color-bg-hover: #EDECE7;
|
||||
|
||||
--color-text-primary: #1C1C1C;
|
||||
--color-text-secondary: #3D3D3D;
|
||||
--color-text-tertiary: #404040;
|
||||
--color-text-muted: #595959;
|
||||
--color-text-subtle: #A3A3A3;
|
||||
--color-text-placeholder: #5C5C5C;
|
||||
--color-text-hint: #8C8C8C;
|
||||
/* 墨色文字梯度 */
|
||||
--color-text-primary: #1A1A1A;
|
||||
--color-text-secondary: #3A3835;
|
||||
--color-text-tertiary: #4A4742;
|
||||
--color-text-muted: #6B6560;
|
||||
--color-text-subtle: #9C978F;
|
||||
--color-text-placeholder: #7A756D;
|
||||
--color-text-hint: #A09A92;
|
||||
|
||||
--color-border-primary: #E5E5E5;
|
||||
--color-border-secondary: #D4D4D4;
|
||||
--color-border-accent: #1C1C1C;
|
||||
--color-border-light: #F0F0F0;
|
||||
--color-border-dark: #333333;
|
||||
/* 水墨边框 */
|
||||
--color-border-primary: #E0DDD6;
|
||||
--color-border-secondary: #D4D0C8;
|
||||
--color-border-accent: #1A1A1A;
|
||||
--color-border-light: #EDEBE5;
|
||||
--color-border-dark: #3A3835;
|
||||
|
||||
--color-link: #1C1C1C;
|
||||
--color-link: #1A1A1A;
|
||||
--color-link-hover: #C41E3A;
|
||||
|
||||
--color-success: #16A34A;
|
||||
@@ -48,25 +53,26 @@
|
||||
--color-error: #C41E3A;
|
||||
--color-error-bg: #FEF2F4;
|
||||
|
||||
--color-accent-blue: #2563EB;
|
||||
--color-accent-purple: #7C3AED;
|
||||
--color-accent-cyan: #0891B2;
|
||||
--color-accent-blue: #3B6B9E;
|
||||
--color-accent-purple: #6B4C8A;
|
||||
--color-accent-cyan: #2D7A8A;
|
||||
|
||||
--color-brand-primary-rgb: 196, 30, 58;
|
||||
--color-warning-rgb: 217, 119, 6;
|
||||
--color-success-rgb: 22, 163, 74;
|
||||
--color-accent-blue-rgb: 37, 99, 235;
|
||||
--color-accent-purple-rgb: 124, 58, 237;
|
||||
--color-accent-cyan-rgb: 8, 145, 178;
|
||||
--color-accent-blue-rgb: 59, 107, 158;
|
||||
--color-accent-purple-rgb: 107, 76, 138;
|
||||
--color-accent-cyan-rgb: 45, 122, 138;
|
||||
|
||||
--color-footer-bg: #1C1C1C;
|
||||
--color-cta-bg: #1a0a0f;
|
||||
--color-hero-dark-end: #1C1C1C;
|
||||
--color-footer-text: #B0B0B0;
|
||||
--color-footer-text-muted: #8C8C8C;
|
||||
--color-footer-text-dim: #A0A0A0;
|
||||
--color-footer-text-link: #E5E5E5;
|
||||
--color-footer-border: #333333;
|
||||
/* 深墨色底部区域 */
|
||||
--color-footer-bg: #1A1816;
|
||||
--color-cta-bg: #1A1816;
|
||||
--color-hero-dark-end: #1A1816;
|
||||
--color-footer-text: #B5AFA5;
|
||||
--color-footer-text-muted: #8A8478;
|
||||
--color-footer-text-dim: #9E988C;
|
||||
--color-footer-text-link: #D4CFC5;
|
||||
--color-footer-border: #3A3630;
|
||||
|
||||
--color-challenge-isolation: #FEF2F4;
|
||||
--color-challenge-isolation-hover: #FDE8EC;
|
||||
@@ -75,10 +81,15 @@
|
||||
--color-challenge-compliance: #F0FDF4;
|
||||
--color-challenge-compliance-hover: #DCFCE7;
|
||||
|
||||
--color-flip-card-bg: #FAFAFA;
|
||||
--color-flip-card-border: #E5E5E5;
|
||||
--color-flip-card-divider: #B0B0B0;
|
||||
--color-flip-card-divider-subtle: #D4D4D4;
|
||||
--color-flip-card-bg: #F5F4F0;
|
||||
--color-flip-card-border: #E0DDD6;
|
||||
--color-flip-card-divider: #A09A92;
|
||||
--color-flip-card-divider-subtle: #D4D0C8;
|
||||
|
||||
/* 宣纸纹理色彩 */
|
||||
--color-ink-wash-light: rgba(26, 26, 26, 0.04);
|
||||
--color-ink-wash-medium: rgba(26, 26, 26, 0.08);
|
||||
--color-ink-wash-dark: rgba(26, 26, 26, 0.15);
|
||||
|
||||
--color-toast-success-bg: #F0FDF4;
|
||||
--color-toast-success-border: #BBF7D0;
|
||||
@@ -91,10 +102,11 @@
|
||||
|
||||
--color-skeleton-bg: #E5E5E5;
|
||||
|
||||
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.05);
|
||||
--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.05);
|
||||
--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.05);
|
||||
/* 水墨雅致阴影 - 更柔和 */
|
||||
--shadow-sm: 0 1px 3px rgba(26, 24, 22, 0.04);
|
||||
--shadow-md: 0 4px 8px rgba(26, 24, 22, 0.05);
|
||||
--shadow-lg: 0 10px 20px rgba(26, 24, 22, 0.06);
|
||||
--shadow-xl: 0 20px 40px rgba(26, 24, 22, 0.08);
|
||||
|
||||
--font-size-xs: 0.75rem;
|
||||
--font-size-sm: 0.875rem;
|
||||
@@ -107,10 +119,10 @@
|
||||
--font-size-5xl: 3rem;
|
||||
--font-size-6xl: 3.75rem;
|
||||
|
||||
--line-height-tight: 1.1;
|
||||
--line-height-snug: 1.25;
|
||||
--line-height-normal: 1.5;
|
||||
--line-height-relaxed: 1.625;
|
||||
--line-height-tight: 1.15;
|
||||
--line-height-snug: 1.35;
|
||||
--line-height-normal: 1.6;
|
||||
--line-height-relaxed: 1.8;
|
||||
|
||||
--letter-spacing-tight: -0.025em;
|
||||
--letter-spacing-normal: 0;
|
||||
@@ -129,47 +141,48 @@
|
||||
--border-width-thin: 0.5px;
|
||||
--border-width-normal: 1px;
|
||||
|
||||
--transition-fast: 150ms;
|
||||
--transition-normal: 200ms;
|
||||
--transition-slow: 300ms;
|
||||
--transition-fast: 200ms;
|
||||
--transition-normal: 300ms;
|
||||
--transition-slow: 500ms;
|
||||
|
||||
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
|
||||
--ease-out: cubic-bezier(0.25, 1, 0.5, 1);
|
||||
--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
|
||||
}
|
||||
|
||||
[data-theme="dark"] {
|
||||
--color-primary: #E5E5E5;
|
||||
--color-primary-hover: #F5F5F5;
|
||||
--color-primary-light: #A3A3A3;
|
||||
--color-primary-lighter: #262626;
|
||||
--color-primary-rgb: 229, 229, 229;
|
||||
/* === 水墨雅致 · 暗色模式 === */
|
||||
--color-primary: #E0DCD4;
|
||||
--color-primary-hover: #EDEAE2;
|
||||
--color-primary-light: #A09A92;
|
||||
--color-primary-lighter: #2A2722;
|
||||
--color-primary-rgb: 224, 220, 212;
|
||||
|
||||
--color-brand-primary: #D43650;
|
||||
--color-brand-primary-hover: #E04A68;
|
||||
--color-brand-primary-light: #C41E3A;
|
||||
--color-brand-primary-bg: rgba(196, 30, 58, 0.15);
|
||||
|
||||
--color-bg-primary: #0A0A0A;
|
||||
--color-bg-secondary: #0F0F0F;
|
||||
--color-bg-tertiary: #1A1A1A;
|
||||
--color-bg-section: #141414;
|
||||
--color-bg-hover: #262626;
|
||||
--color-bg-primary: #0E0D0B;
|
||||
--color-bg-secondary: #151412;
|
||||
--color-bg-tertiary: #1E1C18;
|
||||
--color-bg-section: #181614;
|
||||
--color-bg-hover: #2A2722;
|
||||
|
||||
--color-text-primary: #E5E5E5;
|
||||
--color-text-secondary: #B0B0B0;
|
||||
--color-text-tertiary: #A0A0A0;
|
||||
--color-text-muted: #999999;
|
||||
--color-text-subtle: #777777;
|
||||
--color-text-placeholder: #737373;
|
||||
--color-text-hint: #5C5C5C;
|
||||
--color-text-primary: #E0DCD4;
|
||||
--color-text-secondary: #B5AFA5;
|
||||
--color-text-tertiary: #9E988C;
|
||||
--color-text-muted: #8A8478;
|
||||
--color-text-subtle: #6B6560;
|
||||
--color-text-placeholder: #6B6560;
|
||||
--color-text-hint: #5A554D;
|
||||
|
||||
--color-border-primary: #2A2A2A;
|
||||
--color-border-secondary: #333333;
|
||||
--color-border-accent: #E5E5E5;
|
||||
--color-border-light: #1F1F1F;
|
||||
--color-border-dark: #CCCCCC;
|
||||
--color-border-primary: #2A2722;
|
||||
--color-border-secondary: #3A3630;
|
||||
--color-border-accent: #E0DCD4;
|
||||
--color-border-light: #1E1C18;
|
||||
--color-border-dark: #B5AFA5;
|
||||
|
||||
--color-link: #E5E5E5;
|
||||
--color-link: #E0DCD4;
|
||||
--color-link-hover: #E04A68;
|
||||
|
||||
--color-success: #22C55E;
|
||||
@@ -183,25 +196,25 @@
|
||||
--color-error: #D43650;
|
||||
--color-error-bg: rgba(196, 30, 58, 0.15);
|
||||
|
||||
--color-accent-blue: #3B82F6;
|
||||
--color-accent-purple: #8B5CF6;
|
||||
--color-accent-cyan: #06B6D4;
|
||||
--color-accent-blue: #5A8BB8;
|
||||
--color-accent-purple: #8B6BAE;
|
||||
--color-accent-cyan: #4A9AAA;
|
||||
|
||||
--color-brand-primary-rgb: 212, 54, 80;
|
||||
--color-warning-rgb: 245, 158, 11;
|
||||
--color-success-rgb: 34, 197, 94;
|
||||
--color-accent-blue-rgb: 59, 130, 246;
|
||||
--color-accent-purple-rgb: 139, 92, 246;
|
||||
--color-accent-cyan-rgb: 6, 182, 212;
|
||||
--color-accent-blue-rgb: 90, 139, 184;
|
||||
--color-accent-purple-rgb: 139, 107, 174;
|
||||
--color-accent-cyan-rgb: 74, 154, 170;
|
||||
|
||||
--color-footer-bg: #000000;
|
||||
--color-cta-bg: #141414;
|
||||
--color-hero-dark-end: #1A0A10;
|
||||
--color-footer-text: #999999;
|
||||
--color-footer-text-muted: #6B6B6B;
|
||||
--color-footer-text-dim: #858585;
|
||||
--color-footer-text-link: #C0C0C0;
|
||||
--color-footer-border: #262626;
|
||||
--color-footer-bg: #0A0908;
|
||||
--color-cta-bg: #141210;
|
||||
--color-hero-dark-end: #141210;
|
||||
--color-footer-text: #9E988C;
|
||||
--color-footer-text-muted: #6B6560;
|
||||
--color-footer-text-dim: #8A8478;
|
||||
--color-footer-text-link: #B5AFA5;
|
||||
--color-footer-border: #2A2722;
|
||||
|
||||
--color-challenge-isolation: rgba(196, 30, 58, 0.12);
|
||||
--color-challenge-isolation-hover: rgba(196, 30, 58, 0.2);
|
||||
@@ -210,10 +223,10 @@
|
||||
--color-challenge-compliance: rgba(22, 163, 74, 0.12);
|
||||
--color-challenge-compliance-hover: rgba(22, 163, 74, 0.2);
|
||||
|
||||
--color-flip-card-bg: #1A1A1A;
|
||||
--color-flip-card-border: #2A2A2A;
|
||||
--color-flip-card-divider: #525252;
|
||||
--color-flip-card-divider-subtle: #333333;
|
||||
--color-flip-card-bg: #1E1C18;
|
||||
--color-flip-card-border: #2A2722;
|
||||
--color-flip-card-divider: #5A554D;
|
||||
--color-flip-card-divider-subtle: #3A3630;
|
||||
|
||||
--color-toast-success-bg: rgba(22, 163, 74, 0.15);
|
||||
--color-toast-success-border: rgba(34, 197, 94, 0.3);
|
||||
@@ -224,12 +237,12 @@
|
||||
--color-toast-close: #666666;
|
||||
--color-toast-close-hover: #A3A3A3;
|
||||
|
||||
--color-skeleton-bg: #262626;
|
||||
--color-skeleton-bg: #2A2722;
|
||||
|
||||
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
|
||||
--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
|
||||
--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.3);
|
||||
--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.3);
|
||||
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.25);
|
||||
--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.25);
|
||||
--shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.25);
|
||||
--shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
@layer base {
|
||||
@@ -278,8 +291,8 @@
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background:
|
||||
radial-gradient(ellipse at 15% 20%, rgba(var(--color-primary-rgb), 0.02) 0%, transparent 50%),
|
||||
radial-gradient(ellipse at 85% 80%, rgba(var(--color-brand-primary-rgb), 0.02) 0%, transparent 50%);
|
||||
radial-gradient(ellipse at 20% 15%, rgba(var(--color-primary-rgb), 0.015) 0%, transparent 50%),
|
||||
radial-gradient(ellipse at 80% 85%, rgba(var(--color-brand-primary-rgb), 0.015) 0%, transparent 50%);
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
@@ -395,6 +408,79 @@
|
||||
padding-top: var(--spacing-5xl);
|
||||
padding-bottom: var(--spacing-5xl);
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.section-padding {
|
||||
padding-top: 10rem;
|
||||
padding-bottom: 10rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== 背景纹理系统 ===== */
|
||||
.bg-texture-grid {
|
||||
background-image:
|
||||
linear-gradient(rgba(var(--color-border-primary-rgb, 229, 229, 229), 0.3) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(var(--color-border-primary-rgb, 229, 229, 229), 0.3) 1px, transparent 1px);
|
||||
background-size: 60px 60px;
|
||||
}
|
||||
|
||||
.bg-texture-dots {
|
||||
background-image: radial-gradient(circle, rgba(var(--color-border-primary-rgb, 229, 229, 229), 0.4) 1px, transparent 1px);
|
||||
background-size: 24px 24px;
|
||||
}
|
||||
|
||||
.bg-texture-noise {
|
||||
position: relative;
|
||||
}
|
||||
.bg-texture-noise::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
opacity: 0.03;
|
||||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
|
||||
background-repeat: repeat;
|
||||
background-size: 128px 128px;
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.bg-gradient-radial-brand {
|
||||
background:
|
||||
radial-gradient(ellipse at 30% 20%, rgba(var(--color-brand-primary-rgb), 0.04) 0%, transparent 50%),
|
||||
radial-gradient(ellipse at 70% 80%, rgba(var(--color-primary-rgb), 0.02) 0%, transparent 50%);
|
||||
}
|
||||
|
||||
.bg-gradient-subtle-warm {
|
||||
background:
|
||||
radial-gradient(ellipse at 50% 0%, rgba(var(--color-brand-primary-rgb), 0.03) 0%, transparent 60%);
|
||||
}
|
||||
|
||||
/* ===== 水墨雅致 · 宣纸纹理 ===== */
|
||||
.bg-paper-texture {
|
||||
position: relative;
|
||||
}
|
||||
.bg-paper-texture::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
opacity: 0.025;
|
||||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E");
|
||||
background-repeat: repeat;
|
||||
background-size: 200px 200px;
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
/* 水墨渐淡分隔线 */
|
||||
.ink-divider {
|
||||
height: 1px;
|
||||
background: linear-gradient(90deg, transparent, var(--color-border-primary), transparent);
|
||||
}
|
||||
|
||||
/* 水墨淡染背景块 */
|
||||
.ink-wash-block {
|
||||
background: radial-gradient(ellipse at 50% 50%, var(--color-ink-wash-light) 0%, transparent 70%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeInUp {
|
||||
@@ -536,7 +622,7 @@ body {
|
||||
}
|
||||
|
||||
.ink-glow-border {
|
||||
animation: rotateBorder 4s linear infinite paused;
|
||||
animation: rotateBorder 6s linear infinite paused;
|
||||
}
|
||||
|
||||
.ink-glow-border::before {
|
||||
@@ -545,32 +631,38 @@ body {
|
||||
inset: -1px;
|
||||
border-radius: inherit;
|
||||
padding: 1px;
|
||||
background: conic-gradient(from var(--border-angle), var(--glow-start), var(--glow-end), var(--glow-start));
|
||||
background: conic-gradient(from var(--border-angle),
|
||||
var(--glow-start, var(--color-text-muted)),
|
||||
var(--glow-end, var(--color-border-primary)),
|
||||
var(--glow-start, var(--color-text-muted)));
|
||||
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
||||
-webkit-mask-composite: xor;
|
||||
mask-composite: exclude;
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s ease;
|
||||
transition: opacity 0.6s var(--ease-out);
|
||||
}
|
||||
|
||||
.ink-glow-border:hover::before {
|
||||
opacity: 1;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.ink-glow-border::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: -4px;
|
||||
inset: -6px;
|
||||
border-radius: inherit;
|
||||
background: conic-gradient(from var(--border-angle), var(--glow-start), var(--glow-end), var(--glow-start));
|
||||
filter: blur(12px);
|
||||
background: conic-gradient(from var(--border-angle),
|
||||
var(--glow-start, var(--color-text-muted)),
|
||||
var(--glow-end, var(--color-border-primary)),
|
||||
var(--glow-start, var(--color-text-muted)));
|
||||
filter: blur(16px);
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s ease;
|
||||
transition: opacity 0.6s var(--ease-out);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.ink-glow-border:hover::after {
|
||||
opacity: 0.3;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.ink-glow-border:hover {
|
||||
@@ -658,3 +750,41 @@ body {
|
||||
.skeleton-brand {
|
||||
animation: skeletonPulse 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* ===== 背景纹理系统 - Dark Mode ===== */
|
||||
[data-theme="dark"] .bg-texture-grid {
|
||||
background-image:
|
||||
linear-gradient(rgba(var(--color-border-primary-rgb, 42, 39, 34), 0.5) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(var(--color-border-primary-rgb, 42, 39, 34), 0.5) 1px, transparent 1px);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .bg-texture-dots {
|
||||
background-image: radial-gradient(circle, rgba(var(--color-border-primary-rgb, 42, 39, 34), 0.5) 1px, transparent 1px);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .bg-paper-texture::before {
|
||||
opacity: 0.04;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .bg-texture-noise::before {
|
||||
opacity: 0.05;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .bg-gradient-radial-brand {
|
||||
background:
|
||||
radial-gradient(ellipse at 30% 20%, rgba(var(--color-brand-primary-rgb), 0.06) 0%, transparent 50%),
|
||||
radial-gradient(ellipse at 70% 80%, rgba(var(--color-primary-rgb), 0.03) 0%, transparent 50%);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .bg-gradient-subtle-warm {
|
||||
background:
|
||||
radial-gradient(ellipse at 50% 0%, rgba(var(--color-brand-primary-rgb), 0.05) 0%, transparent 60%);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .ink-divider {
|
||||
background: linear-gradient(90deg, transparent, var(--color-border-secondary), transparent);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .ink-wash-block {
|
||||
background: radial-gradient(ellipse at 50% 50%, rgba(var(--color-primary-rgb), 0.03) 0%, transparent 70%);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user