/**
 * Settings Center (/main/SettingCenter) — premium UI polish.
 * Requires body.tw-setting-center-page (setting-center-premium.js).
 */

body.tw-setting-center-page {
  --sc-cyan: #00cfff;
  --sc-cyan-border: rgba(0, 207, 255, 0.38);
  --sc-text: rgba(248, 250, 252, 0.96);
  --sc-text-muted: rgba(148, 163, 184, 0.9);
  --sc-card-bg: rgba(8, 14, 28, 0.68);
  --sc-box-radius: 0.28rem;
  --sc-box-gap: 0.24rem;
}

/* --- Profile header: in-flow layout (fixes overlap with settings list) --- */
body.tw-setting-center-page #app .userInfo__container.setting-page-container[data-v-5bd44e74] {
  height: auto !important;
  min-height: 0 !important;
  padding-top: calc(max(0.53333rem, env(safe-area-inset-top, 0px)) + 0.88rem) !important;
  padding-bottom: 0.28rem !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.tw-setting-center-page #app .userInfo__container.setting-page-container[data-v-5bd44e74]::before,
body.tw-setting-center-page #app .userInfo__container.setting-page-container[data-v-5bd44e74]::after {
  display: none !important;
  content: none !important;
}

body.tw-setting-center-page #app .userInfo__container.setting-page-container[data-v-5bd44e74] .van-nav-bar {
  position: absolute !important;
  top: max(0.53333rem, env(safe-area-inset-top, 0px)) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 6 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.tw-setting-center-page #app .userInfo__container.setting-page-container[data-v-5bd44e74] .van-nav-bar.van-hairline--bottom::after,
body.tw-setting-center-page #app .userInfo__container.setting-page-container[data-v-5bd44e74] .van-nav-bar::after {
  display: none !important;
  border: none !important;
}

body.tw-setting-center-page #app .userInfo__container.setting-page-container[data-v-5bd44e74] .van-nav-bar .van-nav-bar__title {
  font-family: "Orbitron", system-ui, sans-serif !important;
  font-size: 0.34rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--sc-text) !important;
  text-shadow: 0 0 12px rgba(0, 207, 255, 0.15) !important;
}

body.tw-setting-center-page #app .userInfo__container.setting-page-container[data-v-5bd44e74] .van-nav-bar .van-nav-bar__arrow {
  color: var(--sc-text) !important;
}

body.tw-setting-center-page #app .userInfo__container.setting-page-container[data-v-5bd44e74] .userInfo__container-content[data-v-5bd44e74] {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 0.32rem !important;
  box-sizing: border-box !important;
  z-index: 2 !important;
}

/* --- Settings list (sibling of profile block) --- */
body.tw-setting-center-page #app .userInfo__container.setting-page-container[data-v-5bd44e74] + .content.setting-wrapper[data-v-6af1b9df],
body.tw-setting-center-page #app .content.setting-wrapper[data-v-6af1b9df] {
  position: relative !important;
  top: 0 !important;
  padding: 0 0.32rem 0.56rem !important;
  margin-top: 0 !important;
  z-index: 1;
}

body.tw-setting-center-page #app .content.setting-wrapper .content-sub_title[data-v-6af1b9df] {
  margin: 0.12rem 0 0.18rem !important;
}

body.tw-setting-center-page #app .content.setting-wrapper .content-sub_title > div[data-v-6af1b9df] {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 0 0 0.16rem !important;
  border-left: 0.08rem solid var(--sc-cyan) !important;
  font-family: "Orbitron", system-ui, sans-serif !important;
  font-size: 0.32rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: var(--sc-text) !important;
  line-height: 1.35 !important;
}

/* Two separate glass boxes (reference: login box + mailbox/version box) */
body.tw-setting-center-page #app .content.setting-wrapper .phone_container[data-v-6af1b9df],
body.tw-setting-center-page #app .content.setting-wrapper .setting_container[data-v-6af1b9df] {
  padding: 0 0.24rem !important;
  border-radius: var(--sc-box-radius) !important;
  background: var(--sc-card-bg) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);
  border: 1px solid var(--sc-cyan-border) !important;
  box-shadow:
    0 0 20px rgba(0, 207, 255, 0.12),
    0 6px 24px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body.tw-setting-center-page #app .content.setting-wrapper .phone_container[data-v-6af1b9df] {
  margin: 0 0 var(--sc-box-gap) !important;
}

