/* “我的”页专属样式。仅允许影响 [data-wallet-page="profile"]。 */

/* 会员资料卡统一使用默认中性视觉；会员等级只影响会员铭牌与会员服务内容。 */
[data-wallet-page="profile"] .profile-membership-card {
  --profile-member-bg: linear-gradient(145deg, #f8fafc, #e2e8f0);
  --profile-member-ink: #0f172a;
  --profile-member-muted: #64748b;
  --profile-member-border: rgba(255, 255, 255, .72);
  --profile-member-shadow: rgba(15, 23, 42, .14);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 0;
  min-height: 0;
  margin-top: 32px;
  padding: 19px 0 16px;
  border: 1px solid var(--profile-member-border) !important;
  border-radius: 28px !important;
  color: var(--profile-member-ink);
  background: var(--profile-member-bg) !important;
  box-shadow: 0 18px 38px var(--profile-member-shadow), inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

/* R17.365：会员中心改为浅色贵族等级中心；V1–V4 可订阅，V5–V6 由成长值解锁。 */
.membership-center {
  gap: 12px;
  color: #172033;
}

.membership-identity-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 142px;
  padding: 20px;
  border: 1px solid #dbe5f0;
  border-radius: 26px;
  background: radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .96), transparent 28%), linear-gradient(135deg, #ffffff 0%, #eef4fb 100%);
  box-shadow: 0 14px 30px rgba(80, 105, 135, .12);
}

.membership-identity-hero > div:first-child {
  min-width: 0;
}

.membership-identity-hero span,
.membership-identity-hero p,
.membership-current-status span,
.membership-current-status small,
.membership-panel-heading span,
.membership-selection-head span,
.membership-selection-head small,
.membership-selection-rule small,
.membership-purchase-locked span,
.membership-mode-choice small,
.membership-friend-row span,
.membership-benefits-empty span {
  color: #718096;
  font-size: 12px;
  line-height: 1.45;
}

.membership-identity-hero > div:first-child > span {
  display: block;
  color: #7890ad;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .16em;
}

.membership-identity-hero h3 {
  margin: 8px 0 0;
  color: #172033;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 950;
}

.membership-identity-hero p {
  margin: 8px 0 0;
}

.membership-identity-hero-mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 82px;
  height: 82px;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 25px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 10px 22px rgba(80, 105, 135, .14), inset 0 1px 0 #fff;
}

.membership-identity-hero-mark img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.membership-current-status {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid rgba(203, 213, 225, .84);
  border-radius: 20px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 8px 20px rgba(80, 105, 135, .08);
}

.membership-current-status > div:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.membership-current-status span {
  font-size: 11px;
  font-weight: 850;
}

.membership-current-status strong {
  color: #172033;
  font-size: 16px;
  font-weight: 950;
}

.membership-current-status small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.membership-status-mark {
  width: 50px;
  height: 50px;
  border-radius: 17px;
  background: #f2f6fb;
  box-shadow: inset 0 1px 0 #fff;
}

.membership-tier-section,
.membership-selection-panel,
.membership-benefits-panel,
.membership-purchase-panel {
  padding: 14px;
  border: 1px solid rgba(203, 213, 225, .86);
  border-radius: 22px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 9px 22px rgba(80, 105, 135, .07);
}

.membership-panel-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 11px;
}

.membership-panel-heading > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.membership-panel-heading strong {
  color: #172033;
  font-size: 15px;
  font-weight: 950;
}

.membership-panel-heading span {
  font-size: 11px;
}

.membership-panel-heading small {
  flex: 0 0 auto;
  color: #3b6fb6;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.membership-level-rail {
  display: flex;
  gap: 11px;
  margin: 0 -3px -3px;
  padding: 2px 3px 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}

.membership-level-rail::-webkit-scrollbar { display: none; }

