/* User center (/userCent) — responsive layout, typography, logout button */

/* Page shell */
.sub-page[data-user-cent-replica="1"] {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  min-height: 100%;
  background: #edf2fd;
}

.sub-page[data-user-cent-replica="1"] .sub-page__body {
  padding: 0 calc(3.2 * var(--vw, 1vw)) calc(6 * var(--vw, 1vw));
  box-sizing: border-box;
}

.sub-page[data-user-cent-replica="1"] .sub-card {
  border-radius: calc(2.5 * var(--vw, 1vw));
  box-shadow: 0 calc(0.5 * var(--vw, 1vw)) calc(2 * var(--vw, 1vw)) rgba(93, 117, 162, 0.08);
}

/* Banner — smaller hero text */
.sub-page[data-user-cent-replica="1"] .user-cent-banner {
  padding: calc(4.5 * var(--vw, 1vw)) 0 calc(5.5 * var(--vw, 1vw));
}

.sub-page[data-user-cent-replica="1"] .user-cent-banner img {
  width: calc(32 * var(--vw, 1vw));
  max-width: 160px;
}

.sub-page[data-user-cent-replica="1"] .user-cent-banner__text {
  margin-top: calc(15 * var(--vw, 1vw));
  font-size: calc(5 * var(--vw, 1vw)) !important;
  color: #5d75a2;
  letter-spacing: 0.02em;
  position: relative;
  top: -65px;
}

/* Menu items */
.sub-page[data-user-cent-replica="1"] .menu-list-item {
  padding: calc(3.2 * var(--vw, 1vw)) calc(3.5 * var(--vw, 1vw));
}

.sub-page[data-user-cent-replica="1"] .menu-list-item__title {
  font-size: calc(3.6 * var(--vw, 1vw));
}

.sub-page[data-user-cent-replica="1"] .menu-list-item__desc {
  font-size: calc(2.8 * var(--vw, 1vw));
  margin-top: calc(0.6 * var(--vw, 1vw));
}

/* "去完善 ›" link — smaller than inline 3.47vw */
.sub-page[data-user-cent-replica="1"] .menu-list-item > span[style*="font-size"] {
  font-size: calc(2.6 * var(--vw, 1vw)) !important;
}

/* Logout button */
.user-cent-logout-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: calc(6 * var(--vw, 1vw)) 0 calc(4 * var(--vw, 1vw));
  box-sizing: border-box;
}

.user-cent-logout-btn {
  display: inline-block;
  margin: 0 auto;
  padding: calc(2.2 * var(--vw, 1vw)) calc(8 * var(--vw, 1vw));
  border: none;
  background: transparent;
  color: #333;
  font-family: "SimSun", "宋体", serif;
  font-weight: bold;
  font-size: calc(4 * var(--vw, 1vw));
  line-height: 1.4;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}

.user-cent-logout-btn:active {
  opacity: 0.65;
}

@media (min-width: 431px) {
  .sub-page[data-user-cent-replica="1"] {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.06);
  }
}