/*
 * 自定义样式覆盖层（不改动编译产物的核心 JS/CSS）
 * 用更高/同等优先级规则覆盖原样式，风险可控、便于回退。
 */

/* ============ 商店主页 .me-mh-btn 按钮重塑（B 款：柔光描边+旋转光+中心双向光束）============
 * 覆盖原 .me-mh-btn(conic 渐变环 + 模糊光晕) 的设计，改为更干净、不遮字的效果。
 *
 * 配色说明：页面内容区为暗灰碳色背景(#1b1b1c→#1f1f25)，且页面内置 Ant Design 主题浅蓝
 * #40a9ff（面包屑链接 hover 即为该色）。为贴合页面、避免亮青/金黄的强存在感，
 * 边框与光效统一改用低调的浅蓝 #40a9ff 色系，稳重耐看、与背景自然融合。
 *
 *   1. 半透明深褐底 + 暗金柔光描边（静态边框）
 *   2. ::before —— 沿边框游走的旋转光线（只光走、环不动）
 *   3. 按钮内部 —— 中心光点 + 左右两束"倒三角"光束（各往左右打光）
 * 文字由 custom.js 包进带 z-index 的 span，始终在上层，不再被任何装饰盖住。
 *
 * 使用 a.me-mh-btn[data-v-098a9279] 提升特异性，因该 chunk CSS 是路由懒加载、
 * 会动态注入到页面尾部，必须让本层规则特异性更高才能覆盖原样式。
 */

/* 注册可动画的自定义属性，供 conic-gradient 的 from 角度做线性旋转 */
@property --angle{
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

/* ---------- 按钮基础外观与布局 ---------- */
a.me-mh-btn[data-v-098a9279]{
  position: relative;
  z-index: 0;
  isolation: isolate;
  overflow: visible;
  color: #fff;
  background: rgba(22,28,38,.62);
  border: 1px solid rgba(64,169,255,.4);
  border-radius: 17px;
  box-shadow: 0 0 16px rgba(64,169,255,.14), inset 0 0 10px rgba(64,169,255,.05);
  transition: border-color .3s, box-shadow .3s;
}
a.me-mh-btn[data-v-098a9279]:hover{
  border-color: #7fb8f5;
  box-shadow: 0 0 26px rgba(64,169,255,.18), inset 0 0 14px rgba(64,169,255,.07);
}

/* ---------- 关闭原始的两个伪元素容器，用我们自己的 ---------- */
a.me-mh-btn[data-v-098a9279]::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 17px;
  padding: 2px;
  box-sizing: border-box;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  background: conic-gradient(from var(--angle), transparent 0deg, #3b8fd6 50deg, #7cc0f2 100deg, transparent 180deg);
  animation: mhBTrav 2.6s linear infinite;
  z-index: -1;
}
a.me-mh-btn[data-v-098a9279]:hover::before{ animation-duration: .8s; }
a.me-mh-btn[data-v-098a9279]::after{ display: none; } /* 关闭原始模糊光晕 */

@keyframes mhBTrav{ to{ --angle: 360deg; } }

/* ---------- 按钮文字：始终置顶（由 custom.js 包裹） ---------- */
a.me-mh-btn[data-v-098a9279] span[data-mh-txt]{
  position: relative;
  z-index: 2;
  display: inline-block;
}

/* ---------- 按钮内部：中心光点 + 左右两束倒三角光束 ---------- */
a.me-mh-btn[data-v-098a9279] .mh-beam{
  position: absolute;
  top: 50%;
  height: 26px;
  margin-top: -13px;
  z-index: 1;
  pointer-events: none;
  opacity: .7;
  filter: blur(.5px);
}
a.me-mh-btn[data-v-098a9279] .mh-beam.em{
  left: 50%;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  border-radius: 50%;
  background: #b8dcff;
  box-shadow: 0 0 10px 2px rgba(64,169,255,.5), 0 0 22px 6px rgba(64,169,255,.2);
  animation: mhEmPulse 1.8s ease-in-out infinite;
}
a.me-mh-btn[data-v-098a9279] .mh-beam.bl{
  right: 50%;
  width: 45%;
  background: linear-gradient(90deg, rgba(64,169,255,0), rgba(90,164,214,.5));
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  transform-origin: 100% 50%;
  animation: mhBeamL 1.8s ease-in-out infinite alternate;
}
a.me-mh-btn[data-v-098a9279] .mh-beam.br{
  left: 50%;
  width: 45%;
  background: linear-gradient(270deg, rgba(64,169,255,0), rgba(90,164,214,.5));
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  transform-origin: 0 50%;
  animation: mhBeamR 1.8s ease-in-out infinite alternate;
}
@keyframes mhBeamL{ from{ transform: rotate(2deg); } to{ transform: rotate(16deg); } }
@keyframes mhBeamR{ from{ transform: rotate(-2deg); } to{ transform: rotate(-16deg); } }
@keyframes mhEmPulse{ 0%,100%{ opacity:.5; transform: scale(1); } 50%{ opacity:1; transform: scale(1.6); } }