/**
 * Zeus Airdrop - 移动端图标优化升级
 * 与电脑端风格保持一致的六边形渐变图标
 * 2024-11-27
 */

/* ========== 移动端图标优化 ========== */
@media (max-width: 768px) {

    /* ========== 导航栏图标 ========== */
    .nav-icon {
        width: 24px !important;
        height: 24px !important;
        filter: drop-shadow(0 0 4px rgba(99, 102, 241, 0.5)) !important;
        transition: all 0.3s ease !important;
    }

    .nav-icon:active {
        transform: scale(1.1) !important;
        filter: drop-shadow(0 0 8px rgba(99, 102, 241, 0.8)) !important;
    }

    /* 网络图标 - 优化版 */
    .icon-network {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='netM' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%2306b6d4'/%3E%3Cstop offset='100%25' style='stop-color:%230891b2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='12,2 20,6 20,14 12,18 4,14 4,6' fill='url(%23netM)' opacity='0.4'/%3E%3Cpolygon points='12,2 20,6 20,14 12,18 4,14 4,6' fill='none' stroke='url(%23netM)' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='10' r='3' fill='none' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='10' r='1' fill='white'/%3E%3Ccircle cx='12' cy='2' r='1' fill='%2306b6d4'/%3E%3C/svg%3E") !important;
    }

    /* 语言图标 - 优化版 */
    .icon-language {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='langM' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%2310b981'/%3E%3Cstop offset='100%25' style='stop-color:%23059669'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='12,2 20,6 20,14 12,18 4,14 4,6' fill='url(%23langM)' opacity='0.35'/%3E%3Cpolygon points='12,2 20,6 20,14 12,18 4,14 4,6' fill='none' stroke='url(%23langM)' stroke-width='1.5'/%3E%3Ctext x='12' y='13' text-anchor='middle' fill='white' font-size='8' font-weight='bold' font-family='Arial'>EN%3C/text%3E%3Ccircle cx='12' cy='2' r='1' fill='%2310b981'/%3E%3C/svg%3E") !important;
    }

    /* 钱包图标 - 优化版 */
    .icon-wallet {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='walletM' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23fbbf24'/%3E%3Cstop offset='100%25' style='stop-color:%23f59e0b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='12,2 20,6 20,14 12,18 4,14 4,6' fill='url(%23walletM)' opacity='0.35'/%3E%3Cpolygon points='12,2 20,6 20,14 12,18 4,14 4,6' fill='none' stroke='url(%23walletM)' stroke-width='1.5'/%3E%3Crect x='7' y='8' width='10' height='6' rx='1.5' fill='none' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='15' cy='11' r='1.2' fill='%23fbbf24'/%3E%3Ccircle cx='12' cy='2' r='1' fill='%23fbbf24'/%3E%3C/svg%3E") !important;
    }

    /* ========== 统计卡片图标 ========== */
    .stat-icon {
        width: 32px !important;
        height: 32px !important;
        margin: 0 auto 0.5rem !important;
        filter: drop-shadow(0 0 6px rgba(99, 102, 241, 0.6)) !important;
        animation: mobileIconPulse 2s ease-in-out infinite !important;
    }

    @keyframes mobileIconPulse {
        0%, 100% { transform: scale(1); filter: drop-shadow(0 0 6px rgba(99, 102, 241, 0.6)); }
        50% { transform: scale(1.05); filter: drop-shadow(0 0 10px rgba(99, 102, 241, 0.8)); }
    }

    /* 今日领取图标 - 移动端优化 */
    .icon-today {
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='todayM' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%2306b6d4'/%3E%3Cstop offset='100%25' style='stop-color:%230891b2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='16,4 26,9 26,21 16,26 6,21 6,9' fill='url(%23todayM)' opacity='0.35'/%3E%3Cpolygon points='16,4 26,9 26,21 16,26 6,21 6,9' fill='none' stroke='url(%23todayM)' stroke-width='2'/%3E%3Ccircle cx='16' cy='15' r='6' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M16 11 L16 15 L19 17' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='4' r='1.5' fill='%2306b6d4'/%3E%3C/svg%3E") !important;
    }

    /* 历史领取图标 - 移动端优化 */
    .icon-history {
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='histM' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%236366f1'/%3E%3Cstop offset='100%25' style='stop-color:%238b5cf6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='16,4 26,9 26,21 16,26 6,21 6,9' fill='url(%23histM)' opacity='0.35'/%3E%3Cpolygon points='16,4 26,9 26,21 16,26 6,21 6,9' fill='none' stroke='url(%23histM)' stroke-width='2'/%3E%3Cpath d='M9 18 L13 14 L17 16 L21 12 L25 15' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='25' cy='15' r='2' fill='%238b5cf6'/%3E%3Ccircle cx='16' cy='4' r='1.5' fill='%236366f1'/%3E%3C/svg%3E") !important;
    }

    /* ========== 功能卡片标题图标 ========== */
    .title-icon {
        width: 28px !important;
        height: 28px !important;
        filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.6)) !important;
    }

    /* 签到图标 - 移动端优化 */
    .icon-checkin {
        background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='checkM' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23fbbf24'/%3E%3Cstop offset='100%25' style='stop-color:%23f59e0b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='14,3 23,8 23,18 14,23 5,18 5,8' fill='url(%23checkM)' opacity='0.4'/%3E%3Cpolygon points='14,3 23,8 23,18 14,23 5,18 5,8' fill='none' stroke='url(%23checkM)' stroke-width='2'/%3E%3Cpath d='M9 13 L12 16 L19 9' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='14' cy='3' r='1.2' fill='%23fbbf24'/%3E%3C/svg%3E") !important;
    }

    /* ========== 空投代币信息卡图标 ========== */
    .airdrop-token-info h3 span:first-child {
        font-size: 1.1rem !important;
    }

    /* 剩余空投 - 绿色宝石图标 */
    .airdrop-token-info > div[style*="grid"] > div:nth-child(1)::before {
        content: '💎';
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.25rem;
        filter: drop-shadow(0 0 4px rgba(16, 185, 129, 0.6));
    }

    /* 可领取 - 金币图标 */
    .airdrop-token-info > div[style*="grid"] > div:nth-child(2)::before {
        content: '🪙';
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.25rem;
        filter: drop-shadow(0 0 4px rgba(99, 102, 241, 0.6));
    }

    /* 当前价值 - 美元图标 */
    .airdrop-token-info > div[style*="grid"] > div:nth-child(3)::before {
        content: '💵';
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.25rem;
        filter: drop-shadow(0 0 4px rgba(245, 158, 11, 0.6));
    }

    /* 历史升值 - 上升箭头图标 */
    .airdrop-token-info > div[style*="grid"] > div:nth-child(4)::before {
        content: '📈';
        display: block;
        font-size: 1.2rem;
        margin-bottom: 0.25rem;
        filter: drop-shadow(0 0 4px rgba(16, 185, 129, 0.6));
    }

    /* ========== 任务图标优化 ========== */
    .social-task-item > div:first-child {
        width: 32px !important;
        height: 32px !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    }

    .social-task-item > div:first-child svg {
        width: 20px !important;
        height: 20px !important;
    }

    /* ========== 个人中心图标 ========== */
    .user-center-card .title-icon,
    .user-center-card .card-title span[style*="background-image"] {
        width: 28px !important;
        height: 28px !important;
        filter: drop-shadow(0 0 5px rgba(99, 102, 241, 0.5)) !important;
    }

    /* ========== 团队奖励区域图标优化 ========== */

    /* 团队奖励卡片标题图标 */
    .team-rewards-card .title-icon,
    .team-rewards-card .card-title span[style*="background-image"] {
        width: 28px !important;
        height: 28px !important;
        filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.6)) !important;
        animation: teamIconGlow 2s ease-in-out infinite !important;
    }

    @keyframes teamIconGlow {
        0%, 100% { filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.6)); }
        50% { filter: drop-shadow(0 0 12px rgba(16, 185, 129, 0.9)); }
    }

    /* 奖励规则图标 - 直接推荐、间接推荐、3-10代 */
    .reward-rules {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    .reward-rule {
        display: flex !important;
        align-items: center !important;
        gap: 0.6rem !important;
        padding: 0.5rem 0.75rem !important;
        background: rgba(16, 185, 129, 0.08) !important;
        border-radius: 8px !important;
        transition: all 0.3s ease !important;
    }

    .reward-rule:active {
        background: rgba(16, 185, 129, 0.15) !important;
        transform: scale(0.98) !important;
    }

    .reward-rule span:first-child {
        font-size: 1.3rem !important;
        filter: drop-shadow(0 0 4px rgba(16, 185, 129, 0.5)) !important;
        min-width: 28px !important;
        text-align: center !important;
    }

    .reward-rule span:last-child {
        font-size: 0.8rem !important;
        color: var(--text-secondary) !important;
    }

    /* 团队人数图标 */
    .team-count-box > div[style*="font-size: 2rem"]:first-child {
        font-size: 1.8rem !important;
        filter: drop-shadow(0 0 8px rgba(16, 185, 129, 0.7)) !important;
        animation: teamCountIconPulse 2s ease-in-out infinite !important;
    }

    @keyframes teamCountIconPulse {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.1); }
    }

    /* 查看团队详情按钮图标 */
    .team-count-box button span:first-child {
        font-size: 1rem !important;
        filter: drop-shadow(0 0 3px rgba(16, 185, 129, 0.5)) !important;
    }

    /* 可领取奖励图标 */
    .claimable-box > div[style*="font-size: 2rem"]:first-child {
        font-size: 1.8rem !important;
        filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.7)) !important;
        animation: claimableIconPulse 2s ease-in-out infinite !important;
    }

    @keyframes claimableIconPulse {
        0%, 100% { transform: scale(1); filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.7)); }
        50% { transform: scale(1.1); filter: drop-shadow(0 0 12px rgba(251, 191, 36, 0.9)); }
    }

    /* 领取奖励按钮图标 */
    .team-rewards-card .primary-btn span:first-child {
        font-size: 1.1rem !important;
        filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.6)) !important;
    }

    /* 质押解锁区域图标 */
    .stake-unlock-box a::before {
        content: '🔐' !important;
        margin-right: 0.3rem !important;
        filter: drop-shadow(0 0 3px rgba(139, 92, 246, 0.5)) !important;
    }

    /* ========== 个人中心区域图标 ========== */
    .user-center-card .title-icon,
    .user-center-card .card-title span[style*="background-image"] {
        width: 28px !important;
        height: 28px !important;
        filter: drop-shadow(0 0 5px rgba(99, 102, 241, 0.6)) !important;
        animation: userIconGlow 2.5s ease-in-out infinite !important;
    }

    @keyframes userIconGlow {
        0%, 100% { filter: drop-shadow(0 0 5px rgba(99, 102, 241, 0.6)); }
        50% { filter: drop-shadow(0 0 10px rgba(99, 102, 241, 0.9)); }
    }

    /* 个人中心统计项图标 */
    .user-stat::before {
        font-size: 1.5rem !important;
        filter: drop-shadow(0 0 4px rgba(99, 102, 241, 0.5)) !important;
        margin-bottom: 0.3rem !important;
    }

    /* ========== 邀请分享区域图标 ========== */
    .invite-section .secondary-btn span:first-child {
        font-size: 1.1rem !important;
        filter: drop-shadow(0 0 3px rgba(99, 102, 241, 0.5)) !important;
    }

    /* 复制链接图标 */
    .invite-link::before {
        content: '🔗' !important;
        margin-right: 0.3rem !important;
        filter: drop-shadow(0 0 3px rgba(99, 102, 241, 0.4)) !important;
    }

    /* ========== 团队邀请卡片图标 ========== */
    .team-invite-card .title-icon,
    .team-invite-card .card-title span[style*="background-image"] {
        width: 28px !important;
        height: 28px !important;
        filter: drop-shadow(0 0 5px rgba(16, 185, 129, 0.5)) !important;
    }

    /* ========== 侧边栏图标 ========== */
    .sidebar-nav-item svg,
    .sidebar-nav-item img {
        width: 22px !important;
        height: 22px !important;
        filter: drop-shadow(0 0 3px rgba(99, 102, 241, 0.4)) !important;
        transition: all 0.3s ease !important;
    }

    .sidebar-nav-item:active svg,
    .sidebar-nav-item:active img {
        filter: drop-shadow(0 0 6px rgba(99, 102, 241, 0.8)) !important;
        transform: scale(1.1) !important;
    }

    /* ========== 底部导航图标 ========== */
    .mobile-nav-item svg,
    .bottom-nav-item svg {
        width: 24px !important;
        height: 24px !important;
        filter: drop-shadow(0 0 3px rgba(99, 102, 241, 0.3)) !important;
    }

    .mobile-nav-item.active svg,
    .bottom-nav-item.active svg {
        filter: drop-shadow(0 0 6px rgba(99, 102, 241, 0.7)) !important;
    }

    /* ========== 模态框图标 ========== */
    .modal .wallet-option-icon,
    .modal-content img {
        width: 36px !important;
        height: 36px !important;
        filter: drop-shadow(0 0 4px rgba(99, 102, 241, 0.4)) !important;
    }

    /* ========== 按钮内图标 ========== */
    .primary-btn span:first-child,
    .secondary-btn span:first-child {
        font-size: 1rem !important;
        filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.5)) !important;
    }

    /* ========== 复制按钮图标 ========== */
    .copy-btn svg,
    .copy-icon {
        width: 18px !important;
        height: 18px !important;
        filter: drop-shadow(0 0 2px rgba(99, 102, 241, 0.4)) !important;
    }

    /* ========== 汉堡菜单图标 ========== */
    .hamburger-menu {
        filter: drop-shadow(0 0 3px rgba(99, 102, 241, 0.4)) !important;
    }

    .hamburger-menu span {
        background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
        box-shadow: 0 0 4px rgba(99, 102, 241, 0.5) !important;
    }
}