body.tw-setting-center-page #app .content.setting-wrapper .setting_container[data-v-6af1b9df] {
  margin: 0 0 0.32rem !important;
  margin-top: 0 !important;
}

body.tw-setting-center-page #app .content.setting-wrapper .phone_container-item[data-v-6af1b9df],
body.tw-setting-center-page #app .content.setting-wrapper .setting_container > .phone_container-item[data-v-6af1b9df],
body.tw-setting-center-page #app .content.setting-wrapper .setting_container > .setting_container_item[data-v-6af1b9df] {
  height: auto !important;
  min-height: 1.52rem !important;
  margin: 0 !important;
  padding: 0.28rem 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Divider only between rows inside the second box */
body.tw-setting-center-page #app .content.setting-wrapper .setting_container > .phone_container-item[data-v-6af1b9df]:not(:last-child),
body.tw-setting-center-page #app .content.setting-wrapper .setting_container > .setting_container_item[data-v-6af1b9df]:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

body.tw-setting-center-page #app .content.setting-wrapper .phone_container-item-left span[data-v-6af1b9df],
body.tw-setting-center-page #app .content.setting-wrapper .setting_container .setting_container_item span[data-v-6af1b9df] {
  font-size: 0.34667rem !important;
  font-weight: 500 !important;
  color: var(--sc-text) !important;
  padding-left: 0.18rem !important;
}

body.tw-setting-center-page #app .content.setting-wrapper .phone_container-item-right span[data-v-6af1b9df],
body.tw-setting-center-page #app .content.setting-wrapper .setting_container .setting_container_item div:last-of-type span[data-v-6af1b9df],
body.tw-setting-center-page #app .content.setting-wrapper .setting_container .setting_container_item h5[data-v-6af1b9df] {
  font-size: 0.32rem !important;
  color: var(--sc-text-muted) !important;
}

body.tw-setting-center-page #app .content.setting-wrapper .icon[data-v-6af1b9df] {
  width: 0.84rem !important;
  height: 0.84rem !important;
  min-width: 0.84rem !important;
  min-height: 0.84rem !important;
  border-radius: 0.18rem !important;
  background: linear-gradient(145deg, rgba(0, 207, 255, 0.22), rgba(0, 90, 140, 0.1)) !important;
  border: 1px solid rgba(0, 207, 255, 0.4) !important;
  box-shadow: 0 0 10px rgba(0, 207, 255, 0.2) !important;
}

body.tw-setting-center-page #app .content.setting-wrapper .icon svg[data-v-6af1b9df] {
  min-width: 0.44rem !important;
  min-height: 0.44rem !important;
  width: 0.44rem !important;
  height: 0.44rem !important;
  color: var(--sc-cyan) !important;
  filter: drop-shadow(0 0 3px rgba(0, 207, 255, 0.45));
}

body.tw-setting-center-page #app .content.setting-wrapper .phone_container-item-left img[data-v-6af1b9df],
body.tw-setting-center-page #app .content.setting-wrapper .setting_container .setting_container_item div img[data-v-6af1b9df] {
  width: 0.84rem !important;
  height: 0.84rem !important;
  max-width: 0.84rem !important;
  padding: 0.12rem !important;
  box-sizing: border-box !important;
  border-radius: 0.18rem !important;
  background: linear-gradient(145deg, rgba(0, 207, 255, 0.22), rgba(0, 90, 140, 0.1)) !important;
  border: 1px solid rgba(0, 207, 255, 0.4) !important;
  object-fit: contain !important;
}

body.tw-setting-center-page #app .content.setting-wrapper [data-v-6af1b9df] .van-icon {
  color: rgba(148, 163, 184, 0.78) !important;
  font-size: 0.32rem !important;
}

