*{box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{margin:0;background:#e9edf3;color:#202124;font-family:PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit}.mini-program-shell{width:100%;height:100dvh;display:grid;place-items:center;overflow:hidden;padding:12px;background:linear-gradient(90deg,rgba(255,255,255,.56) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.56) 1px,transparent 1px),#e9edf3;background-size:28px 28px}.phone-canvas{position:relative;width:min(calc((100dvh - 24px) * 1170 / 2532),390px,calc(100vw - 24px));height:min(calc(100dvh - 24px),calc((100vw - 24px) * 2532 / 1170),844px);aspect-ratio:1170 / 2532;overflow:hidden;border-radius:2px;background:#fff;box-shadow:0 24px 60px #2d3e562e}.screen-shot{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.hotspot{position:absolute;z-index:2;display:block;border:0;border-radius:8px;background:#34a8ef00;cursor:pointer}.hotspot:focus-visible{outline:2px solid rgba(52,168,239,.72);outline-offset:2px}.home-code,.member-refresh,.profile-code{left:39%;top:88%;width:22%;height:8%;border-radius:999px}.home-profile,.member-profile{right:6%;bottom:.6%;width:24%;height:9.5%}.home-product-left{left:2.6%;top:43.6%;width:47.8%;height:32.2%}.home-product-right{right:2.6%;top:43.6%;width:47.8%;height:32.2%}.home-recharge{right:4.8%;top:31.5%;width:24%;height:4.8%}.member-home,.profile-home{left:5.4%;bottom:.6%;width:24%;height:9.5%}.profile-orders{right:5%;top:40%;width:26%;height:5.8%}.profile-order-icons{left:6%;top:45.5%;width:88%;height:9%}.profile-recharge{right:7%;top:23%;width:25%;height:5.2%}.profile-logout{left:4%;top:68%;width:92%;height:6%}.detail-back,.orders-back,.order-back{left:2.8%;top:6%;width:10%;height:7%}.detail-tab-left{left:24%;top:73.8%;width:28%;height:6.4%}.detail-tab-right{right:17%;top:73.8%;width:28%;height:6.4%}.detail-rule{left:3%;top:66.3%;width:94%;height:4%}.detail-buy,.order-rebuy{left:4%;right:4%;bottom:2.5%;height:7.6%;border-radius:999px}.orders-tab-all{left:2%;top:11.5%;width:17%;height:6%}.orders-tab-pending{left:20%;top:11.5%;width:19%;height:6%}.orders-tab-paid{left:40%;top:11.5%;width:19%;height:6%}.orders-tab-cancelled{left:60%;top:11.5%;width:19%;height:6%}.orders-tab-refund{right:2%;top:11.5%;width:17%;height:6%}.orders-card-first{left:1.2%;top:16.7%;width:97.6%;height:21.8%}.orders-card-second{left:1.2%;top:39.5%;width:97.6%;height:18.3%}.orders-rebuy-first{right:4%;top:35.1%;width:23%;height:3.4%;border-radius:999px}.orders-rebuy-second{right:4%;top:54.8%;width:23%;height:3.4%;border-radius:999px}.order-product,.order-product-first{left:4%;top:24.2%;width:88%;height:7.8%}.order-gift,.order-gift-first,.order-gift-second,.order-gift-third{left:4%;width:88%;height:3.2%}.order-gift-first{top:32%}.order-gift-second{top:34.4%}.order-product-second{left:4%;top:39.9%;width:88%;height:7.8%}.order-gift-third{top:47.7%}.coupon-back{left:2.8%;top:6%;width:10%;height:7%}.coupon-usage{left:26%;top:32.9%;width:21%;height:4.2%}.coupon-rule{left:25%;top:29.7%;width:70%;height:3.5%}.order-tab-state{position:absolute;top:15.08%;z-index:1;width:9.5%;height:.55%;border-radius:999px;background:#33aef2;box-shadow:0 1px #33aef22e;pointer-events:none}.order-tab-state.state-all{left:7.3%}.order-tab-state.state-pending{left:25.4%}.order-tab-state.state-paid{left:45.2%}.order-tab-state.state-cancelled{left:65.2%}.order-tab-state.state-refund{left:84.2%}.rule-backdrop{position:absolute;inset:0;z-index:8;border:0;background:#0000006b;cursor:pointer}.rule-sheet{position:absolute;left:0;right:0;bottom:0;z-index:9;padding:14px 20px 28px;border-radius:22px 22px 0 0;background:#fff;color:#202124;box-shadow:0 -16px 36px #181e262e}.rule-sheet-handle{width:40px;height:4px;margin:0 auto 12px;border-radius:999px;background:#d9dde4}.rule-sheet-header{display:flex;align-items:center;justify-content:center;position:relative;min-height:38px}.rule-sheet-header h2{margin:0;font-size:20px;font-weight:700;letter-spacing:0}.rule-sheet-close{position:absolute;right:-4px;top:-3px;width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:#8c929b;font-size:30px;line-height:30px;cursor:pointer}.rule-summary{margin-top:16px;padding:12px 14px;border-radius:10px;background:#f5fbff;color:#1e9fe8;font-size:17px;font-weight:600}.rule-list{display:grid;gap:0;margin:12px 0 0}.rule-list div{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid #eef0f4}.rule-list div:last-child{border-bottom:0}.rule-list dt,.rule-list dd{margin:0;font-size:15px;line-height:1.45;letter-spacing:0}.rule-list dt{color:#8c929b}.rule-list dd{color:#333840;text-align:right}.rule-fade-enter-active,.rule-fade-leave-active{transition:opacity .2s ease}.rule-fade-enter-from,.rule-fade-leave-to{opacity:0}.rule-sheet-enter-active,.rule-sheet-leave-active{transition:transform .24s ease,opacity .24s ease}.rule-sheet-enter-from,.rule-sheet-leave-to{opacity:0;transform:translateY(100%)}.toast-enter-active,.toast-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}.toast{position:fixed;left:50%;bottom:28px;z-index:20;max-width:min(86vw,360px);padding:10px 16px;border-radius:999px;background:#181e26e0;color:#fff;font-size:14px;transform:translate(-50%);box-shadow:0 12px 28px #141c282e}@media(max-width:520px){.mini-program-shell{padding:0;place-items:center;background:#fff}.phone-canvas{width:min(100vw,calc(100dvh * 1170 / 2532));height:min(100dvh,calc(100vw * 2532 / 1170));border-radius:0;box-shadow:none}}