:root {
  --fh-surface-light: rgba(255, 255, 255, 0.88);
  --fh-surface-strong-light: rgba(255, 255, 255, 0.96);
  --fh-border-light: rgba(148, 163, 184, 0.34);
  --fh-text-muted-light: #475569;
  --fh-text-soft-light: #64748b;
}

[data-theme="light"] .glass-card,
[data-theme="light"] .glass {
  background-color: var(--fh-surface-light);
  border-color: var(--fh-border-light);
}

[data-theme="light"] .input-glass {
  background-color: var(--fh-surface-strong-light);
  border-color: rgba(148, 163, 184, 0.42);
  color: #0f172a;
}

[data-theme="light"] .text-slate-400,
[data-theme="light"] .text-slate-500 {
  color: var(--fh-text-soft-light);
}

[data-theme="light"] .text-slate-600,
[data-theme="light"] .text-slate-700,
[data-theme="light"] .text-slate-800,
[data-theme="light"] .text-slate-900 {
  color: #0f172a;
}

[data-theme="light"] .glass-card,
[data-theme="light"] .glass-card p,
[data-theme="light"] .glass-card div,
[data-theme="light"] .glass-card span,
[data-theme="light"] .glass-card label,
[data-theme="light"] .glass-card small,
[data-theme="light"] .glass-card td,
[data-theme="light"] .glass-card th {
  color: inherit;
}

[data-theme="light"] .glass-card {
  color: #0f172a;
}

[data-theme="light"] .glass-card .text-slate-400,
[data-theme="light"] .glass-card .text-slate-500 {
  color: var(--fh-text-soft-light);
}

[data-theme="light"] .admin-tab {
  color: #475569;
  background-color: rgba(255, 255, 255, 0.78);
  border-color: rgba(148, 163, 184, 0.28);
}

[data-theme="light"] .admin-tab.active {
  color: #4f46e5;
  background-color: rgba(238, 242, 255, 0.96);
  border-color: rgba(99, 102, 241, 0.32);
}

[data-theme="light"] [data-admin-more-overlay] {
  background-color: rgba(15, 23, 42, 0.34);
}

[data-theme="light"] #adminMoreDrawer,
[data-theme="light"] nav[aria-label="移动端快捷导航"],
[data-theme="light"] .admin-mobile-topbar {
  background-color: var(--fh-surface-strong-light);
  border-color: var(--fh-border-light);
}

[data-theme="light"] nav[aria-label="移动端快捷导航"] a:not(.text-primary-500),
[data-theme="light"] nav[aria-label="移动端快捷导航"] button:not(.text-primary-500) {
  color: #64748b;
}

[data-theme="light"] #adminMoreDrawer a,
[data-theme="light"] #adminMoreDrawer button {
  color: #0f172a;
}

[data-theme="light"] #adminMoreDrawer form button {
  color: #dc2626;
}

[data-theme="light"] .btn-glass-outline {
  background-color: rgba(255, 255, 255, 0.72);
  border-color: rgba(99, 102, 241, 0.42);
  color: #4f46e5;
}

[data-theme="light"] body.public-body {
  color: #0f172a;
}

[data-theme="light"] body.public-body h1,
[data-theme="light"] body.public-body h2,
[data-theme="light"] body.public-body h3,
[data-theme="light"] body.public-body h4,
[data-theme="light"] body.public-body h5,
[data-theme="light"] body.public-body h6 {
  color: #0f172a;
}

[data-theme="light"] body.public-body p,
[data-theme="light"] body.public-body small,
[data-theme="light"] body.public-body label {
  color: #334155;
}

[data-theme="light"] .table-glass tbody td,
[data-theme="light"] .table-glass tbody th,
[data-theme="light"] .table-glass thead th {
  color: #334155;
}

[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
  color: #0f172a;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
  color: #64748b;
}

@media (max-width: 767px) {
  [data-theme="light"] .glass-card {
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08);
  }

  [data-theme="light"] .admin-main-content {
    background-color: #f8fafc;
  }
}

/* ============================================================
   移动端 H5 适配补丁（本地验证版，2026-10-09）
   修复：iOS 输入框聚焦缩放 / 触摸目标过小 / 吸底提交栏 / 安全区
   ============================================================ */

@media (max-width: 767px) {
  /* 1. iOS Safari：输入控件字号 <16px 时聚焦会自动放大页面，强制 16px */
  .input-glass,
  input[type="text"],
  input[type="tel"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="date"],
  input[type="password"],
  textarea,
  select {
    font-size: 16px !important;
  }

  /* 2. 放大 radio / checkbox 控件本体（16px → 20px） */
  input[type="radio"],
  input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    accent-color: #6366f1;
    flex-shrink: 0;
  }

  /* 2b. 选项标签升级为 44px 触摸友好的「芯片」样式 */
  label:has(> input[type="radio"]),
  label:has(> input[type="checkbox"]) {
    min-height: 44px;
    padding: 8px 16px;
    background-color: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(148, 163, 184, 0.38);
    border-radius: 12px;
    transition: border-color 0.15s ease, background-color 0.15s ease;
  }

  label:has(> input[type="radio"]:checked),
  label:has(> input[type="checkbox"]:checked) {
    border-color: #6366f1;
    background-color: rgba(99, 102, 241, 0.08);
  }

  [data-theme="dark"] label:has(> input[type="radio"]),
  [data-theme="dark"] label:has(> input[type="checkbox"]) {
    background-color: rgba(30, 41, 59, 0.72);
    border-color: rgba(71, 85, 105, 0.6);
  }

  [data-theme="dark"] label:has(> input[type="radio"]:checked),
  [data-theme="dark"] label:has(> input[type="checkbox"]:checked) {
    border-color: #818cf8;
    background-color: rgba(99, 102, 241, 0.18);
  }

  /* 3. 吸底提交栏：长表单滚动时提交按钮始终可见 */
  .m-submit-bar {
    position: sticky;
    bottom: max(8px, env(safe-area-inset-bottom, 0px));
    z-index: 30;
    margin-top: 16px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 16px;
    box-shadow: 0 -4px 24px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  [data-theme="dark"] .m-submit-bar {
    background-color: rgba(15, 23, 42, 0.88);
    border-color: rgba(51, 65, 85, 0.6);
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.3);
  }

  /* 4. 公开页预留 iPhone 底部安全区，防止内容被横条遮挡 */
  body.public-body {
    padding-bottom: max(8px, env(safe-area-inset-bottom, 0px));
  }
}