/* Delete all cache — .delAllRq pill with center blue flare + cyan neon ring */
body.tw-setting-center-page #app .content.setting-wrapper .delAllRq[data-v-6af1b9df] {
  position: relative !important;
  display: block !important;
  isolation: isolate;
  overflow: hidden;
  width: calc(100% - 0.08rem) !important;
  max-width: 100% !important;
  height: 1.06rem !important;
  line-height: 1.06rem !important;
  margin: 0.4rem auto 0.24rem !important;
  padding: 0 0.32rem !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 225, 255, 0.82) !important;
  background:
    radial-gradient(ellipse 58% 140% at 50% 50%, rgba(0, 160, 255, 0.62) 0%, rgba(0, 100, 200, 0.28) 38%, rgba(6, 16, 36, 0.94) 72%, rgba(2, 8, 22, 0.98) 100%) !important;
  background-image:
    radial-gradient(ellipse 58% 140% at 50% 50%, rgba(0, 160, 255, 0.62) 0%, rgba(0, 100, 200, 0.28) 38%, rgba(6, 16, 36, 0.94) 72%, rgba(2, 8, 22, 0.98) 100%) !important;
  box-shadow:
    0 0 6px rgba(0, 220, 255, 0.45),
    0 0 18px rgba(0, 180, 255, 0.28),
    0 0 32px rgba(0, 140, 255, 0.14),
    inset 0 0 28px rgba(0, 130, 255, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  font-size: 0.34667rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  text-transform: lowercase !important;
  text-align: center !important;
  text-shadow: 0 0 10px rgba(0, 200, 255, 0.35) !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

body.tw-setting-center-page #app .content.setting-wrapper .delAllRq[data-v-6af1b9df]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 50% 50%, rgba(120, 210, 255, 0.5) 0%, rgba(0, 140, 255, 0.15) 42%, transparent 68%);
  pointer-events: none;
  z-index: 0;
}

body.tw-setting-center-page #app .content.setting-wrapper .delAllRq[data-v-6af1b9df]::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  box-shadow: 0 0 16px rgba(0, 210, 255, 0.35);
  pointer-events: none;
  z-index: -1;
}

body.tw-setting-center-page #app .content.setting-wrapper .delAllRq[data-v-6af1b9df]:active {
  transform: scale(0.985);
  filter: brightness(1.05);
  box-shadow:
    0 0 10px rgba(0, 220, 255, 0.55),
    0 0 24px rgba(0, 180, 255, 0.35),
    inset 0 0 32px rgba(0, 130, 255, 0.28) !important;
}

/* Fallback if van-button variant is ever shown */
body.tw-setting-center-page #app .content.setting-wrapper .cg-default.van-button[data-v-6af1b9df],
body.tw-setting-center-page #app .content.setting-wrapper .cg-default.van-button--primary[data-v-6af1b9df],
body.tw-setting-center-page #app .content.setting-wrapper button.cg-default.van-button,
body.tw-setting-center-page #app .content.setting-wrapper button.cg-default.van-button--primary {
  position: relative !important;
  overflow: hidden !important;
  margin: 0.4rem auto 0.24rem !important;
  width: calc(100% - 0.08rem) !important;
  height: 1.06rem !important;
  min-height: 1.06rem !important;
  padding: 0 0.32rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 225, 255, 0.82) !important;
  background:
    radial-gradient(ellipse 58% 140% at 50% 50%, rgba(0, 160, 255, 0.62) 0%, rgba(0, 100, 200, 0.28) 38%, rgba(6, 16, 36, 0.94) 72%, rgba(2, 8, 22, 0.98) 100%) !important;
  background-image:
    radial-gradient(ellipse 58% 140% at 50% 50%, rgba(0, 160, 255, 0.62) 0%, rgba(0, 100, 200, 0.28) 38%, rgba(6, 16, 36, 0.94) 72%, rgba(2, 8, 22, 0.98) 100%) !important;
  box-shadow:
    0 0 6px rgba(0, 220, 255, 0.45),
    0 0 18px rgba(0, 180, 255, 0.28),
    inset 0 0 28px rgba(0, 130, 255, 0.22) !important;
  color: #ffffff !important;
  font-size: 0.34667rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  text-transform: lowercase !important;
  text-shadow: 0 0 10px rgba(0, 200, 255, 0.35) !important;
  --van-button-primary-background: radial-gradient(ellipse 58% 140% at 50% 50%, rgba(0, 160, 255, 0.62) 0%, rgba(2, 8, 22, 0.98) 100%) !important;
  --van-button-primary-border-color: rgba(0, 225, 255, 0.82) !important;
}

body.tw-setting-center-page #app .content.setting-wrapper .cg-default.van-button[data-v-6af1b9df]::before,
body.tw-setting-center-page #app .content.setting-wrapper button.cg-default.van-button::before {
  display: none !important;
}

body.tw-setting-center-page #app .content.setting-wrapper .cg-default.van-button[data-v-6af1b9df]:active,
body.tw-setting-center-page #app .content.setting-wrapper button.cg-default.van-button:active {
  transform: scale(0.985);
  opacity: 0.94;
}

