/* 🐣 注册卡个性化：蛋宠气泡/城市chip/密码折叠/语言单钮/组间距 */
/* 注意：style.css 焕新层的 #profile-card > :not(#profile-close) 会把子元素打成 relative，
   下面 absolute 元素的定位属性一律 !important 压回 */
.prof-bubble {
  position: absolute !important; top: -12px; right: calc(50% + 36px); left: auto;
  background: var(--c-surface); border: 2px solid #FFD3E0; border-radius: 14px;
  padding: 4px 12px; font-size: 12.5px; font-weight: 900; color: #B4436F;
  box-shadow: 0 3px 8px rgba(232, 72, 127, .16); white-space: nowrap; z-index: 2;
  animation: floaty2 2.6s ease-in-out infinite;
}
.prof-bubble::after {
  content: ''; position: absolute; right: -8px; top: 50%; transform: translateY(-50%);
  border: 7px solid transparent; border-left-color: #FFD3E0; border-right: 0;
}
#profile-city.city-chip {
  position: absolute !important; top: 60px; right: 12px; left: auto; bottom: auto;
  flex: none; width: auto; min-width: 0; max-width: 46vw;
  padding: 5px 24px 5px 12px; font-size: 12.5px; font-weight: bold;
}
#profile-city.city-chip::before { content: '📍 '; font-size: 11px; }
.pwd-fold {
  display: block; width: 100%; text-align: left; background: none; border: none;
  color: var(--c-text-2); font: inherit; font-size: 12.5px; font-weight: bold;
  padding: 2px 0; margin: 2px 0 8px; cursor: pointer;
}
.pwd-fold:hover { color: var(--c-primary-deep); }
.lang-cycle {
  position: absolute !important; right: 12px; bottom: 64px; top: auto; left: auto;
  width: 40px; height: 40px;
  border-radius: 50%; border: 2px solid #FFD3E0;
  background: linear-gradient(180deg, var(--c-surface), #FFF0F5);
  font-size: 17px; cursor: pointer; box-shadow: 0 3px 8px rgba(232, 72, 127, .16);
  transition: transform .12s;
}
.lang-cycle:hover { transform: translateY(-2px) rotate(12deg); }
.lang-cycle:active { transform: scale(.94); }
.pgroup { margin-top: 10px; }
.pgroup:first-of-type { margin-top: 2px; }
.profile-tip { display: none; }

/* 横屏双栏下的位置微调 */
@media (max-height: 500px) {
  .prof-bubble { display: none; }
  .pwd-fold { display: none; }
  .pwd-wrap { display: block !important; }
  .lang-cycle { top: 10px; bottom: auto; }
  #profile-city.city-chip { top: 10px; }
}