/* 1. 针对整个链接（图标+文字）的样式 */
.daily-deal-btn a {
    background: none !important;       /* 去掉背景 */
    border: none !important;           /* 去掉边框 */
    box-shadow: none !important;       /* 去掉阴影 */
    color: #ff4500 !important;         /* 文字颜色：橙红色 (醒目但清爽) */
    font-weight: bold;                 /* 字体加粗 */
    padding: 0 10px !important;        /* 恢复正常的间距 */
    display: inline-block;             /* 必须加这个，整体动画才会生效 */
    
    /* 这里定义“整体”的跳动动画 */
    animation: text-jump-together 2s infinite ease-in-out; 
}

/* 2. 鼠标悬停时的效果 */
.daily-deal-btn a:hover {
    color: #ff6a00 !important;         /* 鼠标放上去变浅一点点 */
    background: none !important;       /* 确保悬停也没背景 */
    transform: none;                   /* 悬停时不干扰动画 */
}

/* 3. 定义整体缩放动画 (呼吸感) */
@keyframes text-jump-together {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.1); }    /* 放大1.1倍，既明显又不夸张 */
    100% { transform: scale(1); }
}

/* 4. 重置图标的独立动画 (重要) */
/* 因为父元素已经在跳了，我们要把之前给图标单独加的动画去掉，防止双重乱跳 */
.daily-deal-btn .jump-icon {
    animation: none !important; 
    margin-right: 4px;                 /* 图标和字之间留点缝隙 */
}