/* ===== 套餐css ===== */
/* ===== 套餐名后的原价 ===== */
.plan-title-fake-price {
    margin-left: 30px;
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
    font-weight: 400;
}

/* ===== 折后提示（主价右侧） ===== */
.plan-discount-tip {
    margin-left: 10px;
    padding: 2px 10px;
    font-size: 16px;
    border-radius: 8px;
    vertical-align: 4px;
}

/* ===== 主价格呼吸感动画 ===== */
.plan-price-breath {
    animation: priceBreath 2.2s ease-in-out infinite;
}

@keyframes priceBreath {
    0%   { transform: scale(1);   }
    50%  { transform: scale(1.04); }
    100% { transform: scale(1);   }
}

/* 爆款（红粉渐变） */
.badge-VIP11 {
    background: linear-gradient(135deg, #ff33ff, #ff7a45);
}
/* 爆款（红粉渐变） */
.badge-VIP22 {
    background: linear-gradient(135deg, #ff33ff, #ff7a45);
}
/* 人气（橙黄） */
.badge-SVIP11 {
    background: linear-gradient(135deg, #06ffff, #00ff02);
    color: #505050 !important;
}

/* 二次元（紫蓝） */
.badge-SVIP22 {
    background: linear-gradient(135deg, #7c4dff, #40a9ff);
}

/* 二次元（紫蓝） */
.badge-SVIP33 {
    background: linear-gradient(135deg, #7c4dff, #40a9ff);
}

/* ===== 右上角爆款 / 热门标签 ===== */
.plan-hot-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 999px;
    box-shadow: 0 6px 16px rgba(0,0,0,.18);
    overflow: hidden;
    animation: badgeShake 3.5s ease-in-out infinite;
    z-index: 10;
}

/* 微抖 */
@keyframes badgeShake {
    0%, 92%, 100% { transform: rotate(0); }
    94% { transform: rotate(2deg); }
    96% { transform: rotate(-2deg); }
    98% { transform: rotate(1deg); }
}

/* 闪光 */
.plan-hot-badge::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 50%;
    height: 200%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );
    transform: rotate(25deg);
    animation: badgeShine 3.5s infinite;
}

@keyframes badgeShine {
    0% { left: -60%; }
    70% { left: -60%; }
    100% { left: 140%; }
}
/* 套餐1色调 */
.plan-type-VIP1.cycle-month .text-muted,
.plan-type-VIP1.cycle-quarter .text-muted,
.plan-type-VIP1.cycle-half .text-muted {
    color: #ff40df !important;
    font-weight: 600;
}

.plan-type-VIP1 .plan-discount-tip {
    color: #ff3de2;
    font-weight: 600;
    background: linear-gradient(135deg, rgba(255,64,223,.15), rgba(255,99,132,.15));
}
/* 套餐2色调 */
.plan-type-VIP2.cycle-month .text-muted,
.plan-type-VIP2.cycle-quarter .text-muted,
.plan-type-VIP2.cycle-half .text-muted {
    color: #ff40df !important;
    font-weight: 600;
}

.plan-type-VIP2 .plan-discount-tip {
    color: #ff3de2;
    font-weight: 600;
    background: linear-gradient(135deg, rgba(255,64,223,.15), rgba(255,99,132,.15));
}
/* 套餐2色调 */
.plan-type-SVIP1.cycle-month .text-muted,
.plan-type-SVIP1.cycle-quarter .text-muted,
.plan-type-SVIP1.cycle-half .text-muted {
    color: #00c1a5 !important;
    font-weight: 600;
}

.plan-type-SVIP1 .plan-discount-tip {
    color: #00c1a5;
    font-weight: 600;
    background: linear-gradient(135deg, rgba(3,255,219,.15), rgba(3,255,46,.15));
}
/* 套餐3色调 */
.plan-type-SVIP2.cycle-month .text-muted,
.plan-type-SVIP2.cycle-quarter .text-muted,
.plan-type-SVIP2.cycle-half .text-muted {
    color: #7c4dff !important;
    font-weight: 700;
}

.plan-type-SVIP2 .plan-discount-tip {
    color: #6f60ff;
    font-weight: 600;
    background: linear-gradient(135deg, rgba(113,93,255,.15), rgba(75,153,255,.15));
}
/* 套餐3色调 */
.plan-type-SVIP3.cycle-month .text-muted,
.plan-type-SVIP3.cycle-quarter .text-muted,
.plan-type-SVIP3.cycle-half .text-muted {
    color: #7c4dff !important;
    font-weight: 700;
}

.plan-type-SVIP3 .plan-discount-tip {
    color: #6f60ff;
    font-weight: 600;
    background: linear-gradient(135deg, rgba(113,93,255,.15), rgba(75,153,255,.15));
}


/* ===============================
   立即订阅按钮
================================ */
.block .btn.btn-alt-primary {
  width: 100%;
  height: 42px;
  border-radius: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all .25s ease;
  border: none;
}

/* hover 微动效 */
.block .btn.btn-alt-primary:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

/* ===========VIP1按钮颜色=============== */
/*
.plan-type-VIP1 .btn.btn-alt-primary {
  background: linear-gradient(135deg, #ff33ff, #ff7a45);
  color: #fff;
  box-shadow: 0 6px 16px rgba(255,86,169,.35);
}
.plan-type-VIP1 .btn.btn-alt-primary:hover {
  box-shadow: 0 10px 22px rgba(255,86,169,.55);
}
*/
/* ===========VIP2按钮颜色=============== */
.plan-type-VIP2 .btn.btn-alt-primary {
  background: linear-gradient(135deg, #ff33ff, #ff7a45);
  color: #fff;
  box-shadow: 0 6px 16px rgba(255,86,169,.35);
}
.plan-type-VIP2 .btn.btn-alt-primary:hover {
  box-shadow: 0 10px 22px rgba(255,86,169,.55);
}
/* ===========SVIP1按钮颜色=============== */
/*
.plan-type-SVIP1 .btn.btn-alt-primary {
  background: linear-gradient(135deg, #06ffff, #00ff02);
  color: #505050;
  box-shadow: 0 6px 16px rgba(0,255,125,.35);
}
.plan-type-SVIP1 .btn.btn-alt-primary:hover {
  box-shadow: 0 10px 22px rgba(0,255,125,.55);
}
*/
/* ===========SVIP2按钮颜色=============== */
/*
.plan-type-SVIP2 .btn.btn-alt-primary {
  background: linear-gradient(135deg, #7c4dff, #40a9ff);
  color: #fff;
  box-shadow: 0 6px 18px rgba(89,129,255,.35);
}
.plan-type-SVIP2 .btn.btn-alt-primary:hover {
  box-shadow: 0 12px 26px rgba(89,129,255,.55);
}
*/
/* ===========SVIP3按钮颜色=============== */
/*
.plan-type-SVIP3 .btn.btn-alt-primary {
  background: linear-gradient(135deg, #7c4dff, #40a9ff);
  color: #fff;
  box-shadow: 0 6px 18px rgba(89,129,255,.35);
}
.plan-type-SVIP3 .btn.btn-alt-primary:hover {
  box-shadow: 0 12px 26px rgba(89,129,255,.55);
}
*/