.toast[data-v-b1a4ada0] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  z-index: 9999999;
  font-size: 14px;
  max-width: 80%;
  text-align: center;
  word-break: break-word;
}
.slide-up-enter-active[data-v-b1a4ada0], .slide-up-leave-active[data-v-b1a4ada0] {
  transition: all 0.3s ease;
}
.slide-up-enter-from[data-v-b1a4ada0], .slide-up-leave-to[data-v-b1a4ada0] {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.9);
}
.overlay[data-v-bc6d825b] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: flex-end;
  z-index: 99999;
}
.login-panel[data-v-bc6d825b] {
  width: 100%;
  background-image: url('data:image/webp;base64,UklGRjgMAABXRUJQVlA4WAoAAAAYAAAA7QIAWQMAQUxQSIQBAAABP6CojRQ4vLtcOhAALzQQEYHf6ToBjiNJjpw5SnctnktNV3N/wHUp39Duyan/A3vCLDSGlxH9R5i2beRBu+2Tsq3u+U/GFh83k7Jf3/K32310SzncsPuxW8vg9joe75LU7zCXz11s9SinO95mbbVhi0953Ynlc3P4PbeNpd36kU5+NymllJnhzjy/S73n9/H103InpcwtN/X8RxpKkeeVS9MdfZruZGa687nppgvTPSxN169NN7gu5HjOE/7Df/gP//37Fc3Mc3VdGD8OylRdFy3Mh/XXmuly/prrhTI95z+qcr3wXbJX010TUzTuDscUjbtcr6a7VC98l+tV36V6kels/zFeKNeryvNs/zH+Hkr0kv3evM/WJevf8B/+w3/4D//hP/yH//Af/sN/+A//4T/8h//wH/7Df/gP/+E//If/8B/+w3/4D//hP/yH//Af/sN/+A//4T/8h//wH/7Df/gP/+E//If/8B/+w3/4D//hP/yH//Af/sN/+A//4T/8xwMAVlA4IE4KAADQrQCdASruAloDPrVaqFCnLiynIHRYGcAWiWlu4XIMOZcui/0xSBtBcN4xnqNjTAB2Z8bUNlgapVupvdQ2wFRdW6m91Dapl8l1bqb39QV2b7U0t/P3uNcBhBGD0lNdzQ21obLG95I9bq77HN2NDZucck4RoJFJVRDNI4DFPKh11SzmqCT+BFpaigfnINrbAhuNr0S75HiUiuN4zY4dNIyyumD0d26+KXvgBhQ+4KC8f0KUtO7gUJggdSlrmdL1MOURIMlXx3myNM/3FSUEMR7FJ1zEhxzwcMICmnUHVonAaC8QNk6WAlDjLyr6SGvQaI4i7YosFe6aYGdqvfEDJwVOik5TagG3pXgkcqIB70BObXvNei/Y0JYdP8hyHl5P5H/Ylw2d9YX6euyAieYdRb9SwGkqQkQ9n1cJkWq8lnHunzdiVQDHW3hfNdPEM0e8jBLOtMQYBjK/eBIgeMxCDLzi3VUWJxu2Zt2W7fiMIm71G8uhVnI1GB90ohzHVO+JujI7PtnlTd0N73M1UcC8MhO2EK/qWI1EnHF1gHYQKaXhH89kzVJI2XdEvVMvZwFyWHxrcFqTzvzUYpmjqvNN+qlFpkw42weRpdTy9GKSr/PjR6i0PGAoh8FVLsGtwTDyxaR8F1ENC/RDZHSIlhYyg7RjuRLzie3XDC7Ox1tvmwgdZX7gn+I5rG7AzLEUbHfqkEUBleeAzIC7Q8Jk/Vet0faEPgwoqnBFhf/3ndXrgfI2EeijRRbel1OS22jC8V/CQ6nuvxik+su/txTAJlC2bT79eEoXxjC5qSEJNOz8YwBfQ+/g2upvdTa8s9JVRD+KfLvgrMMkBliI4o2ThpF5YXGga6m9699fRwcZi4CPYj9PPSmgNn0f3rlr2ilnai6vSVV11kC8k5FVcMqYZD1m7kX/2RtQ3h1vxBNIkXVvr6IhJp6SmlBeKzQNQ2WAa6m91DZYBrvkQ67K/zZ5d/VupvdQ2WAa6m91DZYC+52OSR8VeqBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrqb3UNlgGupvdQ2WAa6m91DZYBrgAAP79Zp/tn9C//+Jyfctdg4Cv0+GwQo+8FuYbvJveRxzvX9XJ5XhMvfZeCDNVtTvl8NYj4VhqiG5matSaK6mbhPiD+B6raYjTI2ZAWs4vFah9/76lPHqIURzG2TnSTYvQ9T01KUgSTpDn8rzeWWA7rcnpLtK//wB9z1EStEZU1kdtSx/rF7rlW6f89G4VkdJF5IF+TMRZ3uPoQifU5u7CqLMEEJX78rQGsLfQ1K+BqIGYBMfx5PTaSJxlSxFa4/sq4gMaQVkTQXBnEwzImna+Y8ddQs0EQZb1jcCQqGovRuCG+seWD/wUdcDrYo6gmppU+Pue459Tbz5H5SZMdnm2VS85uxg4pKgnK0tksLqKhgLjHg3ruxPGfXh932dRzcKqZTrIUTjPHrkazjV9aaLeznY32rJpGfybCAIPORUm9bQEJXzTP2DZyyZQaWd2KKCKuvsr7g0X+I+S6N0GTxPdiWGIKCIgRTfP2xc4ZovrE9/hp9BPBynbkYK1W4XpsTSrO6RXpAaJVh4vn173timroHtWggIylktZ3GxUjJxC6H5+GG1DyOB1Q0S6mXrcGUHQA8cMM/QV9qUmXkShBQWrPiIbEpJiKMMMekBGjafwkQ5JptO2kmj43dP/bxJ4kXY6mKzVQPwWw9oGUTyWpdzhMncWlLamG+I88acR1a9ApNzEG0W5kmkG08kDVNQlZL7T7bMuVF6qugwuB5s4FRhigF4FwqNUbrcZIkel0EPOriwwEM9ylVzktZARpM1p/DbpenHmsBtQSPHnMbXk98nAfh4fuUyj1qdu6B+n6J0NTrjMQvWofDIPf+JL6Gqx8CTVgCtCUHqLmqWDUcAwyjGs8XSLDF9TZ9v86f2KgLod5/Iaqe1sN/q/vEXzgdyS2asyYKpMNwt9goRELIMRkz8ZsPUeyMsuT2E6IKD4dEfTQdb3AkjMS/KmKN+DMPup+dJ16e1Qtk1qqzmlWl5oUTzSGjXotPgUTEPfFLfDyUfRyehKC7gxm+nnunrIecM2jRNQrrM6S1h9m4HeA2mAsPRdO0E0SiqLQJ5hCy1sviixsfriOaAQyNbd1Zs6pgoV4uNAQ1UMi/+90w2lsE64s3tSS9+3YUxVCheelB9mK+FCkiBF8RConvuVlZnYghLPvN2OP6o24cYP4Pm+AhKRw2GFzLrwIJot0VSpSiRPcsrbU+c1PzJUx0TAJhPnbDKqpCQybCdzG+OGvrbt83pjbIZy0DWOpq/0I6TV3xx7pECyBDZOVYMIkp1iH7Nrco9+3+U7aCWKJ3JEE5E0HkwUJ9ndb6kSnidVF+VPqD0cirX3rkRPmQNeLKrlBk4ugb2fC9eymok9XF3V+5/1a2fyMe6Z0jODZUt4+G7MWKuaHpzzu9a+miU2u6+IUf8Y04pd1ENQQ9PS97/aooUAusAgb37e4iG71AHjXBFSyHZl0pCvcG93vSsMteHc3kokERIvdepwT+T4M+I7wsYfvorgAAA4ua/Tm4AKeiBbtZQlF7te4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARVhJRjgAAABNTQAqAAAAEEV4aWZNZXRhAAIBMQACAAAACgAAAC4CEwADAAAAAQABAAAAAAAAZXpnaWYuY29tAA==');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  padding: 0 24px 40px;
  position: relative;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  will-change: transform;
  overflow: hidden;
}
.bottom-sheet-enter-active[data-v-bc6d825b],
.bottom-sheet-leave-active[data-v-bc6d825b] {
  transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.bottom-sheet-enter-from[data-v-bc6d825b],
.bottom-sheet-leave-to[data-v-bc6d825b] {
  transform: translateY(100%);
}
.bottom-sheet-enter-to[data-v-bc6d825b],
.bottom-sheet-leave-from[data-v-bc6d825b] {
  transform: translateY(0);
}

/* Logo Area */
.logo-area[data-v-bc6d825b] {
  position: relative;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bg-image[data-v-bc6d825b] {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
.banner[data-v-bc6d825b] {
  position: relative;
  z-index: 1;
  width: 200px;
  height: auto;
}

/* Buttons */
.buttons[data-v-bc6d825b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}
.btn[data-v-bc6d825b] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  background: #1a1a2e;
  color: #ffffff;
  border: none;
  cursor: pointer;
}
.btn[data-v-bc6d825b]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-icon[data-v-bc6d825b] {
  position: absolute;
  right: 20px;
  width: 28px;
  height: 28px;
}
.btn[data-v-bc6d825b]:active:not(:disabled) {
  opacity: 0.8;
  transform: scale(0.98);
}

/* Form View (Login/Register with white background) */
.form-view[data-v-bc6d825b] {
  background: #ffffff;
  border-radius: 24px 24px 0 0;
  padding: 32px 24px 40px;
  min-height: 420px;
  display: flex;
  flex-direction: column;
}
.form-header[data-v-bc6d825b] {
  margin-bottom: 24px;
}
.form-title[data-v-bc6d825b] {
  font-size: 24px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 8px 0;
}
.form-subtitle[data-v-bc6d825b] {
  font-size: 14px;
  color: #7c3aed;
  margin: 0;
  text-decoration: underline;
  cursor: pointer;
}
.form-content[data-v-bc6d825b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.form-view .form-field[data-v-bc6d825b] {
  width: 100%;
}
.form-view .form-input[data-v-bc6d825b] {
  width: 100%;
  height: 52px;
  background: #f5f5f7;
  border: none;
  border-radius: 26px;
  padding: 0 20px;
  font-size: 15px;
  color: #1a1a2e;
  outline: none;
  box-sizing: border-box;
}
.form-view .form-input[data-v-bc6d825b]::placeholder {
  color: #9ca3af;
}
.form-view .form-input[data-v-bc6d825b]:focus {
  background: #eeeeef;
}
.form-view .form-input[data-v-bc6d825b]:disabled {
  opacity: 0.6;
}
.form-view .btn-submit[data-v-bc6d825b] {
  background: linear-gradient(135deg, #a855f7, #7c3aed);
  color: #fff;
  border: none;
  height: 56px;
  border-radius: 28px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  margin-top: auto;
}
.form-view .btn-submit[data-v-bc6d825b]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.form-view .btn-submit[data-v-bc6d825b]:active:not(:disabled) {
  opacity: 0.9;
  transform: scale(0.98);
}
.form-view .agreement[data-v-bc6d825b] {
  margin-top: 24px;
}
.form-view .agreement-text[data-v-bc6d825b] {
  color: #9ca3af;
}
.form-view .link[data-v-bc6d825b] {
  color: #7c3aed;
}

/* Initial View */
.initial-view[data-v-bc6d825b] {
  padding: 0;
}

/* Login Form (legacy, kept for compatibility) */
.login-form[data-v-bc6d825b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}
.form-field[data-v-bc6d825b] {
  width: 100%;
}
.form-input[data-v-bc6d825b] {
  width: 100%;
  height: 52px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 0 16px;
  font-size: 15px;
  color: #fff;
  outline: none;
  box-sizing: border-box;
}
.form-input[data-v-bc6d825b]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form-input[data-v-bc6d825b]:focus {
  border-color: #a855f7;
}
.form-input[data-v-bc6d825b]:disabled {
  opacity: 0.6;
}
.btn-submit[data-v-bc6d825b] {
  background: linear-gradient(135deg, #a855f7, #6366f1);
  margin-top: 8px;
}
.btn-back[data-v-bc6d825b] {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
  height: 44px;
  border-radius: 12px;
  font-size: 14px;
  cursor: pointer;
}
.btn-back[data-v-bc6d825b]:active {
  opacity: 0.8;
}
.error-text[data-v-bc6d825b] {
  color: #ff6b6b;
  font-size: 13px;
  text-align: center;
  margin: 0;
}

/* Agreement */
.agreement[data-v-bc6d825b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
  -webkit-tap-highlight-color: transparent;
}
.checkbox[data-v-bc6d825b] {
  width: 18px;
  height: 18px;
}
.agreement-text[data-v-bc6d825b] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.link[data-v-bc6d825b] {
  color: #a855f7;
  text-decoration: none;
}
.link[data-v-bc6d825b]:active {
  opacity: 0.7;
}

.date-picker-overlay[data-v-628c78ed] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999999;
}
.date-picker-container[data-v-628c78ed] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1a1625;
  border-radius: 16px 16px 0 0;
  z-index: 1000000;
  padding-bottom: env(safe-area-inset-bottom);
}
.picker-content[data-v-628c78ed] {
  position: relative;
  padding: 20px;
}
.picker-columns[data-v-628c78ed] {
  position: relative;
  display: flex;
  height: 240px;
}
.picker-column[data-v-628c78ed] {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
}

/* 隐藏滚动条 */
.picker-column[data-v-628c78ed]::-webkit-scrollbar {
  display: none;
}
.picker-column[data-v-628c78ed] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.picker-items[data-v-628c78ed] {
  padding: 96px 0;
}
.picker-item[data-v-628c78ed] {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
  scroll-snap-align: center;
  cursor: pointer;
  transition: all 0.2s;
}
.picker-item.active[data-v-628c78ed] {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.picker-indicator[data-v-628c78ed] {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  height: 48px;
  /* background: linear-gradient(90deg, rgba(138, 43, 226, 0.3) 0%, rgba(186, 85, 211, 0.3) 100%); */
  border-top: 0.5px solid rgba(238, 238, 238, 0.15);
  border-bottom: 0.5px solid rgba(238, 238, 238, 0.15);
  pointer-events: none;
  z-index: -1;
}
.confirm-btn[data-v-628c78ed] {
  width: calc(100% - 86px);
  height: 58px;
  margin: 20px auto 0;
  display: block;
  background: #6C34BA;
  border: none;
  border-radius: 35px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.2s;
}
.confirm-btn[data-v-628c78ed]:active {
  opacity: 0.8;
}

/* 动画 */
.fade-enter-active[data-v-628c78ed],
.fade-leave-active[data-v-628c78ed] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-628c78ed],
.fade-leave-to[data-v-628c78ed] {
  opacity: 0;
}
.slide-up-enter-active[data-v-628c78ed],
.slide-up-leave-active[data-v-628c78ed] {
  transition: transform 0.3s ease;
}
.slide-up-enter-from[data-v-628c78ed],
.slide-up-leave-to[data-v-628c78ed] {
  transform: translateY(100%);
}

.overlay[data-v-99ccd167] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .6);
  display: flex;
  align-items: flex-end;
  z-index: 999999;
}
.panel[data-v-99ccd167] {
  width: 100%;
  background: #14111D;
  color: #fff;
  position: relative;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  will-change: transform;
  max-height: 70vh;
  display: flex;
  flex-direction: column;
}
.slide-up-enter-active[data-v-99ccd167],
.slide-up-leave-active[data-v-99ccd167] {
  transition: transform .35s cubic-bezier(.22, .61, .36, 1);
}
.slide-up-enter-from[data-v-99ccd167],
.slide-up-leave-to[data-v-99ccd167] {
  transform: translateY(100%);
}
.slide-up-enter-to[data-v-99ccd167],
.slide-up-leave-from[data-v-99ccd167] {
  transform: translateY(0);
}

/* Search Header */
.search-header[data-v-99ccd167] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.search-box[data-v-99ccd167] {
  flex: 1;
  display: flex;
  align-items: center;
  background: #2A2738;
  border-radius: 20px;
  padding: 0 12px;
  height: 40px;
}
.search-icon[data-v-99ccd167] {
  width: 20px;
  height: 20px;
  opacity: 0.5;
}
.search-input[data-v-99ccd167] {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
  padding: 0 8px;
}
.search-input[data-v-99ccd167]::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.clear-btn[data-v-99ccd167] {
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cancel-btn[data-v-99ccd167] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 8px;
  cursor: pointer;
}

/* List Container */
.list-container[data-v-99ccd167] {
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}
.list[data-v-99ccd167] {
  flex: 1;
  overflow-y: auto;
  padding: 0 16px;
  padding-bottom: env(safe-area-inset-bottom);
}
.item[data-v-99ccd167] {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 56px;
  background: transparent;
  border: none;
  color: #fff;
  padding: 0;
  font-size: 16px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.item[data-v-99ccd167]:active {
  opacity: 0.7;
}
.name[data-v-99ccd167] {
  font-weight: 400;
}
.flag[data-v-99ccd167] {
  width: 32px;
  height: 22px;
  border-radius: 4px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12) inset;
}

/* Alphabet Index */
.alphabet-index[data-v-99ccd167] {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 4px;
}
.index-letter[data-v-99ccd167] {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  padding: 2px 4px;
  cursor: pointer;
}
.index-letter[data-v-99ccd167]:active {
  color: #8B5CF6;
}

.overlay[data-v-e4d9d4d1] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: flex-end;
  z-index: 99999;
}
.profile-panel[data-v-e4d9d4d1] {
  width: 100%;
  background: #220F37;
  color: #fff;
  padding: 24px 24px 40px;
  position: relative;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  will-change: transform;
  height: 429px;
}
.scroll-content[data-v-e4d9d4d1] {
  height: 100%;
  overflow-y: auto;
  padding-right: 8px;
  margin-right: -8px;
}
.bottom-sheet-enter-active[data-v-e4d9d4d1],
.bottom-sheet-leave-active[data-v-e4d9d4d1] {
  transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.bottom-sheet-enter-from[data-v-e4d9d4d1],
.bottom-sheet-leave-to[data-v-e4d9d4d1] {
  transform: translateY(100%);
}
.bottom-sheet-enter-to[data-v-e4d9d4d1],
.bottom-sheet-leave-from[data-v-e4d9d4d1] {
  transform: translateY(0);
}

/* Avatar Section */
.avatar-section[data-v-e4d9d4d1] {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.avatar-wrapper[data-v-e4d9d4d1] {
  position: relative;
  width: 96px;
  height: 96px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.avatar-img[data-v-e4d9d4d1] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.camera-btn[data-v-e4d9d4d1] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.camera-icon[data-v-e4d9d4d1] {
  width: 100%;
  height: 100%;
}

/* Form Fields */
.form-field[data-v-e4d9d4d1] {
  margin-bottom: 16px;
}
.field-label[data-v-e4d9d4d1] {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 8px;
}
.form-input[data-v-e4d9d4d1] {
  width: 100%;
  height: 48px;
  background: #14111D;
  border: none;
  border-radius: 12px;
  padding: 0 16px;
  font-size: 15px;
  color: #FFFFFF;
  outline: none;
  box-sizing: border-box;
}
.form-input[data-v-e4d9d4d1]::placeholder {
  color: #888;
}

/* Gender Selector */
.gender-selector[data-v-e4d9d4d1] {
  display: flex;
  gap: 12px;
}
.gender-btn[data-v-e4d9d4d1] {
  flex: 1;
  height: 48px;
  background: #14111D;
  border: none;
  border-radius: 28px;
  color: #fff;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: background 0.2s;
}
.gender-btn.selected[data-v-e4d9d4d1] {
  background: linear-gradient(90deg, #8B5CF6 0%, #6C34BA 100%);
}
.gender-icon[data-v-e4d9d4d1] {
  width: 20px;
  height: 20px;
}

/* Picker Buttons */
.picker-btn[data-v-e4d9d4d1] {
  width: 100%;
  height: 48px;
  background: #14111D;
  border: none;
  border-radius: 12px;
  padding: 0 16px;
  font-size: 15px;
  color: #FFFFFF;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.country-picker .arrow-icon[data-v-e4d9d4d1] {
  width: 16px;
  height: 16px;
  opacity: 0.6;
}

/* Confirm Button */
.btn-confirm[data-v-e4d9d4d1] {
  width: 100%;
  height: 56px;
  background: linear-gradient(90deg, #8B5CF6 0%, #6C34BA 100%);
  border: none;
  border-radius: 28px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 16px;
  -webkit-tap-highlight-color: transparent;
}
.btn-confirm[data-v-e4d9d4d1]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-confirm[data-v-e4d9d4d1]:active:not(:disabled) {
  opacity: 0.9;
  transform: scale(0.98);
}

/* Scrollbar styling */
.scroll-content[data-v-e4d9d4d1]::-webkit-scrollbar {
  width: 4px;
}
.scroll-content[data-v-e4d9d4d1]::-webkit-scrollbar-track {
  background: transparent;
}
.scroll-content[data-v-e4d9d4d1]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}

.overlay[data-v-c4e58285] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .6);
  display: grid;
  place-items: center;
  z-index: 9999;
}
.panel[data-v-c4e58285] {
  width: 100%;
  background: #2A2A2A;
  color: var(--color-text);
  padding: 16px;
  display: grid;
  gap: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  will-change: transform;
}
.bottom-sheet-enter-active[data-v-c4e58285],
.bottom-sheet-leave-active[data-v-c4e58285] {
  transition: transform .35s cubic-bezier(.22, .61, .36, 1);
}
.bottom-sheet-enter-from[data-v-c4e58285],
.bottom-sheet-leave-to[data-v-c4e58285] {
  transform: translateY(100%);
}
.bottom-sheet-enter-to[data-v-c4e58285],
.bottom-sheet-leave-from[data-v-c4e58285] {
  transform: translateY(0);
}
.close[data-v-c4e58285] {
  position: absolute;
  right: 10px;
  top: 10px;
  background: transparent;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
}
.icon-close[data-v-c4e58285] {
  width: 24px;
  height: 24px;
  -webkit-tap-highlight-color: transparent;
}
.avatar[data-v-c4e58285] {
  position: relative;
  display: grid;
  place-items: center;
  margin-top: 24px;
}
.pic[data-v-c4e58285] {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #2a2738;
  border: 1px solid #ffffff;
  position: relative;
  overflow: hidden;
}
.icon-girl[data-v-c4e58285] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.camera[data-v-c4e58285] {
  position: absolute;
  bottom: 12px;
  right: -6px;
  transform: translateY(50%);
  background-color: transparent;
  display: grid;
  place-items: center;
}
.icon-camera[data-v-c4e58285] {
  width: 30px;
  height: 30px;
}
.avatar-loading[data-v-c4e58285] {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar-spinner[data-v-c4e58285] {
  width: 22px;
  height: 22px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: avatar-spin-c4e58285 0.8s linear infinite;
}
@keyframes avatar-spin-c4e58285 {
to {
    transform: rotate(360deg);
}
}
.field[data-v-c4e58285] {
  display: grid;
  gap: 8px;
}
.input-nickname[data-v-c4e58285] {
  outline: none;
  border-radius: 10px;
}
label[data-v-c4e58285] {
  color: var(--color-muted);
}
input[data-v-c4e58285] {
  height: 44px;
  border-radius: 12px;
  border: none;
  background: #0d0b16;
  color: #fff;
  padding: 0 12px;
}
.seg[data-v-c4e58285] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.btn[data-v-c4e58285] {
  width: 142px;
  height: 46px;
  background: #14111D;
  border-radius: 28px;
  color: #fff;
}
.btn-save[data-v-c4e58285] {
  width: 100%;
  height: 46px;
  border-radius: 10px;
  margin-top: 30px;
}
.btn.selected[data-v-c4e58285] {
  background: var(--color-primary);
}
.icon-sex[data-v-c4e58285] {
  width: 24px;
  height: 24px;
  font-size: 16px;
  margin-right: 10px;
}
.picker-btn[data-v-c4e58285] {
  width: 100%;
  height: 44px;
  background: #0d0b16;
  border: none;
  border-radius: 12px;
  padding: 0 12px;
  font-size: 14px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.arrow-icon[data-v-c4e58285] {
  width: 16px;
  height: 16px;
  opacity: 0.6;
}

.overlay[data-v-5ad95622] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .7);
  display: grid;
  place-items: center;
  z-index: 1000;
}
.dialog[data-v-5ad95622] {
  width: 344px;
  border-radius: 16px;
  background: #2A2A2A;
  color: #fff;
  position: relative;
  padding: 16px;
  padding-bottom: 20px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .3);
  top: -60px;
}
.top[data-v-5ad95622] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -46px;
}
.top-wrap[data-v-5ad95622] {
  width: 120px;
  height: 120px;
  display: grid;
  place-items: center;
  position: relative;
  top: -18px;
}
.top-icon[data-v-5ad95622] {
  width: 120px;
  height: 110px;
}
.desc[data-v-5ad95622] {
  text-align: center;
  font-size: 14px;
  color: #c9c9d8;
  margin-top: 42px;
  margin-bottom: 15px;
}
.field[data-v-5ad95622] {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
label[data-v-5ad95622] {
  color: #ffffff;
  font-size: 14px;
}
.input[data-v-5ad95622] {
  height: 50px;
  border-radius: 10px;
  border: none;
  outline: none;
  background: #14111D;
  color: #fff;
  padding: 15px 20px;
}
.actions[data-v-5ad95622] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 30px;
}
.btn[data-v-5ad95622] {
  height: 46px;
  border-radius: 30px;
  font-size: 14px;
  -webkit-tap-highlight-color: transparent;
}
.btn-cancel[data-v-5ad95622] {
  background: #14111D;
  color: #fff;
}
.btn-confirm[data-v-5ad95622] {
  background: #6C34BA;
  color: #fff;
}
.btn-confirm[data-v-5ad95622]:disabled {
  opacity: .6;
}

