/* ============================================================
   轩辕合击 · 属性 / 装备 / 技能 展示板块（方案C · 古铜卷轴）
   仅作用于 #mir-showcase，不改动站点原有任何样式
   图片全部按 100% 原始尺寸显示：
     属性 1300×600 × 3 ｜ 装备 420×500 × 12 ｜ 技能 1300×800 × 4
   ============================================================ */
#mir-showcase{
  width:100%;
  padding:20px 0 10px;
  background:
    radial-gradient(circle at 50% 0,rgba(120,70,25,.10),transparent 55%),
    transparent;
  color:#ddd0bb;
  font-family:"Microsoft YaHei",sans-serif;
}
#mir-showcase a{text-decoration:none;}
#mir-showcase .wrap{width:1320px;margin:0 auto;}
#mir-showcase .sec{padding:44px 0 12px;}

/* ---- 板块头：印章 + 双线 ---- */
#mir-showcase .chead{
  display:flex;align-items:center;gap:16px;
  margin-bottom:22px;padding-bottom:14px;
  border-bottom:1px solid #5d3d1e;
}
#mir-showcase .seal{
  flex:0 0 auto;width:46px;height:46px;line-height:44px;text-align:center;
  font-family:"STKaiti","KaiTi",serif;font-size:22px;color:#ffe6b5;
  background:linear-gradient(160deg,#8e2a12,#4e1108);
  border:2px solid #d8a860;
  box-shadow:0 0 14px rgba(255,140,40,.35),inset 0 0 10px rgba(0,0,0,.6);
}
#mir-showcase .chead .t{flex:1;}
#mir-showcase .chead .t em{
  display:block;font-style:normal;
  font-family:"STKaiti","KaiTi",serif;
  font-size:30px;letter-spacing:6px;color:#ffe0a0;
  text-shadow:0 0 16px rgba(255,150,50,.45),0 2px 0 #5a2a0c;
}
#mir-showcase .chead .t i{
  display:block;margin-top:3px;font-style:normal;
  font-size:10px;letter-spacing:4px;color:#a07b4e;
}
#mir-showcase .chead .meta{font-size:12px;color:#a07b4e;letter-spacing:1px;}
#mir-showcase .chead .meta b{
  color:#ffd88f;font-family:Georgia,serif;font-weight:normal;
}

/* ---- 卷轴外框 ---- */
#mir-showcase .scroll{
  position:relative;
  padding:10px;
  background:linear-gradient(180deg,#1b1109,#0c0705);
  border:1px solid #6b4524;
  box-shadow:0 0 0 4px #1a120a,0 0 0 5px #3a2411,
             0 16px 46px rgba(0,0,0,.75),inset 0 0 60px rgba(0,0,0,.6);
}
#mir-showcase .scroll .rod{
  position:absolute;top:-6px;left:50%;transform:translateX(-50%);
  width:120px;height:10px;
  background:linear-gradient(90deg,#4a2c14,#d9b072,#4a2c14);
  box-shadow:0 0 12px rgba(220,170,90,.25);
}
#mir-showcase .scroll .rod.b{bottom:-6px;top:auto;}

/* ---- 淡入淡出轮播 ---- */
#mir-showcase .fade{position:relative;overflow:hidden;}
#mir-showcase .fade .fslide{
  position:absolute;left:0;top:0;
  opacity:0;transition:opacity .65s ease;pointer-events:none;
}
#mir-showcase .fade .fslide.on{
  opacity:1;pointer-events:auto;position:relative;
}
#mir-showcase .fade .fslide img{
  display:block;width:auto;height:auto;max-width:none;border:0;
}
#mir-showcase .h-attr{width:1300px;height:600px;}
#mir-showcase .h-skill{width:1300px;height:800px;}
#mir-showcase .rbtn{
  position:absolute;top:50%;transform:translateY(-50%);z-index:8;
  width:56px;height:56px;border-radius:50%;
  border:2px solid #b98c4f;
  background:radial-gradient(circle at 50% 35%,rgba(120,70,25,.8),rgba(10,6,4,.92));
  color:#ffd88f;font-size:24px;font-family:SimSun,serif;
  cursor:pointer;transition:.3s;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 16px rgba(0,0,0,.8);
}
#mir-showcase .rbtn:hover{
  border-color:#ffd88f;color:#fff3d0;
  box-shadow:0 0 24px rgba(255,160,60,.55);
  transform:translateY(-50%) scale(1.06);
}
#mir-showcase .rbtn.prev{left:14px}
#mir-showcase .rbtn.next{right:14px}

