/* 换水页面样式 */
.v13-change-status {
    min-height: 59px;
    padding: 11px 12px;
    display: grid;
    grid-template-columns: 1.1fr 1.45fr 75px;
    gap: 9px;
    align-items: center;
}

.v13-balance {
    font-size: 27px;
    font-weight: 900;
    line-height: 1;
}

.v13-balance-unit {
    font-size: 13px;
    color: #667085;
}

.v13-status-title {
    font-size: 14px;
    font-weight: 900;
}

.v13-more {
    float: right;
    color: #667085;
    font-size: 12px;
    font-weight: 500;
}

.v13-change-service-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin: 0 15px 10px;
}

.v13-water-service {
    height: 64px;
    border-radius: 12px;
    background: linear-gradient(135deg, #168cff, #79d4ff);
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 9px 21px rgba(20, 104, 255, 0.25);
    position: relative;
    overflow: hidden;
}

.v13-service-icon {
    position: absolute;
    right: 9px;
    bottom: 6px;
    width: 45px;
    height: 45px;
    opacity: 0.92;
}

.v13-service-title {
    font-size: 17px;
    font-weight: 900;
}

.v13-service-sub {
    font-size: 11px;
    margin-top: 4px;
}

.v13-flow {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    padding: 11px;
    margin: 0 15px 10px;
    text-align: center;
}

.v13-flow-icon {
    width: 31px;
    height: 31px;
    margin: 0 auto 4px;
}

.v13-flow-title {
    font-weight: 900;
    font-size: 12px;
}

.v13-record-list {
    padding: 9px 12px;
    margin: 0 15px 10px;
}

.v13-record-row {
    display: grid;
    grid-template-columns: 1.25fr 1fr 65px minmax(120px, auto);
    align-items: center;
    gap: 6px;
    min-height: 27px;
    font-size: 12px;
    border-bottom: 1px solid rgba(20, 104, 255, 0.1);
}

.v13-record-row .v13-btn {
    min-width: 50px;
    height: 25px;
    padding: 0 8px;
    font-size: 11px;
}

@media (max-width: 520px) {
    .v13-record-row {
        grid-template-columns: 1fr 78px;
        padding: 8px 0;
    }

    .v13-record-row > span:nth-child(2) {
        color: #667085;
    }

    .v13-record-row > span:last-child {
        grid-column: 1 / -1;
    }
}

.v13-record-row:last-child {
    border-bottom: none;
}

.v13-record-ok {
    color: #16a34a;
    font-weight: 800;
}

/* JH_CHANGE_PAGE_AD_CONFIG_V1 */
.jh-config-banner{position:relative;margin:12px 15px 10px;border-radius:15px;min-height:94px;overflow:hidden;background:linear-gradient(135deg,#dff4ff,#ffffff);box-shadow:0 9px 24px rgba(38,124,205,.16);cursor:pointer;}
.jh-change-top-banner{min-height:124px;margin-top:12px;}
.jh-change-bottom-banner{min-height:75px;display:flex;align-items:center;padding:12px 13px;box-sizing:border-box;}
.jh-config-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.jh-config-banner-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.52) 48%,rgba(255,255,255,.06));}
.jh-config-banner-copy{position:relative;z-index:2;max-width:230px;padding:17px 15px;box-sizing:border-box;}
.jh-config-banner-title{font-size:21px;font-weight:950;color:#1268e8;line-height:1.12;}
.jh-config-banner-sub{margin-top:6px;font-size:12px;color:#44566c;line-height:1.45;}
.jh-config-banner-btn{position:absolute;right:12px;bottom:12px;z-index:3;min-width:64px;height:29px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd66b,#ff9e1b);color:#754000;font-size:12px;font-weight:900;box-shadow:0 6px 14px rgba(255,158,27,.24);}
.jh-change-middle-ads{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 15px 10px;}
.jh-change-ad-card{position:relative;min-height:77px;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#e7f7ff,#ffffff);box-shadow:0 7px 19px rgba(31,114,255,.13);cursor:pointer;}
.jh-change-ad-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.jh-change-ad-shine{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,255,255,.35));}
.jh-change-ad-copy{position:relative;z-index:2;padding:11px 10px;}
.jh-change-ad-title{font-size:15px;font-weight:950;color:#1268e8;line-height:1.18;}
.jh-change-ad-sub{margin-top:4px;font-size:11px;color:#667085;line-height:1.35;}

/* JH_BANNER_CLEAN_SHINE_V1 换水页 Banner 干净图 + 微光扫过 */
.jh-config-banner,
.jh-change-ad-card{
  position:relative!important;
  overflow:hidden!important;
}
.jh-config-banner-copy,
.jh-config-banner-title,
.jh-config-banner-sub,
.jh-config-banner-btn,
.jh-config-banner-mask,
.jh-change-ad-copy,
.jh-change-ad-title,
.jh-change-ad-sub{
  display:none!important;
}
.jh-config-banner-img,
.jh-change-ad-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.jh-banner-shine-v1,
.jh-change-ad-shine{
  position:absolute!important;
  inset:-60%!important;
  pointer-events:none!important;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.72) 48%,rgba(255,255,255,.22) 55%,transparent 68%)!important;
  transform:translateX(-65%) rotate(8deg)!important;
  animation:jhBannerShineV1 3.2s ease-in-out infinite!important;
}
@keyframes jhBannerShineV1{
  0%{transform:translateX(-70%) rotate(8deg);opacity:0}
  18%{opacity:.85}
  52%{transform:translateX(70%) rotate(8deg);opacity:.72}
  100%{transform:translateX(86%) rotate(8deg);opacity:0}
}

/* WATER_TICKET_FULLCHAIN_V2: H5核销商品与真实锁票数量 */
.jh-ticket-product-panel{margin:0 15px 12px;padding:14px;border-radius:15px}.jh-ticket-panel-title{font-size:15px;font-weight:900;color:#17385d;margin-bottom:10px}.jh-ticket-product-options{display:grid;gap:8px}.jh-ticket-product-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid #dcecff;border-radius:12px;background:#f9fcff;color:#17385d;text-align:left}.jh-ticket-product-option span{font-size:11px;color:#667085}.jh-ticket-product-option.active{border-color:#1684ff;background:#edf7ff;box-shadow:0 5px 16px rgba(22,132,255,.12)}.jh-ticket-quantity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e5effa}.jh-ticket-quantity span{display:block;margin-top:4px;font-size:11px;color:#667085}.jh-ticket-stepper{display:flex;align-items:center;gap:10px}.jh-ticket-stepper button{width:34px;height:30px;border:0;border-radius:10px;background:#edf6ff;color:#1268e8;font-weight:900}.jh-ticket-stepper strong{min-width:22px;text-align:center}