/* ============================================================
   zymk-cat-art.css v8 — 素材化品类卡片（六卡全部就位：rawstone / sacred / adorn / altar / vessels / makers）
   v8: 新增第六卡 makers（Maker's Supplies，亚麻+鼠尾草配色）
   结构契约：
     .zymk-cat__cell--art > .zymk-cat__card.zymk-cat__art
       .zymk-cat__art-bg                  整图背景层(圆角裁切)
         img.zymk-cat__art-bgimg--static  默认背景
         img.zymk-cat__art-bgimg--hover   hover 推进版背景
       .zymk-cat__art-title               中央图形标题层(与背景同画布坐标系 cover)
         img.zymk-cat__art-titleimg--static / --tilt
       span.zymk-cat__pop img             贴纸(hover 弹出, 复用 pop 定位/动画)
   卡外 meta(标题/描述/CTA)不变; h3 文字标题保留承担语义
   ============================================================ */

/* 艺术卡: 移除 CSS 渐变底色与 tint 高光层(背景由 art-bg 承载) */
.zymk-cat__art{background:none!important}
.zymk-cat__art .zymk-cat__tint{display:none}

/* ---- 背景整图层 ---- */
.zymk-cat__art-bg{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:0}
.zymk-cat__art-bgimg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:opacity .5s ease;will-change:opacity;
}
.zymk-cat__art-bgimg--hover{opacity:0}
.zymk-cat__art:hover .zymk-cat__art-bgimg--static{opacity:0}
.zymk-cat__art:hover .zymk-cat__art-bgimg--hover{opacity:1}

/* ---- 中央图形标题层 ---- */
.zymk-cat__art-title{position:absolute;inset:0;z-index:2;pointer-events:none}
.zymk-cat__art-titleimg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:opacity .35s ease;will-change:opacity;
}
.zymk-cat__art-titleimg--tilt{opacity:0}
.zymk-cat__art:hover .zymk-cat__art-titleimg--static{opacity:0}
.zymk-cat__art:hover .zymk-cat__art-titleimg--tilt{opacity:1}

/* ---- 贴纸通用 ---- */
.zymk-cat__cell--art .zymk-cat__pop img{
  display:block;width:auto;
  filter:drop-shadow(0 14px 18px rgba(30,18,55,.25)) drop-shadow(0 3px 6px rgba(30,18,55,.18));
}

/* ============================================================
   第一卡 rawstone (v3 定稿参数)
   左上/右下 128 | 上 212 | 右上 256 | 左下 236
   ============================================================ */
#zymk-cat-rawstone .zymk-cat__pop img{height:128px}
#zymk-cat-rawstone .zymk-cat__pop--2 img{height:212px}
#zymk-cat-rawstone .zymk-cat__pop--3 img{height:256px}
#zymk-cat-rawstone .zymk-cat__pop--4 img{height:236px}
#zymk-cat-rawstone .zymk-cat__pop--1{--zr:-8deg;left:-34px;top:-44px}
#zymk-cat-rawstone .zymk-cat__pop--2{--zr:2deg;left:calc(50% - 78px);top:-110px}
#zymk-cat-rawstone .zymk-cat__pop--3{--zr:6deg;right:-110px;top:-56px}
#zymk-cat-rawstone .zymk-cat__pop--4{--zr:-5deg;left:-64px;bottom:-64px}
#zymk-cat-rawstone .zymk-cat__pop--5{--zr:3deg;right:-52px;bottom:-36px}

/* ============================================================
   第二卡 sacred (v4) —— 素材统一 450 高、比例各异, 按视觉体量对齐
   01 塔 0.40 → 206 | 02 龙 0.87 → 196 | 03 树 0.70 → 290
   04 金字塔 0.98 → 250 | 05 球 0.76 → 150
   ============================================================ */
