/* ========== Price Box ========== */
.price-box{
  background:url('/images/banner_bg1.jpg') no-repeat center center;
  background-size: 100% 100%;
}
.price-card{
  
 
  color:#ffffff;
  overflow: hidden;
}
.price-card__title{padding: 18px 10px 0 10px; text-align: center}
.price-card__title h3{color:#ffffff; font-size: 18px; font-weight: 600; margin: 0 0 6px;font-family: SourceHanSerifSC-Bold;}
.price-card__title p{color:#ffffff; font-size: 12px; margin:0}
.price-card__content{
  position: relative;
  display: flex;
  gap: 10px;
  padding: 24px 14px;
}
.price-panel{
  flex:1;
  background-color:#1a3c6b;
  border-radius: 12px;
  padding: 14px 12px;
  position: relative;
}
.price-panel.left{margin-right: 0; text-align: left;}
.price-panel.right{margin-left: 0; text-align: right;}
.price-value{font-size: 34px; font-weight: 800; line-height: 1;font-family: Bahnschrift;}
.price-value.green{color:#22c55e}
.price-value.red{color:#ef4444}
.price-tag{display:inline-block; padding:6px 10px; border-radius: 999px; font-size: 12px; color:#e6f1ff;margin: 10px 0;min-width: 80px;text-align: center;}
.tag-cny{background:#0068b7}
.tag-bar{background:#0068b7}
.price-minmax{display:flex; align-items:center;color:#2da3fc; font-size:12px; margin-top:6px}
.price-panel.right .price-minmax{justify-content: flex-end;}
.price-minmax b{color:#e6f1ff; font-weight:600;margin: 0 10px;}
.price-spread{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
	background-color: #112F5D;
	border-radius: 999px;
  display:flex; flex-direction: column; align-items:center; justify-content:center;
  z-index: 10;
  padding: 10px 0;
}
.spread-value{color:#ffffff; font-size: 22px; font-weight: 700;font-family: Bahnschrift;}
.spread-label{color:#2da3fc; font-size: 12px}

@media (max-width: 420px){
  .price-card__content{grid-template-columns: 1fr 90px 1fr}
  .price-value{font-size: 28px}
}