/* ============================================
   Marvis Anime Theme v2 20260905b 清新云朵浅蓝
   应用于 H5 选应用/定制/签名页面
   设计语言：晴空浅蓝底 + 白色卡片柔影 + 品牌蓝按钮
   覆盖策略：index.html 在主体样式后引入本文件
   ============================================ */

/* ---------- 1. 全站背景：清新晴空浅蓝 ---------- */
html,
body,
#app,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body {
  background-color: #dceeff !important;
  background-image: linear-gradient(180deg, #e9f6ff 0%, #d8ecff 52%, #c4e1ff 100%) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

/* ---------- 2. 分类 Tab 条：白色胶囊 ---------- */
.u-tabs {
  background: rgba(255, 255, 255, 0.98) !important;
  border-radius: 26px !important;
  margin: 8px 16px 6px !important;
  box-shadow: 0 6px 18px rgba(80, 140, 255, 0.18) !important;
  overflow: hidden !important;
}
.u-tab-item {
  color: #4a6191 !important;
  font-weight: 500 !important;
}
.u-tab-bar {
  background-color: #3d8bff !important;
  background-image: linear-gradient(135deg, #5aa6ff, #2f7bff) !important;
  border-radius: 8px !important;
}

/* ---------- 3. 底部导航：白色毛玻璃 ---------- */
.u-tabbar__content,
.u-tabbar__content.u-border-top {
  background: rgba(255, 255, 255, 0.97) !important;
  border-top: none !important;
  box-shadow: 0 -4px 18px rgba(90, 140, 220, 0.14) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
.u-tabbar__content__item__text {
  color: #5a73a8 !important;
}

/* ---------- 4. 主按钮：品牌蓝渐变（统一） ---------- */
.bg-primary {
  background-color: #2f7bff !important;
  background-image: linear-gradient(135deg, #57a6ff, #2f7bff) !important;
}

/* ---------- 5. 弹层遮罩：轻量毛玻璃（替代生硬黑幕） ---------- */
.u-mask,
.uni-mask {
  background-color: rgba(15, 30, 66, 0.35) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* ---------- 6. 登录页：覆盖原高饱和梦幻渐变，统一为晴空浅蓝 ---------- */
.login {
  color: #31446b !important;
  background: linear-gradient(180deg, #e9f6ff 0%, #d3e9ff 55%, #bcdcff 100%) !important;
  background-size: auto !important;
  animation: none !important;
}
/* 顶部挂件图淡化装饰感 */
.login__bg {
  opacity: 0.55 !important;
}
/* 登录方式切换卡：白实底 */
.login__mode {
  background-color: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 8px 24px rgba(80, 130, 220, 0.16) !important;
}
.login__mode__item {
  color: #5b6f97 !important;
}
.login__mode__item--active {
  color: #ffffff !important;
}
.login__mode__slider {
  background-image: linear-gradient(135deg, #57a6ff, #2f7bff) !important;
  background-color: #2f7bff !important;
  box-shadow: 0 8px 20px rgba(47, 123, 255, 0.35) !important;
}
/* 表单卡：白色实底 + 柔和阴影 */
.login__info {
  background-color: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 10px 30px rgba(80, 130, 220, 0.18) !important;
}
.login__info__item__input {
  border-color: #dfe9f5 !important;
  background-color: #f7fbff !important;
}
.login__info__item__input__left-icon {
  color: #4a7bd8 !important;
}
.login__info__item__input__right-icon {
  color: #a8bcd9 !important;
}
.login__info__item__button {
  background-image: linear-gradient(135deg, #57a6ff, #2f7bff) !important;
  background-color: #2f7bff !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(47, 123, 255, 0.32) !important;
}
.login__info__item__tips {
  color: #8fa3c4 !important;
}
.input-placeholder {
  color: #a9bcd9 !important;
}

/* ---------- 7. 我的页：顶部深蓝背景图浅化为晴空 ---------- */
.top-backgroup {
  background: linear-gradient(180deg, #c8e3ff 0%, #e2f2ff 80%, #eef8ff 100%) !important;
}
.top-backgroup .backgroud-image,
.top-backgroup .backgroud-image img {
  opacity: 0.14 !important;
}
.user-info__nick-name {
  color: #2f5fa8 !important;
  text-shadow: none !important;
}
.user-info__avatar {
  border-color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 6px 18px rgba(70, 120, 210, 0.22) !important;
}

/* ---------- 8. 我的页：退出登录按钮品牌蓝渐变白字 ---------- */
.about-shadow:has(> uni-view[style*="padding: 5px"]) {
  background-color: #2f7bff !important;
  background-image: linear-gradient(135deg, #57a6ff, #2f7bff) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(47, 123, 255, 0.28) !important;
}


/* ---------- 9. 登录页输入框文字：覆盖 uView 内联 color:white，深色可见 + 光标同色 ---------- */
.login__info .u-input__input,
.login__info .u-input__input input,
.login__info uni-input,
.login__info .uni-input-input,
.login__info input {
  color: #2f5fa8 !important;
  caret-color: #2f5fa8 !important;
  -webkit-text-fill-color: #2f5fa8 !important;
}
.login__info .u-input__input::placeholder,
.login__info .u-input__input input::placeholder {
  color: #a9bcd9 !important;
  -webkit-text-fill-color: #a9bcd9 !important;
}