.uye-wrap { max-width: 920px; margin: 0 auto; padding: 14px 14px 28px; }
.uye-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.uye-head-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.uye-tab, .uye-logout, .uye-auth-tab {
  border: 1px solid #c5d5c8;
  background: #fff;
  color: #1a3d2e;
  border-radius: 999px;
  padding: 6px 12px;
  font: inherit;
  font-size: 0.82rem;
  cursor: pointer;
}
.uye-tab.active, .uye-auth-tab.active { background: #1a3d2e; color: #fff; border-color: #1a3d2e; }
.uye-logout { background: #eef2ee; }
.uye-panel { margin-top: 4px; }
.uye-auth-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
.uye-auth-form { display: flex; flex-direction: column; gap: 10px; max-width: 420px; }
.uye-msg { margin: 8px 0 0; font-size: 0.88rem; }
.uye-msg.err { color: #b00020; }
.uye-msg.ok { color: #0d5c2e; }
.uye-orders { display: flex; flex-direction: column; gap: 10px; }
.uye-order-card {
  background: #fff;
  border: 1px solid #e6dfd4;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 0.88rem;
}
.uye-order-head { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.uye-order-id { font-weight: 700; color: #1a3d2e; }
.uye-order-status { font-size: 0.78rem; color: #555; }
.uye-order-pay {
  margin-top: 8px;
  padding: 8px 12px;
  background: #eef6f0;
  border-radius: 8px;
  font-size: 0.82rem;
}