.card.card-gradient-1 { 
  background-image: linear-gradient(to right top, 
    rgba(209, 107, 165, 0.4), rgba(199, 119, 185, 0.35), rgba(186, 131, 202, 0.3), 
    rgba(170, 143, 216, 0.25), rgba(154, 154, 225, 0.2), rgba(138, 167, 236, 0.15), 
    rgba(121, 179, 244, 0.1), rgba(105, 191, 248, 0.15), rgba(82, 207, 254, 0.2), 
    rgba(65, 223, 255, 0.25), rgba(70, 238, 250, 0.3), rgba(95, 251, 241, 0.35)
  ) !important;
}
.card.card-gradient-2 { 
  background-image: linear-gradient(to right top, 
    rgba(255, 126, 95, 0.4), rgba(255, 140, 109, 0.35), rgba(255, 154, 124, 0.3), 
    rgba(255, 168, 138, 0.25), rgba(255, 182, 153, 0.2), rgba(255, 194, 168, 0.15), 
    rgba(255, 206, 184, 0.1), rgba(255, 217, 199, 0.15), rgba(255, 229, 215, 0.2), 
    rgba(255, 242, 231, 0.25), rgba(255, 254, 250, 0.3), rgba(255, 255, 255, 0.35)
  ) !important;
}
.card.card-gradient-3 { 
  background-image: linear-gradient(to right top, 
    rgba(107, 33, 168, 0.4), rgba(134, 47, 178, 0.35), rgba(160, 61, 189, 0.3), 
    rgba(186, 76, 200, 0.25), rgba(211, 91, 211, 0.2), rgba(227, 108, 217, 0.15), 
    rgba(242, 125, 223, 0.1), rgba(255, 141, 229, 0.15), rgba(255, 157, 226, 0.2), 
    rgba(255, 172, 223, 0.25), rgba(255, 188, 221, 0.3), rgba(255, 204, 220, 0.35)
  ) !important;
}
.card.card-gradient-4 { 
  background-image: linear-gradient(to right top, 
    rgba(0, 201, 255, 0.4), rgba(0, 179, 255, 0.35), rgba(0, 156, 255, 0.3), 
    rgba(0, 130, 255, 0.25), rgba(0, 100, 255, 0.2), rgba(0, 89, 255, 0.15), 
    rgba(0, 77, 255, 0.1), rgba(0, 63, 255, 0.15), rgba(0, 49, 255, 0.2), 
    rgba(0, 32, 255, 0.25), rgba(0, 12, 255, 0.3), rgba(11, 0, 255, 0.35)
  ) !important;
}
.card.card-gradient-5 { 
  background-image: linear-gradient(to right top, 
    rgba(249, 197, 44, 0.4), rgba(246, 182, 47, 0.35), rgba(242, 168, 51, 0.3), 
    rgba(238, 153, 55, 0.25), rgba(233, 139, 60, 0.2), rgba(227, 126, 65, 0.15), 
    rgba(221, 113, 70, 0.1), rgba(215, 100, 76, 0.15), rgba(207, 86, 79, 0.2), 
    rgba(198, 73, 82, 0.25), rgba(188, 60, 84, 0.3), rgba(178, 48, 86, 0.35)
  ) !important;
}
.card.card-gradient-6 { 
  background-image: linear-gradient(to right top, 
    rgba(168, 255, 120, 0.4), rgba(159, 245, 120, 0.35), rgba(150, 235, 120, 0.3), 
    rgba(141, 225, 120, 0.25), rgba(132, 215, 120, 0.2), rgba(124, 208, 120, 0.15), 
    rgba(116, 201, 120, 0.1), rgba(108, 194, 120, 0.15), rgba(99, 186, 121, 0.2), 
    rgba(90, 179, 121, 0.25), rgba(81, 172, 122, 0.3), rgba(72, 165, 122, 0.35)
  ) !important;
}
.card.card-gradient-7 { 
  background-image: linear-gradient(to right top, 
    rgba(255, 138, 0, 0.4), rgba(255, 122, 26, 0.35), rgba(255, 105, 42, 0.3), 
    rgba(255, 86, 55, 0.25), rgba(255, 63, 67, 0.2), rgba(255, 54, 76, 0.15), 
    rgba(255, 44, 85, 0.1), rgba(255, 33, 94, 0.15), rgba(255, 26, 106, 0.2), 
    rgba(255, 23, 118, 0.25), rgba(255, 26, 131, 0.3), rgba(249, 37, 144, 0.35)
  ) !important;
}