body.tw-setting-center-page #app .content.setting-wrapper .cg-default.van-button .van-button__icon > img[data-v-6af1b9df] {
  height: 0.4rem !important;
  opacity: 0.82;
}

/* ========== Change Nickname dialog (refined sci-fi HUD) ========== */
/* #app beats neon.css transparent van-dialog on account pages */
body.tw-setting-center-page #app .van-dialog.tw-nick-dialog,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header[data-v-2c18a1cc]) {
  position: relative !important;
  width: calc(100% - 0.64rem) !important;
  max-width: 9.33rem !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0.44rem 0.4rem 0.4rem !important;
  border-radius: 0.22rem !important;
  background:
    linear-gradient(168deg, rgba(8, 16, 32, 0.96) 0%, rgba(4, 8, 18, 0.98) 55%, rgba(6, 12, 24, 0.96) 100%) !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
  border: 1px solid rgba(0, 207, 255, 0.52) !important;
  box-shadow:
    0 0 0 1px rgba(0, 207, 255, 0.12),
    0 0 18px rgba(0, 207, 255, 0.22),
    0 0 40px rgba(0, 160, 255, 0.1),
    0 14px 44px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  clip-path: polygon(
    0.2rem 0,
    calc(100% - 0.2rem) 0,
    100% 0.2rem,
    100% calc(100% - 0.2rem),
    calc(100% - 0.2rem) 100%,
    0.2rem 100%,
    0 calc(100% - 0.2rem),
    0 0.2rem
  ) !important;
  overflow: visible !important;
}

