@charset "UTF-8";
/* 会员中心 · 商城购物车/订单 tvm 皮肤 */

body.tvm-user-page.tvm-shop-cart-page .shop-car{
  background:#fff;
  border-radius:12px;
  border:1px solid #eee;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
}
body.tvm-user-page.tvm-shop-cart-page .el-table__body{
  width:100%;
}
body.tvm-user-page.tvm-shop-cart-page .el-table__body thead th{
  background:#fafafa!important;
  color:#666!important;
  font-weight:600;
  font-size:13px;
  border-bottom:1px solid #eee!important;
}
body.tvm-user-page.tvm-shop-cart-page .el-table__body tbody td{
  border-bottom:1px solid #f5f5f5!important;
  vertical-align:middle!important;
}
body.tvm-user-page.tvm-shop-cart-page .goods-item .goods-item-l img{
  border-radius:8px;
  border:1px solid #f0f0f0;
}
body.tvm-user-page.tvm-shop-cart-page .shopcar-footer{
  background:#fffaf7;
  border-top:1px solid #ffe0d6;
  padding:16px 20px!important;
  border-radius:0 0 12px 12px;
}
body.tvm-user-page.tvm-shop-cart-page .shopcar-footer-r .red,
body.tvm-user-page.tvm-shop-cart-page .shopcar-footer .red{
  color:var(--tvm-primary,#ff5722)!important;
  font-weight:700;
}
body.tvm-user-page.tvm-shop-cart-page .shopcar-footer .el-button--primary{
  border-radius:22px!important;
  padding:0 28px!important;
  font-weight:600;
  box-shadow:0 4px 12px rgba(255,87,34,.25);
}

body.tvm-user-page .tvm-empty-state{
  text-align:center;
  padding:48px 24px;
  background:#fff;
  border-radius:12px;
  border:1px dashed #eee;
  margin:20px 0;
}
body.tvm-user-page .tvm-empty-state-ico{
  width:80px;height:80px;margin:0 auto 16px;
  border-radius:50%;
  background:var(--tvm-primary-soft,#fff3e8);
  display:flex;align-items:center;justify-content:center;
  font-size:36px;line-height:1;
}
body.tvm-user-page .tvm-empty-state h2{
  margin:0 0 8px;font-size:18px;color:#333;
}
body.tvm-user-page .tvm-empty-state p{
  margin:0 0 20px;font-size:14px;color:#999;line-height:1.6;
}
body.tvm-user-page .tvm-empty-state .tvm-empty-actions{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
}
body.tvm-user-page .tvm-empty-state .el-button--primary,
body.tvm-user-page .tvm-empty-state .sac-btn{
  border-radius:22px;
}
body.tvm-user-page .tvm-empty-state--compact{
  padding:32px 16px;margin:8px 0;
}
body.tvm-user-page .tvm-empty-state--compact .tvm-empty-state-ico{
  width:64px;height:64px;font-size:28px;
}
body.tvm-user-page .tvm-empty-state--compact h2{
  font-size:16px;
}

body.tvm-user-page .tvm-cart-rec-section{
  margin-top:28px;padding-top:20px;
  border-top:1px solid #eee;
}
body.tvm-user-page .tvm-cart-rec-section h2{
  margin:0 0 16px;font-size:18px;font-weight:700;color:#333;
  padding-left:12px;border-left:4px solid var(--tvm-primary,#ff5722);
}
body.tvm-user-page .tvm-cart-rec-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:12px;
}
body.tvm-user-page .tvm-cart-rec-grid a{
  display:block;padding:12px;background:#fff;
  border:1px solid #eee;border-radius:12px;text-decoration:none;
  transition:box-shadow .2s,border-color .2s;
}
body.tvm-user-page .tvm-cart-rec-grid a:hover{
  border-color:var(--tvm-primary-soft,#fff3e8);
  box-shadow:0 4px 14px rgba(255,87,34,.1);
}
body.tvm-user-page .tvm-cart-rec-grid img{
  width:100%;height:120px;object-fit:contain;
  background:#fafafa;border-radius:8px;
}
body.tvm-user-page .tvm-cart-rec-grid .t{
  display:block;margin-top:8px;font-size:13px;color:#333;
  line-height:1.4;height:36px;overflow:hidden;
}
body.tvm-user-page .tvm-cart-rec-grid .p{
  color:var(--tvm-primary,#ff5722);font-weight:700;font-size:15px;
}

/* 会员商城通用（订单/地址/结算等，body.shop） */
body.tvm-user-page.shop .el-main.main-bg{
  border-radius:12px;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
}
body.tvm-user-page.shop .shop-oper{
  margin-bottom:16px;padding-bottom:12px;
  border-bottom:1px solid #f0f0f0;
}
body.tvm-user-page.shop .shop-oper .el-button-group .el-button{
  border-radius:20px!important;
  margin-right:6px;
}
body.tvm-user-page.shop .shop-oper .el-button-group .el-button.active,
body.tvm-user-page.shop .shop-oper .el-button-group .el-button.active:focus{
  background:var(--tvm-primary,#ff5722)!important;
  border-color:var(--tvm-primary,#ff5722)!important;
  color:#fff!important;
}
body.tvm-user-page.shop .shop-oper .el-button-group .el-button em{
  font-style:normal;color:inherit;opacity:.9;
}
body.tvm-user-page.shop .shop-oper-r .el-input__inner{
  border-radius:20px 0 0 20px;
}
body.tvm-user-page.shop .shop-oper-r .el-input-group__append .el-button{
  border-radius:0 20px 20px 0;
  background:var(--tvm-primary,#ff5722);
  border-color:var(--tvm-primary,#ff5722);
  color:#fff;
}

body.tvm-user-page.shop .goods-con .goods-item{
  border:1px solid #eee;border-radius:12px;
  margin-bottom:16px;overflow:hidden;
  background:#fff;
  transition:box-shadow .2s;
}
body.tvm-user-page.shop .goods-con .goods-item:hover{
  box-shadow:0 4px 16px rgba(0,0,0,.06);
}
body.tvm-user-page.shop .goods-con .goods-item-top{
  background:#fafafa;border-bottom:1px solid #f0f0f0;
}
body.tvm-user-page.shop .goods-con .goods-item-top .orderid a{
  color:var(--tvm-primary,#ff5722);
}
body.tvm-user-page.shop .goods-con .goods-items .pic img{
  border-radius:8px;border:1px solid #f0f0f0;
}
body.tvm-user-page.shop .goods-con .goods-item-bottom .total,
body.tvm-user-page.shop .goods-con .goods-item-r .price,
body.tvm-user-page.shop .goods-con .red{
  color:var(--tvm-primary,#ff5722)!important;
}
body.tvm-user-page.shop .goods-con .goods-item-oper .el-button--primary{
  border-radius:18px;
  background:var(--tvm-primary,#ff5722);
  border-color:var(--tvm-primary,#ff5722);
}

body.tvm-user-page.shop .order-progress{
  border-radius:12px;border:1px solid #eee;
  overflow:hidden;background:#fff;
}
body.tvm-user-page.shop .order-progress-tit{
  padding:16px 20px;border-bottom:1px solid #f0f0f0;
  background:#fffaf7;
}
body.tvm-user-page.shop .order-progress-tit .el-tag--danger{
  background:var(--tvm-primary-soft,#fff3e8);
  border-color:#ffe0d6;color:var(--tvm-primary,#ff5722);
}
body.tvm-user-page.shop .order-progress .el-button--primary{
  border-radius:20px;
  background:var(--tvm-primary,#ff5722);
  border-color:var(--tvm-primary,#ff5722);
}
body.tvm-user-page.shop .status-item.current .status-icon,
body.tvm-user-page.shop .status-item.current .status-title .text{
  color:var(--tvm-primary,#ff5722);
}

body.tvm-user-page.shop .address-con .address-item{
  border-radius:12px;border:1px solid #eee;
  transition:border-color .2s,box-shadow .2s;
}
body.tvm-user-page.shop .address-con .address-item.cur,
body.tvm-user-page.shop .address-con .address-item:hover{
  border-color:var(--tvm-primary,#ff5722);
  box-shadow:0 4px 14px rgba(255,87,34,.12);
}
body.tvm-user-page.shop .address-con .address-item.cur .el-icon-house{
  color:var(--tvm-primary,#ff5722);
}
body.tvm-user-page.shop .column-title .el-button--primary{
  border-radius:20px;
  background:var(--tvm-primary,#ff5722);
  border-color:var(--tvm-primary,#ff5722);
}

body.tvm-user-page.shop .ey-con-inside .tvm-empty-state{
  margin:24px 0;
}

body.tvm-user-page.shop.tvm-shop-checkout .address-con .address-item.cur{
  border-width:2px;
}
body.tvm-user-page.shop.tvm-shop-checkout .column-title .column-bt a{
  color:var(--tvm-primary,#ff5722);
}

@media (max-width:768px){
  body.tvm-user-page.tvm-shop-cart-page .el-table__body thead{display:none}
  body.tvm-user-page.tvm-shop-cart-page .el-table__body tbody tr{
    display:block;padding:14px 12px;border-bottom:8px solid #f5f5f5;
  }
  body.tvm-user-page.tvm-shop-cart-page .el-table__body tbody td{
    display:block;border:none!important;padding:4px 0;
  }
  body.tvm-user-page.tvm-shop-cart-page .goods-item{flex-wrap:wrap}

  body.tvm-user-page.shop .shop-oper-l,
  body.tvm-user-page.shop .shop-oper-r{width:100%;float:none}
  body.tvm-user-page.shop .shop-oper .el-button-group{
    display:flex;flex-wrap:wrap;gap:6px;
  }
  body.tvm-user-page.shop .shop-oper .el-button-group .el-button{
    margin:0;flex:1 1 auto;min-width:calc(50% - 6px);
  }
  body.tvm-user-page.shop .goods-con .goods-item-top,
  body.tvm-user-page.shop .goods-con .goods-item-bottom{display:block}
  body.tvm-user-page.shop .address-con .el-col{width:100%!important;max-width:100%}
}