/*
 * 游戏 / 工具卡片样式（配合站点标签插件 {% appcards %} 使用）
 *
 * 只作用于带 app-cards 类的卡片容器，不影响主题自带的「装备」页。
 *
 * 为什么要覆盖封面图：主题的 .article-container img 通用规则会给图片加上
 * max-width: 90%、margin: 0.8rem auto 和 12px 圆角，封面图因此铺不满顶部封面区。
 * 这里用绝对定位填满封面容器，避免 flex 尺寸计算带来的不确定性，
 * 配合 object-fit: cover 保证图片按比例裁切、不被拉扁。
 */

#equipment.app-cards .equipment-item .equipment-item-content-item .equipment-item-content-item-cover {
    position: relative;
}

#equipment.app-cards .equipment-item .equipment-item-content-item .equipment-item-content-item-cover .equipment-item-content-item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    border-radius: 0;
    object-fit: cover;
}

/*
 * 灯箱锚点：主题的灯箱会把 .article-container 里的图片包进
 * <a class="fancybox" data-fancybox="gallery">。
 * 上面的封面图是绝对定位、脱离文档流的，包裹它的 <a> 因此被压成 0 宽，
 * 点不到、也就打不开大图。这里让 <a> 同样铺满封面区，图片继续铺满 <a>，
 * 点击才落在灯箱锚点上。只作用于 app-cards 卡片，不影响文章页与装备页。
 */
#equipment.app-cards .equipment-item .equipment-item-content-item .equipment-item-content-item-cover > a.fancybox {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: none;
    border-radius: 0;
    cursor: zoom-in;
}

/*
 * 卡片按钮：去掉 .article-container a 带进来的虚线下划线（深色模式下是黄色虚线）和加粗，
 * 让它和主题自带「装备」页的按钮保持一致（装备页不经过 .article-container，本来就没有这两条样式）。
 */
#equipment.app-cards .equipment-item .equipment-item-content-item .equipment-item-content-item-info .equipment-item-content-item-toolbar .equipment-item-content-item-link {
    border-bottom: none;
    font-weight: 400;
}