/* 通用样式 */
.tag {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 4px;
    font-size: 0.9em;
    /*font-weight: bold;*/
    color: #fff; /* 默认文字颜色 */
}

/* 各标签的配色 */
.tag-常规 {
    background-color: #2a76b5; /* 湖蓝色 */
}

.tag-经典 {
    background-color: #ff8a80; /* 红色 */
}

.tag-推荐 {
    background-color: #ffc107; /* 金色 */
    color: #fff;
    position: relative;
    animation: glow-golden 1.5s infinite alternate; /* 呼吸动画 */
}

/* 发光效果 */
@keyframes glow-golden {
    0% {
        box-shadow: 0 0 5px #ffc107b0, 0 0 8px #ffc107b0, 0 0 12px #ffc107b0;
    }
    100% {
        box-shadow: 0 0 5px #ffc107ad, 0 0 8px #ffc107ad, 0 0 12px #ffc107ad;
    }
}

.tag-高质量 {
    background-color: #6b2fd5; /* 紫色 */
}

.tag-高难度 {
    background-color: #911919; /* 赤红色 */
}

.tag-风景 {
    background-color: #3aa7d7; /* 蓝色 */
}

.tag-坑图 {
    background-color: #a3792e; /* 屎黄 */
}

.tag-国产 {
    background-color: #ff9000; /* P站色 */
    color: #000;
}

.tag-官改 {
    background-color: #6cab21; /* 绿色 */
}

.tag-移植 {
    background-color: #18ffff91; /* 灰蓝色 */
}

.tag-解密 {
    background-color: #710026; /* 姨妈色 */
}

.tag-黑暗 {
    background-color: #2d2222ba; /* 黑灰 */
}

.tag-长流程 {
    background-color: #403fa5; /* 宝石蓝 */
}

.tag-机关 {
    background-color: #656565; /* 深灰 */
}

.tag-优化差 {
    background-color: #351c63; /* 深灰 */
}

/* 隐藏彩蛋标签样式 */
.tag-隐藏彩蛋 {
    background: linear-gradient(135deg, #5d00ff, #ff0080); /* 渐变橙色到粉色 */
    color: #fff; /* 白色文字 */
    font-weight: bold; /* 加粗文字 */
    border: 1px dashed #ffeb3b; /* 黄色虚线边框 */
    text-shadow: 0 0 5px #ff0080, 0 0 10px #ff8c00; /* 神秘的发光效果 */
    animation: hidden-egg-glow 2s infinite alternate; /* 发光动画 */
}

/* 发光动画 */
@keyframes hidden-egg-glow {
    from {
        text-shadow: 0 0 5px #ff0080, 0 0 10px #ff8c00;
    }
    to {
        text-shadow: 0 0 15px #ff0080, 0 0 20px #ff8c00;
    }
}