/* ============================================
   花园世界 - 公共样式文件
   花朵等级颜色定义
   ============================================ */

/* 花朵等级颜色变量 */
:root {
  --grade-xian-color: #fbb2bf;    /* 仙品 - 粉色 */
  --grade-hua-color: #f7e19c;     /* 华品 - 黄色 */
  --grade-zhen-color: #dcbbfc;    /* 珍品 - 紫色 */
  --grade-pu-color: #b1cdfb;      /* 普品 - 蓝色 */
  --grade-fan-color: #a7e8bf;     /* 凡品 - 绿色 */
}

/* 等级颜色类 - 用于背景色 */
.grade-xian label,
.grade-xian .flower-card label,
.grade-xian .flower-summary-item label,
.flow-item.grade-xian label {
  background: var(--grade-xian-color) !important;
}

.grade-hua label,
.grade-hua .flower-card label,
.grade-hua .flower-summary-item label,
.flow-item.grade-hua label {
  background: var(--grade-hua-color) !important;
}

.grade-zhen label,
.grade-zhen .flower-card label,
.grade-zhen .flower-summary-item label,
.flow-item.grade-zhen label {
  background: var(--grade-zhen-color) !important;
}

.grade-pu label,
.grade-pu .flower-card label,
.grade-pu .flower-summary-item label,
.flow-item.grade-pu label {
  background: var(--grade-pu-color) !important;
}

.grade-fan label,
.grade-fan .flower-card label,
.grade-fan .flower-summary-item label,
.flow-item.grade-fan label {
  background: var(--grade-fan-color) !important;
}

/* 悬停效果 - 边框光晕 */
.grade-xian:hover,
.grade-xian .flower-card:hover,
.grade-xian .flower-summary-item:hover,
.flow-item.grade-xian:hover {
  box-shadow: 0 0 0 2px rgba(251, 178, 191, 0.5) !important;
}

.grade-hua:hover,
.grade-hua .flower-card:hover,
.grade-hua .flower-summary-item:hover,
.flow-item.grade-hua:hover {
  box-shadow: 0 0 0 2px rgba(247, 225, 156, 0.5) !important;
}

.grade-zhen:hover,
.grade-zhen .flower-card:hover,
.grade-zhen .flower-summary-item:hover,
.flow-item.grade-zhen:hover {
  box-shadow: 0 0 0 2px rgba(220, 187, 252, 0.5) !important;
}

.grade-pu:hover,
.grade-pu .flower-card:hover,
.grade-pu .flower-summary-item:hover,
.flow-item.grade-pu:hover {
  box-shadow: 0 0 0 2px rgba(177, 205, 251, 0.5) !important;
}

.grade-fan:hover,
.grade-fan .flower-card:hover,
.grade-fan .flower-summary-item:hover,
.flow-item.grade-fan:hover {
  box-shadow: 0 0 0 2px rgba(167, 232, 191, 0.5) !important;
}