.loading-mask[data-v-cdd85146] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.loading-spinner[data-v-cdd85146] {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid #fff;
  border-radius: 50%;
  animation: spin-cdd85146 1s linear infinite;
}
@keyframes spin-cdd85146 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}

.user-detail-modal[data-v-1af0fe39] {
  position: fixed;
  inset: 0;
  z-index: 10002;
  background: rgba(0, 0, 0, 0.5);
}
.user-detail-content[data-v-1af0fe39] {
  position: absolute;
  inset: 0;
  background: #14111D;
  overflow-y: auto;
  color: #fff;
}

/* Header with blurred background */
.header-bg[data-v-1af0fe39] {
  position: relative;
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.header-overlay[data-v-1af0fe39] {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(20, 17, 29, 0.3) 0%, #14111D 100%);
  backdrop-filter: blur(5px);
}
.back-btn[data-v-1af0fe39] {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.back-btn img[data-v-1af0fe39] {
  width: 24px;
  height: 24px;
}

/* Profile Section */
.profile-section[data-v-1af0fe39] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -80px;
  position: relative;
  z-index: 5;
}
.avatar-container[data-v-1af0fe39] {
  position: relative;
  margin-bottom: 12px;
}
.avatar-ring[data-v-1af0fe39] {
  width: 106px;
  height: 106px;
  border-radius: 50%;
  padding: 2px;
  background: #6C34BA;
}
.avatar[data-v-1af0fe39] {
  width: 102px;
  height: 102px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #14111D;
}
.live-indicator[data-v-1af0fe39] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #8B5CF6 0%, #6366F1 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #14111D;
}
.live-indicator img[data-v-1af0fe39] {
  width: 16px;
  height: 16px;
}
.user-info[data-v-1af0fe39] {
  text-align: center;
}
.name-row[data-v-1af0fe39] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-bottom: 4px;
}
.nickname[data-v-1af0fe39] {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.sex-icon[data-v-1af0fe39] {
  width: 16px;
  height: 16px;
}
.level-badge[data-v-1af0fe39] {
  display: flex;
  align-items: center;
}
.level-badge img[data-v-1af0fe39] {
  height: 18px;
}
.follower-count[data-v-1af0fe39] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #999;
  font-size: 14px;
}
.follower-count .label[data-v-1af0fe39] {
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  opacity: 0.7;
}
.follower-count .count[data-v-1af0fe39] {
  color: #fff;
  font-weight: 600;
}

