/* 纯色文字样式：!important 确保优先级，覆盖其他样式 */
.text-color-0 { color: #ffffff !important; } /* 纯白色文字 */
.text-color-1 { color: #ffd700 !important; } /* 金黄色/奶龙黄文字（核心主色） */
.text-color-2 { color: #ff4444 !important; } /* 亮红色文字 */
.text-color-3 { color: #00c851 !important; } /* 翠绿色/薄荷绿文字 */
.text-color-4 { color: #33b5e5 !important; } /* 天蓝色/淡蓝文字 */
.text-color-5 { color: #aa66cc !important; } /* 浅紫色/藕荷色文字 */
.text-color-6 { color: #ffbb33 !important; } /* 暖橙色/浅橘色文字 */
.text-color-7 { color: #ff8800 !important; } /* 深橙色/橘红色文字 */
.text-color-8 { color: #8866cc !important; } /* 深紫色/茄紫色文字 */
.text-color-9 { color: #0099cc !important; } /* 湖蓝色/深蓝文字 */

/* 渐变背景样式：!important 确保优先级，用于渐变文字（需配合 background-clip: text 使用） */
.gradient-a { background-image: linear-gradient(90deg, #ffd700, #ff4444) !important; } /* 从金黄色到亮红色的水平渐变 */
.gradient-b { background-image: linear-gradient(90deg, #33b5e5, #00c851) !important; } /* 从天蓝色到翠绿色的水平渐变 */
.gradient-c { background-image: linear-gradient(90deg, #aa66cc, #ff66ff) !important; } /* 从浅紫色到洋红色的水平渐变 */
.gradient-d { background-image: linear-gradient(90deg, #fff350, #ff8800) !important; } /* 从浅黄到深橙色的水平渐变 */
.gradient-e { background-image: linear-gradient(90deg, #0099cc, #33b5e5) !important; } /* 从湖蓝色到天蓝色的水平渐变（同色系渐变） */
.gradient-f { background-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet) !important; } /* 彩虹七色水平渐变（红-橙-黄-绿-蓝-靛-紫） */
.gradient-g { background-image: linear-gradient(90deg, #000000, #ffd700) !important; } /* 从纯黑色到金黄色的水平渐变 */
.gradient-h { background-image: linear-gradient(90deg, #ffffff, #ffd700) !important; } /* 从纯白色到金黄色的水平渐变 */
.gradient-i { background-image: linear-gradient(45deg, #ffd700 0%, #fff350 50%, #ffd700 100%) !important; } /* 45度角渐变：金黄→浅黄→金黄（循环渐变） */
.gradient-j { background-image: linear-gradient(90deg, #ff4444 0%, #ff8800 100%) !important; } /* 从亮红色到深橙色的水平渐变 */