/* 品牌色：灵动图库粉 —— 会员中心 / 购买页 / 通用组件 */
:root {
  --zb-brand: #ff5c7c;
  --zb-brand-light: #ff8fab;
  --zb-brand-soft: #fff0f4;
  --zb-brand-deep: #e04a68;
}

/* ===== 会员中心：左侧菜单 ===== */
.uc-page .uc-menu-warp {
  background: linear-gradient(180deg, #fff8fa, #fff);
  border-radius: 14px;
  box-shadow: 0 2px 14px -6px rgba(255, 92, 124, .18);
}
.uc-page .uc-menu-warp .menu-item a {
  color: #747579;
  border-radius: 10px;
  transition: color .18s, background-color .18s;
}
.uc-page .uc-menu-warp .menu-item a:hover,
.uc-page .uc-menu-warp .menu-item.current-menu-item a {
  color: var(--zb-brand);
  background: var(--zb-brand-soft);
  font-weight: 600;
}

/* ===== 会员中心：卡片与表单 ===== */
.uc-page .card {
  border-radius: 14px;
  box-shadow: 0 4px 22px -12px rgba(255, 92, 124, .22);
}
.uc-page .form-control:focus,
.uc-page .form-select:focus {
  border-color: var(--zb-brand-light);
  box-shadow: 0 0 0 .2rem rgba(255, 92, 124, .16);
}
.uc-page .btn-primary,
.uc-page .btn-danger {
  background: linear-gradient(135deg, var(--zb-brand-light), var(--zb-brand));
  border-color: transparent;
  color: #fff;
  transition: transform .18s, box-shadow .18s, filter .18s;
}
.uc-page .btn-primary:hover,
.uc-page .btn-danger:hover {
  color: #fff;
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px -8px rgba(255, 92, 124, .6);
}
.uc-page .text-primary,
.uc-page a.text-primary {
  color: var(--zb-brand) !important;
}
.uc-page .badge-primary,
.uc-page .badge.bg-primary {
  background: linear-gradient(135deg, var(--zb-brand-light), var(--zb-brand)) !important;
}

/* ===== 会员中心：vip 卡片 ===== */
.uc-page .vip-card {
  border-radius: 14px;
  border: 1px solid rgba(255, 143, 171, .35);
  background: linear-gradient(160deg, #fff, #fff8fa);
}
.uc-page .vip-card .card-header {
  background: linear-gradient(135deg, var(--zb-brand-light), var(--zb-brand)) !important;
  color: #fff !important;
  border-radius: 14px 14px 0 0 !important;
}

/* ===== 购买页：套餐选中态（金色语义保留，仅圆角与阴影统一） ===== */
.pay-vip-page .vip-card {
  border-radius: 16px;
}
.pay-vip-page .vip-card:hover {
  box-shadow: 0 14px 34px -16px rgba(255, 92, 124, .38);
}

/* ===== 通用：链接与分页 ===== */
.uc-page .list-group-item.active {
  background: linear-gradient(135deg, var(--zb-brand-light), var(--zb-brand));
  border-color: transparent;
}
.uc-page .progress-bar {
  background: linear-gradient(135deg, var(--zb-brand-light), var(--zb-brand));
}

/* ===== 通用：表单控件品牌色 ===== */
.form-check-input:checked {
  background-color: var(--zb-brand);
  border-color: var(--zb-brand);
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--zb-brand);
  border-color: var(--zb-brand);
}
.form-range::-webkit-slider-thumb {
  background: var(--zb-brand);
}
.form-range::-moz-range-thumb {
  background: var(--zb-brand);
  border: 0;
}

/* ===== 通用：按钮 ===== */
.btn-primary {
  background: linear-gradient(135deg, var(--zb-brand-light), var(--zb-brand));
  border-color: transparent;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  background: linear-gradient(135deg, var(--zb-brand), var(--zb-brand-deep));
  border-color: transparent;
  color: #fff;
}
.btn-outline-primary {
  color: var(--zb-brand);
  border-color: var(--zb-brand);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background: var(--zb-brand);
  border-color: var(--zb-brand);
  color: #fff;
}
.btn-link {
  color: var(--zb-brand);
}
.text-primary {
  color: var(--zb-brand) !important;
}
.border-primary {
  border-color: var(--zb-brand) !important;
}