/* Content Container */
.content-container[data-v-1af0fe39] {
  padding: 0 16px;
  margin-top: 24px;
  padding-bottom: 100px;
}

/* Section Styles */
.section[data-v-1af0fe39] {
  margin-bottom: 24px;
}
.section-title[data-v-1af0fe39] {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Works Grid - Horizontal Scroll */
.works-grid[data-v-1af0fe39] {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 4px;
}
.works-grid[data-v-1af0fe39]::-webkit-scrollbar {
  display: none;
}
.work-item[data-v-1af0fe39] {
  position: relative;
  flex: 0 0 calc((100% - 16px) / 3);
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
  background: #2C2830;
  scroll-snap-align: start;
  cursor: pointer;
}
.work-item img[data-v-1af0fe39] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.work-item img[data-v-1af0fe39] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.play-btn[data-v-1af0fe39] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.play-btn svg[data-v-1af0fe39] {
  width: 16px;
  height: 16px;
}
.empty-works[data-v-1af0fe39] {
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #2C2830;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.5);
  padding: 20px;
}
.empty-works .empty-image[data-v-1af0fe39],
.empty-posts .empty-image[data-v-1af0fe39] {
  width: 194px;
  height: 140px;
  margin-bottom: 16px;
}
.empty-works span[data-v-1af0fe39],
.empty-posts span[data-v-1af0fe39] {
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
}
.empty-posts[data-v-1af0fe39] {
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  padding: 40px 20px;
}

/* Dynamic/Posts Section */
.dynamic-section .dynamic-title[data-v-1af0fe39] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.dynamic-section .title-underline[data-v-1af0fe39] {
  width: 14px;
  height: 2px;
  background: #ffffff;
  border-radius: 2px;
}

/* Posts List */
.posts-list[data-v-1af0fe39] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.post-item[data-v-1af0fe39] {
  background: transparent;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 20px;
}
.post-item[data-v-1af0fe39]:last-child {
  border-bottom: none;
}
.post-header[data-v-1af0fe39] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.post-avatar[data-v-1af0fe39] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.post-user-info[data-v-1af0fe39] {
  flex: 1;
}
.post-username[data-v-1af0fe39] {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.post-time[data-v-1af0fe39] {
  font-size: 12px;
  color: #666;
  margin-top: 2px;
}
.post-content[data-v-1af0fe39] {
  margin-bottom: 12px;
}
.post-content p[data-v-1af0fe39] {
  font-size: 14px;
  line-height: 1.6;
  color: #ccc;
  margin: 0;
}

/* Post Images Grid */
.post-images[data-v-1af0fe39] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.post-image[data-v-1af0fe39] {
  width: 50%;
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
}
.post-image img[data-v-1af0fe39] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-images .post-image[data-v-1af0fe39] {
  margin-bottom: 0;
}
.post-images .post-image.single-image[data-v-1af0fe39] {
  width: 60%;
  aspect-ratio: 1;
}
.post-images .post-image.multi-images[data-v-1af0fe39] {
  width: calc(33.333% - 6px);
  aspect-ratio: 1;
}
.post-stats[data-v-1af0fe39] {
  display: flex;
  align-items: center;
}
.like-btn[data-v-1af0fe39] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #999;
  font-size: 14px;
  background: none;
  border: none;
}
.like-btn img[data-v-1af0fe39] {
  width: 18px;
  height: 18px;
}
.like-btn.liked[data-v-1af0fe39] {
  color: #8B5CF6;
}
.comment-btn[data-v-1af0fe39] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #999;
  font-size: 14px;
  margin-left: 20px;
}
.comment-btn img[data-v-1af0fe39] {
  width: 18px;
  height: 18px;
}
.empty-posts[data-v-1af0fe39] {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 14px;
}
.loading-more[data-v-1af0fe39] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  color: #999;
  font-size: 14px;
}
.no-more-data[data-v-1af0fe39] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  color: #666;
  font-size: 14px;
}

