/* “我的”页面：卡片化布局与客服入口 */
.my{
  min-height:100%;
  padding-bottom:86px!important;
  box-sizing:border-box;
  background:#f4f6f8!important;
}
.my .user-info{
  min-height:205px;
  height:auto!important;
  padding:22px 16px 28px;
  box-sizing:border-box;
  background:linear-gradient(145deg,#e42117 0%,#e95550 100%)!important;
}
.my .user-info .image{
  width:88px!important;
  height:88px!important;
  padding:3px;
  box-sizing:border-box;
  background:rgba(255,255,255,.92);
  box-shadow:0 5px 18px rgba(117,19,14,.18);
}
.my .user-info .name{margin-top:12px!important;font-weight:600}
.my .user-info .text{margin-top:7px!important;font-weight:500}
.my .tag{
  margin:10px 12px 12px;
  border:0!important;
  border-radius:12px;
  background:#fff;
  box-shadow:0 2px 10px rgba(31,45,61,.06);
  overflow:hidden;
}
.my .tag .item{min-height:56px;padding:12px!important;border-bottom:0!important}
.my .my-menu-box{
  margin:0 12px 12px;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(31,45,61,.06);
}
.my .my-menu-box .box-title{
  height:48px;
  line-height:48px!important;
  padding:0 16px!important;
  border-left:4px solid #e4251b!important;
  font-size:18px!important;
  font-weight:600;
  box-sizing:border-box;
}
.my .my-menu-box .menu-box{padding:0!important}
.my .my-menu-box .menu-box .item-w{
  width:33.3333%!important;
  min-height:118px;
  box-sizing:border-box;
}
.my .my-menu-box .menu-box .item{
  padding:24px 10px!important;
  transition:background-color .15s,transform .15s;
}
.my .my-menu-box .menu-box .item:active{background:#fafafa;transform:scale(.98)}
.my .my-menu-box .menu-box .item .text{font-size:15px!important;margin-top:12px!important}
.my .profile-record-entry{order:-1}
.my .profile-record-entry .profile-record-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:20px;
  font-weight:700;
  line-height:1;
  box-shadow:0 4px 10px rgba(31,45,61,.16);
}
.my .customer-service-entry .customer-service-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(145deg,#ff6258,#e4251b);
  box-shadow:0 4px 10px rgba(228,37,27,.22);
  font-size:24px;
  line-height:1;
}
#app-logout-button{
  width:calc(100% - 24px)!important;
  max-width:none!important;
  margin:4px 12px 14px!important;
  border-radius:10px!important;
}
#profile-balance-log-page{
  position:fixed;
  top:0;
  bottom:0;
  left:50%;
  z-index:10080;
  width:100%;
  max-width:750px;
  transform:translateX(-50%);
  background:#f4f6f8;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
#profile-balance-log-page .profile-log-header{
  position:sticky;
  top:0;
  z-index:2;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e4251b;
  color:#fff;
  font-size:18px;
  font-weight:600;
}
#profile-balance-log-page .profile-log-back{
  position:absolute;
  left:0;
  top:0;
  width:52px;
  height:50px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:34px;
  line-height:45px;
}
#profile-balance-log-page .profile-log-list{padding:12px 12px 0}
#profile-balance-log-page .profile-transaction-tabs{
  height:48px;
  display:flex;
  background:#111;
}
#profile-balance-log-page .profile-transaction-tabs button{
  position:relative;
  flex:1;
  border:0;
  background:transparent;
  color:#fff;
  font-size:16px;
}
#profile-balance-log-page .profile-transaction-tabs button.active{color:#ffea00}
#profile-balance-log-page .profile-transaction-tabs button.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:#ffea00;
}
#profile-balance-log-page .profile-log-item{
  min-height:68px;
  margin-bottom:10px;
  padding:12px 14px;
  box-sizing:border-box;
  border-radius:10px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  box-shadow:0 2px 8px rgba(31,45,61,.05);
}
#profile-balance-log-page .profile-log-main{min-width:0;flex:1}
#profile-balance-log-page .profile-log-remark{font-size:15px;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#profile-balance-log-page .profile-log-time{margin-top:7px;font-size:12px;color:#a0a3a8}
#profile-balance-log-page .profile-log-value{font-size:17px;font-weight:700;white-space:nowrap}
#profile-balance-log-page .profile-log-value.plus{color:#e4251b}
#profile-balance-log-page .profile-log-value.minus{color:#2f8f5b}
#profile-balance-log-page .profile-log-side{text-align:right;flex:0 0 auto}
#profile-balance-log-page .profile-log-state{margin-top:6px;font-size:12px}
#profile-balance-log-page .profile-log-state.approved{color:#38a169}
#profile-balance-log-page .profile-log-state.rejected{color:#e53e3e}
#profile-balance-log-page .profile-log-state.pending{color:#d99000}
#profile-balance-log-page .profile-log-status{
  display:block;
  width:calc(100% - 24px);
  height:44px;
  margin:0 12px 24px;
  border:0;
  background:transparent;
  color:#909399;
  font-size:14px;
}
@media (max-width:360px){
  .my .my-menu-box .menu-box .item-w{min-height:106px}
  .my .my-menu-box .menu-box .item{padding:20px 6px!important}
  .my .my-menu-box .menu-box .item .text{font-size:14px!important}
}