/* Understated HUD corner brackets */
body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-hud,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-hud {
  position: absolute;
  inset: 0.14rem;
  pointer-events: none;
  z-index: 1;
  border: 1px solid rgba(0, 207, 255, 0.1);
  border-radius: 0.12rem;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-hud::before,
body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-hud::after,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-hud::before,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-hud::after {
  content: "";
  position: absolute;
  width: 0.22rem;
  height: 0.22rem;
  border-color: rgba(0, 207, 255, 0.55);
  border-style: solid;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-hud::before,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-hud::before {
  top: -0.02rem;
  left: -0.02rem;
  border-width: 1.5px 0 0 1.5px;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-hud::after,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-hud::after {
  right: -0.02rem;
  bottom: -0.02rem;
  border-width: 0 1.5px 1.5px 0;
}

body.tw-setting-center-page .van-overlay {
  background: rgba(0, 0, 0, 0.78) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-header[data-v-2c18a1cc],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-header[data-v-2c18a1cc] {
  position: relative;
  z-index: 2;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 0 0.24rem !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-header span[data-v-2c18a1cc],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-header span[data-v-2c18a1cc] {
  display: none !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-header h5[data-v-2c18a1cc],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-header h5[data-v-2c18a1cc] {
  font-family: "Orbitron", system-ui, sans-serif !important;
  font-size: 0.38rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-shadow: 0 0 14px rgba(0, 207, 255, 0.28) !important;
  margin: 0 !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-header h5[data-v-2c18a1cc]::after,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-header h5[data-v-2c18a1cc]::after {
  content: "";
  display: block;
  width: 4.8rem;
  max-width: 72%;
  height: 1px;
  margin: 0.18rem auto 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 207, 255, 0.35) 38%,
    rgba(0, 230, 255, 0.95) 50%,
    rgba(0, 207, 255, 0.35) 62%,
    transparent 100%
  );
  box-shadow: 0 0 10px rgba(0, 207, 255, 0.45);
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-content[data-v-2c18a1cc],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-content[data-v-2c18a1cc] {
  position: relative;
  z-index: 2;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0.28rem 0.08rem 0.08rem !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-sizing: border-box !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-content-title[data-v-5bd44e74],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-content-title[data-v-5bd44e74] {
  margin-bottom: 0.18rem !important;
  gap: 0.14rem !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-content-title span[data-v-5bd44e74],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-content-title span[data-v-5bd44e74] {
  font-size: 0.3rem !important;
  font-weight: 500 !important;
  color: rgba(186, 230, 253, 0.92) !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-content-title svg[data-v-5bd44e74],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-content-title svg[data-v-5bd44e74] {
  width: 0.48rem !important;
  height: 0.48rem !important;
  color: #00cfff !important;
  filter: drop-shadow(0 0 8px rgba(0, 207, 255, 0.55)) !important;
  opacity: 1;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-content input[data-v-5bd44e74],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-content input[data-v-5bd44e74] {
  width: 100% !important;
  max-width: 100% !important;
  height: 0.96rem !important;
  box-sizing: border-box !important;
  padding: 0 0.28rem !important;
  border-radius: 0.14rem !important;
  border: 1px solid rgba(0, 207, 255, 0.42) !important;
  background: rgba(2, 6, 16, 0.98) !important;
  color: #ffffff !important;
  font-size: 0.3rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  outline: none !important;
  box-shadow:
    inset 0 0 14px rgba(0, 120, 200, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-content input[data-v-5bd44e74]:focus,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-content input[data-v-5bd44e74]:focus {
  border-color: rgba(0, 225, 255, 0.65) !important;
  box-shadow:
    inset 0 0 16px rgba(0, 140, 220, 0.18),
    0 0 0 2px rgba(0, 207, 255, 0.14) !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .info-dialog-content h4[data-v-5bd44e74],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .info-dialog-content h4[data-v-5bd44e74] {
  padding: 0.12rem 0 0 !important;
  font-size: 0.24rem !important;
  color: #f87171 !important;
}

/* Footer: X + Save side by side (reference layout) */
body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-actions,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.36rem !important;
  margin-top: 0.36rem !important;
  padding-top: 0 !important;
  border-top: none !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-close-wrap[data-v-2c18a1cc],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-close-wrap[data-v-2c18a1cc] {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 0.76rem !important;
  height: 0.76rem !important;
  min-width: 0.76rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(0, 207, 255, 0.45) !important;
  border-radius: 50% !important;
  background: rgba(4, 10, 22, 0.85) !important;
  box-shadow:
    0 0 8px rgba(0, 207, 255, 0.15),
    inset 0 0 8px rgba(0, 120, 200, 0.08) !important;
  cursor: pointer !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-close-wrap[data-v-2c18a1cc]:active,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-close-wrap[data-v-2c18a1cc]:active {
  border-color: rgba(0, 225, 255, 0.65) !important;
  box-shadow: 0 0 12px rgba(0, 207, 255, 0.25) !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-close-wrap img[data-v-2c18a1cc],
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-close-wrap img[data-v-2c18a1cc] {
  width: 0.36rem !important;
  height: 0.36rem !important;
  object-fit: contain !important;
  opacity: 0.95 !important;
  filter: drop-shadow(0 0 4px rgba(0, 207, 255, 0.35)) !important;
}

/* Green tick — visible only when nickname changed (JS toggles --visible) */
body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-save-btn,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-save-btn {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 0.76rem !important;
  min-width: 0.76rem !important;
  height: 0.76rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid rgba(10, 15, 24, 0.92) !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #4ade80 0%, #22c55e 55%, #16a34a 100%) !important;
  box-shadow:
    0 0 0.18rem rgba(34, 197, 94, 0.65),
    0 0.06rem 0.14rem rgba(0, 0, 0, 0.4) !important;
  color: #052e16 !important;
  cursor: pointer !important;
  line-height: 1 !important;
  clip-path: none !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease, opacity 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-save-btn.tw-nick-save-btn--visible,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-save-btn.tw-nick-save-btn--visible {
  display: inline-flex !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-save-btn i,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-save-btn i {
  font-size: 0.28rem !important;
  line-height: 1 !important;
  pointer-events: none;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-save-btn.tw-nick-save-btn--visible:active,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-save-btn.tw-nick-save-btn--visible:active {
  transform: scale(0.96) !important;
  filter: brightness(0.98) !important;
}

body.tw-setting-center-page #app .van-dialog.tw-nick-dialog .tw-nick-save-btn.is-saving,
body.tw-setting-center-page #app .van-dialog:has(.info-dialog-header) .tw-nick-save-btn.is-saving {
  opacity: 0.72 !important;
  pointer-events: none !important;
  cursor: wait !important;
}

/* Hide broken fixed footer Confirm — Save is in content */
body.tw-setting-center-page .van-dialog:has(.info-dialog-header) .van-dialog__footer {
  display: none !important;
}

/* Close footer only styled when inside actions row */
body.tw-setting-center-page .van-dialog:has(.info-dialog-header) .info-dialog-footer[data-v-2c18a1cc]:not(.tw-nick-close-wrap) {
  position: absolute !important;
  bottom: -0.72rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  padding: 0 !important;
}