/* ==========================================================================
 * [v39] 文章/资源卡片悬停显示站点图标（favicon）
 * 效果：
 *   - hover 时封面图区域中央淡入圆形站点图标（纯图标，无白底无阴影）
 *   - 封面图轻微放大（scale 1.03）
 *   - 无蓝色边框
 * 关闭开关（article_hover_favicon=false）时 JS 不注入，本文件不生效
 * ========================================================================== */

/* favicon 图标：绝对定位，封面图容器中央，默认隐藏（缩放+透明） */
.b2child-hover-favicon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(.6) !important;
    width: 40px !important;
    height: 40px !important;
    /* 纯图标：无白底、无阴影、无 padding（参考站 SC 观感） */
    border-radius: 50% !important;   /* 方形 favicon 也 mask 成圆形 */
    object-fit: cover !important;
    opacity: 0 !important;
    transition: opacity .3s ease, transform .3s ease !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

/* 卡片自身需要有定位上下文（兼容 B2 不同版本：有则保留，无则补） */
.b2child-hover-card {
    position: relative !important;
}

/* favicon 注入的目标容器（封面图容器）：定位上下文 + 防止溢出 */
.b2child-hover-favicon-host {
    position: relative !important;
    overflow: hidden !important;
}

/* hover 显示：JS 在卡片上加 .is-hover 类，同时用 CSS :hover 双保险 */
.b2child-hover-card.is-hover .b2child-hover-favicon,
.b2child-hover-card:hover .b2child-hover-favicon {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

/* 封面图轻微放大（参考站同款聚焦感；只作用于封面图，不影响头像） */
.b2child-hover-card:hover [class*="thumb"] img,
.b2child-hover-card:hover .item-thumbnail img,
.b2child-hover-card:hover .post-thumb img {
    transform: scale(1.03);
    transition: transform .3s ease;
}

/* 移动端：不生效（JS 也不注入，这里是缩放窗口时的防御） */
@media (max-width: 768px) {
    .b2child-hover-favicon,
    .b2child-hover-card.is-hover .b2child-hover-favicon,
    .b2child-hover-card:hover .b2child-hover-favicon {
        display: none !important;
    }
    .b2child-hover-card:hover [class*="thumb"] img,
    .b2child-hover-card:hover .item-thumbnail img,
    .b2child-hover-card:hover .post-thumb img {
        transform: none !important;
    }
}