/** 额度与会员：唯一深色会员卡 + 四栏额度条 + 商品行 **/
.page-flex {
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.scroll-body {
  flex: 1;
  height: 0;
}

/* 会员卡（全稿唯一深色块） */
.ml-member {
  margin: 40rpx var(--pad) 0;
  padding: 40rpx 36rpx;
  border-radius: var(--r-ctrl);
  background: var(--block);
  color: #fff;
  display: flex;
  align-items: center;
  gap: 24rpx;
}

.ml-member-l {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 24rpx;
}

.ml-member-l .icon {
  width: 52rpx;
  height: 52rpx;
  flex-shrink: 0;
  opacity: .9;
}

.ml-member-body {
  min-width: 0;
}

.ml-member-n {
  font-family: var(--serif);
  font-size: 36rpx;
  font-weight: 500;
  letter-spacing: -.005em;
}

.ml-member-d {
  margin-top: 10rpx;
  font-size: 23rpx;
  line-height: 1.5;
  color: rgba(255, 255, 255, .66);
}

.ml-member-b {
  flex-shrink: 0;
  height: 68rpx;
  padding: 0 30rpx;
  border-radius: var(--r-pill);
  background: #fff;
  color: var(--block);
  font-size: 26rpx;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: opacity .18s var(--ease);
}

.ml-member-b:active {
  opacity: .7;
}

/* 额度 */
.ml-grp {
  margin-top: 64rpx;
}

.ml-track {
  margin: 18rpx 24rpx 0;
}

.ml-flow-entry {
  margin-top: 32rpx;
}

/* 商品筛选 */
.ml-filters {
  margin-top: 64rpx;
  border-bottom: 1rpx solid var(--hairline);
}

/* 商品行 */
.ml-goods {
  min-height: 152rpx;
  padding-top: 20rpx;
  padding-bottom: 20rpx;
}

.ml-goods-body {
  flex: 1;
  min-width: 0;
}

.ml-goods-n {
  font-size: 29rpx;
  color: var(--ink);
}

.ml-goods-d {
  margin-top: 8rpx;
  font-size: 23rpx;
  color: var(--ink-3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ml-goods-r {
  text-align: right;
  flex-shrink: 0;
}

.ml-price {
  font-family: var(--serif);
  font-size: 34rpx;
  color: var(--ink);
}

.ml-origin {
  margin-top: 4rpx;
  font-size: 21rpx;
  color: var(--ink-4);
  text-decoration: line-through;
}

.ml-buy {
  flex-shrink: 0;
  margin-left: 20rpx;
}

/* 额度明细 */
.ml-back {
  margin-top: 20rpx;
  font-size: 26rpx;
  color: var(--ink-2);
}

.ml-flows {
  padding: 40rpx var(--pad) 0;
}

.ml-flow-row {
  display: flex;
  align-items: flex-start;
  gap: 24rpx;
  padding: 32rpx 0;
  border-bottom: 1rpx solid var(--hairline);
}

.ml-flow-l {
  flex: 1;
  min-width: 0;
}

.ml-flow-reason {
  font-size: 29rpx;
  color: var(--ink);
}

.ml-flow-time {
  margin-top: 8rpx;
  font-size: 22rpx;
  color: var(--ink-3);
}

.ml-flow-r {
  text-align: right;
  flex-shrink: 0;
}

.ml-flow-n {
  font-family: var(--serif);
  font-size: 34rpx;
  color: var(--ink);
}

.ml-flow-after {
  margin-top: 6rpx;
  font-size: 22rpx;
  color: var(--ink-3);
}

/* 订单抽屉 */
.ml-order-d {
  padding: 0 var(--pad);
  font-size: 26rpx;
  line-height: 1.7;
  color: var(--ink-2);
}

.ml-order-a {
  margin: 40rpx var(--pad) 32rpx;
  font-size: 28rpx;
  color: var(--ink-2);
}

.ml-order-a .num {
  font-family: var(--serif);
  font-size: 48rpx;
  color: var(--ink);
}