.membership-tier-card {
  display: grid;
  flex: 0 0 min(76vw, 246px);
  grid-template-columns: 82px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  align-items: center;
  gap: 7px 12px;
  min-height: 148px;
  padding: 13px 14px;
  border: 1px solid rgba(148, 163, 184, .28) !important;
  border-radius: 21px;
  color: #172033;
  text-align: left;
  scroll-snap-align: start;
  box-shadow: 0 8px 18px rgba(80, 105, 135, .09), inset 0 1px 0 rgba(255, 255, 255, .8);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.membership-tier-card:active { transform: scale(.985); }

.membership-tier-card.is-selected {
  border-color: #6c8eb8 !important;
  box-shadow: 0 0 0 2px rgba(68, 111, 167, .16), 0 12px 24px rgba(80, 105, 135, .15), inset 0 1px 0 rgba(255, 255, 255, .95);
}

.membership-tier-v1 { background: linear-gradient(135deg, #fffaf5, #f6ddc5); }
.membership-tier-v2 { background: linear-gradient(135deg, #ffffff, #dce8f3); }
.membership-tier-v3 { background: linear-gradient(135deg, #fffdf7, #f4dfad); }
.membership-tier-v4 { background: linear-gradient(135deg, #ffffff, #dce5f1); }
.membership-tier-v5 { background: linear-gradient(135deg, #fdfaff, #e8dcf3); }
.membership-tier-v6 { background: linear-gradient(135deg, #fbfcfe, #d9e0ea); }

.membership-tier-topline {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.membership-tier-topline small {
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
}

.membership-tier-topline b {
  color: #3569aa;
  font-size: 10px;
  font-weight: 950;
}

.membership-tier-art {
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 7px 15px rgba(80, 105, 135, .09), inset 0 1px 0 rgba(255, 255, 255, .98);
}

.membership-tier-art img {
  width: 82px;
  height: 82px;
  object-fit: contain;
}

.membership-tier-copy {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
}

.membership-tier-copy strong {
  overflow: hidden;
  color: #172033;
  font-size: 19px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.membership-tier-copy small {
  color: #60738d;
  font-size: 11px;
  font-weight: 850;
}

.membership-selection-panel {
  display: grid;
  gap: 12px;
  background: linear-gradient(145deg, #ffffff, #f3f7fb);
  animation: membershipSelectionIn .2s ease both;
}

.membership-selection-head {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

.membership-selection-logo {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 7px 16px rgba(80, 105, 135, .10), inset 0 1px 0 #fff;
}

.membership-selection-logo img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.membership-selection-head > div:nth-child(2) {
  display: grid;
  flex: 1 1 auto;
  gap: 3px;
  min-width: 0;
}

.membership-selection-head span { font-size: 10px; font-weight: 900; }
.membership-selection-head strong { color: #172033; font-size: 18px; font-weight: 950; }
.membership-selection-head small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.membership-selection-head em {
  flex: 0 0 auto;
  padding: 5px 7px;
  border-radius: 999px;
  color: #3b6fb6;
  background: #e7f0fb;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.membership-selection-rule {
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border: 1px solid #e0e9f3;
  border-radius: 14px;
  background: rgba(247, 250, 253, .92);
}

.membership-selection-rule span {
  color: #315f96;
  font-size: 12px;
  font-weight: 950;
}

.membership-plan-expand-action {
  width: 100%;
  min-height: 42px;
  border-radius: 13px;
  color: #fff;
  background: #3b6fb6;
  box-shadow: 0 8px 16px rgba(59, 111, 182, .18);
  font-size: 12px;
  font-weight: 950;
}

.membership-growth-hint,
.membership-purchase-locked {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  background: #f6f8fb;
}

.membership-growth-hint strong,
.membership-purchase-locked strong {
  display: block;
  color: #475569;
  font-size: 12px;
  font-weight: 950;
}

.membership-growth-hint span,
.membership-purchase-locked span {
  display: block;
  margin-top: 2px;
  font-size: 11px;
}

.membership-benefits-panel,
.membership-purchase-panel {
  display: grid;
  gap: 12px;
}

.membership-benefits-panel .membership-panel-heading,
.membership-purchase-panel .membership-panel-heading { margin-bottom: 0; }

.membership-benefits-empty {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 66px;
  padding: 10px 11px;
  border: 1px dashed #cbd8e6;
  border-radius: 15px;
  background: #f8fbfe;
}

.membership-empty-mark,
.membership-locked-mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  color: #5883b7;
  background: #e7f0fb;
  font-size: 16px;
  font-weight: 950;
}

.membership-benefits-empty > div:last-child,
.membership-purchase-locked > div:last-child,
.membership-friend-row > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.membership-benefits-empty strong,
.membership-friend-row strong { color: #263b58; font-size: 12px; font-weight: 950; }

.membership-benefits-empty span { font-size: 11px; }

.membership-mode-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.membership-mode-choice {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e0e8f2 !important;
  border-radius: 16px;
  color: #334155;
  text-align: left;
  background: #f8fafc;
}

.membership-mode-choice.is-active {
  border-color: #a8c7e8 !important;
  background: #eef6ff;
  box-shadow: 0 0 0 2px rgba(72, 128, 193, .10);
}

.membership-mode-choice-mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  color: #3b6fb6;
  background: #dcecff;
  font-size: 17px;
}

.membership-mode-choice > span:nth-child(2) {
  display: grid;
  flex: 1 1 auto;
  gap: 2px;
  min-width: 0;
}

.membership-mode-choice strong {
  overflow: hidden;
  color: #263b58;
  font-size: 12px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.membership-mode-choice small { font-size: 10px; white-space: nowrap; }
.membership-mode-choice b { color: #8ba1ba; font-size: 18px; font-weight: 500; }

.membership-friend-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 11px;
  border-top: 1px solid #e6edf5;
}

.membership-friend-row button {
  min-height: 34px;
  padding: 7px 11px;
  border-radius: 999px;
  color: #3569aa;
  background: #eaf3ff;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.membership-locked-mark { color: #718096; background: #edf1f5; }
.membership-purchase-panel.is-locked { background: #fbfcfd; }

.membership-history-card {
  border-color: rgba(203, 213, 225, .86);
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 8px 20px rgba(80, 105, 135, .07);
}

.membership-review-hero {
  color: #172033;
  border: 1px solid #dbe5f0;
  background: linear-gradient(135deg, #ffffff, #eef4fb);
  box-shadow: 0 12px 24px rgba(80, 105, 135, .10);
}

.membership-review-hero > span,
.membership-review-hero p { color: #718096; }

@keyframes membershipSelectionIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 390px) {
  .membership-identity-hero { min-height: 126px; padding: 16px; }
  .membership-identity-hero h3 { font-size: 21px; }
  .membership-identity-hero-mark { width: 70px; height: 70px; border-radius: 21px; }
  .membership-identity-hero-mark img { width: 62px; height: 62px; }
  .membership-mode-choices { grid-template-columns: minmax(0, 1fr); }
  .membership-tier-card { flex-basis: 80vw; }
}

[data-wallet-page="profile"] .profile-membership-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 92% 8%, rgba(255, 255, 255, .62), transparent 30%);
}

[data-wallet-page="profile"] .profile-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

[data-wallet-page="profile"] .profile-name-row > #profileName {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* R17.744：会员主 Logo 移到资料区右侧，纵向与账号行对齐。 */
[data-wallet-page="profile"] .profile-membership-logo {
  display: block;
  flex: 0 0 auto;
  align-self: center;
  width: 105.6px;
  height: 105.6px;
  pointer-events: none;
}

[data-wallet-page="profile"] .profile-membership-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

[data-wallet-page="profile"] .profile-membership-card[data-membership-style="none"] .profile-membership-logo {
  display: none;
}

[data-wallet-page="profile"] .profile-membership-hero {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

[data-wallet-page="profile"] .profile-membership-person {
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}

[data-wallet-page="profile"] .profile-membership-card .profile-avatar {
  flex: 0 0 auto;
  width: 78px;
  height: 78px;
  border: 3px solid rgba(255, 255, 255, .94);
  border-radius: 25px;
  color: #2563eb;
  background: linear-gradient(145deg, #ffffff, #dbeafe);
  box-shadow: 0 11px 24px rgba(15, 23, 42, .16);
}

[data-wallet-page="profile"] .profile-membership-card .profile-identity {
  min-width: 0;
}

/* R17.744：姓名 / 账号 / 已实名三行收紧到与头像同高（70px）。 */
[data-wallet-page="profile"] .profile-membership-card .profile-identity strong {
  margin-top: 0;
  line-height: 26px;
}

[data-wallet-page="profile"] .profile-membership-card .profile-identity p {
  margin-top: 2px;
  line-height: 19px;
}

[data-wallet-page="profile"] .profile-membership-card .profile-identity strong,
[data-wallet-page="profile"] .profile-membership-card .profile-identity p {
  color: var(--profile-member-ink);
}

[data-wallet-page="profile"] .profile-membership-card .profile-identity p {
  overflow-wrap: anywhere;
  font-size: 13.2px;
}

[data-wallet-page="profile"] .profile-real-name-certification {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  color: var(--profile-member-muted);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 850;
  white-space: nowrap;
}

[data-wallet-page="profile"] .profile-real-name-certification[hidden] {
  display: none !important;
}

[data-wallet-page="profile"] .profile-real-name-certification img {
  display: block;
  width: 20.7px;
  height: 20.7px;
  object-fit: contain;
}

[data-wallet-page="profile"] .profile-real-name-certification > span {
  color: var(--profile-member-ink) !important;
}

/* R17.746：三格改为一个大框包裹，内部只用两根竖细线分隔（性别｜IP属地｜信用分）。 */
[data-wallet-page="profile"] .profile-membership-info-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid var(--profile-member-border);
  border-radius: 14px;
  background: transparent;
}

[data-wallet-page="profile"] .profile-membership-info-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 68px;
  padding: 10px 9px;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: center;
}

[data-wallet-page="profile"] .profile-membership-info-card:nth-child(1),
[data-wallet-page="profile"] .profile-membership-info-card:nth-child(2) {
  position: relative;
}

[data-wallet-page="profile"] .profile-membership-info-card:nth-child(1)::after,
[data-wallet-page="profile"] .profile-membership-info-card:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: var(--profile-member-border);
  pointer-events: none;
}

[data-wallet-page="profile"] .profile-membership-info-card span,
[data-wallet-page="profile"] .profile-membership-info-card strong {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

[data-wallet-page="profile"] .profile-membership-info-card span {
  color: var(--profile-member-muted);
  font-weight: 800;
}

[data-wallet-page="profile"] .profile-membership-info-card strong {
  min-width: 0;
  margin-top: 6px;
  overflow: hidden;
  color: var(--profile-member-ink);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.check-profile #assetsView .pay-header {
  display: none !important;
}

body.check-profile #assetsView main.content {
  padding-top: calc(14px + env(safe-area-inset-top)) !important;
  scroll-padding-bottom: calc(var(--cb-root-dock-height) + 48px) !important;
}

@media (max-width: 540px) {
  [data-wallet-page="profile"] .profile-membership-card {
    margin-top: 26px;
    padding: 15px 13px 13px;
  }

  [data-wallet-page="profile"] .profile-name-row {
    gap: 4px;
  }

  [data-wallet-page="profile"] .profile-membership-logo {
    width: 96px;
    height: 96px;
  }

  [data-wallet-page="profile"] .profile-membership-card .profile-avatar {
    width: 70px;
    height: 70px;
    border-radius: 22px;
  }

  [data-wallet-page="profile"] .profile-membership-person {
    gap: 10px;
  }

  [data-wallet-page="profile"] .profile-real-name-certification {
    gap: 5px;
    font-size: 14px;
  }

  [data-wallet-page="profile"] .profile-real-name-certification img {
    width: 18.9px;
    height: 18.9px;
  }

  [data-wallet-page="profile"] .profile-membership-info-card {
    min-height: 64px;
    padding: 9px 8px;
  }

  [data-wallet-page="profile"] .profile-membership-info-card span,
  [data-wallet-page="profile"] .profile-membership-info-card strong {
    font-size: 13px;
  }
}


/* R17.361：会员资料卡提供前台会员中心入口；仅展示入口和交互，不写入账户状态。 */
/* R17.750：会员服务只留边框（透明底），不使用白卡。 */
[data-wallet-page="profile"] .profile-membership-cta {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 14px 13px;
  border: 1px solid var(--profile-member-border);
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
}

[data-wallet-page="profile"] .profile-membership-cta-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

[data-wallet-page="profile"] .profile-membership-cta-copy span {
  color: var(--profile-member-muted);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
}

[data-wallet-page="profile"] .profile-membership-cta-copy strong,
[data-wallet-page="profile"] .profile-membership-cta-copy small {
  overflow: hidden;
  color: var(--profile-member-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-wallet-page="profile"] .profile-membership-cta-copy strong {
  font-size: 14px;
  font-weight: 950;
}

[data-wallet-page="profile"] .profile-membership-cta-copy small {
  font-size: 11px;
  font-weight: 750;
  opacity: .78;
}

[data-wallet-page="profile"] .profile-membership-cta-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
}

[data-wallet-page="profile"] .profile-membership-cta-actions button,
.membership-center button {
  border: 0;
  font: inherit;
  cursor: pointer;
}

/* R17.362：会员中心改为全屏页面承载，避免底部 Sheet 截断内容。 */
.sheet-bg.membership-center-sheet-open {
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #eef2f7 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.sheet-bg.membership-center-sheet-open .sheet {
  display: flex !important;
  flex-direction: column !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #f7fbff 0%, #eef3f8 42%, #f7f9fc 100%) !important;
  box-shadow: none !important;
}

.sheet-bg.membership-center-sheet-open.open .sheet {
  transform: none !important;
  animation: membershipCenterFullPageIn .22s ease both !important;
}

.sheet-bg.membership-center-sheet-open .sheet-head {
  flex: 0 0 auto !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: calc(12px + var(--cb-safe-top, 0px)) 18px 12px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid rgba(203, 213, 225, .72) !important;
  background: rgba(247, 251, 255, .94) !important;
}

.sheet-bg.membership-center-sheet-open .sheet-head h2 {
  color: #172033 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

.sheet-bg.membership-center-sheet-open .sheet-head .icon-button {
  width: 38px !important;
  height: 38px !important;
  color: #334155 !important;
  background: #e8eef5 !important;
  border: 1px solid #d6e0eb !important;
}

.sheet-bg.membership-center-sheet-open #sheetBody {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  box-sizing: border-box !important;
  padding: 16px 18px calc(30px + var(--cb-safe-bottom, 0px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  background: transparent !important;
}

@supports (height: 100dvh) {
  .sheet-bg.membership-center-sheet-open .sheet {
    height: 100dvh !important;
    min-height: 100dvh !important;
  }
}

@keyframes membershipCenterFullPageIn {
  from { opacity: .72; transform: translateX(12px) !important; }
  to { opacity: 1; transform: none !important; }
}

[data-wallet-page="profile"] .profile-membership-cta-actions button {
  min-height: 32px;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

[data-wallet-page="profile"] .profile-membership-cta-primary {
  color: #fff;
  background: rgba(15, 23, 42, .84);
  box-shadow: 0 7px 14px rgba(15, 23, 42, .16);
}


/* 会员中心流程壳。所有规则都挂在 .membership-center 下，避免污染其他业务 Sheet。 */
.membership-center {
  display: grid;
  gap: 13px;
  padding-bottom: 4px;
  color: #0f172a;
}

.membership-center-hero,
.membership-review-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px;
  border-radius: 24px;
  color: #fff;
  background: radial-gradient(circle at 84% 8%, rgba(251, 191, 36, .24), transparent 28%), linear-gradient(145deg, #172033, #334155);
  box-shadow: 0 14px 30px rgba(15, 23, 42, .18);
}

.membership-center-hero span,
.membership-review-hero > span {
  display: block;
  color: rgba(255, 255, 255, .66);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}

.membership-center-hero h3,
.membership-review-hero h3 {
  margin: 7px 0 0;
  font-size: 22px;
  line-height: 1.18;
  font-weight: 950;
}

.membership-center-hero p,
.membership-review-hero p {
  margin: 7px 0 0;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  line-height: 1.45;
}

.membership-center-hero-mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 17px;
  color: #f7e7ce;
  font-size: 25px;
  background: rgba(255, 255, 255, .10);
}

.membership-status-card,
.membership-delivery-card,
.membership-benefits-card,
.membership-price-card,
.membership-history-card,
.membership-review-list,
.membership-review-recipient,
.membership-preview-warning {
  border: 1px solid rgba(203, 213, 225, .84);
  border-radius: 21px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 9px 22px rgba(15, 23, 42, .07);
}

.membership-status-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
}

.membership-status-mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border-radius: 17px;
  color: #64748b;
  font-size: 28px;
  background: linear-gradient(145deg, #f8fafc, #e2e8f0);
}

.membership-status-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.membership-status-card > div:last-child,
.membership-delivery-card > div:nth-child(2),
.membership-price-card > div,
.membership-history-card > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.membership-status-card span,
.membership-status-card small,
.membership-delivery-card span,
.membership-price-card small,
.membership-history-card span,
.membership-section-heading span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.membership-status-card strong {
  color: #0f172a;
  font-size: 17px;
  font-weight: 950;
}

.membership-status-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.membership-mode-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 4px;
  border-radius: 16px;
  background: #e2e8f0;
}

.membership-mode-tabs button {
  min-height: 38px;
  border-radius: 12px;
  color: #64748b;
  background: transparent;
  font-size: 13px;
  font-weight: 900;
}

.membership-mode-tabs button.is-active {
  color: #0f172a;
  background: #fff;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .10);
}

.membership-center-section,
.membership-benefits-card {
  padding: 14px;
}

.membership-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.membership-section-heading > div {
  display: grid;
  gap: 3px;
}

.membership-section-heading strong {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
}

.membership-section-heading > small {
  color: #475569;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.membership-plan-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.membership-plan-item {
  display: grid;
  min-width: 0;
}

.membership-plan-card {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 16px;
  min-height: 118px;
  padding: 12px 58px 12px 14px;
  border: 1px solid #e2e8f0 !important;
  border-radius: 21px;
  text-align: left;
  background: linear-gradient(135deg, #ffffff, #f1f5f9);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.membership-plan-card:active { transform: scale(.98); }

.membership-plan-card.is-selected {
  border-color: #64748b !important;
  border-radius: 21px 21px 0 0;
  box-shadow: 0 0 0 2px rgba(100, 116, 139, .16), 0 9px 18px rgba(15, 23, 42, .09);
}

.membership-plan-art {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 96px;
  height: 96px;
  overflow: hidden;
  border-radius: 22px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .92);
}

.membership-plan-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.membership-plan-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.membership-plan-copy strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 17px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.membership-plan-copy small {
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.membership-plan-copy em {
  width: max-content;
  padding: 1px 5px;
  border-radius: 999px;
  color: #166534;
  background: #dcfce7;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.membership-plan-check {
  position: absolute;
  top: 50%;
  right: 16px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #2563eb;
  background: #dbeafe;
  font-size: 16px;
  font-weight: 950;
  transform: translateY(-50%);
}

.membership-plan-expanded {
  display: grid;
  gap: 12px;
  margin-top: -1px;
  padding: 14px 16px 16px;
  border: 1px solid #64748b;
  border-top: 0;
  border-radius: 0 0 21px 21px;
  background: linear-gradient(145deg, #f8fbff, #eaf2fb);
  animation: membershipPlanExpand .18s ease both;
}

.membership-plan-expanded-copy {
  display: grid;
  gap: 3px;
}

.membership-plan-expanded-copy strong {
  color: #172033;
  font-size: 14px;
  font-weight: 950;
}

.membership-plan-expanded-copy span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.membership-plan-feature-list {
  display: grid;
  gap: 7px;
}

.membership-plan-feature-list span {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.membership-plan-feature-list i {
  display: inline-grid;
  place-items: center;
  width: 21px;
  height: 21px;
  margin-right: 7px;
  border-radius: 7px;
  color: #2563eb;
  background: #dbeafe;
  font-style: normal;
}

.membership-plan-expand-action {
  justify-self: start;
  min-height: 38px;
  padding: 9px 13px;
  border-radius: 12px;
  color: #fff;
  background: #1d4ed8;
  box-shadow: 0 8px 16px rgba(29, 78, 216, .18);
  font-size: 12px;
  font-weight: 950;
}

@keyframes membershipPlanExpand {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: none; }
}

.membership-delivery-card,
.membership-price-card,
.membership-history-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px;
}

.membership-delivery-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  color: #2563eb;
  background: #dbeafe;
  font-size: 20px;
}

.membership-delivery-card > div:nth-child(2) { flex: 1 1 auto; }
.membership-delivery-card strong,
.membership-price-card strong,
.membership-history-card strong { color: #0f172a; font-size: 14px; font-weight: 950; }
.membership-delivery-card button { padding: 7px 10px; border-radius: 999px; color: #1d4ed8; background: #eff6ff; font-size: 11px; font-weight: 900; white-space: nowrap; }
.membership-mode-select { display: grid; flex: 0 0 auto; gap: 3px; }
.membership-mode-select > span { color: #64748b; font-size: 10px; font-weight: 850; }
.membership-mode-select select { min-width: 108px; min-height: 34px; padding: 0 24px 0 9px; border: 1px solid #bfdbfe; border-radius: 10px; color: #1d4ed8; background: #eff6ff; font: inherit; font-size: 11px; font-weight: 900; }
.membership-delivery-card.is-gift { flex-wrap: wrap; }
.membership-delivery-card.is-gift > button { margin-left: auto; }
.membership-delivery-tag { color: #1d4ed8 !important; font-size: 11px !important; font-weight: 900; white-space: nowrap; }
.membership-flow-note { margin: -5px 4px 0; color: #64748b; font-size: 11px; line-height: 1.4; }

.membership-benefit-list { display: grid; gap: 9px; }
.membership-benefit-list span { color: #334155; font-size: 12px; font-weight: 850; }
.membership-benefit-list i { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 7px; border-radius: 8px; color: #1d4ed8; background: #eff6ff; font-style: normal; }

.membership-price-card { background: linear-gradient(145deg, #eff6ff, #ffffff); border-color: #bfdbfe; }
.membership-price-card strong { color: #1d4ed8; font-size: 18px; }
.membership-primary-action,
.membership-secondary-action { min-height: 42px; padding: 10px 13px; border-radius: 14px; font-size: 12px; font-weight: 950; white-space: nowrap; }
.membership-primary-action { color: #fff; background: #1d4ed8; box-shadow: 0 8px 16px rgba(29, 78, 216, .19); }
.membership-primary-action:disabled { color: #94a3b8; background: #e2e8f0; box-shadow: none; cursor: not-allowed; }
.membership-secondary-action { color: #334155; background: #f1f5f9; }
.membership-history-card { cursor: default; }
.membership-history-arrow { color: #94a3b8 !important; font-size: 23px !important; }

.membership-review { gap: 14px; }
.membership-review-list { display: grid; gap: 0; padding: 4px 14px; }
.membership-review-list div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #e2e8f0; }
.membership-review-list div:last-child { border-bottom: 0; }
.membership-review-list dt { color: #64748b; font-size: 12px; }
.membership-review-list dd { margin: 0; color: #0f172a; font-size: 13px; font-weight: 950; text-align: right; }
.membership-review-recipient { display: grid; gap: 4px; padding: 13px 14px; }
.membership-review-recipient strong { color: #0f172a; font-size: 13px; }
.membership-review-recipient span { color: #64748b; font-size: 12px; }
.membership-preview-warning { display: grid; gap: 4px; padding: 13px 14px; border-color: #fde68a; background: #fffbeb; }
.membership-preview-warning strong { color: #92400e; font-size: 13px; }
.membership-preview-warning span { color: #a16207; font-size: 11px; line-height: 1.45; }
.membership-review-actions { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 8px; }

@media (max-width: 390px) {
  .membership-price-card { align-items: stretch; flex-direction: column; }
  .membership-price-card .membership-primary-action { width: 100%; }
}

@media (max-width: 540px) {
  .sheet-bg.membership-center-sheet-open #sheetBody {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .membership-plan-card {
    gap: 13px;
    min-height: 104px;
    padding: 10px 52px 10px 12px;
  }

  .membership-plan-art {
    width: 82px;
    height: 82px;
    border-radius: 19px;
  }

  .membership-plan-copy strong { font-size: 16px; }
  .membership-plan-copy small { font-size: 11px; }
  .membership-plan-expanded { padding: 13px 13px 14px; }
  .membership-delivery-card.is-gift > div:nth-child(2) { flex-basis: calc(100% - 64px); }
  .membership-delivery-card.is-gift > .membership-mode-select { margin-left: 51px; }

}

/* R17.696：账户管理与安全中心使用统一全屏顶栏，安全页只保留两层主 UI。 */
.payment-auth-choice-mark {
  width: 76px !important;
  height: 76px !important;
  padding: 4px !important;
  border-radius: 50% !important;
  overflow: hidden;
  clip-path: circle(50%);
  background: #fff !important;
}

.payment-auth-choice-mark img,
.payment-security-emblem img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.payment-security-emblem {
  width: 58px !important;
  height: 58px !important;
  padding: 4px !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.sheet-bg.account-manager-fullscreen {
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #eef3f8 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.sheet-bg.account-manager-fullscreen .sheet {
  display: flex !important;
  flex-direction: column !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #f8fbff 0%, #eef3f8 52%, #f8fafc 100%) !important;
  box-shadow: none !important;
  transform: none !important;
}

.sheet-bg.account-manager-fullscreen.open .sheet {
  animation: accountSecurityFullPageIn .22s ease both !important;
}

.sheet-bg.account-manager-fullscreen .sheet-head {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 48px !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: calc(12px + env(safe-area-inset-top)) 18px 12px !important;
  box-sizing: border-box !important;
  border-bottom: 0 !important;
  background: transparent !important;
  position: relative !important;
  z-index: 20 !important;
}

.sheet-bg.account-manager-fullscreen .sheet-head h2 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  margin: 0 !important;
  color: #172033 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  text-align: center !important;
  white-space: nowrap !important;
  transform: translateY(-10px) !important;
}

.sheet-bg.account-manager-fullscreen .sheet-head #closeSheet {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  position: static !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  color: transparent !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  transform: translateY(-10px) !important;
}

.sheet-bg.account-manager-fullscreen .sheet-head #closeSheet::before {
  content: "‹";
  display: block;
  color: #64748b;
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: 38px;
  font-weight: 300;
  line-height: 1;
}

.sheet-bg.account-manager-fullscreen #sheetBody {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  box-sizing: border-box !important;
  padding: 18px 18px calc(30px + env(safe-area-inset-bottom)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  background: transparent !important;
}

.account-security-faceid-host {
  display: block;
  width: calc(100% - 4px);
  margin: 0 0 0 4px;
}

.account-security-faceid-host .payment-security-card {
  padding: 20px !important;
  border-radius: 28px !important;
  box-shadow: 0 16px 32px rgba(37, 99, 235, .12) !important;
}

.account-security-faceid-host .payment-security-head {
  grid-template-columns: 70px minmax(0, 1fr) auto;
  gap: 14px;
}

.account-security-faceid-host .payment-security-emblem {
  width: 70px !important;
  height: 70px !important;
  padding: 5px !important;
  border-radius: 21px !important;
}

.account-security-faceid-host .payment-security-copy strong {
  font-size: 19px;
}

.account-security-faceid-host .payment-security-copy span {
  margin-top: 6px;
  font-size: 11px;
}

.account-security-password-panel {
  display: grid;
  gap: 14px;
  width: calc(100% - 4px);
  margin: 0 0 0 4px;
  padding: 18px 20px 20px;
  box-sizing: border-box;
  border: 1px solid rgba(203, 213, 225, .86);
  border-radius: 24px;
  background: rgba(255, 255, 255, .90);
  box-shadow: 0 12px 26px rgba(80, 105, 135, .08);
}

.account-security-password-fields {
  display: grid;
  gap: 11px;
}

.account-security-password-field {
  display: grid;
  gap: 6px;
  margin: 0;
}

.account-security-password-field > span {
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
}

.account-security-password-field input {
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  box-sizing: border-box;
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #fff;
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
}

.account-security-password-submit {
  width: 100%;
  min-height: 50px;
  margin-top: 1px;
  border-radius: 17px !important;
}

.account-security-standalone-password-panel {
  width: 100%;
  margin-left: 0;
}

.account-manager-panel {
  width: min(100%, 620px);
  margin: 0 auto;
  padding: 0 0 18px;
}

.account-manager-intro {
  padding: 0 3px 16px;
}

.account-manager-intro > span {
  display: block;
  color: #718096;
  font-size: 12px;
  line-height: 1.55;
  font-weight: 750;
}

.account-manager-list {
  border-radius: 21px;
  box-shadow: 0 12px 26px rgba(80, 105, 135, .08);
}

.account-manager-add {
  min-height: 50px;
  margin-top: 15px;
  border-radius: 16px;
}

.account-manager-hint {
  margin-top: 12px;
  line-height: 1.6;
}

@keyframes accountSecurityFullPageIn {
  from { opacity: .72; transform: translateX(12px); }
  to { opacity: 1; transform: none; }
}

@supports (height: 100dvh) {
  .sheet-bg.account-manager-fullscreen .sheet {
    height: 100dvh !important;
    min-height: 100dvh !important;
  }
}

@media (max-width: 390px) {
  .sheet-bg.account-manager-fullscreen #sheetBody {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .account-security-faceid-host .payment-security-card {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .account-security-faceid-host .payment-security-head {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .account-security-faceid-host .payment-security-emblem {
    width: 64px !important;
    height: 64px !important;
  }

  .account-security-faceid-host .payment-security-status {
    grid-column: 2;
    justify-self: start;
    margin-top: 2px;
  }

  .account-security-password-panel {
    padding: 16px 15px 17px;
    border-radius: 21px;
  }
}

/* R17.366：按会员成长体系参考图重排会员中心，不再使用独立标题白条和独立状态卡。 */
.sheet-bg.membership-center-sheet-open {
  background: #28272d !important;
}

.sheet-bg.membership-center-sheet-open .sheet {
  background: #28272d !important;
}

.sheet-bg.membership-center-sheet-open .sheet-head {
  display: none !important;
}

.sheet-bg.membership-center-sheet-open #sheetBody {
  padding: 0 !important;
  overflow-x: hidden !important;
  background: transparent !important;
}

.membership-level-screen {
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  min-height: 100%;
  margin: 0;
  padding: 0 0 calc(22px + var(--cb-safe-bottom, 0px));
  overflow: hidden;
  color: #fff;
  background: linear-gradient(180deg, #3b2d34 0%, #2c2930 42%, #252831 100%);
}

.membership-theme-v1 { background: linear-gradient(180deg, #452e35 0%, #302a30 43%, #242831 100%); }
.membership-theme-v2 { background: linear-gradient(180deg, #34414d 0%, #2e3039 43%, #252831 100%); }
.membership-theme-v3 { background: linear-gradient(180deg, #4a3923 0%, #332e2b 43%, #252831 100%); }
.membership-theme-v4 { background: linear-gradient(180deg, #394559 0%, #30333d 43%, #252831 100%); }
.membership-theme-v5 { background: linear-gradient(180deg, #46364f 0%, #322f3a 43%, #252831 100%); }
.membership-theme-v6 { background: linear-gradient(180deg, #252d3a 0%, #2d3038 43%, #252831 100%); }

.membership-screen-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  padding: calc(10px + var(--cb-safe-top, 0px)) 18px 6px;
  box-sizing: border-box;
}

.membership-inline-close {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-left: auto;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 50%;
  color: rgba(255, 255, 255, .88);
  background: rgba(255, 255, 255, .10);
  font-size: 23px;
  font-weight: 300;
  line-height: 1;
}

.membership-level-showcase {
  min-width: 0;
  overflow: hidden;
}

.membership-level-rail {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  gap: 11px;
  padding: 10px 0 4px 32px;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
}

.membership-level-rail::-webkit-scrollbar { display: none; }

.membership-level-card {
  position: relative;
  display: grid;
  flex: 0 0 calc(100vw - 82px);
  grid-template-rows: auto 1fr auto;
  min-width: 0;
  min-height: 230px;
  padding: 15px 17px 0;
  box-sizing: border-box;
  overflow: hidden;
  border: 0 !important;
  border-radius: 21px;
  color: #2d2929;
  scroll-snap-align: start;
  box-shadow: 0 16px 30px rgba(12, 16, 24, .24), inset 0 1px 0 rgba(255, 255, 255, .72);
  transition: transform .18s ease, opacity .18s ease;
}

.membership-level-card:not(.is-selected) {
  opacity: .82;
  transform: scale(.965);
}

.membership-level-v1 { background: linear-gradient(135deg, #f4d6c1 0%, #ffdcae 100%); }
.membership-level-v2 { background: linear-gradient(135deg, #e4edf5 0%, #cbdbea 100%); }
.membership-level-v3 { background: linear-gradient(135deg, #f9e5aa 0%, #f0c66e 100%); }
.membership-level-v4 { background: linear-gradient(135deg, #e9f0f7 0%, #c4d4e8 100%); }
.membership-level-v5 { background: linear-gradient(135deg, #eadcf1 0%, #c9aeda 100%); }
.membership-level-v6 { background: linear-gradient(135deg, #d8dde7 0%, #9299a8 100%); }

.membership-level-card::after {
  position: absolute;
  right: -46px;
  bottom: -66px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 19px rgba(255, 255, 255, .08), 0 0 0 38px rgba(255, 255, 255, .06);
}

.membership-level-card-top,
.membership-level-card-bottom,
.membership-level-card-main {
  position: relative;
  z-index: 1;
}

.membership-level-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 22px;
}

.membership-level-card-top span {
  color: rgba(45, 41, 41, .72);
  font-size: 11px;
  font-weight: 900;
}

.membership-level-card-top b {
  padding: 5px 9px;
  border-radius: 999px;
  color: #5e4937;
  background: rgba(255, 255, 255, .62);
  font-size: 10px;
  font-weight: 950;
}

.membership-level-card-main {
  display: flex;
  align-items: center;
  min-width: 0;
}

.membership-level-card-copy {
  display: grid;
  align-content: center;
  gap: 5px;
  width: 64%;
  min-width: 0;
}

.membership-level-card-copy small {
  color: rgba(45, 41, 41, .68);
  font-size: 11px;
  font-weight: 900;
}

.membership-level-card-copy strong {
  color: #27242a;
  font-size: 32px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.04em;
}

.membership-level-card-copy span {
  color: rgba(45, 41, 41, .72);
  font-size: 11px;
  line-height: 1.4;
}

.membership-level-card-copy .membership-level-card-price {
  display: grid;
  gap: 1px;
  margin-top: 1px;
}

.membership-level-card-copy .membership-level-card-price strong {
  color: #9b5a2b;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0;
}

.membership-level-card-copy .membership-level-card-price span {
  color: rgba(45, 41, 41, .66);
  font-size: 10px;
  line-height: 1.2;
}

.membership-level-logo {
  position: absolute;
  top: -13px;
  right: -2px;
  display: grid;
  place-items: center;
  width: 158px;
  height: 158px;
  filter: drop-shadow(0 12px 10px rgba(47, 36, 34, .17));
}

.membership-level-logo img {
  width: 158px;
  height: 158px;
  object-fit: contain;
}

.membership-level-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 52px;
  border-top: 1px solid rgba(255, 255, 255, .56);
  color: rgba(45, 41, 41, .78);
  font-size: 11px;
  font-weight: 900;
}

.membership-level-card-bottom em {
  color: rgba(45, 41, 41, .58);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.membership-level-card-action {
  min-height: 33px;
  padding: 7px 13px;
  border: 0 !important;
  border-radius: 999px;
  color: #40362e;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 5px 12px rgba(87, 62, 43, .11);
  font-size: 11px;
  font-weight: 950;
}

.membership-level-dots {
  display: flex;
  justify-content: center;
  gap: 5px;
  padding: 9px 0 5px;
}

.membership-level-dots i {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .34);
}

.membership-level-dots i.is-active {
  width: 17px;
  background: rgba(255, 255, 255, .86);
}

.membership-benefits-section {
  padding: 17px 32px 14px;
  color: #fff;
}

.membership-benefits-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.membership-benefits-heading > div {
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.membership-benefits-heading span {
  color: rgba(255, 255, 255, .82);
  font-size: 13px;
  font-weight: 850;
}

.membership-benefits-heading strong {
  color: #fff;
  font-size: 24px;
  font-weight: 950;
}

.membership-benefits-heading small {
  color: rgba(255, 255, 255, .54);
  font-size: 10px;
  white-space: nowrap;
}

.membership-benefits-empty {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 60px;
  margin-top: 11px;
  padding: 10px 11px;
  border: 1px dashed rgba(255, 255, 255, .28);
  border-radius: 16px;
  background: rgba(255, 255, 255, .07);
}

.membership-empty-mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 10px;
  color: #f7dba9;
  background: rgba(255, 255, 255, .13);
  font-size: 14px;
}

.membership-benefits-empty > div:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.membership-benefits-empty strong {
  color: rgba(255, 255, 255, .94);
  font-size: 12px;
  font-weight: 950;
}

.membership-benefits-empty span {
  color: rgba(255, 255, 255, .58);
  font-size: 10px;
  line-height: 1.35;
}

.membership-purchase-card {
  display: grid;
  gap: 12px;
  margin: 5px 18px 12px;
  padding: 16px;
  border: 0 !important;
  border-radius: 23px;
  color: #172033;
  background: #fff;
  box-shadow: 0 12px 26px rgba(12, 16, 24, .19);
}

.membership-purchase-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.membership-purchase-heading > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.membership-purchase-heading strong {
  color: #172033;
  font-size: 16px;
  font-weight: 950;
}

.membership-purchase-heading span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 850;
}

.membership-purchase-heading .membership-purchase-price {
  flex: 0 0 auto;
  color: #c56d47;
  font-size: 10px;
  font-weight: 950;
  text-align: right;
  white-space: nowrap;
}

.membership-mode-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.membership-mode-choice {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 9px;
  border: 1px solid #e3eaf2 !important;
  border-radius: 15px;
  color: #334155;
  text-align: left;
  background: #f8fafc;
}

.membership-mode-choice.is-active {
  border-color: #f2bb85 !important;
  background: #fff5eb;
  box-shadow: 0 0 0 2px rgba(242, 187, 133, .12);
}

.membership-mode-choice-mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  color: #cf7950;
  background: #ffe6d3;
  font-size: 16px;
}

.membership-mode-choice > span:nth-child(2) {
  display: grid;
  flex: 1 1 auto;
  gap: 1px;
  min-width: 0;
}

.membership-mode-choice strong {
  overflow: hidden;
  color: #27364a;
  font-size: 11px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.membership-mode-choice small {
  overflow: hidden;
  color: #8b9aae;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.membership-mode-choice b {
  color: #a0aec0;
  font-size: 16px;
  font-weight: 500;
}

.membership-friend-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  padding-top: 10px;
  border-top: 1px solid #edf1f5;
}

.membership-friend-row > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.membership-friend-row strong {
  color: #27364a;
  font-size: 11px;
  font-weight: 950;
}

.membership-friend-row span {
  color: #8b9aae;
  font-size: 10px;
}

.membership-friend-row button {
  min-height: 32px;
  padding: 6px 10px;
  border: 0 !important;
  border-radius: 999px;
  color: #c56d47;
  background: #fff0e4;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}

.membership-purchase-card.is-locked {
  background: rgba(255, 255, 255, .95);
}

.membership-purchase-locked {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px;
  border: 1px solid #edf1f5;
  border-radius: 14px;
  background: #f8fafc;
}

.membership-purchase-locked > div:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.membership-purchase-locked strong {
  color: #475569;
  font-size: 11px;
  font-weight: 950;
}

.membership-purchase-locked span {
  color: #94a3b8;
  font-size: 10px;
  line-height: 1.35;
}

.membership-locked-mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 10px;
  color: #8b9aae;
  background: #edf1f5;
  font-size: 14px;
}

.membership-level-screen .membership-history-card {
  margin: 0 18px;
  border: 0 !important;
  border-radius: 20px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 22px rgba(12, 16, 24, .15);
}

.membership-level-screen .membership-history-card strong { color: #172033; }
.membership-level-screen .membership-history-card span { color: #8290a3; }

.membership-level-screen .membership-inline-close,
.membership-level-screen .membership-level-card-action,
.membership-level-screen .membership-mode-choice,
.membership-level-screen .membership-friend-row button { cursor: pointer; }

.membership-level-screen .membership-review-hero {
  margin: 0 18px;
  color: #172033;
  background: #fff;
}

@media (max-width: 390px) {
  .membership-level-card { flex-basis: calc(100vw - 68px); min-height: 218px; }
  .membership-level-logo { right: -10px; width: 145px; height: 145px; }
  .membership-level-logo img { width: 145px; height: 145px; }
  .membership-level-card-copy strong { font-size: 29px; }
  .membership-mode-choices { grid-template-columns: minmax(0, 1fr); }
}

/* R17.367：顶部恢复标题和左侧 V 形返回；卡片居中，滑动选中项驱动整页主题。 */
.membership-screen-topbar {
  min-height: 70px;
  padding: calc(12px + var(--cb-safe-top, 0px)) 18px 7px;
}

.membership-screen-topbar h2 {
  margin: 0;
  color: rgba(255, 255, 255, .94);
  font-size: 19px;
  font-weight: 850;
  letter-spacing: .02em;
}

.membership-screen-topbar-spacer {
  display: block;
  width: 36px;
  height: 36px;
}

.membership-inline-back {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 0 !important;
  color: rgba(255, 255, 255, .9);
  background: transparent;
  font-size: 38px;
  font-family: Arial, sans-serif;
  font-weight: 300;
  line-height: 30px;
}

.membership-inline-back span {
  display: block;
  transform: translate(-1px, -1px);
}

.membership-level-rail {
  gap: 12px;
  padding: 10px 11vw 5px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.membership-level-card {
  flex-basis: 78vw;
  min-height: 238px;
}

.membership-level-card:not(.is-selected) {
  opacity: .78;
  transform: scale(.98);
}

.membership-level-card.is-selected {
  opacity: 1;
  transform: none;
}

@media (max-width: 390px) {
  .membership-level-rail { padding-left: 11vw; padding-right: 11vw; }
  .membership-level-card { flex-basis: 78vw; min-height: 224px; }
}

/* R17.368：以卡片实际居中位置作为选中状态，非中心卡片统一灰度。 */
.membership-screen-topbar {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 50px;
  align-items: center;
  min-height: 76px;
  padding-left: 12px;
  padding-right: 12px;
}

.membership-screen-topbar h2 { text-align: center; }

.membership-screen-topbar-spacer {
  width: 50px;
  height: 50px;
}

.membership-inline-back {
  width: 50px;
  height: 50px;
  margin-left: -3px;
  font-size: 52px;
  line-height: 36px;
}

.membership-inline-back span {
  transform: translate(-2px, -2px) scale(1.12);
}

.membership-level-rail {
  padding-left: 11vw;
  padding-right: 11vw;
  scroll-padding-left: 11vw;
  scroll-padding-right: 11vw;
}

.membership-level-card {
  flex-basis: 78vw;
  filter: grayscale(1) saturate(.08) brightness(.82);
  opacity: .56;
  transition: filter .24s ease, opacity .24s ease, transform .24s ease;
}

.membership-level-card:not(.is-selected) {
  filter: grayscale(1) saturate(.08) brightness(.82);
  opacity: .56;
  transform: scale(.965);
}

.membership-level-card.is-selected {
  filter: none;
  opacity: 1;
  transform: none;
}

.membership-level-card-copy { width: 58%; }

.membership-level-logo {
  top: -8px;
  right: 1px;
  width: 165px;
  height: 165px;
}

.membership-level-logo img {
  width: 165px;
  height: 165px;
}

@media (max-width: 390px) {
  .membership-level-card { flex-basis: 78vw; }
  .membership-level-logo { width: 158px; height: 158px; }
  .membership-level-logo img { width: 158px; height: 158px; }
}

/* R17.369：取消等级卡片亮度动画，所有卡片保持清晰可见；放大左上角返回。 */
.membership-level-card,
.membership-level-card:not(.is-selected),
.membership-level-card.is-selected {
  filter: none;
  opacity: 1;
  transform: none;
  transition: none;
}

.membership-inline-back {
  width: 58px;
  height: 58px;
  margin-left: -6px;
}

.membership-inline-back span {
  display: block;
  font-size: 72px;
  font-weight: 300;
  line-height: 40px;
  transform: translate(-2px, -3px) scale(1.24);
}

/* R17.370：返回图标缩小一半；背景主题随中心卡片在滚动帧内即时切换。 */
.membership-inline-back {
  width: 44px;
  height: 44px;
  margin-left: 0;
}

.membership-inline-back span {
  font-size: 36px;
  line-height: 32px;
  transform: translate(-1px, -1px) scale(1.08);
}

.membership-level-screen {
  transition: none !important;
}

/* R17.371：中心卡片、已选态和会员中心整页主题在同一帧切换；六级主题提高色相和明暗对比。 */
.sheet-bg.membership-center-sheet-open,
.sheet-bg.membership-center-sheet-open .sheet,
.sheet-bg.membership-center-sheet-open #sheetBody {
  touch-action: auto;
}

/* 会员卡横向轨道保留左右滑动；轨道外的横向手势由 profile.js 拦截。 */
.membership-level-rail {
  touch-action: pan-x;
}

.membership-level-screen [hidden] {
  display: none !important;
}

.membership-level-screen.membership-theme-v1 {
  background:
    radial-gradient(circle at 84% 12%, rgba(255, 145, 82, .50), transparent 29%),
    radial-gradient(circle at 8% 47%, rgba(177, 57, 66, .24), transparent 34%),
    linear-gradient(180deg, #71343c 0%, #48242e 47%, #211b25 100%) !important;
}

.membership-level-screen.membership-theme-v2 {
  background:
    radial-gradient(circle at 84% 12%, rgba(184, 228, 255, .46), transparent 29%),
    radial-gradient(circle at 7% 48%, rgba(75, 149, 202, .24), transparent 34%),
    linear-gradient(180deg, #3f6e8e 0%, #2c4b64 47%, #182631 100%) !important;
}

.membership-level-screen.membership-theme-v3 {
  background:
    radial-gradient(circle at 84% 12%, rgba(255, 224, 103, .56), transparent 29%),
    radial-gradient(circle at 8% 47%, rgba(205, 125, 38, .28), transparent 34%),
    linear-gradient(180deg, #76521c 0%, #4b351c 47%, #241d1f 100%) !important;
}

.membership-level-screen.membership-theme-v4 {
  background:
    radial-gradient(circle at 84% 12%, rgba(132, 203, 255, .54), transparent 29%),
    radial-gradient(circle at 8% 47%, rgba(89, 130, 222, .24), transparent 34%),
    linear-gradient(180deg, #3f70a1 0%, #2f4f79 47%, #182333 100%) !important;
}

.membership-level-screen.membership-theme-v5 {
  background:
    radial-gradient(circle at 84% 12%, rgba(234, 158, 255, .54), transparent 29%),
    radial-gradient(circle at 8% 47%, rgba(150, 77, 207, .26), transparent 34%),
    linear-gradient(180deg, #714684 0%, #492e5e 47%, #241b31 100%) !important;
}

.membership-level-screen.membership-theme-v6 {
  background:
    radial-gradient(circle at 84% 12%, rgba(244, 246, 255, .38), transparent 27%),
    radial-gradient(circle at 8% 47%, rgba(104, 125, 165, .24), transparent 34%),
    linear-gradient(180deg, #3c465a 0%, #242e40 47%, #0f141d 100%) !important;
}

.membership-level-card,
.membership-level-card:not(.is-selected),
.membership-level-card.is-selected {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* R17.372：铂金、紫金、黑钻按 Logo 的材质重做整页氛围，不再只是浅色渐变换色。 */
.membership-level-screen {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.membership-level-screen::before,
.membership-level-screen::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  content: "";
}

.membership-level-screen::before {
  opacity: .9;
  mix-blend-mode: screen;
}

.membership-level-screen::after {
  opacity: .48;
  mix-blend-mode: soft-light;
}

.membership-level-screen > * {
  position: relative;
  z-index: 1;
}

.membership-level-screen.membership-theme-v4 {
  background:
    radial-gradient(circle at 78% 7%, rgba(229, 251, 255, .82) 0%, rgba(156, 221, 255, .28) 12%, transparent 31%),
    radial-gradient(ellipse at 7% 57%, rgba(63, 154, 255, .48), transparent 39%),
    linear-gradient(145deg, #789fc4 0%, #3f648d 34%, #203d62 68%, #0b1423 100%) !important;
}

.membership-level-screen.membership-theme-v4::before {
  background:
    radial-gradient(ellipse at 72% 27%, rgba(220, 248, 255, .5), transparent 22%),
    repeating-conic-gradient(from 202deg at 83% 10%, rgba(240, 253, 255, .2) 0deg 2deg, transparent 2deg 15deg),
    linear-gradient(118deg, transparent 0 36%, rgba(196, 239, 255, .15) 43%, transparent 51%);
}

.membership-level-screen.membership-theme-v4::after {
  background:
    repeating-linear-gradient(142deg, transparent 0 42px, rgba(213, 244, 255, .1) 43px 44px, transparent 45px 92px),
    radial-gradient(circle at 45% 58%, rgba(156, 216, 255, .2), transparent 38%);
}

.membership-level-screen.membership-theme-v5 {
  background:
    radial-gradient(circle at 78% 8%, rgba(255, 215, 178, .72) 0%, rgba(221, 135, 255, .32) 12%, transparent 31%),
    radial-gradient(ellipse at 8% 54%, rgba(184, 72, 255, .48), transparent 40%),
    linear-gradient(145deg, #73428b 0%, #4b2168 34%, #2d1247 68%, #10091d 100%) !important;
}

.membership-level-screen.membership-theme-v5::before {
  background:
    radial-gradient(ellipse at 68% 28%, rgba(255, 206, 170, .48), transparent 21%),
    repeating-conic-gradient(from 210deg at 84% 10%, rgba(255, 225, 186, .26) 0deg 2deg, transparent 2deg 16deg),
    linear-gradient(124deg, transparent 0 35%, rgba(225, 160, 255, .2) 44%, transparent 52%);
}

.membership-level-screen.membership-theme-v5::after {
  background:
    repeating-linear-gradient(142deg, transparent 0 46px, rgba(255, 208, 155, .12) 47px 49px, transparent 50px 104px),
    radial-gradient(circle at 48% 58%, rgba(165, 77, 255, .26), transparent 40%);
}

.membership-level-screen.membership-theme-v6 {
  background:
    radial-gradient(circle at 79% 8%, rgba(255, 248, 225, .78) 0%, rgba(235, 184, 91, .28) 10%, transparent 28%),
    radial-gradient(ellipse at 6% 54%, rgba(95, 117, 160, .42), transparent 38%),
    linear-gradient(145deg, #3f424c 0%, #242735 34%, #111521 68%, #05070c 100%) !important;
}

.membership-level-screen.membership-theme-v6::before {
  background:
    radial-gradient(ellipse at 70% 27%, rgba(255, 255, 255, .3), transparent 18%),
    repeating-conic-gradient(from 204deg at 84% 10%, rgba(255, 230, 164, .26) 0deg 1.5deg, transparent 1.5deg 14deg),
    linear-gradient(121deg, transparent 0 35%, rgba(245, 247, 255, .13) 42%, transparent 48%);
}

.membership-level-screen.membership-theme-v6::after {
  background:
    repeating-linear-gradient(142deg, transparent 0 42px, rgba(255, 223, 157, .1) 43px 44px, transparent 45px 94px),
    radial-gradient(circle at 45% 58%, rgba(110, 133, 177, .18), transparent 40%);
}

.membership-level-none { background: linear-gradient(145deg, #f4f7fb 0%, #dbe3ed 100%); }
.membership-level-v1 { background: linear-gradient(145deg, #f5d7c4 0%, #e9b18d 100%); }
.membership-level-v2 { background: linear-gradient(145deg, #edf3f8 0%, #b7c7d7 100%); }
.membership-level-v3 { background: linear-gradient(145deg, #fff0be 0%, #e8b84c 100%); }
.membership-level-v4 { background: linear-gradient(145deg, #effaff 0%, #9fc9e7 100%); }
.membership-level-v5 { background: linear-gradient(145deg, #f4e7ff 0%, #c792e9 100%); }
.membership-level-v6 { background: linear-gradient(145deg, #e9edf5 0%, #777e91 100%); }

.membership-level-screen.membership-theme-none {
  background:
    radial-gradient(circle at 83% 5%, rgba(238, 245, 255, .34), transparent 24%),
    radial-gradient(ellipse at 8% 58%, rgba(133, 151, 180, .28), transparent 38%),
    linear-gradient(145deg, #465162 0%, #2d3441 42%, #151a23 100%) !important;
}

.membership-level-screen.membership-theme-none::before {
  background:
    radial-gradient(circle at 78% 19%, rgba(255, 255, 255, .2), transparent 18%),
    repeating-linear-gradient(132deg, transparent 0 58px, rgba(220, 231, 247, .08) 59px 60px, transparent 61px 126px);
}

.membership-level-screen.membership-theme-none::after {
  background: radial-gradient(circle at 45% 48%, rgba(191, 208, 231, .12), transparent 42%);
}

.membership-level-screen.membership-theme-v1 {
  background:
    radial-gradient(circle at 84% 6%, rgba(255, 184, 132, .84), transparent 23%),
    radial-gradient(ellipse at 6% 54%, rgba(176, 62, 57, .56), transparent 37%),
    linear-gradient(145deg, #8b4646 0%, #5a2d35 43%, #241a24 100%) !important;
}

.membership-level-screen.membership-theme-v1::before {
  background:
    repeating-conic-gradient(from 215deg at 84% 8%, rgba(255, 222, 182, .25) 0deg 2deg, transparent 2deg 16deg),
    linear-gradient(122deg, transparent 0 34%, rgba(255, 206, 173, .16) 43%, transparent 52%);
}

.membership-level-screen.membership-theme-v1::after {
  background:
    repeating-linear-gradient(142deg, transparent 0 46px, rgba(255, 186, 151, .11) 47px 49px, transparent 50px 102px),
    radial-gradient(circle at 48% 58%, rgba(236, 114, 83, .2), transparent 40%);
}

.membership-level-screen.membership-theme-v2 {
  background:
    radial-gradient(circle at 84% 5%, rgba(231, 247, 255, .82), transparent 25%),
    radial-gradient(ellipse at 6% 55%, rgba(66, 139, 191, .52), transparent 39%),
    linear-gradient(145deg, #577e9c 0%, #304e68 43%, #172430 100%) !important;
}

.membership-level-screen.membership-theme-v2::before {
  background:
    repeating-conic-gradient(from 204deg at 84% 8%, rgba(246, 253, 255, .22) 0deg 2deg, transparent 2deg 16deg),
    linear-gradient(120deg, transparent 0 34%, rgba(215, 242, 255, .15) 43%, transparent 52%);
}

.membership-level-screen.membership-theme-v2::after {
  background:
    repeating-linear-gradient(142deg, transparent 0 45px, rgba(201, 233, 255, .1) 46px 48px, transparent 49px 103px),
    radial-gradient(circle at 46% 57%, rgba(99, 181, 229, .2), transparent 40%);
}

.membership-level-screen.membership-theme-v3 {
  background:
    radial-gradient(circle at 80% 4%, rgba(255, 242, 174, .98) 0%, rgba(247, 184, 55, .58) 11%, transparent 29%),
    radial-gradient(ellipse at 5% 55%, rgba(184, 108, 23, .62), transparent 38%),
    linear-gradient(145deg, #9a6b1d 0%, #644316 40%, #2c2118 71%, #151116 100%) !important;
}

.membership-level-screen.membership-theme-v3::before {
  background:
    repeating-conic-gradient(from 205deg at 83% 9%, rgba(255, 249, 198, .42) 0deg 2deg, transparent 2deg 14deg),
    radial-gradient(ellipse at 72% 26%, rgba(255, 221, 112, .32), transparent 23%),
    linear-gradient(123deg, transparent 0 32%, rgba(255, 225, 133, .22) 41%, transparent 51%);
}

.membership-level-screen.membership-theme-v3::after {
  background:
    repeating-linear-gradient(142deg, transparent 0 44px, rgba(255, 218, 118, .15) 45px 47px, transparent 48px 98px),
    radial-gradient(circle at 48% 58%, rgba(244, 172, 45, .3), transparent 40%);
}

.membership-level-screen.membership-theme-v4 {
  background:
    radial-gradient(circle at 80% 4%, rgba(242, 255, 255, .96) 0%, rgba(135, 229, 255, .66) 10%, transparent 28%),
    radial-gradient(ellipse at 6% 56%, rgba(45, 146, 228, .62), transparent 39%),
    linear-gradient(145deg, #89c2e2 0%, #3f79ac 36%, #1d416f 67%, #0a1323 100%) !important;
}

.membership-level-screen.membership-theme-v4::before {
  background:
    repeating-conic-gradient(from 203deg at 84% 8%, rgba(245, 255, 255, .52) 0deg 1.7deg, transparent 1.7deg 13deg),
    radial-gradient(ellipse at 71% 25%, rgba(224, 253, 255, .46), transparent 23%),
    linear-gradient(119deg, transparent 0 31%, rgba(203, 246, 255, .26) 40%, transparent 50%);
}

.membership-level-screen.membership-theme-v4::after {
  background:
    repeating-linear-gradient(142deg, transparent 0 43px, rgba(217, 249, 255, .16) 44px 46px, transparent 47px 96px),
    radial-gradient(circle at 47% 58%, rgba(91, 200, 255, .3), transparent 40%);
}

.membership-level-screen.membership-theme-v5 {
  background:
    radial-gradient(circle at 80% 4%, rgba(255, 225, 211, .96) 0%, rgba(244, 145, 255, .56) 10%, transparent 29%),
    radial-gradient(ellipse at 5% 55%, rgba(155, 57, 230, .68), transparent 40%),
    linear-gradient(145deg, #9150a8 0%, #5b267c 36%, #32134f 67%, #10091d 100%) !important;
}

.membership-level-screen.membership-theme-v5::before {
  background:
    repeating-conic-gradient(from 211deg at 84% 8%, rgba(255, 232, 202, .44) 0deg 1.8deg, transparent 1.8deg 13deg),
    radial-gradient(ellipse at 69% 25%, rgba(255, 199, 169, .48), transparent 22%),
    linear-gradient(123deg, transparent 0 31%, rgba(239, 174, 255, .25) 41%, transparent 51%);
}

.membership-level-screen.membership-theme-v5::after {
  background:
    repeating-linear-gradient(142deg, transparent 0 45px, rgba(255, 213, 188, .15) 46px 48px, transparent 49px 100px),
    radial-gradient(circle at 48% 58%, rgba(191, 82, 255, .34), transparent 40%);
}

.membership-level-screen.membership-theme-v6 {
  background:
    radial-gradient(circle at 80% 4%, rgba(255, 250, 223, .98) 0%, rgba(229, 178, 74, .64) 9%, transparent 26%),
    radial-gradient(ellipse at 5% 55%, rgba(73, 101, 146, .56), transparent 39%),
    linear-gradient(145deg, #4f5666 0%, #252b39 35%, #111621 68%, #03050a 100%) !important;
}

.membership-level-screen.membership-theme-v6::before {
  background:
    repeating-conic-gradient(from 205deg at 84% 8%, rgba(255, 239, 181, .42) 0deg 1.5deg, transparent 1.5deg 12deg),
    radial-gradient(ellipse at 69% 24%, rgba(255, 255, 255, .38), transparent 19%),
    linear-gradient(120deg, transparent 0 31%, rgba(247, 249, 255, .18) 40%, transparent 50%);
}

.membership-level-screen.membership-theme-v6::after {
  background:
    repeating-linear-gradient(142deg, transparent 0 42px, rgba(255, 224, 157, .14) 43px 45px, transparent 46px 94px),
    radial-gradient(circle at 46% 58%, rgba(112, 145, 204, .24), transparent 39%);
}

/* R17.386：真实会员支付确认、期限选择、好友选择与订单记录。 */
.membership-term-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 2px;
}

.membership-term-choice {
  display: grid;
  gap: 2px;
  padding: 10px 11px;
  border: 1px solid #e3eaf2 !important;
  border-radius: 14px;
  color: #64748b;
  text-align: left;
  background: #f8fafc;
}

.membership-term-choice.is-active {
  border-color: #eab27e !important;
  color: #9a552f;
  background: #fff5eb;
  box-shadow: 0 0 0 2px rgba(234, 178, 126, .12);
}

.membership-term-choice span { font-size: 10px; font-weight: 900; }
.membership-term-choice strong { color: #25354a; font-size: 15px; font-weight: 950; }
.membership-term-choice small { color: #94a3b8; font-size: 9px; font-weight: 800; }
.membership-term-choice.is-active strong { color: #b86137; }

.membership-friend-picker {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #e5ebf2;
  border-radius: 15px;
  background: #f8fafc;
}

.membership-friend-picker-heading { display: grid; gap: 2px; }
.membership-friend-picker-heading strong { color: #27364a; font-size: 11px; font-weight: 950; }
.membership-friend-picker-heading span,
.membership-friend-picker-empty { color: #8b9aae; font-size: 10px; }
.membership-friend-picker-list { display: grid; gap: 6px; max-height: 190px; overflow-y: auto; }

.membership-friend-option {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 7px;
  border: 1px solid #e7edf4 !important;
  border-radius: 12px;
  text-align: left;
  background: #fff;
}

.membership-friend-option > span:nth-child(2) { display: grid; flex: 1 1 auto; gap: 1px; min-width: 0; }
.membership-friend-option strong { overflow: hidden; color: #27364a; font-size: 11px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.membership-friend-option small { overflow: hidden; color: #94a3b8; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.membership-friend-option b { color: #a0aec0; font-size: 16px; font-weight: 500; }
.membership-friend-avatar { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 10px; color: #c56d47; background: #ffe6d3; font-size: 13px; font-weight: 950; }

.membership-payment-source,
.membership-pay-password {
  display: grid;
  gap: 4px;
  padding: 12px 13px;
  border: 1px solid #e4eaf2;
  border-radius: 15px;
  background: #f8fafc;
}

.membership-payment-source span,
.membership-pay-password > span { color: #64748b; font-size: 11px; font-weight: 850; }
.membership-payment-source strong { color: #27364a; font-size: 13px; font-weight: 950; }
.membership-payment-source small { color: #94a3b8; font-size: 10px; line-height: 1.4; }
.membership-pay-password input { min-height: 40px; padding: 0 11px; border: 1px solid #dce5ef; border-radius: 11px; outline: 0; color: #172033; background: #fff; font: inherit; font-size: 14px; letter-spacing: .2em; }
.membership-pay-password input:focus { border-color: #c56d47; box-shadow: 0 0 0 3px rgba(197, 109, 71, .12); }
.membership-preview-error { padding: 11px 13px; border: 1px solid #fecaca; border-radius: 14px; color: #b91c1c; background: #fef2f2; font-size: 11px; line-height: 1.45; }

.membership-history-button { width: auto; border: 0 !important; text-align: left; font: inherit; cursor: pointer; }
.membership-history-button > span { display: grid; gap: 3px; }
.membership-history-button small { color: #8290a3; font-size: 11px; }
.membership-orders-panel { margin: 0 18px; padding: 14px; border-radius: 20px; color: #172033; background: rgba(255, 255, 255, .94); box-shadow: 0 10px 22px rgba(12, 16, 24, .15); }
.membership-orders-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.membership-orders-heading strong { font-size: 15px; font-weight: 950; }
.membership-orders-heading button { padding: 5px 9px; border-radius: 999px; color: #55779e; background: #eef4fb; font-size: 10px; font-weight: 900; }
.membership-orders-list { display: grid; gap: 8px; margin: 11px 0 0; padding: 0; list-style: none; }
.membership-orders-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; padding: 9px 0; border-top: 1px solid #edf1f5; }
.membership-orders-list li > div { display: grid; gap: 2px; min-width: 0; }
.membership-orders-list li strong { overflow: hidden; color: #27364a; font-size: 11px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.membership-orders-list li span,
.membership-orders-list li small { color: #8b9aae; font-size: 10px; }
.membership-orders-list li > b { color: #b86137; font-size: 11px; font-weight: 950; }
.membership-orders-list li small { grid-column: 1 / -1; }
.membership-orders-empty { display: block; padding: 13px 0 2px; color: #8b9aae; font-size: 11px; }

.membership-purchase-success { align-content: center; min-height: 100%; padding: 24px 18px calc(42px + var(--cb-safe-bottom, 0px)); }
.membership-success-card { display: grid; justify-items: center; gap: 7px; padding: 30px 20px; border-radius: 26px; color: #172033; background: #fff; box-shadow: 0 16px 34px rgba(12, 16, 24, .18); text-align: center; }
.membership-success-mark { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 20px; color: #fff; background: #2f78d4; font-size: 31px; font-weight: 950; }
.membership-success-card > span { color: #5b7ea5; font-size: 11px; font-weight: 900; }
.membership-success-card h3 { margin: 2px 0 0; font-size: 25px; font-weight: 950; }
.membership-success-card p { margin: 0; color: #667a94; font-size: 12px; }
.membership-success-expiry { margin-top: 8px; padding: 8px 11px; border-radius: 999px; color: #315f92; background: #eef5fc; font-size: 11px; font-weight: 900; }
.membership-purchase-success .membership-review-actions { width: 100%; margin-top: 4px; }

/* R17.375：青铜/白银恢复克制的基础氛围；黄金/铂金在上一版基础上重新拉开材质层次。紫金/黑钻沿用 R17.374。 */
.membership-level-screen.membership-theme-v1 {
  background:
    linear-gradient(180deg, #4d3238 0%, #352a31 44%, #242831 100%) !important;
}

.membership-level-screen.membership-theme-v1::before,
.membership-level-screen.membership-theme-v1::after,
.membership-level-screen.membership-theme-v2::before,
.membership-level-screen.membership-theme-v2::after {
  opacity: .12;
}

.membership-level-screen.membership-theme-v1::before {
  background: radial-gradient(circle at 83% 8%, rgba(244, 177, 135, .32), transparent 27%);
}

.membership-level-screen.membership-theme-v1::after {
  background: radial-gradient(circle at 8% 54%, rgba(181, 74, 73, .18), transparent 34%);
}

.membership-level-screen.membership-theme-v2 {
  background:
    linear-gradient(180deg, #3b4a57 0%, #30343d 44%, #252831 100%) !important;
}

.membership-level-screen.membership-theme-v2::before {
  background: radial-gradient(circle at 83% 8%, rgba(195, 232, 252, .4), transparent 27%);
}

.membership-level-screen.membership-theme-v2::after {
  background: radial-gradient(circle at 8% 54%, rgba(74, 133, 181, .2), transparent 35%);
}

.membership-level-screen.membership-theme-v3 {
  background:
    radial-gradient(circle at 83% 5%, rgba(255, 242, 176, .98) 0%, rgba(241, 175, 49, .52) 11%, transparent 29%),
    radial-gradient(ellipse at 7% 54%, rgba(192, 111, 23, .56), transparent 36%),
    linear-gradient(155deg, #82551b 0%, #5b3b1b 39%, #32261c 68%, #17131a 100%) !important;
}

.membership-level-screen.membership-theme-v3::before {
  opacity: .9;
  background:
    repeating-conic-gradient(from 205deg at 84% 9%, rgba(255, 249, 199, .4) 0deg 1.8deg, transparent 1.8deg 14deg),
    linear-gradient(118deg, transparent 0 31%, rgba(255, 225, 135, .25) 41%, transparent 51%);
}

.membership-level-screen.membership-theme-v3::after {
  opacity: .48;
  background:
    repeating-linear-gradient(142deg, transparent 0 48px, rgba(255, 218, 116, .15) 49px 51px, transparent 52px 104px),
    radial-gradient(circle at 46% 58%, rgba(247, 174, 48, .3), transparent 39%);
}

.membership-level-screen.membership-theme-v4 {
  background:
    radial-gradient(circle at 80% 4%, rgba(248, 255, 255, .98) 0%, rgba(151, 232, 255, .62) 10%, transparent 28%),
    radial-gradient(ellipse at 6% 55%, rgba(42, 140, 221, .58), transparent 38%),
    linear-gradient(155deg, #7fb5d5 0%, #426f9e 37%, #263f6d 68%, #0c1525 100%) !important;
}

.membership-level-screen.membership-theme-v4::before {
  opacity: .92;
  background:
    repeating-conic-gradient(from 204deg at 84% 8%, rgba(248, 255, 255, .5) 0deg 1.6deg, transparent 1.6deg 13deg),
    linear-gradient(118deg, transparent 0 31%, rgba(215, 249, 255, .28) 41%, transparent 51%);
}

.membership-level-screen.membership-theme-v4::after {
  opacity: .5;
  background:
    repeating-linear-gradient(142deg, transparent 0 48px, rgba(224, 251, 255, .16) 49px 51px, transparent 52px 104px),
    radial-gradient(circle at 46% 58%, rgba(91, 202, 255, .28), transparent 39%);
}

.membership-benefit-list {
  display: grid;
  gap: 8px;
  margin-top: 11px;
}

.membership-benefit-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 16px;
  background: rgba(255, 255, 255, .08);
}

.membership-benefit-item-mark {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  color: #f8dfae;
  background: rgba(255, 255, 255, .14);
  font-size: 13px;
  font-weight: 950;
}

.membership-benefit-item > div:last-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.membership-benefit-item strong {
  color: rgba(255, 255, 255, .96);
  font-size: 13px;
  font-weight: 950;
}

.membership-benefit-item span {
  display: block;
  min-height: 1.2em;
  color: rgba(255, 255, 255, .64);
  font-size: 10px;
  line-height: 1.35;
}

/* R17.376：无会员使用普通底色；黄金/铂金复用无会员的三层构图，仅替换为各自材质渐变。 */
.membership-level-screen.membership-theme-none {
  background: #303640 !important;
}

.membership-level-screen.membership-theme-none::before,
.membership-level-screen.membership-theme-none::after {
  opacity: 0 !important;
  background: none !important;
}

.membership-level-screen.membership-theme-none .membership-level-card-copy {
  width: 100%;
}

.membership-level-screen.membership-theme-v3 {
  background:
    radial-gradient(circle at 83% 5%, rgba(255, 242, 178, .9) 0%, rgba(243, 177, 49, .48) 12%, transparent 29%),
    radial-gradient(ellipse at 8% 58%, rgba(191, 108, 25, .52), transparent 38%),
    linear-gradient(145deg, #87601f 0%, #5c411e 44%, #32271d 72%, #17141a 100%) !important;
}

.membership-level-screen.membership-theme-v3::before,
.membership-level-screen.membership-theme-v3::after,
.membership-level-screen.membership-theme-v4::before,
.membership-level-screen.membership-theme-v4::after {
  mix-blend-mode: screen;
}

.membership-level-screen.membership-theme-v3::before {
  opacity: .62;
  background: radial-gradient(circle at 74% 22%, rgba(255, 230, 139, .32), transparent 28%);
}

.membership-level-screen.membership-theme-v3::after {
  opacity: .24;
  background: linear-gradient(124deg, transparent 0 36%, rgba(255, 225, 130, .24) 48%, transparent 60%);
}

.membership-level-screen.membership-theme-v4 {
  background:
    radial-gradient(circle at 83% 5%, rgba(240, 254, 255, .94) 0%, rgba(133, 224, 255, .52) 12%, transparent 29%),
    radial-gradient(ellipse at 8% 58%, rgba(50, 144, 221, .54), transparent 38%),
    linear-gradient(145deg, #7daecc 0%, #426c99 44%, #263f69 72%, #0c1524 100%) !important;
}

.membership-level-screen.membership-theme-v4::before {
  opacity: .66;
  background: radial-gradient(circle at 74% 22%, rgba(230, 253, 255, .42), transparent 28%);
}

.membership-level-screen.membership-theme-v4::after {
  opacity: .25;
  background: linear-gradient(124deg, transparent 0 36%, rgba(211, 249, 255, .3) 48%, transparent 60%);
}

/* R17.376：紫金强化紫晶、玫瑰金和高光切面；黑钻强化黑曜石、铬银和香槟金。 */
.membership-level-screen.membership-theme-v5 {
  background:
    radial-gradient(circle at 84% 4%, rgba(255, 231, 212, .98) 0%, rgba(244, 142, 255, .58) 10%, transparent 27%),
    radial-gradient(circle at 14% 28%, rgba(217, 91, 255, .32), transparent 26%),
    radial-gradient(ellipse at 5% 75%, rgba(121, 34, 205, .65), transparent 40%),
    linear-gradient(145deg, #9952ac 0%, #5b247d 36%, #301347 69%, #0d0717 100%) !important;
}

.membership-level-screen.membership-theme-v5::before {
  opacity: .95;
  background:
    repeating-conic-gradient(from 214deg at 84% 8%, rgba(255, 236, 212, .48) 0deg 1.8deg, transparent 1.8deg 12deg),
    radial-gradient(ellipse at 70% 23%, rgba(255, 199, 177, .48), transparent 20%),
    linear-gradient(121deg, transparent 0 29%, rgba(239, 173, 255, .32) 40%, transparent 51%);
}

.membership-level-screen.membership-theme-v5::after {
  opacity: .52;
  background:
    repeating-linear-gradient(142deg, transparent 0 42px, rgba(255, 214, 193, .16) 43px 45px, transparent 46px 92px),
    linear-gradient(166deg, transparent 0 45%, rgba(210, 102, 255, .2) 52%, transparent 67%);
}

.membership-level-screen.membership-theme-v6 {
  background:
    radial-gradient(circle at 84% 4%, rgba(255, 251, 223, .98) 0%, rgba(226, 174, 69, .62) 9%, transparent 25%),
    radial-gradient(circle at 16% 26%, rgba(178, 196, 230, .22), transparent 23%),
    radial-gradient(ellipse at 6% 75%, rgba(50, 73, 116, .52), transparent 39%),
    linear-gradient(145deg, #4a5261 0%, #262c39 35%, #111620 68%, #020408 100%) !important;
}

.membership-level-screen.membership-theme-v6::before {
  opacity: .96;
  background:
    repeating-conic-gradient(from 207deg at 84% 8%, rgba(255, 240, 184, .5) 0deg 1.5deg, transparent 1.5deg 11deg),
    radial-gradient(ellipse at 70% 22%, rgba(255, 255, 255, .42), transparent 18%),
    linear-gradient(119deg, transparent 0 29%, rgba(244, 248, 255, .2) 40%, transparent 51%);
}

.membership-level-screen.membership-theme-v6::after {
  opacity: .56;
  background:
    repeating-linear-gradient(142deg, transparent 0 40px, rgba(255, 225, 159, .15) 41px 43px, transparent 44px 90px),
    linear-gradient(166deg, transparent 0 44%, rgba(119, 151, 211, .2) 52%, transparent 67%);
}

/* R17.377：补回无会员旧构图中的规律斜线层，黄金/铂金只替换颜色，不改变构图。 */
.membership-level-screen.membership-theme-v3::before {
  opacity: .72;
  background:
    radial-gradient(circle at 78% 19%, rgba(255, 255, 255, .2), transparent 18%),
    repeating-linear-gradient(132deg, transparent 0 58px, rgba(255, 224, 144, .14) 59px 60px, transparent 61px 126px);
}

.membership-level-screen.membership-theme-v3::after {
  opacity: .28;
  background: radial-gradient(circle at 45% 48%, rgba(255, 214, 110, .18), transparent 42%);
}

.membership-level-screen.membership-theme-v4::before {
  opacity: .76;
  background:
    radial-gradient(circle at 78% 19%, rgba(255, 255, 255, .24), transparent 18%),
    repeating-linear-gradient(132deg, transparent 0 58px, rgba(214, 245, 255, .16) 59px 60px, transparent 61px 126px);
}

.membership-level-screen.membership-theme-v4::after {
  opacity: .3;
  background: radial-gradient(circle at 45% 48%, rgba(151, 223, 255, .2), transparent 42%);
}

/* R17.378：紫金/黑钻去掉廉价的高饱和色线，改为克制的宝石反光。 */
.membership-level-screen.membership-theme-v5 {
  background:
    radial-gradient(circle at 84% 5%, rgba(255, 229, 211, .82) 0%, rgba(205, 124, 229, .32) 13%, transparent 30%),
    radial-gradient(ellipse at 8% 58%, rgba(110, 47, 153, .42), transparent 42%),
    linear-gradient(155deg, #70427e 0%, #432452 43%, #24152e 72%, #100912 100%) !important;
}

.membership-level-screen.membership-theme-v5::before {
  opacity: .62;
  background:
    radial-gradient(ellipse at 73% 21%, rgba(255, 226, 208, .26), transparent 22%),
    linear-gradient(118deg, transparent 0 38%, rgba(237, 202, 255, .13) 47%, transparent 57%);
}

.membership-level-screen.membership-theme-v5::after {
  opacity: .24;
  background:
    radial-gradient(ellipse at 51% 63%, rgba(183, 111, 218, .16), transparent 38%),
    linear-gradient(164deg, transparent 0 48%, rgba(255, 213, 193, .08) 55%, transparent 66%);
}

.membership-level-screen.membership-theme-v6 {
  background:
    radial-gradient(circle at 84% 5%, rgba(255, 249, 222, .84) 0%, rgba(207, 157, 69, .3) 11%, transparent 28%),
    radial-gradient(ellipse at 8% 58%, rgba(71, 88, 119, .3), transparent 42%),
    linear-gradient(155deg, #424855 0%, #252a35 43%, #11151e 72%, #030407 100%) !important;
}

.membership-level-screen.membership-theme-v6::before {
  opacity: .64;
  background:
    radial-gradient(ellipse at 73% 21%, rgba(255, 255, 255, .24), transparent 19%),
    linear-gradient(118deg, transparent 0 38%, rgba(244, 247, 255, .11) 47%, transparent 57%);
}

.membership-level-screen.membership-theme-v6::after {
  opacity: .26;
  background:
    radial-gradient(ellipse at 51% 63%, rgba(115, 141, 185, .14), transparent 38%),
    linear-gradient(164deg, transparent 0 48%, rgba(255, 229, 173, .08) 55%, transparent 66%);
}

/* R17.379：黄金/铂金回退到无斜线版本；紫金/黑钻改为少装饰、强材质的高级背景。 */
.membership-level-screen.membership-theme-v3::before {
  opacity: .62;
  background:
    radial-gradient(ellipse at 73% 21%, rgba(255, 230, 161, .3), transparent 22%),
    linear-gradient(118deg, transparent 0 38%, rgba(255, 225, 130, .14) 47%, transparent 57%);
}

.membership-level-screen.membership-theme-v3::after {
  opacity: .24;
  background: radial-gradient(ellipse at 51% 63%, rgba(245, 178, 53, .16), transparent 38%);
}

.membership-level-screen.membership-theme-v4::before {
  opacity: .66;
  background:
    radial-gradient(ellipse at 73% 21%, rgba(230, 253, 255, .42), transparent 22%),
    linear-gradient(118deg, transparent 0 38%, rgba(215, 249, 255, .16) 47%, transparent 57%);
}

.membership-level-screen.membership-theme-v4::after {
  opacity: .25;
  background: radial-gradient(ellipse at 51% 63%, rgba(91, 202, 255, .18), transparent 38%);
}

.membership-level-screen.membership-theme-v5 {
  background:
    radial-gradient(ellipse 85% 38% at 88% 2%, rgba(255, 228, 214, .86) 0%, rgba(203, 126, 225, .34) 34%, transparent 68%),
    radial-gradient(circle at 10% 62%, rgba(113, 47, 168, .56), transparent 43%),
    linear-gradient(155deg, #7d4a8c 0%, #4b285c 40%, #2a1834 72%, #100a15 100%) !important;
}

.membership-level-screen.membership-theme-v5::before {
  opacity: .72;
  background:
    radial-gradient(ellipse at 78% 17%, rgba(255, 235, 221, .26), transparent 21%),
    conic-gradient(from 226deg at 86% 10%, transparent 0deg 22deg, rgba(243, 202, 224, .13) 32deg 47deg, transparent 58deg 360deg);
}

.membership-level-screen.membership-theme-v5::after {
  opacity: .3;
  background:
    radial-gradient(ellipse at 54% 72%, rgba(214, 143, 243, .18), transparent 41%),
    linear-gradient(164deg, transparent 0 45%, rgba(255, 214, 197, .08) 54%, transparent 68%);
}

.membership-level-screen.membership-theme-v6 {
  background:
    radial-gradient(ellipse 82% 36% at 88% 2%, rgba(255, 249, 219, .88) 0%, rgba(207, 158, 73, .3) 32%, transparent 66%),
    radial-gradient(circle at 12% 58%, rgba(148, 166, 198, .2), transparent 38%),
    linear-gradient(155deg, #444a56 0%, #272c37 40%, #11151e 72%, #030407 100%) !important;
}

.membership-level-screen.membership-theme-v6::before {
  opacity: .74;
  background:
    radial-gradient(ellipse at 78% 17%, rgba(255, 255, 255, .25), transparent 19%),
    conic-gradient(from 226deg at 86% 10%, transparent 0deg 23deg, rgba(255, 237, 186, .11) 33deg 47deg, transparent 58deg 360deg);
}

.membership-level-screen.membership-theme-v6::after {
  opacity: .32;
  background:
    radial-gradient(ellipse at 54% 72%, rgba(139, 163, 207, .16), transparent 41%),
    linear-gradient(164deg, transparent 0 45%, rgba(255, 232, 182, .07) 54%, transparent 68%);
}

/* R17.380：紫金/黑钻改用透明 Logo 压印与暗纹印花，不再叠加高光、彩线或闪烁效果。 */
.membership-level-screen.membership-theme-v5 {
  background: linear-gradient(135deg, #5b3569 0%, #382044 42%, #211329 73%, #0d0812 100%) !important;
}

.membership-level-screen.membership-theme-v5::before {
  opacity: .16;
  mix-blend-mode: normal;
  background-image: url("../../../assets/membership/v5-purple-gold-logo-360.webp");
  background-repeat: no-repeat;
  background-position: 108% 8%;
  background-size: 370px auto;
}

.membership-level-screen.membership-theme-v5::after {
  opacity: .035;
  mix-blend-mode: normal;
  background-image: url("../../../assets/membership/v5-purple-gold-logo-360.webp");
  background-repeat: repeat;
  background-position: 14% 54%;
  background-size: 188px auto;
  transform: rotate(-8deg) scale(1.08);
}

.membership-level-screen.membership-theme-v6 {
  background: linear-gradient(135deg, #363b47 0%, #222732 42%, #10141c 73%, #020305 100%) !important;
}

.membership-level-screen.membership-theme-v6::before {
  opacity: .13;
  mix-blend-mode: normal;
  background-image: url("../../../assets/membership/v6-black-diamond-logo-360.webp");
  background-repeat: no-repeat;
  background-position: 108% 8%;
  background-size: 370px auto;
}

.membership-level-screen.membership-theme-v6::after {
  opacity: .028;
  mix-blend-mode: normal;
  background-image: url("../../../assets/membership/v6-black-diamond-logo-360.webp");
  background-repeat: repeat;
  background-position: 14% 54%;
  background-size: 188px auto;
  transform: rotate(-8deg) scale(1.08);
}

/* R17.381：紫金/黑钻只保留一枚主 Logo；以受控亮斑提亮材质，避免重复印花与过暗背景。 */
.membership-level-screen.membership-theme-v5 {
  background:
    radial-gradient(circle at 84% 12%, rgba(255, 240, 231, .76) 0%, rgba(226, 155, 244, .30) 18%, transparent 38%),
    radial-gradient(ellipse at 18% 64%, rgba(137, 76, 190, .34), transparent 43%),
    linear-gradient(135deg, #724a8a 0%, #4c2d60 43%, #2f1c3e 76%, #130c1c 100%) !important;
}

.membership-level-screen.membership-theme-v5::before {
  opacity: .25;
  mix-blend-mode: normal;
  background-image: url("../../../assets/membership/v5-purple-gold-logo-360.webp");
  background-repeat: no-repeat;
  background-position: 108% 10%;
  background-size: 410px auto;
  transform: none;
}

.membership-level-screen.membership-theme-v5::after {
  opacity: .9;
  mix-blend-mode: normal;
  background-image:
    radial-gradient(circle at 82% 15%, rgba(255, 246, 238, .24) 0%, transparent 19%),
    radial-gradient(ellipse at 18% 66%, rgba(213, 139, 242, .14) 0%, transparent 39%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  transform: none;
}

.membership-level-screen.membership-theme-v6 {
  background:
    radial-gradient(circle at 84% 12%, rgba(255, 248, 220, .78) 0%, rgba(215, 170, 91, .28) 18%, transparent 36%),
    radial-gradient(ellipse at 18% 64%, rgba(165, 187, 219, .19), transparent 41%),
    linear-gradient(135deg, #4a505e 0%, #303743 43%, #1d222c 76%, #080a0f 100%) !important;
}

.membership-level-screen.membership-theme-v6::before {
  opacity: .23;
  mix-blend-mode: normal;
  background-image: url("../../../assets/membership/v6-black-diamond-logo-360.webp");
  background-repeat: no-repeat;
  background-position: 108% 10%;
  background-size: 410px auto;
  transform: none;
}

.membership-level-screen.membership-theme-v6::after {
  opacity: .9;
  mix-blend-mode: normal;
  background-image:
    radial-gradient(circle at 82% 15%, rgba(255, 251, 228, .24) 0%, transparent 18%),
    radial-gradient(ellipse at 18% 66%, rgba(170, 197, 230, .13) 0%, transparent 38%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  transform: none;
}

/* R17.389：依据会员中心/开通会员参考图重建暗色会员体系。卡片内容和支付流程仍由 profile.js 驱动。 */
.sheet-bg.membership-center-sheet-open {
  background: #121114 !important;
}

.sheet-bg.membership-center-sheet-open .sheet,
.sheet-bg.membership-center-sheet-open #sheetBody {
  background: transparent !important;
}

.sheet-bg.membership-center-sheet-open #sheetBody {
  padding: 0 !important;
  overscroll-behavior-x: none !important;
}

.membership-level-screen,
.membership-review-screen {
  --member-accent: #d18a54;
  --member-accent-soft: rgba(209, 138, 84, .2);
  --member-ink: #fff2df;
  --member-muted: rgba(255, 236, 215, .62);
  position: relative;
  display: grid !important;
  grid-template-rows: auto auto auto auto auto !important;
  gap: 0 !important;
  min-height: 100%;
  overflow: visible !important;
  isolation: isolate;
  color: var(--member-ink) !important;
  background: #171518 !important;
}

.membership-level-screen::before,
.membership-level-screen::after,
.membership-review-screen::before,
.membership-review-screen::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
}

.membership-level-screen::before,
.membership-review-screen::before {
  opacity: .78 !important;
  background:
    radial-gradient(circle at 82% 9%, var(--member-accent-soft), transparent 30%),
    radial-gradient(circle at 4% 55%, rgba(255, 255, 255, .045), transparent 30%);
}

.membership-level-screen::after,
.membership-review-screen::after {
  opacity: .42 !important;
  background: repeating-linear-gradient(137deg, transparent 0 76px, rgba(255, 255, 255, .025) 77px 78px, transparent 79px 156px);
}

.membership-level-screen.membership-theme-none,
.membership-review-screen.membership-theme-none {
  --member-accent: #9aa1ad;
  --member-accent-soft: rgba(154, 161, 173, .12);
  background: #17181c !important;
}

.membership-level-screen.membership-theme-v1,
.membership-review-screen.membership-theme-v1 {
  --member-accent: #d78a58;
  --member-accent-soft: rgba(215, 138, 88, .28);
  background: linear-gradient(155deg, #3d211b 0%, #1f1718 46%, #101014 100%) !important;
}

.membership-level-screen.membership-theme-v2,
.membership-review-screen.membership-theme-v2 {
  --member-accent: #b8cfe2;
  --member-accent-soft: rgba(151, 197, 235, .22);
  background: linear-gradient(155deg, #27333d 0%, #171d25 48%, #0d1015 100%) !important;
}

.membership-level-screen.membership-theme-v3,
.membership-review-screen.membership-theme-v3 {
  --member-accent: #e6b450;
  --member-accent-soft: rgba(230, 180, 80, .30);
  background: linear-gradient(155deg, #4b3115 0%, #261b16 48%, #110f12 100%) !important;
}

.membership-level-screen.membership-theme-v4,
.membership-review-screen.membership-theme-v4 {
  --member-accent: #9fd9f7;
  --member-accent-soft: rgba(132, 202, 247, .27);
  background: linear-gradient(155deg, #223d56 0%, #172532 48%, #0c1016 100%) !important;
}

.membership-level-screen.membership-theme-v5,
.membership-review-screen.membership-theme-v5 {
  --member-accent: #dda6ec;
  --member-accent-soft: rgba(202, 116, 244, .26);
  background: linear-gradient(155deg, #452257 0%, #25152f 48%, #100d16 100%) !important;
}

.membership-level-screen.membership-theme-v6,
.membership-review-screen.membership-theme-v6 {
  --member-accent: #e0c28a;
  --member-accent-soft: rgba(219, 172, 89, .23);
  background: linear-gradient(155deg, #30333c 0%, #171a21 47%, #08090d 100%) !important;
}

.membership-screen-topbar {
  position: relative;
  z-index: 3;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 48px !important;
  align-items: center;
  min-height: 76px !important;
  padding: calc(13px + var(--cb-safe-top, 0px)) 14px 7px !important;
  box-sizing: border-box;
}

.membership-screen-topbar h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  letter-spacing: .03em;
  text-align: center;
}

.membership-screen-topbar-spacer {
  display: block;
  width: 48px !important;
  height: 42px !important;
}

.membership-inline-back {
  display: grid !important;
  place-items: center;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 0 !important;
}

.membership-inline-back span {
  display: block;
  width: 13px;
  height: 13px;
  border-bottom: 3px solid currentColor;
  border-left: 3px solid currentColor;
  transform: translate(3px, 0) rotate(45deg);
}

.membership-level-showcase {
  min-width: 0;
  overflow: hidden;
}

.membership-level-rail {
  display: flex !important;
  gap: 14px !important;
  width: 100%;
  padding: 16px max(22px, calc((100vw - 82vw) / 2)) 7px !important;
  box-sizing: border-box;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: max(22px, calc((100vw - 82vw) / 2));
  overscroll-behavior-x: contain !important;
  touch-action: pan-x !important;
}

.membership-level-rail::-webkit-scrollbar { display: none; }

.membership-level-card.membership-reference-card {
  position: relative;
  display: grid !important;
  flex: 0 0 82vw !important;
  grid-template-rows: auto 1fr auto !important;
  min-width: 0;
  min-height: 282px !important;
  padding: 18px 18px 0 !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .54) !important;
  border-radius: 28px !important;
  color: #2b2020 !important;
  scroll-snap-align: center !important;
  box-shadow: 0 19px 38px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .76) !important;
  filter: grayscale(.72) saturate(.45) brightness(.68) !important;
  opacity: .67 !important;
  transform: scale(.965) !important;
  transition: none !important;
}

.membership-level-card.membership-reference-card.is-selected {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.membership-reference-card::before,
.membership-reference-card::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.membership-reference-card::before {
  inset: 0;
  background: radial-gradient(circle at 78% 24%, rgba(255, 255, 255, .34), transparent 27%);
}

.membership-reference-card::after {
  right: -86px;
  bottom: -130px;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(255, 255, 255, .46);
  border-radius: 50%;
  box-shadow: 0 0 0 26px rgba(255, 255, 255, .10), 0 0 0 52px rgba(255, 255, 255, .055);
}

.membership-level-v1.membership-reference-card { background: linear-gradient(145deg, #f0c8ae 0%, #ce8a58 100%) !important; }
.membership-level-v2.membership-reference-card { background: linear-gradient(145deg, #e8f1f8 0%, #9db7ce 100%) !important; }
.membership-level-v3.membership-reference-card { background: linear-gradient(145deg, #ffe7a3 0%, #c7943d 100%) !important; }
.membership-level-v4.membership-reference-card { background: linear-gradient(145deg, #eaf7ff 0%, #8eb9d9 100%) !important; }
.membership-level-v5.membership-reference-card { background: linear-gradient(145deg, #f0d9f8 0%, #9d62bb 100%) !important; }
.membership-level-v6.membership-reference-card { background: linear-gradient(145deg, #7b8290 0%, #252b36 100%) !important; color: #fff !important; }

.membership-reference-card-top,
.membership-reference-card-body,
.membership-reference-card-bottom {
  position: relative;
  z-index: 1;
}

.membership-reference-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 26px;
}

.membership-reference-card-top span {
  color: rgba(43, 32, 32, .72);
  font-size: 12px;
  font-weight: 900;
}

.membership-level-v6 .membership-reference-card-top span { color: rgba(255, 255, 255, .76); }

.membership-reference-card-top b {
  padding: 6px 11px;
  border-radius: 999px;
  color: #5f321d;
  background: rgba(255, 247, 232, .68);
  font-size: 11px;
  font-weight: 950;
}

.membership-level-v6 .membership-reference-card-top b { color: #261d16; }

.membership-reference-card-body {
  display: flex;
  align-items: center;
  min-width: 0;
}

.membership-reference-card-copy {
  display: grid;
  align-content: center;
  gap: 6px;
  width: 59%;
  min-width: 0;
}

.membership-reference-card-copy small {
  color: rgba(43, 32, 32, .68);
  font-size: 12px;
  font-weight: 850;
}

.membership-reference-card-copy strong {
  color: #251b1b;
  font-size: 31px;
  line-height: 1.06;
  font-weight: 950;
  letter-spacing: -.045em;
}

.membership-reference-card-copy > span {
  color: rgba(43, 32, 32, .7);
  font-size: 12px;
  line-height: 1.35;
}

.membership-level-v6 .membership-reference-card-copy small,
.membership-level-v6 .membership-reference-card-copy strong,
.membership-level-v6 .membership-reference-card-copy > span { color: rgba(255, 255, 255, .9); }

.membership-reference-card-price {
  display: grid;
  grid-template-columns: auto auto;
  gap: 3px 7px;
  margin-top: 2px;
  color: #713b22;
  font-size: 12px;
  font-weight: 900;
}

.membership-reference-card-price strong { color: #713b22; font-size: 15px; letter-spacing: 0; }

.membership-reference-card-logo {
  position: absolute;
  top: 28px;
  right: -7px;
  display: grid;
  place-items: center;
  width: 184px;
  height: 184px;
  filter: drop-shadow(0 14px 11px rgba(55, 28, 19, .28));
}

.membership-reference-card-logo img {
  width: 184px;
  height: 184px;
  object-fit: contain;
}

.membership-reference-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  min-height: 59px;
  border-top: 1px solid rgba(255, 255, 255, .6);
  color: rgba(43, 32, 32, .78);
  font-size: 12px;
  font-weight: 900;
}

.membership-level-v6 .membership-reference-card-bottom { color: rgba(255, 255, 255, .76); }

.membership-reference-card-action {
  min-height: 36px;
  padding: 8px 17px;
  border: 0 !important;
  border-radius: 999px;
  color: #fff6e8;
  background: #a45b2e;
  box-shadow: 0 7px 14px rgba(82, 43, 24, .2);
  font-size: 12px;
  font-weight: 950;
}

.membership-reference-card-lock {
  color: rgba(43, 32, 32, .64);
  font-size: 11px;
  font-weight: 900;
}

.membership-level-v6 .membership-reference-card-lock { color: rgba(255, 255, 255, .68); }

.membership-level-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 11px 0 7px !important;
}

.membership-level-dots i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, .29) !important;
}

.membership-level-dots i.is-active {
  width: 25px !important;
  background: #fff0de !important;
}

.membership-benefits-section,
.membership-service-section,
.membership-record-section {
  padding: 18px 18px 0 !important;
  color: var(--member-ink) !important;
}

.membership-section-title,
.membership-review-heading {
  display: flex;
  align-items: center;
  gap: 10px;
}

.membership-section-title h3,
.membership-review-heading h3 {
  margin: 0;
  color: #fff4e6;
  font-size: 21px;
  line-height: 1.1;
  font-weight: 950;
}

.membership-section-glyph {
  color: var(--member-accent);
  font-size: 23px;
  line-height: 1;
  text-shadow: 0 0 14px var(--member-accent-soft);
}

.membership-unlocked-copy {
  margin-left: 6px;
  color: rgba(255, 239, 222, .63);
  font-size: 12px;
  font-weight: 800;
}

.membership-unlocked-copy strong {
  margin: 0 3px;
  color: var(--member-accent);
  font-size: 25px;
  font-weight: 950;
}

.membership-quota-card {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 13px;
  padding: 15px 13px;
  border: 1px solid rgba(224, 174, 123, .28);
  border-radius: 23px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .035));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 15px 28px rgba(0, 0, 0, .16);
}

.membership-quota-emblem {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 66px;
  height: 66px;
  border: 1px solid rgba(239, 192, 143, .5);
  border-radius: 50%;
  color: #ffd7a9;
  background: radial-gradient(circle, rgba(209, 121, 61, .72), rgba(91, 45, 27, .7));
  box-shadow: 0 0 0 6px rgba(238, 177, 112, .06), 0 7px 17px rgba(0, 0, 0, .22);
  font-size: 30px;
  font-weight: 850;
}

.membership-quota-content { min-width: 0; flex: 1 1 auto; }

.membership-quota-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  margin-bottom: 12px;
}

.membership-quota-heading strong { color: #fff0dc; font-size: 19px; font-weight: 950; }
.membership-quota-heading span { padding: 5px 8px; border-radius: 999px; color: var(--member-accent); background: rgba(255, 255, 255, .09); font-size: 10px; font-weight: 850; white-space: nowrap; }

.membership-quota-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.membership-quota-item {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 0 9px;
  border-left: 1px solid rgba(255, 255, 255, .12);
  text-align: center;
}

.membership-quota-item:first-child { padding-left: 0; border-left: 0; }
.membership-quota-item:last-child { padding-right: 0; }
.membership-quota-item span { color: rgba(255, 239, 221, .66); font-size: 10px; }
.membership-quota-item strong { color: #fff0dd; font-size: 16px; font-weight: 950; white-space: nowrap; }
.membership-quota-item small { color: rgba(255, 239, 221, .57); font-size: 9px; white-space: nowrap; }

.membership-benefits-empty {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 12px 13px;
  border: 1px dashed rgba(255, 255, 255, .2);
  border-radius: 17px;
  background: rgba(255, 255, 255, .045);
}

.membership-benefits-empty > div { display: grid; gap: 2px; min-width: 0; }
.membership-benefits-empty strong { color: rgba(255, 245, 231, .88); font-size: 12px; font-weight: 900; }
.membership-benefits-empty span { color: rgba(255, 239, 220, .54); font-size: 10px; line-height: 1.35; }
.membership-empty-mark { color: var(--member-accent); font-size: 22px; }

.membership-service-section { padding-top: 23px !important; }

.membership-service-card,
.membership-record-card {
  margin-top: 12px;
  border: 1px solid rgba(224, 174, 123, .3);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .035));
  box-shadow: 0 15px 28px rgba(0, 0, 0, .15);
}

.membership-service-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 13px;
}

.membership-service-logo {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 82px;
  height: 82px;
  overflow: hidden;
}

.membership-service-logo img { width: 82px; height: 82px; object-fit: contain; filter: drop-shadow(0 8px 9px rgba(0, 0, 0, .26)); }
.membership-service-main > div:last-child { display: grid; gap: 4px; min-width: 0; }
.membership-service-main small { color: rgba(255, 239, 220, .56); font-size: 10px; font-weight: 850; }
.membership-service-main strong { color: #fff0de; font-size: 20px; font-weight: 950; }
.membership-service-main span { color: rgba(255, 239, 220, .62); font-size: 11px; line-height: 1.35; }

.membership-service-actions {
  display: grid;
  gap: 8px;
  padding: 0 13px 13px;
}

.membership-service-actions button,
.membership-service-growth-tag {
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  text-align: center;
}

.membership-service-primary { color: #fff7eb; background: var(--member-accent) !important; }
.membership-service-secondary { color: var(--member-accent); border: 1px solid var(--member-accent) !important; background: transparent !important; }

.membership-gift-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 68px;
  padding: 11px 13px;
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
  color: #fff0de;
  background: transparent !important;
  text-align: left;
}

.membership-gift-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: var(--member-accent);
  background: rgba(255, 255, 255, .1);
  font-size: 22px;
}

.membership-gift-row > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.membership-gift-row strong { font-size: 13px; font-weight: 950; }
.membership-gift-row small { color: rgba(255, 239, 220, .55); font-size: 10px; }
.membership-gift-row b { margin-left: auto; color: rgba(255, 239, 220, .72); font-size: 25px; font-weight: 300; }
.membership-service-friend-row { margin: 0 13px 11px; padding: 11px 0 0; border-top-color: rgba(255, 255, 255, .12); }
.membership-service-friend-row strong { color: #fff0de; }
.membership-service-friend-row span { color: rgba(255, 239, 220, .58); }
.membership-service-friend-row button { color: var(--member-accent); background: rgba(255, 255, 255, .09); }

.membership-service-growth { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.membership-service-growth .membership-service-main { padding-right: 4px; }
.membership-service-growth-tag { flex: 0 0 auto; margin-right: 13px; color: var(--member-accent); background: rgba(255, 255, 255, .1); white-space: nowrap; }

.membership-service-empty { display: flex; align-items: center; gap: 11px; padding: 16px 14px; }
.membership-service-empty-mark { display: grid; place-items: center; width: 47px; height: 47px; border-radius: 15px; color: rgba(255, 239, 220, .55); background: rgba(255, 255, 255, .08); font-size: 29px; }
.membership-service-empty > div:last-child { display: grid; gap: 4px; }
.membership-service-empty strong { color: #fff0de; font-size: 15px; font-weight: 950; }
.membership-service-empty span { color: rgba(255, 239, 220, .6); font-size: 11px; }

.membership-record-section { padding-top: 24px !important; padding-bottom: calc(28px + var(--cb-safe-bottom, 0px)) !important; }
.membership-record-card { overflow: hidden; }
.membership-record-row { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 76px; padding: 11px 13px; border: 0 !important; color: #fff0de; background: transparent !important; text-align: left; }
.membership-record-row + .membership-record-row { border-top: 1px solid rgba(255, 255, 255, .11) !important; }
.membership-record-icon { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: var(--member-accent); background: rgba(255, 255, 255, .1); font-size: 19px; }
.membership-record-copy { display: grid; gap: 3px; min-width: 0; }
.membership-record-copy strong { font-size: 13px; font-weight: 950; }
.membership-record-copy small { color: rgba(255, 239, 220, .56); font-size: 10px; }
.membership-record-row > b { margin-left: auto; color: rgba(255, 239, 220, .7); font-size: 11px; font-weight: 800; white-space: nowrap; }

.membership-level-screen .membership-orders-panel { margin: 10px 0 0 !important; border: 1px solid rgba(224, 174, 123, .25) !important; color: #fff0de; background: rgba(255, 255, 255, .06) !important; box-shadow: none !important; }
.membership-level-screen .membership-orders-heading strong { color: #fff0de; }
.membership-level-screen .membership-orders-heading button { color: var(--member-accent); background: rgba(255, 255, 255, .09); }
.membership-level-screen .membership-orders-list li { border-top-color: rgba(255, 255, 255, .1); }
.membership-level-screen .membership-orders-list li strong { color: #fff0de; }
.membership-level-screen .membership-orders-list li span, .membership-level-screen .membership-orders-list li small, .membership-level-screen .membership-orders-empty { color: rgba(255, 239, 220, .58); }

/* 开通页 */
.membership-review-screen { display: grid !important; grid-template-rows: auto auto auto auto auto auto !important; min-height: 100% !important; margin: 0 !important; padding: 0 0 calc(24px + var(--cb-safe-bottom, 0px)) !important; overflow: visible !important; }
.membership-review-screen::before,
.membership-review-screen::after { display: none !important; }
.membership-review-screen .membership-screen-topbar { margin-bottom: 2px; }
.membership-review-hero { position: relative; display: flex; align-items: center; min-height: 276px; margin: 8px 18px 0 !important; padding: 22px 18px !important; overflow: hidden; border: 1px solid rgba(238, 189, 142, .46) !important; border-radius: 28px !important; color: #fff1df !important; background: linear-gradient(135deg, rgba(85, 49, 35, .78), rgba(22, 18, 20, .88)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 18px 32px rgba(0, 0, 0, .23); }
.membership-review-hero::before { position: absolute; inset: 0; pointer-events: none; content: ""; background: repeating-radial-gradient(ellipse at 91% 92%, transparent 0 50px, rgba(255, 232, 204, .13) 51px 52px, transparent 53px 102px); }
.membership-review-hero-copy { position: relative; z-index: 1; display: grid; align-content: center; gap: 9px; width: 55%; }
.membership-review-hero-copy > span { color: rgba(255, 235, 210, .7); font-size: 13px; font-weight: 850; }
.membership-review-hero-copy h3 { margin: 0; color: #fff0dc; font-size: 30px; font-weight: 950; letter-spacing: -.04em; }
.membership-review-hero-copy p { margin: 0; color: rgba(255, 235, 210, .66); font-size: 13px; }
.membership-review-hero-copy > strong { margin-top: 6px; color: var(--member-accent); font-size: 30px; font-weight: 950; }
.membership-review-hero-copy > strong small { color: rgba(255, 235, 210, .7); font-size: 15px; font-weight: 700; }
.membership-review-hero-logo { position: absolute; z-index: 1; top: 29px; right: -8px; width: 205px; height: 205px; filter: drop-shadow(0 18px 12px rgba(0, 0, 0, .34)); }
.membership-review-hero-logo img { width: 205px; height: 205px; object-fit: contain; }
.membership-review-screen.membership-theme-v2 .membership-review-hero { background: linear-gradient(135deg, rgba(63, 83, 101, .8), rgba(18, 25, 32, .93)) !important; }
.membership-review-screen.membership-theme-v3 .membership-review-hero { background: linear-gradient(135deg, rgba(89, 57, 23, .84), rgba(25, 18, 12, .93)) !important; }
.membership-review-screen.membership-theme-v4 .membership-review-hero { background: linear-gradient(135deg, rgba(50, 90, 118, .84), rgba(15, 25, 36, .93)) !important; }

.membership-review-section { margin: 22px 18px 0; }
.membership-review-heading { margin-bottom: 11px; }
.membership-review-heading h3 { font-size: 19px; }
.membership-review-mode-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 4px; border: 1px solid rgba(224, 174, 123, .25); border-radius: 999px; background: rgba(255, 255, 255, .055); }
.membership-review-mode-tabs button { min-height: 42px; border-radius: 999px; color: rgba(255, 239, 220, .6); background: transparent !important; font-size: 13px; font-weight: 900; }
.membership-review-mode-tabs button.is-active { color: #2d1c15; background: var(--member-accent) !important; }
.membership-review-section .membership-review-recipient { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; padding: 11px 13px; border: 1px solid rgba(224, 174, 123, .25); border-radius: 16px; color: #fff0de; background: rgba(255, 255, 255, .055); }
.membership-review-recipient > div { display: grid; gap: 3px; min-width: 0; }
.membership-review-recipient strong { font-size: 12px; font-weight: 950; }
.membership-review-recipient span { overflow: hidden; color: rgba(255, 239, 220, .6); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.membership-review-recipient button { min-height: 30px; padding: 6px 10px; border-radius: 999px; color: var(--member-accent); background: rgba(255, 255, 255, .09); font-size: 10px; font-weight: 900; white-space: nowrap; }
.membership-review-section .membership-friend-picker { margin-top: 8px; border-color: rgba(224, 174, 123, .25); background: rgba(255, 255, 255, .055); }

.membership-reference-term-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.membership-reference-term { position: relative; display: grid; align-content: center; gap: 7px; min-height: 142px; padding: 15px; border: 1px solid rgba(224, 174, 123, .27) !important; border-radius: 20px; color: rgba(255, 239, 220, .75); background: rgba(255, 255, 255, .055) !important; text-align: left; }
.membership-reference-term.is-active { border-color: var(--member-accent) !important; box-shadow: 0 0 0 1px var(--member-accent), inset 0 0 28px var(--member-accent-soft); }
.membership-reference-term span { font-size: 17px; font-weight: 850; }
.membership-reference-term strong { color: var(--member-accent); font-size: 29px; font-weight: 950; }
.membership-reference-term small { color: rgba(255, 239, 220, .58); font-size: 11px; }
.membership-reference-term em { position: absolute; top: 0; right: 0; padding: 6px 10px; border-radius: 0 19px 0 14px; color: #271a13; background: var(--member-accent); font-size: 10px; font-style: normal; font-weight: 950; }

.membership-reference-payment { display: flex; align-items: center; gap: 11px; min-height: 70px; padding: 12px 13px; border: 1px solid rgba(224, 174, 123, .25); border-radius: 18px; background: rgba(255, 255, 255, .055); }
.membership-payment-card-icon { display: grid; place-items: center; width: 48px; height: 30px; border-radius: 7px; color: #5a2e1e; background: linear-gradient(145deg, #f3d3ae, #a95b31); font-size: 16px; }
.membership-reference-payment > div { display: grid; gap: 3px; min-width: 0; }
.membership-reference-payment strong { color: #fff0de; font-size: 14px; font-weight: 950; }
.membership-reference-payment span { color: rgba(255, 239, 220, .56); font-size: 11px; }
.membership-reference-payment > b { margin-left: auto; color: rgba(255, 239, 220, .72); font-size: 25px; font-weight: 300; }
.membership-payment-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 2px; }
.membership-payment-option { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 8px; width: 100%; min-height: 64px; padding: 10px; border: 1px solid rgba(224, 174, 123, .25) !important; border-radius: 15px; color: #fff0de; background: rgba(255, 255, 255, .055) !important; text-align: left; font: inherit; cursor: pointer; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
.membership-payment-option:hover,
.membership-payment-option:focus-visible { border-color: rgba(239, 190, 134, .72) !important; outline: 0; box-shadow: 0 0 0 3px rgba(224, 174, 123, .12); }
.membership-payment-option:active { transform: translateY(1px); }
.membership-payment-option.is-selected { border-color: var(--member-accent) !important; background: rgba(255, 255, 255, .11) !important; box-shadow: 0 0 0 1px var(--member-accent), inset 0 0 24px var(--member-accent-soft); }
.membership-payment-option-logo { display: grid; place-items: center; width: 34px; height: 26px; border-radius: 7px; background: linear-gradient(145deg, #f3d3ae, #a95b31); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); font-size: 13px; }
.membership-payment-option-logo img { display: block; width: 27px; height: 27px; object-fit: contain; }
.membership-payment-option-copy { display: grid; gap: 4px; min-width: 0; }
.membership-payment-option-copy strong { overflow: hidden; color: #fff0de; font-size: 12px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.membership-payment-option-copy small { overflow: hidden; color: rgba(255, 239, 220, .58); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.membership-payment-option-state { color: var(--member-accent); font-size: 16px; font-weight: 950; line-height: 1; white-space: nowrap; }
.membership-payment-option.is-selected .membership-payment-option-state { color: var(--member-accent); }
.membership-payment-options.is-empty { display: grid; gap: 5px; padding: 14px; border: 1px dashed rgba(224, 174, 123, .32); border-radius: 16px; color: rgba(255, 239, 220, .7); background: rgba(255, 255, 255, .035); }
.membership-payment-options.is-empty strong { color: #fff0de; font-size: 13px; }
.membership-payment-options.is-empty small { color: rgba(255, 239, 220, .56); font-size: 10px; }
.membership-reference-password { display: grid; gap: 7px; margin-top: 12px; }
.membership-reference-password > span { color: rgba(255, 239, 220, .68); font-size: 11px; font-weight: 850; }
.membership-reference-password input { min-height: 44px; padding: 0 12px; border: 1px solid rgba(224, 174, 123, .25); border-radius: 13px; outline: 0; color: #fff0de; background: rgba(255, 255, 255, .055); font: inherit; font-size: 14px; letter-spacing: .22em; }
.membership-reference-password input:focus { border-color: var(--member-accent); box-shadow: 0 0 0 3px var(--member-accent-soft); }
.membership-review-screen .membership-preview-error { margin: 19px 18px 0; border-color: rgba(252, 165, 165, .4); color: #ffd1d1; background: rgba(127, 29, 29, .28); }
.membership-reference-submit { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 25px 0 0; padding: 17px 18px calc(17px + var(--cb-safe-bottom, 0px)); border-top: 1px solid rgba(224, 174, 123, .25); background: rgba(20, 17, 19, .96); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.membership-review-screen .membership-reference-submit { position: relative; bottom: auto; margin: 25px 18px 0; }
.membership-reference-submit > div { display: grid; gap: 3px; }
.membership-reference-submit > div span { color: rgba(255, 239, 220, .58); font-size: 11px; }
.membership-reference-submit > div strong { color: var(--member-accent); font-size: 27px; font-weight: 950; }
.membership-reference-submit button { min-width: 174px; min-height: 50px; padding: 11px 20px; border: 1px solid rgba(255, 231, 202, .4) !important; border-radius: 999px; color: #2b1a13; background: var(--member-accent) !important; box-shadow: 0 10px 20px var(--member-accent-soft); font-size: 15px; font-weight: 950; }
.membership-reference-submit button:disabled { opacity: .42; cursor: not-allowed; }

@media (max-width: 390px) {
  .membership-level-card.membership-reference-card { min-height: 272px !important; }
  .membership-reference-card-logo { width: 166px; height: 166px; right: -8px; }
  .membership-reference-card-logo img { width: 166px; height: 166px; }
  .membership-reference-card-copy strong { font-size: 28px; }
  .membership-quota-card { gap: 10px; padding-inline: 10px; }
  .membership-quota-emblem { width: 58px; height: 58px; font-size: 26px; }
  .membership-quota-heading strong { font-size: 17px; }
  .membership-quota-item { padding-inline: 5px; }
  .membership-quota-item strong { font-size: 14px; }
  .membership-review-hero { min-height: 248px; }
  .membership-review-hero-logo, .membership-review-hero-logo img { width: 178px; height: 178px; }
  .membership-review-hero-logo { top: 36px; right: -7px; }
  .membership-review-hero-copy h3 { font-size: 27px; }
  .membership-reference-submit button { min-width: 156px; }
}

/* R17.425：恢复开通页可读的深色会员主题背景；根层仍只保留一张背景。 */
.membership-review-screen {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.membership-review-screen::before,
.membership-review-screen::after {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}
.membership-review-screen.membership-theme-none { background: #17181c !important; }
.membership-review-screen.membership-theme-v1 { background: linear-gradient(155deg, #5a4038 0%, #37343c 52%, #20232c 100%) !important; }
.membership-review-screen.membership-theme-v2 { background: linear-gradient(155deg, #3d596b 0%, #323c49 52%, #1e252e 100%) !important; }
.membership-review-screen.membership-theme-v3 { background: linear-gradient(155deg, #685238 0%, #403635 52%, #24252b 100%) !important; }
.membership-review-screen.membership-theme-v4 { background: linear-gradient(155deg, #3d6480 0%, #354653 52%, #20262e 100%) !important; }
.membership-review-screen.membership-theme-v5 { background: linear-gradient(155deg, #5d4668 0%, #40364a 52%, #24242e 100%) !important; }
.membership-review-screen.membership-theme-v6 { background: linear-gradient(155deg, #505762 0%, #3d424c 52%, #24262c 100%) !important; }

/* R17.390：返回图标改为纯 SVG 线稿；额度卡只保留大额度并与滑动等级同步。 */
.membership-inline-back span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 0;
  transform: none;
}

.membership-inline-back svg {
  display: block;
  width: 24px;
  height: 24px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* R17.425：合计与开通会员操作区取消黑色矩形底，直接透出开通页主题背景。 */
.membership-review-screen .membership-reference-submit {
  border-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.membership-quota-card {
  display: block;
  padding: 13px;
}

.membership-quota-heading {
  justify-content: flex-start;
  margin-bottom: 11px;
}

.membership-quota-heading span {
  display: none;
}

.membership-quota-layout {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.membership-quota-emblem {
  width: 70px;
  height: 70px;
  margin-top: 3px;
}

.membership-quota-emblem img {
  display: block;
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.membership-quota-content {
  min-width: 0;
}

@media (max-width: 390px) {
  .membership-quota-card { padding: 12px 10px; }
  .membership-quota-layout { grid-template-columns: 62px minmax(0, 1fr); gap: 9px; }
  .membership-quota-emblem { width: 62px; height: 62px; margin-top: 3px; }
  .membership-quota-emblem img { width: 62px; height: 62px; }
}

/* R17.391：额度 Logo 放大为左侧主视觉，移除额度标题以压缩卡片高度。 */
.membership-quota-card {
  padding: 10px 13px;
}

.membership-quota-layout {
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 14px;
}

.membership-quota-emblem {
  width: 104px;
  height: 104px;
  margin-top: 0;
}

.membership-quota-emblem.has-logo {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.membership-quota-emblem img {
  width: 104px;
  height: 104px;
}

@media (max-width: 390px) {
  .membership-quota-card { padding: 8px 10px; }
  .membership-quota-layout { grid-template-columns: 92px minmax(0, 1fr); gap: 10px; }
  .membership-quota-emblem { width: 92px; height: 92px; margin-top: 0; }
  .membership-quota-emblem img { width: 92px; height: 92px; }
}

/* R17.393：恢复消费额度标题，标题居中于三项额度上方；增加税费额度占位卡。 */
.membership-quota-title {
  margin: 0 0 9px;
  color: #fff0dc;
  font-size: 19px;
  font-weight: 950;
  line-height: 1.15;
  text-align: center;
}

.membership-quota-emblem.plan-v1 {
  width: 70px;
  height: 70px;
}

.membership-quota-emblem.plan-v4,
.membership-quota-emblem.plan-v5 {
  width: 88px;
  height: 88px;
}

.membership-quota-emblem.plan-v1 img {
  width: 70px;
  height: 70px;
}

.membership-quota-emblem.plan-v4 img,
.membership-quota-emblem.plan-v5 img {
  width: 88px;
  height: 88px;
}

.membership-quota-emblem.is-placeholder {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.membership-quota-grid.is-placeholder .membership-quota-item small {
  visibility: hidden;
}

.membership-tax-quota-card {
  margin-top: 10px;
}

@media (max-width: 390px) {
  .membership-quota-title {
    margin-bottom: 8px;
    font-size: 17px;
  }

  .membership-quota-emblem.plan-v1 {
    width: 64px;
    height: 64px;
  }

  .membership-quota-emblem.plan-v4,
  .membership-quota-emblem.plan-v5 {
    width: 80px;
    height: 80px;
  }

  .membership-quota-emblem.plan-v1 img {
    width: 64px;
    height: 64px;
  }

  .membership-quota-emblem.plan-v4 img,
  .membership-quota-emblem.plan-v5 img {
    width: 80px;
    height: 80px;
  }
}

/* R17.394：免税额度与提现权益使用同等级额度徽标，展示对应会员政策文案。 */
.membership-policy-card {
  margin-top: 10px;
}

.membership-policy-content {
  display: flex;
  min-width: 0;
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
}

.membership-policy-card .membership-quota-title {
  margin-bottom: 8px;
}

.membership-policy-copy {
  margin: 0;
  color: rgba(255, 239, 220, .68);
  font-size: 11px;
  line-height: 1.55;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 390px) {
  .membership-policy-card .membership-quota-title {
    margin-bottom: 7px;
  }

  .membership-policy-copy {
    font-size: 10px;
    line-height: 1.5;
  }
}

/* R17.396：三张额度卡改为左侧小标题与 Logo、右侧紧凑数据，降低整体高度。 */
.membership-quota-card {
  padding: 7px 10px;
}

.membership-quota-layout {
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.membership-quota-side {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 4px;
  min-width: 0;
}

.membership-quota-side-title {
  color: #fff0dc;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.membership-quota-emblem {
  width: 64px;
  height: 64px;
  margin: 0;
}

.membership-quota-emblem img {
  width: 64px;
  height: 64px;
}

.membership-quota-emblem.plan-v1 {
  width: 54px;
  height: 54px;
}

.membership-quota-emblem.plan-v4,
.membership-quota-emblem.plan-v5 {
  width: 60px;
  height: 60px;
}

.membership-quota-emblem.plan-v1 img {
  width: 54px;
  height: 54px;
}

.membership-quota-emblem.plan-v4 img,
.membership-quota-emblem.plan-v5 img {
  width: 60px;
  height: 60px;
}

.membership-quota-item {
  gap: 1px;
  padding-inline: 6px;
}

.membership-quota-item span { font-size: 9px; }
.membership-quota-item strong { font-size: 14px; }
.membership-quota-item small { font-size: 8px; }

.membership-policy-content {
  gap: 5px;
}

.membership-policy-copy {
  display: none;
}

.membership-policy-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.membership-withdrawal-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.membership-policy-stat {
  display: grid;
  gap: 1px;
  min-width: 0;
  text-align: center;
}

.membership-policy-stat span {
  color: rgba(255, 239, 221, .62);
  font-size: 9px;
  line-height: 1.1;
  white-space: nowrap;
}

.membership-policy-stat strong {
  color: #fff0dd;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.1;
  white-space: nowrap;
}

.membership-policy-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 16px;
  padding: 2px 6px;
  border-radius: 999px;
  color: var(--member-accent);
  background: rgba(255, 255, 255, .08);
  font-size: 8px;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
}

.membership-policy-chip strong { font-size: 9px; font-weight: 950; }
.membership-policy-chip em { color: rgba(255, 239, 220, .65); font-style: normal; }
.membership-policy-chip[hidden] { display: none; }

@media (max-width: 390px) {
  .membership-quota-card { padding: 6px 8px; }
  .membership-quota-layout { grid-template-columns: 62px minmax(0, 1fr); gap: 8px; }
  .membership-quota-side-title { font-size: 12px; }
  .membership-quota-emblem { width: 56px; height: 56px; }
  .membership-quota-emblem img { width: 56px; height: 56px; }
  .membership-quota-emblem.plan-v1 { width: 48px; height: 48px; }
  .membership-quota-emblem.plan-v4,
  .membership-quota-emblem.plan-v5 { width: 52px; height: 52px; }
  .membership-quota-emblem.plan-v1 img { width: 48px; height: 48px; }
  .membership-quota-emblem.plan-v4 img,
  .membership-quota-emblem.plan-v5 img { width: 52px; height: 52px; }
  .membership-quota-item { padding-inline: 4px; }
  .membership-quota-item strong { font-size: 13px; }
  .membership-policy-stat span { font-size: 8px; }
  .membership-policy-stat strong { font-size: 13px; }
  .membership-policy-chip { padding-inline: 4px; font-size: 7px; }
}

/* R17.397：会员免税卡增加半透明税务评估标签，并缩小偏大的黄铜/白银/紫金 Logo。 */
.membership-exemption-card .membership-quota-emblem.plan-v2,
.membership-exemption-card .membership-quota-emblem.plan-v3,
.membership-exemption-card .membership-quota-emblem.plan-v6 {
  width: 50px;
  height: 50px;
}

.membership-exemption-card .membership-quota-emblem.plan-v2 img,
.membership-exemption-card .membership-quota-emblem.plan-v3 img,
.membership-exemption-card .membership-quota-emblem.plan-v6 img {
  width: 50px;
  height: 50px;
}

@media (max-width: 390px) {
  .membership-exemption-card .membership-quota-emblem.plan-v2,
  .membership-exemption-card .membership-quota-emblem.plan-v3,
  .membership-exemption-card .membership-quota-emblem.plan-v6 {
    width: 44px;
    height: 44px;
  }

  .membership-exemption-card .membership-quota-emblem.plan-v2 img,
  .membership-exemption-card .membership-quota-emblem.plan-v3 img,
  .membership-exemption-card .membership-quota-emblem.plan-v6 img {
    width: 44px;
    height: 44px;
  }
}

/* R17.399：权益卡改为单个完整说明句，移除无意义的多标签网格。 */
.membership-policy-card {
  min-height: 126px;
}

.membership-policy-card .membership-quota-emblem[hidden] {
  display: none;
}

.membership-policy-content {
  gap: 8px;
}

.membership-policy-summary {
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 239, 220, .13);
  border-radius: 12px;
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 239, 220, .82);
  font-size: 11px;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 390px) {
  .membership-policy-card {
    min-height: 120px;
  }

  .membership-policy-content {
    gap: 7px;
  }

  .membership-policy-summary {
    min-height: 36px;
    padding: 7px 8px;
    font-size: 10px;
  }
}

/* R17.753：整页渐变背景的唯一来源。顶部 #1677FF 实色，随后渐入 #F5F5F5；
   「我的」页（body.check-profile）与税务中心整页、税务中心两个子页面共用这一份定义。 */
:root{
  --cb-page-top-scrim:linear-gradient(180deg,#1677ff 0,#1677ff calc(300px + env(safe-area-inset-top,0px)),#F5F5F5 calc(500px + env(safe-area-inset-top,0px)));
  --cb-page-top-scrim-size:100% calc(500px + env(safe-area-inset-top,0px));
}

/* R17.742：税务中心与子页面接入“我的”页主题（纯白卡片、系统字体；整页渐变见 --cb-page-top-scrim）。 */
.sheet-bg.tax-center-fullscreen,
.sheet-bg.security-check-fullscreen,
.sheet-bg.account-cancel-fullscreen,
.sheet-bg.account-security-fullscreen,
.sheet-bg.certificate-fullscreen,
.sheet-bg.archive-fullscreen{
  align-items:stretch!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
  background:#F5F5F5!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-family:"Helvetica Neue","PingFang SC","PingFangSC-Regular","Heiti SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}
.sheet-bg.tax-center-fullscreen .sheet,
.sheet-bg.security-check-fullscreen .sheet,
.sheet-bg.account-cancel-fullscreen .sheet,
.sheet-bg.certificate-fullscreen .sheet,
.sheet-bg.archive-fullscreen .sheet{
  display:flex!important;
  flex-direction:column!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#F5F5F5!important;
  background-image:var(--cb-page-top-scrim)!important;
  background-repeat:no-repeat!important;
  background-size:var(--cb-page-top-scrim-size)!important;
}
.sheet-bg.tax-center-fullscreen.open .sheet,
.sheet-bg.security-check-fullscreen.open .sheet,
.sheet-bg.account-cancel-fullscreen.open .sheet,
.sheet-bg.certificate-fullscreen.open .sheet,
.sheet-bg.archive-fullscreen.open .sheet{transform:none!important;animation:profileTaxPageIn .22s ease both!important}
.sheet-bg.tax-center-fullscreen .sheet-head,
.sheet-bg.security-check-fullscreen .sheet-head,
.sheet-bg.account-cancel-fullscreen .sheet-head,
.sheet-bg.certificate-fullscreen .sheet-head,
.sheet-bg.archive-fullscreen .sheet-head{
  flex:0 0 auto!important;
  min-height:44px!important;
  margin:0!important;
  padding:calc(6px + var(--cb-safe-top,0px)) 18px 4px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  align-items:center!important;
  justify-content:initial!important;
  position:relative!important;
  border-bottom:0!important;
  background:transparent!important;
}
.sheet-bg.tax-center-fullscreen .sheet-head h2,
.sheet-bg.security-check-fullscreen .sheet-head h2,
.sheet-bg.account-cancel-fullscreen .sheet-head h2,
.sheet-bg.certificate-fullscreen .sheet-head h2,
.sheet-bg.archive-fullscreen .sheet-head h2{grid-column:2!important;grid-row:1!important;justify-self:center!important;margin:0!important;text-align:center!important;white-space:nowrap!important;color:#ffffff!important;font-size:18px!important;font-weight:500!important}
.sheet-bg.tax-center-fullscreen .sheet-head #closeSheet,
.sheet-bg.security-check-fullscreen .sheet-head #closeSheet,
.sheet-bg.account-cancel-fullscreen .sheet-head #closeSheet,
.sheet-bg.certificate-fullscreen .sheet-head #closeSheet,
.sheet-bg.archive-fullscreen .sheet-head #closeSheet{grid-column:1!important;grid-row:1!important;justify-self:start!important;position:static!important;width:36px!important;min-width:36px!important;height:36px!important;color:transparent!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:0!important;cursor:pointer!important}
.sheet-bg.tax-center-fullscreen .sheet-head #closeSheet::before,
.sheet-bg.security-check-fullscreen .sheet-head #closeSheet::before,
.sheet-bg.account-cancel-fullscreen .sheet-head #closeSheet::before,
.sheet-bg.certificate-fullscreen .sheet-head #closeSheet::before,
.sheet-bg.archive-fullscreen .sheet-head #closeSheet::before{content:"‹";display:block;color:#ffffff;font-family:Arial,"Helvetica Neue",sans-serif;font-size:32px;font-weight:300;line-height:1}
.sheet-bg.tax-center-fullscreen #sheetBody,
.sheet-bg.security-check-fullscreen #sheetBody,
.sheet-bg.account-cancel-fullscreen #sheetBody,
.sheet-bg.certificate-fullscreen #sheetBody,
.sheet-bg.archive-fullscreen #sheetBody{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
  padding:0 18px calc(30px + var(--cb-safe-bottom,0px))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  background:transparent!important;
}
/* R17.758：密码中心（原安全中心）整页背景、字体与顶栏对齐「安全检测 / 注销账户」子页面。 */
.sheet-bg.account-security-fullscreen .sheet{
  display:flex!important;
  flex-direction:column!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#F5F5F5!important;
  background-image:var(--cb-page-top-scrim)!important;
  background-repeat:no-repeat!important;
  background-size:var(--cb-page-top-scrim-size)!important;
}
.sheet-bg.account-security-fullscreen.open .sheet{transform:none!important;animation:profileTaxPageIn .22s ease both!important}
.sheet-bg.account-security-fullscreen .sheet-head{
  flex:0 0 auto!important;
  min-height:44px!important;
  margin:0!important;
  padding:calc(6px + var(--cb-safe-top,0px)) 18px 4px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  align-items:center!important;
  justify-content:initial!important;
  position:relative!important;
  border-bottom:0!important;
  background:transparent!important;
}
.sheet-bg.account-security-fullscreen .sheet-head h2{grid-column:2!important;grid-row:1!important;justify-self:center!important;margin:0!important;text-align:center!important;white-space:nowrap!important;color:#ffffff!important;font-size:18px!important;font-weight:500!important}
.sheet-bg.account-security-fullscreen .sheet-head #closeSheet{grid-column:1!important;grid-row:1!important;justify-self:start!important;position:static!important;width:36px!important;min-width:36px!important;height:36px!important;color:transparent!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:0!important;cursor:pointer!important}
.sheet-bg.account-security-fullscreen .sheet-head #closeSheet::before{content:"‹";display:block;color:#ffffff;font-family:Arial,"Helvetica Neue",sans-serif;font-size:32px;font-weight:300;line-height:1}
.sheet-bg.account-security-fullscreen #sheetBody{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
  padding:0 18px calc(30px + var(--cb-safe-bottom,0px))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  background:transparent!important;
}
@keyframes profileTaxPageIn{from{opacity:.72;transform:translateX(12px)!important}to{opacity:1;transform:none!important}}
.profile-tax-page{display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;padding:0 0 calc(30px + var(--cb-safe-bottom,0px));color:#1a1a1a;background:transparent}
.profile-tax-empty{display:grid;justify-items:center;padding:58px 10px 52px;text-align:center}.profile-tax-empty i{display:grid;place-items:center;width:56px;height:56px;border-radius:20px;color:#1677ff;background:#eaf2ff;font-style:normal;font-size:18px;font-weight:500}.profile-tax-empty strong{margin-top:14px;color:#1a1a1a;font-size:17px;font-weight:500}.profile-tax-empty span{max-width:280px;margin-top:8px;color:#999999;font-size:12px;line-height:1.55;font-weight:400}

.sheet-bg.tax-center-fullscreen .profile-tax-membership{margin-top:24px}
.profile-tax-membership{flex:0 0 auto;padding:16px 14px 14px;color:#1a1a1a;border-radius:16px;background:#ffffff;border:0;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.profile-tax-membership-head{display:flex;align-items:center;gap:14px;min-height:52px}.profile-tax-membership-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0}.profile-tax-membership-copy strong{color:#1a1a1a;font-size:17px;line-height:1.15;font-weight:500;white-space:nowrap}
.profile-tax-membership-badge{display:block;flex:0 0 146px;width:146px;height:53px;margin-left:auto;overflow:visible}
.profile-tax-membership-badge img{display:block;width:100%;height:100%;object-fit:contain}
.profile-tax-membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.profile-tax-metric{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:12px 10px;border:0;border-radius:12px;background:#f7f8fa;box-shadow:none;text-align:center}
.profile-tax-metric-label{color:#999999;font-size:12px;font-weight:400;white-space:nowrap}
.profile-tax-metric-line{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;width:100%}
.profile-tax-metric-line strong{color:#1a1a1a;font-size:clamp(15px,4.6vw,17px);line-height:1.1;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.profile-tax-metric-line small{color:#999999;font-size:12px;line-height:1.3;font-weight:400}
.profile-tax-metric.is-reduction .profile-tax-metric-line strong{color:#10b981}
.profile-tax-records{padding:18px 0 0;background:transparent}.profile-tax-records-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-tax-records-head strong{color:#1a1a1a;font-size:17px;font-weight:500}
.profile-tax-day-list{display:grid;gap:10px;margin-top:8px}
.profile-tax-day{position:relative;padding:12px 12px 14px;border:0;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.03);cursor:pointer;-webkit-tap-highlight-color:transparent}
.profile-tax-day:focus-visible{outline:2px solid #1677ff;outline-offset:2px}
.profile-tax-day-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.profile-tax-day-head strong{color:#1a1a1a;font-size:13px;font-weight:500}
.profile-tax-day-head span{color:#999999;font-size:12px;font-weight:400}
.profile-tax-day-hint{display:block;margin-top:10px;color:#999999;font-size:12px;line-height:1.4;font-weight:400;text-align:center}
.profile-tax-day-popup{position:fixed;inset:0;z-index:1500;display:flex;align-items:flex-end;justify-content:center}
.profile-tax-day-popup[hidden]{display:none}
.profile-tax-day-popup-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.profile-tax-day-popup-card{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:540px;max-height:72vh;margin:0 12px calc(14px + env(safe-area-inset-bottom));padding:14px;border-radius:20px;background:#ffffff;box-shadow:0 -16px 46px rgba(15,23,42,.26)}
.profile-tax-day-popup-head{display:flex;align-items:center;gap:10px;padding:2px 2px 10px}
.profile-tax-day-popup-head strong{color:#1a1a1a;font-size:16px;font-weight:500}
.profile-tax-day-popup-head span{color:#999999;font-size:12px;font-weight:400}
.profile-tax-day-popup-close{margin-left:auto;min-height:30px;padding:0 12px;border:0;border-radius:10px;color:#1677ff;background:#eaf2ff;font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.profile-tax-day-popup-list{display:grid;gap:9px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 2px 4px}
.profile-tax-month-select{border:0;background:transparent;color:#1677ff;font:inherit;font-size:13px;font-weight:500;text-align:right;max-width:150px;padding:2px 0}
.profile-tax-record-actions small.profile-tax-record-profit{color:#10b981;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums}
.profile-tax-metric.is-action{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* 放大到约 3 倍，并与卡片第二行（数值行）居中对齐；top 按数值行中心校准，窄屏分支另见媒体查询。 */
.profile-tax-metric.is-action::after{content:"›";position:absolute;top:18.2px;right:4px;color:#c8c8c8;font-family:Arial,"Helvetica Neue",sans-serif;font-size:40px;font-weight:400;line-height:1}
.profile-tax-metric.is-action:active{transform:scale(.985)}
.profile-tax-metric.is-action:focus-visible{outline:2px solid #1677ff;outline-offset:2px}
.profile-tax-record-detail-amount{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}
.profile-tax-record-detail-amount.is-tax-free{color:#10b981}
.profile-tax-record-detail-amount.is-discount{color:#1677ff}

.profile-tax-detail{position:fixed;inset:0;z-index:1500;display:flex;flex-direction:column;background:#F5F5F5;background-image:var(--cb-page-top-scrim);background-repeat:no-repeat;background-size:var(--cb-page-top-scrim-size);font-family:"Helvetica Neue","PingFang SC","PingFangSC-Regular","Heiti SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif}
.profile-tax-detail[hidden]{display:none}
.profile-tax-detail-head{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 10px;background:transparent;border-bottom:0}
.profile-tax-detail-back{width:34px;height:34px;border:0;border-radius:12px;background:rgba(255,255,255,.22);color:#ffffff;font-size:18px;font-weight:400;line-height:1;display:grid;place-items:center;cursor:pointer}
.profile-tax-detail-head strong{color:#ffffff;font-size:17px;font-weight:500}
.profile-tax-detail-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 16px calc(20px + env(safe-area-inset-bottom))}
.profile-tax-detail-hero{display:flex;align-items:center;gap:16px;padding:18px 16px;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.profile-tax-detail-hero.is-discount{display:block}
.profile-tax-detail-ring{position:relative;flex:0 0 104px;width:104px;height:104px}
.profile-tax-detail-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.profile-tax-ring-track{fill:none;stroke:#eef1f6;stroke-width:11}
.profile-tax-ring-value{fill:none;stroke:#1677ff;stroke-width:11;stroke-linecap:round}
.profile-tax-ring-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.profile-tax-ring-copy strong{color:#1677ff;font-size:20px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.profile-tax-ring-copy small{color:#999999;font-size:11px;font-weight:400}
.profile-tax-detail-hero-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0}
.profile-tax-detail-hero-label{color:#999999;font-size:12px;font-weight:400}
.profile-tax-detail-hero-value{color:#1a1a1a;font-size:24px;line-height:1.15;font-weight:500;font-variant-numeric:tabular-nums;word-break:break-all}
.profile-tax-detail-hero-value.is-reduction{color:#10b981}
.profile-tax-detail-hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.profile-tax-detail-hero-grid>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.profile-tax-detail-hero-grid span{color:#999999;font-size:11px;font-weight:400}
.profile-tax-detail-hero-grid b{color:#1a1a1a;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;word-break:break-all}
.profile-tax-detail-records{margin-top:18px}
.profile-tax-detail-records-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.profile-tax-detail-records-head strong{color:#1a1a1a;font-size:17px;font-weight:500}
.profile-tax-detail-list{display:grid;gap:10px;margin-top:8px}
.profile-tax-detail-empty{padding:60px 0;text-align:center;color:#999999;font-size:12px;font-weight:400}

.profile-tax-record{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:0;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.profile-tax-record[data-tax-record-bill-id]{cursor:pointer}
.profile-tax-record[data-tax-record-bill-id]:focus-visible{outline:2px solid #1677ff;outline-offset:2px}
.profile-tax-record-leading{display:flex!important;flex:1 1 auto;flex-direction:row!important;align-items:center;gap:10px;min-width:0}
.profile-tax-record-leading>.bill-v5-icon{width:48px!important;height:48px!important;flex:0 0 48px!important;aspect-ratio:1/1;border-radius:15.2px!important;overflow:hidden!important;padding:0!important;color:#fff!important;font-size:17.28px!important;font-weight:500!important}
.profile-tax-record[data-tax-record-bill-id] .profile-tax-record-leading>.bill-v5-icon.finance-profit-product-icon.is-stock-icon{width:48px!important;height:48px!important;flex-basis:48px!important;aspect-ratio:1/1;border-radius:15.2px!important;overflow:hidden!important}
.profile-tax-record-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0}
.profile-tax-record-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}
.profile-tax-record-title strong{overflow:visible;color:#1a1a1a;font-size:15px;font-weight:500;text-overflow:clip;white-space:normal;word-break:break-word;line-height:1.25}
.profile-tax-record-time{color:#999999;font-size:12px;font-weight:400}
.profile-tax-record-actions{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:max-content;text-align:right;white-space:nowrap}
.profile-tax-record-actions b{color:#1a1a1a;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}
.profile-tax-record-actions small{color:#999999;font-size:11px;font-weight:400}
.profile-tax-record-tags{display:inline-flex;flex-wrap:wrap;gap:4px}
.profile-tax-tag{display:inline-flex!important;align-items:center;min-height:18px;padding:2px 6px;border-radius:999px;font-size:9px!important;line-height:1!important;font-weight:500!important;white-space:nowrap}
.profile-tax-tag.is-discount{color:#1677ff!important;background:#eaf2ff}
.profile-tax-tag.is-tax-free{color:#0f9d76!important;background:#e6f7f1}
.profile-tax-tag.is-neutral{color:#8a94a6!important;background:#f0f2f5}

.bill-v5-backdrop.is-tax-calculation .bill-v5-receipt-hero h2{font-size:19px}
.profile-tax-calculation-card{padding:16px 15px;border:0;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.03);font-family:"Helvetica Neue","PingFang SC","PingFangSC-Regular","Heiti SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif}
.profile-tax-calculation-card h3{margin:0 0 12px;color:#1a1a1a;font-size:15px;font-weight:500;text-align:center}
.profile-tax-calculation-flow{display:grid;justify-items:stretch;gap:8px}
.profile-tax-calculation-step{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#f7f8fa}
.profile-tax-calculation-equation{display:flex;flex:1 1 auto;align-items:baseline;flex-wrap:wrap;gap:4px 6px;color:#999999;font-size:12px;font-weight:400}
.profile-tax-calculation-equation em{font-style:normal}
.profile-tax-calculation-equation b{color:#1a1a1a;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.profile-tax-calculation-equation i{color:#c8c8c8;font-style:normal}
.profile-tax-calculation-equation small{flex:1 1 100%;color:#999999;font-size:10px;font-weight:400}
.profile-tax-calculation-step>strong{flex:0 0 auto;color:#1a1a1a;font-size:14px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.profile-tax-calculation-final{display:flex;align-items:center;justify-content:space-between;margin-top:2px;padding:12px 2px 2px;border-top:1px solid #f0f0f0}
.profile-tax-calculation-final span{color:#1a1a1a;font-size:15px;font-weight:500}
.profile-tax-calculation-final strong{color:#1a1a1a;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}
.profile-tax-calculation-final strong.bill-negative{color:#e11d48}

@media(max-width:390px){.sheet-bg.tax-center-fullscreen #sheetBody,
.sheet-bg.security-check-fullscreen #sheetBody,
.sheet-bg.account-cancel-fullscreen #sheetBody,
.sheet-bg.certificate-fullscreen #sheetBody,
.sheet-bg.archive-fullscreen #sheetBody{padding-left:16px!important;padding-right:16px!important}.profile-tax-membership-head{gap:10px;min-height:50px}.profile-tax-membership-badge{flex-basis:132px;width:132px;height:47px}.profile-tax-membership{padding:14px 12px 12px}.profile-tax-membership-grid{gap:8px}.profile-tax-metric{padding:10px 9px}.profile-tax-metric-line strong{font-size:clamp(14px,4.6vw,16px)}.profile-tax-metric.is-action::after{top:16px}.profile-tax-records .profile-tax-empty{padding-top:48px}.profile-tax-record{padding:10px 11px;gap:8px}.profile-tax-detail-ring{flex-basis:92px;width:92px;height:92px}.profile-tax-detail-hero{gap:12px;padding:15px 13px}.profile-tax-detail-hero-value{font-size:20px}}
@media(max-width:350px){.profile-tax-membership-copy strong{font-size:15px}.profile-tax-record{grid-template-columns:minmax(0,1fr)}.profile-tax-record-actions{align-items:baseline;flex-direction:row;justify-content:space-between;margin-left:70px;text-align:left}.profile-tax-detail-hero{flex-direction:column;align-items:flex-start;gap:10px}.profile-tax-detail-hero-grid{width:100%}}
/* R17.755：安全检测子页面（我的 → 账户与安全）。外壳与整页渐变复用 .security-check-fullscreen。 */
.profile-security-page{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;padding:16px 0 calc(30px + var(--cb-safe-bottom,0px));color:#1a1a1a}
.profile-security-hero{display:flex;align-items:center;gap:16px;padding:18px 16px;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.profile-security-ring{position:relative;flex:0 0 86px;width:86px;height:86px}
.profile-security-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.profile-security-ring-track{fill:none;stroke:#eef1f6;stroke-width:11}
.profile-security-ring-value{fill:none;stroke:#1677ff;stroke-width:11;stroke-linecap:round}
.profile-security-ring-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.profile-security-ring-copy strong{color:#1677ff;font-size:26px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.profile-security-ring-copy small{color:#999999;font-size:10px;font-weight:400;white-space:nowrap}
.profile-security-hero-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:0}
.profile-security-hero-label{color:#999999;font-size:12px;font-weight:400}
.profile-security-hero-title{color:#1a1a1a;font-size:20px;line-height:1.2;font-weight:500}
.profile-security-hero-note{color:#999999;font-size:12px;line-height:1.4;font-weight:400}
.profile-security-card{padding:16px 14px 8px;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.profile-security-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px 10px}
.profile-security-card-head strong{color:#1a1a1a;font-size:17px;font-weight:500}
.profile-security-card-head span{color:#1677ff;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.profile-security-list{display:grid}
.profile-security-list[hidden]{display:none!important}
.profile-security-item{display:flex;align-items:center;gap:12px;padding:11px 2px;border-top:1px solid #f2f4f7}
.profile-security-item:first-child{border-top:0}
.profile-security-item-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;color:#f07f0b;background:#fff4e6}
.profile-security-item-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-security-item.is-ok .profile-security-item-icon{color:#10b981;background:#e9f9f1}
.profile-security-item-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}
.profile-security-item-copy strong{color:#1a1a1a;font-size:15px;font-weight:500}
.profile-security-item-copy small{color:#999999;font-size:12px;line-height:1.4;font-weight:400}
.profile-security-item-state{display:inline-flex;align-items:baseline;gap:1px;flex:0 0 auto;color:#f07f0b;font-size:12px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
.profile-security-item-state em{font-style:normal;font-size:16px;font-weight:500}
.profile-security-item.is-ok .profile-security-item-state{color:#10b981}
.profile-security-rescan{width:100%;min-height:48px;border:0;border-radius:16px;color:#ffffff;background:#1677ff;font:inherit;font-size:16px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}
.profile-security-rescan:disabled{opacity:.7;cursor:default}
.profile-security-rescan:focus-visible{outline:2px solid #1677ff;outline-offset:2px}
.profile-security-footnote{margin:0;color:#999999;font-size:12px;line-height:1.55;font-weight:400;text-align:center}
/* R17.758：密码中心的表单、行内动作与开关。 */
.profile-security-form{display:grid;gap:10px;padding:12px 2px 8px;border-top:1px solid #f2f4f7}
.profile-security-form[hidden]{display:none!important}
.profile-security-field{display:grid;gap:6px}
.profile-security-field span{color:#999999;font-size:12px;font-weight:400}
.profile-security-field input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #e8ecf2;border-radius:12px;background:#fafbfd;color:#1a1a1a;font:inherit;font-size:15px;font-weight:400}
.profile-security-field input:focus{outline:2px solid #1677ff;outline-offset:1px;background:#ffffff}
.profile-security-submit{width:100%;min-height:46px;border:0;border-radius:14px;color:#ffffff;background:#1677ff;font:inherit;font-size:15px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}
.profile-security-submit:disabled{opacity:.7;cursor:default}
.profile-security-submit:focus-visible{outline:2px solid #1677ff;outline-offset:2px}
.profile-security-inline-action{flex:0 0 auto;padding:6px 12px;border:0;border-radius:999px;background:#f0f6ff;color:#1677ff;font:inherit;font-size:13px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}
.profile-security-switch{position:relative;flex:0 0 46px;width:46px;height:28px;padding:0;border:0;border-radius:999px;background:#e2e8f0;cursor:pointer;transition:background .18s ease;-webkit-tap-highlight-color:transparent}
.profile-security-switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#ffffff;box-shadow:0 1px 4px rgba(15,23,42,.22);transition:transform .18s ease}
.profile-security-switch[aria-checked="true"]{background:#10b981}
.profile-security-switch[aria-checked="true"]::after{transform:translateX(18px)}

/* R17.755：注销账户子页面（我的 → 账户与安全）。 */
.profile-cancel-page{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;padding:16px 0 calc(30px + var(--cb-safe-bottom,0px));color:#1a1a1a}
.profile-cancel-alert{display:flex;align-items:flex-start;gap:12px;padding:16px 14px;border-radius:16px;background:#fff5f6;border:1px solid #ffe1e6}
.profile-cancel-alert-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;color:#e11d48;background:#ffe6ea}
.profile-cancel-alert-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-cancel-alert-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.profile-cancel-alert-copy strong{color:#e11d48;font-size:16px;font-weight:500}
.profile-cancel-alert-copy span{color:#8d6b71;font-size:12.5px;line-height:1.55;font-weight:400}
.profile-cancel-card{padding:16px 14px 8px;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.profile-cancel-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px 10px}
.profile-cancel-card-head strong{color:#1a1a1a;font-size:17px;font-weight:500}
.profile-cancel-card-head span{color:#999999;font-size:13px;font-weight:400}
.profile-cancel-list{display:grid}
.profile-cancel-item{display:flex;align-items:center;gap:12px;padding:11px 2px;border-top:1px solid #f2f4f7}
.profile-cancel-item:first-child{border-top:0}
.profile-cancel-item-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}
.profile-cancel-item-copy strong{color:#1a1a1a;font-size:15px;font-weight:500}
.profile-cancel-item-copy small{color:#999999;font-size:12px;line-height:1.4;font-weight:400}
.profile-cancel-item-state{flex:0 0 auto;color:#f07f0b;font-size:13px;font-weight:500;white-space:nowrap}
.profile-cancel-item.is-ok .profile-cancel-item-state{color:#10b981}
.profile-cancel-notes{display:grid;gap:8px;margin:0;padding:0 2px 10px 18px}
.profile-cancel-notes li{color:#666666;font-size:12.5px;line-height:1.55;font-weight:400}
.profile-cancel-agree{display:flex;align-items:flex-start;gap:10px;padding:2px 4px;cursor:pointer}
.profile-cancel-agree input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:#1677ff}
.profile-cancel-agree span{color:#666666;font-size:13px;line-height:1.5;font-weight:400}
.profile-cancel-submit{width:100%;min-height:48px;border:0;border-radius:16px;color:#ffffff;background:#e11d48;font:inherit;font-size:16px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}
.profile-cancel-submit:disabled{color:#b6bcc6;background:#eceff3;cursor:not-allowed}
.profile-cancel-submit:not(:disabled):focus-visible{outline:2px solid #e11d48;outline-offset:2px}
.profile-cancel-footnote{margin:0;color:#999999;font-size:12px;line-height:1.55;font-weight:400;text-align:center}
.profile-cancel-confirm{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:24px}
.profile-cancel-confirm[hidden]{display:none}
.profile-cancel-confirm-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.profile-cancel-confirm-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;width:100%;max-width:340px;padding:20px;border-radius:20px;background:#ffffff;box-shadow:0 18px 44px rgba(15,23,42,.24)}
.profile-cancel-confirm-card strong{color:#1a1a1a;font-size:17px;font-weight:500}
.profile-cancel-confirm-card>span{color:#999999;font-size:12.5px;line-height:1.55;font-weight:400}
.profile-cancel-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.profile-cancel-confirm-actions button{min-height:44px;border:0;border-radius:14px;background:#f2f4f7;color:#4b5563;font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.profile-cancel-confirm-actions button.is-danger{color:#ffffff;background:#e11d48}

@media(max-width:390px){
  .profile-security-hero{gap:13px;padding:16px 13px}
  .profile-security-ring{flex-basis:76px;width:76px;height:76px}
  .profile-security-ring-copy strong{font-size:23px}
  .profile-security-hero-title{font-size:18px}
  .profile-security-card,.profile-cancel-card{padding:14px 12px 6px}
  .profile-security-item,.profile-cancel-item{gap:10px;padding:10px 2px}
  .profile-cancel-alert{padding:14px 12px}
}


/* R17.760：证件子页面（我的 → 个人服务 → 证件）。四类证件各一张卡片，点「查看」才显示具体证件。 */
.profile-certificate-page{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;padding:16px 0 calc(30px + var(--cb-safe-bottom,0px));color:#1a1a1a}
.profile-cert-hero{display:flex;align-items:center;gap:16px;padding:18px 16px;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.profile-cert-ring{position:relative;flex:0 0 86px;width:86px;height:86px}
.profile-cert-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.profile-cert-ring-track{fill:none;stroke:#eef1f6;stroke-width:11}
.profile-cert-ring-value{fill:none;stroke:#1677ff;stroke-width:11;stroke-linecap:round}
.profile-cert-ring-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.profile-cert-ring-copy strong{color:#1677ff;font-size:23px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.profile-cert-ring-copy small{color:#999999;font-size:10px;font-weight:400}
.profile-cert-hero-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:0}
.profile-cert-hero-label{color:#999999;font-size:12px;font-weight:400}
.profile-cert-hero-title{color:#1a1a1a;font-size:20px;line-height:1.2;font-weight:500}
.profile-cert-hero-note{color:#999999;font-size:12px;line-height:1.4;font-weight:400}
.profile-cert-refresh{width:100%;min-height:48px;border:0;border-radius:16px;color:#ffffff;background:#1677ff;font:inherit;font-size:16px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}
.profile-cert-refresh:disabled{opacity:.7;cursor:default}
.profile-cert-refresh:focus-visible{outline:2px solid #1677ff;outline-offset:2px}
.profile-cert-footnote{margin:0;color:#999999;font-size:12px;line-height:1.55;font-weight:400;text-align:center}

/* R17.760：档案子页面（我的 → 个人服务 → 档案）。六类档案各一张卡片，点「查看」才显示档案记录。 */
.profile-archive-page{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;padding:16px 0 calc(30px + var(--cb-safe-bottom,0px));color:#1a1a1a}
.profile-archive-hero{display:flex;align-items:center;gap:16px;padding:18px 16px;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.03)}
.profile-archive-ring{position:relative;flex:0 0 86px;width:86px;height:86px}
.profile-archive-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.profile-archive-ring-track{fill:none;stroke:#eef1f6;stroke-width:11}
.profile-archive-ring-value{fill:none;stroke:#1677ff;stroke-width:11;stroke-linecap:round}
.profile-archive-ring-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.profile-archive-ring-copy strong{color:#1677ff;font-size:23px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.profile-archive-ring-copy small{color:#999999;font-size:10px;font-weight:400}
.profile-archive-hero-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:0}
.profile-archive-hero-label{color:#999999;font-size:12px;font-weight:400}
.profile-archive-hero-title{color:#1a1a1a;font-size:20px;line-height:1.2;font-weight:500}
.profile-archive-hero-note{color:#999999;font-size:12px;line-height:1.4;font-weight:400}
.profile-archive-export{width:100%;min-height:48px;border:0;border-radius:16px;color:#ffffff;background:#1677ff;font:inherit;font-size:16px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}
.profile-archive-export:focus-visible{outline:2px solid #1677ff;outline-offset:2px}
.profile-archive-footnote{margin:0;color:#999999;font-size:12px;line-height:1.55;font-weight:400;text-align:center}

/* R17.760：证件 / 档案卡片内的展开区（与密码中心「去更新」展开同一形式）。 */
.profile-doc-detail{display:grid;padding:4px 2px 8px;border-top:1px solid #f2f4f7}
.profile-doc-detail[hidden]{display:none!important}
.profile-doc-row{display:flex;align-items:center;gap:10px;padding:10px 2px 10px 8px;border-top:1px solid #f7f8fa}
.profile-doc-row:first-child{border-top:0}
.profile-doc-row-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}
.profile-doc-row-copy strong{color:#1a1a1a;font-size:14px;font-weight:500;line-height:1.3}
.profile-doc-row-copy small{color:#999999;font-size:12px;line-height:1.4;font-weight:400}
.profile-doc-row-state{flex:0 0 auto;color:#8a94a6;font-size:13px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.profile-doc-row.is-held .profile-doc-row-state{color:#10b981}
.profile-doc-empty{padding:14px 2px 16px;color:#999999;font-size:12px;line-height:1.5;font-weight:400}

@media(max-width:390px){
  .profile-cert-hero,.profile-archive-hero{gap:13px;padding:16px 13px}
  .profile-cert-ring,.profile-archive-ring{flex-basis:76px;width:76px;height:76px}
  .profile-cert-ring-copy strong,.profile-archive-ring-copy strong{font-size:20px}
  .profile-cert-hero-title,.profile-archive-hero-title{font-size:18px}
  .profile-doc-row{gap:8px;padding:9px 2px 9px 6px}
}
/* R17.425：开通页使用中等明度的低饱和主题，提升套餐、支付框和文字的识别度。 */
.membership-review-screen .membership-review-heading h3 {
  color: #fff7ea !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .22);
}
.membership-review-screen .membership-reference-term,
.membership-review-screen .membership-reference-payment,
.membership-review-screen .membership-payment-option,
.membership-review-screen .membership-reference-password input {
  border-color: rgba(255, 244, 225, .38) !important;
  background: rgba(15, 20, 28, .32) !important;
  color: #fff7ea !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 18px rgba(8, 12, 18, .12);
}
.membership-review-screen .membership-reference-term.is-active,
.membership-review-screen .membership-payment-option.is-selected {
  border-color: var(--member-accent) !important;
  background: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 0 0 1px var(--member-accent), inset 0 0 24px var(--member-accent-soft), 0 8px 18px rgba(8, 12, 18, .14);
}
.membership-review-screen .membership-reference-term span,
.membership-review-screen .membership-payment-option-copy strong,
.membership-review-screen .membership-reference-payment strong {
  color: #fff7ea !important;
}
.membership-review-screen .membership-reference-term small,
.membership-review-screen .membership-payment-option-copy small,
.membership-review-screen .membership-reference-payment span,
.membership-review-screen .membership-reference-password > span {
  color: rgba(255, 247, 234, .78) !important;
}
.membership-review-screen .membership-payment-option:hover,
.membership-review-screen .membership-payment-option:focus-visible,
.membership-review-screen .membership-reference-term:focus-visible {
  border-color: rgba(255, 247, 234, .72) !important;
  outline: 0;
}
.membership-review-screen .membership-reference-payment,
.membership-review-screen .membership-payment-option,
.membership-review-screen .membership-reference-term {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* R17.427：无会员保留三项基础权益，使用浅灰页面底和深色高对比文字。 */
.membership-level-screen.membership-theme-none {
  --member-accent: #475569 !important;
  --member-accent-soft: rgba(71, 85, 105, .15) !important;
  --member-ink: #172033 !important;
  --member-muted: #64748b !important;
  color: #172033 !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%) !important;
}

.membership-level-screen.membership-theme-none::before,
.membership-level-screen.membership-theme-none::after {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

.membership-level-screen.membership-theme-none .membership-screen-topbar h2,
.membership-level-screen.membership-theme-none .membership-section-title h3,
.membership-level-screen.membership-theme-none .membership-record-copy strong,
.membership-level-screen.membership-theme-none .membership-record-row > b {
  color: #172033 !important;
}

.membership-level-screen.membership-theme-none .membership-inline-back {
  color: #334155 !important;
}

.membership-level-screen.membership-theme-none .membership-section-glyph {
  color: #64748b !important;
  text-shadow: none !important;
}

.membership-level-screen.membership-theme-none .membership-unlocked-copy,
.membership-level-screen.membership-theme-none .membership-quota-side-title,
.membership-level-screen.membership-theme-none .membership-quota-item span,
.membership-level-screen.membership-theme-none .membership-policy-stat span,
.membership-level-screen.membership-theme-none .membership-record-copy small {
  color: #64748b !important;
}

.membership-level-screen.membership-theme-none .membership-unlocked-copy strong,
.membership-level-screen.membership-theme-none .membership-quota-item strong,
.membership-level-screen.membership-theme-none .membership-policy-stat strong {
  color: #172033 !important;
}

.membership-level-screen.membership-theme-none .membership-quota-card,
.membership-level-screen.membership-theme-none .membership-policy-card,
.membership-level-screen.membership-theme-none .membership-record-card {
  border-color: #d6dee8 !important;
  background: #fff !important;
  color: #1f2937 !important;
  box-shadow: 0 10px 22px rgba(30, 41, 59, .08), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.membership-level-screen.membership-theme-none .membership-quota-card {
  min-height: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.membership-level-screen.membership-theme-none .membership-policy-card {
  min-height: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.membership-level-screen.membership-theme-none .membership-policy-content {
  gap: 5px;
}

.membership-level-screen.membership-theme-none .membership-policy-summary {
  min-height: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #475569 !important;
  background: #eef2f7 !important;
  font-size: 10px;
  line-height: 1.25;
}

.membership-level-screen.membership-theme-none .membership-quota-item {
  border-left-color: #e2e8f0 !important;
}

.membership-level-screen.membership-theme-none .membership-record-row {
  min-height: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #172033 !important;
}

.membership-level-screen.membership-theme-none .membership-record-row + .membership-record-row {
  border-top-color: #e2e8f0 !important;
}

.membership-level-screen.membership-theme-none .membership-record-icon {
  color: #475569 !important;
  background: #eef2f7 !important;
}

.membership-level-screen.membership-theme-none .membership-policy-chip em {
  color: #64748b !important;
}

/* R17.431：开通页会员权益摘要。底部只保留上方圆角，避免再套一层完整圆角卡片。 */
.membership-review-screen .membership-review-hero {
  min-height: 326px !important;
  padding-bottom: 88px !important;
}

.membership-review-benefit-strip {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 76px;
  padding: 12px 10px 13px;
  border-top: 1px solid rgba(255, 225, 193, .34);
  border-radius: 26px 26px 0 0;
  color: #fff0dd;
  background: linear-gradient(180deg, rgba(75, 44, 31, .86), rgba(43, 27, 24, .9));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter: blur(4px);
}

.membership-review-benefit-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: 7px;
  padding: 0 9px;
}

.membership-review-benefit-item + .membership-review-benefit-item {
  border-left: 1px solid rgba(255, 224, 193, .28);
}

.membership-review-benefit-icon {
  display: grid;
  flex: 0 0 32px;
  place-items: center;
  width: 32px;
  height: 32px;
  color: var(--member-accent);
}

.membership-review-benefit-icon svg {
  width: 29px;
  height: 29px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.65;
}

.membership-review-benefit-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.membership-review-benefit-copy strong,
.membership-review-benefit-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.membership-review-benefit-copy strong {
  color: #fff1df;
  font-size: 13px;
  font-weight: 900;
}

.membership-review-benefit-copy small {
  color: rgba(255, 235, 211, .7);
  font-size: 10px;
  font-weight: 700;
}

.membership-review-screen.membership-theme-v1 .membership-review-benefit-strip {
  border-top-color: rgba(255, 211, 169, .36);
  background: linear-gradient(180deg, rgba(91, 57, 39, .88), rgba(44, 29, 26, .92));
}

.membership-review-screen.membership-theme-v2 .membership-review-benefit-strip {
  border-top-color: rgba(206, 226, 244, .44);
  background: linear-gradient(180deg, rgba(67, 91, 112, .9), rgba(28, 39, 51, .93));
}

.membership-review-screen.membership-theme-v3 .membership-review-benefit-strip {
  border-top-color: rgba(255, 222, 166, .4);
  background: linear-gradient(180deg, rgba(88, 65, 31, .88), rgba(36, 29, 22, .92));
}

.membership-review-screen.membership-theme-v4 .membership-review-benefit-strip {
  border-top-color: rgba(194, 225, 246, .46);
  background: linear-gradient(180deg, rgba(61, 94, 119, .9), rgba(24, 37, 51, .93));
}

@media (max-width: 540px) {
  .membership-review-screen .membership-review-hero {
    min-height: 306px !important;
    padding: 20px 16px 78px !important;
  }

  .membership-review-benefit-strip {
    min-height: 70px;
    padding: 10px 6px 11px;
  }

  .membership-review-benefit-item {
    gap: 4px;
    padding: 0 4px;
  }

  .membership-review-benefit-icon {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
  }

  .membership-review-benefit-icon svg {
    width: 25px;
    height: 25px;
  }

  .membership-review-benefit-copy {
    gap: 2px;
  }

  .membership-review-benefit-copy strong {
    font-size: 11px;
  }

  .membership-review-benefit-copy small {
    font-size: 9px;
  }
}

/* R17.432：银色与铂金色必须从黄铜/黄金中彻底分离；同档次只共用布局，不共用主题色。 */
.membership-review-screen.membership-theme-v2 {
  --member-accent: #edf3f7 !important;
  --member-accent-soft: rgba(198, 213, 226, .32) !important;
  --member-ink: #f4f8fb !important;
  --member-muted: rgba(226, 235, 242, .74) !important;
  background: linear-gradient(155deg, #667584 0%, #313c47 48%, #141a20 100%) !important;
}

.membership-review-screen.membership-theme-v2 .membership-review-hero {
  border-color: rgba(229, 239, 246, .78) !important;
  background: linear-gradient(135deg, rgba(143, 155, 168, .94), rgba(43, 51, 61, .97)) !important;
}

.membership-review-screen.membership-theme-v2 .membership-review-benefit-strip {
  border-top-color: rgba(235, 243, 248, .72);
  background: linear-gradient(180deg, rgba(151, 164, 177, .96), rgba(53, 63, 73, .98));
}

.membership-review-screen.membership-theme-v2 .membership-reference-term,
.membership-review-screen.membership-theme-v2 .membership-reference-payment,
.membership-review-screen.membership-theme-v2 .membership-payment-option {
  border-color: rgba(219, 231, 240, .48) !important;
}

.membership-review-screen.membership-theme-v4 {
  --member-accent: #dff6ff !important;
  --member-accent-soft: rgba(132, 209, 239, .34) !important;
  --member-ink: #eefaff !important;
  --member-muted: rgba(210, 237, 248, .76) !important;
  background: linear-gradient(155deg, #75a8c5 0%, #315c78 47%, #0d1b27 100%) !important;
}

.membership-review-screen.membership-theme-v4 .membership-review-hero {
  border-color: rgba(202, 240, 255, .84) !important;
  background: linear-gradient(135deg, rgba(104, 164, 197, .95), rgba(20, 52, 72, .98)) !important;
}

.membership-review-screen.membership-theme-v4 .membership-review-benefit-strip {
  border-top-color: rgba(208, 243, 255, .76);
  background: linear-gradient(180deg, rgba(111, 181, 218, .96), rgba(24, 64, 88, .98));
}

.membership-review-screen.membership-theme-v4 .membership-reference-term,
.membership-review-screen.membership-theme-v4 .membership-reference-payment,
.membership-review-screen.membership-theme-v4 .membership-payment-option {
  border-color: rgba(185, 228, 247, .54) !important;
}

/* R17.736：我的房产整页（主房产大图 + 房产列表），数据来自 CentralBankPropertyStore。 */
.sheet-bg.profile-center-fullscreen{
  align-items:stretch!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.sheet-bg.profile-center-fullscreen .sheet{
  display:flex!important;
  flex-direction:column!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.sheet-bg.profile-center-fullscreen.open .sheet{transform:none!important;animation:profileTaxPageIn .22s ease both!important}
.sheet-bg.profile-center-fullscreen .sheet-head{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  align-items:center!important;
  position:relative!important;
  flex:0 0 auto!important;
  min-height:44px!important;
  margin:0!important;
  padding:calc(6px + var(--cb-safe-top,0px)) 18px 4px!important;
  box-sizing:border-box!important;
  border-bottom:0!important;
  background:transparent!important;
}
.sheet-bg.profile-center-fullscreen .sheet-head h2{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.sheet-bg.profile-center-fullscreen .sheet-head #closeSheet{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  position:static!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  color:transparent!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:0!important;
  cursor:pointer!important;
}
.sheet-bg.profile-center-fullscreen .sheet-head #closeSheet::before{
  content:"‹";
  display:block;
  color:#64748b;
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:32px;
  font-weight:300;
  line-height:1;
}
.sheet-bg.profile-center-fullscreen #sheetBody{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
  padding:0 20px calc(36px + var(--cb-safe-bottom,0px))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  background:transparent!important;
}
/* R17.752：房产列表页取消独立返回板块（sheet-head），返回与标题同行，整页统一滚动。 */
.sheet-bg.property-list-fullscreen .sheet-head{display:none!important}
.sheet-bg.property-list-fullscreen #sheetBody{padding-top:calc(12px + var(--cb-safe-top,0px))!important}
.sheet-bg.property-list-fullscreen{
  align-items:stretch!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
  background:#F5F5F5!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-family:"Helvetica Neue","PingFang SC","PingFangSC-Regular","Heiti SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}
.sheet-bg.property-list-fullscreen .sheet{
  background:#F5F5F5!important;
  background-image:var(--cb-page-top-scrim)!important;
  background-repeat:no-repeat!important;
  background-size:var(--cb-page-top-scrim-size)!important;
}
.sheet-bg.property-list-fullscreen .property-page-back,
.sheet-bg.property-list-fullscreen .property-page-title{color:#ffffff}
.property-page-title-line{display:flex;align-items:center;gap:2px;margin-left:-4px}
.property-page-back{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:34px;padding:0 4px;border:0;background:transparent;color:#334155;font-family:Arial,"Helvetica Neue",sans-serif;font-size:30px;font-weight:300;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.property-name-line{display:flex;align-items:center;gap:8px;min-width:0}
.property-holding-badge{flex:0 0 auto;display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-style:normal;font-size:11.5px;line-height:1.45;font-weight:900;white-space:nowrap}
.property-holding-badge.is-own{color:#15803d;background:rgba(21,128,61,.10)}
.property-holding-badge.is-rent{color:#ea7f0b;background:rgba(234,127,11,.12)}
.property-holding-badge.is-shared{padding:0;border-radius:0;color:#475569;background:transparent;font-size:14px;font-weight:650;line-height:1.35}
.property-holding-part{display:inline-flex;align-items:center}
.property-holding-divider{flex:0 0 auto;width:1px;height:12px;margin:0 9px;background:rgba(100,116,139,.42)}
.profile-property-page{
  display:flex;
  flex-direction:column;
  min-height:100%;
  box-sizing:border-box;
  color:#172033;
  background:transparent;
}
.property-page-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:8px 0 18px;
}
.property-page-head-copy{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.property-page-title{
  margin:0;
  color:#1a1a1a;
  font-size:20px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:-.01em;
}
.property-page-all{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:2px;
  margin-top:2px;
  padding:6px 0;
  border:0;
  background:transparent;
  color:var(--cb-brand,#5240fe);
  font-family:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.property-page-all i{
  font-style:normal;
  font-size:15px;
  line-height:1;
}
/* R17.767：房产列表右侧的「查看所有」落在浅色内容区，颜色与「房产列表」标题一致。 */
.property-list-head .property-page-all{color:#13233d}
.property-primary{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(205,214,227,.66);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 42px rgba(15,23,42,.08);
}
.property-primary-media{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#eef2f7;
}
.property-primary-media img{display:block;width:100%;height:100%;object-fit:cover}
.property-primary-media.is-empty{background:linear-gradient(150deg,#eef2f7,#e2e9f2)}
.property-primary-body{padding:16px 16px 18px}
.property-primary-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.property-primary-title-row strong{min-width:0;color:#101a2e;font-size:20px;line-height:1.28;font-weight:1000;overflow-wrap:anywhere}
.property-price{
  flex:0 0 auto;
  color:#dc2626;
  font-size:18px;
  line-height:1.3;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.property-address{margin:6px 0 0;color:#8a97a8;font-size:13px;line-height:1.5;font-weight:750;overflow-wrap:anywhere}
.property-params{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(226,232,240,.92)}
.property-param{display:inline-flex;align-items:center;gap:7px;min-width:0;color:#28364d;font-size:15px;font-weight:900;white-space:nowrap}
.property-params-hint{margin-left:auto;color:#1677ff;font-size:11.5px;line-height:1.3;font-weight:500;white-space:nowrap}
.property-list-section{margin-top:28px}
.property-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 12px}
.property-list-head strong{color:#13233d;font-size:18px;font-weight:1000}
.property-list{display:grid;gap:12px}
.property-card{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:stretch;gap:12px;padding:12px;border:1px solid rgba(205,214,227,.62);border-radius:18px;background:#fff;box-shadow:0 12px 26px rgba(15,23,42,.06)}
.property-card-media{width:92px;height:92px;overflow:hidden;border-radius:14px;background:#eef2f7}
.property-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.property-card-media.is-empty{background:linear-gradient(150deg,#eef2f7,#e2e9f2)}
.property-card-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.property-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.property-card-title-row strong{min-width:0;color:#101a2e;font-size:15.5px;line-height:1.3;font-weight:1000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.property-card .property-price{font-size:15px;line-height:1.35}
.property-card-copy p{margin:0;color:#8a97a8;font-size:12px;line-height:1.45;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.property-card-params{gap:14px;margin-top:0;padding-top:0;border-top:0}
.property-card-params .property-param{font-size:13px;gap:6px}
.property-empty{display:grid;justify-items:center;padding:66px 12px 52px;text-align:center}
.property-empty i{display:grid;place-items:center;width:60px;height:60px;border-radius:22px;color:#64748b;background:#eef2f7}
.property-empty i svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.property-empty strong{margin-top:14px;color:#334155;font-size:17px;font-weight:1000}
.property-empty span{max-width:280px;margin-top:8px;color:#94a3b8;font-size:12px;line-height:1.6;font-weight:750}
.profile-property-detail.profile-asset-page .property-detail-body{flex:1 1 auto;justify-content:center}
.profile-property-detail.profile-asset-page .property-asset-empty-card{display:flex;align-items:center;min-height:240px;box-sizing:border-box}
.profile-property-detail.profile-asset-page .property-asset-empty{width:100%;padding:48px 12px 42px;box-sizing:border-box}
@media (max-width:390px){
  .property-page-title{font-size:18px}
  .property-primary-body{padding:14px 14px 16px}
  .property-primary-title-row strong{font-size:18.5px}
  .property-primary-title-row .property-price{font-size:16.5px}
  .property-params{gap:14px}
  .property-param{font-size:14px}
  .property-card{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:10px}
  .property-card-media{width:82px;height:82px;border-radius:12px}
  .property-card-title-row strong{font-size:14.5px}
  .property-card .property-price{font-size:14px}
}

/* R17.737：房产详情页（个人房产资产档案），沿用我的房产列表页视觉体系。
   R17.763：头部改为「我的房产」同款返回 + 标题；字体与配色对齐「我的」页。 */
.sheet-bg.property-detail-fullscreen .sheet-head{display:none!important}
.sheet-bg.property-detail-fullscreen #sheetBody{padding:0!important}
.profile-property-detail{position:relative;display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;color:#1a1a1a;background:#F5F5F5;background-image:var(--cb-page-top-scrim);background-repeat:no-repeat;background-size:var(--cb-page-top-scrim-size);font-family:"Helvetica Neue","PingFang SC","PingFangSC-Regular","Heiti SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif}
/* 头部与「我的房产」列表页共用 .property-page-title-line / .property-page-back / .property-page-title。 */
.property-detail-page-head{display:flex;align-items:center;gap:12px;padding:calc(12px + var(--cb-safe-top,0px)) 20px 12px}
/* R17.764：房源图片改为与卡片同宽的圆角外壳，高度由图片自身比例决定（不再锁定固定比例）。 */
.property-detail-hero{position:relative;margin:0 20px;overflow:hidden;border-radius:18px;background:#eef2f7}
.property-detail-hero img{display:block;width:100%;height:auto}
.property-detail-hero-room-label{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;background:rgba(15,23,42,.56);box-shadow:0 5px 16px rgba(15,23,42,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:14px;line-height:1.3;font-weight:500;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.property-detail-hero.is-empty{display:grid;place-items:center;min-height:196px;background:linear-gradient(160deg,#f1f4f9,#e6ecf5 55%,#eef2f7)}
.property-detail-hero-empty{display:grid;justify-items:center;gap:8px;color:#94a3b8}
.property-detail-hero-empty i{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.property-detail-hero-empty svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.property-detail-hero-empty small{font-size:11.5px;font-weight:400;color:#999999}
.property-detail-thumbs{display:flex;gap:10px;padding:14px 20px 2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.property-detail-thumbs::-webkit-scrollbar{display:none}
.property-detail-thumb{position:relative;flex:0 0 74px;width:74px;height:74px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:16px;background:#eef2f7;cursor:pointer;-webkit-tap-highlight-color:transparent}
.property-detail-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.property-detail-thumb.is-active{border-color:var(--cb-brand,#5240fe);box-shadow:0 6px 16px rgba(82,64,254,.22)}
.property-detail-thumb.is-more::after{content:"";position:absolute;inset:0;background:rgba(15,23,42,.5)}
.property-detail-thumb.is-more span{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:600}
.property-detail-body{display:flex;flex-direction:column;gap:14px;padding:14px 20px calc(34px + var(--cb-safe-bottom,0px))}
.property-detail-card{padding:16px;border-radius:20px;background:#fff;box-shadow:0 12px 26px rgba(15,23,42,.05)}
.property-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.property-detail-name-line{display:flex;align-items:center;gap:8px;min-width:0}
.property-detail-name-line strong{min-width:0;color:#1a1a1a;font-size:17px;line-height:1.3;font-weight:500;overflow-wrap:anywhere}
.property-detail-type{flex:0 0 auto;padding:2px 7px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-style:normal;font-size:10.5px;font-weight:600;white-space:nowrap}
.property-detail-region{flex:0 1 auto;max-width:46%;color:#4f46e5;font-size:12.5px;line-height:1.4;font-weight:650;text-align:right;overflow-wrap:anywhere}
.property-detail-price{display:block;margin-top:6px;font-size:18px}
.property-detail-address{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.property-detail-address p{flex:1 1 auto;min-width:0;margin:0;color:#999999;font-size:12.5px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}
.property-detail-map{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border:0;border-radius:999px;background:#eef2ff;color:#4f46e5;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.property-detail-map i{display:inline-flex}
.property-detail-map svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.property-detail-params{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;row-gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(226,232,240,.92)}
.property-detail-param{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:0 4px;text-align:center}
.property-detail-param+.property-detail-param{border-left:1px solid rgba(226,232,240,.92)}
.property-detail-param:nth-child(4n+1){border-left:0}
.property-detail-param strong{color:#1a1a1a;font-size:16px;line-height:1.2;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}
.property-detail-param small{color:#999999;font-size:12.5px;font-weight:450;line-height:1.25;white-space:nowrap}
/* R17.767：房产号、持有状态、产权人使用同一行高，逐行用横线分隔；底部四项（购入日期 / 产权年限 / 房屋类型 / 物业费）两列两行。 */
.property-detail-archive{display:flex;flex-direction:column;padding:6px 16px 16px;box-shadow:0 12px 26px rgba(15,23,42,.05)}
.property-archive-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;box-sizing:border-box;padding:10px 0}
.property-archive-row+.property-archive-row{border-top:1px solid #f2f4f7}
.property-archive-row>span{flex:0 0 auto;color:#999999;font-size:13.5px;font-weight:450}
.property-archive-row>strong{min-width:0;color:#1a1a1a;font-size:15px;font-weight:550;text-align:right;overflow-wrap:anywhere}
.property-archive-row>strong.property-archive-code{display:inline-flex;align-items:center;padding:2px 8px;border-radius:8px;background:#eef2ff;color:#4f46e5;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.property-detail-archive .property-holding-badge{flex:0 1 auto;max-width:100%;white-space:normal;text-align:right;overflow-wrap:anywhere}
.property-archive-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:52px;margin-top:0;padding:10px 0 0;border-top:1px solid #f2f4f7}
.property-archive-meta div{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding-bottom:10px}
.property-archive-meta small{color:#999999;font-size:11px;font-weight:400}
.property-archive-meta strong{color:#1a1a1a;font-size:12.5px;font-weight:500;overflow-wrap:anywhere}
.property-records-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.property-records-head strong{color:#1a1a1a;font-size:15px;font-weight:500}
.property-records-list[hidden]{display:none!important}
.property-record-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.property-record-row+.property-record-row{border-top:1px solid rgba(230,235,243,.9)}
.property-record-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;color:#4f46e5;background:#eef2ff}
.property-record-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.property-record-row span{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}
.property-record-row strong{color:#1a1a1a;font-size:14px;font-weight:500}
.property-record-row small{color:#999999;font-size:11.5px;font-weight:400}
.property-record-row>b{flex:0 0 auto;color:#c3cdda;font-size:16px;font-weight:700}
/* R17.763：相关记录弹窗（过户 / 抵押 / 冻结 / 维修），只做默认空态展示，不取后端数据。 */
.property-record-popup{position:fixed;inset:0;z-index:1500;display:flex;align-items:flex-end;justify-content:center}
.property-record-popup[hidden]{display:none}
.property-record-popup-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.property-record-popup-card{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:540px;max-height:72vh;margin:0 12px calc(14px + env(safe-area-inset-bottom));padding:14px;border-radius:20px;background:#ffffff;box-shadow:0 -16px 46px rgba(15,23,42,.26)}
.property-record-popup-head{display:flex;align-items:center;gap:10px;padding:2px 2px 10px}
.property-record-popup-head strong{color:#1a1a1a;font-size:15px;font-weight:500}
.property-record-popup-close{margin-left:auto;min-height:30px;padding:0 12px;border:0;border-radius:10px;color:#4f46e5;background:#eef2ff;font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.property-record-popup-body{overflow-y:auto;-webkit-overflow-scrolling:touch}
.property-record-popup-empty{display:grid;justify-items:center;padding:34px 12px 38px;text-align:center}
.property-record-popup-empty i{display:grid;place-items:center;width:56px;height:56px;border-radius:20px;color:#94a3b8;background:#f2f4f7}
.property-record-popup-empty i svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.property-record-popup-empty strong{margin-top:12px;color:#1a1a1a;font-size:15px;font-weight:500}
.property-record-popup-empty span{max-width:280px;margin-top:7px;color:#999999;font-size:11.5px;line-height:1.55;font-weight:400}
.property-record-timeline{margin:0;padding:2px 2px 4px;list-style:none}
.property-record-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0}
.property-record-item+.property-record-item{border-top:1px solid rgba(230,235,243,.9)}
.property-record-date{flex:0 0 auto;min-width:72px;color:#4f46e5;font-size:12px;line-height:1.6;font-weight:500}
.property-record-text{margin:0;color:#1a1a1a;font-size:13px;line-height:1.6;font-weight:400;overflow-wrap:anywhere}
.property-detail-missing{display:grid;justify-items:center;gap:8px;padding:88px 24px 48px;text-align:center}
.property-detail-missing strong{color:#1a1a1a;font-size:17px;font-weight:500}
.property-detail-missing span{color:#999999;font-size:12.5px;font-weight:400;line-height:1.6}
.property-detail-missing button{margin-top:10px;padding:11px 22px;border:0;border-radius:14px;background:var(--cb-brand,#5240fe);color:#fff;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer}
.property-album{position:fixed;inset:0;z-index:1500;display:flex;flex-direction:column;background:#fff}
.property-album[hidden]{display:none}
.property-album-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + var(--cb-safe-top,0px)) 20px 12px;border-bottom:1px solid rgba(230,235,243,.9)}
.property-album-head div{display:flex;align-items:baseline;gap:8px}
.property-album-head strong{color:#1a1a1a;font-size:15px;font-weight:500}
.property-album-head span{color:#999999;font-size:11.5px;font-weight:400}
.property-album-close{padding:7px 12px;border:0;border-radius:12px;background:#eef2ff;color:#4f46e5;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}
.property-album-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 20px calc(28px + var(--cb-safe-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}
.property-album-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:#eef2f7}
@media (max-width:390px){
  .property-detail-name-line strong{font-size:16px}
  .property-detail-price{font-size:16.5px}
  .property-detail-region{max-width:48%;font-size:11.5px}
  .property-detail-param{gap:6px;padding:0 2px}
  .property-detail-param strong{font-size:15.5px}
  .property-detail-param small{font-size:12px}
}

/* R17.741：我的页整页背景替换（不在原壳层上叠加）：顶部 #1677FF 随内容渐入 #F5F5F5，滚动时一同滚走。
   R17.753：渐变本身改由 --cb-page-top-scrim 提供，与税务中心共用同一份定义。
   R17.757：主界面字体恢复为 R17.755 之前的系统字体栈（Helvetica Neue + PingFang SC 优先）。 */
[data-wallet-page="profile"]{
  font-family: "Helvetica Neue", "PingFang SC", "PingFangSC-Regular", "Heiti SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}
html.cb-wallet-authenticated body.wallet-authenticated.check-profile{background:#F5F5F5 !important}
html.cb-wallet-authenticated body.wallet-authenticated.check-profile .app{background:#F5F5F5 !important}
html.cb-wallet-authenticated body.wallet-authenticated.check-profile #assetsView main.content{background:#F5F5F5 !important}
body.check-profile [data-wallet-page="profile"].wallet-tab-page{
  margin-top: calc(-14px - env(safe-area-inset-top));
  margin-left: -18px;
  margin-right: -18px;
  padding: calc(14px + env(safe-area-inset-top)) 18px 0;
  background-color: #F5F5F5;
  background-image: var(--cb-page-top-scrim);
  background-repeat: no-repeat;
  background-size: var(--cb-page-top-scrim-size);
}

[data-wallet-page="profile"] .profile-membership-card{
  --profile-member-bg: transparent;
  --profile-member-ink: #ffffff;
  --profile-member-muted: rgba(255, 255, 255, .80);
  --profile-member-border: rgba(255, 255, 255, .30);
  margin-top: 0;
  padding: 18px 0 10px;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
[data-wallet-page="profile"] .profile-membership-card::before{display:none !important}
[data-wallet-page="profile"] .profile-membership-card .profile-avatar{
  border: 2px solid rgba(255, 255, 255, .85);
  color: #1677ff;
  background: #ffffff;
  font-weight: 500;
  box-shadow: 0 8px 18px rgba(9, 60, 140, .20);
}
[data-wallet-page="profile"] .profile-membership-card .profile-identity strong{font-size:20px;font-weight:500;letter-spacing:.01em}
[data-wallet-page="profile"] .profile-membership-card .profile-identity p{font-size:14px;font-weight:400;color:var(--profile-member-muted)}
[data-wallet-page="profile"] .profile-real-name-certification{font-size:14px;font-weight:400;color:var(--profile-member-muted)}
[data-wallet-page="profile"] .profile-membership-info-card span{font-size:14px;font-weight:400;color:var(--profile-member-muted)}
[data-wallet-page="profile"] .profile-membership-info-card strong{margin-top:5px;font-size:16px;font-weight:500;color:var(--profile-member-ink)}
[data-wallet-page="profile"] .profile-membership-cta-copy span{font-size:12px;font-weight:500;letter-spacing:.06em;color:rgba(255,255,255,.72)}
[data-wallet-page="profile"] .profile-membership-cta-copy strong{font-size:15px;font-weight:500;color:#ffffff}
[data-wallet-page="profile"] .profile-membership-cta-copy small{font-size:13px;font-weight:400;color:rgba(255,255,255,.80);opacity:1}
[data-wallet-page="profile"] .profile-membership-cta-actions button{min-height:34px;padding:8px 15px;border-radius:999px;font-size:14px;font-weight:500}
[data-wallet-page="profile"] .profile-membership-cta-primary{color:#1677ff;background:#ffffff;box-shadow:0 8px 16px rgba(9,60,140,.18)}

[data-wallet-page="profile"] .profile-service-card{margin-top:8px;padding:14px 12px 10px;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(15,23,42,.03)}
[data-wallet-page="profile"] .profile-service-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 4px 12px}
[data-wallet-page="profile"] .profile-service-title{color:#1a1a1a;font-size:17px;font-weight:500}
[data-wallet-page="profile"] .profile-service-subtitle{color:#999999;font-size:14px;font-weight:400}
[data-wallet-page="profile"] .profile-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
[data-wallet-page="profile"] .profile-service-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:54px;padding:10px 4px 8px;border:0;border-radius:12px;background:transparent;color:#1a1a1a;font:inherit;font-size:16px;font-weight:400;cursor:pointer;-webkit-tap-highlight-color:transparent}
[data-wallet-page="profile"] .profile-service-item:active{background:#f5f5f5}
[data-wallet-page="profile"] .profile-service-logo{display:flex;align-items:center;justify-content:center;width:100%;height:38px}
[data-wallet-page="profile"] .profile-service-logo img{display:block;max-width:100%;max-height:100%}
[data-wallet-page="profile"] .profile-service-label{display:block;font-size:15px;line-height:1.2;font-weight:400;color:#1a1a1a}
/* R17.748：个别入口图标按比例缩小，底部对齐、位置不变。 */
[data-wallet-page="profile"] .profile-service-item[data-person-action="archives"] .profile-service-logo img,
[data-wallet-page="profile"] .profile-service-item[data-person-action="security-check"] .profile-service-logo img,
[data-wallet-page="profile"] .profile-service-item[data-person-action="certificate"] .profile-service-logo img,
[data-wallet-page="profile"] .profile-service-item[data-person-action="government"] .profile-service-logo img{transform:scale(.95);transform-origin:bottom center}
[data-wallet-page="profile"] .profile-service-item[data-person-action="account-cancel"] .profile-service-logo img{transform:scale(.9);transform-origin:bottom center}
[data-wallet-page="profile"] .profile-service-item[data-person-action="transport"] .profile-service-logo img{position:relative;left:2px;transform:scale(.8);transform-origin:bottom center}
[data-wallet-page="profile"] .profile-service-item[data-person-action="collection"] .profile-service-logo img{transform:scale(1.1);transform-origin:bottom center}
[data-wallet-page="profile"] .profile-cloud-card{display:flex;align-items:center;gap:6px;margin-top:6px;padding:10px 4px 2px;border-top:1px solid #f0f0f0;background:transparent!important;border-radius:0!important;box-shadow:none!important}
[data-wallet-page="profile"] .profile-cloud-card strong{flex:0 0 auto;font-size:13px;font-weight:400;color:#666666;white-space:nowrap}
[data-wallet-page="profile"] .profile-cloud-card span{flex:1 1 auto;min-width:0;margin:0;font-size:13px;font-weight:400;color:#999999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-wallet-page="profile"] .profile-cloud-card span::before{content:"· ";color:#c8c8c8}
[data-wallet-page="profile"] .profile-cloud-card button{flex:0 0 auto;margin-left:auto;padding:6px 12px;border-radius:999px;background:#f0f6ff;color:#1677ff;font-size:13px;font-weight:400}

.profile-center-page{display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;color:#1a1a1a}
.profile-center-empty{display:grid;justify-items:center;gap:8px;padding:96px 24px 48px;text-align:center}
.profile-center-empty i{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;color:#1677ff;background:#eef4ff}
.profile-center-empty svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.profile-center-empty strong{margin-top:6px;color:#1a1a1a;font-size:17px;font-weight:500}
.profile-center-empty span{max-width:300px;color:#999999;font-size:14px;font-weight:400;line-height:1.65}

@media (max-width:390px){
  [data-wallet-page="profile"] .profile-membership-card{padding:16px 0 12px}
  [data-wallet-page="profile"] .profile-service-item{font-size:15px}
}