/* auto-generated from xiaochengxu WXSS — do not edit by hand */

.mp-wx{position:relative;height:100%;overflow:hidden;background:#f5f5f5;font-size:14px;color:#333;--app-primary:#ff4544;--app-primary-light:#fff5f5;--app-primary-dark:#e53935;--app-primary-soft:rgba(255,69,68,.12);--app-gradient-from:#ff4544;--app-gradient-to:#e53935;--app-secondary:#ff4544;--primary:#ff4544;--primary-color:#ff4544;--primary-dark:#e53935;--primary-soft:rgba(255,69,68,.12);--price-color:#ff4444;}

.mp-wx view,.mp-wx text,.mp-wx navigator,.mp-wx image,.mp-wx button,.mp-wx scroll-view,.mp-wx swiper,.mp-wx swiper-item{display:block;box-sizing:border-box;}

.mp-wx text{display:inline;}

.mp-wx image{display:block;max-width:100%;}

.mp-wx button{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;}

.mp-wx .flex-row{display:flex;flex-direction:row;}

.mp-wx .flex-col{display:flex;flex-direction:column;}

.mp-wx .flex-y-center{display:flex;align-items:center;}

.mp-wx .flex-x-center{display:flex;justify-content:center;}

.mp-wx .flex-grow-1{flex:1;min-width:0;}

.mp-wx .flex-grow-0{flex:none;}

.mp-wx .rel{position:relative;}

.mp-wx .navbar{position:absolute;bottom:0;left:0;width:100%;padding-top:5px;background:#fff;z-index:200;border-top:1px solid rgba(0,0,0,.1);display:flex;box-sizing:border-box;}

.mp-wx .navbar-icon{width:20px;height:20px;margin:0 auto;display:block;}

.mp-wx .navbar-text{font-size:12px;text-align:center;white-space:nowrap;margin-top:4px;}

.mp-wx .nav-cart-number{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;line-height:16px;padding:0 4px;border-radius:8px;background:#ff4544;color:#fff;font-size:10px;text-align:center;}

.mp-wx .after-navber{padding-bottom:58px;}

.mp-wx .mp-nav-item{flex:1;text-align:center;padding:4px 0 10px;position:relative;cursor:pointer;}

.mp-wx .mp-wx-scroll{height:100%;overflow:auto;}

.mp-wx .mp-wx-scroll::-webkit-scrollbar{width:0;}

.mp-wx .mp-wx-scroll{overflow:auto!important;}

.mp-wx .wx-chrome{flex-shrink:0;background:#fff;border-bottom:1px solid #f0f0f0;}

.mp-wx .wx-status{height:22px;padding:6px 16px 0;font-size:12px;font-weight:650;display:flex;justify-content:space-between;}

.mp-wx .wx-titlebar{height:44px;display:flex;align-items:center;justify-content:center;position:relative;font-size:17px;font-weight:600;}

.mp-wx .wx-back{position:absolute;left:8px;top:0;height:44px;line-height:44px;padding:0 10px;font-size:15px;color:#333;cursor:pointer;}

.mp-wx{display:flex;flex-direction:column;}

.mp-wx .mp-wx-body{flex:1;min-height:0;position:relative;}

.mp-wx .diy-banner-wrap{background:#fff;}

.mp-wx .slide-image-1{width:100%;height:160px;object-fit:cover;display:block;}

.mp-wx .home-nav-grid{display:flex;flex-wrap:wrap;background:#fff;padding:8px 0 4px;}

.mp-wx .home-nav-cell{width:25%;text-align:center;padding:8px 0 10px;cursor:pointer;}

.mp-wx .home-nav-ico{width:40px;height:40px;margin:0 auto 6px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;}

.mp-wx .home-nav-txt{font-size:12px;color:#333;}

.mp-wx .display_row{display:flex;flex-direction:row;align-items:center;}

.mp-wx .display_row_between,.mp-wx .display_row_between_no_center{display:flex;justify-content:space-between;}

.mp-wx .display_column{display:flex;flex-direction:column;}

.mp-wx .width-full{width:100%;}

.mp-wx .pic-ph{background:linear-gradient(135deg,#ffd3c9,#ff8a7a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;}

.mp-wx .mp-toast{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);background:rgba(20,18,16,.86);color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;z-index:400;white-space:nowrap;}

.mp-wx .mp-mask{position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:300;display:flex;align-items:flex-end;}

.mp-wx .login-sheet{width:100%;background:#fff;border-radius:16px 16px 0 0;padding:12px 18px 24px;}

.mp-wx .login-sheet h4{margin:8px 0 4px;text-align:center;}

.mp-wx .login-sheet p{margin:0 0 12px;text-align:center;font-size:12px;color:#999;}

.mp-wx .login-sheet input{width:100%;height:40px;border:1px solid #eee;border-radius:8px;padding:0 12px;margin-bottom:10px;box-sizing:border-box;}

.mp-wx .login-sheet .login-btn{width:100%;height:40px;border:0;border-radius:20px;background:var(--app-primary);color:#fff;font-size:15px;cursor:pointer;}


/* ---- mall/cat/cat.wxss ---- */

.mp-wx .cat-page{
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  background: #f5f6f8;
}.mp-wx .cat-search-bar{
  flex-shrink: 0;
  padding: 10px 12px 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}.mp-wx .cat-search-inner{
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  background: #f3f4f6;
  border-radius: 17px;
  border: 0.5px solid #ececee;
  box-sizing: border-box;
}.mp-wx .cat-search-icon{
  width: 16px;
  height: 16px;
  margin-right: 6px;
}.mp-wx .cat-search-placeholder{
  font-size: 14px;
  color: #999;
}.mp-wx .cat-main{
  flex: 1;
  display: flex;
  min-height: 0;
}.mp-wx .cat-left{
  width: 100px;
  flex-shrink: 0;
  background: #fff;
  border-right: 0.5px solid #eee;
  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.03);
}.mp-wx .cat-left-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 6px;
  border-left: 3px solid transparent;
  position: relative;
}.mp-wx .cat-left-item:not(:last-child)::after{
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 0;
  height: 0.5px;
  background: #f0f0f0;
}.mp-wx .cat-left-item.active{
  background: var(--app-primary-light, #fff3ee);
  border-left-color: var(--app-primary, #ff6b35);
}.mp-wx .cat-left-icon{
  width: 36px;
  height: 36px;
  border-radius: 4px;
  margin-bottom: 6px;
  background: #eee;
}.mp-wx .cat-left-name{
  font-size: 13px;
  color: #666;
  text-align: center;
  line-height: 1.35;
}.mp-wx .cat-left-item.active .cat-left-name{
  color: var(--app-primary, #ff6b35);
  font-weight: 600;
}.mp-wx .cat-right{
  flex: 1;
  background: #fafbfc;
  min-width: 0;
}.mp-wx .cat-empty{
  padding: 40px 16px;
  text-align: center;
  font-size: 14px;
  color: #999;
}.mp-wx .cat-right-grid{
  display: flex;
  flex-wrap: wrap;
  padding: 12px 8px 20px;
}.mp-wx .cat-right-cell{
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 4px;
  box-sizing: border-box;
}.mp-wx .cat-right-icon{
  width: 60px;
  height: 60px;
  border-radius: 8px;
  margin-bottom: 8px;
  background: #f3f4f6;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}.mp-wx .cat-right-name{
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 1.35;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


/* ---- mall/cart/cart.wxss ---- */

.mp-wx .cart-page{
  --primary-color: var(--app-primary, #ff4544);
  --primary-dark: var(--app-primary-dark, var(--app-gradient-to, #e53935));
  --price-color: #ff4444;
  --tag-stock: #ff4444;
  --tag-date: var(--primary, var(--app-primary, #ff4544));
  --text-light: #999;
  background-color: #f5f5f5;
  font-size: 14px;
  color: #333;
  min-height: 100%;
  box-sizing: border-box;
}.mp-wx .cart-body{
  width: 100%;
  padding-bottom: 90px;
  box-sizing: border-box;
}.mp-wx .cart-count-bar{
  width: 100%;
  background-color: var(--app-primary-light, var(--primary-soft, #fff5f5));
  padding: 10px 0;
  margin-bottom: 7.5px;
  box-sizing: border-box;
}.mp-wx .cart-count-text{
  color: var(--primary-color, var(--primary, var(--app-primary, #ff4544)));
  margin-left: 10px;
  font-size: 12px;
}.mp-wx .cart-content{
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-top: 12.5px;
}.mp-wx .cart-empty{
  background-color: #fff;
  border: 0.5px solid var(--primary-soft, #eee);
  border-radius: 10px;
  padding: 64px 0 128.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.mp-wx .cart-empty-img{
  width: 290px;
  height: auto;
  margin-bottom: 26.5px;
  object-fit: contain;
}.mp-wx .cart-empty-text{
  color: var(--text-light, #999);
  font-size: 13px;
  margin-bottom: 35px;
}.mp-wx .cart-empty-nav{
  width: 100%;
  display: flex;
  justify-content: center;
}.mp-wx .cart-empty-btn{
  background-color: var(--primary-color, var(--primary, var(--app-primary, #ff4544)));
  color: #fff;
  font-size: 14px;
  padding: 7.5px 20px;
  border-radius: 15px;
}.mp-wx .cart-merchant{
  width: 100%;
  background-color: #fff;
  margin-bottom: 7.5px;
  border-radius: 7.5px;
  overflow: hidden;
  box-shadow: 0 1px 4px var(--primary-soft, rgba(0, 0, 0, 0.03));
}.mp-wx .cart-merchant--mch{
  margin-top: 10px;
}.mp-wx .cart-merchant__header{
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-bottom: 0.5px solid #f8f8f8;
}.mp-wx .cart-merchant__check{
  padding: 0 10px;
  display: flex;
  align-items: center;
}.mp-wx .cart-merchant__info{
  flex: 1;
  display: flex;
  align-items: center;
}.mp-wx .cart-merchant__home{
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 18px;
  color: var(--primary-color, var(--primary, var(--app-primary, #ff4544)));
}.mp-wx .cart-merchant__icon{
  width: 18px;
  height: 16px;
  margin-right: 7.5px;
  object-fit: contain;
}.mp-wx .cart-merchant__name{
  font-size: 14px;
  color: var(--primary-color, var(--primary, var(--app-primary, #ff4544)));
  font-weight: 600;
}.mp-wx .cart-goods-list{
  width: 100%;
}.mp-wx .cart-goods-item{
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 12px 0;
  border-bottom: 0.5px solid #f8f8f8;
  box-sizing: border-box;
  position: relative;
}.mp-wx .cart-goods__check{
  padding: 15px 10px 0;
  display: flex;
  align-items: flex-start;
}.mp-wx .cart-checkbox{
  width: 18px;
  height: 18px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
}.mp-wx .cart-checkbox--on{
  border-color: var(--primary-color, var(--primary, var(--app-primary, #ff4544)));
}.mp-wx .cart-checkbox--on::after{
  content: "";
  position: absolute;
  top: 1.5px;
  left: 4.5px;
  width: 6px;
  height: 10px;
  border-right: 1px solid var(--primary-color, var(--primary, var(--app-primary, #ff4544)));
  border-bottom: 1px solid var(--primary-color, var(--primary, var(--app-primary, #ff4544)));
  transform: rotate(45deg);
  transform-origin: center;
}.mp-wx .cart-checkbox--disabled{
  border-color: #e5e5e5;
  background-color: #fafafa;
}.mp-wx .cart-checkbox--disabled::before, .mp-wx .cart-checkbox--disabled::after{
  content: "";
  position: absolute;
  top: 8px;
  left: 3px;
  width: 10px;
  height: 1.5px;
  background-color: #999;
  opacity: 0.4;
}.mp-wx .cart-checkbox--disabled::before{
  transform: rotate(45deg);
}.mp-wx .cart-checkbox--disabled::after{
  transform: rotate(-45deg);
}.mp-wx .cart-goods__content{
  flex: 1;
  display: flex;
  padding-right: 15px;
  box-sizing: border-box;
}.mp-wx .cart-goods__left{
  width: 70%;
  display: flex;
  flex-direction: row;
}.mp-wx .cart-goods__img-wrap{
  width: 90px;
  height: 90px;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 10px;
  flex-shrink: 0;
}.mp-wx .cart-goods__img{
  width: 100%;
  height: 100%;
}.mp-wx .cart-goods__info{
  flex: 1;
  display: flex;
  flex-direction: column;
}.mp-wx .cart-goods__name{
  font-size: 13px;
  color: #333;
  line-height: 19px;
  margin-bottom: 7.5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.mp-wx .cart-goods__attrs{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}.mp-wx .cart-goods__attr{
  font-size: 12px;
  color: var(--text-light, #999);
  line-height: 18px;
  width: 100%;
}.mp-wx .cart-goods__attr-key{
  color: var(--text-light, #999);
  margin-right: 4px;
}.mp-wx .cart-goods__attr-val{
  color: #666;
}.mp-wx .cart-goods__seckill{
  color: var(--price-color, #ff4444);
  font-size: 11px;
  margin-bottom: 5px;
}.mp-wx .cart-goods__right{
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}.mp-wx .cart-goods__right--end{
  justify-content: flex-end;
}.mp-wx .cart-goods__price{
  display: flex;
  align-items: center;
  color: var(--price-color, #ff4444);
  font-weight: 600;
  margin-top: 5px;
}.mp-wx .cart-goods__price-sign{
  font-size: 12px;
  margin-right: 2px;
}.mp-wx .cart-goods__price-val{
  font-size: 15px;
}.mp-wx .cart-goods__num{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}.mp-wx .cart-goods__num--push{
  margin-top: 40px;
  margin-bottom: 0;
}.mp-wx .cart-goods__num-btn{
  width: 24px;
  height: 24px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
}.mp-wx .cart-goods__num-minus::after{
  content: "";
  width: 8px;
  height: 1.5px;
  background-color: var(--primary-color, var(--primary, var(--app-primary, #ff4544)));
}.mp-wx .cart-goods__num-plus::before, .mp-wx .cart-goods__num-plus::after{
  content: "";
  position: absolute;
  background-color: var(--primary-color, var(--primary, var(--app-primary, #ff4544)));
}.mp-wx .cart-goods__num-plus::before{
  width: 8px;
  height: 1.5px;
}.mp-wx .cart-goods__num-plus::after{
  width: 1.5px;
  height: 8px;
}.mp-wx .cart-goods__num-disabled{
  border-color: #f0f0f0;
  opacity: 0.5;
}.mp-wx .cart-goods__num-disabled::before, .mp-wx .cart-goods__num-disabled::after{
  background-color: #999;
}.mp-wx .cart-goods__num-val{
  width: 30px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 13px;
  color: #333;
  margin: 0 9px;
  border-radius: 4px;
}.mp-wx .cart-goods__tags{
  position: absolute;
  bottom: 10px;
  left: 100px;
  margin-bottom: 5px;
}.mp-wx .cart-goods__tag{
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
}.mp-wx .cart-goods__tag-stock{
  background-color: var(--tag-stock, #ff4444);
}.mp-wx .cart-goods__tag-date{
  background-color: var(--tag-date, var(--primary, #ff4544));
}.mp-wx .cart-bottom-space{
  height: 54.5px;
  width: 100%;
}.mp-wx .cart-footer{
  position:absolute;
  bottom: 65px;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 99;
  padding: 7.5px 10px;
  box-shadow: 0 0 3.5px rgba(213, 213, 213, 0.5);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--primary-soft, #f1f1f1);
}.mp-wx .cart-footer__left{
  flex: 1;
  display: flex;
  align-items: center;
}.mp-wx .cart-footer__check-all{
  display: flex;
  align-items: center;
}.mp-wx .cart-footer__check-text{
  color: #333;
  font-size: 14px;
  margin-left: 5px;
}.mp-wx .cart-footer__delete{
  margin-left: 15px;
}.mp-wx .cart-footer__delete-text{
  color: var(--primary-color, var(--primary, var(--app-primary, #ff4544)));
  background-color: var(--app-primary-light, var(--primary-soft, #fff5f5));
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 13px;
}.mp-wx .cart-footer__total{
  display: flex;
  align-items: center;
  margin-left: 10px;
  min-width: 90px;
}.mp-wx .cart-footer__total-text{
  font-size: 14px;
  color: #333;
  margin-right: 4px;
}.mp-wx .cart-footer__total-sign{
  color: var(--price-color, #ff4444);
  font-size: 14px;
  font-weight: 500;
}.mp-wx .cart-footer__total-val{
  color: var(--price-color, #ff4444);
  font-size: 17px;
  font-weight: 700;
}.mp-wx .cart-footer__submit{
  background: linear-gradient(
    135deg,
    var(--primary-color, var(--primary, var(--app-primary, #ff4544))),
    var(--primary-dark, var(--app-primary-dark, #e53935))
  );
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 30px;
  border-radius: 17.5px;
  margin-left: 10px;
  margin-right: 5px;
}.mp-wx .flex-row{
  display: flex;
  flex-direction: row;
}.mp-wx .flex-y-center{
  display: flex;
  align-items: center;
}.mp-wx .flex-grow-1{
  flex: 1;
}.mp-wx .all-margin-top-f165{
  margin-top: 15px;
}


/* ---- mall/list/list.wxss ---- */

.mp-wx /* 搜索栏样式 */
.search-bar{
  padding: 5px 10px;
  background-color: #f5f5f5;
}.mp-wx .search-input{
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 15px;
  padding: 6px 10px;
}.mp-wx .search-input input{
  margin-left: 5px;
  flex: 1;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
}.mp-wx /* 顶部分类栏：flex 换行，分类多时自动折到下一行 */
.tab-header{
  background-color: #fff;
  border-bottom: 0.5px solid #eee;
  padding: 8px 10px 6px;
  box-sizing: border-box;
}.mp-wx .tab-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}.mp-wx .tab-item{
  box-sizing: border-box;
  padding: 7px 11px 9px;
  margin: 0 6px 6px 0;
  font-size: 14px;
  color: #333;
  position: relative;
  line-height: 1.3;
  max-width: 160px;
  border-radius: 4px;
  background-color: #f7f7f7;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.mp-wx .tab-item.active{
  color: #ff4400;
  font-weight: 500;
  background-color: rgba(255, 68, 0, 0.08);
}.mp-wx .tab-item.active::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 2px;
  background-color: #ff4400;
  border-radius: 1px;
}.mp-wx /* 排序栏 */
.sort-bar{
  display: flex;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  padding: 0 5px;
}.mp-wx .sort-item{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  font-size: 14px;
  color: #666;
}.mp-wx .sort-item.active{
  color: #ff4400;
}.mp-wx .sort-arrow{
  margin-left: 2.5px;
}.mp-wx /* 商品列表 */
.goods-list{
  display: flex;
  flex-wrap: wrap;
  padding: 7.5px;
  background-color: #f5f5f5;
  box-sizing: border-box;
  padding-bottom: 75px;
}.mp-wx .goods-item{
  width: 48%;
  margin: 1%;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}.mp-wx .goods-img-container{
  position: relative;
  width: 100%;
  height: 165px;
}.mp-wx .goods-img{
  width: 100%;
  height: 100%;
}.mp-wx .tag{
  position: absolute;
  top: 7.5px;
  left: 7.5px;
  padding: 2.5px 7.5px;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
}.mp-wx .tag.hot{
  background-color: #ff4400;
}.mp-wx .tag.new{
  background-color: #00cc66;
}.mp-wx .tag.discount{
  background-color: #ff9900;
}.mp-wx .add-cart-btn{
  position: absolute;
  right: 7.5px;
  bottom: 7.5px;
  width: 25px;
  height: 25px;
  background-color: #ff4400;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 4px rgba(255,68,0,0.3);
}.mp-wx .goods-name{
  font-size: 14px;
  margin-bottom: 5px;
  color: #333;
  padding: 7.5px;
  height: 45px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}.mp-wx .goods-info{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0 7.5px 7.5px;
}.mp-wx .price{
  color: #ff4400;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  line-height: 1.2;
}.mp-wx .price-currency{
  font-size: 13px;
  margin-right: 1px;
}.mp-wx .price-num{
  font-size: 16px;
  font-weight: 600;
}.mp-wx .price-unit{
  font-size: 12px;
  font-weight: 500;
  color: #ff6a00;
  margin-left: 2px;
}.mp-wx .sales{
  font-size: 12px;
  color: #999;
  flex-shrink: 0;
  margin-left: 6px;
}.mp-wx /* 空状态 */
.empty-state{
  width: 100%;
  padding: 75px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}.mp-wx .empty-img{
  width: 100px;
  height: 100px;
  margin-bottom: 15px;
  opacity: 0.5;
}.mp-wx .empty-text{
  font-size: 15px;
  color: #999;
}.mp-wx /* 底部购物车 */
.cart-bar{
  position:absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 15px;
  box-shadow: 0 -1px 5px rgba(0,0,0,0.1);
  z-index: 99;
}.mp-wx .cart-icon-container{
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #ff4400;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}.mp-wx .cart-count{
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  background-color: #ff0000;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}.mp-wx .cart-info{
  flex: 1;
}.mp-wx .total-text{
  font-size: 14px;
  color: #666;
}.mp-wx .total-price{
  font-size: 17px;
  color: #ff4400;
  font-weight: 500;
}.mp-wx .checkout-btn{
  width: 100px;
  height: 35px;
  background-color: #ff4400;
  color: #fff;
  border-radius: 17.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}


/* ---- mall/order/order.wxss ---- */

.mp-wx /* 无后台主题时 page 级兜底；有主题时根节点 style 会注入 --app-* 与 --primary */
page{
  --primary: #2E86AB;
  --primary-dark: #256E8B;
  --primary-soft: rgba(46, 134, 171, 0.12);
  --danger: #f63536;
  --ok: #36ba75;
  --text: #333;
  --muted: #888;
  --line: #eee;
  --bg: #f5f7fa;
  font-size: 15px;
  background: var(--bg);
  position: relative;
}.mp-wx .body{
  position: relative;
}.mp-wx /* 顶部状态 Tab：横向滑动，避免窄屏挤压 */
.od-tabs-scroll{
  position: sticky;
  top: 0;
  z-index: 90;
  background: #fff;
  border-bottom: 0.5px solid var(--line);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  white-space: nowrap;
}.mp-wx .od-tabs{
  display: inline-flex;
  flex-direction: row;
  padding: 0 4px;
  min-height: 44px;
  align-items: stretch;
}.mp-wx .od-tab{
  flex-shrink: 0;
  min-width: 60px;
  padding: 10px 10px 8px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}.mp-wx .od-tab__text{
  font-size: 13px;
  color: var(--muted);
  line-height: 1.3;
}.mp-wx .od-tab--active .od-tab__text{
  color: var(--primary);
  font-weight: 600;
}.mp-wx .od-tab__line{
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 3px;
  background: linear-gradient(90deg, var(--app-gradient-from, var(--primary)), var(--app-gradient-to, var(--primary-dark)));
  border-radius: 1.5px;
}.mp-wx .od-list{
  padding: 12px 12px 20px;
  box-sizing: border-box;
}.mp-wx .od-empty{
  text-align: center;
  color: var(--muted);
  padding: 60px 16px;
  font-size: 14px;
}.mp-wx .od-card{
  background: #fff;
  border-radius: 10px;
  padding: 14px 12px 12px;
  margin-bottom: 12px;
  box-shadow: 0 4px 16px var(--primary-soft, rgba(46, 134, 171, 0.08));
}.mp-wx .od-card__shop{
  padding-bottom: 8px;
  border-bottom: 0.5px solid var(--line);
  margin-bottom: 8px;
}.mp-wx .od-card__shop-icon{
  margin-right: 6px;
  color: var(--primary);
  font-size: 17px;
}.mp-wx .od-card__shop-name{
  font-size: 14px;
  color: var(--text);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}.mp-wx .od-card__meta{
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 4px;
}.mp-wx .od-goods-list{
  margin-top: 4px;
}.mp-wx .od-goods{
  padding: 10px 0;
  border-top: 0.5px solid var(--line);
}.mp-wx .od-goods:first-child{
  border-top: none;
  padding-top: 6px;
}.mp-wx .od-goods__pic-wrap{
  overflow: visible;
}.mp-wx .od-goods__pic{
  width: 78px;
  height: 78px;
  margin-right: 10px;
  border-radius: 6px;
  background: #f0f0f0;
}.mp-wx .od-goods__name{
  margin-bottom: 5px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: var(--text);
}.mp-wx .od-badge{
  display: inline-block;
  vertical-align: middle;
  border: 1px solid var(--danger);
  padding: 1px 4px;
  border-radius: 4px;
  color: var(--danger);
  font-size: 11px;
  margin-right: 5px;
}.mp-wx .od-attrs, .mp-wx .od-goods__num{
  font-size: 12px;
  color: var(--muted);
}.mp-wx .od-attrs--pad{
  padding-top: 4px;
}.mp-wx .od-attr{
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 2px;
}.mp-wx .od-attr:last-child{
  margin-right: 0;
}.mp-wx .od-goods__row{
  margin-top: 6px;
  align-items: baseline;
}.mp-wx .od-goods__price{
  color: var(--danger);
  font-size: 14px;
  font-weight: 600;
}.mp-wx .od-card__foot{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 0.5px solid var(--line);
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 0;
}.mp-wx .od-card__sum{
  font-size: 13px;
  color: var(--text);
  min-width: 0;
}.mp-wx .od-price{
  color: var(--danger);
  font-weight: 600;
}.mp-wx .od-card__actions{
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 100%;
}.mp-wx .od-action-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  align-items: center;
}.mp-wx .od-hint{
  font-size: 12px;
  color: var(--muted);
  margin-right: 4px;
}.mp-wx .od-status{
  font-size: 12px;
  color: var(--muted);
}.mp-wx .od-status--ok{
  color: var(--ok);
}.mp-wx .od-status--bad{
  color: var(--danger);
}.mp-wx .od-btn{
  border: 0.5px solid #ccc;
  background: #fff;
  border-radius: 499.5px;
  height: 30px;
  line-height: 29px;
  color: var(--text);
  margin: 0 0 0 6px;
  padding: 0 14px;
  font-size: 12px;
  box-sizing: border-box;
}.mp-wx .od-btn--primary{
  border-color: transparent;
  background: linear-gradient(135deg, var(--app-gradient-from, var(--primary)) 0%, var(--app-gradient-to, var(--primary-dark)) 100%);
  color: #fff;
}.mp-wx .od-btn--ghost{
  border-color: var(--primary);
  color: var(--primary);
  background: var(--primary-soft);
  display: inline-flex;
  align-items: center;
}.mp-wx .od-btn__ico{
  width: 13px;
  height: 13px;
  margin-right: 5px;
}.mp-wx button.od-btn::after, .mp-wx navigator.od-btn::after{
  border: none;
}.mp-wx navigator.od-btn{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 29px;
}.mp-wx .od-home{
  position:absolute;
  right: 0;
  bottom: calc(50px + env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, var(--app-gradient-from, var(--primary)), var(--app-gradient-to, var(--primary-dark)));
  opacity: 0.94;
  padding: 8px 12px;
  z-index: 1000;
  border-radius: 20px 0 0 20px;
}.mp-wx .od-home__img{
  width: 24px;
  height: 24px;
}.mp-wx .od-modal-mask{
  position:absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}.mp-wx .od-modal-mask--hide{
  display: none;
}.mp-wx .od-modal__center{
  width: 100%;
  padding: 40px 24px;
  box-sizing: border-box;
}.mp-wx .od-modal__box{
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  padding: 20px 20px 24px;
  box-sizing: border-box;
}.mp-wx .od-modal__title{
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 16px;
}.mp-wx .od-modal__qr{
  display: block;
  width: 210px;
  height: 210px;
  margin: 0 auto;
}.mp-wx .od-card__errand{
  padding: 0 12px 8px;
}.mp-wx .od-card__errand-type{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}.mp-wx .od-badge--errand{
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  color: var(--primary);
  background: var(--primary-soft);
}.mp-wx .od-card__errand-status{
  font-size: 12px;
  color: var(--muted);
}.mp-wx .od-card__errand-addr{
  display: flex;
  align-items: flex-start;
  margin-top: 4px;
}.mp-wx .od-card__errand-label{
  flex-shrink: 0;
  width: 32px;
  font-size: 11px;
  color: var(--muted);
}.mp-wx .od-card__errand-text{
  flex: 1;
  font-size: 12px;
  color: var(--text);
  line-height: 1.5;
}


/* ---- mall/goods/goods.wxss ---- */

.mp-wx view{
	overflow: visible;
}.mp-wx button::after{
  border: none;
}.mp-wx /* ===== 分享弹窗 ===== */
.share-modal{
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10010;
	background: rgba(0, 0, 0, 0.45);
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease;
}.mp-wx .share-modal.active{
	opacity: 1;
	visibility: visible;
}.mp-wx .share-modal-body{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	border-radius: 12px 12px 0 0;
	padding: 14px 12px calc(10px + env(safe-area-inset-bottom));
}.mp-wx .share-bottom{
	width: 110px;
	height: 90px;
	background: #f7f8fa;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #2f2f2f;
}.mp-wx button.share-bottom{
	padding: 0;
	margin: 0;
	line-height: 1.2;
	background: #f7f8fa;
	border-radius: 8px;
}.mp-wx button.share-bottom::after{
	border: none;
}.mp-wx .share-modal-close{
	height: 44px;
	margin-top: 12px;
	font-size: 16px;
	color: #4b5563;
	border-top: 0.5px solid #f0f2f5;
}.mp-wx /* 分享视频弹层 */
.modal{
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10020;
	background: rgba(0, 0, 0, 0.65);
	opacity: 0;
	pointer-events: none;
}.mp-wx .modal.hide{
	opacity: 0;
	pointer-events: none;
}.mp-wx .modal:not(.hide){
	opacity: 1;
	pointer-events: auto;
}.mp-wx /* ===== 商品海报弹窗 ===== */
.goods-qrcode-modal{
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10030;
	background: rgba(0, 0, 0, 0.55);
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease;
}.mp-wx .goods-qrcode-modal.active{
	opacity: 1;
	visibility: visible;
}.mp-wx .goods-qrcode-body{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 78vh;
	background: #fff;
	border-radius: 12px 12px 0 0;
	padding-top: 5px;
}.mp-wx .goods-qrcode-box{
	position: relative;
	height: 100%;
	border-radius: 8px;
	background: #f7f8fa;
	overflow: hidden;
}.mp-wx .goods-qrcode-loading{
	position: absolute;
	inset: 0;
	background: #f7f8fa;
	z-index: 1;
}.mp-wx .goods-qrcode{
	width: 100%;
	height: 100%;
	opacity: 0;
}.mp-wx .goods-qrcode.active{
	opacity: 1;
}.mp-wx .goods-qrcode-close{
	position: absolute;
	right: 12px;
	top: 10px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	display: flex;
	align-items: center;
	justify-content: center;
}.mp-wx /* 底部操作栏容器 */
.bottom-bar{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  border-top: 1px solid #F2F2F2;
  z-index: 90;
  padding: 5px 17.5px;
}.mp-wx /* 适配iPhone X安全区域 */
.bottom-bar--safe{
  padding-bottom: env(safe-area-inset-bottom); /* 自动适配底部安全距离 */
}.mp-wx /* 内部容器（控制高度和布局） */
.bottom-bar__inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 49px;
  margin-left: 20px;
}.mp-wx /* 左侧功能按钮组 */
.bottom-bar__left{
  display: flex;
  align-items: center;
  gap: 20px; /* 按钮间距 */
}.mp-wx /* 右侧操作按钮组 */
.bottom-bar__right{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 50%; /* 控制操作按钮占比，避免挤压左侧 */
}.mp-wx /* 功能按钮（主页/客服/收藏） */
.bottom-bar__btn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.mp-wx /* 已收藏：图标与文案高亮（与主题色一致） */
.bottom-bar__btn--favorited .bottom-bar__icon, .mp-wx .bottom-bar__btn--favorited .bottom-bar__text{
  color: var(--primary, var(--app-primary, #ff4544)) !important;
}.mp-wx /* 按钮图标 */
.bottom-bar__icon{
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666; /* 默认图标色 */
}.mp-wx /* 收藏 iconfont 字号（与底部栏其它图标视觉对齐） */
.bottom-bar__icon--favorite{
  font-size: 20px;
  line-height: 1;
}.mp-wx /* 未收藏点击态略提亮 */
.bottom-bar__btn:nth-child(3):active .bottom-bar__icon{
  color: var(--primary, var(--app-primary, #ff4544));
}.mp-wx /* 按钮文字 */
.bottom-bar__text{
  font-size: 10px;
  color: #666666;
  margin-top: 2px;
}.mp-wx /* 操作按钮（加入购物车/立即购买） */
.bottom-bar__action{
  flex: 1;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 500;
  background-color: var(--primary-soft, var(--app-primary-light, rgba(255, 69, 68, 0.12)));
  color: var(--primary, var(--app-primary, #ff4544));
  transition: all 0.2s ease; /* 平滑过渡 */
}.mp-wx /* 主要操作按钮（立即购买） */
.bottom-bar__action--primary{
  background-color: var(--primary, var(--app-primary, #ff4544));
  color: #FFFFFF;
}.mp-wx /* 旅游商品按钮（占比调整） */
.bottom-bar__action--tour{
  width: 100%;
}.mp-wx /* 按钮触摸反馈 */
.bottom-bar__action--hover{
  background-color: var(--primary-soft, var(--app-primary-light, rgba(255, 69, 68, 0.12)));
  opacity: 0.92;
}.mp-wx .bottom-bar__action--primary-hover{
  background-color: var(--primary-dark, var(--app-gradient-to, var(--app-primary, #ff4544)));
}.mp-wx /* 商品标题 */
.goods-info__title{
  flex: 1; /* 自动占满剩余空间 */
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 1.4; /* 行高适中，提升可读性 */
  padding-right: 10px; /* 与按钮保持距离 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 最多显示2行 */
  overflow: hidden;
}.mp-wx /* 价格与销量区 */
.goods-info__price-bar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px;
}.mp-wx /* 价格展示容器 */
.goods-info__price-wrap{
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* 避免小屏溢出 */
  gap: 7.5px; /* 价格元素间距 */
}.mp-wx /* 价格面议 */
.goods-info__negotiable{
  font-size: 16px;
  font-weight: 600;
  color: var(--primary, var(--app-primary, #ff4544));
}.mp-wx /* 当前售价 */
.goods-info__current-price{
  display: flex;
  align-items: baseline;
  color: var(--primary, var(--app-primary, #ff4544));
}.mp-wx .goods-info__price-sign{
  font-size: 14px;
  font-weight: 600;
}.mp-wx .goods-info__price-num{
  font-size: 18px;
  font-weight: 700;
  line-height: 1; /* 避免与符号错位 */
}.mp-wx /* 单位 */
.goods-info__unit{
  font-size: 13px;
  color: var(--primary, var(--app-primary, #ff4544));
  margin-left: 2.5px;
}.mp-wx /* 原价（划掉） */
.goods-info__original-price{
  font-size: 13px;
  color: #999999;
  text-decoration: line-through;
}.mp-wx /* 会员价标签 */
.goods-info__member-tag{
  padding: 3px 6px;
  background: linear-gradient(-85deg, rgb(49, 49, 49) 0%, rgb(32, 32, 32) 100%);
  color: #FFFFFF;
  font-size: 11px;
  border-radius: 3px;
  white-space: nowrap; /* 避免换行 */
}.mp-wx /* 销量信息 */
.goods-info__sales{
  font-size: 13px;
  color: #999999;
}.mp-wx /* 会员优惠提示 */
.goods-info__member-discount{
  position: relative;
  height: 26px;
  margin: 7.5px 5px 0;
  overflow: hidden; /* 避免背景图溢出 */
}.mp-wx .goods-info__discount-bg{
  width: 100%;
  height: 100%;
  object-fit: cover; /* 背景图自适应 */
}.mp-wx .recommend-title{
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
}.mp-wx /* 商品信息容器（名称+价格） */
.recommend-item__info{
  padding: 8px 2px 0;  /* 上内边距8px，左右2px，避免文字贴边 */
}.mp-wx /* 商品名称（2行省略） */
.recommend-item__name{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* -webkit-line-clamp: 2;  最多显示2行 */
  overflow: hidden;
  font-size: 12px;
  color: #333333;
  line-height: 18px;  /* 行高适中，提升可读性 */
  margin-bottom: 6px;
  height: 36px;  /* 2行高度固定，避免列表参差不齐 */
}.mp-wx /* 价格区域（现价+原价） */
.recommend-item__price-wrap{
  display: flex;
  align-items:center;
  gap: 4px;
}.mp-wx /* 现价 */
.recommend-item__price{
  display: flex;
  align-items: baseline;
  color: #FF4D4F;
}.mp-wx .recommend-item__price-sign{
  font-size: 11px;
  font-weight: 500;
}.mp-wx .recommend-item__price-num{
  font-size: 14px;
  font-weight: 600;
}.mp-wx /* 原价（划掉样式） */
.recommend-item__original-price{
  font-size: 10px;
  color: #999999;
  text-decoration: line-through;
}.mp-wx .new_share{
	width: 67.5px;
	height: 30px;
	background: #FFEDE5;
	border-radius: 15px 0 0 15px;
}.mp-wx .new_share image{
	width: 13px;
	height: 13px;
	margin-right: 4px;
}.mp-wx .new_share text{
	font-size: 12px;
	font-weight: 500;
	color: rgba(255, 80, 0, 1);
}.mp-wx .no-scroll{
	height: 100%;
	overflow-y: hidden
}.mp-wx .share-tip{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.65)
}.mp-wx .goods-detail{
	box-sizing: border-box;
	padding: 12px 0;
	background: #fff
}.mp-wx .goods-detail text, .mp-wx .goods-detail image, .mp-wx .goods-detail view{
	box-sizing: border-box;
	max-width: 100%
}.mp-wx .cart-nav{
	position:absolute;
	top: 90px;
	right: 12px;
	background: rgba(255, 255, 255, 0.5);
	font-size: 0;
	padding: 10px;
	border-radius: 499.5px;
	box-shadow: 0 0.5px 1.5px rgba(0, 0, 0, 0.2);
	z-index: 100
}.mp-wx .cart-nav image{
	width: 21px;
	height: 21px
}.mp-wx .tab-group .tab-group-header{
	background: #fff;
	border-bottom: 0.5px solid #e3e3e3
}.mp-wx .tab-group .tab-group-header .tab-group-item text{
	height: 50px;
	border-bottom: 1px solid transparent
}.mp-wx .tab-group .tab-group-header .tab-group-item.active text{
	color: var(--app-primary, #ff4544);
	border-bottom-color: var(--app-primary, #ff4544)
}.mp-wx .tab-group .tab-group-body .tab-group-item{
	display: none
}.mp-wx .tab-group .tab-group-body .tab-group-item.active{
	display: block
}.mp-wx .comment-count{
	background: #fff;
	margin-bottom: 10px
}.mp-wx .comment-count .comment-count-item{
	text-align: center;
	padding: 10px 0;
	font-size: 9pt
}.mp-wx .comment-item{
	background: #fff;
	border-bottom: 0.5px solid #e3e3e3;
	padding: 16px 12px
}.mp-wx .comment-item .nickname{
	padding-left: 12px;
	height: 35px;
	font-weight: bolder
}.mp-wx .comment-item .addtime{
	color: #888
}.mp-wx .comment-item .pic-list{
	margin-left: -4px;
	margin-top: -4px
}.mp-wx .comment-item .pic-item{
	width: 100px;
	height: 100px;
	margin-left: 4px;
	margin-top: 4px;
	display: inline-block
}.mp-wx .reply{
	margin: 10px 12px 10px 0;
	border-radius: 8px;
	background: #f7f7f7;
	font-size: 11pt;
	padding: 11px 15px;
	color: var(--app-primary, #ff4544)
}.mp-wx .reply-content{
	display: inline;
	color: #666
}.mp-wx .comment-item .score-tag{
	display: inline-block;
	background: #eee;
	font-size: 9pt;
	padding: 2px 6px;
	border-radius: 2.5px
}.mp-wx .loading-more{
	text-align: center;
	opacity: 0
}.mp-wx .loading-more.active{
	opacity: 1
}.mp-wx .loading-more image{
	width: 80px;
	height: 40px
}.mp-wx .fenxiangtb{
	margin-right: 10px;
}.mp-wx .pic-left{
	margin-right: 2.5px
}.mp-wx .pic-right{
	margin-left: 2.5px
}.mp-wx .contact{
	background: #118eea;
	color: #fff
}.mp-wx .kafei-time-attr{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.5)
}.mp-wx .calendar-panel{
	display: flex;
	align-items: center
}.mp-wx .t{
	padding: 15px 10px;
	font-size: 15px;
	color: #4b4b4b;
	display: flex;
	align-items: center
}.mp-wx .t-line{
	height: 20px;
	width: 3px;
	background: #fc4f49;
	margin-right: 10px
}.mp-wx .project-body{
	font-size: 14px;
	padding-bottom: 15px
}.mp-wx .project-item{
	display: flex;
	align-items: center;
	padding: 5px 10px
}.mp-wx .project-day{
	color: #acacac
}.mp-wx .project-content{
	margin-left: 14px
}.mp-wx .price_desc, .mp-wx .buy_desc, .mp-wx .main_desc{
	padding: 0;
	border-top: 10px solid #f9f9f9;
	padding-bottom: 15px
}.mp-wx .goods-detail .wxParse-br{
	min-height: 16px !important;
}.mp-wx .wxParse-p.wxParse-br{
	min-height: 16px !important;
}.mp-wx .wxParse-br{
	min-height: 16px !important;
}.mp-wx /* 弹窗容器 */
.spec-modal-container{
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000; /* 确保在最上层 */
}.mp-wx /* 遮罩层 */
.spec-modal__mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(1px); /* 轻微模糊，提升视觉层次 */
}.mp-wx /* 弹窗主体（底部弹出） */
.spec-modal__panel{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  border-radius: 10px 10px 0 0;
  max-height: 85vh; /* 限制最大高度，避免小屏溢出 */
  overflow-y: auto; /* 内容超出时滚动 */
  z-index: 1999;
}.mp-wx /* 1. 商品信息区 */
.spec-modal__header{
  display: flex;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid #F5F5F5;
}.mp-wx /* 商品图片容器 */
.spec-modal__img-wrap{
  width: 80px;
  height: 80px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #F5F5F5;
  margin-right: 10px;
  flex-shrink: 0; /* 避免图片被压缩 */
}.mp-wx /* 商品图片 */
.spec-modal__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.mp-wx /* 价格与库存信息 */
.spec-modal__info{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}.mp-wx /* 价格标签（会员价） */
.spec-modal__price-tag{
  font-size: 12px;
  color: var(--primary);
  margin-right: 4px;
}.mp-wx /* 价格符号 */
.spec-modal__price-sign{
  font-size: 14px;
  color: var(--primary);
  font-weight: 500;
}.mp-wx /* 价格数字 */
.spec-modal__price-num{
  font-size: 18px;
  color: var(--primary);
  font-weight: 700;
}.mp-wx /* 库存信息 */
.spec-modal__stock{
  font-size: 12px;
  color: #666666;
}.mp-wx /* 售罄状态 */
.spec-modal__stock--out{
  color: var(--primary);
  font-weight: 500;
}.mp-wx /* 2. 规格选择区 */
.spec-modal__content{
  padding: 12px;
}.mp-wx /* 规格分组标题（如“请选择颜色”“尺寸”） */
.spec-modal__section{
  margin-bottom: 16px;
}.mp-wx .spec-modal__section-title{
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 8px;
}.mp-wx /* 规格列表容器 */
.spec-modal__spec-list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px; /* 规格项间距 */
}.mp-wx /* 带图片的规格列表（颜色选择） */
.spec-modal__spec-list--image{
  gap: 10px;
}.mp-wx /* 单个规格项（基础样式） */
.spec-modal__spec-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  background-color: #FFFFFF;
  transition: all 0.2s ease;
  cursor: pointer;
}.mp-wx /* 带图片的规格项（颜色） */
.spec-modal__spec-list--image .spec-modal__spec-item{
  width: 60px;
  padding: 6px 5px;
}.mp-wx /* 规格项选中状态 */
.spec-modal__spec-item--active{
  border-color: var(--primary);
  background-color: var(--primary-soft);
  position: relative;
}.mp-wx /* 选中状态标识（小对勾） */
.spec-modal__spec-item--active::after{
  content: "✓";
  position: absolute;
  right: 4px;
  bottom: 2px;
  color: var(--primary);
  font-size: 10px;
  font-weight: 700;
}.mp-wx /* 规格项禁用状态（售罄） */
.spec-modal__spec-item--disabled{
  border-color: #EEEEEE;
  color: #CCCCCC;
  cursor: not-allowed;
  position: relative;
}.mp-wx /* 规格项图片（颜色） */
.spec-modal__spec-img{
  width: 40px;
  height: 40px;
  border-radius: 4px;
  margin-bottom: 4px;
  object-fit: cover;
}.mp-wx /* 规格项文字（如“红色”“XL”） */
.spec-modal__spec-name, .mp-wx .spec-modal__spec-text{
  font-size: 12px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.mp-wx /* 禁用状态文字 */
.spec-modal__spec-item--disabled .spec-modal__spec-name, .mp-wx .spec-modal__spec-item--disabled .spec-modal__spec-text{
  color: #CCCCCC;
}.mp-wx /* 售罄遮罩（半透明覆盖） */
.spec-modal__spec-disabled-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  z-index: 1;
}.mp-wx /* 3. 数量选择与操作按钮区 */
.spec-modal__footer{
  padding: 12px;
  border-top: 1px solid #F5F5F5;
}.mp-wx /* 数量选择区 */
.spec-modal__quantity{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}.mp-wx /* 数量标题 */
.spec-modal__quantity-title{
  font-size: 14px;
  color: #333333;
  font-weight: 500;
}.mp-wx /* 数量控制按钮组 */
.spec-modal__quantity-controls{
  display: flex;
  align-items: center;
  gap: 0;
}.mp-wx /* 数量按钮（加减） */
.spec-modal__quantity-btn{
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E5E5E5;
  background-color: #FFFFFF;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  transition: all 0.2s ease;
}.mp-wx /* 减少按钮（左侧圆角） */
.spec-modal__quantity-btn--reduce{
  border-radius: 4px 0 0 4px;
  border-right: none;
}.mp-wx /* 增加按钮（右侧圆角） */
.spec-modal__quantity-btn--add{
  border-radius: 0 4px 4px 0;
  border-left: none;
}.mp-wx /* 按钮禁用状态 */
.spec-modal__quantity-btn--disabled{
  border-color: #EEEEEE;
  background-color: #F9F9F9;
  color: #CCCCCC;
  cursor: not-allowed;
}.mp-wx /* 数量显示 */
.spec-modal__quantity-num{
  width: 40px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  font-size: 14px;
  color: #333333;
}.mp-wx /* 数量禁用状态（售罄） */
.spec-modal__quantity-num--disabled{
  color: #CCCCCC;
  background-color: #F9F9F9;
}.mp-wx /* 操作按钮组（加入购物车+立即购买） */
.spec-modal__actions{
  display: flex;
  gap: 8px;
}.mp-wx /* 操作按钮基础样式 */
.spec-modal__action-btn{
  flex: 1;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
  color: #FFFFFF;
  transition: all 0.2s ease;
  cursor: pointer;
}.mp-wx /* 加入购物车按钮（浅色底） */
.spec-modal__action-btn--cart{
  background-color: var(--primary-soft, var(--app-primary-light, rgba(255, 69, 68, 0.12)));
  color: var(--primary, var(--app-primary, #ff4544));
  border: 0.5px solid var(--primary-muted, rgba(255, 69, 68, 0.28));
}.mp-wx /* 立即购买按钮 */
.spec-modal__action-btn--buy{
  background-color: var(--primary, var(--app-primary, #ff4544));
  color: #fff;
}.mp-wx /* 按钮禁用状态（售罄） */
.spec-modal__action-btn--disabled{
  background-color: #EEEEEE;
  color: #CCCCCC;
  cursor: not-allowed;
}.mp-wx /* 主题变量由根节点 .goods-page 的 style="{{miniappThemeStyle}}.mp-wx " 注入，勿在 page 上写死 --primary */
page{
	background-color: #f6f6f6
}.mp-wx .goods-page{
	min-height: 100%;
	box-sizing: border-box;
	/* 无后台主题时与 app.wxss page 默认 --app-* 对齐 */
	--primary: var(--app-primary, #ff4544);
	--primary-dark: var(--app-gradient-to, var(--app-secondary, var(--app-primary, #e53935)));
	--primary-soft: var(--app-primary-light, rgba(255, 69, 68, 0.12));
	--primary-muted: rgba(255, 69, 68, 0.28);
	--danger: #E01212;
}.mp-wx /* 猜你喜欢等沿用全局「红价」类名时改为跟主题 */
.goods-page .text-color-E01212{
	color: var(--primary, var(--app-primary, #ff4544)) !important;
}.mp-wx .goods-page__poster-save{
	background: var(--primary, var(--app-primary, #ff4544)) !important;
	color: #fff;
}.mp-wx .head{
	width: 100%;
	height: 281px;
	background: rgba(191, 191, 191, 1)
}.mp-wx .head-feet{
	width: 100%;
	padding: 10px 0 10px 10px;
	background-color: white
}.mp-wx .head-feet-top{
	width: 100%;
	margin-bottom: 10px
}.mp-wx .width_fall{
	width: 100%;
}.mp-wx .tradeSubName-item{
	padding: 4px 6.5px;
	color: var(--danger);
	display: inline-block;
	font-size: 13px;
	border: 0.5px solid rgba(224, 18, 18, 1);
	border-radius: 2px;
	margin-right: 10px;
}.mp-wx .head-feet-top-right{
	margin-left: 20px;
}.mp-wx .share{
	width: 13px;
	height: 13px;
	margin-right: 5px
}.mp-wx .text-1{
	font-size: 12px;
	color: rgba(125, 125, 125, 1)
}.mp-wx .tradeName{
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	margin-top: 3px;
}.mp-wx .head-price{
	margin-bottom: 2.5px
}.mp-wx .head-price .text-2{
	font-weight: bold
}.mp-wx .text-3{
	font-size: 12px;
	color: #E01212;
}.mp-wx .text-4{
	font-size: 12px;
	color: rgba(140, 140, 140, 1);
	margin-left: 7.5px
}.mp-wx .text-more-1{
	text-decoration: line-through
}.mp-wx .notes{
	margin-bottom: 5px;
	margin-right: 15px
}.mp-wx .services-notes{
	margin-top: 10px
}.mp-wx .notes image{
	width: 18px;
	height: 18px;
	margin-right: 10px
}.mp-wx .notes text{
	font-size: 12px;
	color: rgba(138, 82, 4, 1)
}.mp-wx .sb-baohan{
	width: 100%;
	margin-top: 5px;
	padding: 0 10px;
	background-color: white
}.mp-wx .sb-left{
	margin-left: 10px;
	border: 0.5px solid var(--primary);
	border-radius: 5px;
	padding: 6.5px 5px;
	font-size: 12px;
	color: var(--primary)
}.mp-wx .sb-right{
	padding: 6.5px 10px;
	background: var(--primary);
	border-radius: 12.5px;
	font-size: 12px;
	color: rgba(255, 255, 255, 1)
}.mp-wx .sb-feet-right{
	margin-left: 20px
}.mp-wx .column{
	width: 100%;
	padding: 15px 0;
}.mp-wx .text-5{
	font-size: 14px;
	color: rgba(47, 47, 47, 1)
}.mp-wx .text-6{
	font-size: 14px;
	color: rgba(140, 140, 140, 1);
	margin-right: 10px
}.mp-wx .sb-text-6{
	font-size: 14px;
	color: rgba(140, 140, 140, 1);
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}.mp-wx .sb-img-1{
	width: 20px;
	height: 20px
}.mp-wx .img-1{
	width: 20px;
	height: 20px;
	transform: rotate(90deg)
}.mp-wx .toggleBar{
	width: 100%;
	padding-bottom: 50px;
	margin-top: 5px;
	background-color: white
}.mp-wx .toggleBar-Top{
	width: 100%;
	position: relative
}.mp-wx .toggleBar-Top-left{
	width: 50%;
	padding: 18px 0;
	font-size: 14px
}.mp-wx .img-2{
	position: absolute;
	width: 1.5px;
	height: 20px
}.mp-wx .switchtrue{
	color: #FF5000
}.mp-wx .switchfalse{
	color: #333333
}.mp-wx .content-1{
	width: 100%
}.mp-wx .content-2{
	width: 100%;
	padding: 0 10px
}.mp-wx .tem-comment{
	width: 100%;
	padding: 15px 0;
	border-bottom: 0.5px solid #eee
}.mp-wx .tem-top{
	width: 100%
}.mp-wx .tem-headImg{
	width: 40px;
	height: 40px;
	margin-right: 10px
}.mp-wx .tem-img-1{
	width: 40px;
	height: 40px;
	border-radius: 50%
}.mp-wx .tem-date-1{
	font-size: 12px;
	color: #999999;
	margin-left: 10px
}.mp-wx .tem-name{
	font-size: 14px;
	color: rgba(40, 40, 40, 1)
}.mp-wx .tem-more-1{
	margin-top: 5px
}.mp-wx .tem-content{
	width: 100%;
	margin-top: 15px;
	font-size: 14px;
	color: rgba(47, 47, 47, 1)
}.mp-wx .lastaddto{
	width: 100%;
	padding: 15px 12.5px 25px 12.5px;
	background: rgba(255, 255, 255, 1);
	border-radius: 15px 15px 0 0;
	position:absolute;
	bottom: 0;
	z-index: 1000
}.mp-wx .color-TC-top{
	padding-bottom: 10px;
	border-bottom: 0.5px solid #efefef
}.mp-wx .color-headImg{
	width: 92px;
	height: 92px;
	margin-right: 14px;
	background-color: #bfbfbf
}.mp-wx .text-7{
	font-size: 12px;
	color: rgba(47, 47, 47, 1)
}.mp-wx .text-8{
	font-size: 12px;
	color: rgba(140, 140, 140, 1);
	margin: 5px 0
}.mp-wx .text-9{
	font-size: 15px;
	color: #E01212
}.mp-wx .color-TC-content{
	width: 100%;
	padding: 20px 0 15px 0;
	border-bottom: 0.5px solid #efefef;
	height: 35vh;
	overflow-y: auto
}.mp-wx .color-TC-content-top{
	width: 100%;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #242424
}.mp-wx .color-TC-content-midi{
	width: 100%
}.mp-wx .color-centent{
	margin: 7.5px ;
	padding: 2.5px 12.5px;
	font-size: 13px;
	color: #DC143C;
	background-color:	#FFE4E1;
	border-radius: 10px;
	border: 0.5px solid #DC143C;
}.mp-wx .color-centent-true{
	margin: 7.5px ;
	padding: 2.5px 12.5px;
	font-size: 13px;
	color: #faf6f7;
	border-radius: 10px;
	border: 0.5px solid #770000;
	background-color: #770000;
}.mp-wx .color-content-text{
	font-size: 11px;
	color: rgba(172, 172, 172, 1)
}.mp-wx .color-TC-feet{
	width: 100%;
	padding: 15px 0 20px 0
}.mp-wx .color-feet-top{
	width: 100%;
	margin-bottom: 20px
}.mp-wx .color-feet-top-left{
	font-size: 14px;
	font-weight: bold;
	color: #242424;
}.mp-wx .reduce{
	width: 33px;
	height: 30px;
	background: rgba(246, 246, 246, 1);
	border-radius: 4px 0 0 4px;
	font-size: 20px;
	color: #2f2f2f;
	line-height: 20px
}.mp-wx .number{
	width: 38px;
	height: 30px;
	background: rgba(246, 246, 246, 1);
	font-size: 12px;
	color: rgba(47, 47, 47, 1);
	margin: 0 1px;
	line-height: 12px
}.mp-wx .plus{
	width: 33px;
	height: 30px;
	background: #F4F3F5;
	border-radius: 0 4px 4px 0;
	font-size: 20px;
	color: #464646;
	line-height: 20px;
}.mp-wx .colorbuttom{
	width: 100%;
	height: 40px;
	background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
	border-radius: 15px;
	font-size: 14px;
	color: rgba(255, 255, 255, 1)
}.mp-wx .colorbuttom:active{
	opacity: .88;
}.mp-wx .colorbuttom:first-child{
	margin-right: 10px
}.mp-wx .lastaddtoa{
	width: 100%;
	background: #fff;
	border-radius: 5px 5px 0 0;
	position:absolute;
	bottom: 0;
	z-index: 1000;
	padding: 20px 10px
}.mp-wx .specs-top{
	width: 100%;
	font-size: 14px;
	color: rgba(47, 47, 47, 1);
	margin-bottom: 15px
}.mp-wx .specs-content{
	width: 100%;
	margin-bottom: 95px
}.mp-wx .specs-content-item{
	padding: 5px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	background: #f5f5f5;
	color: #666;
	margin-right: 10px;
	border: 1px solid #fff
}.mp-wx .color-centent-true2{
	border: 0.5px solid var(--primary);
	border-radius: 5px
}.mp-wx .color-centent-true2 .specs-content-item-botton{
	color: var(--primary) !important
}.mp-wx .specs-content-item-top{
	width: 20px;
	height: 20px;
	background: rgba(191, 191, 191, 1);
	margin-right: 10px
}.mp-wx .specs-content-item-botton{
	font-size: 12px;
	color: rgba(47, 47, 47, 1)
}.mp-wx .cover_screen{
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	z-index: 999;
	background-color: black;
	opacity: .6
}.mp-wx .attr_num_0{
	color: #959595
}.mp-wx .page.show_navbar .bottomBar, .mp-wx .page.show_navbar .lastaddto{
	bottom: 2.5px;
}.mp-wx .page.device_iphone_x.show_navbar .bottomBar, .mp-wx .page.device_iphone_x.show_navbar .lastaddto{
	bottom: 65px;
}.mp-wx .shangjiab{
	background-color: white;
	padding: 7.5px 15px;
	margin:0 10px;
	border-radius: 10px;
}.mp-wx .shangjia{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 15px;
}.mp-wx /* 商品详情 · 店铺卡片 */
.goods-mch-card{
	margin: 8px 10px 0;
	padding: 12px;
	background: #fff;
	border-radius: 8px;
	box-sizing: border-box;
}.mp-wx .goods-mch-card__main{
	display: flex;
	flex-direction: row;
	align-items: center;
}.mp-wx .goods-mch-card__main--hover{
	opacity: 0.92;
}.mp-wx .goods-mch-card__logo{
	width: 48px;
	height: 48px;
	border-radius: 8px;
	flex-shrink: 0;
	background: #f5f5f5;
	margin-right: 10px;
}.mp-wx .goods-mch-card__info{
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}.mp-wx .goods-mch-card__name{
	font-size: 15px;
	font-weight: 600;
	color: #1f2329;
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 6px;
}.mp-wx .goods-mch-card__meta{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}.mp-wx .goods-mch-card__star{
	font-size: 12px;
	color: #ff8f1f;
	line-height: 1;
	margin-right: 3px;
}.mp-wx .goods-mch-card__rate{
	font-size: 12px;
	font-weight: 600;
	color: #ff8f1f;
	line-height: 1;
}.mp-wx .goods-mch-card__sep{
	margin: 0 6px;
	font-size: 11px;
	color: #e5e6eb;
	line-height: 1;
}.mp-wx .goods-mch-card__goods{
	font-size: 11px;
	color: #86909c;
	line-height: 1;
}.mp-wx .goods-mch-card__enter{
	flex-shrink: 0;
	margin-left: 8px;
	height: 28px;
	padding: 0 11px;
	border-radius: 14px;
	background: var(--primary, #ff4d4f);
	color: #fff;
	font-size: 12px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}.mp-wx .goods-mch-card__enter-icon{
	font-size: 13px;
	margin-right: 3px;
	line-height: 1;
	color: #fff;
}.mp-wx .img-3{
	width: 24px;
	height: 24px;
	margin-bottom: 2.5px
}.mp-wx .text-10{
	font-size: 11px;
	color: #4D4D4D;
}.mp-wx .bottomBar-right{
	width: 194px;
	height: 49px;
	border-radius: 17px
}.mp-wx .bottomBar-item-left{
	width: 125px;
	height: 49px;
	background:Burlywood;
	font-size: 16px;
	color: rgba(255, 255, 255, 1);
	font-family: SimHei;
	font-weight: 550;

}.mp-wx .bottomBar-item-left2{
	width: 97px;
	height: 49px;
	background: #e0e0e0;
	font-size: 14px;
	color: rgba(255, 255, 255, 1)
}.mp-wx .bottomBar-item-right{
	width: 125px;
	height: 49px;
	font-size: 16px;
	background-color: #770000;
	color: white;
	font-family: SimHei;
	font-weight: 550;
}.mp-wx .coupon-item{
  margin-top: 4px; 
   margin-bottom: 5px; 
   padding: 1px 8px; 
  margin-right: 10px;
  position: relative; 
  border: 1.5px solid;
  background-size: cover;
  border-radius: 3px;
  display: inline-block;
  box-sizing: border-box;
  border-color: rgb(255, 70, 70);
}.mp-wx .display_noAllrow1{
	display: flex;
	flex-direction: row;

}.mp-wx .bottomBar-item-tour{
	/* border-radius: 17px */
}.mp-wx .goods-colors, .mp-wx .goods-colors-left, .mp-wx .goods-colors-left-img, .mp-wx .goods-colors-right, .mp-wx .goods-colors-item{
	display: flex;
	align-items: center
}.mp-wx .goods-colors{
	padding: 10px;
	background: #fff;
	margin-bottom: 10px
}.mp-wx .goods-colors-left-img{
	margin-right: 10px
}.mp-wx .goods-colors-left-text{
	width: 30px;
	font-size: 14px;
	color: #8c8c8c;
	margin-right: 10px
}.mp-wx .goods-colors-left-img image, .mp-wx .goods-colors-item-img{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	border: 1px solid #fff
}.mp-wx .goods-colors-right{
	overflow-x: auto;
	flex: 1
}.mp-wx .goods-colors-item{
	margin-right: 10px
}.mp-wx .goods-colors-item-img.active{
	border: 1px solid var(--primary)
}.mp-wx ::-webkit-scrollbar{
	width: 0;
	height: 0;
	color: transparent
}.mp-wx .sb-huiyuan{
	width: 100%;
	padding: 0 10px;
	margin-top: 10px
}.mp-wx .sb-content-huiyuan{
	width: 100%;
	padding: 10px;
	background: linear-gradient(90deg, rgba(253, 233, 203, 1), rgba(250, 201, 138, 1));
	border-radius: 5px
}.mp-wx .sb-huiyuanblack{
	padding: 5px;
	background: rgba(26, 26, 26, 1);
	border-radius: 5px;
	margin-right: 12.5px
}.mp-wx .sb-img-1{
	width: 16px;
	height: 16px;
	margin-right: 5px
}.mp-wx .sb-text-1{
	font-size: 12px;
	color: rgba(255, 215, 108, 1)
}.mp-wx .sb-text-2{
	font-size: 12px;
	color: rgba(138, 82, 4, 1)
}.mp-wx .sb-text-3{
	font-size: 12px;
	color: rgba(138, 82, 4, 1)
}.mp-wx .sb-img-2{
	width: 16px;
	height: 16px;
	margin-left: 6.5px
}.mp-wx .new-pinglung{
	width: 100%;
	background-color: white;
	padding: 0 10px 15px 10px
}.mp-wx .new-pinglung-top{
	width: 100%;
	padding: 15px 0
}.mp-wx .sb-top-text-1{
	font-size: 14px;
	color: rgba(140, 140, 140, 1);
	margin-right: 5px
}.mp-wx .new-pinglung-down{
	width: 100%
}.mp-wx .new-scroll-view{
	width: 100%;
	white-space: nowrap
}.mp-wx .new-scroll-view-item{
	display: inline-block;
	border: 0.5px solid var(--primary);
	border-radius: 5px;
	background: rgba(255, 251, 251, 1);
	margin-right: 10px
}.mp-wx .new-scroll-view-item:last-child{
	margin-right: 0
}.mp-wx .new-scroll-view-content{
	padding: 10px
}.mp-wx .sb-conmtent-top{
	width: 170px;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 10px
}.mp-wx .sb-content-img-1{
	width: 32px;
	height: 32px;
	margin-right: 10px;
	border-radius: 50%;
	background-color: black
}.mp-wx .content-name-1{
	font-size: 12px;
	color: rgba(47, 47, 47, 1)
}.mp-wx .pinglungneirong{
	width: 170px;
	font-size: 12px;
	color: rgba(140, 140, 140, 1);
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}.mp-wx .goods-type-left{
	width: 50px
}.mp-wx .goods-type{
	flex: 1
}.mp-wx .goods-type-item{
	display: inline-block
}.mp-wx .goods-type-items{
	display: flex;
	align-items: center;
	margin-right: 10px
}.mp-wx .goods-type-item image{
	width: 15px;
	height: 15px;
	margin-right: 10px
}.mp-wx .goods-colors-icon{
	width: 20px;
	height: 20px
}.mp-wx .goods-colors-icon image{
	width: 20px;
	height: 20px;
	transform: rotate(180deg)
}.mp-wx .lastaddtoa .specs-content-item-top{
	width: 40px;
	height: 40px;
	background: rgba(191, 191, 191, 1);
	margin-right: 0;
	border-radius: 50%;
	margin-bottom: 7.5px
}.mp-wx .lastaddtoa .specs-content-item{
	width: 52px;
	height: 75px;
	display: flex;
	align-items: center;
	margin-bottom: 7.5px;
	background: 0;
	color: #999;
	margin-right: 7.5px;
	border: 1px solid #fff;
	border-radius: 5px;
	text-align: center
}.mp-wx .lastaddtoa .specs-content-item:nth-child(6n){
	margin-right: 0
}.mp-wx .lastaddtoa .specs-content-item.color-centent-true2{
	border: 0.5px solid var(--primary);
	box-shadow: 0 4px 9px rgba(46, 134, 171, .18);
}.mp-wx .lastaddtoa .specs-content-item-botton{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}.mp-wx .play{
	width: 75px;
	height: 75px;
	position: absolute;
	top: 37%;
	left: 150px
}.mp-wx .columns{
	border: 1px solid #f2f2f2;
	width: 334px;
	margin: 0 auto;
	font-size: 13px;
	margin-top: 10px;
}.mp-wx .columns-item{
	padding: 13px 20px
}.mp-wx .columns-name{
	color: #9e9da2;
	width: 100px
}.mp-wx .columns-item+.columns-item{
	border-top: 1px solid #f2f2f2
}.mp-wx .tem-imgs{
	margin-top: 5px;
}.mp-wx .tem-img-view{
	width: 115px;
	font-size: 0;
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px;
}.mp-wx .tem-img{
	width: 115px;
	height: 115px;
	border-radius: 5px;
}.mp-wx .tem-img-view:nth-child(3n){
	margin-right: 0;
}.mp-wx .tem-reply{
	background: #f9f9f9;
	padding: 10px;
	border-radius: 5px;
	margin-top: 10px;
	font-size: 13px;
	line-height: 21px;
}.mp-wx .tem-reply-title{
	font-weight: bold;
	margin-bottom: 10px;
}.mp-wx .more_margin{
	height: 75px;
}.mp-wx .all-margin-right-40:last-child{
	margin-right: 0;
}.mp-wx /* 加弹窗 */
.tanc_coupons_bj{
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 10000;
}.mp-wx .tanc_coupons_main{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60vh;
	background: #fff;
}.mp-wx .tanc_coupons_head{
	padding: 20px 10px;
	text-align: center;
	position: relative;
	height: 60px;
}.mp-wx .tanc_coupons_head_title{
	color: #333333;
}.mp-wx .tanc_coupons_head_img{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: absolute;
	right: 10px;
	top: 38%;
}.mp-wx .tanc_coupons_list_main{
	height: calc(60vh - 60px);
}.mp-wx .tanc_coupons_list{
	padding: 0 10px;
}.mp-wx .tanc_coupons_item{
	margin-bottom: 15px;
	position: relative;
	width: 355px;
	color: #FF7B33;
	background: #FFF5EF;
	border-radius: 10px;
}.mp-wx .tanc_coupons_item.no{
	color: #999999;
	background: #EEEEEE;
}.mp-wx .tanc_coupons_item_bj{
	width: 355px;
	height: 105px;
	display: none;
}.mp-wx .tanc_coupons_item_main{
	/* position: absolute;
  left: 0;
  top: 0;
  width: 100%; */
	align-items: stretch;
}.mp-wx .tanc_coupons_item_l{
	padding: 16px 20px;
	width: 230px;
	border-right: 4px dashed #fff;
}.mp-wx .tanc_coupons_item_r{
	text-align: center;
}.mp-wx /* 新加：主题变量已统一到 .goods-page */

.jrdp_box{
	width: 75px;
	height: 29px;
	background: #ffffff;
	border: 0.5px solid var(--primary);
	border-radius: 14.5px;
}.mp-wx .all-margin-right-25:last-child{
	margin-right: 10px;
}.mp-wx .underline_box{
	width: 76px;
	height: 2px;
	background: var(--primary);
	bottom: 0;
}.mp-wx .button_box{
	width: 100px;
	height: 39px;
	border-radius: 6px;
}.mp-wx .norms_box{
	margin-right: 10px;
}.mp-wx .norms_box:last-child{
	margin-right: 0;
}.mp-wx .img_box{
	width: 33px;
	height: 30px;
}.mp-wx .num_box{
	width: 38px;
	height: 30px;
	margin: 0 1px;
}.mp-wx .goods-bottom-detail{ 
	padding-bottom: 60px;
}.mp-wx .goods-bottom-detail.device_iphone_x{ 
	padding-bottom: 75px;
}.mp-wx .select_attrs_item{ 
	margin-right: 10px;
    color: #000000;
}


/* ---- user/user/user.wxss ---- */

.mp-wx /* —— 个人中心 header 嵌入（原 user-center-header-embed，内联：避免 Windows 下 
  overflow: visible;
}

.uc-temp-header{
  box-sizing: border-box;
}.mp-wx /* DIY 头部：min-height 来自后台；高度随内容（头像行 + 嵌入卡片）撑开，避免固定 height 裁切 */
.uc-temp-header.uc-temp-header--diy{
  flex-shrink: 0 !important;
  width: 100%;
  overflow: visible;
  box-sizing: border-box !important;
  min-height: var(--uc-diy-header-h, 200px) !important;
  height: auto !important;
}.mp-wx /* 带嵌入块：上内边距 + 底部留白（红底包住白卡片下沿） */
.uc-temp-header.uc-temp-header--diy.uc-temp-header--embed{
  padding: 12px 10px 14px;
}.mp-wx .uc-temp-header--embed .uc-temp-header-main{
  position: relative;
  z-index: 1;
}.mp-wx .uc-temp-header__row{
  width: 100%;
  box-sizing: border-box;
}.mp-wx .uc-temp-header__avatar-wrap{
  position: relative;
  flex-shrink: 0;
}.mp-wx .uc-temp-header-avatar{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  flex-shrink: 0;
  display: block;
  background: rgba(255, 255, 255, 0.22);
}.mp-wx .uc-temp-header-avatar-btn{
  position: absolute;
  left: 0;
  top: 0;
  width: 56px;
  height: 56px;
  padding: 0;
  margin: 0;
  opacity: 0;
}.mp-wx .uc-temp-header-main{
  flex: 1;
  min-width: 0;
  margin-left: 10px;
}.mp-wx .uc-header.uc-temp-header.uc-header--embed-wallet{
  padding-bottom: 36px;
}.mp-wx /* 嵌入容器：参与文档流，排在资料区下方，不再 bottom 负值上叠 */
.uc-temp-header-embed{
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: -25px;
  width: 100%;
  margin-top: 14px;
  padding: 0;
  z-index: 2;
  box-sizing: border-box;
  flex-shrink: 0;
}.mp-wx .uc-temp-header-embed--tall{
  margin-top: 16px;
}.mp-wx .uc-temp-header-embed--order{
  margin-top: 12px;
}.mp-wx .uc-temp-header-embed--order .user-panel.guigebox{
  margin: 0 !important;
  padding: 6px 7px 5px !important;
  border-radius: 8px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07);
}.mp-wx .uc-temp-header-embed--order .user-panel-header{
  padding-bottom: 3px !important;
  min-height: 0 !important;
}.mp-wx .uc-temp-header-embed--order .gerencaidanbt{
  font-size: 14px !important;
  line-height: 1.35 !important;
}.mp-wx .uc-temp-header-embed--order .miaoshu{
  font-size: 11px !important;
}.mp-wx .uc-temp-header-embed--order .uc-temp-order-body{
  padding-top: 0 !important;
  padding-bottom: 2px !important;
}.mp-wx .uc-temp-header-embed--order .uc-temp-order-cell{
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}.mp-wx .uc-temp-header-embed--order .uc-temp-order-icon.icondiy{
  font-size: 21px !important;
  line-height: 1 !important;
}.mp-wx .uc-temp-header-embed--order .uc-temp-order-cell .gerenbt{
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}.mp-wx .uc-temp-header-embed-inner{
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
}.mp-wx .uc-temp-header-embed .uc-header-wallet-row{
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}.mp-wx .uc-temp-header-embed-inner .uc-wallet-card{
  border: none !important;
  background: #fff !important;
  flex: 1;
  min-width: 0;
  text-align: center;
  border-radius: 0 !important;
  padding: 10px 8px;
  min-height: 0;
}.mp-wx .uc-temp-header-embed-inner .uc-wallet-card:first-child{
  border-right: 0.5px solid #f0f0f0;
}.mp-wx .uc-temp-header-embed-inner .uc-wallet-name{
  font-size: 12px;
  color: #666;
}.mp-wx .uc-temp-header-embed-inner .uc-wallet-val{
  font-size: 16px;
  font-weight: bold;
  color: #ff4544 !important;
}.mp-wx .uc-temp-header-embed-inner .wallet{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  gap: 0;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  box-sizing: border-box;
}.mp-wx .uc-temp-header-embed-inner .wallet-1, .mp-wx .uc-temp-header-embed-inner .wallet-3{
  flex: 1;
  min-width: 0;
  border: none !important;
  background: #fff !important;
  border-radius: 0 !important;
  padding: 10px 8px;
  text-align: center;
  box-sizing: border-box;
}.mp-wx .uc-temp-header-embed-inner .wallet-1{
  border-right: 0.5px solid #f0f0f0;
}.mp-wx .uc-temp-header-embed-inner .wallet .num-1{
  color: #ff4544 !important;
  font-weight: 700;
  font-size: 16px;
}.mp-wx .uc-temp-header-embed-inner .wallet .num-2, .mp-wx .uc-temp-header-embed-inner .wallet .fs-sm{
  color: #666;
  font-size: 12px;
}.mp-wx .uc-temp-header-embed-inner .uc-wallet-standalone{
  display: flex;
  flex-direction: row;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}.mp-wx .flex-row{
  display: flex;
  flex-direction: row;
  align-items: center;
}.mp-wx .uc-valign-center{
  align-items: center;
}.mp-wx .uc-flex-1{
  flex: 1;
  min-width: 0;
}.mp-wx .uc-mr{
  margin-right: 8px;
}.mp-wx .uc-hover{
  opacity: 0.92;
}.mp-wx .uc-page{
  position: relative;
  min-height: 100%;
  background: #f5f5f5;
  box-sizing: border-box;
}.mp-wx .uc-header{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 16px 12px 24px;
  color: #fff;
}.mp-wx .uc-header-user{
  align-items: center;
}.mp-wx .uc-avatar{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
}.mp-wx .uc-header-meta{
  margin-left: 12px;
  flex: 1;
  padding-right: 75px;
  box-sizing: border-box;
}.mp-wx .uc-nickname{
  font-size: 12px;
  font-weight: 500;
}.mp-wx .uc-sub{
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.9;
}.mp-wx .uc-panel{
  margin: 12px;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}.mp-wx .uc-panel-hd{
  justify-content: space-between;
  margin-bottom: 8px;
}.mp-wx .uc-panel-title{
  font-size: 15px;
  font-weight: 600;
}.mp-wx .uc-more{
  font-size: 12px;
  color: #999;
}.mp-wx .uc-order-grid{
  display: flex;
  flex-wrap: wrap;
}.mp-wx .uc-order-grid--four .uc-order-cell{
  width: 25%;
}.mp-wx .uc-order-cell{
  width: 20%;
  text-align: center;
  padding: 8px 0;
  position: relative;
  box-sizing: border-box;
}.mp-wx .uc-order-img{
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto 4px;
}.mp-wx .uc-order-ico{
  font-size: 24px;
  line-height: 1;
  display: block;
  margin: 0 auto 4px;
}.mp-wx .uc-order-txt{
  font-size: 11px;
  color: #333;
  display: block;
}.mp-wx .uc-order-badge{
  position: absolute;
  top: 4px;
  right: 10%;
  min-width: 14px;
  padding: 0 3px;
  font-size: 10px;
  color: #fff;
  background: var(--uc-primary, #ff4544);
  border-radius: 10px;
  line-height: 14px;
}.mp-wx .uc-menu-grid{
  display: flex;
  flex-wrap: wrap;
}.mp-wx .uc-menu-cell{
  width: 25%;
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
}.mp-wx .uc-menu-img{
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto 4px;
}.mp-wx .uc-menu-ico{
  font-size: 24px;
  line-height: 1;
  display: block;
  margin: 0 auto 4px;
  color: #333333;
}.mp-wx .uc-menu-txt{
  font-size: 11px;
  color: #666;
}.mp-wx .uc-menu-disabled{
  opacity: 0.5;
}.mp-wx .uc-copyright{
  text-align: center;
  padding: 16px 12px 24px;
  color: #bbb;
  font-size: 11px;
}.mp-wx .uc-copy-icon{
  height: 18px;
  margin-bottom: 6px;
}.mp-wx .uc-fallback-txt{
  font-size: 12px;
  color: #999;
}.mp-wx .uc-empty{
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-size: 13px;
  line-height: 1.6;
}.mp-wx /* 标题旁小圆标（主题渐变） */
.uc-head-ico{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}.mp-wx .uc-head-ico--sm{
  width: 20px;
  height: 20px;
}.mp-wx .uc-head-ico--md{
  width: 36px;
  height: 36px;
  border-radius: 8px;
}.mp-wx .uc-head-ico-txt{
  font-size: 11px;
  color: #fff;
  font-weight: 600;
}.mp-wx .uc-recharge-row{
  padding-top: 4px;
}.mp-wx .uc-recharge-side-img{
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}.mp-wx .uc-recharge-copy{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}.mp-wx .uc-recharge-line1{
  font-size: 14px;
  color: #333;
}.mp-wx .uc-recharge-line2{
  font-size: 11px;
  color: #999;
}.mp-wx .uc-recharge-btn{
  flex-shrink: 0;
  padding: 0 14px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  border-radius: 14px;
  font-weight: 500;
}.mp-wx .uc-member-row{
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
}.mp-wx .uc-member-accent{
  width: 4px;
  align-self: stretch;
  flex-shrink: 0;
}.mp-wx .uc-member-body{
  padding: 10px 12px;
}.mp-wx .uc-member-title{
  font-size: 15px;
  font-weight: 600;
  display: block;
}.mp-wx .uc-member-buy{
  font-size: 11px;
  color: #999;
  margin-top: 4px;
  display: block;
}.mp-wx .uc-member-arrow{
  font-size: 20px;
  line-height: 1;
  margin-left: 6px;
  flex-shrink: 0;
}.mp-wx /* 会员卡：深色底 + 金铜渐变（参照设计稿） */
.uc-panel.uc-block-member--vip{
  background: transparent;
  box-shadow: none;
  padding: 0;
}.mp-wx .uc-member-card-vip__title{

  font-size: 12px;
}.mp-wx .uc-member-card-vip{
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 46px;
  padding: 13px 14px;
  border-radius: 10px;
  background: linear-gradient(165deg, #2e2824 0%, #1c1916 42%, #121110 100%);
  border: 0.5px solid rgba(227, 180, 130, 0.28);
  overflow: hidden;
}.mp-wx .uc-member-card-vip--embed{
  margin: 0 12px 12px;
  width: auto;
}.mp-wx .uc-member-card-vip__shine{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0.4;
  background-image:
    radial-gradient(ellipse 90% 70% at 8% 85%, rgba(243, 213, 181, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse 80% 60% at 92% 18%, rgba(225, 179, 130, 0.14) 0%, transparent 50%),
    repeating-linear-gradient(
      -18deg,
      transparent,
      transparent 7px,
      rgba(243, 213, 181, 0.035) 7px,
      rgba(243, 213, 181, 0.035) 7.5px
    );
}.mp-wx .uc-member-card-vip__left{
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  margin-right: 10px;
}.mp-wx .uc-member-card-vip__icon-img{
  width: 28px;
  height: 28px;
  display: block;
  border-radius: 6px;
}.mp-wx .uc-member-card-vip__diamond{
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: linear-gradient(145deg, #fdf3e4 0%, #e1b382 45%, #b8834a 100%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35), inset 0 0.5px 0 rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(45deg);
}.mp-wx .uc-member-card-vip__diamond-v{
  transform: rotate(-45deg);
  font-size: 13px;
  font-weight: 700;
  color: #5d3a1a;
  line-height: 1;
}.mp-wx .uc-member-card-vip__mid{
  position: relative;
  z-index: 1;
  min-width: 0;
}.mp-wx .uc-member-card-vip__title{
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #f0d4b0;
  text-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.5), 0 0 12px rgba(243, 213, 181, 0.15);
}.mp-wx .uc-member-card-vip__btn{
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  margin-left: 8px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 550;
  color: #5d3a1a;
  line-height: 1.2;
  background: linear-gradient(90deg, #fdf3e4 0%, #f0d4b0 35%, #e1b382 70%, #d4a574 100%);
  border-radius: 499.5px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.28);
}.mp-wx .uc-notice-wrap{
  margin: 0 12px 12px;
}.mp-wx .uc-notice-bar{
  border-radius: 6px;
  padding: 10px 12px;
  min-height: 43px;
  box-sizing: border-box;
}.mp-wx .uc-notice-dot{
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
  flex-shrink: 0;
}.mp-wx .uc-notice-swiper{
  height: 22px;
}.mp-wx .uc-notice-line{
  font-size: 12px;
  color: #666;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.mp-wx .uc-more-row{
  flex-shrink: 0;
}.mp-wx .uc-more-arrow{
  font-size: 14px;
  margin-left: 2px;
  line-height: 1;
}.mp-wx /* —— 优惠券横向卡片（coupon2） —— */
.uc-block-coupon{
  padding-bottom: 10px;
}.mp-wx .uc-coupon-hd{
  margin-bottom: 10px;
}.mp-wx .uc-coupon-hd-left{
  min-width: 0;
}.mp-wx .uc-coupon-title{
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}.mp-wx .uc-coupon-more{
  flex-shrink: 0;
  font-size: 12px;
  color: #999;
  line-height: 1;
}.mp-wx .uc-coupon-more-arrow{
  margin-left: 1px;
  font-size: 13px;
  color: #bbb;
}.mp-wx .uc-coupon-scroll{
  width: 100%;
  height: auto;
  white-space: nowrap;
}.mp-wx .uc-coupon-card{
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 106px;
  margin-right: 8px;
  vertical-align: top;
  box-sizing: border-box;
}.mp-wx .uc-coupon-card:last-child{
  margin-right: 2px;
}.mp-wx .uc-coupon-card--hover{
  opacity: 0.92;
}.mp-wx .uc-coupon-card-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 110px;
  padding: 11px 8px 9px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  text-align: center;
}.mp-wx .uc-coupon-name{
  width: 100%;
  font-size: 12px;
  color: #333;
  font-weight: 500;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}.mp-wx .uc-coupon-amount{
  width: 100%;
  margin: 8px 0 6px;
  justify-content: center;
}.mp-wx .uc-coupon-amount-num{
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.5px;
}.mp-wx .uc-coupon-amount-unit{
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  margin-left: 1px;
}.mp-wx .uc-valign-baseline{
  align-items: baseline;
}.mp-wx .uc-coupon-meta{
  width: 100%;
  font-size: 10px;
  color: #999;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}.mp-wx .uc-coupon-empty{
  text-align: center;
  padding: 18px 0 6px;
  font-size: 12px;
  color: #999;
}.mp-wx .uc-coupon-tag{
  margin-top: 4px;
  font-size: 10px;
  color: #bbb;
  line-height: 1.2;
}.mp-wx .uc-coupon-tag--action{
  color: #ff4544;
  font-weight: 500;
}.mp-wx .uc-banner-swiper{
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}.mp-wx .uc-banner-img{
  width: 100%;
  height: 80px;
  display: block;
  border-radius: 8px;
}.mp-wx .flex-col{
  display: flex;
  flex-direction: column;
}.mp-wx .flex-wrap{
  flex-wrap: wrap;
}.mp-wx .uc-x-center{
  align-items: center;
}.mp-wx /* —— header 扩展 —— */
.uc-signin-entry{
  position: absolute;
  top: 14px;
  right: 12px;
  z-index: 20;
  padding: 4px 10px;
  border-radius: 499.5px;
  background: rgba(255, 255, 255, 0.22);
  border: 0.5px solid rgba(255, 255, 255, 0.45);
}.mp-wx .uc-signin-entry-txt{
  font-size: 11px;
  color: #fff;
  line-height: 1.2;
}.mp-wx .uc-header-root{
  margin-bottom: 0;
}.mp-wx .uc-header-top{
  width: 100%;
}.mp-wx .uc-header-sub{
  margin-top: 6px;
  gap: 6px;
}.mp-wx .uc-level-pill{
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 4px;
  border-width: 0.5px;
  border-style: solid;
}.mp-wx .uc-id-txt{
  font-size: 11px;
  opacity: 0.95;
}.mp-wx .uc-right-nav{
  margin-left: 6px;
  padding: 4px 10px;
  border-radius: 499.5px;
  background: rgba(255, 255, 255, 0.22);
  border: 0.5px solid rgba(255, 255, 255, 0.45);
}.mp-wx .uc-right-nav-txt{
  font-size: 11px;
  color: #fff;
  line-height: 1.2;
}.mp-wx .uc-header-wallet-row{

  margin: 0 12px 12px;
  gap: 8px;
}.mp-wx .uc-wallet-card{
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  min-height: 60px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}.mp-wx .uc-wallet-name{
  font-size: 12px;
  color: #666;
  display: block;
}.mp-wx .uc-wallet-val{
  font-size: 16px;
  font-weight: 700;
  margin-top: 4px;
  display: block;
}.mp-wx .uc-wallet-ico{
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 28px;
  height: 28px;
}.mp-wx .uc-header-slot-member{
  margin: 0 12px 12px;
  padding: 10px 12px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}.mp-wx .uc-header-member-title{
  font-size: 14px;
  font-weight: 600;
}.mp-wx .uc-header-member-buy{
  font-size: 11px;
  color: #999;
  margin-left: 8px;
}.mp-wx .uc-store-data{
  margin: 0 12px 12px;
  border-radius: 8px;
  overflow: hidden;
}.mp-wx .uc-store-data--header{
  margin: 0 12px 12px;
}.mp-wx .uc-panel-nopad{
  padding: 0;
}.mp-wx .uc-store-pad{
  padding: 14px 8px;
}.mp-wx .uc-store-cell{
  text-align: center;
  padding: 4px;
}.mp-wx .uc-store-val{
  font-size: 18px;
  font-weight: 700;
  display: block;
}.mp-wx .uc-store-name{
  font-size: 11px;
  margin-top: 6px;
  opacity: 0.85;
  display: block;
}.mp-wx .uc-header-order{
  margin: 0 12px 12px;
}.mp-wx /* —— menu 列表 / 卡片行 —— */
.uc-menu-list-row{
  padding: 12px 4px;
  border-bottom: 0.5px solid #f0f0f0;
}.mp-wx .uc-menu-list-ico{
  width: 20px;
  height: 20px;
  margin-right: 8px;
  flex-shrink: 0;
}.mp-wx .uc-menu-list-ico-font{
  width: 20px;
  height: 20px;
  margin-right: 8px;
  font-size: 20px;
  line-height: 1;
  flex-shrink: 0;
  color: #333333;
}.mp-wx .uc-menu-list-txt{
  font-size: 14px;
  color: #333;
}.mp-wx .uc-menu-card-row{
  padding: 12px 10px;
  margin-bottom: 8px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}.mp-wx .uc-menu-card-txt{
  font-size: 14px;
  color: #333;
}.mp-wx .uc-menu-card-arrow{
  font-size: 18px;
}.mp-wx /* —— wallet 独立 —— */
.uc-wallet-standalone{
  align-items: stretch;
  min-height: 80px;
}.mp-wx .uc-ws-main{
  justify-content: center;
  padding: 8px;
  border-right: 0.5px solid #f0f0f0;
}.mp-wx .uc-ws-big-ico{
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
}.mp-wx .uc-ws-big-ico-font{
  font-size: 24px;
  margin-bottom: 4px;
  line-height: 1;
}.mp-wx .uc-ws-main-txt{
  font-size: 11px;
  color: #666;
  text-align: center;
}.mp-wx .uc-ws-col{
  justify-content: center;
  padding: 8px;
  border-right: 0.5px solid #f0f0f0;
}.mp-wx .uc-ws-col:last-child{
  border-right: none;
}.mp-wx .uc-ws-num{
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}.mp-wx .uc-ws-sub{
  margin-top: 4px;
  justify-content: center;
}.mp-wx .uc-ws-mini-ico{
  width: 12px;
  height: 12px;
  margin-right: 3px;
}.mp-wx .uc-ws-sub-txt{
  font-size: 11px;
  color: #999;
}.mp-wx /* —— share / member —— */
.uc-block-share{
  display: block;
}.mp-wx .uc-share-body{
  padding-top: 4px;
}.mp-wx .uc-share-cell{
  text-align: center;
  padding: 6px 0;
}.mp-wx .uc-share-num{
  font-size: 16px;
  font-weight: 700;
  display: block;
}.mp-wx .uc-share-lbl{
  font-size: 11px;
  color: #666;
  margin-top: 4px;
  display: block;
}.mp-wx .uc-member2-row{
  display: flex;
}.mp-wx .uc-member-banner{
  display: flex;
}.mp-wx .uc-member-ico{
  width: 32px;
  height: 32px;
  margin-right: 10px;
  flex-shrink: 0;
}.mp-wx .uc-member-banner-txt{
  font-size: 14px;
  font-weight: 500;
}.mp-wx /* —— store_data / notice diy —— */
.uc-store-data-diy .uc-store-diy-cell{
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
}.mp-wx .uc-notice-diy{
  padding: 12px;
  border-radius: 6px;
}.mp-wx .uc-notice-diy-ico{
  width: 20px;
  height: 20px;
  margin-right: 8px;
  flex-shrink: 0;
}.mp-wx .uc-notice-diy-name{
  font-size: 13px;
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}.mp-wx .uc-notice-diy-content{
  font-size: 12px;
  line-height: 1.5;
}.mp-wx .uc-notice-diy-simple{
  font-size: 12px;
  line-height: 1.5;
}.mp-wx .uc-line-spacer{
  width: 100%;
}.mp-wx /* —— title / tabbar / rubik —— */
.uc-diy-title{
  margin: 0 12px 8px;
  padding: 10px 12px;
  border-radius: 6px;
}.mp-wx .uc-diy-title-txt{
  font-weight: 600;
}.mp-wx .uc-tabbar-grid{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}.mp-wx .uc-tabbar-grid--col{
  flex-direction: column;
}.mp-wx .uc-tabbar-cell{
  box-sizing: border-box;
  padding: 8px;
  text-align: center;
}.mp-wx .uc-tabbar-cell--33{
  width: 33.33%;
}.mp-wx .uc-tabbar-cell--50{
  width: 50%;
}.mp-wx .uc-tabbar-pic{
  width: 100%;
  height: 60px;
  border-radius: 4px;
  margin-bottom: 4px;
}.mp-wx .uc-tabbar-t1{
  font-size: 13px;
  font-weight: 600;
  display: block;
}.mp-wx .uc-tabbar-t2{
  font-size: 11px;
  display: block;
  margin-top: 2px;
}.mp-wx .uc-rubik-scroll{
  width: 100%;
  white-space: nowrap;
}.mp-wx .uc-rubik-row{
  padding: 4px 0;
}.mp-wx .uc-rubik-item{
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin-right: 8px;
  white-space: normal;
}.mp-wx .uc-rubik-img{
  width: 120px;
  height: 80px;
  border-radius: 6px;
  display: block;
}.mp-wx .uc-rubik-cap{
  font-size: 11px;
  color: #666;
  margin-top: 4px;
  display: block;
  text-align: center;
}


/* ---- tongcheng/secondhand/index/index.wxss ---- */

.mp-wx .sh-index{
  min-height: 100%;
  background: #f3f4f6;
  padding-bottom: calc(60px + env(safe-area-inset-bottom));
}.mp-wx .sh-index__top{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}.mp-wx .sh-index__city{
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 110px;
}.mp-wx .sh-index__city-icon{ width: 14px; height: 14px; margin-right: 3px; }.mp-wx .sh-index__city-name{
  font-size: 14px;
  font-weight: 600;
  color: #111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.mp-wx .sh-index__city-arrow{ width: 10px; height: 10px; margin-left: 2px; opacity: .5; }.mp-wx .sh-index__search{
  flex: 1;
  display: flex;
  align-items: center;
  height: 32px;
  background: #f3f4f6;
  border-radius: 499.5px;
  padding: 0 12px;
}.mp-wx .sh-index__search-icon{ width: 14px; height: 14px; margin-right: 6px; opacity: .45; }.mp-wx .sh-index__search-ph{ font-size: 13px; color: #9ca3af; }.mp-wx .sh-index__orders{ flex-shrink: 0; font-size: 13px; color: var(--app-primary, #ff4544); padding: 0 4px; }.mp-wx .sh-index__local{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  background: #fff;
  border-top: 0.5px solid #f3f4f6;
}.mp-wx .sh-index__local-label{ font-size: 12px; color: #6b7280; }.mp-wx .sh-index__local-switch{ display: flex; align-items: center; gap: 4px; }.mp-wx .sh-index__local-hint{ font-size: 12px; color: #374151; }.mp-wx .sh-index__cats{
  background: #fff;
  padding: 4px 0 10px;
  white-space: nowrap;
}.mp-wx .sh-index__cats-row{ display: inline-flex; padding: 0 8px; }.mp-wx .sh-index__cat{
  width: 64px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 4px 0;
}.mp-wx .sh-index__cat--active .sh-index__cat-icon-wrap{
  box-shadow: 0 0 0 1.5px var(--app-primary, #ff4544);
}.mp-wx .sh-index__cat-icon-wrap{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--app-primary-light, #fff7ed);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}.mp-wx .sh-index__cat-icon{ width: 28px; height: 28px; }.mp-wx .sh-index__cat-name{
  margin-top: 4px;
  font-size: 11px;
  color: #374151;
  text-align: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.mp-wx .sh-index__filters{
  background: #fff;
  padding: 0 8px 8px;
  white-space: nowrap;
}.mp-wx .sh-index__filters-row{ display: inline-flex; gap: 6px; }.mp-wx .sh-index__filter{
  display: inline-block;
  padding: 5px 14px;
  border-radius: 499.5px;
  font-size: 13px;
  color: #6b7280;
  background: #f3f4f6;
}.mp-wx .sh-index__filter--active{
  background: var(--app-primary, #ff4544);
  color: #fff;
}.mp-wx .sh-index__list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 8px 0;
}.mp-wx .sh-card{
  width: calc(50% - 4px);
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .04);
}.mp-wx .sh-card__img{
  width: 100%;
  height: 170px;
  background: #e5e7eb;
  display: block;
}.mp-wx .sh-card__body{ padding: 8px; }.mp-wx .sh-card__price{ font-size: 16px; font-weight: 700; color: var(--app-primary, #ff4544); }.mp-wx .sh-card__title{
  font-size: 13px;
  color: #111;
  line-height: 1.4;
  margin-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.mp-wx .sh-card__meta{
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  gap: 4px;
  font-size: 11px;
  color: #9ca3af;
}.mp-wx .sh-card__loc{
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.mp-wx .sh-index__status, .mp-wx .sh-index__empty{
  width: 100%;
  text-align: center;
  color: #999;
  font-size: 12px;
  padding: 16px;
}.mp-wx .sh-index__fab{
  position:absolute;
  right: 16px;
  bottom: calc(24px + env(safe-area-inset-bottom));
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--app-primary, #ff4544);
  box-shadow: 0 4px 12px rgba(255, 69, 68, .35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
}.mp-wx .sh-index__fab-plus{
  font-size: 28px;
  color: #fff;
  line-height: 1;
  margin-top: -2px;
}


/* ---- tongcheng/renting/index/index.wxss ---- */

.mp-wx /* 主题：青蓝主色 #2E86AB，与 mf_index 售房列表统一 */
page{
  --bg: #e8f3f7;
  --card: #ffffff;
  --text: #1e3a4a;
  --muted: #64748b;
  --muted2: #94a3b8;
  --primary: #2e86ab;
  --primary-dark: #1a5f78;
  --primary-soft: #d4ebf2;
  --primary-muted: rgba(46, 134, 171, 0.14);
  --shadow: 0 4px 14px rgba(46, 134, 171, 0.12);
  --shadow-sm: 0 2px 9px rgba(46, 134, 171, 0.08);
  --radius: 10px;
  --radius-sm: 7px;
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
}.mp-wx .index-top-wrap{
  background: var(--primary);
}.mp-wx .index-region-bar{
  padding: 8px 12px 4px;
  background: transparent;
}.mp-wx .index-zs-bar{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px 8px;
}.mp-wx .index-zs-tab{
  flex: 1;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 499.5px;
  background: rgba(255, 255, 255, 0.15);
  font-weight: 500;
}.mp-wx .index-zs-tab--active{
  color: var(--primary);
  background: #fff;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}.mp-wx /* 顶部城市/区域条 + 侧滑面板（与 mf_index 交互一致） */
.index-region-bar__btn{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 499.5px;
  color: #fff;
  font-size: 14px;
  border: none;
  line-height: 1.3;
}.mp-wx .index-region-bar__btn::after{
  border: none;
}.mp-wx .index-region-bar__icon{
  font-size: 16px;
  margin-right: 6px;
  line-height: 1;
}.mp-wx .index-region-bar__text{
  flex: 1;
  text-align: center;
  font-weight: 600;
}.mp-wx .index-region-bar__arrow{
  font-size: 12px;
  margin-left: 6px;
  opacity: 0.95;
  line-height: 1;
}.mp-wx .area-filter-panel{
  position:absolute;
  top: 0;
  right: 0;
  width: 65%;
  height: 100%;
  background: var(--card);
  z-index: 1001;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.12);
}.mp-wx .area-filter-panel.panel-show{
  transform: translateX(0);
}.mp-wx .panel-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid #f1f5f9;
}.mp-wx .panel-title{
  font-size: 16px;
  font-weight: 700;
  color: var(--text);
}.mp-wx .close-btn{
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}.mp-wx .close-btn::after{
  border: none;
}.mp-wx .close-btn__icon{
  font-size: 20px;
  color: var(--muted2);
}.mp-wx .filter-section{
  padding: 12px;
  border-bottom: 1px solid #f1f5f9;
}.mp-wx .section-label{
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 8px;
}.mp-wx .city-picker{
  width: 100%;
}.mp-wx .picker-content{
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm);
  font-size: 13px;
  color: var(--text);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath fill='%2394a3b8' d='M8 10L0 0h16L8 10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}.mp-wx .district-scroll{
  height: 200px;
}.mp-wx .district-list{
  display: flex;
  flex-direction: column;
  gap: 4px;
}.mp-wx .district-item{
  padding: 10px;
  font-size: 13px;
  color: var(--text);
  border-radius: var(--radius-sm);
}.mp-wx .district-item--active{
  background: rgba(46, 134, 171, 0.12);
  color: var(--primary);
  font-weight: 600;
}.mp-wx .confirm-area-btn{
  width: 80%;
  margin: 20px auto;
  padding: 11px;
  background: var(--primary);
  color: #fff;
  border-radius: 499.5px;
  font-size: 14px;
  font-weight: 600;
  border: none;
}.mp-wx .confirm-area-btn::after{
  border: none;
}.mp-wx .area-mask{
  position:absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}.mp-wx .area-mask--show{
  opacity: 1;
  pointer-events: auto;
}.mp-wx /* 顶部统计栏 */
.stats-bar{
  background: linear-gradient(180deg, #f2f9fb 0%, var(--card) 100%);
  padding: 10px 12px 11px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--primary-muted);
}.mp-wx .stats-bar__left{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 5px;
}.mp-wx .stats-bar__icon{
  color: var(--primary);
  font-size: 16px;
  margin-right: 2px;
}.mp-wx .stats-bar__label{
  font-size: 12px;
  color: var(--muted);
}.mp-wx .stats-bar__value{
  font-size: 14px;
  color: var(--primary);
  font-weight: 700;
  margin-right: 8px;
}.mp-wx /* Banner */
.banner-wrap{
  padding: 10px 12px 0;
}.mp-wx .banner-swiper{
  width: 100%;
  height: 150px;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--primary-muted);
}.mp-wx .banner-swiper__img{
  width: 100%;
  height: 100%;
}.mp-wx /* 推荐房源 */
.hot-house{
  margin-top: 4px;
  padding: 0 12px;
}.mp-wx .hot-house__head{
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 11px 2px 8px;
}.mp-wx .hot-house__head-icon{
  font-size: 17px;
  color: var(--primary);
}.mp-wx .hot-house__head-text{
  font-size: 16px;
  font-weight: 800;
  color: var(--text);
  letter-spacing: 0.25px;
}.mp-wx .hot-house__wrap{
  white-space: nowrap;
}.mp-wx .hot-house__item{
  display: inline-block;
  width: 156px;
  margin-right: 8px;
  vertical-align: top;
}.mp-wx .hot-house__item:last-child{
  margin-right: 0;
}.mp-wx .hot-house__content{
  background: var(--card);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid var(--primary-muted);
}.mp-wx .hot-house__img{
  width: 100%;
  height: 104px;
  background: var(--primary-soft);
}.mp-wx .hot-house__card-title{
  padding: 7px 8px 0;
  font-size: 14px;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 36px;
  color: var(--text);
  line-height: 1.35;
}.mp-wx .hot-house__meta{
  padding: 4px 8px 0;
  font-size: 12px;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.mp-wx .hot-house__price{
  padding: 6px 8px 9px;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px 3px;
}.mp-wx .hot-house__price-text, .mp-wx .hot-house__price-num{
  color: var(--primary);
  font-weight: 900;
}.mp-wx .hot-house__price-text{
  font-size: 13px;
}.mp-wx .hot-house__price-symbol{
  color: var(--primary);
  font-size: 11px;
  font-weight: 700;
}.mp-wx .hot-house__price-num{
  font-size: 16px;
}.mp-wx .hot-house__price-unit{
  color: var(--primary);
  font-size: 11px;
  font-weight: 700;
}.mp-wx .hot-house__price-tag{
  color: var(--muted2);
  font-size: 11px;
  margin-left: 2px;
}.mp-wx /* 列表 */
.house-list{
  margin-top: 4px;
  padding: 0 12px 70px;
}.mp-wx .house-list__item{
  background: var(--card);
  border-radius: var(--radius);
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: var(--shadow-sm);
  border: 1px solid rgba(46, 134, 171, 0.08);
}.mp-wx .house-list__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}.mp-wx .house-list__category{
  font-size: 11px;
  font-weight: 800;
  padding: 4px 8px;
  border-radius: 499.5px;
  background: var(--primary-soft);
  color: #1e40af;
}.mp-wx .house-list__publish-time{
  font-size: 11px;
  color: var(--muted2);
}.mp-wx .house-list__details{
  display: flex;
  gap: 9px;
}.mp-wx .house-list__img-wrap{
  width: 110px;
  height: 90px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--primary-soft);
  flex-shrink: 0;
}.mp-wx .house-list__img{
  width: 100%;
  height: 100%;
}.mp-wx .house-list__info{
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}.mp-wx .house-list__title{
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 4px;
  color: var(--text);
}.mp-wx .house-list__attr{
  font-size: 12px;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}.mp-wx .house-list__meta{
  font-size: 11px;
  color: var(--muted2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}.mp-wx .house-list__info-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}.mp-wx .house-list__location{
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}.mp-wx .house-list__location-icon{
  font-size: 12px;
  color: var(--primary);
  flex-shrink: 0;
}.mp-wx .house-list__location-text{
  font-size: 12px;
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.mp-wx .house-list__price{
  display: flex;
  align-items: baseline;
  gap: 3px;
  flex-shrink: 0;
}.mp-wx .house-list__price-text, .mp-wx .house-list__price-num{
  color: var(--primary);
  font-weight: 900;
}.mp-wx .house-list__price-text{
  font-size: 13px;
}.mp-wx .house-list__price-num{
  font-size: 16px;
}.mp-wx .house-list__price-unit{
  font-size: 11px;
  color: var(--primary);
  font-weight: 700;
}.mp-wx .house-list__tags{
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid var(--primary-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}.mp-wx .house-list__tag{
  font-size: 11px;
  padding: 3px 7px;
  border-radius: 499.5px;
  background: rgba(46, 134, 171, 0.1);
  color: var(--primary-dark);
  font-weight: 500;
}.mp-wx /* 遮罩/弹窗 */
.modal-mask{
  position:absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.48);
  z-index: 999;
}.mp-wx .nav-placeholder{
  height: 44px;
}.mp-wx /* 发布按钮 */
.publish-btn{
  position:absolute;
  right: 14px;
  bottom: 35px;
  width: 48px;
  height: 48px;
  border-radius: 499.5px;
  box-shadow: 0 6px 16px rgba(22, 119, 255, 0.42);
  z-index: 99;
  border: 2px solid rgba(255, 255, 255, 0.95);
}.mp-wx .publish-btn__img{
  width: 100%;
  height: 100%;
  border-radius: 499.5px;
}.mp-wx .modal-publish{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--card);
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  z-index: 1000;
  padding: 4px 12px 12px;
  box-shadow: 0 -6px 20px rgba(46, 134, 171, 0.14);
}.mp-wx .modal-publish--has-nav{
  bottom: 44px;
}.mp-wx .modal-publish__header{
  font-size: 15px;
  font-weight: 800;
  text-align: center;
  padding: 10px 0 9px;
  color: var(--text);
  position: relative;
}.mp-wx .modal-publish__header::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  width: 28px;
  height: 3px;
  background: var(--primary);
  border-radius: 499.5px;
  opacity: 0.9;
}.mp-wx .modal-publish__item{
  font-size: 14px;
  padding: 11px 4px;
  border-bottom: 1px solid var(--primary-muted);
  color: var(--text);
  font-weight: 500;
}.mp-wx .modal-publish__item:last-of-type{
  border-bottom: none;
}.mp-wx .modal-publish__footer{
  margin-top: 6px;
  padding: 10px;
  border-radius: var(--radius-sm);
  text-align: center;
  background: var(--primary-soft);
  color: var(--primary);
  font-size: 14px;
  font-weight: 700;
}.mp-wx /* 点击反馈 */
.hot-house__item:active, .mp-wx .house-list__item:active, .mp-wx .publish-btn:active, .mp-wx .modal-publish__footer:active{
  transform: scale(0.99);
  opacity: 0.94;
}.mp-wx /* 首页宫格导航 */
.home-nav-card{
  margin: 8px 12px 0;
  padding: 12px 8px 6px;
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}.mp-wx .home-nav-grid{
  display: flex;
  flex-wrap: wrap;
}.mp-wx .home-nav-grid{
  display: flex;
  flex-wrap: wrap;
}.mp-wx .home-nav-grid--3 .home-nav-item{
  width: 33.33%;
}.mp-wx .home-nav-item--active .home-nav-item__text{
  color: var(--primary);
  font-weight: 700;
}.mp-wx .home-nav-item--active .home-nav-item__icon{
  box-shadow: 0 0 0 2px rgba(46, 134, 171, 0.25);
}.mp-wx .home-service-card{
  margin: 8px 12px 0;
  padding: 10px 8px;
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  display: flex;
  gap: 8px;
}.mp-wx .home-service-item{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 4px;
  border-radius: var(--radius-sm);
  background: linear-gradient(180deg, #f8fcfd 0%, #fff 100%);
  border: 1px solid var(--primary-muted);
}.mp-wx .home-service-item__icon{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}.mp-wx .home-service-item__icon-inner{
  font-size: 20px;
  color: #fff;
}.mp-wx .home-service-item__text{
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
}.mp-wx .home-service-item__desc{
  font-size: 10px;
  color: var(--muted2);
  margin-top: 2px;
}.mp-wx .home-nav-item{
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6px 0 10px;
}.mp-wx .home-nav-item__icon{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}.mp-wx .home-nav-item__icon-inner{
  font-size: 22px;
  color: #fff;
  line-height: 1;
}.mp-wx .home-nav-item__text{
  font-size: 12px;
  color: var(--text);
  font-weight: 500;
}.mp-wx .home-nav-page{
  text-align: center;
  padding-top: 4px;
  font-size: 12px;
}.mp-wx .home-nav-page__cur{
  color: #e53935;
  font-weight: 700;
}.mp-wx .home-nav-page__sep, .mp-wx .home-nav-page__total{
  color: var(--muted2);
}.mp-wx /* 最新动态 */
.home-news-bar{
  margin: 8px 12px 0;
  padding: 10px 12px;
  background: var(--card);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: var(--shadow-sm);
}.mp-wx .home-news-bar__tag{
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 700;
  color: #16a34a;
}.mp-wx .home-news-bar__text{
  flex: 1;
  font-size: 13px;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.mp-wx /* 列表区块标题 */
.home-section-head{
  margin: 12px 12px 0;
  padding: 0 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}.mp-wx .home-section-head__title{
  font-size: 17px;
  font-weight: 800;
  color: var(--text);
}.mp-wx .home-section-head__more{
  font-size: 12px;
  color: var(--muted2);
}


/* ---- tongcheng/recruit/pages/index/index.wxss ---- */

.mp-wx /* 招聘首页 — 优化版 */
page{
  background: #f2f4f7;
  min-height: 100%;
  font-size: 14px;
  --blue: #267ef0;
  --blue-light: #e8f2ff;
  --red: #ee2c3c;
  --text-1: #1a1a1a;
  --text-2: #555;
  --text-3: #888;
  --bg-card: #fff;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-sm: 5px;
}.mp-wx .recruit-shell{
  min-height: 100%;
  box-sizing: border-box;
}.mp-wx .recruit-page{
  padding-bottom: 12px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-1);
}.mp-wx /* ===== 标题栏 ===== */
.page-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 10px;
}.mp-wx .page-head-title{
  font-size: 22px;
  font-weight: 800;
  color: var(--text-1);
  letter-spacing: 0.5px;
  position: relative;
}.mp-wx .page-head-add{
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  background: var(--blue);
  border-radius: 50%;
  box-shadow: 0 3px 9px rgba(38, 126, 240, 0.3);
  transition: transform 0.15s;
}.mp-wx .page-head-add:active{
  transform: scale(0.92);
}.mp-wx /* ===== 分类横滑 ===== */
.cat-scroll{
  width: 100%;
  white-space: nowrap;
  margin-bottom: 2px;
}.mp-wx .cat-track{
  display: inline-flex;
  padding: 0 12px 6px;
  gap: 11px;
}.mp-wx .cat-item{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
  vertical-align: top;
  transition: transform 0.15s;
}.mp-wx .cat-item:active{
  transform: scale(0.94);
}.mp-wx .cat-icon{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  margin-bottom: 6px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.2s, transform 0.2s;
}.mp-wx .cat-item--on .cat-icon{
  box-shadow: 0 0 0 2.5px rgba(38, 126, 240, 0.3), 0 3px 9px rgba(38, 126, 240, 0.25);
  transform: scale(1.06);
}.mp-wx .cat-name{
  font-size: 13px;
  color: var(--text-2);
  text-align: center;
  white-space: normal;
  width: 60px;
  line-height: 1.4;
  transition: color 0.2s;
}.mp-wx .cat-item--on .cat-name{
  color: var(--blue);
  font-weight: 700;
}.mp-wx /* ===== 筛选条 ===== */
.filter-bar{
  background: var(--bg-card);
  margin: 0 12px 8px;
  border-radius: var(--radius-lg);
  padding: 10px 12px 8px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
}.mp-wx .sort-group{
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 7px;
  border-bottom: 0.5px solid #f1f3f5;
  padding-bottom: 7px;
}.mp-wx .sort-item{
  font-size: 15px;
  color: var(--text-3);
  padding-bottom: 4px;
  position: relative;
  transition: color 0.2s;
}.mp-wx .sort-item--on{
  color: var(--text-1);
  font-weight: 700;
}.mp-wx .sort-item--on::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 20px;
  height: 2.5px;
  background: var(--blue);
  border-radius: 1.5px;
}.mp-wx .filter-actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}.mp-wx .filter-chip{
  flex: 1;
  font-size: 14px;
  color: var(--text-2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 3px 0;
  transition: color 0.15s;
}.mp-wx .filter-chip:active{
  color: var(--blue);
}.mp-wx .filter-chip--city{
  color: var(--blue);
  font-weight: 600;
}.mp-wx .filter-arrow{
  font-size: 11px;
  opacity: 0.7;
}.mp-wx .filter-funnel{
  font-size: 14px;
  margin-right: 2px;
}.mp-wx /* ===== 轮播 ===== */
.banner-wrap{
  margin: 0 12px 9px;
}.mp-wx .banner-swiper{
  height: 120px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}.mp-wx .banner-img{
  width: 100%;
  height: 120px;
  display: block;
}.mp-wx /* ===== 分段 Tab ===== */
.seg-tabs{
  display: flex;
  margin: 0 12px 9px;
  background: #e9ecf1;
  border-radius: 20px;
  padding: 3px;
}.mp-wx .seg-item{
  flex: 1;
  text-align: center;
  padding: 9px 6px;
  font-size: 15px;
  color: var(--text-2);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: all 0.25s;
}.mp-wx .seg-item--active{
  background: #fff;
  color: var(--blue);
  font-weight: 700;
  box-shadow: 0 1.5px 6px rgba(0, 0, 0, 0.08);
}.mp-wx .seg-badge{
  min-width: 18px;
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  background: var(--blue);
  border-radius: 9px;
}.mp-wx .seg-item--active .seg-badge{
  background: var(--blue);
}.mp-wx /* ===== 付费提示 ===== */
.index-pay-hint{
  margin: 0 12px 9px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.6;
  color: #ad6800;
  background: #fffbe6;
  border-radius: var(--radius-md);
  border: 0.5px solid #ffe58f;
  display: flex;
  align-items: center;
  gap: 5px;
}.mp-wx .index-pay-hint::before{
  content: '💡';
  font-size: 14px;
  flex-shrink: 0;
}.mp-wx /* ===== 列表容器 ===== */
.list-wrap{
  padding: 0 12px;
}.mp-wx .empty-tip{
  text-align: center;
  padding: 50px 16px;
  font-size: 15px;
  color: var(--text-3);
}.mp-wx .empty-tip text{
  display: block;
}.mp-wx /* ===== 职位卡片 ===== */
.job-card{
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  padding: 14px 14px 12px;
  margin-bottom: 10px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
  transition: transform 0.15s, box-shadow 0.15s;
}.mp-wx .job-card:active{
  transform: scale(0.985);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}.mp-wx .job-card-hd{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
}.mp-wx .job-title-wrap{
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}.mp-wx .job-title{
  font-size: 17px;
  font-weight: 700;
  color: var(--text-1);
  line-height: 1.4;
}.mp-wx .job-urgent{
  font-size: 12px;
  color: #fff;
  background: var(--red);
  padding: 2px 6px;
  border-radius: 3px;
  line-height: 1.5;
  font-weight: 600;
}.mp-wx .job-salary{
  font-size: 18px;
  font-weight: 800;
  color: #fa541c;
  flex-shrink: 0;
}.mp-wx .job-company{
  margin-top: 6px;
  font-size: 14px;
  color: var(--text-2);
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 4px;
}.mp-wx .job-pay-chip, .mp-wx .talent-pay-chip{
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #d4380d;
  background: #fff2e8;
  padding: 4px 8px;
  border-radius: 10px;
  font-weight: 500;
}.mp-wx .job-pay-chip::before, .mp-wx .talent-pay-chip::before{
  content: '🔒 ';
  font-size: 11px;
}.mp-wx .job-tags{
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}.mp-wx .job-tag{
  font-size: 13px;
  color: #5a6872;
  background: #f2f4f7;
  padding: 4px 9px;
  border-radius: 10px;
  line-height: 1.4;
  font-weight: 500;
}.mp-wx .job-card-ft{
  margin-top: 9px;
  padding-top: 8px;
  border-top: 0.5px solid #f5f6f8;
  display: flex;
  align-items: center;
  justify-content: space-between;
}.mp-wx .job-poster{
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  flex: 1;
}.mp-wx .job-poster-avatar{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f0f1f3;
  flex-shrink: 0;
  border: 1px solid #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}.mp-wx .job-poster-name{
  font-size: 14px;
  color: var(--text-1);
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}.mp-wx .job-poster-reply{
  font-size: 13px;
  color: var(--text-3);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.mp-wx .job-loc{
  font-size: 13px;
  color: var(--text-3);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 2px;
}.mp-wx .job-loc::before{
  content: '📍';
  font-size: 11px;
}.mp-wx /* ===== 人才卡片 ===== */
.talent-card{
  display: flex;
  gap: 10px;
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  padding: 14px;
  margin-bottom: 10px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
  transition: transform 0.15s, box-shadow 0.15s;
}.mp-wx .talent-card:active{
  transform: scale(0.985);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}.mp-wx .talent-avatar{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #f0f1f3;
  border: 1.5px solid #fff;
  box-shadow: 0 1.5px 5px rgba(0, 0, 0, 0.08);
}.mp-wx .talent-body{
  flex: 1;
  min-width: 0;
}.mp-wx .talent-row1{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}.mp-wx .talent-name{
  font-size: 17px;
  font-weight: 700;
  color: var(--text-1);
}.mp-wx .talent-meta{
  font-size: 14px;
  color: var(--text-3);
}.mp-wx .talent-intent{
  margin-top: 5px;
  font-size: 15px;
  color: #333;
  line-height: 1.5;
}.mp-wx .talent-tags{
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}.mp-wx .talent-ft{
  margin-top: 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}.mp-wx .talent-time{
  font-size: 13px;
  color: var(--text-3);
}.mp-wx .talent-link{
  font-size: 14px;
  color: var(--blue);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 2px;
}.mp-wx .talent-link::after{
  content: '→';
  font-size: 12px;
}.mp-wx /* ===== 悬浮客服 ===== */
.fab-kefu{
  position:absolute;
  right: 14px;
  bottom: calc(95px + env(safe-area-inset-bottom));
  width: 52px;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}.mp-wx .fab-kefu-icon{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--blue), #5ba0f5);
  color: #fff;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(38, 126, 240, 0.35);
  transition: transform 0.15s;
}.mp-wx .fab-kefu-icon:active{
  transform: scale(0.9);
}.mp-wx .fab-kefu-txt{
  font-size: 12px;
  color: var(--blue);
  text-align: center;
  line-height: 1.4;
  font-weight: 600;
}.mp-wx /* ===== 底部双按钮 ===== */
.bottom-bar{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  padding: 6px 14px;
  padding-bottom: 60px;
  background: linear-gradient(180deg, rgba(242, 244, 247, 0) 0%, rgba(242, 244, 247, 0.85) 20%, #f2f4f7 45%);
}.mp-wx .bottom-pill{
  display: flex;
  align-items: stretch;
  background: linear-gradient(135deg, #267ef0 0%, #4d9af5 100%);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(38, 126, 240, 0.35);
}.mp-wx .bottom-btn{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 14px 8px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  transition: background 0.15s;
}.mp-wx .bottom-btn:active{
  background: rgba(255, 255, 255, 0.12);
}.mp-wx .bottom-divider{
  width: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin: 9px 0;
}.mp-wx .bottom-btn-arrow{
  font-size: 18px;
  font-weight: 300;
  opacity: 0.85;
}.mp-wx /* ===== 加载更多 ===== */
.load-more{
  text-align: center;
  padding: 14px 0 22px;
  font-size: 13px;
  color: var(--text-3);
}


/* ---- housekeeping/index/index.wxss ---- */

.mp-wx{
  background-color: var(--app-primary-light);
}.mp-wx /* 商品列表项容器 */
.goods-item{
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}.mp-wx .goods-item:hover{
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}.mp-wx /* 商品信息区域 */
.product-info{
  width: 100%;
  box-sizing: border-box;
}.mp-wx /* 商品名称 */
.product-name{
  font-size: 14px;
  color: #333;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 5px;
}.mp-wx /* 市场信息标签 */
.product-market{
  font-size: 12px;
  color: var(--app-secondary);
  background-color: var(--app-primary-light);
  padding: 1px 8px;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 7.5px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}.mp-wx /* 销量和好评率容器 */
.product-stats{
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #666;
}.mp-wx /* 统计项文本 */
.stat-item{
  display: inline-flex;
  align-items: center;
}.mp-wx /* 分隔符 */
.stat-separator{
  margin: 0 4px;
  color: var(--app-secondary);
  opacity: 0.35;
}.mp-wx /* 价格容器 */
.price-container{
  margin-top: 5px;
  align-items: flex-end;
  justify-content: flex-end;
}.mp-wx .hk-price-value{
  color: var(--app-primary);
  font-weight: 600;
}.mp-wx .hk-price-unit{
  margin-left: 2.5px;
  color: var(--app-primary);
}.mp-wx /* 价格文本 */
.text-size-32{
  font-size: 16px;
}.mp-wx .text-weight-bold{
  font-weight: bold;
}.mp-wx .text-color-E01212{
  color: #E01212;
}.mp-wx /* 布局辅助类 */
.width-full{
  width: 100%;
}.mp-wx .all-back-color-fff{
  background-color: #ffffff;
}.mp-wx .border-radius-12{
  border-radius: 6px;
}.mp-wx .all-padding-20{
  padding: 10px;
}.mp-wx .display_noAllrow{
  display: flex;
  flex-wrap: nowrap;
}.mp-wx .all-margin-bottom-20{
  margin-bottom: 10px;
}.mp-wx .swiper_height_221{
  height: 110.5px;
}.mp-wx .flex_foll{
  flex: 1;
}.mp-wx .all-padding-t-d-5{
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}.mp-wx .display_column_between_no_content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}.mp-wx .display_row_end{
  display: flex;
  justify-content: flex-end;
}.mp-wx .vae_left_box_width{
  width: 80px;
}.mp-wx .vae_right_box_width{
  width: calc(100% - 80px);
}.mp-wx .vae_left_content{
  height: 50px;
}.mp-wx .swiper_height_210{
  height: 105px;
}.mp-wx .vae_left_heng{
  width: 3px;
  height: 25.5px;
  left: 0;
  background: var(--app-primary);
}.mp-wx .vae_title_scroll{
  height: 33px;
}.mp-wx .vae_right_height{
  height: calc(100% - 167px);
}.mp-wx .vae_right_heights{
  height: calc(100% - 62px);
}.mp-wx .page.show_navbar.device_iphone_x .vae_right_heights{
  height: calc(100% - 62px - 90px);
}.mp-wx .page.show_navbar.device_iphone_x .vae_right_height{
  height: calc(100% - 167px - 90px);
}.mp-wx .swiper_height_221{
  height: 100.5px;
}.mp-wx .vae_sp_img{
  width: 80px;
  height: 80px;
  border-radius: 4px;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  object-fit: cover;
}.mp-wx .hk-goods-img{
  background-color: #fff;
}.mp-wx .ms{
  /* top: 0; */
  /* left: 0; */
  width: 35px;
  color: white;
  font-size: 13px;
  line-height: 18px;
  background: linear-gradient(to left, #E9961C, #FFCA6A);
  margin-top: 5px;
}.mp-wx /* 分类项外层包裹，用于布局等 */
.category-item-wrapper{
  margin-right: 10px;
  display: inline-block;
}.mp-wx /* 分类项基础样式 */
.category-item{
  font-size: 12px;
  padding: 0 15px;
  border-radius: 3px;
  line-height: 30px; /* 调整行高，使点击区域更舒适 */
  background-color: #fff;
  color: #000;
  transition: all 0.3s ease; /* 过渡动画，让状态变化更平滑 */
  white-space: nowrap; /* 防止文字换行 */
}.mp-wx /* 激活状态下的分类项样式 */
.category-item.active{
  background-color: var(--app-primary);
  color: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
}.mp-wx /*  hover 效果（非必须，可根据需求添加），增强交互反馈 */
.category-item-wrapper:not([catchtap=""]) .category-item:hover{
  background-color: var(--app-primary-light);
  color: var(--app-primary);
}.mp-wx .hk-index-state{
  padding: 40px 20px;
  text-align: center;
  font-size: 14px;
  color: #999;
}.mp-wx .hk-index-state--sm{
  padding: 20px 10px;
  font-size: 13px;
}.mp-wx .hk-index-more{
  padding: 12px;
  text-align: center;
  font-size: 12px;
  color: #999;
}

/* ---- food/shopDetails/shopDetails.wxss ---- */

.mp-wx .head{
	width: 100%;
	background-color: #dddddd;
}.mp-wx .swiper-0{
	width: 100%;
	height: 100%;
	/* background-color: black; */
}.mp-wx .details-box{
	width: 100%;
	padding: 0 10px;
}.mp-wx .details-box-content{
	width: 100%;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 1.5px 3.5px 0 #F3F3F3;
	border-radius: 7px 7px 0 0;
	padding: 15px 10px;
	position: relative;
	margin-top: -50px;
}.mp-wx .details-box-right{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}.mp-wx .word-0{
	font-size: 16px;
	color: #2b2b2b;
	width: 275px;
}.mp-wx .word-1{
	font-size: 12px;
	color: #2b2b2b;
	margin: 7.5px 0;
}.mp-wx .word-2{
	width: 275px;
	font-size: 12px;
	color: #a4a4a4;
}.mp-wx .headImg{
	width: 60px;
	height: 60px;
	border-radius: 4px;
}.mp-wx .coupon-item{
  margin-top: 4px; 
   margin-bottom: 5px; 
   padding: 1px 8px; 
  margin-right: 10px;
  position: relative; 
  border: 1.5px solid;
  background-size: cover;
  border-radius: 3px;
  display: inline-block;
  box-sizing: border-box;
  border-color: rgb(255, 70, 70);
}.mp-wx .collection-box{
	width: 32.5px;
	/* background-color: yellowgreen; */
}.mp-wx .collection-img{
	width: 24px;
	height: 24px;
	margin-top: 10px;
}.mp-wx .word-3{
	font-size: 10px;
	color: #b0b0b0;
}.mp-wx .word-4{
	font-size: 10px;
	color: var(--sd-primary);
}.mp-wx /* .couponOrder{
  width: 100%;
  margin-top: 10px;
}.mp-wx */

.img-0{
	width: 16px;
	height: 16px;
}.mp-wx .couponOrder_list{
	overflow: hidden;
	overflow-x: auto;
	white-space: normal;
	width: 100%;
	margin-right: 5px;
}.mp-wx /* .coupon-word{
  padding: 2.5px 6px;
  border: 0.5px solid rgba(252, 98, 98, 1);
  border-radius: 2.5px;
  font-size: 11px;
  color: #fc6262;
  margin-right: 10px;
  display: inline-block;
}.mp-wx .coupon-word:last-child{
  margin-right: 0;
}.mp-wx */

.toggleButton{
	width: 100%;
	height: 50px;
}.mp-wx .toggleButton-box{
	/* width: 33%; */
	height: 50px;
	padding: 0 10px;
}.mp-wx .word-5{
	font-size: 16px;
	color: #333;
}.mp-wx .word-6{
	font-size: 16px;
	color: var(--sd-primary);
}.mp-wx .toggleButton-line{
	width: 14px;
	height: 3px;
	background: var(--sd-primary);
	border-radius: 5px;
	position: absolute;
	bottom: 7.5px;
}.mp-wx .content-box{
	width: 100%;
	padding: 10px 10px;
}.mp-wx .evaluate-title{
	width: 100%;
	height: 50px;
}.mp-wx .evaluate-title-0{
	width: 33%;
	height: 35px;
	border: 0.5px solid #A4A4A4;
	color: #A4A4A4;
	font-size: 14px;
}.mp-wx .evaluate-title-0:nth-child(1){
	border-radius: 17.5px 0 0 17.5px;
}.mp-wx .evaluate-title-0:nth-child(2){
	border-left: 0;
}.mp-wx .evaluate-title-0:nth-child(3){
	border-radius: 0 17.5px 17.5px 0;
	border-left: 0;
}.mp-wx .evaluate-title-0.active{
	border: 0.5px solid var(--sd-primary);
	background-color: var(--sd-primary);
	color: white;
}.mp-wx .title{
	width: 100%;
}.mp-wx .evaluate-content{
	width: 100%;
	padding: 15px 0;
	border-bottom: 0.5px solid #f5f5f5;
}.mp-wx .evaluate-img{
	width: 49px;
	height: 49px;
	border-radius: 50%;
	margin-right: 10px;
	background-color: black;
}.mp-wx /* .evaluate-content-box{
  width: 100%;
}.mp-wx */

.evaluate-name{
	font-size: 14px;
	color: #2b2b2b;
}.mp-wx .date{
	font-size: 12px;
	color: #a4a4a4;
	margin-left: 15px;
}.mp-wx .start{
	width: 100%;
	margin-top: 5px;
}.mp-wx .comment{
	width: 100%;
	font-size: 14px;
	color: #2b2b2b;
	margin-top: 10px;
}.mp-wx .menu-box-left{
	width: 90px;
	/* height: 100%; */
	background: #fff;
}.mp-wx /* 滚动文字 */
.scroll-container{
  width: 200px;
  height: 100%;
  overflow: hidden;
}.mp-wx .scroll-content{
  white-space: nowrap;
  animation: scroll 8s linear infinite;
}.mp-wx .scroll-item{
  display: inline-block;
  font-size: 15px;
  color: #313030;
  padding-right: 5px;
  padding-left: 10px;
  animation: text-animation 20s linear infinite;
}

@keyframes scroll {
  0% {
     transform: translateX(0);
  }
  100% {
     transform: translateX(-100%);
  }
}

@keyframes text-animation {
  0% {
     opacity: 0;
  }
  20% {
     opacity: 1;
  }
  80% {
        opacity: 1;
    }
  100% {
        opacity: 0;
    }
}.mp-wx /* 滚动文字结束 */


.selection{
	font-size: 15px;
	color: #2b2b2b;
	padding-left: 10px;
}.mp-wx .selection-0{
	/* width: 100%; */
	/* background: white; */
	/* font-size: 13px; */
	color: var(--sd-primary);
	/* position: relative; */
	/* padding: 15px 10px; */
	/* line-height: 20px; */
}.mp-wx .selection-1{
	/* width: 100%; */
	/* font-size: 13px; */
	/* color: #7f7f7f; */
	/* position: relative; */
	padding: 15px 10px;
}.mp-wx .selection-1-active{
	padding: 15px 10px;
}.mp-wx .selection-3{
	width: 3px;
	height: 30px;
	background: var(--sd-primary);
	left: 0;
	/* width: 2px;
	height: 20px;
	background: rgba(255, 126, 84, 1);
	border-radius: 1px;
	position: absolute;
	left: 0;
	display: none; */
}.mp-wx .menu-box-right{
	width: calc(100% - 90px);
	/* padding: 0 10px; */
	/* height: 100%; */
	/* padding-bottom: 59px; */
}.mp-wx .menu-box-right-box{
	width: calc(100% - 105px);
	/* box-shadow: 0 0 5px 0 rgba(184, 184, 184, 0.5); */
	border-radius: 5px;
	/* padding: 15px 0; */
	/* border-bottom: 0.5px solid #e5e5e5; */
}.mp-wx .head1{
	background-color: white;
}.mp-wx .menu-box-right-box:last-child{
	border: 0;
}.mp-wx .right-box-img{
	width: 90px;
	height: 90px;
	border-radius: 7.5px;
	margin-right: 7.5px;
	/* background-color: black; */
}.mp-wx .left-name{
	font-size: 14px;
	color: #333;
}.mp-wx .left-word-0{
	font-size: 12px;
	color: #a4a4a4;
}.mp-wx .left-button{
	width: 100%;
}.mp-wx .left-word-1{
	font-size: 16px;
	color: #F63536;
}.mp-wx .left-word-3{
	font-size: 10px;
	color: #a4a4a4;
	margin-left: 16px;
}.mp-wx .left-word-4{
	font-size: 15px;
	color: #8c8c8c;
	margin: 0 10px;
}.mp-wx .left-word-5{
	margin-top: 7.5px;
	font-size: 12px;
	color: #fc6262;
}.mp-wx .buycar{
	width: 100%;
	/* padding: 0 10px; */
	box-sizing: border-box;
}.mp-wx .buycar-box{
	height: 60px;
	position:absolute;
	bottom: 0;
	background: #fff;
	box-shadow: 0 0.5px 3.5px 0 rgba(195, 195, 195, 0.48);
	z-index: 1001;
}.mp-wx .carButton{
	/* width: 90px; */
	height: 37px;
	background: var(--sd-primary);
	border-radius: 19.5px;
	font-size: 13px;
	color: #fff;
	padding: 0 20px;
}.mp-wx .buycar-box-left{
	/* width: 24px;
	height: 24px; */
	position: relative;
	margin-right: 15px;
}.mp-wx .buycar-box-left-img{
	width: 48px;
	height: 34px;
}.mp-wx .buycar-box-left-word{
	width: 16px;
	height: 16px;
	background: rgba(252, 98, 98, 1);
	border-radius: 50%;
	font-size: 11px;
	color: #fff;
	position: absolute;
	right: -5.5px;
	top: -5px;
}.mp-wx .car-word-0{
	font-size: 14px;
	color: #2b2b2b;
}.mp-wx .car-word-1{
	font-size: 14px;
	color: #fc6262;
}.mp-wx .black-zz{
	position:absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 1);
	opacity: 0.5;
	z-index: 999;
}.mp-wx .morecoupon{
	width: 100%;
	padding: 0 10px;
	position:absolute;
	top: 0;
	z-index: 9999;
}.mp-wx .morecoupon-box{
	width: 100%;
	padding: 0 10px 10px 10px;
	background-color: white;
	border-radius: 5px;
	position: relative;
	top: 55px;
}.mp-wx .img-1{
	width: 49px;
	height: 49px;
	border-radius: 5px;
	position: absolute;
	right: 10px;
	top: -15px;
	background-color: #fff;
}.mp-wx .tc-word-0{
	font-size: 16px;
	color: #2b2b2b;
	width: 265px;
	margin-top: 15px;
}.mp-wx .tc-word-1{
	font-size: 12px;
	color: #2b2b2b;
	margin: 7.5px 0 30px 0;
}.mp-wx .tc-coupon-box{
	width: 100%;
}.mp-wx .scroll-view-1{
	white-space: nowrap;
}.mp-wx .view-x{
	margin-right: 5px;
}.mp-wx .view-x:last-child{
	margin-right: 0;
}.mp-wx .view-x-0{
	padding: 8.5px 0 8.5px 10px;
	background: rgba(255, 247, 244, 1);
	border: 0.5px solid rgba(255, 126, 84, 1);
	border-radius: 5px;
	color: var(--sd-primary);
}.mp-wx .tc-word-2{
	font-size: 10px;
}.mp-wx .tc-word-3{
	font-size: 18px;
	line-height: 19px;
}.mp-wx .tc-word-4{
	margin: 3.5px 0 2px 0;
}.mp-wx .view-x-rigth{
	padding: 0 10px;
	height: 33px;
	border-left: 0.5px dashed var(--sd-primary);
	writing-mode: vertical-lr;
	margin-right: 10px;
	font-size: 11px;
}.mp-wx .tc-reduce-box{
	width: 100%;
	margin: 15px 0 40px 0;
}.mp-wx .tc-word-5{
	font-size: 12px;
	color: #fff;
	background-color: #dc564a;
	padding: 4px;
	border-radius: 5px;
	margin-right: 5px;
}.mp-wx .tc-word-6{
	font-size: 12px;
	color: #a4a4a4;
}.mp-wx .tc-word-7{
	width: 100%;
	font-size: 16px;
	color: #2b2b2b;
	margin-bottom: 15px;
}.mp-wx .tc-word-8{
	font-size: 12px;
	color: #7f7f7f;
}.mp-wx .last-box{
	padding-top: 155px;
}.mp-wx .tc-img-0{
	width: 24px;
	height: 24px;
}.mp-wx .shop-details-box{
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 4px 15px 0 rgba(189, 189, 189, 0.26);
	border-radius: 5px;
	width: 100%;
	padding: 0 10px;
}.mp-wx .shop-details-content{
	width: 100%;
	padding: 15px 0;
	border-bottom: 0.5px solid #f5f5f5;
}.mp-wx ._new_lx_dowm{
	 width: 24px;
	 height: 24px;
}.mp-wx .shop-word-0:nth-child(1){
	font-size: 14px;
	color: #2b2b2b;
	margin-right: 10px;
	font-family:NSimSun ;
}.mp-wx .shop-word-1{
	font-size: 14px;
	color: #7f7f7f;
}.mp-wx .img-2{
	width: 21px;
	height: 21px;
	margin-left: 10px;
}.mp-wx .shop-details-content-0{
	width: 100%;
	padding-top: 5px ;
}.mp-wx .shop-details-img{
	width: 100%;
	padding: 15px 10px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 4px 15px 0 rgba(189, 189, 189, 0.26);
	border-radius: 5px;
	margin-top: 15px;
}.mp-wx .shop-details-img-top{
	padding-bottom: 10px;
	font-size: 14px;
	color: #2b2b2b;
	width: 100%;
}.mp-wx .shop-details-img-box{
	width: 115px;
	height: 85px;
	border-radius: 2.5px;
	background-color: black;
}.mp-wx .textDetails{
	font-size: 14px;
	color: #7f7f7f;
}.mp-wx .tem-img-view{
	width: 115px;
	font-size: 0;
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px;
}.mp-wx .tem-img{
	width: 115px;
	height: 115px;
	border-radius: 5px;
}.mp-wx .tem-img-view:nth-child(3n){
	margin-right: 0;
}.mp-wx .tem-reply{
	background: #f9f9f9;
	padding: 10px;
	border-radius: 5px;
	margin-top: 10px;
	font-size: 13px;
	line-height: 21px;
}.mp-wx .tem-reply-title{
	font-weight: bold;
	margin-bottom: 10px;
}.mp-wx /* 新加 1.0 */

.new_hk_coupon{
	border: 0.5px solid #FFB0B1;
	color: var(--sd-primary);
}.mp-wx .share_box{
	background: #f5f5f5;
	border-radius: 13.5px;
	padding: 6px 10px;
}.mp-wx .new_all_scroll_view{
	height: calc(100% - 50px);
}.mp-wx .page.device_iphone_x .new_all_scroll_view{
	height: calc(100% - 50px);
	padding-bottom: 32.5px;
	/* 是iphone_x的高度 */
}.mp-wx .page.show_navbar .new_all_scroll_view{
	height: calc(100% - 50px - 57.5px);
	/* 有底部导航非苹果X的高度 */
}.mp-wx .page.show_navbar.device_iphone_x .new_all_scroll_view{
	height: calc(100% - 50px - 90px);
	padding-bottom: 2.5px;
	/* 有底部导航苹果X的高度 */
}.mp-wx .menu-box{
	height: calc(100%);
  padding-bottom: 50px;
  background-color: #fff;

}.mp-wx .page.show_navbar .menu-box{
	height: calc(100% - 70px - 57.5px);
}.mp-wx .page.show_navbar.device_iphone_x .menu-box{
	height: calc(100% - 70px - 90px);
	padding-bottom: 90px;
}.mp-wx .buycar-goods{ 
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}.mp-wx .buycar-goodsback{ 
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}.mp-wx .buycar-goodsbox{ 
	max-height: 60vh;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    border-radius: 10px 10px 0 0;
    z-index: 999;
    overflow: hidden;
}.mp-wx .buycar-goodsbox-head{ 
	padding: 10px;
    text-align: center;
    background: rgba(255, 126, 84, 1);
    color: #fff;
    font-size: 12px;
}.mp-wx .buycar-goodsbox-title{ 
	font-weight: bold;
}.mp-wx .buycar-goodsbox-empty{ 
	position: absolute;
    top: 10px;
    right: 10px;
}.mp-wx .buycar-goodsbox-lists{ 
	padding-bottom: 55px;
}.mp-wx .buycar-goodsbox-lists .right-box-img{
	width: 70px;
    height: 70px;
    border-radius: 0;
    margin-right: 10px;
}.mp-wx .buycar-goodsbox-label{ 
	display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 3px 6px;
    background: #eee;
    border-radius: 2px;
    font-size: 11px;
    color: #000;
}.mp-wx .image1{
	width: 20px;
	height: 20px;
}.mp-wx .row-data_0{
	width: 22px;
	height: 22px;
	border-radius: 3px 0 0 3px;
	border-top: 0.5px solid rgba(238, 238, 238, 1);
	border-left: 0.5px solid rgba(238, 238, 238, 1);
	border-bottom: 0.5px solid rgba(238, 238, 238, 1);
  }.mp-wx .row-data_1{
	width: 22px;
	height: 22px;
	border-radius: 0 3px 3px 0;
	border-top: 0.5px solid rgba(238, 238, 238, 1);
	border-right: 0.5px solid rgba(238, 238, 238, 1);
	border-bottom: 0.5px solid rgba(238, 238, 238, 1);
  }.mp-wx .row-data{
	/* width: 36px; */
	height: 22px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(238, 238, 238, 1);
	line-height: 22px;
	width: 36px;
	text-align: center;
	font-size: 14px;
	color: #333333;
  }.mp-wx .cart-no-button{ 
	  background: #999;
  }.mp-wx /* ========== 店铺详情页 UI（跟随主题色） ========== */
page{
  --sd-primary: var(--app-primary, #2E86AB);
  --sd-primary-dark: var(--app-gradient-to, var(--app-secondary, #256E8B));
  --sd-primary-soft: var(--app-primary-light, rgba(46, 134, 171, 0.12));
  --sd-price: var(--app-primary, #f63536);
}.mp-wx .shop-details-page{
  min-height: 100%;
  background: #f5f7fa;
  box-sizing: border-box;
}.mp-wx .shop-details-inner{
  padding-bottom: calc(70px + env(safe-area-inset-bottom));
}.mp-wx .shop-details-sheet{
  background: #f5f6f8;
}.mp-wx .shop-header-wrap{
  padding-top: 15px;
  border-radius: 15px 15px 0 0;
}.mp-wx .shop-header-card{
  margin: 0 15px;
  padding: 12px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  border: 0.5px solid rgba(0, 0, 0, 0.04);
}.mp-wx .shop-header-main{
  flex: 1;
  min-width: 0;
}.mp-wx .shop-header-name{
  margin-bottom: 6px;
  font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.35;
}.mp-wx .shop-header-meta{
  margin-bottom: 5px;
  flex-wrap: wrap;
  align-items: center;
}.mp-wx .shop-header-rate-icon{
  font-size: 14px;
  color: var(--sd-primary);
}.mp-wx .shop-header-sub{
  font-size: 12px;
  color: #666;
}.mp-wx .shop-header-time{
  margin-bottom: 6px;
}.mp-wx .shop-time-text{
  margin-left: 0;
  font-size: 11px;
  color: #8b9199;
}.mp-wx .shop-notice-row{
  align-items: center;
}.mp-wx .shop-notice-icon{
  flex-shrink: 0;
  margin-right: 5px;
  font-size: 14px;
  color: #ff7a45;
}.mp-wx .shop-notice-scroll{
  flex: 1;
  width: auto;
  min-width: 0;
  height: 18px;
  overflow: hidden;
}.mp-wx .shop-notice-text{
  font-size: 13px;
  color: #333;
  line-height: 18px;
}.mp-wx .shop-header-logo-wrap{
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}.mp-wx .shop-header-logo{
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}.mp-wx /* 顶部优惠券横条 */
.shop-coupon-bar{
  align-items: center;
  margin: -5px 15px 0;
  padding: 8px 10px;
  background: #fff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  border-top: none;
  z-index: 1;
}.mp-wx .shop-coupon-bar__icon{
  font-size: 20px;
  color: #f7b500;
}.mp-wx .shop-coupon-bar__list{
  flex: 1;
  min-width: 0;
  overflow: hidden;
}.mp-wx .shop-coupon-scroll{
  padding: 3px 0;
  white-space: nowrap;
}.mp-wx .shop-coupon-chip{
  display: inline-block;
  padding: 4px 9px;
  margin-right: 6px;
  background: var(--sd-primary-soft);
  border-radius: 499.5px;
  border: 0.5px solid rgba(46, 134, 171, 0.35);
  vertical-align: middle;
}.mp-wx .shop-coupon-chip__inner{
  align-items: center;
}.mp-wx .shop-coupon-bar__more{
  flex-shrink: 0;
  margin-left: 5px;
  font-size: 14px;
  color: #999;
}.mp-wx /* Tab */
.shop-tab-bar.toggleButton{
  height: auto;
  min-height: 44px;
  margin-top: 10px;
  padding: 6px 10px;
  align-items: center;
  background: #fff;
  border-top: 0.5px solid #eee;
}.mp-wx .shop-tab-item.toggleButton-box{
  height: auto;
  min-height: 36px;
  padding: 6px 0;
}.mp-wx .shop-tab-text{
  font-size: 14px;
  color: #333;
}.mp-wx .shop-tab-line{
  width: 18px;
  height: 3px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  background: var(--sd-primary);
  border-radius: 1.5px;
}.mp-wx .shop-tab-line--short{
  width: 14px;
}.mp-wx .shop-collect-icon{
  font-size: 22px;
}.mp-wx .shop-collect-icon--active{
  color: var(--sd-primary);
}.mp-wx /* 点单区 */
.shop-panel-order{
  background: #f5f6f8;
}.mp-wx .shop-banner-swiper{
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
}.mp-wx .shop-banner-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.mp-wx .menu-layout.menu-box{
  margin-top: 10px;
  background: #f5f6f8;
  border-top: 0.5px solid #e8eaed;
}.mp-wx .shop-menu-left.menu-box-left{
  width: 100px;
  height: calc(100% - 200px);
  background: #f3f4f6;
  border-right: 0.5px solid #e8eaed;
}.mp-wx .shop-menu-left-scroll{
  height: 100%;
}.mp-wx .menu-cate-item{
  width: 100px;
  height: 50px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: #f3f4f6;
  border-left: 1px solid transparent;
}.mp-wx .menu-cate-item--active{
  background: #fff;
  border-left-color: var(--sd-primary);
}.mp-wx .menu-cate-text{
  padding: 0 6px;
  font-size: 12px;
  font-weight: 500;
  color: #333;
  text-align: center;
}.mp-wx .menu-cate-text--active{
  color: var(--sd-primary);
  font-weight: 600;
}.mp-wx .shop-menu-right.menu-box-right{
  flex: 1;
  height: calc(100% - 200px);
  background: #f5f6f8;
}.mp-wx .shop-menu-right-scroll{
  height: 100%;
  padding: 5px 0;
  box-sizing: border-box;
  background: #f5f6f8;
}.mp-wx .shop-goods-cate-title{
  margin-left: 10px;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 600;
  color: #1a1a1a;
  border-bottom: 0.5px solid #f0f1f3;
}.mp-wx .shop-goods-list-wrap{
  padding: 0 10px;
}.mp-wx .shop-order-empty-card{
  margin: 12px 12px 0;
  padding: 28px 12px;
  background: #fff;
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  border-radius: 9px;
  text-align: center;
  color: #8b9199;
}.mp-wx .shop-order-empty-title{
  font-size: 15px;
  font-weight: 600;
  color: #2a2f36;
}.mp-wx .shop-order-empty-sub{
  margin-top: 6px;
  font-size: 12px;
  color: #8b9199;
}.mp-wx .shop-order-empty-inline{
  margin: 20px 12px;
  padding: 12px 10px;
  border-radius: 6px;
  background: #f8fafc;
  font-size: 12px;
  color: #8b9199;
  text-align: center;
}.mp-wx .shop-goods-card.menu-box-right-box{
  margin: 6px 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 0.5px solid rgba(0, 0, 0, 0.04);
}.mp-wx .shop-goods-cover.right-box-img{
  border-radius: 6px;
  object-fit: cover;
}.mp-wx .shop-goods-info{
  min-height: 70px;
}.mp-wx .shop-goods-name{
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.mp-wx .shop-goods-sub{
  font-size: 11px;
  color: #888;
}.mp-wx .shop-goods-footer{
  align-items: center;
  margin-top: 6px;
}.mp-wx .shop-goods-price{
  font-size: 14px;
  font-weight: 700;
  color: var(--sd-price);
}.mp-wx .shop-goods-price-yen{
  font-size: 12px;
}.mp-wx .shop-goods-origin{
  font-size: 11px;
  color: #999;
  text-decoration: line-through;
}.mp-wx .shop-goods-add{
  margin-right: 4px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, var(--sd-primary) 0%, var(--sd-primary-dark) 100%);
  border-radius: 499.5px;
}.mp-wx /* 底部购物车 */
.shop-cart-bar.buycar{
  position:absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
  padding-bottom: env(safe-area-inset-bottom);
}.mp-wx .shop-cart-bar .buycar-box{
  position: relative;
  bottom: auto;
  left: auto;
  height: auto;
  min-height: 50px;
  padding: 8px 12px;
  background: #fff;
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.08);
  border-top: 0.5px solid #f0f1f3;
}.mp-wx .shop-cart-left{
  align-items: center;
  flex: 1;
  min-width: 0;
}.mp-wx .shop-cart-icon-wrap{
  position: relative;
  margin-right: 10px;
}.mp-wx .shop-cart-icon{
  padding: 7px 11px;
  font-size: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--sd-primary) 0%, var(--sd-primary-dark) 100%);
  border-radius: 499.5px;
}.mp-wx .shop-cart-badge.buycar-box-left-word{
  top: -3px;
  right: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  color: #fff;
  background: var(--sd-price);
  border-radius: 50%;
}.mp-wx .shop-cart-label{
  margin-right: 4px;
  font-size: 13px;
  color: #333;
}.mp-wx .shop-cart-total{
  font-size: 15px;
  font-weight: 700;
  color: var(--sd-price);
}.mp-wx .shop-cart-btn.carButton{
  flex-shrink: 0;
  min-height: 36px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  background: linear-gradient(135deg, var(--sd-primary) 0%, var(--sd-primary-dark) 100%);
  border-radius: 499.5px;
}.mp-wx .shop-cart-btn--disabled.cart-no-button{
  max-width: 52%;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1.35;
  color: #999;
  text-align: center;
  background: #f0f1f3;
}.mp-wx /* 购物车弹层 */
.shop-cart-popup.buycar-goodsbox{
  max-height: 50vh;
}.mp-wx .shop-cart-popup-head.buycar-goodsbox-head{
  position: relative;
  padding: 10px 12px;
  background: linear-gradient(135deg, var(--sd-primary) 0%, var(--sd-primary-dark) 100%);
  border-bottom: none;
}.mp-wx .shop-cart-popup-head .buycar-goodsbox-title{
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}.mp-wx .shop-cart-popup-head .buycar-goodsbox-empty{
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.95);
}.mp-wx .shop-cart-popup-scroll{
  max-height: calc(50vh - 44px);
}.mp-wx .shop-cart-line-img{
  width: 60px;
  height: 60px;
  border-radius: 6px;
  object-fit: cover;
}.mp-wx .shop-cart-attrs{
  display: flex;
  flex-wrap: wrap;
}.mp-wx .shop-cart-attr-tag{
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 2px 6px;
  font-size: 10px;
  color: #666;
  background: #f5f6f8;
  border-radius: 4px;
}.mp-wx .shop-cart-stepper{
  display: flex;
  align-items: center;
}.mp-wx .shop-step-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  border-radius: 4px;
}.mp-wx .shop-step-btn--plus{
  color: var(--sd-primary);
  border: 0.5px solid var(--sd-primary);
}.mp-wx .shop-step-num{
  min-width: 28px;
  padding: 0 4px;
  font-size: 12px;
  color: #333;
  text-align: center;
}.mp-wx .shop-step-limit{
  width: 24px;
  height: 24px;
}.mp-wx /* 评价 */
.shop-panel-eval.content-box{
  min-height: calc(100% - 150px);
  padding: 10px;
  background: #f5f6f8;
}.mp-wx .shop-eval-filter-card.title{
  margin-bottom: 10px;
  padding: 4px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}.mp-wx .shop-eval-tabs.evaluate-title{
  height: auto;
}.mp-wx .shop-eval-tab.evaluate-title-0{
  flex: 1;
  padding: 8px 0;
  font-size: 13px;
  text-align: center;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  color: #666;
}.mp-wx .shop-eval-tab.evaluate-title-0:nth-child(1), .mp-wx .shop-eval-tab.evaluate-title-0:nth-child(2), .mp-wx .shop-eval-tab.evaluate-title-0:nth-child(3){
  border-left: none;
  border-radius: 0;
}.mp-wx .shop-eval-tab--on.evaluate-title-0.active{
  border: none;
  border-bottom: 1px solid var(--sd-primary);
  background: transparent;
  color: var(--sd-primary);
}.mp-wx .shop-eval-card.evaluate-content{
  margin-bottom: 10px;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  border-bottom: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}.mp-wx .shop-eval-head{
  align-items: center;
  margin-bottom: 8px;
}.mp-wx .shop-eval-avatar.evaluate-img{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}.mp-wx .shop-eval-user-row{
  align-items: center;
  margin-bottom: 4px;
}.mp-wx .shop-eval-username{
  font-size: 12px;
  font-weight: 500;
  color: #333;
}.mp-wx .shop-eval-date{
  font-size: 11px;
  color: #999;
}.mp-wx .shop-eval-stars{
  width: 80px;
}.mp-wx .shop-eval-body.comment{
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 1.55;
  color: #333;
}.mp-wx .shop-eval-pics{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}.mp-wx .shop-eval-pic.tem-img-view{
  width: 70px;
  height: 70px;
  margin: 0;
  border-radius: 6px;
  overflow: hidden;
}.mp-wx .shop-eval-pic .tem-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.mp-wx .shop-eval-reply.tem-reply{
  margin-top: 6px;
}.mp-wx .shop-eval-empty{
  padding: 40px 10px;
  font-size: 13px;
  color: #999;
  text-align: center;
  background: #fff;
  border-radius: 8px;
}.mp-wx /* 优惠券弹窗 */
.shop-modal-mask.black-zz{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  opacity: 1;
}.mp-wx .shop-coupon-modal.morecoupon{
  top: auto;
  bottom: 0;
  left: 0;
  max-height: 80vh;
  padding: 0;
  overflow: visible;
  background: transparent;
}.mp-wx .shop-coupon-modal-inner.morecoupon-box{
  top: auto;
  padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
  background: #fff;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
}.mp-wx .shop-coupon-modal-card.view-x{
  display: inline-block;
  width: 250px;
  margin-right: 10px;
  padding: 12px;
  vertical-align: top;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), var(--sd-primary-soft));
  border-radius: 10px;
  border: 0.5px solid rgba(46, 134, 171, 0.2);
}.mp-wx .shop-coupon-modal-row.view-x-0{
  padding: 0;
  background: transparent;
  border: none;
}.mp-wx .shop-coupon-modal-yen{
  font-size: 12px;
  color: var(--sd-primary);
}.mp-wx .shop-coupon-modal-num{
  font-size: 24px;
  font-weight: 700;
  color: var(--sd-primary);
}.mp-wx .shop-coupon-modal-rule{
  margin: 5px 0;
  font-size: 11px;
  color: var(--sd-primary-dark);
}.mp-wx .shop-coupon-modal-expire{
  font-size: 10px;
  color: #888;
}.mp-wx .shop-coupon-modal-get.view-x-rigth{
  padding: 10px 8px;
  font-size: 12px;
  color: #fff;
  background: linear-gradient(135deg, var(--sd-primary) 0%, var(--sd-primary-dark) 100%);
  border-radius: 6px;
  border-left: none;
  writing-mode: horizontal-tb;
}.mp-wx .shop-coupon-modal-got.view-x-rigth{
  padding: 10px 8px;
  font-size: 12px;
  color: #999;
  background: #f0f1f3;
  border-radius: 6px;
  border-left: none;
  writing-mode: horizontal-tb;
}.mp-wx .shop-coupon-modal-close-wrap.last-box{
  padding-top: 12px;
  margin-top: 0;
}.mp-wx .shop-coupon-modal-close{
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto;
}.mp-wx /* 详情 */
.shop-panel-detail.content-box{
  min-height: calc(100% - 150px);
  padding: 10px;
  background: #f5f6f8;
}.mp-wx .shop-detail-card{
  margin-bottom: 10px;
  padding: 4px 12px 12px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}.mp-wx .shop-detail-row.shop-details-content{
  padding: 10px 0;
  border-bottom: 0.5px solid #f0f1f3;
}.mp-wx .shop-detail-row--last{
  border-bottom: none;
}.mp-wx .shop-detail-label.shop-word-0{
  flex-shrink: 0;
  width: 70px;
  margin-right: 0;
  font-size: 13px;
  color: #8b9199;
}.mp-wx .shop-detail-value.shop-word-1{
  flex: 1;
  font-size: 13px;
  color: #1a1a1a;
  text-align: right;
}.mp-wx .shop-detail-value--multiline{
  text-align: left;
  line-height: 1.45;
}.mp-wx .shop-detail-phone, .mp-wx .shop-detail-address{
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}.mp-wx .shop-detail-arrow.img-2{
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-left: 5px;
}.mp-wx .shop-detail-section-title{
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
}.mp-wx .shop-env-thumb{
  width: 110px;
  height: 110px;
  overflow: hidden;
  border-radius: 6px;
}.mp-wx .shop-env-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.mp-wx .shop-license-wrap{
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
}.mp-wx .shop-license-img{
  display: block;
  width: 100%;
  vertical-align: top;
}.mp-wx .shop-detail-summary.textDetails{
  font-size: 12px;
  line-height: 1.65;
  color: #5c6370;
  white-space: pre-line;
}.mp-wx /* ===== 商品规格弹窗（goods-modal） ===== */
.new-modal{
  position:absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10020;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
}.mp-wx .new-modal-content{
  width: 100%;
  max-height: 82vh;
  background: #fff;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  box-shadow: 0 -6px 16px rgba(0, 0, 0, 0.12);
  position: relative;
}.mp-wx .new-modal-close-btn{
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: 2;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #f2f4f7;
  color: #4b5563;
  font-size: 21px;
  line-height: 27px;
  text-align: center;
}.mp-wx .new-modal-header{
  padding: 13px 42px 9px 18px;
  font-size: 19px;
  font-weight: 600;
  color: #1f2937;
  text-align: center;
  border-bottom: 0.5px solid #eef1f5;
}.mp-wx .new-modal-body{
  padding: 10px 14px 0;
}.mp-wx .new-modal-scroll{
  max-height: 44vh;
}.mp-wx .font-minor{
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
}.mp-wx .attr-item{
  margin: 0 7px 7px 0;
  padding: 5px 12px;
  font-size: 13px;
  color: #4b5563;
  background: #f4f6f9;
  border: 0.5px solid #e8edf3;
  border-radius: 499.5px;
}.mp-wx .attr-item.active{
  color: #fff;
  background: linear-gradient(135deg, var(--sd-primary), var(--sd-primary-dark));
  border-color: transparent;
}.mp-wx .attr-item.attr_num_0{
  color: #b0b7c3;
  background: #f7f8fa;
  border-color: #eef1f5;
}.mp-wx .bit{
  margin-top: 6px;
  padding-top: 10px;
  border-top: 0.5px solid #eef1f5;
  font-size: 15px;
  color: #374151;
}.mp-wx .number-input-box{
  border-radius: 5px;
  overflow: hidden;
}.mp-wx .number-btn{
  width: 30px;
  height: 30px;
  background: #f2f4f7;
  color: #334155;
  font-size: 17px;
}.mp-wx .number-btn.disabled{
  color: #c4c9d2;
}.mp-wx .number-input{
  width: 44px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  background: #fff;
  color: #1f2937;
  border-top: 0.5px solid #e5eaf1;
  border-bottom: 0.5px solid #e5eaf1;
}.mp-wx .new-modal-footer{
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  border-top: 0.5px solid #eef1f5;
  align-items: center;
  background: #fff;
}.mp-wx .goods-modal-btn{
  min-width: 110px;
  height: 36px;
  padding: 0 14px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 499.5px;
  background: linear-gradient(135deg, var(--sd-primary), var(--sd-primary-dark));
}.mp-wx /* ========== 二次微调：视觉层级与留白 ========== */
.shop-details-inner{
  max-width: 450px;
  margin: 0 auto;
}.mp-wx .shop-header-wrap{
  padding-top: 12px;
  background: linear-gradient(180deg, rgba(46, 134, 171, 0.07) 0%, rgba(46, 134, 171, 0) 100%);
}.mp-wx .shop-header-card{
  border-radius: 11px;
}.mp-wx .shop-notice-row{
  margin-top: 4px;
  padding: 5px 7px;
  background: #f8fafc;
  border-radius: 6px;
}.mp-wx .shop-coupon-bar{
  margin-top: 0;
  border-radius: 9px;
}.mp-wx .shop-coupon-chip{
  padding: 4px 8px;
}.mp-wx .shop-tab-bar.toggleButton{
  position: sticky;
  top: 0;
  z-index: 20;
  padding-left: 14px;
  padding-right: 14px;
}.mp-wx .shop-menu-left.menu-box-left{
  background: #f6f7f9;
}.mp-wx .menu-cate-item{
  padding: 0 6px;
}.mp-wx .menu-cate-item--active{
  box-shadow: inset 0 0 0 0.5px rgba(46, 134, 171, 0.08);
}.mp-wx .shop-goods-card.menu-box-right-box{
  margin: 7px 0;
  padding-top: 9px;
  padding-bottom: 9px;
}.mp-wx .shop-goods-name{
  letter-spacing: 0.1px;
}.mp-wx .shop-goods-add{
  min-width: 27px;
  text-align: center;
  box-shadow: 0 3px 7px rgba(46, 134, 171, 0.25);
}.mp-wx .shop-cart-btn.carButton{
  letter-spacing: 0.25px;
}.mp-wx .shop-eval-card.evaluate-content{
  border: 0.5px solid rgba(0, 0, 0, 0.04);
}.mp-wx .shop-detail-card{
  border: 0.5px solid rgba(0, 0, 0, 0.04);
}


/* ---- activity/activityList/activityList.wxss ---- */

.mp-wx{
  background-color: #f0f2f5;
}.mp-wx /* ========== 页面骨架 ========== */
.al-page{
  min-height: 100%;
  background: linear-gradient(
    180deg,
    var(--app-primary-light) 0%,
    rgba(255, 255, 255, 0) 140px
  ),
    #f0f2f5;
}.mp-wx .al-body{
  padding-bottom: 20px;
}.mp-wx /* ========== 顶部：城市 + 搜索 ========== */
.al-topbar{
  display: flex;
  align-items: center;
  padding: 4px 12px 10px;
  box-sizing: border-box;
  gap: 8px;
}.mp-wx .al-topbar__city{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 9px 11px;
  background: #fff;
  border-radius: 499.5px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border: 0.5px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}.mp-wx .al-topbar__city-icon{
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.5;
  margin-right: 3px;
}.mp-wx .al-topbar__city-name{
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.mp-wx .al-topbar__city-arrow{
  font-size: 9px;
  color: #9ca3af;
  margin-left: 3px;
}.mp-wx .al-topbar__search{
  flex: 1;
  min-width: 0;
}.mp-wx /* ========== 搜索 ========== */
.al-search{
  display: flex;
  align-items: center;
  padding: 3px 4px 3px 11px;
  background: #fff;
  border-radius: 499.5px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border: 0.5px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}.mp-wx .al-search-ico{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  opacity: 0.45;
}.mp-wx .al-search-input{
  flex: 1;
  min-height: 36px;
  padding: 0 8px;
  font-size: 14px;
  color: #1a1a1a;
}.mp-wx .al-placeholder{
  color: #9ca3af;
  font-size: 14px;
}.mp-wx .al-search-btn{
  flex-shrink: 0;
  padding: 8px 14px;
  margin: 2px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(
    135deg,
    var(--app-gradient-from),
    var(--app-gradient-to)
  );
  border-radius: 499.5px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}.mp-wx .al-search-btn:active{
  opacity: 0.9;
}.mp-wx /* ========== 通用白卡片容器 ========== */
.al-panel{
  margin: 0 12px 10px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  overflow: hidden;
}.mp-wx .al-panel--cats{
  padding: 14px 4px 12px;
}.mp-wx .al-panel--sort{
  padding: 8px 0;
}.mp-wx /* ========== 分类：5 列，圆角方图标 ========== */
.classify-grid{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 12px 10px;
  padding: 0 8px;
  box-sizing: border-box;
}.mp-wx .classify-item{
  flex: 0 0 calc((100% - 40px) / 5);
  width: calc((100% - 40px) / 5);
  max-width: calc((100% - 40px) / 5);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}.mp-wx .classify-icon-box{
  width: 44px;
  height: 44px;
  border-radius: 13px;
  border: 1px solid #eceff3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
  box-sizing: border-box;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}.mp-wx .classify-icon-box--active{
  border-color: var(--app-primary);
  background: var(--app-primary-light);
  box-shadow: 0 4px 11px rgba(0, 0, 0, 0.1);
  transform: scale(1.04);
}.mp-wx .classify-icon-img{
  width: 26px;
  height: 26px;
}.mp-wx .classify-icon-letter{
  font-size: 16px;
  font-weight: 700;
  color: #c5cad3;
  line-height: 1;
}.mp-wx .classify-icon-box--active .classify-icon-letter{
  color: var(--app-primary);
}.mp-wx .classify-name{
  font-size: 11px;
  color: #6b7280;
  font-weight: 500;
  text-align: center;
  line-height: 1.25;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}.mp-wx .classify-name--active{
  color: var(--app-primary);
  font-weight: 600;
}.mp-wx /* ========== 排序：横向滚动胶囊 ========== */
.al-sort-scroll{
  width: 100%;
  white-space: nowrap;
}.mp-wx .al-sort-inner{
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
  gap: 8px;
  box-sizing: border-box;
}.mp-wx .al-sort-chip{
  flex-shrink: 0;
  padding: 7px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #6b7280;
  background: #f3f4f6;
  border-radius: 499.5px;
  border: 0.5px solid #e5e7eb;
  transition: all 0.2s ease;
}.mp-wx .al-sort-chip--on{
  color: var(--app-primary);
  background: var(--app-primary-light);
  border: 0.5px solid var(--app-primary);
  font-weight: 600;
}.mp-wx .al-sort-chip:active{
  opacity: 0.85;
}.mp-wx /* ========== 活动列表：两列网格 ========== */
.al-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 12px 16px;
  box-sizing: border-box;
}.mp-wx .al-card{
  width: calc((100% - 8px) / 2);
  margin-bottom: 10px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  border: 0.5px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}.mp-wx .al-card--pressed{
  opacity: 0.97;
}.mp-wx .al-card-cover{
  position: relative;
  width: 100%;
  height: 150px;
  background: #e8eaed;
}.mp-wx .al-card-img{
  width: 100%;
  height: 100%;
  display: block;
}.mp-wx .al-card-price-float{
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: flex;
  align-items: baseline;
  padding: 3px 7px;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 499.5px;
}.mp-wx .al-card-price-num{
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.5px;
}.mp-wx .al-card-price-unit{
  font-size: 10px;
  color: rgba(255, 255, 255, 0.88);
  margin-left: 1px;
  font-weight: 500;
}.mp-wx .al-card-body{
  padding: 9px 9px 8px;
}.mp-wx .al-card-title{
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  line-height: 1.4;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.mp-wx .al-card-meta{
  margin-bottom: 6px;
}.mp-wx .al-card-loc{
  font-size: 11px;
  color: #9ca3af;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.mp-wx .al-card-foot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 6px;
  border-top: 0.5px solid #f3f4f6;
}.mp-wx .al-card-stat{
  font-size: 10px;
  color: #6b7280;
  flex: 1;
  min-width: 0;
}.mp-wx .al-card-stat-i{
  color: #4b5563;
}.mp-wx .al-card-stat-dot{
  margin: 0 4px;
  color: #d1d5db;
}.mp-wx .al-card-cta{
  flex-shrink: 0;
  margin-left: 6px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 600;
  color: var(--app-primary);
  background: var(--app-primary-light);
  border-radius: 499.5px;
}.mp-wx /* 兼容 template 里可能用到的旧类名（若其它文件引用） */
.placeholder-style{
  color: #9ca3af;
  font-size: 14px;
}.mp-wx .activity-card-price{
  font-size: 12px;
  font-weight: 600;
  color: var(--app-primary);
}


/* ---- newTravel/hotel/Hotel/Hotel.wxss ---- */

.mp-wx /* 主色调：红色 #FF4D4F */
.hotel-list-page{
  background-color: #f9f9f9;
  min-height: 100%;
  font-size: 14px;
  color: #333;
}.mp-wx /* 搜索栏 */
.search-container{
  padding: 10px;
  background-color: #fff;
}.mp-wx .search-bar{
  background-color: #f5f5f5;
  border-radius: 30px;
  padding: 7.5px 12.5px;
}.mp-wx .search-icon{
  color: #999;
  font-size: 16px;
  margin-right: 7.5px;
}.mp-wx .search-input{
  flex: 1;
  height: 30px;
  font-size: 14px;
}.mp-wx .search-placeholder{
  color: #999;
}.mp-wx .search-cancel{
  margin-left: 7.5px;
}.mp-wx .cancel-text{
  color: #666;
  font-size: 14px;
}.mp-wx /* 搜索历史 */
.search-history{
  padding: 10px 5px;
}.mp-wx .history-title{
  color: #999;
  font-size: 13px;
  margin-bottom: 7.5px;
  display: block;
}.mp-wx .history-tags{
  gap: 7.5px;
}.mp-wx .history-tag{
  background-color: #f5f5f5;
  color: #666;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 13px;
}.mp-wx /* 筛选栏 */
.filter-bar{
  background-color: #fff;
  padding: 7.5px 0;
  border-top: 0.5px solid #eee;
  border-bottom: 0.5px solid #eee;
  overflow-x: auto;
  white-space: nowrap;
}.mp-wx .filter-item{
  padding: 0 10px;
  height: 30px;
  position: relative;
}.mp-wx .filter-text{
  color: #333;
  font-size: 14px;
}.mp-wx .filter-arrow{
  color: #999;
  font-size: 12px;
  margin-left: 2.5px;
}.mp-wx .filter-icon{
  margin-right: 2.5px;
  color: #333;
  font-size: 14px;
}.mp-wx /* 筛选结果提示 */
.filter-result{
  padding: 7.5px 10px;
  background-color: #fff;
  justify-content: space-between;
}.mp-wx .result-text{
  color: #666;
  font-size: 13px;
}.mp-wx .reset-filter{
  color: #FF4D4F;
}.mp-wx .reset-text{
  font-size: 13px;
  padding: 2.5px 7.5px;
}.mp-wx /* 酒店列表 */
.hotel-list{
  padding: 0 10px 60px 10px;
}.mp-wx .hotel-card{
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  margin-top: 10px;
  display: flex;
  position: relative;
}.mp-wx .hotel-img{
  width: 120px;
  height: 90px;
  border-radius: 6px;
  object-fit: cover;
}.mp-wx .hotel-info{
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}.mp-wx .hotel-header{
  align-items: flex-start;
}.mp-wx .hotel-name{
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 1.3;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.mp-wx .hotel-star{
  color: #999;
}.mp-wx .star-active{
  color: #FFB800;
}.mp-wx .star-inactive{
  color: #EEEEEE;
}.mp-wx .hotel-address{
  color: #666;
  font-size: 13px;
  margin: 5px 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.mp-wx .hotel-meta{
  margin-bottom: 5px;
}.mp-wx .hotel-distance{
  color: #999;
  font-size: 12px;
}.mp-wx .hotel-tags{
  justify-content: flex-end;
  gap: 5px;
}.mp-wx .tag-item{
  background-color: #fff0f0;
  color: #FF4D4F;
  font-size: 11px;
  padding: 1.5px 6px;
  border-radius: 2px;
}.mp-wx .hotel-footer{
  margin-top: auto;
}.mp-wx .hotel-rating{
  align-items: center;
}.mp-wx .rating-score{
  color: #FF9500;
  font-size: 14px;
  font-weight: bold;
  margin-right: 2.5px;
}.mp-wx .rating-count{
  color: #999;
  font-size: 12px;
}.mp-wx .hotel-price{
  align-items: flex-end;
  align-items: flex-end;
}.mp-wx .price-main{
  align-items: baseline;
}.mp-wx .price-sign{
  color: #FF4D4F;
  font-size: 12px;
}.mp-wx .price-value{
  color: #FF4D4F;
  font-size: 17px;
  font-weight: bold;
}.mp-wx .price-unit{
  color: #666;
  font-size: 12px;
  margin-left: 2.5px;
}.mp-wx .price-original{
  color: #999;
  font-size: 11px;
  text-decoration: line-through;
  align-self: flex-end;
}.mp-wx /* 促销标签 */
.promotion-tag{
  background-color: #FF4D4F;
  color: #fff;
  font-size: 11px;
  padding: 2.5px 7.5px;
  border-radius: 0 0 6px 6px;
  margin: 0 10px -0.5px 10px;
  position: relative;
  z-index: 1;
}.mp-wx /* 空状态 */
.empty-state{
  padding: 75px 10px;
}.mp-wx .empty-img{
  width: 110px;
  height: 110px;
  margin-bottom: 20px;
  opacity: 0.5;
}.mp-wx .empty-text{
  color: #999;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}.mp-wx .reset-btn{
  background-color: #FF4D4F;
  color: #fff;
  border-radius: 30px;
  padding: 7.5px 30px;
  font-size: 14px;
}.mp-wx /* 弹窗样式 */
.modal-mask{
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}.mp-wx .filter-modal{
  position:absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  z-index: 1000;
}.mp-wx .filter-modal-large{
  max-height: 80vh;
}.mp-wx .modal-header{
  padding: 10px 15px;
  border-bottom: 0.5px solid #eee;
}.mp-wx .modal-title{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}.mp-wx .modal-close{
  color: #999;
  font-size: 16px;
}.mp-wx .modal-content{
  max-height: 50vh;
}.mp-wx .modal-items{
  padding: 5px 0;
}.mp-wx .modal-item{
  padding: 12.5px 15px;
  font-size: 14px;
  color: #333;
  border-bottom: 0.5px solid #f5f5f5;
}.mp-wx .modal-item.active{
  color: #FF4D4F;
  background-color: #fff0f0;
}.mp-wx /* 设施筛选样式 */
.filter-group{
  padding: 10px 15px;
}.mp-wx .filter-group-title{
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  display: block;
}.mp-wx .facility-list{
  gap: 7.5px 10px;
}.mp-wx .facility-item{
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 7.5px 10px;
  margin-bottom: 5px;
  font-size: 13px;
  color: #666;
  flex-wrap: nowrap;
  width: calc(50% - 5px);
  box-sizing: border-box;
}.mp-wx .facility-item.active{
  background-color: #fff0f0;
  color: #FF4D4F;
  border: 0.5px solid #FF4D4F;
}.mp-wx .facility-checkbox{
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #ccc;
  margin-right: 7.5px;
  position: relative;
}.mp-wx .facility-checkbox.checked{
  background-color: #FF4D4F;
  border-color: #FF4D4F;
}.mp-wx .facility-checkbox.checked::after{
  content: "";
  position: absolute;
  top: 1.5px;
  left: 4px;
  width: 5px;
  height: 10px;
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}.mp-wx .facility-name{
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.mp-wx /* 弹窗底部按钮 */
.modal-footer{
  padding: 10px 15px;
  border-top: 0.5px solid #eee;
}.mp-wx .footer-btn{
  flex: 1;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  font-size: 15px;
  margin: 0 5px;
}.mp-wx .cancel-btn{
  background-color: #f5f5f5;
  color: #666;
}.mp-wx .confirm-btn{
  background-color: #FF4D4F;
  color: #fff;
}.mp-wx /* 工具类 */
.display-row{
  display: flex;
  flex-direction: row;
}.mp-wx .display-column{
  display: flex;
  flex-direction: column;
}.mp-wx .display-rowwrap{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}.mp-wx .justify-between{
  justify-content: space-between;
}.mp-wx .align-center{
  align-items: center;
}.mp-wx .align-baseline{
  align-items: baseline;
}.mp-wx .align-end{
  align-items: flex-end;
}.mp-wx .flex-fill{
  flex: 1;
}

/* ---- tongcheng/help/index/index.wxss ---- */

.mp-wx .hp-page{ min-height: 100%; background: var(--app-primary-light, #fff5f5); padding-bottom: 20px; }.mp-wx .hp-top{ padding: 12px 14px 4px; background: linear-gradient(180deg, var(--app-primary, #ff4544) 0%, var(--app-gradient-from, #ff6b6b) 55%, var(--app-primary-light, #fff5f5) 100%); }.mp-wx .hp-search{ display: flex; background: #fff; border-radius: 499.5px; overflow: hidden; }.mp-wx .hp-search__input{ flex: 1; height: 36px; padding: 0 14px; font-size: 14px; }.mp-wx .hp-search__btn{ width: 70px; line-height: 36px; text-align: center; color: var(--app-primary, #ff4544); font-weight: 600; }.mp-wx .hp-actions{ display: flex; gap: 8px; margin: 10px 0 6px; }.mp-wx .hp-actions__btn{ flex: 1; height: 36px; line-height: 36px; text-align: center; background: #fff; color: var(--app-primary, #ff4544); border-radius: 8px; font-weight: 600; }.mp-wx .hp-actions__btn--ghost{ background: rgba(255,255,255,.28); color: #fff; }.mp-wx .hp-list{ padding: 4px 12px; }.mp-wx .hp-card{ display: flex; background: #fff; border-radius: 10px; overflow: hidden; margin-bottom: 10px; box-shadow: 0 4px 12px rgba(0,0,0,.06); }.mp-wx .hp-card__cover{ width: 100px; height: 100px; flex-shrink: 0; background: #f3f4f6; }.mp-wx .hp-card__body{ flex: 1; padding: 8px 10px; min-width: 0; }.mp-wx .hp-card__title{ font-size: 15px; font-weight: 700; color: #1f2937; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.mp-wx .hp-card__sum{ margin-top: 4px; font-size: 12px; color: #6b7280; height: 32px; overflow: hidden; }.mp-wx .hp-bar{ height: 5px; background: var(--app-primary-light, #fff5f5); border-radius: 499.5px; margin: 7px 0 5px; overflow: hidden; }.mp-wx .hp-bar__in{ height: 100%; background: linear-gradient(90deg, var(--app-gradient-from, #ff6b6b), var(--app-gradient-to, #ff4544)); }.mp-wx .hp-card__meta{ display: flex; justify-content: space-between; font-size: 11px; color: var(--app-secondary, #e53935); }.mp-wx .hp-empty{ text-align: center; color: #9ca3af; padding: 40px 0; font-size: 14px; }


/* ---- tongcheng/post/index/index.wxss ---- */

.mp-wx /* ====== 基础 ====== */
.tc-page{ min-height: 100%; background: #f5f6f8; }.mp-wx .tc-main{ padding-bottom: 90px; }.mp-wx /* ====== 顶栏 ====== */
.tc-topbar{
  display: flex; align-items: center; gap: 8px;
  padding: 8px 12px 6px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 1px 8px rgba(0,0,0,.04);
}.mp-wx .tc-topbar__city{
  display: flex; align-items: center; flex-shrink: 0; max-width: 90px; padding: 3px 0;
}.mp-wx .tc-topbar__city-icon{ width: 14px; height: 14px; margin-right: 2px; }.mp-wx .tc-topbar__city-name{ font-size: 14px; font-weight: 600; color: #1d2129; max-width: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.mp-wx .tc-topbar__city-arrow{ width: 9px; height: 9px; margin-left: 1px; opacity: .4; }.mp-wx .tc-topbar__search{ flex: 1; min-width: 0; }.mp-wx .tc-topbar__search-box{
  display: flex; align-items: center; height: 30px; padding: 0 9px;
  background: #f2f3f5; border-radius: 15px; border: 0.5px solid #e8e9eb;
}.mp-wx .tc-topbar__search-icon{ width: 14px; height: 14px; margin-right: 5px; opacity: .45; }.mp-wx .tc-topbar__search-hint{ font-size: 12px; color: #909399; }.mp-wx /* ====== 分类横滚 ====== */
.tc-cats{ margin-top: 2px; padding: 6px 0 4px; background: #fff; }.mp-wx .tc-cats__scroll{ width: 100%; white-space: nowrap; }.mp-wx .tc-cats__row{ display: inline-flex; padding: 0 10px; gap: 8px; align-items: center; }.mp-wx .tc-cats__chip{
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  height: 30px; padding: 0 12px; font-size: 13px; color: #4e5969;
  background: #f5f6f8; border-radius: 15px; border: 0.5px solid #e8e9eb;
  transition: all .2s;
}.mp-wx .tc-cats__chip--on{
  color: #fff; font-weight: 600;
  background: linear-gradient(135deg, #2b6cff, #1d5ce8);
  border-color: transparent;
  box-shadow: 0 2px 6px rgba(29,92,232,.3);
}.mp-wx /* ====== 排序条 ====== */
.tc-sortbar{ padding: 6px 12px; background: #fff; margin-top: 1px; }.mp-wx .tc-sortbar__row{ display: flex; gap: 4px; }.mp-wx .tc-sortbar__item{
  padding: 5px 14px; font-size: 13px; color: #606266; background: #f2f3f5;
  border-radius: 10px; transition: all .2s;
}.mp-wx .tc-sortbar__item--on{
  color: #2b6cff; font-weight: 600; background: #ecf2ff;
}.mp-wx /* ====== 帖子列表 ====== */
.tc-postlist{ margin-top: 6px; padding: 0 10px; }.mp-wx /* ====== 状态 ====== */
.tc-status{ text-align: center; padding: 16px 0; font-size: 12px; color: #909399; }.mp-wx .tc-empty{
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 60px 0;
}.mp-wx .tc-empty__img{ width: 120px; height: 120px; opacity: .6; }.mp-wx .tc-empty__text{ margin-top: 12px; font-size: 14px; color: #909399; }.mp-wx /* ====== 发帖 FAB ====== */
.tc-fab-wrap{
  position:absolute;
  right: 18px;
  bottom: calc(20px + constant(safe-area-inset-bottom));
  bottom: calc(20px + env(safe-area-inset-bottom));
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}.mp-wx .tc-fab-sh{
  padding: 0 14px;
  height: 36px;
  line-height: 36px;
  border-radius: 499.5px;
  background: #fff;
  color: #2b6cff;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
}.mp-wx .tc-fab{
  position: static;
  width: 50px; height: 50px; border-radius: 50%;
  background: linear-gradient(145deg, #2b6cff, #1d5ce8);
  box-shadow: 0 5px 13px rgba(29,92,232,.4);
  display: flex; align-items: center; justify-content: center;
}.mp-wx .tc-fab__icon{ font-size: 24px; color: #fff; line-height: 1; font-weight: 300; margin-top: -1px; }.mp-wx /* ====== 安全区 ====== */
.tc-safe{ height: calc(20px + constant(safe-area-inset-bottom)); height: calc(20px + env(safe-area-inset-bottom)); }


/* ---- tongcheng/post/template/postli/postli.wxss ---- */

.mp-wx /* 帖子列表卡片 */

.postli-container{box-sizing:border-box;padding:10px;background:#f2f4f7;min-height:100px;}.mp-wx .postli-container--fill{min-height:100%;}.mp-wx .postli__empty{text-align:center;padding:80px 16px;color:#b0b5be;font-size:14px;}.mp-wx /* 卡片 */
.postlist__item{background:#fff;border-radius:10px;padding:14px 12px 10px;margin-bottom:12px;box-shadow:0 1px 10px rgba(0,0,0,.04);position:relative;overflow:hidden;}.mp-wx .postlist__item:last-child{margin-bottom:0;}.mp-wx .postlist__item:active{transform:scale(.995);transition:transform .15s;}.mp-wx /* 头部 */
.postlist__header{display:flex;align-items:flex-start;margin-bottom:7px;}.mp-wx .postlist__avatar-wrap{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid #f0f0f0;}.mp-wx .postlist__avatar{width:100%;height:100%;display:block;}.mp-wx .postlist__header-info{flex:1;min-width:0;margin-left:8px;padding-top:1px;}.mp-wx /* 用户信息 */
.postlist__user-info{display:flex;flex-wrap:wrap;align-items:center;gap:4px 5px;}.mp-wx .postlist__nickname{font-size:14px;font-weight:600;color:#1a1a2e;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.mp-wx .postlist__category-tag{font-size:10.5px;color:#fff;padding:1.5px 7px;background:linear-gradient(135deg,#3b7fff,#2563eb);border-radius:10px;font-weight:500;letter-spacing:.2.5px;}.mp-wx /* 状态标签 */
.postlist__tag{font-size:10px;padding:1.5px 5px;border-radius:3px;font-weight:500;}.mp-wx .postlist__tag--top{background:#fff2e5;color:#e86a22;}.mp-wx .postlist__tag--pending{background:#f0f1f3;color:#6b7280;}.mp-wx .postlist__tag--pay{background:#fef0f0;color:#e5484d;}.mp-wx /* 操作按钮 */
.postlist__action-group{display:flex;align-items:center;gap:6px;margin-top:2px;}.mp-wx .postlist__icon{width:22px;height:22px;display:block;}.mp-wx .postlist__phone-btn{width:28px;height:28px;border-radius:50%;background:#3b7fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;box-shadow:0 2px 7px rgba(59,127,255,.25);}.mp-wx .postlist__phone-btn:active{opacity:.85;transform:scale(.93);}.mp-wx .postlist__pay-btn:active, .mp-wx .postlist__save:active{opacity:.85;}.mp-wx /* 标签行 */
.postlist__labels{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 5px 50px;}.mp-wx .postlist__label-item{padding:2px 7px;font-size:10.5px;color:#3b7fff;background:#f0f4ff;border-radius:10px;}.mp-wx /* 正文 */
.postlist__content{margin-left:50px;display:flex;flex-direction:column;gap:5px;}.mp-wx .postlist__title{font-size:15px;font-weight:700;color:#2563eb;line-height:1.4;word-break:break-all;}.mp-wx .postlist__body-text{font-size:14.5px;line-height:1.7;color:#2d3142;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}.mp-wx .postlist__read-more{margin-top:2px;}.mp-wx .postlist__read-more-text{font-size:12px;color:#3b7fff;padding:3px 0;}.mp-wx .postlist__read-more-text:active, .mp-wx .postlist__nickname:active, .mp-wx .postlist__category-tag:active{opacity:.8;}.mp-wx /* 图片 */
.postlist__media{width:100%;border-radius:7px;overflow:hidden;margin:3px 0;}.mp-wx .postlist__img-wrap--single{max-width:65%;border-radius:7px;overflow:hidden;}.mp-wx .postlist__img-wrap--double{display:grid;grid-template-columns:1fr 1fr;gap:3px;}.mp-wx .postlist__img-wrap--multiple{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}.mp-wx .postlist__img{display:block;width:100%;height:105px;border-radius:4px;object-fit:cover;}.mp-wx .postlist__img-wrap--single .postlist__img{height:170px;border-radius:7px;}.mp-wx /* 视频 */
.postlist__media--video{position:relative;height:190px;border-radius:7px;background:#0a0a0a;}.mp-wx .postlist__video{width:100%;height:100%;border-radius:7px;display:block;}.mp-wx .postlist__video-cover{position:absolute;inset:0;z-index:2;border-radius:7px;overflow:hidden;}.mp-wx .postlist__video-cover-img{width:100%;height:100%;display:block;}.mp-wx .postlist__video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px;opacity:.9;z-index:3;}.mp-wx /* 位置条 */
.postlist__info{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:4px 0 1px;padding:5px 7px;background:#f8f9fb;border-radius:5px;}.mp-wx .postlist__info-left{flex:1;min-width:0;display:flex;align-items:center;gap:6px;}.mp-wx .postlist__delete-btn{font-size:12px;color:#e5484d;padding:1px 0;}.mp-wx .postlist__address{display:flex;flex:1;min-width:0;align-items:center;gap:3px;padding:4px 6px;background:#fff;border-radius:4px;font-size:11.5px;color:#5f6b7a;border:0.5px solid #eee;}.mp-wx .postlist__address-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.mp-wx .postlist__address-icon{width:12px;height:12px;flex-shrink:0;opacity:.7;}.mp-wx .postlist__arrow-icon{width:6px;height:6px;flex-shrink:0;opacity:.5;}.mp-wx .postlist__pay-btn{padding:3px 9px;font-size:12px;color:#fff;background:#e5484d;border-radius:4px;font-weight:500;}.mp-wx /* 底栏 */
.postlist__footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;margin-top:3px;border-top:0.5px solid #f3f4f6;}.mp-wx .postlist__stats{display:flex;align-items:center;gap:10px;font-size:11px;color:#9ca3af;}.mp-wx .postlist__interact{display:flex;align-items:center;gap:14px;flex-shrink:0;}.mp-wx .postlist__comment, .mp-wx .postlist__like, .mp-wx .postlist__save{display:flex;align-items:center;gap:2.5px;font-size:11.5px;color:#9ca3af;min-height:20px;}.mp-wx .postlist__like--active{color:#e5484d!important;}.mp-wx .postlist__like-count--active{color:#e5484d!important;}.mp-wx .postlist__save-text{font-size:11.5px;}


/* ---- newTravel/scenic/goods/goods.wxss ---- */

.mp-wx .page-pad{ padding: 12px; }.mp-wx .filter-bar{ display: flex; align-items: center; gap: 8px; margin-bottom: 8px; padding: 8px 10px !important; }.mp-wx .search-mini{ flex: 1; font-size: 13px; }.mp-wx .row{ display: flex; padding: 10px !important; margin-bottom: 8px; }.mp-wx .cover{ width: 100px; height: 75px; border-radius: 6px; background: #f0f0f0; flex-shrink: 0; }.mp-wx .meta{ flex: 1; margin-left: 10px; }.mp-wx .name-row{ display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }.mp-wx .name{ font-size: 14px; font-weight: 600; color: #222; }.mp-wx .sub{ font-size: 12px; color: #888; margin-top: 4px; }.mp-wx .foot{ margin-top: 6px; display: flex; justify-content: space-between; align-items: center; }.mp-wx .price{ font-size: 15px; font-weight: 700; }.mp-wx .scenic{ font-size: 11px; color: #999; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.mp-wx .load-more{ text-align: center; padding: 12px; }


/* ---- new_page/errands/errand-category/errand-category.wxss ---- */

.mp-wx /* 页面基础样式 */
.errand-category-page{
  background-color: #faf7f2;
  min-height: 100%;
}.mp-wx /* 头部搜索区 */
.header-container{
  padding: 10px 12px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 0;
  z-index: 10;
}.mp-wx .search-box{
  display: flex;
  align-items: center;
  background-color: #f8f4ee;
  border-radius: 30px;
  padding: 8px 12px;
}.mp-wx .search-icon{
  color: #b0a596;
  font-size: 15px;
  margin-right: 6px;
}.mp-wx .search-input{
  flex: 1;
  font-size: 14px;
  color: #5D5347;
  background-color: transparent;
  padding: 0;
  height: auto;
}.mp-wx .search-input::placeholder{
  color: #b0a596;
}.mp-wx /* 服务分类列表 */
.category-list{
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}.mp-wx /* 服务卡片 */
.service-card{
  background-color: #fff;
  border-radius: 9px;
  padding: 12px;
  display: flex;
  align-items: center;
  box-shadow: 0 1.5px 6px rgba(0, 0, 0, 0.03);
  transition: all 0.2s ease;
}.mp-wx .service-card:active{
  transform: scale(0.99);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
}.mp-wx /* 卡片图片 */
.card-image-container{
  width: 50px;
  height: 50px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #FFF0E0;
  flex-shrink: 0;
  margin-right: 10px;
}.mp-wx .card-image{
  width: 100%;
  height: 100%;
}.mp-wx /* 卡片内容 */
.card-content{
  flex: 1;
  min-width: 0; /* 解决文本溢出问题 */
}.mp-wx .card-title{
  font-size: 16px;
  font-weight: 600;
  color: #5D5347;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.mp-wx .card-desc{
  font-size: 12px;
  color: #8a7b68;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}.mp-wx /* 箭头图标 */
.card-arrow{
  color: #e0d8cb;
  font-size: 16px;
  margin-left: 5px;
}.mp-wx /* 空状态 */
.empty-state{
  grid-column: 1 / -1; /* 跨两列 */
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 9px;
}.mp-wx .empty-icon{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #FFF0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}.mp-wx .empty-icon .iconfont{
  font-size: 35px;
  color: #FFB770;
}.mp-wx .empty-title{
  font-size: 17px;
  font-weight: 500;
  color: #5D5347;
  margin-bottom: 7.5px;
}.mp-wx .empty-desc{
  font-size: 14px;
  color: #8a7b68;
}
    

/* ---- new_page/errands/errand-optimized/errand-optimized.wxss ---- */

.mp-wx /* 跑腿发单 — 页面样式 + 支付弹层（勿用全局 .modal，会与 app.wxss 冲突缩成左侧条） */

.page-wrap{
  min-height: 100%;
}.mp-wx .pg{
  --eo-primary: var(--app-primary, #ff6b3b);
  --eo-primary-soft: var(--app-primary-soft, rgba(255, 107, 59, 0.12));
  --eo-grad-from: var(--app-gradient-from, #ff8c5a);
  --eo-grad-to: var(--app-gradient-to, #ff4d24);
  padding: 10px 10px 110px;
  background: #f2f3f7;
  min-height: 100%;
  box-sizing: border-box;
}.mp-wx .addr-card, .mp-wx .box, .mp-wx .fee-box{
  background: #fff;
  border-radius: 7px;
  margin-bottom: 7px;
}.mp-wx .addr-row{
  display: flex;
  align-items: center;
  padding: 12px 10px;
}.mp-wx .addr-row--full{
  min-height: 48px;
}.mp-wx .addr-user{
  font-size: 13px;
  color: #333;
  margin-bottom: 3px;
}.mp-wx .addr-split{
  height: 1px;
  background: #f0f0f0;
  margin: 0 10px;
}.mp-wx .addr-dot{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 7px;
  flex-shrink: 0;
}.mp-wx .addr-dot.s{
  background: var(--eo-primary);
}.mp-wx .addr-dot.e{
  background: #faad14;
}.mp-wx .addr-info{
  flex: 1;
  min-width: 0;
}.mp-wx .addr-placeholder{
  color: #bbb;
  font-size: 13px;
}.mp-wx .addr-text{
  font-size: 13.5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}.mp-wx .addr-tag{
  font-size: 10px;
  color: #fff;
  background: var(--eo-primary);
  padding: 1px 5px;
  border-radius: 3px;
  flex-shrink: 0;
}.mp-wx .addr-tag.end{
  background: #faad14;
}.mp-wx .tags{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 7px;
}.mp-wx .t{
  padding: 5px 11px;
  background: #fff;
  border-radius: 11px;
  font-size: 12px;
  color: #777;
}.mp-wx .t.on{
  background: var(--eo-primary-soft);
  color: var(--eo-primary);
}.mp-wx .box{
  padding: 9px 11px;
}.mp-wx .ta{
  width: 100%;
  min-height: 60px;
  background: #f6f7fb;
  border-radius: 5px;
  padding: 5px 7px;
  font-size: 13px;
  box-sizing: border-box;
}.mp-wx .row2{
  display: flex;
  align-items: center;
}.mp-wx .r2-item{
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
}.mp-wx .r2-split{
  width: 1px;
  height: 17px;
  background: #eee;
  flex-shrink: 0;
}.mp-wx .r2-lbl{
  font-size: 12.5px;
  color: #888;
  margin-right: 5px;
  white-space: nowrap;
}.mp-wx .r2-inp{
  flex: 1;
  background: #f6f7fb;
  border-radius: 4px;
  height: 28px;
  text-align: right;
  padding: 0 6px;
}.mp-wx .sw{
  transform: scale(0.82);
}.mp-wx .stepper{
  display: flex;
  align-items: center;
}.mp-wx .st-btn{
  width: 22px;
  height: 22px;
  background: #f2f3f7;
  border-radius: 4px;
  text-align: center;
  line-height: 22px;
}.mp-wx .st-val{
  width: 25px;
  text-align: center;
}.mp-wx .time-box{
  display: flex;
  gap: 6px;
}.mp-wx .time-pick{
  flex: 1;
  padding: 6px 8px;
  background: #f6f7fb;
  border-radius: 5px;
  text-align: center;
}.mp-wx .up-row{
  display: flex;
  align-items: flex-start;
  padding: 5px 0;
}.mp-wx .up-lbl{
  width: 60px;
  color: #888;
  font-size: 12.5px;
  padding-top: 8px;
  flex-shrink: 0;
}.mp-wx .img-list{
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}.mp-wx .img-item{
  position: relative;
  width: 60px;
  height: 60px;
}.mp-wx .img-thumb{
  width: 60px;
  height: 60px;
  border-radius: 5px;
}.mp-wx .img-del{
  position: absolute;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #333;
  color: #fff;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
}.mp-wx .img-add{
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: #f6f7fb;
  color: #bbb;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}.mp-wx .inp{
  flex: 1;
  background: #f6f7fb;
  border-radius: 4px;
  height: 28px;
  padding: 0 7px;
  font-size: 13px;
}.mp-wx .fee-box{
  padding: 7px 11px;
}.mp-wx .fee-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 0;
}.mp-wx .fee-lbl{
  font-size: 12.5px;
  color: #888;
}.mp-wx .fee-val{
  color: var(--eo-primary);
  font-weight: 700;
}.mp-wx .fee-val.sm{
  font-size: 12px;
  font-weight: 500;
}.mp-wx .fee-tip{
  font-size: 12px;
  color: #999;
}.mp-wx .bar{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: 7px 10px calc(env(safe-area-inset-bottom) + 7px);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06);
  z-index: 100;
}.mp-wx .bar-check{
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  font-size: 12px;
  color: #666;
}.mp-wx .bc{
  transform: scale(0.82);
  margin-right: 3px;
}.mp-wx .bar-link{
  color: var(--eo-primary);
}.mp-wx .bar-btn{
  height: 41px;
  background: linear-gradient(135deg, var(--eo-grad-from), var(--eo-grad-to));
  color: #fff;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px;
  font-weight: 600;
  border: none;
  line-height: 41px;
}.mp-wx .bar-btn::after{
  border: none;
}.mp-wx .bar-btn-l, .mp-wx .bar-btn-r{
  font-size: 14px;
}.mp-wx /* 支付弹层：独立类名，避免 app.wxss .modal 居中 80% 导致左侧错乱 */
.pay-sheet{
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}.mp-wx .pay-sheet-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
}.mp-wx .pay-sheet-panel{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 12px 12px 0 0;
  padding-bottom: calc(env(safe-area-inset-bottom) + 8px);
  max-height: 70vh;
  overflow-y: auto;
}.mp-wx .pay-sheet-head{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 14px 12px;
  border-bottom: 1px solid #f0f0f0;
}.mp-wx .pay-sheet-title{
  font-size: 15px;
  font-weight: 600;
  color: #222;
}.mp-wx .pay-sheet-close{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #999;
  line-height: 1;
  padding: 4px;
}.mp-wx .pay-sheet-item{
  display: flex;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #f5f5f5;
}.mp-wx .pay-sheet-item.on{
  background: #fff8f5;
}.mp-wx .pay-sheet-icon{
  width: 24px;
  height: 24px;
  margin-right: 10px;
}.mp-wx .pay-sheet-name{
  flex: 1;
  font-size: 14px;
  color: #333;
}.mp-wx .pay-sheet-ok{
  width: 18px;
  height: 18px;
}