
/* ============ 积分商品详情页：全站紫色高级UI（按截图） ============ */
.jfDetail[data-v-e888637c]{
  --bg: #0a144b;
  --bg2:#080e37;

  --panel: rgba(10,20,75,.72);
  --panel2: rgba(10,20,75,.62);

  --border: rgba(67,67,178,.65);
  --border2: rgba(67,67,178,.45);

  --text: #ffffff;
  --sub: #c7c9cc;

  --accent: #a7e8ff;
  --green: #90ff8d;

  --card-bg: linear-gradient(180deg, rgba(110,100,255,.18) 0%, rgba(16,18,88,.62) 100%);
  --card-glow: radial-gradient(220px 150px at 75% 20%, rgba(167,232,255,.18) 0%, rgba(167,232,255,0) 70%);

  /* 兼容你页面里用到的 var(--bg-color)（原本拿来当主色） */
  --bg-color: #a7e8ff;

  min-height: 100vh;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--bg)), to(var(--bg2)));
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
  color: var(--text);
}

/* ============ 顶部导航（自定义） ============ */
.register_tit[data-v-e888637c]{
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 52px;
  z-index: 10;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  background: rgba(10,20,75,.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.register_tit p[data-v-e888637c]{
  margin: 0;
  color: #fff;
  font-weight: 900;
  font-size: 16px;
  letter-spacing: .4px;
}
.register_tit img[data-v-e888637c]{
  position: absolute;
  left: 12px;
  width: 22px;
  height: 22px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  opacity: .95;
}

/* 内容整体下移（避开导航） */
.register_block[data-v-e888637c]{
  padding: 12px 12px 0;
  margin-top: 52px;
}

/* ============ 顶部轮播卡：外层玻璃 + 内层白底图框（圆角6） ============ */
.swpCard[data-v-e888637c]{
  border-radius: 6px;
  padding: 10px;
  background: var(--panel2);
  border: 1px solid var(--border2);
  -webkit-box-shadow: 0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
          box-shadow: 0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
.home_swiper[data-v-e888637c]{
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}
.banner_img[data-v-e888637c]{
  width: 100%;
  height: 320px;
  -o-object-fit: contain;
     object-fit: contain; /* 截图那种白底居中展示 */
  background: #fff;
  display: block;
}

/* swiper 圆点 */
.jfDetail[data-v-e888637c] .swiper-pagination-bullet{
  background: rgba(10,20,75,.25) !important;
  opacity: 1 !important;
}
.jfDetail[data-v-e888637c] .swiper-pagination-bullet-active{
  background: var(--accent) !important;
}

/* ============ 通用卡片（圆角6） ============ */
.card[data-v-e888637c]{
  margin-top: 12px;
  border-radius: 6px;
  padding: 14px;

  background: var(--card-glow), var(--card-bg);
  border: 1px solid var(--border2);
  -webkit-box-shadow: 0 16px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
          box-shadow: 0 16px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}

/* ============ 商品信息卡 ============ */
.infoCard .title[data-v-e888637c]{
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  letter-spacing: .2px;
}

/* 描述胶囊（截图：小灰蓝胶囊） */
.descPill[data-v-e888637c]{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 26px;
  padding: 0 10px;
  margin-top: 10px;

  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);

  color: rgba(199,201,204,.95);
  font-size: 12px;
  font-weight: 800;
}

/* 总积分行 */
.priceRow[data-v-e888637c]{
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.priceLeft[data-v-e888637c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 10px;
}
.priceValue[data-v-e888637c]{
  font-size: 26px;
  font-weight: 900;
  color: var(--accent);
  letter-spacing: .4px;
}
.priceUnit[data-v-e888637c]{
  font-size: 12px;
  color: rgba(199,201,204,.88);
  font-weight: 800;
}
.priceRight .priceHint[data-v-e888637c]{
  font-size: 12px;
  color: rgba(199,201,204,.75);
  font-weight: 800;
}

/* ============ 规格卡 ============ */
.row[data-v-e888637c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.rowLabel[data-v-e888637c]{
  font-size: 13px;
  font-weight: 900;
  color: #fff;
}
.rowValue[data-v-e888637c]{
  font-size: 12px;
  color: rgba(199,201,204,.88);
  font-weight: 700;
  text-align: right;
  max-width: 72%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.divider[data-v-e888637c]{
  height: 1px;
  margin: 12px 0;
  background: -webkit-gradient(linear,
    left top, right top,
    from(rgba(255,255,255,0)),
    color-stop(rgba(255,255,255,.10)),
    to(rgba(255,255,255,0))
  );
  background: linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.10),
    rgba(255,255,255,0)
  );
}

/* 数量步进器（截图：- 1 + 在一个胶囊框里） */
.stepper[data-v-e888637c]{
  height: 36px;
  width: 168px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);

  display: grid;
  grid-template-columns: 44px 1fr 44px;
  overflow: hidden;
}
.stepBtn[data-v-e888637c]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-weight: 900;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.stepBtn[data-v-e888637c]:active{
  background: rgba(255,255,255,.06);
}
.stepInput[data-v-e888637c]{
  border: 0;
  outline: none;
  background: transparent;
  color: #fff;
  text-align: center;
  font-weight: 900;
  font-size: 14px;
  width: 100%;
}

/* 备注输入（右对齐） */
.remarkInput[data-v-e888637c]{
  border: 0;
  outline: none;
  background: transparent;
  color: rgba(255,255,255,.92);
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  width: 70%;
}
.remarkInput[data-v-e888637c]::-webkit-input-placeholder{
  color: rgba(199,201,204,.55);
}
.remarkInput[data-v-e888637c]::-moz-placeholder{
  color: rgba(199,201,204,.55);
}
.remarkInput[data-v-e888637c]:-ms-input-placeholder{
  color: rgba(199,201,204,.55);
}
.remarkInput[data-v-e888637c]::-ms-input-placeholder{
  color: rgba(199,201,204,.55);
}
.remarkInput[data-v-e888637c]::placeholder{
  color: rgba(199,201,204,.55);
}

/* ============ 简介卡（v-html） ============ */
.introTitle[data-v-e888637c]{
  font-size: 13px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 8px;
}
.introHtml[data-v-e888637c]{
  color: rgba(199,201,204,.90);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
}
.jfDetail[data-v-e888637c] .introHtml p,
.jfDetail[data-v-e888637c] .introHtml span,
.jfDetail[data-v-e888637c] .introHtml div{
  color: rgba(199,201,204,.90) !important;
}

/* ============ 底部大按钮（荧光绿，圆角6） ============ */
.ctaWrap[data-v-e888637c]{
  margin-top: 14px;
}
.ctaBtn[data-v-e888637c]{
  height: 50px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  background: -webkit-gradient(linear, left top, left bottom, from(#a9ff9f), to(#90ff8d));

  background: linear-gradient(180deg, #a9ff9f 0%, #90ff8d 100%);
  color: #0a144b;
  font-weight: 900;
  font-size: 16px;

  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 14px 26px rgba(144,255,141,.16);

          box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 14px 26px rgba(144,255,141,.16);
}
.ctaBtn[data-v-e888637c]:active{
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

/* 底部留白 */
.safeSpace[data-v-e888637c]{ height: 18px;
}


/*# sourceMappingURL=chunk-79276e92.6e213810.css.map*/