/* ======================================================= */
/* 选项 A：书签卡片鼠标悬停发光与浮动特效                  */
/* ======================================================= */

/* 设定基础过渡动画，让鼠标移入移出时变平滑 */
.bookmark-item, 
[class*="bookmark"] a {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 鼠标悬停时的触发状态 */
.bookmark-item:hover, 
[class*="bookmark"] a:hover {
    transform: translateY(-4px) !important; /* 卡片向上轻微浮起 4 像素 */
    
    /* 核心：设置半透明的科技蓝发光阴影（X轴 Y轴 模糊半径 扩展半径 颜色） */
    box-shadow: 0 10px 25px -5px rgba(14, 165, 233, 0.4), 
                0 8px 10px -6px rgba(14, 165, 233, 0.4) !important;
                
    border-color: rgba(14, 165, 233, 0.6) !important; /* 边框也同步变成浅蓝色 */
}
/* ======================================================= */
/* 选项 A：服务卡片（Services）鼠标悬停发光与浮动特效       */
/* ======================================================= */

/* 1. 设定服务卡片的基础过渡动画，使其变平滑 */
[class*="service-item"], 
.service-card,
div[data-testid="service-card"] {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 2. 服务卡片鼠标悬停时的状态 */
[class*="service-item"]:hover, 
.service-card:hover,
div[data-testid="service-card"]:hover {
    transform: translateY(-5px) !important; /* 服务卡片大一点，向上浮起 5 像素 */
    
    /* 核心：极光蓝发光阴影（与书签完全同色） */
    box-shadow: 0 12px 30px -5px rgba(14, 165, 233, 0.45), 
                0 10px 12px -6px rgba(14, 165, 233, 0.45) !important;
                
    border-color: rgba(14, 165, 233, 0.6) !important; /* 边框同步变蓝 */
}

/* 彻底清除限制，让书签图标填满空间 */
div.bookmark-item img,
div.bookmark-item .bookmark-icon,
div.bookmark-item svg {
    max-width: none !important;        
    max-height: none !important;
    width: 2rem !important;            /* 图标容器宽度 */
    height: 2rem !important;           /* 图标容器高度 */
    object-fit: contain !important;    /* 保持比例 */
    border-radius: 4px !important;
}

/* 统一卡片高度与内边距 */
div.bookmark-item {
    min-height: 4.2rem !important;
    height: 4.2rem !important;
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
}