/* Bottom Action Bar */
.bottom-bar[data-v-1af0fe39] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 72px;
  background: #14111D;
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 12px;
  border-top: 1px solid #2C2830;
  z-index: 10;
  /* iOS Safari 安全区域适配 - 避免被底部地址栏遮挡 */
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
}
.follow-btn[data-v-1af0fe39] {
  width: 50%;
  flex: 0 0 auto;
  height: 52px;
  padding: 0 24px;
  background: transparent;
  border: 1px solid #6C34BA;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
}
.follow-btn.followed[data-v-1af0fe39] {
  background: #8B5CF6;
}
.follow-btn img[data-v-1af0fe39] {
  width: 18px;
  height: 18px;
}
.chat-btn[data-v-1af0fe39] {
  width: 50%;
  flex: 1;
  height: 52px;
  border-radius: 30px;
  background: linear-gradient(135deg, #8B5CF6 0%, #6C34BA 100%);
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 4px 15px rgba(108, 52, 186, 0.4);
}
.chat-btn[data-v-1af0fe39]:active {
  transform: scale(0.98);
  box-shadow: 0 2px 8px rgba(108, 52, 186, 0.3);
}
.chat-btn-row[data-v-1af0fe39] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.chat-btn-info[data-v-1af0fe39] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.chat-icon-img[data-v-1af0fe39] {
  width: 24px;
  height: 24px;
}
.chat-text[data-v-1af0fe39] {
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
}
.lock-icon-img[data-v-1af0fe39] {
  width: 14px;
  height: 14px;
}
.vip-text[data-v-1af0fe39] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  display: flex;
  height: 16px;
  align-items: center;
  position: relative;
  top: 2px;
}
.vip-diamond[data-v-1af0fe39] {
  width: 14px;
  height: 14px;
}
.icon-badge[data-v-1af0fe39] {
  min-width: 36px;
  height: 18px;
  background-size: 100% 100%;
  font-size: 8px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 8px;
}

