/* 盛世臻品 支付宝蓝白主题 */
:root {
  --ss-primary: #1677FF;
  --ss-primary-dark: #0958d9;
  --ss-primary-light: #e6f4ff;
  --ss-bg: #f5f8ff;
  --ss-card: #ffffff;
  --ss-border: #d1e9ff;
  --ss-text: #0f172a;
  --ss-muted: #64748b;
}

html,
body,
#app,
.container,
.layout {
  background: var(--ss-bg) !important;
  color: var(--ss-text) !important;
}

.van-nav-bar,
.common-header,
.login-header,
.header,
.register-Header {
  background: linear-gradient(135deg, #f8fbff 0%, #e6f4ff 100%) !important;
  box-shadow: 0 8px 24px rgba(22, 119, 255, 0.08) !important;
}

.van-nav-bar__title,
.van-nav-bar .van-icon,
.common-header .van-icon {
  color: var(--ss-primary-dark) !important;
}

/* 首页顶部 header */
.home-header {
  background: linear-gradient(135deg, #1677FF 0%, #0958d9 50%, #40a9ff 100%) !important;
}

.login-wrap,
.inner-wrap,
.content,
.pay-type,
.pay-tab .item,
.auction,
.auction-content,
.broadcast,
.van-cell,
.van-cell-group,
.van-tabbar,
.van-tabs__wrap,
.my-user-info,
.tool-list,
.wallet-link,
.address-item,
.info-wrap,
.info,
.item-list .item {
  background: var(--ss-card) !important;
  border-color: var(--ss-border) !important;
  box-shadow: 0 8px 26px rgba(22, 119, 255, 0.06) !important;
}

input,
.van-field__control,
.money-input {
  color: var(--ss-text) !important;
}

input:focus,
.van-field__control:focus,
.input-wrap:focus-within {
  border-color: var(--ss-primary) !important;
  box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.12) !important;
}

.submit-btn,
.purchase-btn,
.van-button--primary,
.item-button .pay,
.pay-tab .pay,
.address .submit,
.add-address,
.login-wrap .submit-btn,
.register-inner .submit-btn,
.rechargetype .submit-btn,
.seting-tab .submit-btn,
.reward-extract .extract-btn,
.reward-extract a.extract-btn {
  background: linear-gradient(135deg, var(--ss-primary), var(--ss-primary-dark)) !important;
  color: #fff !important;
  border-color: var(--ss-primary) !important;
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.22) !important;
}

.reward-extract .extract-btn,
.reward-extract a.extract-btn {
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.04rem !important;
  text-align: center !important;
}

.van-checkbox__icon--checked .van-icon,
.van-radio__icon--checked .van-icon,
.van-switch--on,
.van-tabs__line,
.van-slider__bar,
.van-stepper__plus,
.van-stepper__minus {
  background-color: var(--ss-primary) !important;
  border-color: var(--ss-primary) !important;
}

.van-tab--active,
.van-tabbar-item--active,
a,
.username a,
.price,
.item-center .price,
.item-bottom span,
.codenotice,
.title a,
.broadcast-icon,
.auction-header-time,
.pay-type .icon-right,
.van-radio__icon--checked,
.van-checkbox__icon--checked {
  color: var(--ss-primary) !important;
}

.van-tabs__line {
  background: var(--ss-primary) !important;
}

.van-swipe__indicator--active {
  background-color: var(--ss-primary) !important;
}

.current-start,
.current-ready,
.current-end,
.auction-start-item,
.goodsbanner,
.banner img,
.goodsbanner img {
  border-radius: 14px !important;
  overflow: hidden !important;
}

.van-tabbar {
  border-top: 1px solid var(--ss-border) !important;
}

.van-tabbar-item--active img,
.tab-bar .van-tabbar-item--active img {
  filter: hue-rotate(0deg) saturate(1.2) brightness(1.05) !important;
}

.no-account,
.input-label,
.van-tabbar-item,
.item-title,
.pay-type-title,
.title,
p {
  color: var(--ss-text) !important;
}

/* 蓝色背景 header 中的标题保持白色 */
.chat-header .title,
.page-header .title,
.header .title,
[class*="header"][style*="background"] .title {
  color: #fff !important;
}

small,
.van-field__placeholder,
input::placeholder,
.num,
.no-account {
  color: var(--ss-muted) !important;
}

.cancel,
.item-button .cancel {
  color: var(--ss-primary) !important;
  border-color: var(--ss-primary) !important;
  background: #fff !important;
}

.logo,
.avatar {
  background: transparent !important;
}

/* 通知标签蓝色 */
.broadcast-tag {
  background-color: #1677FF !important;
  color: #fff !important;
}

/* 通知内容文字蓝色 */
.broadcast .broadcast-content {
  color: #1677FF !important;
}

/* 商品标签蓝色 */
.product-tag .tag-text,
.tag-text {
  color: #1677FF !important;
  border-color: #1677FF !important;
  background: rgba(22, 119, 255, 0.05) !important;
}

/* 价格蓝色 */
.product-price,
.product-price .price-symbol,
.product-price .price-value {
  color: #1677FF !important;
}

