/* ==========================================================================
   凱諾仕 CANOS — 首页拍品卡片「整卡可点击」增强
   --------------------------------------------------------------------------
   背景：首页两处拍品区块的原始 <a> 只包住标题文本（热门拍品甚至只包住艺术家名），
        实际可点击热区极小，用户点击缩略图 / 作品名 / 估价都无反应。

   方案：经典「stretched link」模式
        —— 给链接加 ::after 伪元素，position:absolute 铺满整张卡片。
        伪元素属于链接自身，点击它即等于点击链接，浏览器正常导航。

   ⚠️ 关键约束（踩过的坑）：
        绝对定位元素的包含块 = 它最近的「position != static」的祖先。
        如果把 position:relative 加在 <a> 自己或 <a> 的中间祖先上，
        遮罩就只会盖住那一小块，图片仍然点不到。
        所以必须保证：<a> 及其所有中间祖先保持 static，
        只有最外层卡片是定位祖先。

   兼容性：
        - 语义仍是真 <a href>（SEO / 无障碍 / 中键新窗口 / 右键复制链接均正常）
        - 不改 DOM 结构，不破坏原有栅格与瀑布流布局
        - 卡片内独立的交互元素（关注按钮等）用更高 z-index 浮到遮罩之上
   ========================================================================== */

/* ================= 即将举行拍卖（chr-auction-tile-next） =================
   结构：
     article.row.chr-auction-tile-next      <- 整卡（已是 position:relative）
       ├ div.col-lg-4                       <- 缩略图列
       └ div.chr-auction-tile-next__container
            └ div.chr-auction-tile-next__content
                 ├ a.chr-auction-tile-next__link   <- 标题链接
                 └ div.chr-auction-tile-next__icons
   ---------------------------------------------------------------------- */

/* 整卡定位祖先（article 原本就是 relative，这里兜底保证） */
article.chr-auction-tile-next {
    position: relative !important;
}

/* 链接及其中间祖先必须保持 static，否则遮罩范围会缩水 */
a.chr-auction-tile-next__link,
.chr-auction-tile-next__content,
.chr-auction-tile-next__container {
    position: static !important;
}

/* 铺满整卡的点击遮罩 */
a.chr-auction-tile-next__link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
}

/* 地点 / 预展 图标浮到遮罩之上，保持原有交互与可见性 */
.chr-auction-tile-next__icons {
    position: relative;
    z-index: 3;
}

/* ================= 热门拍品（chr-lot-tile） =================
   结构：
     chr-lot-tile.chr-lot-tile              <- 整卡
       ├ div.chr-lot-tile__image             <- 缩略图
       ├ div.chr-lot-tile__content
       │    └ div.chr-lot-tile__titles
       │         └ h3.chr-lot-tile__primary-title
       │              └ a.chr-lot-tile__link <- 只包住艺术家名
       └ div.chr-lot-tile__dynamic-section   <- 含「關注」按钮
   ---------------------------------------------------------------------- */

/* 整卡定位祖先（注意：外层 .glide__slides 也是 relative，
   必须让 chr-lot-tile 更近，才能把遮罩限制在单张卡片内） */
.chr-lot-tile {
    position: relative !important;
}

/* 链接及中间祖先保持 static */
a.chr-lot-tile__link,
.chr-lot-tile__primary-title,
.chr-lot-tile__titles,
.chr-lot-tile__content {
    position: static !important;
}

/* 铺满整卡的点击遮罩 */
a.chr-lot-tile__link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
}

/* 「關注」等独立按钮浮到遮罩之上，仍可正常点击 */
.chr-lot-tile__dynamic-section,
.chr-lot-tile__buttons {
    position: relative;
    z-index: 3;
}

/* ================= 專題 / 文章卡（chr-feature-card-next） =================
   结构：
     article.chr-feature-card-next            <- 整卡
       ├ div.row > div.col-12 > div.chr-feature-card-next__header（图片）
       └ div.row > div.col-12.p-inherit
            └ div.chr-feature-next__content.chr-feature-card-next__homepage
                 ├ div.chr-feature-card-next__meta    （日期 · 文章）
                 └ h3.chr-feature-card-next__title
                      └ a.chr-feature-card-next__link   <- 标题链接
   ---------------------------------------------------------------------- */
article.chr-feature-card-next {
    position: relative !important;
}

a.chr-feature-card-next__link,
.chr-feature-card-next__title,
.chr-feature-next__content,
.chr-feature-card-next__homepage {
    position: static !important;
}

a.chr-feature-card-next__link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    cursor: pointer;
}

/* ================= 轮播第 1 张大图 banner（cbanner） =================
   原结构是一个 div，本身没有链接 —— 由生成脚本插入 <a class="chr-story-hit">，
   再用这条规则铺满整块，使整张图可点。
   ------------------------------------------------------------------- */
.cbanner { position: relative; }

a.chr-story-hit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
}