/* Unlock Chat Modal Styles */
.unlock-chat-overlay[data-v-1af0fe39] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.pwd-overlay[data-v-1af0fe39] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10003;
}
.recharge-modal[data-v-1af0fe39] {
  width: 300px;
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.recharge-icon-container[data-v-1af0fe39] {
  margin-top: -70px;
}
.icon-diamond-huge[data-v-1af0fe39] {
  width: 130px;
  height: 130px;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
  position: relative;
  top: -26px;
}
.recharge-text[data-v-1af0fe39] {
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin-bottom: 56px;
  line-height: 1.5;
  padding: 0 20px;
}
.recharge-actions[data-v-1af0fe39] {
  display: flex;
  gap: 15px;
  width: 100%;
}
.btn-cancel-recharge[data-v-1af0fe39],
.btn-confirm-recharge[data-v-1af0fe39] {
  flex: 1;
  height: 44px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-confirm-recharge[data-v-1af0fe39] {
  background: #7B40F2;
  border: none;
}
.btn-cancel-recharge[data-v-1af0fe39]:active {
  background: rgba(255, 255, 255, 0.1);
}
.btn-confirm-recharge[data-v-1af0fe39]:active {
  background: #6a35d4;
}

/* 全屏视频播放器样式 */
.video-player-overlay[data-v-1af0fe39] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.95);
  z-index: 10003;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-player-container[data-v-1af0fe39] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-close-btn[data-v-1af0fe39] {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10004;
}
.video-close-btn img[data-v-1af0fe39] {
  width: 36px;
  height: 36px;
}
.fullscreen-video[data-v-1af0fe39] {
  width: auto;
  height: auto;
  object-fit: contain;
  background: #000;
}

/* 自定义视频控制条样式 */
.custom-video-controls[data-v-1af0fe39] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  display: flex;
  align-items: center;
  padding: 0 12px;
  gap: 12px;
  z-index: 10005;
}
.control-play-btn[data-v-1af0fe39] {
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.control-play-btn img[data-v-1af0fe39] {
  width: 24px;
  height: 24px;
}
.control-progress[data-v-1af0fe39] {
  flex: 1;
  height: 4px;
  position: relative;
  cursor: pointer;
  border-radius: 2px;
  overflow: hidden;
}
.progress-bg[data-v-1af0fe39] {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
}
.progress-fill[data-v-1af0fe39] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #7B3CF3, #9B5DE5);
  border-radius: 2px;
  transition: width 0.1s linear;
}
.control-time[data-v-1af0fe39] {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
}