#zymk-cat-sacred .zymk-cat__pop img{height:150px}
#zymk-cat-sacred .zymk-cat__pop--1 img{height:206px}   /* 紫晶塔(细高) */
#zymk-cat-sacred .zymk-cat__pop--2 img{height:196px}   /* 红碧玉龙 */
#zymk-cat-sacred .zymk-cat__pop--3 img{height:290px}   /* 水晶树 */
#zymk-cat-sacred .zymk-cat__pop--4 img{height:250px}   /* 奥根金字塔 */
#zymk-cat-sacred .zymk-cat__pop--1{--zr:-8deg;left:-30px;top:-56px}
#zymk-cat-sacred .zymk-cat__pop--2{--zr:2deg;left:calc(50% - 86px);top:-100px}
#zymk-cat-sacred .zymk-cat__pop--3{--zr:6deg;right:-84px;top:-60px}
#zymk-cat-sacred .zymk-cat__pop--4{--zr:-5deg;left:-56px;bottom:-56px}
#zymk-cat-sacred .zymk-cat__pop--5{--zr:3deg;right:-50px;bottom:-40px}

/* ============================================================
   第三卡 adorn (v5) —— 贴纸已裁透明边距, 按视觉体量对齐
   方向映射(manifest): upper-left=02 手链叠 | top=01 脉轮手链
   upper-right=03 萤石吊坠 | lower-left=04 生命树钥匙扣 | lower-right=05 青金石手链
   尺寸: 左上 102 | 上 161 | 右上 298 | 左下 246 | 右下 132
   ============================================================ */
#zymk-cat-adorn .zymk-cat__pop img{height:132px}
#zymk-cat-adorn .zymk-cat__pop--1 img{height:102px}   /* 碎石手链叠(横宽) */
#zymk-cat-adorn .zymk-cat__pop--2 img{height:161px}   /* 脉轮手链 */
#zymk-cat-adorn .zymk-cat__pop--3 img{height:298px}   /* 萤石吊坠(竖长) */
#zymk-cat-adorn .zymk-cat__pop--4 img{height:246px}   /* 生命树钥匙扣 */
#zymk-cat-adorn .zymk-cat__pop--1{--zr:-8deg;left:-36px;top:-26px}
#zymk-cat-adorn .zymk-cat__pop--2{--zr:2deg;left:calc(50% - 102px);top:-78px}
#zymk-cat-adorn .zymk-cat__pop--3{--zr:6deg;right:-72px;top:-58px}
#zymk-cat-adorn .zymk-cat__pop--4{--zr:-5deg;left:-58px;bottom:-56px}
#zymk-cat-adorn .zymk-cat__pop--5{--zr:3deg;right:-42px;bottom:-30px}

/* ============================================================
   第四卡 altar (v6) —— Altar & Ambience (暖烛光+暮紫配色)
   方向映射(manifest): upper-left=02 萤石夜灯 | top=01 水晶树香薰
   upper-right=03 紫晶环灯 | lower-left=04 脉轮树塔灯(细高) | lower-right=05 东陵香盘
   尺寸: 左上 140 | 上 179 | 右上 286 | 左下 290(细高塔) | 右下 123
   ============================================================ */
#zymk-cat-altar .zymk-cat__pop img{height:123px}
#zymk-cat-altar .zymk-cat__pop--1 img{height:140px}   /* 萤石夜灯 */
#zymk-cat-altar .zymk-cat__pop--2 img{height:179px}   /* 水晶树香薰 */
#zymk-cat-altar .zymk-cat__pop--3 img{height:286px}   /* 紫晶环灯(竖长) */
#zymk-cat-altar .zymk-cat__pop--4 img{height:290px}   /* 脉轮树塔灯(细高) */
#zymk-cat-altar .zymk-cat__pop--1{--zr:-8deg;left:-34px;top:-30px}
#zymk-cat-altar .zymk-cat__pop--2{--zr:2deg;left:calc(50% - 92px);top:-84px}
#zymk-cat-altar .zymk-cat__pop--3{--zr:6deg;right:-80px;top:-62px}
#zymk-cat-altar .zymk-cat__pop--4{--zr:-5deg;left:-46px;bottom:-66px}
#zymk-cat-altar .zymk-cat__pop--5{--zr:3deg;right:-44px;bottom:-28px}

/* ============================================================
   第五卡 vessels (v7) —— Vessels & Keeping (青瓷+薄雾配色)
   方向映射(manifest): upper-left=02 樱花玛瑙碗 | top=01 紫晶南瓜罐
   upper-right=03 方钠石杯 | lower-left=04 宝石水瓶(极细高) | lower-right=05 东陵高脚杯
   尺寸: 左上 120 | 上 191 | 右上 277 | 左下 300(细高) | 右下 171
   ============================================================ */
