/**
 * iOS 26.5 风格 UI：玻璃拟态弹窗、圆形关闭按钮、3D 按钮
 * 作用于全部主题（html[data-theme]），加载于 themes.css 之后
 */

:root,
[data-theme] {
  --ios-glass-surface: color-mix(in srgb, var(--surface) 72%, transparent);
  --ios-glass-surface-strong: color-mix(in srgb, var(--surface) 86%, transparent);
  --ios-glass-border: color-mix(in srgb, var(--text) 12%, transparent);
  --ios-glass-highlight: color-mix(in srgb, #fff 42%, transparent);
  --ios-overlay: color-mix(in srgb, var(--bg) 48%, transparent);
  --ios-blur: 22px;
  --ios-blur-strong: 36px;
  --ios-radius-xl: 22px;
  --ios-close-size: 2rem;
  --ios-spring: cubic-bezier(0.34, 1.25, 0.64, 1);
  --ios-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ios-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ios-dur-fast: 0.18s;
  --ios-dur-overlay: 0.24s;
  --ios-dur-panel: 0.28s;
  /* 参考招商侧栏 pill 按钮（发布/装修/维修/入住）— 统一高度基准 */
  --ios-btn-radius: 999px;
  --ios-btn-py: 0.45rem;
  --ios-btn-px: 0.85rem;
  --ios-btn-font: 0.75rem;
  --ios-btn-lh: 1.25;
  --ios-btn-primary-face: linear-gradient(
    180deg,
    color-mix(in srgb, var(--primary-hover) 68%, #fff 32%) 0%,
    var(--primary) 44%,
    var(--primary-deep) 100%
  );
  --ios-btn-primary-border: color-mix(in srgb, var(--primary-deep) 58%, #000 6%);
  --ios-btn-primary-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 52%, transparent),
    inset 0 -2px 0 color-mix(in srgb, var(--primary-deep) 62%, transparent),
    0 5px 16px color-mix(in srgb, rgb(var(--primary-rgb)) 44%, transparent),
    0 2px 4px color-mix(in srgb, var(--bg) 38%, transparent);
  /* 悬停：参考录像回放「查询回放」— 中间下沉、内凹 */
  --ios-btn-primary-shadow-hover:
    inset 0 4px 14px color-mix(in srgb, var(--primary-deep) 58%, #000 10%),
    inset 0 -2px 0 color-mix(in srgb, #fff 52%, transparent),
    0 1px 0 color-mix(in srgb, #fff 28%, transparent),
    0 10px 22px color-mix(in srgb, var(--bg) 46%, transparent),
    0 4px 10px color-mix(in srgb, rgb(var(--primary-rgb)) 16%, transparent);
  --ios-btn-primary-shadow-active:
    inset 0 6px 16px color-mix(in srgb, var(--primary-deep) 68%, #000 12%),
    inset 0 1px 0 color-mix(in srgb, #fff 16%, transparent),
    0 1px 4px color-mix(in srgb, rgb(var(--primary-rgb)) 22%, transparent);
  --ios-btn-neutral-face: linear-gradient(
    180deg,
    color-mix(in srgb, var(--surface) 78%, #fff 22%) 0%,
    color-mix(in srgb, var(--surface2) 92%, transparent) 100%
  );
  --ios-btn-neutral-shadow:
    inset 0 1px 0 var(--ios-glass-highlight),
    inset 0 -2px 0 color-mix(in srgb, var(--border) 72%, transparent),
    0 4px 14px color-mix(in srgb, var(--bg) 32%, transparent),
    0 1px 3px color-mix(in srgb, var(--bg) 28%, transparent);
  --ios-btn-neutral-shadow-hover:
    inset 0 4px 12px color-mix(in srgb, var(--border) 55%, transparent),
    inset 0 -2px 0 color-mix(in srgb, #fff 52%, transparent),
    0 1px 0 color-mix(in srgb, #fff 22%, transparent),
    0 8px 18px color-mix(in srgb, var(--bg) 40%, transparent);
  --ios-btn-neutral-shadow-active:
    inset 0 5px 12px color-mix(in srgb, var(--border) 62%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 20%, transparent),
    0 1px 3px color-mix(in srgb, var(--bg) 22%, transparent);
  --ios-btn-sink-y: 2px;
  --ios-btn-sink-scale: 0.985;
}

/* —— 遮罩：毛玻璃背景 —— */
.alert-modal,
.doc-mgmt-var-picker-overlay,
.doc-mgmt-upload-overlay,
.param-init-overlay,
.leasing-publish-upload-overlay,
.app-loading-overlay {
  backdrop-filter: blur(var(--ios-blur)) saturate(185%);
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(185%);
  background: var(--ios-overlay);
}

.alert-modal {
  background: color-mix(in srgb, var(--bg) 52%, transparent);
}

/* —— 弹窗面板：玻璃卡片 —— */
.form-modal-box,
.alert-box,
.doc-mgmt-var-picker-dialog,
.param-init-overlay-panel,
.doc-mgmt-upload-overlay-card,
.leasing-publish-upload-panel {
  background: var(--ios-glass-surface);
  backdrop-filter: blur(var(--ios-blur-strong)) saturate(200%);
  -webkit-backdrop-filter: blur(var(--ios-blur-strong)) saturate(200%);
  border: 1px solid var(--ios-glass-border);
  border-radius: var(--ios-radius-xl);
  box-shadow:
    inset 0 1px 0 var(--ios-glass-highlight),
    0 28px 64px color-mix(in srgb, var(--bg) 58%, transparent),
    0 10px 24px color-mix(in srgb, var(--bg) 32%, transparent);
}

.form-modal-header,
.doc-mgmt-var-picker-head {
  background: color-mix(in srgb, var(--surface2) 35%, transparent);
  border-bottom-color: var(--ios-glass-border);
}

.form-modal-footer {
  background: color-mix(in srgb, var(--surface2) 40%, transparent);
  border-top-color: var(--ios-glass-border);
}

/* —— 关闭按钮：圆形凸起 + 悬停放大 —— */
.form-modal-close,
.doc-mgmt-var-picker-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--ios-close-size);
  height: var(--ios-close-size);
  min-width: var(--ios-close-size);
  min-height: var(--ios-close-size);
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--surface2) 82%, transparent);
  border: 1px solid var(--ios-glass-border);
  box-shadow:
    inset 0 1px 0 var(--ios-glass-highlight),
    0 2px 10px color-mix(in srgb, var(--bg) 28%, transparent);
  color: var(--text-muted);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    transform 0.24s var(--ios-spring),
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.form-modal-close:hover,
.doc-mgmt-var-picker-close:hover {
  transform: scale(1.14);
  color: var(--text);
  background: color-mix(in srgb, var(--surface2) 92%, var(--primary) 6%);
  box-shadow:
    inset 0 1px 0 var(--ios-glass-highlight),
    0 6px 18px color-mix(in srgb, var(--bg) 34%, transparent);
}

.form-modal-close:active,
.doc-mgmt-var-picker-close:active {
  transform: scale(0.94);
  transition-duration: 0.1s;
}

/* —— 按钮：pill 形 glossy 3D + 悬停内凹下沉（参考 sec-playback-submit「查询回放」） —— */
.btn-primary,
.btn-ghost,
.btn-secondary,
.btn-sm.btn-primary,
.btn-sm.btn-ghost,
.btn-sm.btn-secondary,
.sec-pill-btn,
.leasing-action-btn,
.finance-action-btn,
.list-pagination-btn,
.form-modal-footer .btn-primary,
.form-modal-footer .btn-ghost,
.form-modal-footer .btn-secondary,
button[type="submit"].btn-primary,
button[type="submit"].sec-pill-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ios-btn-radius);
  font-family: inherit;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  padding: var(--ios-btn-py) var(--ios-btn-px);
  font-size: var(--ios-btn-font);
  line-height: var(--ios-btn-lh);
  min-height: 0;
  transition:
    transform 0.2s var(--ios-spring),
    box-shadow 0.2s ease,
    filter 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

/* 主色 pill：蓝色纵向渐变 + 顶部内高光 + 底部内阴影 + 外投影 */
.btn-primary,
.sec-pill-btn--primary,
.leasing-action-btn.btn-primary,
.finance-action-btn,
button[type="submit"].btn-primary {
  background: var(--ios-btn-primary-face);
  color: var(--btn-text, #fff);
  border: 1px solid var(--ios-btn-primary-border);
  box-shadow: var(--ios-btn-primary-shadow);
}

.btn-primary:hover,
.sec-pill-btn--primary:hover,
.leasing-action-btn.btn-primary:hover,
.finance-action-btn:not(:disabled):hover,
button[type="submit"].btn-primary:hover,
button[type="submit"].sec-pill-btn--primary:hover {
  filter: brightness(0.95);
  transform: translateY(var(--ios-btn-sink-y)) scale(var(--ios-btn-sink-scale));
  box-shadow: var(--ios-btn-primary-shadow-hover);
}

.btn-primary:active,
.sec-pill-btn--primary:active,
.leasing-action-btn.btn-primary:active,
.finance-action-btn:not(:disabled):active,
button[type="submit"].btn-primary:active,
button[type="submit"].sec-pill-btn--primary:active {
  filter: brightness(0.92);
  transform: translateY(calc(var(--ios-btn-sink-y) + 1px)) scale(0.97);
  box-shadow: var(--ios-btn-primary-shadow-active);
  transition-duration: 0.1s;
}

/* 次要 pill：同结构浅色 glossy */
.btn-ghost,
.btn-secondary,
.sec-pill-btn--secondary,
.list-pagination-btn {
  background: var(--ios-btn-neutral-face);
  color: var(--text);
  border: 1px solid var(--border);
  box-shadow: var(--ios-btn-neutral-shadow);
}

.btn-ghost:hover,
.btn-secondary:hover,
.sec-pill-btn--secondary:hover,
.list-pagination-btn:hover:not(:disabled) {
  filter: brightness(0.97);
  transform: translateY(var(--ios-btn-sink-y)) scale(var(--ios-btn-sink-scale));
  border-color: color-mix(in srgb, var(--primary) 42%, var(--border));
  color: var(--primary-hover);
  box-shadow: var(--ios-btn-neutral-shadow-hover);
}

.btn-ghost:active,
.btn-secondary:active,
.sec-pill-btn--secondary:active,
.list-pagination-btn:active:not(:disabled) {
  filter: brightness(0.94);
  transform: translateY(calc(var(--ios-btn-sink-y) + 1px)) scale(0.97);
  box-shadow: var(--ios-btn-neutral-shadow-active);
  transition-duration: 0.1s;
}

/* 覆盖 app.css 中财务格内按钮的扁平样式 */
.finance-period-cell-actions .finance-action-btn {
  padding: var(--ios-btn-py) 0.3rem;
  font-size: var(--ios-btn-font);
  line-height: var(--ios-btn-lh);
  min-height: 0;
  background: var(--ios-btn-primary-face);
  color: var(--btn-text, #fff);
  border: 1px solid var(--ios-btn-primary-border);
  box-shadow: var(--ios-btn-primary-shadow);
}

.finance-period-cell-actions .finance-action-btn:not(:disabled):hover {
  filter: brightness(0.95);
  transform: translateY(var(--ios-btn-sink-y)) scale(var(--ios-btn-sink-scale));
  border-color: var(--ios-btn-primary-border);
  color: var(--btn-text, #fff);
  background: var(--ios-btn-primary-face);
  box-shadow: var(--ios-btn-primary-shadow-hover);
}

.finance-period-cell-actions .finance-action-btn:disabled {
  filter: grayscale(0.25) opacity(0.55);
  cursor: not-allowed;
  transform: none;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 20%, transparent),
    0 2px 6px color-mix(in srgb, rgb(var(--primary-rgb)) 18%, transparent);
}

#form-modal .form-modal-submit:disabled,
.btn-primary:disabled,
.btn-secondary:disabled,
.sec-pill-btn--primary:disabled,
.finance-action-btn:disabled,
.leasing-action-btn:disabled {
  transform: none;
  filter: grayscale(0.25) opacity(0.72);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 15%, transparent),
    0 2px 6px color-mix(in srgb, rgb(var(--primary-rgb)) 15%, transparent);
  cursor: not-allowed;
}

/* 覆盖 app.css 中偏高的按钮 padding / min-height */
.form-modal-footer .btn-primary,
.form-modal-footer .btn-ghost,
.form-modal-footer .btn-secondary,
.page-toolbar.park-toolbar .btn-primary,
.page-toolbar.park-toolbar .btn-ghost,
.park-page-head .btn-primary,
.park-page-head .btn-ghost,
.form-modal-footer--triple .btn-primary,
.form-modal-footer--triple .btn-ghost,
.form-modal-footer--triple .btn-secondary {
  padding: var(--ios-btn-py) var(--ios-btn-px);
  font-size: var(--ios-btn-font);
  line-height: var(--ios-btn-lh);
  min-height: 0;
}

/* 侧栏格内按钮：同高度、略窄左右内边距 */
.leasing-action-list .leasing-action-btn {
  padding: var(--ios-btn-py) 0.35rem;
}

.leasing-read-btn {
  padding: var(--ios-btn-py) 0.75rem;
  font-size: var(--ios-btn-font);
  line-height: var(--ios-btn-lh);
}

/* —— 链接（A 标签）：全主题悬停放大 + 提亮 —— */
a {
  color: var(--primary);
  text-decoration: none;
  transition:
    transform 0.24s var(--ios-spring),
    filter 0.24s ease,
    color 0.2s ease;
  transform-origin: center center;
}

a:hover {
  color: var(--primary-hover);
  filter: brightness(1.22);
  transform: scale(1.08);
}

a:active {
  filter: brightness(1.1);
  transform: scale(0.97);
  transition-duration: 0.1s;
}

/* 内联文字链接需 inline-block 才能缩放 */
a:not(.btn-primary):not(.btn-ghost):not(.btn-secondary):not(.sec-pill-btn):not(.nav-item):not(.nav-subitem) {
  display: inline-block;
}

/* 药丸/按钮式链接：叠加 3D 感 */
a.sec-pill-btn,
a.btn-primary,
a.btn-ghost,
a.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

a.sec-pill-btn:hover,
a.btn-primary:hover,
a.btn-ghost:hover,
a.btn-secondary:hover {
  filter: brightness(0.95);
  transform: translateY(var(--ios-btn-sink-y)) scale(var(--ios-btn-sink-scale));
}

a.sec-pill-btn:active,
a.btn-primary:active,
a.btn-ghost:active,
a.btn-secondary:active {
  filter: brightness(0.92);
  transform: translateY(calc(var(--ios-btn-sink-y) + 1px)) scale(0.97);
}

/* 导航链接：略小幅度，避免侧栏抖动 */
a.nav-item:hover,
a.nav-subitem:hover {
  filter: brightness(1.15);
  transform: scale(1.03);
}

/* 关闭按钮悬停同时提亮 */
.form-modal-close:hover,
.doc-mgmt-var-picker-close:hover {
  filter: brightness(1.2);
}

/* —— 全局 iOS 26.5 玻璃背景与布局 —— */
body {
  background:
    radial-gradient(ellipse 110% 75% at 8% -8%, color-mix(in srgb, rgb(var(--primary-rgb)) 14%, transparent), transparent 58%),
    radial-gradient(ellipse 85% 65% at 98% 105%, color-mix(in srgb, rgb(var(--accent-rgb)) 10%, transparent), transparent 52%),
    var(--bg);
}

.sidebar {
  background: color-mix(in srgb, var(--ios-glass-surface-strong) 92%, transparent);
  backdrop-filter: blur(var(--ios-blur)) saturate(175%);
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(175%);
  border-right-color: var(--ios-glass-border);
  box-shadow: inset -1px 0 0 var(--ios-glass-highlight);
}

.sidebar-brand {
  background: color-mix(in srgb, var(--surface2) 38%, transparent);
  border-bottom-color: var(--ios-glass-border);
}

.topbar {
  background: color-mix(in srgb, var(--ios-glass-surface) 90%, transparent);
  backdrop-filter: blur(18px) saturate(165%);
  -webkit-backdrop-filter: blur(18px) saturate(165%);
  border-bottom-color: var(--ios-glass-border);
  box-shadow: inset 0 1px 0 var(--ios-glass-highlight);
}

.content {
  background: color-mix(in srgb, var(--bg) 94%, transparent);
}

.card,
.stat-card,
.leasing-form-section,
.leasing-occupant-card,
.leasing-collection-summary,
.password-policy-hint {
  background: var(--ios-glass-surface);
  backdrop-filter: blur(14px) saturate(165%);
  -webkit-backdrop-filter: blur(14px) saturate(165%);
  border-color: var(--ios-glass-border);
  box-shadow:
    inset 0 1px 0 var(--ios-glass-highlight),
    0 8px 28px color-mix(in srgb, var(--bg) 28%, transparent);
}

.card-header {
  background: color-mix(in srgb, var(--surface2) 32%, transparent);
  border-bottom-color: var(--ios-glass-border);
}

.field input,
.field textarea,
.field select,
.captcha-img,
.theme-select,
.doc-mgmt-input[type="text"],
.setting-input select,
.setting-input input,
.leasing-form-grid input,
.leasing-form-grid select,
.leasing-form-grid textarea {
  background: color-mix(in srgb, var(--surface2) 78%, transparent);
  border-color: var(--ios-glass-border);
  box-shadow: inset 0 1px 2px color-mix(in srgb, var(--bg) 22%, transparent);
  transition:
    border-color var(--ios-dur-fast) ease,
    box-shadow var(--ios-dur-fast) ease,
    background var(--ios-dur-fast) ease;
}

.field input:focus,
.field textarea:focus,
.field select:focus,
.theme-select:focus,
.doc-mgmt-input[type="text"]:focus {
  border-color: color-mix(in srgb, var(--primary) 55%, var(--border));
  box-shadow:
    inset 0 1px 2px color-mix(in srgb, var(--bg) 18%, transparent),
    0 0 0 3px var(--focus-ring);
}

.login-card {
  background: color-mix(in srgb, var(--ios-glass-surface-strong) 88%, transparent);
  backdrop-filter: blur(var(--ios-blur-strong)) saturate(190%);
  -webkit-backdrop-filter: blur(var(--ios-blur-strong)) saturate(190%);
  border-color: var(--ios-glass-border);
  box-shadow:
    inset 0 1px 0 var(--ios-glass-highlight),
    0 28px 64px color-mix(in srgb, var(--bg) 55%, transparent);
}

.login-tabs {
  background: color-mix(in srgb, var(--surface2) 65%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.login-tab.active {
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  box-shadow:
    inset 0 1px 0 var(--ios-glass-highlight),
    0 2px 8px color-mix(in srgb, var(--bg) 22%, transparent);
}

.nav-group.expanded .nav-group-body {
  background: color-mix(in srgb, var(--ios-glass-surface) 88%, transparent);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
}

.nav-subgroup.expanded .nav-subgroup-body {
  background: color-mix(in srgb, var(--ios-glass-surface) 72%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.finance-area-combo-dropdown,
.app-dropdown-panel,
.app-animated-dropdown {
  background: var(--ios-glass-surface-strong);
  backdrop-filter: blur(var(--ios-blur)) saturate(180%);
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(180%);
  border-color: var(--ios-glass-border);
  box-shadow:
    inset 0 1px 0 var(--ios-glass-highlight),
    0 12px 32px color-mix(in srgb, var(--bg) 38%, transparent);
  transition:
    max-height 0.26s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.2s ease,
    transform 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}

.flatpickr-calendar {
  background: var(--ios-glass-surface-strong) !important;
  backdrop-filter: blur(var(--ios-blur)) saturate(175%);
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(175%);
  border-color: var(--ios-glass-border) !important;
}

.toast {
  background: var(--ios-glass-surface-strong);
  backdrop-filter: blur(var(--ios-blur)) saturate(180%);
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(180%);
  border-color: var(--ios-glass-border);
  box-shadow:
    inset 0 1px 0 var(--ios-glass-highlight),
    0 12px 36px color-mix(in srgb, var(--bg) 42%, transparent);
  animation: ios-toast-in 0.32s var(--ios-spring) both;
}

.toast.error {
  background: color-mix(in srgb, rgba(248, 113, 113, .28) 75%, var(--ios-glass-surface));
}

@keyframes ios-toast-in {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(14px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

/* —— 弹窗/对话框：打开与关闭微动画 —— */
@keyframes ios-overlay-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes ios-overlay-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes ios-panel-in {
  from {
    opacity: 0;
    transform: scale(0.94) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes ios-panel-out {
  from {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  to {
    opacity: 0;
    transform: scale(0.96) translateY(6px);
  }
}

.ios-overlay-panel {
  transform-origin: center center;
  will-change: transform, opacity;
}

.alert-modal:not(.hidden):not(.ios-overlay-closing),
.doc-mgmt-var-picker-overlay:not(.hidden):not(.ios-overlay-closing),
.doc-mgmt-upload-overlay:not(.hidden):not(.ios-overlay-closing),
.param-init-overlay:not(.hidden):not(.ios-overlay-closing),
.leasing-publish-upload-overlay:not(.hidden):not(.ios-overlay-closing),
.app-loading-overlay--fullscreen:not(.hidden):not(.ios-overlay-closing) {
  animation: ios-overlay-in var(--ios-dur-overlay) var(--ios-ease-out) both;
}

.alert-modal:not(.hidden):not(.ios-overlay-closing) > .form-modal-box,
.alert-modal:not(.hidden):not(.ios-overlay-closing) > .alert-box,
.doc-mgmt-var-picker-overlay:not(.hidden):not(.ios-overlay-closing) > .doc-mgmt-var-picker-dialog,
.doc-mgmt-upload-overlay:not(.hidden):not(.ios-overlay-closing) > .doc-mgmt-upload-overlay-card,
.param-init-overlay:not(.hidden):not(.ios-overlay-closing) > .param-init-overlay-panel,
.leasing-publish-upload-overlay:not(.hidden):not(.ios-overlay-closing) > .leasing-publish-upload-panel,
.app-loading-overlay:not(.app-loading-overlay--leaving) > .app-loading-spinner {
  animation: ios-panel-in var(--ios-dur-panel) var(--ios-spring) 0.03s both;
}

.alert-modal.ios-overlay-closing,
.doc-mgmt-var-picker-overlay.ios-overlay-closing,
.doc-mgmt-upload-overlay.ios-overlay-closing,
.param-init-overlay.ios-overlay-closing,
.leasing-publish-upload-overlay.ios-overlay-closing,
.app-loading-overlay--fullscreen.ios-overlay-closing {
  animation: ios-overlay-out var(--ios-dur-overlay) var(--ios-ease-in) both;
  pointer-events: none;
}

.alert-modal.ios-overlay-closing > .form-modal-box,
.alert-modal.ios-overlay-closing > .alert-box,
.doc-mgmt-var-picker-overlay.ios-overlay-closing > .doc-mgmt-var-picker-dialog,
.doc-mgmt-upload-overlay.ios-overlay-closing > .doc-mgmt-upload-overlay-card,
.param-init-overlay.ios-overlay-closing > .param-init-overlay-panel,
.leasing-publish-upload-overlay.ios-overlay-closing > .leasing-publish-upload-panel,
.app-loading-overlay--leaving > .app-loading-spinner {
  animation: ios-panel-out calc(var(--ios-dur-panel) - 0.04s) var(--ios-ease-in) both;
}

.form-modal-loading-overlay {
  backdrop-filter: blur(var(--ios-blur)) saturate(175%);
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(175%);
  animation: ios-overlay-in 0.2s var(--ios-ease-out) both;
}

.form-modal-loading-overlay .app-loading-spinner {
  animation: ios-panel-in 0.24s var(--ios-spring) both;
}

.leasing-publish-upload-panel {
  background: var(--ios-glass-surface);
  backdrop-filter: blur(var(--ios-blur-strong)) saturate(195%);
  -webkit-backdrop-filter: blur(var(--ios-blur-strong)) saturate(195%);
  border-color: var(--ios-glass-border);
  box-shadow:
    inset 0 1px 0 var(--ios-glass-highlight),
    0 28px 64px color-mix(in srgb, var(--bg) 58%, transparent);
}

/* —— 全局响应加速：缩短过渡时长 —— */
.nav-group-body,
.nav-subgroup-body {
  transition-duration: 0.28s !important;
}

.nav-item,
.nav-group-head,
.nav-subgroup-head {
  transition-duration: 0.18s !important;
}

.btn-primary,
.btn-ghost,
.btn-secondary,
.sec-pill-btn {
  transition-duration: 0.18s !important;
}

@media (max-width: 768px) {
  :root,
  [data-theme] {
    --ios-blur: 16px;
    --ios-blur-strong: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .alert-modal,
  .doc-mgmt-var-picker-overlay,
  .doc-mgmt-upload-overlay,
  .param-init-overlay,
  .leasing-publish-upload-overlay,
  .app-loading-overlay--fullscreen,
  .form-modal-loading-overlay,
  .toast {
    animation: none !important;
  }
  .form-modal-close,
  .doc-mgmt-var-picker-close,
  .btn-primary,
  .btn-ghost,
  .btn-secondary,
  .sec-pill-btn,
  .leasing-action-btn,
  .finance-action-btn,
  .list-pagination-btn,
  a {
    transition: none;
  }
  .form-modal-close:hover,
  .doc-mgmt-var-picker-close:hover,
  .btn-primary:hover,
  .btn-ghost:hover,
  .btn-secondary:hover,
  .sec-pill-btn:hover,
  .leasing-action-btn:hover,
  .finance-action-btn:hover,
  .list-pagination-btn:hover,
  a:hover,
  a:active {
    transform: none;
    filter: none;
  }
}