/* ========== 超小屏幕进一步优化 ========== */
@media (max-width: 380px) {
    .nav-icon {
        width: 20px !important;
        height: 20px !important;
    }

    .stat-icon {
        width: 28px !important;
        height: 28px !important;
    }

    .title-icon {
        width: 24px !important;
        height: 24px !important;
    }

    .airdrop-token-info > div[style*="grid"] > div::before {
        font-size: 1rem !important;
    }

    .social-task-item > div:first-child {
        width: 28px !important;
        height: 28px !important;
    }

    .social-task-item > div:first-child svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* ========== 动画效果 ========== */
@keyframes iconGlow {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(99, 102, 241, 0.5)); }
    50% { filter: drop-shadow(0 0 8px rgba(99, 102, 241, 0.8)); }
}

@keyframes iconBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

/* 图标点击动画 */
.nav-icon:active,
.stat-icon:active,
.title-icon:active {
    animation: iconTap 0.2s ease !important;
}

@keyframes iconTap {
    0% { transform: scale(1); }
    50% { transform: scale(0.9); }
    100% { transform: scale(1); }
}

/* ========== 奖励规则图标 - 专业SVG版（全局） ========== */

/* 通用奖励图标样式 */
.reward-icon {
    width: 32px !important;
    height: 32px !important;
    display: inline-block !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
    filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.6)) !important;
    animation: rewardIconPulse 2s ease-in-out infinite !important;
}

