/* 多彩背景文字效果 - 使用类名 .text-bg */
.text-bg {
    color: #ffffff;
    padding: 0 2vmin;
    background: linear-gradient(30deg, #2cd8d5, #c5c1ff, #ffbac3) center;
    background-size: 100% 90%;
    background-repeat: no-repeat;
    transition: all 0.4s;
    display: inline-block;
    margin-top: 5px;
    border-radius: 10px;
}

/* 悬停和激活状态 */
.text-bg:hover, .text-bg.active {
    background-size: 100% 10%;
    background-position-y: 88%;
    color: #2c2c2c;
    text-shadow: 0.05em 0.05em 0 #fcfcfc, 
                 -0.05em 0.05em 0 #fcfcfc, 
                 0 0.05em 0 #fcfcfc;
}
a{
    text-decoration: none;
}