/* Shared dayout presentation only. Artwork lives under birthday-gift/dayout/. */
.dayout-page {
  --dayout-main-bg: url("https://psh-auth.oss-cn-shanghai.aliyuncs.com/birthday-gift/dayout/main-bg.png");
  --dayout-index-bg: url("https://psh-auth.oss-cn-shanghai.aliyuncs.com/birthday-gift/dayout/index-bg.png");
  --dayout-card-bg: url("https://psh-auth.oss-cn-shanghai.aliyuncs.com/birthday-gift/dayout/main-mask.png");
  --dayout-page-bg: var(--dayout-main-bg);
  --dayout-logo-width: clamp(72px, 20vw, 84px);
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #263c40;
  background: #c4e8e7 var(--dayout-page-bg) center / cover no-repeat;
}
.dayout-index, .dayout-realname { --dayout-page-bg: var(--dayout-index-bg); }
.dayout-page *, .dayout-page *::before, .dayout-page *::after { box-sizing: border-box; }
.dayout-page .mobile-page {
  background: var(--dayout-page-bg) center / 100% 100% no-repeat;
}
.dayout-page:not(.dayout-scan) .mobile-header {
  height: calc(52px + env(safe-area-inset-top, 0px));
  padding-top: env(safe-area-inset-top, 0px);
  background: rgba(255, 255, 255, 0.72);
}
.dayout-page:not(.dayout-scan) .mobile-header-back { top: calc(26px + env(safe-area-inset-top, 0px)); }
.dayout-page:not(.dayout-scan) .mobile-header-logo { width: var(--dayout-logo-width); height: auto; max-height: 100%; object-fit: contain; }
.dayout-page:not(.dayout-scan) .mobile-page-body { padding-bottom: max(18px, env(safe-area-inset-bottom, 0px)); }
.dayout-page:not(.dayout-scan) .global-footer-note__license {
  max-width: 100%;
  flex-wrap: wrap;
  gap: 4px 8px;
  white-space: normal;
  font-size: clamp(8px, 2.3vw, 11px);
}
.dayout-page:not(.dayout-scan) .global-footer-note__license a { white-space: nowrap; }
.dayout-page button:focus-visible,
.dayout-page a:focus-visible,
.dayout-page [tabindex]:focus-visible { outline: 3px solid #097e89; outline-offset: 4px; }
.dayout-page input, .dayout-page select { font-size: 16px; }
.dayout-page .psh-sheet-modal {
  height: 100dvh;
  padding:
    max(10px, env(safe-area-inset-top, 0px))
    max(12px, env(safe-area-inset-right, 0px))
    max(10px, env(safe-area-inset-bottom, 0px))
    max(12px, env(safe-area-inset-left, 0px));
}
.dayout-page .psh-sheet-card {
  width: min(92vw, 390px);
  max-width: 100%;
  height: min(92dvh, 700px);
  max-height: 100%;
}
.dayout-page .psh-sheet-body { background: #43aeba; }
.dayout-page .psh-sheet-btn,
.dayout-page .app-dialog-btn.primary {
  background: linear-gradient(160deg, #38b9b0, #269db8) !important;
}
.dayout-page .psh-sheet-btn:disabled { background: #a0d6dc !important; }
.dayout-realname .mobile-page-body { padding-bottom: 0; }
.dayout-realname .panel { padding-bottom: max(24px, env(safe-area-inset-bottom, 0px)); }
.dayout-realname .input { font-size: 16px; }
.dayout-realname .btn.primary {
  background: linear-gradient(160deg, #38b9b0, #269db8) !important;
  color: #fff;
}
@media (max-height: 700px) {
  .dayout-realname .panel { padding-top: 24px; }
  .dayout-realname .form-fields { margin-top: 20px; }
  .dayout-realname .field { margin-bottom: 16px; }
}