danyang-match/miniapp/pages/account-status/account-status.wxss

.page {
  padding:32rpx;
  background:var(--color-primary-lighter);
  min-height:100vh;
}

.status-banner {
  background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-danger) 100%);
  border-radius:24rpx;
  padding:48rpx 32rpx;
  text-align:center;
  margin-bottom:32rpx;
}

.banner-icon {
  font-size:72rpx;
  display:block;
  margin-bottom:16rpx;
}

.banner-title {
  font-size:36rpx;
  font-weight:bold;
  color:var(--color-text-inverse);
  display:block;
}

.banner-status {
  font-size:26rpx;
  color:rgba(255,255,255,0.85);
  display:block;
  margin-top:12rpx;
}

.normal-state {
  text-align:center;
  padding:80rpx 32rpx;
}

.normal-icon {
  font-size:80rpx;
  color:var(--color-success-strong);
  display:block;
  margin-bottom:24rpx;
}

.normal-title {
  font-size:32rpx;
  font-weight:bold;
  color:var(--color-text-strong);
  display:block;
  margin-bottom:16rpx;
}

.normal-hint {
  font-size:26rpx;
  color:var(--color-text-secondary);
  display:block;
  line-height:1.6;
}

.actions-list {
  display:flex;
  flex-direction:column;
  gap:20rpx;
}

.action-card {
  background:var(--color-bg-card);
  border-radius:20rpx;
  padding:28rpx;
  box-shadow:0 2rpx 12rpx rgba(0,0,0,0.04);
}

.action-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16rpx;
}

.action-type {
  font-size:28rpx;
  font-weight:bold;
  color:var(--color-primary-strong);
}

.action-time {
  font-size:24rpx;
  color:var(--color-text-disabled);
}

.action-reason {
  font-size:26rpx;
  color:var(--color-text-secondary);
  display:block;
  margin-bottom:12rpx;
  line-height:1.5;
}

.action-expiry {
  font-size:24rpx;
  color:var(--color-warning-strong);
  display:block;
  margin-bottom:20rpx;
}

.btn-appeal {
  width:100%;
  min-height:var(--tap-min);
  line-height:var(--tap-min);
  background:var(--color-primary-light);
  color:var(--color-primary-strong);
  border-radius:36rpx;
  font-size:28rpx;
  border:1rpx solid var(--color-primary);
min-width:var(--tap-min);}

.appeal-hint {
  display:block;
  font-size:24rpx;
  color:var(--color-text-tertiary);
  text-align:center;
  margin-top:16rpx;
}

.appeal-disabled {
  text-align:center;
  padding:60rpx 32rpx;
  background:var(--color-bg-card);
  border-radius:20rpx;
}

.disabled-hint {
  font-size:26rpx;
  color:var(--color-text-tertiary);
  display:block;
  margin-bottom:24rpx;
}

.btn-contact {
  width:60%;
  min-height:var(--tap-min);
  line-height:var(--tap-min);
  background:var(--color-primary-solid);
  color:var(--color-text-inverse);
  border-radius:36rpx;
  font-size:28rpx;
  border:none;
min-width:var(--tap-min);}

.loading-page {
  text-align:center;
  padding:100rpx;
  color:var(--color-text-tertiary);
}