#zymk-cat-vessels .zymk-cat__pop img{height:171px}
#zymk-cat-vessels .zymk-cat__pop--1 img{height:120px}   /* 樱花玛瑙碗(横宽) */
#zymk-cat-vessels .zymk-cat__pop--2 img{height:191px}   /* 紫晶南瓜罐 */
#zymk-cat-vessels .zymk-cat__pop--3 img{height:277px}   /* 方钠石杯 */
#zymk-cat-vessels .zymk-cat__pop--4 img{height:300px}   /* 宝石水瓶(极细高) */
#zymk-cat-vessels .zymk-cat__pop--1{--zr:-8deg;left:-36px;top:-28px}
#zymk-cat-vessels .zymk-cat__pop--2{--zr:2deg;left:calc(50% - 86px);top:-88px}
#zymk-cat-vessels .zymk-cat__pop--3{--zr:6deg;right:-82px;top:-60px}
#zymk-cat-vessels .zymk-cat__pop--4{--zr:-5deg;left:-34px;bottom:-70px}
#zymk-cat-vessels .zymk-cat__pop--5{--zr:3deg;right:-34px;bottom:-44px}

/* ============================================================
   第六卡 makers (v8) —— Maker's Supplies (亚麻+鼠尾草配色)
   方向映射(manifest): upper-left=02 原石托盘 | top=01 水晶树 DIY 套件
   upper-right=03 月牙脉轮灯 | lower-left=04 黄水晶苔藓底座 | lower-right=05 草莓石英陶偶
   尺寸: 左上 113 | 上 160 | 右上 308 | 左下 310(细高) | 右下 148
   ============================================================ */
#zymk-cat-makers .zymk-cat__pop img{height:148px}
#zymk-cat-makers .zymk-cat__pop--1 img{height:113px}   /* 原石托盘(横宽) */
#zymk-cat-makers .zymk-cat__pop--2 img{height:160px}   /* 水晶树 DIY 套件 */
#zymk-cat-makers .zymk-cat__pop--3 img{height:308px}   /* 月牙脉轮灯 */
#zymk-cat-makers .zymk-cat__pop--4 img{height:310px}   /* 黄水晶苔藓底座(细高) */
#zymk-cat-makers .zymk-cat__pop--1{--zr:-8deg;left:-38px;top:-26px}
#zymk-cat-makers .zymk-cat__pop--2{--zr:2deg;left:calc(50% - 103px);top:-76px}
#zymk-cat-makers .zymk-cat__pop--3{--zr:6deg;right:-76px;top:-64px}
#zymk-cat-makers .zymk-cat__pop--4{--zr:-5deg;left:-40px;bottom:-68px}
#zymk-cat-makers .zymk-cat__pop--5{--zr:3deg;right:-30px;bottom:-32px}

