/* ======================================================== 主题：财跃星辰 FINSTEP（白底 + 玫红 → 蓝紫品牌渐变）通过激活品牌渐变取自设计稿：玫红 #CC1E7E → 紫 #8A3EB6 → 蓝紫 #6247DC -------------------------------------------------------- 变量角色： --brand-accent 渐变起点（玫红，点缀/次级按钮） --brand-violet 渐变终点（蓝紫，主色） --brand-mint 青，次级点缀（第二产品线） ======================================================== */ body[data-theme="sky"] { /* === 品牌色 === */ --brand-accent: #CC1E7E; /* 玫红 */ --brand-violet: #4c68fd; /* 蓝紫（主色）*/ --brand-deep: #445ce3; /* 加深（hover）*/ --brand-mint: #12B5DB; /* 青 */ --brand-mint-2: #4DD9E8; /* 亮青 */ --brand-accent-rgb: 204,30,126; --brand-violet-rgb: 98,71,220; --brand-mint-rgb: 18,181,219; --brand-mint-2-rgb: 77,217,232; /* === 渐变 === */ --brand-grad: linear-gradient(90deg, #CC1E7E 0%, #8A3EB6 50%, #6247DC 100%); /* === 语义色 === */ --primary: #6247DC; --primary-hover: #4B32B8; --primary-soft: rgba(98,71,220,.10); /* === 中性（略带紫调） === */ --bg: #FFFFFF; --bg-nav: rgba(255,255,255,.82); --bg-soft: #F5F7F9; /* 中性冷灰（取自设计稿）*/ --bg-sunken: #EAEEF3; --surface: #FFFFFF; --surface-2: #F2F4F7; --ink: #17112E; --ink-soft: #3A3357; --ink-mute: #66607F; --ink-faint: #9A94B3; --line: #E4E7EC; --line-soft: #EFF1F5; --line-strong: #CFD5DF; --shadow-brand: 0 12px 32px rgba(98,71,220,.22), 0 4px 12px rgba(204,30,126,.16); /* === Hero：白底深字（底部过渡到 #F5F7F9 分区） === */ --hero-bg: linear-gradient(180deg, #FFFFFF 0%, #F8F9FB 100%); --hero-ink: #17112E; --hero-muted: #3A3357; --hero-accent: #6247DC; /* 标题渐变取色自官方稿：亮玫红 → 中段紫 → 蓝紫，横扫整行 */ --hero-grad: linear-gradient(90deg, #E01A76 0%, #A72E9D 52%, #6E4DCE 100%); }