/* 新增平静柔和的渐变背景 */
.card.card-gradient-8 {
  background-image: linear-gradient(to right top,
    rgba(240, 248, 255, 0.4), rgba(230, 240, 250, 0.35), rgba(220, 235, 245, 0.3),
    rgba(210, 230, 240, 0.25), rgba(200, 225, 235, 0.2), rgba(190, 220, 230, 0.15),
    rgba(180, 215, 225, 0.1), rgba(170, 210, 220, 0.15)
  ) !important;
}
.card.card-gradient-9 {
  background-image: linear-gradient(to right top,
    rgba(248, 250, 252, 0.4), rgba(241, 245, 249, 0.35), rgba(234, 240, 246, 0.3),
    rgba(226, 232, 240, 0.25), rgba(203, 213, 225, 0.2), rgba(186, 200, 214, 0.15),
    rgba(169, 187, 203, 0.1), rgba(148, 163, 184, 0.15)
  ) !important;
}
.card.card-gradient-10 {
  background-image: linear-gradient(to right top,
    rgba(254, 252, 232, 0.4), rgba(253, 246, 178, 0.35), rgba(252, 211, 77, 0.3),
    rgba(245, 158, 11, 0.25), rgba(217, 119, 6, 0.2), rgba(180, 83, 9, 0.15),
    rgba(146, 64, 14, 0.1), rgba(120, 53, 15, 0.15)
  ) !important;
}
.card.card-gradient-11 {
  background-image: linear-gradient(to right top,
    rgba(240, 253, 244, 0.4), rgba(220, 252, 231, 0.35), rgba(187, 247, 208, 0.3),
    rgba(134, 239, 172, 0.25), rgba(74, 222, 128, 0.2), rgba(34, 197, 94, 0.15),
    rgba(22, 163, 74, 0.1), rgba(21, 128, 61, 0.15)
  ) !important;
}
.card.card-gradient-12 {
  background-image: linear-gradient(to right top,
    rgba(253, 244, 255, 0.4), rgba(250, 232, 255, 0.35), rgba(243, 232, 255, 0.3),
    rgba(233, 213, 255, 0.25), rgba(196, 181, 253, 0.2), rgba(167, 139, 250, 0.15),
    rgba(139, 92, 246, 0.1), rgba(124, 58, 237, 0.15)
  ) !important;
}
.card.card-gradient-13 {
  background-image: linear-gradient(to right top,
    rgba(255, 251, 235, 0.4), rgba(254, 243, 199, 0.35), rgba(253, 230, 138, 0.3),
    rgba(252, 211, 77, 0.25), rgba(245, 158, 11, 0.2), rgba(217, 119, 6, 0.15),
    rgba(194, 65, 12, 0.1), rgba(154, 52, 18, 0.15)
  ) !important;
}
.card.card-gradient-14 {
  background-image: linear-gradient(to right top,
    rgba(248, 250, 252, 0.4), rgba(241, 245, 249, 0.35), rgba(226, 232, 240, 0.3),
    rgba(203, 213, 225, 0.25), rgba(148, 163, 184, 0.2), rgba(100, 116, 139, 0.15),
    rgba(71, 85, 105, 0.1), rgba(51, 65, 85, 0.15)
  ) !important;
}