/* 分区标题栏蓝色 */
.section-bar {
  background-color: #1677FF !important;
}

/* 登录/注册验证码放大，提升可读性 */
.login-wrap .vercode-box {
  display: flex !important;
  align-items: center !important;
}
.login-wrap .vercode-box input {
  float: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}
.login-wrap .vercode-box .codenotice {
  float: none !important;
  flex: 0 0 3.15rem !important;
  width: 3.15rem !important;
  height: 0.94rem !important;
  margin-top: 0 !important;
  padding-left: 0.12rem !important;
  border-left: 1px solid var(--ss-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.login-wrap .vercode-box .codenotice img,
.register-inner .van-field__button img {
  width: 2.9rem !important;
  height: 0.86rem !important;
  border-radius: 0.16rem !important;
  border: 1px solid var(--ss-border) !important;
  box-shadow: 0 4px 14px rgba(22, 119, 255, 0.12) !important;
  vertical-align: middle !important;
  display: block !important;
}


/* 首页/全站蓝白视觉强化 */
.container {
  background:
    radial-gradient(circle at 20% 0%, rgba(22, 119, 255, 0.10), transparent 34%),
    linear-gradient(180deg, #e6f4ff 0%, #f5f8ff 42%, #f5f8ff 100%) !important;
}
.header,
.my-header,
.common-header,
.van-nav-bar {
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(209, 233, 255, 0.75) !important;
}
.header .van-nav-bar__title,
.my-header .van-nav-bar__title,
.van-nav-bar__title {
  color: #0958d9 !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}
.goodsbanner {
  position: relative !important;
  border-radius: 0.36rem !important;
  background:
    linear-gradient(135deg, rgba(22, 119, 255, 0.90), rgba(9, 88, 217, 0.65)),
    linear-gradient(180deg, #e6f4ff, #ffffff) !important;
  box-shadow: 0 0.24rem 0.56rem rgba(22, 119, 255, 0.15) !important;
}
.banner {
  position: relative !important;
  border-radius: 0.32rem !important;
  background: #fff !important;
  box-shadow: 0 0.16rem 0.48rem rgba(22, 119, 255, 0.15) !important;
  margin-top: -2rem !important;
  z-index: 10 !important;
}
.goodsbanner img,
.auction-start img,
.item-img img,
.item-header img {
  object-fit: cover !important;
  background: linear-gradient(135deg, #e6f4ff, #ffffff) !important;
}
.banner img {
  object-fit: cover !important;
}
.broadcast {
  padding: 0.18rem 0.28rem !important;
  margin: 0.28rem auto !important;
  width: auto !important;
  height: 0.88rem !important;
  line-height: 0.88rem !important;
  border: 1px solid rgba(22, 119, 255, 0.18) !important;
  border-radius: 0.3rem !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 0.12rem 0.32rem rgba(22, 119, 255, 0.08) !important;
}
.broadcast .broadcast-content,
.broadcast .van-swipe-item {
  color: #0958d9 !important;
}
.auction {
  margin-top: 0.18rem !important;
}
.auction > div {
  margin-bottom: 0.36rem !important;
}
.auction .auction-header {
  height: 1.24rem !important;
  border-radius: 0.36rem !important;
  background: linear-gradient(135deg, #1677FF 0%, #0958d9 64%, #40a9ff 100%) !important;
  box-shadow: 0 0.24rem 0.58rem rgba(22, 119, 255, 0.20) !important;
  border: 1px solid rgba(255, 255, 255, 0.36) !important;
}
.auction .auction-header .text {
  color: #fff !important;
  font-weight: 700 !important;
}
.auction .auction-header-time {
  color: #0958d9 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: inset 0 0 0 1px rgba(22, 119, 255, 0.20) !important;
}
.auction .auction-content {
  top: -0.28rem !important;
}
.auction .auction-start {
  overflow: hidden !important;
  border-radius: 0.36rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(209, 233, 255, 0.95) !important;
  box-shadow: 0 0.2rem 0.52rem rgba(22, 119, 255, 0.10) !important;
}
.auction .auction-start .auction-start-item {
  min-height: 4.2rem !important;
  background: linear-gradient(135deg, #e6f4ff, #ffffff) !important;
}
.auction .auction-start .auction-start-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(9, 88, 217, 0.04), rgba(9, 88, 217, 0.18)) !important;
  pointer-events: none;
}
.auction .auction-content .current-start::after {
  background: linear-gradient(135deg, #1677FF, #40a9ff) !important;
}
.auction .auction-content .current-end::after,
.auction .auction-content .current-ready::after {
  background: linear-gradient(135deg, #94a3b8, #64748b) !important;
}
.auction .auction-content .current-start::after,
.auction .auction-content .current-end::after,
.auction .auction-content .current-ready::after {
  z-index: 3 !important;
  border-radius: 0 0 0 0.3rem !important;
  box-shadow: 0 0.12rem 0.28rem rgba(9, 88, 217, 0.15) !important;
}
.van-tabbar {
  height: 1.42rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 -0.16rem 0.42rem rgba(22, 119, 255, 0.08) !important;
}
.van-tabbar-item--active {
  color: #1677FF !important;
  font-weight: 700 !important;
}