html[data-profile-ui="unified"] {
  --profile-page-width: 760px;
  --profile-card: #121820;
  --profile-card-2: #171f29;
  --profile-line: rgba(217, 182, 111, .18);
  --profile-gold: #d9b66f;
  --profile-text: #dce5ec;
  --profile-muted: #8996a3;
  color-scheme: dark;
  background: #0a0e14;
}
html[data-profile-ui="unified"] body {
  min-height: 100dvh;
  margin: 0;
  padding-bottom: calc(92px + env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 100% 0, rgba(217,182,111,.10), transparent 34%),
    linear-gradient(180deg, #0a0e14 0, #0d131b 100%);
  color: var(--profile-text);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}
html[data-profile-ui="unified"] :where(.wrap, main.wrap, .container, main.container) {
  width: min(var(--profile-page-width), calc(100% - 28px)) !important;
  margin-inline: auto !important;
  padding-top: 18px;
}
html[data-profile-ui="unified"] :where(h1, .page-title) {
  margin: 16px 0 18px;
  color: var(--profile-text);
  font-size: clamp(22px, 5vw, 30px);
  letter-spacing: .02em;
}
html[data-profile-ui="unified"] :where(.back, .nav-back) {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  border: 1px solid var(--profile-line);
  border-radius: 999px;
  background: rgba(18,24,32,.82);
  color: var(--profile-gold);
  text-decoration: none;
}
html[data-profile-ui="unified"] :where(.card, .section, .item, .order, .listing-card, .account-card, .history-card) {
  border: 1px solid var(--profile-line) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(23,31,41,.98), rgba(15,21,29,.98)) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}
html[data-profile-ui="unified"] :where(.card, .section) { padding: 18px !important; }
html[data-profile-ui="unified"] :where(.item, .order, .listing-card, .account-card, .history-card) {
  margin-bottom: 12px;
  padding: 15px !important;
}
html[data-profile-ui="unified"] :where(.filters, .tabs) {
  gap: 8px !important;
  padding-block: 4px 10px;
  scrollbar-width: none;
}
html[data-profile-ui="unified"] :where(.filter, .tab, .progress-tab) {
  min-height: 40px;
  border: 1px solid var(--profile-line) !important;
  border-radius: 999px !important;
  background: rgba(23,31,41,.9) !important;
  color: var(--profile-muted) !important;
}
html[data-profile-ui="unified"] :where(.filter.active, .tab.active, .progress-tab.active) {
  border-color: var(--profile-gold) !important;
  background: linear-gradient(135deg, #efd08b, #c69a4b) !important;
  color: #171106 !important;
  font-weight: 800;
}
html[data-profile-ui="unified"] :where(input:not([type=checkbox]):not([type=radio]), textarea, select, .field, .form-input) {
  min-height: 44px;
  border: 1px solid rgba(137,150,163,.28) !important;
  border-radius: 10px !important;
  background: #0e151e !important;
  color: var(--profile-text) !important;
}
html[data-profile-ui="unified"] :where(input, textarea, select):focus {
  border-color: var(--profile-gold) !important;
  outline: 2px solid rgba(217,182,111,.13);
}
html[data-profile-ui="unified"] :where(button, .btn, .button, .action, .refund) {
  min-height: 42px;
  border-radius: 10px !important;
  font-family: inherit;
}
html[data-profile-ui="unified"] :where(.btn-primary, .btn-submit, .button, button[type=submit]) {
  border: 0 !important;
  background: linear-gradient(135deg, #efd08b, #c69a4b) !important;
  color: #171106 !important;
  font-weight: 800;
}
html[data-profile-ui="unified"] :where(.detail, .listing-detail, .meta, .hint, .form-hint) {
  color: var(--profile-muted) !important;
  line-height: 1.75;
}
html[data-profile-ui="unified"] :where(.overlay, .modal, .dialog, .qq-modal) {
  padding: 18px !important;
  backdrop-filter: blur(8px);
}
html[data-profile-ui="unified"] :where(.modal-box, .modal-card, .dialog-card) {
  width: min(520px, 100%) !important;
  max-height: min(82dvh, 720px);
  overflow: auto;
  border: 1px solid var(--profile-line) !important;
  border-radius: 18px !important;
  background: #121820 !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.48);
}
html[data-profile-ui="unified"] .empty {
  padding: 42px 16px !important;
  color: var(--profile-muted) !important;
  text-align: center;
}
@media (max-width: 600px) {
  html[data-profile-ui="unified"] { --profile-page-width: 100%; }
  html[data-profile-ui="unified"] :where(.wrap, main.wrap, .container, main.container) {
    width: calc(100% - 20px) !important;
    padding-top: 12px;
  }
  html[data-profile-ui="unified"] :where(.card, .section) { padding: 15px !important; }
  html[data-profile-ui="unified"] :where(.actions, .btn-row) { gap: 8px !important; }
  html[data-profile-ui="unified"] :where(.actions, .btn-row) > * { flex: 1 1 120px; }
}