/* 称号颜色系统 - 按稀有度分级 */
.title-common {
    color: #000000; /* 普通灰色 */
}

.title-uncommon {
    color: #2E7D32; /* 绿色 - 较罕见 */
}

.title-rare {
    color: #1976D2; /* 蓝色 - 稀有 */
}

.title-epic {
    color: #7B1FA2; /* 紫色 - 史诗 */
}

.title-legendary {
    color: #F57F17; /* 橙色 - 传说 */
}

.title-mythic {
    color: #E0115F;
}

.title-custom {
    color: #000000; /* 青色 - 自定义 */
    font-style: italic;
}

/* 旧有称号样式保留，兼容旧数据 */
.title-gold {
    color: #FFD700;
}

.title-silver {
    color: #C0C0C0;
}

.title-bronze {
    color: #CD7F32;
}

.title-royal {
    color: #9370DB;
}

.title-emerald {
    color: #50C878;
}

.title-ruby {
    color: #E0115F;
}

.title-sapphire {
    color: #0F52BA;
}

.title-diamond {
    color: #B9F2FF;
}

/* 定义颜色更丰富且优雅柔和的七彩渐变文本样式类 */

.rainbow-text {
    background: linear-gradient(140deg,
        /* 增加更多过渡色彩 */ #FF0000, /* 红色 */ #FF4500, /* 橙红色 */ #FFA500, /* 橙色 */ #FFD700, /* 金色 */ #FFFF00, /* 黄色 */ #9400D3, /* 紫色 */ #FF00FF, /* 品红 */ #FF1493 /* 深粉色 */
    );
    background-size: 600% 600%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow-gradient 10s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

/* 定义颜色更丰富且优雅柔和的七彩渐变文本样式类 */

.rainbow-text2 {
    background: linear-gradient(140deg,
    #00bbff, /* 橙色 */ #008cff, /* 金色 */ #9400D3, /* 紫色 */ #FF00FF, /* 品红 */ #FF1493 /* 深粉色 */
    );
    background-size: 600% 600%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow-gradient 10s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

@keyframes rainbow-gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* 如果你还需要为 xitong 类添加样式，可以在这里定义 */

.xitong {
    color: #ff0903;
}