/* Global 90+ polish: motion, press, white theme parity */

@keyframes wap-rise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

@keyframes wap-tab-glow {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(var(--color-gold-rgb, 201, 168, 76), 0)); }
  50% { filter: drop-shadow(0 0 5px rgba(var(--color-gold-rgb, 201, 168, 76), 0.42)); }
}

.wap-rise {
  animation: wap-rise 0.42s ease both;
}

.wap-tabbar__item {
  transition: color 0.18s ease, transform 0.18s ease;
}
.wap-tabbar__item:active {
  transform: scale(0.94);
}
.wap-tabbar__item.is-active svg {
  animation: none;
}

.wap-header__register,
.wap-header__login {
  transition: transform 0.16s ease, opacity 0.16s ease;
}
.wap-header__register:active,
.wap-header__login:active {
  transform: scale(0.96);
}

html.wap-sheet-open,
html.wap-avatar-sheet-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}
html.wap-sheet-open .wap-tabbar,
html.wap-avatar-sheet-open .wap-tabbar {
  pointer-events: none;
}

.wap-app input[type="text"]:focus,
.wap-app input[type="password"]:focus,
.wap-app input[type="tel"]:focus,
.wap-app input[type="number"]:focus,
.wap-app input[type="email"]:focus,
.wap-app input[type="search"]:focus,
.wap-app textarea:focus,
.wap-app select:focus {
  outline: none;
  border-color: var(--theme-gold, var(--color-gold, #c9a84c));
  box-shadow: 0 0 0 3px rgba(var(--color-gold-rgb, 201, 168, 76), 0.18);
}

.wap-app button[type="submit"]:active,
.wap-app .ajax-submit-btn:active,
.wap-app .ajax-submit-without-confirm-btn:active {
  transform: scale(0.98);
}

.wap-rec-empty,
.wap-pay-empty,
.wap-fs-empty,
.wap-help-empty,
.wap-activity-empty,
.easy-pay-empty,
.wap-book-empty,
.wap-star-empty,
.wap-act-detail__empty,
.wap-act-detail__no-application,
.wap-draw-empty,
.wap-game-empty {
  position: relative;
  padding: 40px 18px 32px;
  text-align: center;
  border: 1px dashed rgba(var(--color-gold-rgb, 201, 168, 76), 0.28);
  border-radius: 16px;
  color: var(--text-muted, #9a9080);
  font-size: 13px;
  line-height: 1.55;
}
.wap-rec-empty::before,
.wap-pay-empty::before,
.wap-fs-empty::before,
.wap-help-empty::before,
.wap-activity-empty::before,
.wap-book-empty::before,
.wap-star-empty::before,
.wap-act-detail__empty::before,
.wap-act-detail__no-application::before,
.wap-draw-empty::before,
.wap-game-empty::before {
  content: '';
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto 14px;
  border-radius: 12px;
  border: 1px solid rgba(var(--color-gold-rgb, 201, 168, 76), 0.4);
  background:
    radial-gradient(circle at 50% 30%, rgba(var(--color-gold-rgb, 201, 168, 76), 0.28), transparent 70%),
    rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(var(--color-gold-rgb, 201, 168, 76), 0.12);
}
.wap-rec-empty strong,
.wap-activity-empty strong,
.wap-help-empty strong,
.wap-book-empty strong,
.wap-star-empty strong,
.wap-act-detail__empty strong,
.wap-act-detail__no-application strong,
.wap-draw-empty strong,
.wap-pay-empty strong,
.wap-game-empty strong {
  display: block;
  margin-bottom: 6px;
  color: var(--text-primary, #f2eee6);
  font-size: 15px;
  font-weight: 750;
}
.wap-rec-empty a,
.wap-activity-empty a,
.wap-book-empty a,
.wap-star-empty a,
.wap-pay-empty a {
  display: inline-block;
  margin-top: 10px;
  color: var(--theme-gold, var(--color-gold, #c9a84c));
  font-weight: 700;
}
.wap-draw-empty a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 12px;
  padding: 0 16px;
  border-radius: 10px;
  background: var(--wap-gold-grad, var(--color-gold-grad));
  color: var(--wap-cta-text, #111);
  font-weight: 800;
  text-decoration: none;
}

.wap-protection {
  padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px));
}

.m_container .userInfo {
  padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px));
}
.m_container table {
  table-layout: fixed;
  width: 100%;
}
.m_container td {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.layui-m-layerchild.layui-m-anim-scale {
  animation-duration: 0.28s;
  animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
}
.layui-m-layerbtn span {
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.layui-m-layerbtn span:active {
  transform: scale(0.98);
}

/* White theme: stronger gold contrast on chrome */
.wap-help-article h1 {
  overflow-wrap: anywhere;
}
p.wap-help-support {
  margin: 16px 0 0;
  text-align: center;
  color: var(--text-muted, #9a9080);
  font-size: 13px;
}

@media (prefers-reduced-motion: reduce) {
  .wap-rise,
  .wap-tabbar__item.is-active svg {
    animation: none !important;
  }
  .wap-avatar-sheet,
  .wap-avatar-sheet__panel {
    transition: none !important;
  }
}