@keyframes rewardIconPulse {
    0%, 100% { transform: scale(1); filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.6)); }
    50% { transform: scale(1.08); filter: drop-shadow(0 0 10px rgba(16, 185, 129, 0.9)); }
}

/* 直接推荐图标 - 用户+星星 (绿色) */
.direct-reward-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='directG' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%2310b981'/%3E%3Cstop offset='100%25' style='stop-color:%23059669'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='16,3 27,9 27,21 16,27 5,21 5,9' fill='url(%23directG)' opacity='0.3'/%3E%3Cpolygon points='16,3 27,9 27,21 16,27 5,21 5,9' fill='none' stroke='url(%23directG)' stroke-width='1.5'/%3E%3Ccircle cx='16' cy='12' r='4' fill='white'/%3E%3Cpath d='M10 22 C10 18 13 16 16 16 C19 16 22 18 22 22' fill='white'/%3E%3Cpath d='M22 8 L23 10 L25 10 L23.5 11.5 L24 14 L22 12.5 L20 14 L20.5 11.5 L19 10 L21 10 Z' fill='%23fbbf24'/%3E%3Ccircle cx='16' cy='3' r='1.5' fill='%2310b981'/%3E%3C/svg%3E") !important;
}

/* 间接推荐图标 - 双用户链接 (蓝色) */
.indirect-reward-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='indirectG' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%236366f1'/%3E%3Cstop offset='100%25' style='stop-color:%238b5cf6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='16,3 27,9 27,21 16,27 5,21 5,9' fill='url(%23indirectG)' opacity='0.3'/%3E%3Cpolygon points='16,3 27,9 27,21 16,27 5,21 5,9' fill='none' stroke='url(%23indirectG)' stroke-width='1.5'/%3E%3Ccircle cx='11' cy='12' r='3' fill='white'/%3E%3Cpath d='M7 20 C7 17 9 15.5 11 15.5 C13 15.5 15 17 15 20' fill='white'/%3E%3Ccircle cx='21' cy='12' r='3' fill='white'/%3E%3Cpath d='M17 20 C17 17 19 15.5 21 15.5 C23 15.5 25 17 25 20' fill='white'/%3E%3Cpath d='M14 14 L18 14' stroke='%23fbbf24' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='16' cy='14' r='1.5' fill='%23fbbf24'/%3E%3Ccircle cx='16' cy='3' r='1.5' fill='%236366f1'/%3E%3C/svg%3E") !important;
}

