/* 首页"Introduce The Most Advanced Industry Products"板块Learn More按钮样式 */

/* 修改Learn More按钮的背景色 */
.kuanwei .kitem .lietu .mk-text-white {
    background-color: #16336b !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

/* 悬停效果 */
.kuanwei .kitem .lietu .mk-text-white:hover {
    background-color: #1e4a8a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(22, 51, 107, 0.4) !important;
}

/* 激活状态 */
.kuanwei .kitem .lietu .mk-text-white:active {
    background-color: #0f2a5a !important;
    transform: translateY(0) !important;
}

/* 焦点状态 */
.kuanwei .kitem .lietu .mk-text-white:focus {
    outline: 2px solid #16336b !important;
    outline-offset: 2px !important;
}

/* 确保按钮在所有状态下都使用新颜色 */
.kuanwei .kitem .lietu a.mk-text-white {
    background-color: #16336b !important;
    color: #ffffff !important;
}

/* 悬停时的文字颜色保持白色 */
.kuanwei .kitem .lietu .mk-text-white:hover {
    color: #ffffff !important;
}

/* 确保按钮在子菜单展开时也保持新颜色 */
.kuanwei .kitem:hover .lietu .mk-text-white {
    background-color: #16336b !important;
    color: #ffffff !important;
}

/* 响应式调整 */
@media (max-width: 1199px) {
    .kuanwei .kitem .lietu .mk-text-white {
        background-color: #16336b !important;
        color: #ffffff !important;
    }
    
    .kuanwei .kitem .lietu .mk-text-white:hover {
        background-color: #1e4a8a !important;
        transform: translateY(-1px) !important;
    }
}

@media (max-width: 768px) {
    .kuanwei .kitem .lietu .mk-text-white {
        background-color: #16336b !important;
        color: #ffffff !important;
        font-size: 13px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .kuanwei .kitem .lietu .mk-text-white:hover {
        background-color: #1e4a8a !important;
        transform: none !important;
        box-shadow: 0 4px 15px rgba(22, 51, 107, 0.3) !important;
    }
}

/* 超小屏幕优化 */
@media (max-width: 480px) {
    .kuanwei .kitem .lietu .mk-text-white {
        font-size: 12px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* 确保按钮样式在所有情况下都正确应用 */
.kuanwei .kitem .lietu .mk-text-white,
.kuanwei .kitem .lietu a.mk-text-white {
    background-color: #16336b !important;
    color: #ffffff !important;
    border: none !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

/* 按钮的圆角和内边距保持原有样式 */
.kuanwei .kitem .lietu .mk-text-white {
    border-radius: 40px !important;
    font-size: 14px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* 悬停时的过渡效果 */
.kuanwei .kitem .lietu .mk-text-white {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 确保按钮在深色背景下也清晰可见 */
.kuanwei .kitem .lietu .mk-text-white {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* 悬停时的文字阴影 */
.kuanwei .kitem .lietu .mk-text-white:hover {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* 按钮的焦点环样式 */
.kuanwei .kitem .lietu .mk-text-white:focus-visible {
    background-color: #16336b !important;
    color: #ffffff !important;
    outline: 2px solid #ffffff !important;
    outline-offset: 2px !important;
}

/* 确保按钮在触摸设备上的激活状态 */
@media (hover: none) {
    .kuanwei .kitem .lietu .mk-text-white:active {
        background-color: #0f2a5a !important;
        transform: scale(0.98) !important;
    }
}

/* 按钮的禁用状态（如果需要） */
.kuanwei .kitem .lietu .mk-text-white:disabled {
    background-color: #cccccc !important;
    color: #666666 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

/* 确保按钮在所有主题下都正确显示 */
.kuanwei .kitem .lietu .mk-text-white {
    background-color: #16336b !important;
    color: #ffffff !important;
    /* 添加一些内阴影效果 */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* 悬停时的内阴影效果 */
.kuanwei .kitem .lietu .mk-text-white:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 20px rgba(22, 51, 107, 0.4) !important;
}