/* custom-blood.css */
/* 1. 给红字本体 */
.rule-subtitle {
    color: #ff0000; /* 基础血红 */
    font-size: 20px;
    font-weight: 900; /* 字重拉满，变粗才有力量 */
    letter-spacing: 2px; /* 字间距拉开，像警告标语 */
    
    /* 关键：初始血光，给它个底光 */
    text-shadow: 
        0 0 5px #ff0000,   /* 内层亮红光 */
        0 0 15px #8b0000;  /* 外层暗红光，模拟血液渗开 */
    
    /* 关键：挂上“心跳动画”，3秒一次，慢才压抑 */
    animation: pulse-blood 3s infinite ease-in-out;
}

/* 2. 定义“血光呼吸”动画 */
@keyframes pulse-blood {
    0% { /* 平静状态 */
        opacity: 1;
        text-shadow: 
            0 0 5px #ff0000,
            0 0 15px #8b0000;
    }
    50% { /* 吸气：光炸开，变亮 */
        opacity: 0.9; /* 稍微变暗一点，更像警报 */
        text-shadow: 
            0 0 10px #ff0000,   /* 内层光变大 */
            0 0 30px #ff0000,   /* 外层光炸开变亮红 */
            0 0 50px #8b0000;   /* 再加一层超外层暗红，范围更大 */
    }
    100% { /* 呼气：回到平静 */
        opacity: 1;
        text-shadow: 
            0 0 5px #ff0000,
            0 0 15px #8b0000;
    }
}
.extra {
    color: #787878;           
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 1.65;
    text-shadow: 
        0 0 5px #ff0000,
        0 0 15px #8b0000;
    animation: pulse-blood 3s infinite ease-in-out;

    /* 新增这三行，让区块居中 */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 下面两块保持原样或微调 */
.extra p.rule {
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 720px;
    margin-bottom: 10px;
    text-align: left;
}

.extra .tag {
    flex-shrink: 0;
    width: 78px;
    margin-right: 8px;
    font-weight: 900;
}