/* Hotfix military theme for deployed H5 list pages */
:root {
  --military-red: #b3121f;
  --military-red-dark: #5f0f14;
  --military-gold: #e2bc67;
  --military-paper: #fff8f6;
  --military-line: #ecd4ce;
  --military-text: #5f262a;
}

body,
#app,
.uni-page-wrapper,
.uni-page-body,
.page {
  background-color: #f7ece9 !important;
}

.uni-list,
.uni-list-cell,
.uni-list-item,
.uni-list-item__container,
.uni-media-list,
.uni-input-input,
.uni-textarea-textarea {
  background-color: var(--military-paper) !important;
  border-color: var(--military-line) !important;
}

.uni-list {
  border-radius: 16rpx;
  overflow: hidden;
  box-shadow: 0 8rpx 18rpx rgba(95, 15, 20, 0.08);
}

.uni-list-cell-divider {
  color: #7a262b !important;
  background-color: #f6e7e4 !important;
  border-left: 6rpx solid var(--military-red);
  padding-left: 16rpx;
}

.uni-list-cell-navigate,
.uni-list-item__content-title,
.uni-media-list-text-top,
.uni-media-list-text-bottom,
.uni-list-item__content,
.uni-input-input,
.uni-textarea-textarea {
  color: var(--military-text) !important;
}

.uni-list-item__extra-text {
  color: #9d6c6c !important;
}

.uni-indexed-list-bar {
  background-color: rgba(255, 246, 244, 0.92) !important;
  border-left: 1px solid var(--military-line);
}

.uni-indexed-list-text.active,
.uni-indexed-list-bar.active .uni-indexed-list-text.active {
  color: var(--military-red) !important;
  font-weight: 700;
}

.uni-badge,
.uni-badge--error,
.uni-badge-danger {
  background: linear-gradient(145deg, #c71624, #851018) !important;
  color: #fff4df !important;
  border: 1px solid #e1b860 !important;
}

.uni-navigate-right:after,
.uni-list-cell-navigate.uni-navigate-right:after {
  color: #bc8f47 !important;
}

button,
.uni-btn,
.uni-button {
  border-radius: 999rpx !important;
  background: linear-gradient(135deg, #cc1a2a, #8a0f19);
  color: #fff3dd !important;
  border: 1px solid var(--military-gold) !important;
}

/* login/register page hotfix */
.zai-box {
  position: relative;
  overflow: hidden;
  background-color: #5b1118 !important;
  background-image: radial-gradient(circle at 86% -8%, rgba(226, 188, 103, 0.26), transparent 36%), linear-gradient(160deg, rgba(73, 12, 17, 0.96), rgba(129, 19, 28, 0.9)), url('/static/theme/military/stripe-bg.svg'), url('/static/theme/military/grid-bg.svg') !important;
  background-size: auto, cover, 220px 220px, 220px 220px !important;
  background-position: center center, center center, center center, center center !important;
}

.zai-box::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 56px;
  background: linear-gradient(180deg, rgba(226, 188, 103, 0.28), rgba(226, 188, 103, 0));
  pointer-events: none;
  z-index: 1;
}

.zai-box::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 210px;
  height: 1px;
  background: linear-gradient(90deg, rgba(226, 188, 103, 0), rgba(226, 188, 103, 0.85), rgba(226, 188, 103, 0));
  z-index: 1;
}

.zai-viewl,
.zai-form,
.zai-footer,
.military-header,
.military-divider {
  position: relative;
  z-index: 2;
}

.zai-viewl {
  display: none !important;
}

.military-login-logo-wrap {
  display: none;
  justify-content: center;
  align-items: center;
  margin: 8px 0 16px;
}

.military-login-logo-wrap.show {
  display: flex;
}

.military-login-logo {
  width: 126px;
  height: 126px;
  border-radius: 50%;
  object-fit: cover;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

.zai-input,
.code-input {
  background: rgba(255, 245, 241, 0.96) !important;
  border: 1.5px solid rgba(231, 192, 181, 0.95) !important;
  color: #3e1a1e !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Remove nested inner white block rendered by inner input element */
.zai-form .uni-input-input,
.zai-form input.uni-input-input,
.zai-form input.zai-input,
.zai-form input.code-input {
  background: transparent !important;
  box-shadow: none !important;
  color: #3e1a1e !important;
  font-weight: 600;
}

.zai-input:focus,
.code-input:focus {
  border-color: #d6a95a !important;
  box-shadow: 0 0 0 2px rgba(214, 169, 90, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.45) !important;
}

.zai-input::placeholder,
.code-input::placeholder {
  color: #765458 !important;
  opacity: 1;
}

.zai-form .uni-input-input::placeholder,
.zai-form input.uni-input-input::placeholder,
.zai-form input.zai-input::placeholder,
.zai-form input.code-input::placeholder {
  color: #765458 !important;
  opacity: 1;
}

.zai-btn,
.zai-btn.landing_true {
  background: linear-gradient(135deg, #a50f1b, #cf2632) !important;
  color: #fff2de !important;
  border: 1px solid #e2bc67 !important;
  box-shadow: 0 10px 22px rgba(95, 15, 20, 0.35);
}

.zai-btn.landing_false,
.zai-btn[disabled] {
  background: linear-gradient(135deg, #9e7070, #b58d8d) !important;
  border-color: #ceb7b7 !important;
  color: #f4e5e5 !important;
  box-shadow: none;
}

/* Prevent legacy class binding on inputs from inheriting button styles */
.zai-input.landing_true,
.zai-input.landing_false,
.code-input.landing_true,
.code-input.landing_false {
  background: rgba(255, 245, 241, 0.96) !important;
  border: 1.5px solid rgba(231, 192, 181, 0.95) !important;
  color: #5a2327 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.38) !important;
}

.zai-label,
.zai-footer {
  color: #f1dfb5 !important;
}