/* 移动端: 卡片窄, 贴纸按比例缩小并回收锚点 */
@media(max-width:640px){
  #zymk-cat-rawstone .zymk-cat__pop img{height:84px}
  #zymk-cat-rawstone .zymk-cat__pop--2 img{height:120px}
  #zymk-cat-rawstone .zymk-cat__pop--3 img{height:150px}
  #zymk-cat-rawstone .zymk-cat__pop--4 img{height:140px}
  #zymk-cat-rawstone .zymk-cat__pop--1{left:-16px;top:-10px}
  #zymk-cat-rawstone .zymk-cat__pop--2{left:calc(50% - 40px);top:-40px}
  #zymk-cat-rawstone .zymk-cat__pop--3{right:-40px;top:-24px}
  #zymk-cat-rawstone .zymk-cat__pop--4{left:-40px;bottom:-40px}
  #zymk-cat-rawstone .zymk-cat__pop--5{right:-20px;bottom:-16px}

  #zymk-cat-sacred .zymk-cat__pop img{height:90px}
  #zymk-cat-sacred .zymk-cat__pop--1 img{height:124px}
  #zymk-cat-sacred .zymk-cat__pop--2 img{height:118px}
  #zymk-cat-sacred .zymk-cat__pop--3 img{height:174px}
  #zymk-cat-sacred .zymk-cat__pop--4 img{height:150px}
  #zymk-cat-sacred .zymk-cat__pop--1{left:-16px;top:-18px}
  #zymk-cat-sacred .zymk-cat__pop--2{left:calc(50% - 52px);top:-44px}
  #zymk-cat-sacred .zymk-cat__pop--3{right:-34px;top:-26px}
  #zymk-cat-sacred .zymk-cat__pop--4{left:-34px;bottom:-34px}
  #zymk-cat-sacred .zymk-cat__pop--5{right:-22px;bottom:-18px}

  #zymk-cat-adorn .zymk-cat__pop img{height:80px}
  #zymk-cat-adorn .zymk-cat__pop--1 img{height:62px}
  #zymk-cat-adorn .zymk-cat__pop--2 img{height:97px}
  #zymk-cat-adorn .zymk-cat__pop--3 img{height:174px}
  #zymk-cat-adorn .zymk-cat__pop--4 img{height:145px}
  #zymk-cat-adorn .zymk-cat__pop--1{left:-20px;top:-14px}
  #zymk-cat-adorn .zymk-cat__pop--2{left:calc(50% - 50px);top:-44px}
  #zymk-cat-adorn .zymk-cat__pop--3{right:-34px;top:-26px}
  #zymk-cat-adorn .zymk-cat__pop--4{left:-34px;bottom:-34px}
  #zymk-cat-adorn .zymk-cat__pop--5{right:-22px;bottom:-16px}

  #zymk-cat-altar .zymk-cat__pop img{height:74px}
  #zymk-cat-altar .zymk-cat__pop--1 img{height:84px}
  #zymk-cat-altar .zymk-cat__pop--2 img{height:107px}
  #zymk-cat-altar .zymk-cat__pop--3 img{height:172px}
  #zymk-cat-altar .zymk-cat__pop--4 img{height:174px}
  #zymk-cat-altar .zymk-cat__pop--1{left:-20px;top:-16px}
  #zymk-cat-altar .zymk-cat__pop--2{left:calc(50% - 54px);top:-46px}
  #zymk-cat-altar .zymk-cat__pop--3{right:-34px;top:-28px}
  #zymk-cat-altar .zymk-cat__pop--4{left:-30px;bottom:-40px}
  #zymk-cat-altar .zymk-cat__pop--5{right:-24px;bottom:-16px}

  #zymk-cat-vessels .zymk-cat__pop img{height:103px}
  #zymk-cat-vessels .zymk-cat__pop--1 img{height:72px}
  #zymk-cat-vessels .zymk-cat__pop--2 img{height:115px}
  #zymk-cat-vessels .zymk-cat__pop--3 img{height:166px}
  #zymk-cat-vessels .zymk-cat__pop--4 img{height:180px}
  #zymk-cat-vessels .zymk-cat__pop--1{left:-20px;top:-16px}
  #zymk-cat-vessels .zymk-cat__pop--2{left:calc(50% - 52px);top:-50px}
  #zymk-cat-vessels .zymk-cat__pop--3{right:-36px;top:-28px}
  #zymk-cat-vessels .zymk-cat__pop--4{left:-22px;bottom:-44px}
  #zymk-cat-vessels .zymk-cat__pop--5{right:-22px;bottom:-26px}

  #zymk-cat-makers .zymk-cat__pop img{height:89px}
  #zymk-cat-makers .zymk-cat__pop--1 img{height:68px}
  #zymk-cat-makers .zymk-cat__pop--2 img{height:96px}
  #zymk-cat-makers .zymk-cat__pop--3 img{height:185px}
  #zymk-cat-makers .zymk-cat__pop--4 img{height:186px}
  #zymk-cat-makers .zymk-cat__pop--1{left:-20px;top:-14px}
  #zymk-cat-makers .zymk-cat__pop--2{left:calc(50% - 58px);top:-46px}
  #zymk-cat-makers .zymk-cat__pop--3{right:-34px;top:-30px}
  #zymk-cat-makers .zymk-cat__pop--4{left:-26px;bottom:-42px}
  #zymk-cat-makers .zymk-cat__pop--5{right:-20px;bottom:-18px}
}