/* Shared client surfaces: neutral backgrounds, restrained hierarchy. */
.app-shell .textured-page:before,.app-shell .textured-page:after,.app-shell .orders-page:before,.app-shell .orders-page:after,.app-shell .mine-page:before,.app-shell .mine-page:after{display:none!important}
.app-shell .page-head h2,.app-shell .mine-sub-page .page-head h2{color:#263449!important;text-shadow:none!important;font-size:23px!important;font-weight:700!important}
.app-shell .page-head small,.app-shell .mine-sub-page .page-head small{color:#919baa!important;text-shadow:none!important;font-size:11px!important;font-weight:400!important}
.app-shell .page-head button,.app-shell .mine-sub-page .page-head button{background:#fff!important;color:#69768b!important;border:1px solid #e7ebf2!important;box-shadow:none!important;text-shadow:none!important;border-radius:10px!important;padding:8px 14px!important;font-size:13px!important;font-weight:500!important}
/* Category: remove the large nested blue panel and correct actual nav selector. */
.category-browser .category-side-nav{gap:6px!important}
.category-browser .category-side-nav button{background:transparent!important;border:0!important;box-shadow:none!important;color:#7c8799!important;border-radius:10px!important;min-height:56px!important;padding:10px 5px!important}
.category-browser .category-side-nav button.active{background:#eaf1ff!important;color:#3478f6!important;border:0!important;box-shadow:none!important}
.category-browser .category-side-nav strong{font-weight:600!important;font-size:12px!important;line-height:1.5!important}
.category-browser .category-side-nav small{color:inherit!important;opacity:.65!important;font-size:10px!important}
.category-browser .category-side-nav button:before,.category-browser .category-side-nav button:after,.category-play-pane:before,.category-play-pane:after{display:none!important}
.category-browser .category-play-pane{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0 0 0 4px!important}
.category-play-pane .category-pane-title{margin:0 0 14px!important}
.category-play-pane .category-pane-title small{color:#929bac!important;font-weight:400!important;font-size:10px!important}
.category-play-pane .category-pane-title h3{color:#263449!important;font-size:16px!important;font-weight:650!important}
.category-browser .category-play-card{border:0!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.category-play-info .member-price-tag,.product-body .member-price-tag{background:#f1f5ff!important;border:0!important;color:#5481ca!important;border-radius:5px!important;padding:2px 5px!important;font-size:10px!important;font-weight:500!important}
/* Login and transient messages. */
.login-mask{background:rgba(28,37,55,.35)!important;backdrop-filter:blur(4px)!important;padding:24px!important;box-sizing:border-box!important}
.login-mask .client-login-dialog{background:#fff!important;color:#273449!important;border:0!important;box-shadow:0 20px 64px #14243924!important;border-radius:20px!important;padding:24px!important;box-sizing:border-box!important;width:min(100%,360px)!important}
.client-login-dialog:before,.client-login-dialog:after{display:none!important}
.login-mask .client-login-dialog header{justify-content:flex-end!important;margin-bottom:8px!important}
.login-mask .client-login-dialog header button,.login-mask .client-login-dialog header button:last-child{background:#f3f5f9!important;color:#8792a3!important;border:0!important;border-radius:8px!important;padding:7px 10px!important;font-size:12px!important;font-weight:500!important;box-shadow:none!important}
.login-mask .client-login-dialog h3{color:#253247!important;font-size:21px!important;font-weight:650!important;margin:0 0 12px!important;text-shadow:none!important}
.login-mask .client-login-dialog p{color:#8390a3!important;font-size:13px!important;line-height:1.8!important;margin:0 0 22px!important}
.login-mask .client-login-dialog .van-button{background:#3478f6!important;color:#fff!important;border:0!important;border-radius:12px!important;height:46px!important;box-shadow:none!important;font-weight:600!important;text-shadow:none!important}
.van-toast{background:#fff!important;color:#4d5a6d!important;border:1px solid #e9edf4!important;border-radius:12px!important;box-shadow:0 8px 30px #1c2b421a!important;backdrop-filter:none!important;padding:13px 20px!important}
.van-toast .van-toast__text{color:#4d5a6d!important;text-shadow:none!important;font-size:13px!important;font-weight:500!important;line-height:1.6!important}
/* My account: compact avatar and text, no decorative character behind data. */
.app-shell .mine-member-card{background:#fff!important;border:1px solid #edf0f5!important;box-shadow:none!important;border-radius:16px!important;padding:24px 20px!important;min-height:0!important;margin:6px 0 18px!important}
.app-shell .mine-member-card:before,.app-shell .mine-member-card:after{display:none!important}
.mine-member-card .mine-member-head{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:16px!important;align-items:center!important}
.mine-member-card .mine-member-head .avatar{width:64px!important;height:64px!important;margin:0!important;border:0!important;border-radius:16px!important;box-shadow:none!important;grid-row:auto!important}
.mine-member-card .mine-member-head .profile-text{gap:6px!important;min-width:0!important;max-width:none!important}
.mine-member-card .mine-member-head .profile-text h2{color:#263449!important;font-size:21px!important;font-weight:700!important;line-height:1.4!important;margin:0 0 6px!important;overflow-wrap:anywhere!important;text-shadow:none!important}
.mine-member-card .mine-member-head .profile-text span{color:#8791a1!important;font-size:12px!important;font-weight:400!important;line-height:1.7!important;white-space:normal!important;overflow-wrap:anywhere!important;text-shadow:none!important}
.app-shell .mine-menu-list{background:#fff!important;border:1px solid #edf0f5!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden!important}
.app-shell .mine-menu-list .van-cell{background:#fff!important;border:0!important;border-bottom:1px solid #f1f3f7!important;border-radius:0!important;min-height:54px!important;padding:14px 18px!important;box-shadow:none!important;align-items:center!important}
.app-shell .mine-menu-list .van-cell__title{color:#536177!important;font-size:14px!important;font-weight:400!important;line-height:1.6!important}
.app-shell .mine-menu-list .van-cell__left-icon{color:#8793a6!important;font-size:18px!important;margin-right:12px!important}
.app-shell .mine-menu-list .van-cell__right-icon{color:#b7bfcc!important;font-size:15px!important}
/* Orders. */
.app-shell .order-filter-tabs,.app-shell .companion-type-tabs{background:#eef1f6!important;border:0!important;box-shadow:none!important;border-radius:12px!important;padding:4px!important;gap:4px!important;margin-bottom:18px!important}
.app-shell .order-filter-tabs button,.app-shell .companion-type-tabs button{background:transparent!important;color:#8a95a7!important;border:0!important;box-shadow:none!important;border-radius:9px!important;font-size:13px!important;font-weight:500!important;text-shadow:none!important;min-height:36px!important}
.app-shell .order-filter-tabs button.active,.app-shell .companion-type-tabs button.active{background:#fff!important;color:#3478f6!important;border:0!important;box-shadow:0 1px 4px #24344b08!important}
.app-shell .order-card,.app-shell .orders-page .order-card{background:#fff!important;border:1px solid #edf0f5!important;box-shadow:none!important;border-radius:14px!important;padding:18px!important;margin-bottom:12px!important}
.app-shell .order-card:before,.app-shell .order-card:after{display:none!important}
.app-shell .orders-page .order-card h3{color:#354257!important;font-size:16px!important;font-weight:650!important;margin:8px 0!important}
.app-shell .orders-page .order-card small,.app-shell .orders-page .order-card p{color:#98a2b2!important;font-size:12px!important;font-weight:400!important;line-height:1.6!important}
.app-shell .empty-state,.app-shell .orders-page .empty-state,.app-shell .category-empty{background:#fff!important;border:1px solid #edf0f5!important;box-shadow:none!important;border-radius:14px!important;color:#929eaf!important}
/* Wallet, points, benefits, member cards: one shared light surface. */
.app-shell .mine-sub-page .block,.app-shell .recharge-hero,.app-shell .mall-hero,.app-shell .cert-hero,.app-shell .benefit-hero,.app-shell .points-hero,.app-shell .promo-hero,.app-shell .profile-info-card,.app-shell .benefit-grid article,.app-shell .mall-grid article,.app-shell .promo-benefits article,.app-shell .level-track article{background:#fff!important;border:1px solid #e9edf4!important;box-shadow:none!important;border-radius:16px!important;color:#39485f!important}
.app-shell .mine-sub-page .block:before,.app-shell .mine-sub-page .block:after,.app-shell .benefit-hero:before,.app-shell .benefit-hero:after,.app-shell .recharge-hero:before,.app-shell .recharge-hero:after{display:none!important}
.app-shell .mine-sub-page h3,.app-shell .benefit-grid article strong,.app-shell .mall-grid article strong,.app-shell .level-track strong{color:#354359!important;text-shadow:none!important;font-weight:650!important}
.app-shell .mine-sub-page p,.app-shell .mine-sub-page small,.app-shell .mine-sub-page .level-track span{color:#929cad!important;text-shadow:none!important;font-weight:400!important;line-height:1.7!important}
.app-shell .recharge-hero strong,.app-shell .points-hero strong,.app-shell .mall-hero strong{color:#2b3c56!important;font-size:30px!important;font-weight:700!important}
.app-shell .recharge-hero span,.app-shell .points-hero span,.app-shell .mall-hero span,.app-shell .benefit-hero small{color:#8f9aac!important;font-size:12px!important;font-weight:400!important}
.app-shell .recharge-options button{background:#f8f9fc!important;border:1px solid #e8edf4!important;box-shadow:none!important;border-radius:12px!important;color:#66758b!important;min-height:78px!important;text-shadow:none!important}
.app-shell .recharge-options button.active{background:#f0f5ff!important;border:1.5px solid #3478f6!important;color:#3478f6!important;box-shadow:none!important}
.app-shell .recharge-options button small,.app-shell .recharge-options button.active small{color:inherit!important;opacity:.65!important;font-size:11px!important}
.app-shell .mine-sub-page .van-cell,.app-shell .mine-sub-page .van-field{background:#fff!important;box-shadow:none!important;border-color:#eef1f5!important}
.app-shell .mine-sub-page input,.app-shell .mine-sub-page textarea{color:#34435b!important}
.app-shell .benefit-grid article span,.app-shell .promo-benefits article em{background:#edf3ff!important;color:#5a7fb9!important;border:0!important;border-radius:6px!important;font-size:11px!important;font-weight:500!important}
.app-shell .benefit-grid article strong{font-size:17px!important;margin:12px 0 8px!important}
.app-shell .level-track article.active{border-color:#d4e2fc!important;background:#f4f7fd!important;box-shadow:none!important}
.app-shell .level-track b{color:#4d7ecc!important;font-size:14px!important;font-weight:600!important}
.app-shell .mall-grid article{grid-template-columns:40px minmax(0,1fr) 62px!important;gap:12px!important;padding:18px 16px!important;min-height:106px!important}
.app-shell .mall-grid article i{background:#edf3ff!important;border:1px solid #e0eaff!important;border-radius:12px!important;width:36px!important;height:36px!important;box-shadow:none!important}
.app-shell .mall-grid article i:after{content:'P';display:grid;place-items:center;height:100%;font-style:normal;font-weight:600;font-size:18px;color:#7c9bd1}
.app-shell .mall-grid article span{color:#4d7ecc!important;font-size:16px!important;font-weight:600!important}
.app-shell .mall-grid article button{background:#edf3ff!important;color:#3478f6!important;border:0!important;box-shadow:none!important;border-radius:9px!important;width:62px!important;font-size:12px!important;font-weight:500!important}
.app-shell .mall-grid article button:disabled{background:#f3f5f8!important;color:#adb5c3!important}
.app-shell .member-card-tabs button{background:transparent!important;color:#8f99a9!important;border:0!important;box-shadow:none!important;border-radius:8px!important;font-size:12px!important;font-weight:500!important}
.app-shell .member-card-tabs button.active{background:#eaf1ff!important;color:#3478f6!important}
.app-shell .member-card-view,.app-shell .member-card-view.level-base,.app-shell .member-card-view.level-silver,.app-shell .member-card-view.level-gold,.app-shell .member-card-view.level-dragon{background:#fff!important;border:1px solid #e5eaf3!important;box-shadow:none!important;border-radius:18px!important;display:flex!important;align-items:center!important;min-height:204px!important;padding:26px!important;color:#34445e!important}
.app-shell .member-card-view.locked{opacity:1!important;filter:none!important}
.app-shell .member-card-view img{display:none!important}
.app-shell .member-card-view h3{color:#34445e!important;font-size:27px!important;font-weight:650!important;margin:14px 0!important}
.app-shell .member-card-view small{color:#a4aebd!important;font-weight:400!important;font-size:10px!important;letter-spacing:2px!important}
.app-shell .member-card-view p{color:#8f9bad!important;font-size:13px!important}
.app-shell .member-card-view span{background:#edf3ff!important;color:#6083bf!important;border-radius:7px!important;font-size:11px!important;font-weight:500!important;padding:7px 10px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.app-shell .member-card-dots button{background:#dfe5ef!important;box-shadow:none!important}
.app-shell .member-card-dots button.active{background:#3478f6!important}
@media(max-width:360px){.mine-member-card .mine-member-head{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important}.mine-member-card .mine-member-head .avatar{width:52px!important;height:52px!important}.mine-member-card .mine-member-head .profile-text h2{font-size:19px!important}.app-shell .mall-grid article{grid-template-columns:32px minmax(0,1fr) 54px!important;gap:8px!important}.app-shell .mall-grid article button{width:54px!important}.app-shell .mall-grid article i{width:30px!important;height:30px!important}}
.app-shell .page{box-sizing:border-box!important;width:100%!important;max-width:430px!important;min-width:0!important}