.download.flex,
.download.flex::before,
.download.flex::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.download.flex,
.download.flex * {
  color: #000 !important;
}

uni-page-head .uni-page-head {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}

uni-page-head .uni-placeholder,
uni-page-head .uni-page-head ~ .uni-placeholder {
  display: none !important;
  height: 0 !important;
}

.navBar[data-v-413f5e40] {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  margin-top: 0 !important;
}

.live[data-v-413f5e40] {
  padding-top: 0 !important;
}

.live[data-v-413f5e40] .download.flex ~ .navBar[data-v-413f5e40] {
  margin-top: clamp(56px, 14.9333vw, 72px) !important;
}

.live[data-v-413f5e40] .list[data-v-e8826e08] {
  margin-top: clamp(10px, 2.6667vw, 14px) !important;
}

.live[data-v-413f5e40] .list[data-v-f4b4179a] {
  padding-top: clamp(10px, 2.6667vw, 14px) !important;
}

.index[data-v-43e3330b] {
  position: relative !important;
  width: min(88vw, 360px) !important;
  box-sizing: border-box !important;
  padding: 80px 22px 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at top right, rgba(34, 197, 94, 0.16), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 246, 0.98) 100%) !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.26) !important;
  backdrop-filter: blur(18px) !important;
  overflow: hidden !important;
}

.index[data-v-43e3330b]::before {
  content: "登录后继续观看";
  position: absolute;
  top: 20px;
  left: 22px;
  right: 22px;
  color: #0f172a;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.index[data-v-43e3330b]::after {
  content: "解锁聊天互动、关注主播和更完整的直播体验";
  position: absolute;
  top: 52px;
  left: 22px;
  right: 22px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

.index[data-v-43e3330b] > uni-view:first-child {
  width: 100% !important;
  margin-bottom: 18px !important;
}

.index[data-v-43e3330b] > uni-view:first-child > uni-view {
  width: 100% !important;
  padding: 4px !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, 0.05) !important;
}

.index[data-v-43e3330b] .regit[data-v-43e3330b] {
  padding: 0 !important;
  margin-top: 0 !important;
  background: transparent !important;
}

.index[data-v-43e3330b] .input[data-v-43e3330b] {
  position: relative !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  margin-top: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-bottom-color: rgba(148, 163, 184, 0.22) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
}

.index[data-v-43e3330b] .input:first-of-type {
  margin-top: 0 !important;
}

.index[data-v-43e3330b] .input-left[data-v-43e3330b] {
  width: auto !important;
  min-width: 78px !important;
  padding-right: 12px !important;
  color: #0f172a !important;
  font-weight: 600 !important;
  border-right: 1px solid rgba(148, 163, 184, 0.24) !important;
}

.index[data-v-43e3330b] .input uni-text[data-v-43e3330b] {
  color: #15803d !important;
  font-weight: 600 !important;
}

.index[data-v-43e3330b] .input uni-input[data-v-43e3330b],
.index[data-v-43e3330b] .input input,
.index[data-v-43e3330b] .u-input__input {
  color: #0f172a !important;
  font-size: 15px !important;
}

.index[data-v-43e3330b] .input input::placeholder,
.index[data-v-43e3330b] .u-input__input::placeholder {
  color: #94a3b8 !important;
}

.index[data-v-43e3330b] .input .uni-input-placeholder,
.index[data-v-43e3330b] .input .input-placeholder,
.index[data-v-43e3330b] .input uni-input .uni-input-placeholder,
.index[data-v-43e3330b] .input uni-input .input-placeholder,
.index[data-v-43e3330b] .input .u-input__input::placeholder,
.index[data-v-43e3330b] .input .u-input__input::-webkit-input-placeholder,
.index[data-v-43e3330b] .input .u-input__input::-moz-placeholder,
.index[data-v-43e3330b] .input .u-input__input:-ms-input-placeholder,
.index[data-v-43e3330b] .input .u-input__input::-ms-input-placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  font-size: 15px !important;
}

.index[data-v-43e3330b] .inputCss[data-v-43e3330b] .inp .u-input__input {
  color: #0f172a !important;
}

.index[data-v-43e3330b] .input[data-v-43e3330b] .hotfix-popup-placeholder {
  position: absolute;
  top: 50%;
  color: #94a3b8 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  pointer-events: none;
}

.index[data-v-43e3330b] .btn[data-v-43e3330b] {
  margin-top: 18px !important;
  padding: 14px 0 !important;
  border-radius: 18px !important;
  color: #f8fafc !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  background: linear-gradient(135deg, #0f172a 0%, #166534 100%) !important;
  box-shadow: 0 18px 32px rgba(22, 101, 52, 0.28) !important;
  opacity: 0.58 !important;
}

.index[data-v-43e3330b] .btn-active[data-v-43e3330b] {
  opacity: 1 !important;
  transform: translateY(-1px);
}

.index[data-v-43e3330b] > uni-view:nth-of-type(3) {
  color: #64748b !important;
  font-size: 12px !important;
  margin-top: 16px !important;
  text-align: center !important;
  line-height: 1.6 !important;
}

.index[data-v-43e3330b] > uni-view:nth-of-type(3) uni-text {
  color: #15803d !important;
  font-weight: 600 !important;
}