/* ---- 属性：底部编号标签 ---- */
#mir-showcase .tabs{display:flex;justify-content:center;gap:12px;margin-top:16px;}
#mir-showcase .tab{
  min-width:120px;height:38px;line-height:36px;text-align:center;cursor:pointer;
  font-size:12px;letter-spacing:2px;color:#9a7b55;
  border:1px solid #5d3d1e;background:rgba(30,18,10,.6);transition:.3s;
}
#mir-showcase .tab b{
  font-family:Georgia,serif;font-size:14px;color:#c9a273;margin-right:6px;font-weight:normal;
}
#mir-showcase .tab.on{
  color:#ffe0a0;border-color:#c9a273;
  background:linear-gradient(180deg,rgba(140,70,25,.45),rgba(40,20,10,.6));
  box-shadow:0 0 14px rgba(255,160,60,.28);
}
#mir-showcase .tab.on b{color:#ffd700;}
#mir-showcase .tab:hover{border-color:#a07b4e;color:#ffd8a0;}

/* ---- 装备：一排三个 ---- */
#mir-showcase .eq{
  display:grid;grid-template-columns:repeat(3,420px);
  gap:20px;justify-content:center;
}
#mir-showcase .ecard{
  position:relative;width:420px;height:500px;overflow:hidden;
  border:1px solid #5d3d1e;background:#080403;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s;
}
#mir-showcase .ecard img{
  display:block;width:420px;height:500px;max-width:none;border:0;
}
#mir-showcase .ecard .idx{
  position:absolute;right:0;top:0;z-index:3;width:34px;height:100%;
  font-family:Georgia,serif;font-size:12px;color:#e3be86;letter-spacing:1px;
  writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(20,10,5,0),rgba(20,10,5,.55));
  opacity:0;transition:.35s;
}
#mir-showcase .ecard::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(circle at 50% 45%,rgba(255,150,40,.16),transparent 62%);
  opacity:0;transition:.35s;
}
#mir-showcase .ecard:hover{
  transform:translateY(-5px);border-color:#c9a273;
  box-shadow:0 0 22px rgba(255,150,40,.35),0 20px 36px rgba(0,0,0,.65);
}
#mir-showcase .ecard:hover::before{opacity:1;}
#mir-showcase .ecard:hover .idx{opacity:1;}

/* ---- 技能缩略条 ---- */
#mir-showcase .sthumbs{display:flex;justify-content:center;gap:12px;margin-top:14px;}
#mir-showcase .sthumbs .s{
  position:relative;width:300px;height:185px;overflow:hidden;cursor:pointer;
  border:1px solid #5d3d1e;opacity:.5;transition:.3s;
}
#mir-showcase .sthumbs .s img{
  display:block;width:300px;height:185px;max-width:none;border:0;
}
#mir-showcase .sthumbs .s.on{
  opacity:1;border-color:#ffd88f;
  box-shadow:0 0 16px rgba(255,160,60,.45);
}
#mir-showcase .sthumbs .s:hover{opacity:.9;}

/* ---- 窄屏：不缩放图片，整块横向滚动 ---- */
@media (max-width:1360px){
  #mir-showcase{overflow-x:auto;}
  #mir-showcase .wrap{width:1320px;}
  #mir-showcase .rbtn.prev{left:14px}
  #mir-showcase .rbtn.next{right:14px}
}