/* 3-10代图标 - 多层网络树 (紫色) */
.generations-reward-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='genG' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%238b5cf6'/%3E%3Cstop offset='100%25' style='stop-color:%23a855f7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='16,3 27,9 27,21 16,27 5,21 5,9' fill='url(%23genG)' opacity='0.3'/%3E%3Cpolygon points='16,3 27,9 27,21 16,27 5,21 5,9' fill='none' stroke='url(%23genG)' stroke-width='1.5'/%3E%3Ccircle cx='16' cy='9' r='3' fill='white'/%3E%3Cline x1='16' y1='12' x2='16' y2='14' stroke='white' stroke-width='1.5'/%3E%3Cline x1='16' y1='14' x2='10' y2='17' stroke='white' stroke-width='1.5'/%3E%3Cline x1='16' y1='14' x2='22' y2='17' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='18' r='2.5' fill='white'/%3E%3Ccircle cx='22' cy='18' r='2.5' fill='white'/%3E%3Cline x1='10' y1='20.5' x2='8' y2='23' stroke='white' stroke-width='1'/%3E%3Cline x1='10' y1='20.5' x2='12' y2='23' stroke='white' stroke-width='1'/%3E%3Cline x1='22' y1='20.5' x2='20' y2='23' stroke='white' stroke-width='1'/%3E%3Cline x1='22' y1='20.5' x2='24' y2='23' stroke='white' stroke-width='1'/%3E%3Ccircle cx='8' cy='24' r='1.5' fill='%23fbbf24'/%3E%3Ccircle cx='12' cy='24' r='1.5' fill='%23fbbf24'/%3E%3Ccircle cx='20' cy='24' r='1.5' fill='%23fbbf24'/%3E%3Ccircle cx='24' cy='24' r='1.5' fill='%23fbbf24'/%3E%3Ccircle cx='16' cy='3' r='1.5' fill='%238b5cf6'/%3E%3C/svg%3E") !important;
}

/* 奖励规则容器优化 */
.reward-rule {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.65rem 0.85rem !important;
    background: rgba(16, 185, 129, 0.08) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(16, 185, 129, 0.15) !important;
    transition: all 0.3s ease !important;
}

.reward-rule:hover {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}

.reward-rule span:last-child {
    font-size: 0.9rem !important;
    color: var(--text-primary) !important;
    font-weight: 500 !important;
}