/* 毛玻璃遮罩样式 */
.video-blur-overlay[data-v-1af0fe39] {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 10006;
}

.overlay[data-v-83780a9f] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: flex-end;
  z-index: 99999;
}
.auth-panel[data-v-83780a9f] {
  width: 100%;
  background: #220F37;
  color: #1a1a2e;
  padding: 32px 24px 40px;
  position: relative;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  will-change: transform;
  height: 429px;
  display: flex;
  flex-direction: column;
}
.bottom-sheet-enter-active[data-v-83780a9f],
.bottom-sheet-leave-active[data-v-83780a9f] {
  transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.bottom-sheet-enter-from[data-v-83780a9f],
.bottom-sheet-leave-to[data-v-83780a9f] {
  transform: translateY(100%);
}
.bottom-sheet-enter-to[data-v-83780a9f],
.bottom-sheet-leave-from[data-v-83780a9f] {
  transform: translateY(0);
}

/* Form Header */
.form-header[data-v-83780a9f] {
  margin-bottom: 12px;
}
.form-title[data-v-83780a9f] {
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
  margin: 0 0 8px 0;
}
.form-subtitle[data-v-83780a9f] {
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 22px;
  margin-top: 20px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.form-subtitle[data-v-83780a9f]::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 64px;
  height: 4px;
  background: #6C34BA;
}

/* Form Content */
.form-content[data-v-83780a9f] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.form-field[data-v-83780a9f] {
  width: 100%;
}
.form-input[data-v-83780a9f] {
  width: 100%;
  height: 56px;
  background: #14111D;
  border: none;
  border-radius: 12px;
  padding: 0 20px;
  font-size: 15px;
  color: #FFFFFF;
  outline: none;
  box-sizing: border-box;
}
.form-input[data-v-83780a9f]::placeholder {
  color: #BBBBBB;
}
.form-input[data-v-83780a9f]:focus {
  background: #2A1F45;
}
.form-input[data-v-83780a9f]:disabled {
  opacity: 0.6;
}

/* Submit Button */
.btn[data-v-83780a9f] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.btn-submit[data-v-83780a9f] {
  background: linear-gradient(90deg, #8B5CF6 0%, #6C34BA 100%);
  color: #fff;
  border: none;
  height: 56px;
  border-radius: 28px;
  font-size: 16px;
  font-weight: 500;
  margin-top: 24px;
}
.btn-submit[data-v-83780a9f]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-submit[data-v-83780a9f]:active:not(:disabled) {
  opacity: 0.9;
  transform: scale(0.98);
}
.error-text[data-v-83780a9f] {
  color: #ff6b6b;
  font-size: 13px;
  text-align: center;
  margin: 0;
}

/* Agreement */
.agreement[data-v-83780a9f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  -webkit-tap-highlight-color: transparent;
}
.agreement-text[data-v-83780a9f] {
  font-size: 12px;
  color: #9ca3af;
}
.link[data-v-83780a9f] {
  color: #7c3aed;
  text-decoration: none;
}
.link[data-v-83780a9f]:active {
  opacity: 0.7;
}