/* =============================================
   style_ios26.css — 全站 iOS 26 视觉风格
   完整覆盖：登录页 → 首页 → 通讯录 → 消息 → 
   DeepSeek → 日报 → 公告 → 管理后台 → 弹窗
   纯 CSS 改造，不修改 HTML 结构，不丢数据
   ============================================= */

/* ===== 1. 全局基础 ===== */

:root {
  --ios-navy: #0D1730;
  --ios-navy-mid: #1F3159;
  --ios-navy-light: #2A3F6E;
  --ios-gold: #C5A55A;
  --ios-gold-light: #D4B96A;
  --ios-glass: rgba(255,255,255,0.78);
  --ios-glass-heavy: rgba(255,255,255,0.92);
  --ios-glass-dark: rgba(255,255,255,0.12);
  --ios-border: rgba(255,255,255,0.7);
  --ios-border-dark: rgba(255,255,255,0.15);
  --ios-blur: 24px;
  --ios-radius: 14px;
  --ios-radius-lg: 20px;
  --ios-shadow: 0 1px 3px rgba(0,0,0,0.04);
  --ios-shadow-hover: 0 4px 20px rgba(0,0,0,0.06);
  --ios-shadow-modal: 0 -4px 30px rgba(0,0,0,0.1);
  --ios-ink: #1A1D33;
  --ios-ink-soft: #5A5E78;
  --ios-ink-light: #8E92A8;
  --ios-line: rgba(60,60,67,0.08);
}

/* 背景微纹理 */
body {
  background: #F5F3F0 !important;
  position: relative !important;
}

body::before {
  content: '' !important;
  position: fixed !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  background:
    radial-gradient(ellipse at 20% 10%, rgba(197,165,90,0.03) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 90%, rgba(22,38,76,0.03) 0%, transparent 50%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* ===== 2. 登录页 — iOS 26 深色磨砂 ===== */

.login-screen {
  background: linear-gradient(160deg, #0D1730 0%, #16264C 40%, #1F3159 70%, #2A3F6E 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}

.login-screen::before {
  content: '' !important;
  position: absolute !important;
  top: -30% !important; left: -20% !important;
  width: 140% !important; height: 140% !important;
  background:
    radial-gradient(ellipse at 30% 40%, rgba(197,165,90,0.08) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 60%, rgba(197,165,90,0.05) 0%, transparent 50%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.login-logo { position: relative !important; z-index: 1 !important; margin-bottom: 48px !important; }
.login-logo img { filter: drop-shadow(0 2px 8px rgba(0,0,0,0.2)) !important; }
.login-logo p { color: rgba(255,255,255,0.5) !important; letter-spacing: 2px !important; font-weight: 400 !important; font-size: 13px !important; }

.login-box {
  background: rgba(255,255,255,0.12) !important;
  backdrop-filter: blur(40px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(40px) saturate(1.4) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2) !important;
  padding: 32px 24px !important;
  max-width: 380px !important;
  position: relative !important;
  z-index: 1 !important;
}

.login-box h2 { font-size: 22px !important; font-weight: 700 !important; color: #fff !important; text-align: center !important; margin-bottom: 8px !important; }

.login-box input[type="text"],
.login-box input[type="password"],
#loginUser, #loginPwd {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 14px !important;
  color: #fff !important;
  font-size: 15px !important;
  padding: 14px 14px 14px 42px !important;
  width: 100% !important;
  outline: none !important;
  transition: .2s !important;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", Roboto, sans-serif !important;
  box-sizing: border-box !important;
  margin-bottom: 12px !important;
}
.login-box input::placeholder { color: rgba(255,255,255,0.35) !important; }
.login-box input:focus {
  border-color: #C5A55A !important;
  background: rgba(255,255,255,0.12) !important;
  box-shadow: 0 0 0 3px rgba(197,165,90,0.15) !important;
}

.login-box button[onclick*="doLogin"],
.login-box button[onclick*="login"] {
  width: 100% !important;
  padding: 14px !important;
  border-radius: 14px !important;
  border: none !important;
  background: #C5A55A !important;
  color: #0D1730 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", Roboto, sans-serif !important;
  box-shadow: 0 4px 16px rgba(197,165,90,0.3) !important;
  transition: .2s !important;
}
.login-box button[onclick*="doLogin"]:hover,
.login-box button[onclick*="login"]:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(197,165,90,0.4) !important;
}
.login-box button[onclick*="doLogin"]:active,
.login-box button[onclick*="login"]:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(197,165,90,0.3) !important;
}

/* 登录用户列表 — 玻璃卡片 */
.login-user-list { gap: 10px !important; }
.login-user-item {
  background: rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  padding: 14px 16px !important;
  transition: .2s !important;
}
.login-user-item:hover {
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(197,165,90,0.4) !important;
  transform: translateY(-1px) !important;
}
.login-user-item .avatar {
  background: linear-gradient(135deg, #C5A55A, #D4B96A) !important;
  color: #0D1730 !important;
  font-weight: 700 !important;
}
.login-user-item .name { color: #fff !important; font-size: 15px !important; }
.login-user-item .role-tag { background: rgba(197,165,90,0.2) !important; color: #C5A55A !important; }
.login-user-item .dept { color: rgba(255,255,255,0.5) !important; }
.login-user-item .badge-admin { background: #C5A55A !important; color: #0D1730 !important; }
#loginMatch { display: none !important; }

/* ===== 3. Header — 毛玻璃导航栏 ===== */

.header {
  background: rgba(22,38,76,0.88) !important;
  backdrop-filter: blur(20px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.2) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  height: 56px !important;
}
.header-logo img { filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)) !important; }
.header-btn {
  background: rgba(255,255,255,0.1) !important;
  border-radius: 50% !important;
  width: 34px !important; height: 34px !important;
  padding: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 16px !important; color: rgba(255,255,255,0.8) !important;
}
.header-btn:hover { background: rgba(255,255,255,0.18) !important; }
.header-btn:disabled { opacity: 0.5 !important; background: rgba(255,255,255,0.05) !important; color: rgba(255,255,255,0.3) !important; }
.header-bell {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}
.header-avatar {
  border: 1.5px solid rgba(255,255,255,0.2) !important;
  background: linear-gradient(135deg, #C5A55A, #D4B96A) !important;
  color: #0D1730 !important;
  width: 32px !important; height: 32px !important;
  font-size: 12px !important;
}

/* ===== 4. 品牌区 — 毛玻璃 Hero ===== */

.brand-gate {
  background: linear-gradient(145deg, rgba(13,23,48,0.95), rgba(31,49,89,0.9)) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important;
  position: relative !important;
  overflow: hidden !important;
}
.brand-gate::before {
  content: '' !important;
  position: absolute !important;
  top: -50% !important; right: -30% !important;
  width: 80% !important; height: 80% !important;
  background: radial-gradient(ellipse, rgba(197,165,90,0.08), transparent) !important;
  pointer-events: none !important;
}
.brand-gate .gate-logo img { filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)) !important; }
.brand-gate h1 { font-size: 20px !important; font-weight: 700 !important; color: #fff !important; margin-bottom: 2px !important; }
.brand-gate p { color: rgba(255,255,255,0.45) !important; font-size: 12px !important; letter-spacing: 1.5px !important; }

/* ===== 5. 快捷入口 — iOS Widget 风格 ===== */

.quick-entry { gap: 10px !important; }
.quick-entry .item {
  background: var(--ios-glass) !important;
  backdrop-filter: blur(var(--ios-blur)) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(1.4) !important;
  border-radius: var(--ios-radius) !important;
  box-shadow: var(--ios-shadow) !important;
  border: 1px solid var(--ios-border) !important;
  padding: 16px 8px !important;
  transition: .25s !important;
}
.quick-entry .item:hover {
  box-shadow: var(--ios-shadow-hover) !important;
  transform: translateY(-2px) !important;
}
.quick-entry .item .icon { font-size: 26px !important; }
.quick-entry .item:active { transform: scale(0.96) !important; }

/* ===== 6. 指标卡片 — iOS Widget 大号数字 ===== */

.metrics-grid { gap: 10px !important; }
.metric-card {
  background: var(--ios-glass) !important;
  backdrop-filter: blur(var(--ios-blur)) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(1.4) !important;
  border-radius: var(--ios-radius) !important;
  box-shadow: var(--ios-shadow) !important;
  border: 1px solid var(--ios-border) !important;
  padding: 18px 16px !important;
  transition: .25s !important;
}
.metric-card:hover {
  box-shadow: var(--ios-shadow-hover) !important;
  transform: translateY(-2px) !important;
}
.metric-card .value {
  font-size: 32px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #16264C, #2A3F6E) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  line-height: 1.1 !important;
}
.metric-card .label {
  font-size: 12px !important;
  color: var(--ios-ink-light) !important;
  margin-top: 6px !important;
  font-weight: 500 !important;
}

/* ===== 7. 生日墙 ===== */

.birthday-wall { gap: 8px !important; }
.birthday-item {
  background: var(--ios-glass) !important;
  backdrop-filter: blur(var(--ios-blur)) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(1.4) !important;
  border-radius: var(--ios-radius) !important;
  box-shadow: var(--ios-shadow) !important;
  border: 1px solid var(--ios-border) !important;
  padding: 12px 6px !important;
  transition: .2s !important;
}
.birthday-item:hover {
  box-shadow: var(--ios-shadow-hover) !important;
  transform: translateY(-1px) !important;
}
.birthday-item .day {
  font-size: 18px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #C5A55A, #D4B96A) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.birthday-item .name { font-size: 12px !important; font-weight: 500 !important; margin-top: 3px !important; }

/* ===== 8. 底部 Tab 栏 — 毛玻璃 ===== */

.bottom-tab {
  background: rgba(255,255,255,0.82) !important;
  backdrop-filter: blur(30px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(30px) saturate(1.4) !important;
  border-top: 1px solid rgba(60,60,67,0.08) !important;
  height: calc(50px + env(safe-area-inset-bottom, 0px)) !important;
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.tab-item .tab-icon { font-size: 22px !important; }
.tab-item.active .tab-icon {
  background: linear-gradient(135deg, #16264C, #2A3F6E) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.tab-item.active::after { display: none !important; }
.tab-item.active { color: #16264C !important; font-weight: 600 !important; }
.tab-badge {
  background: #E8501E !important;
  box-shadow: 0 2px 6px rgba(232,80,30,0.3) !important;
}

/* ===== 9. 卡片通用 — 毛玻璃 ===== */

.card {
  background: var(--ios-glass) !important;
  backdrop-filter: blur(var(--ios-blur)) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(1.4) !important;
  border-radius: var(--ios-radius) !important;
  box-shadow: var(--ios-shadow) !important;
  border: 1px solid var(--ios-border) !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
}
.card-title { font-size: 14px !important; font-weight: 600 !important; color: var(--ios-ink) !important; margin-bottom: 12px !important; }

/* ===== 10. 弹窗 — iOS Sheet 风格 ===== */

.modal-overlay {
  align-items: flex-end !important;
  background: rgba(0,0,0,0.3) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
.modal-content {
  border-radius: 20px 20px 0 0 !important;
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(30px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(30px) saturate(1.4) !important;
  border-top: 1px solid rgba(255,255,255,0.8) !important;
  box-shadow: var(--ios-shadow-modal) !important;
  padding: 0 20px 24px !important;
}
.modal-handle {
  width: 36px !important; height: 5px !important;
  border-radius: 3px !important;
  background: rgba(60,60,67,0.15) !important;
  margin: 8px auto 16px !important;
}
.modal-title { font-size: 18px !important; font-weight: 700 !important; margin-bottom: 16px !important; color: var(--ios-ink) !important; }
.modal-title-bar { margin-bottom: 4px !important; }
.modal-close-btn { font-size: 22px !important; color: var(--ios-ink-light) !important; }
.modal-field { margin-bottom: 12px !important; }
.modal-field label { font-size: 12px !important; color: var(--ios-ink-light) !important; }
.modal-field .value { font-size: 15px !important; color: var(--ios-ink) !important; }
.modal-actions { gap: 10px !important; margin-top: 16px !important; }
.modal-actions button {
  flex: 1 !important; padding: 12px !important;
  border-radius: var(--ios-radius) !important;
  font-size: 14px !important; font-weight: 600 !important;
  cursor: pointer !important; font-family: var(--font) !important;
  transition: .2s !important;
}

/* ===== 11. 通讯录 — iOS 分组表风格 ===== */

.contacts-item {
  background: var(--ios-glass) !important;
  backdrop-filter: blur(var(--ios-blur)) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(var(--ios-blur)) saturate(1.4) !important;
  border-radius: var(--ios-radius) !important;
  box-shadow: var(--ios-shadow) !important;
  border: 1px solid var(--ios-border) !important;
  margin-bottom: 8px !important;
  padding: 14px !important;
  transition: .2s !important;
}
.contacts-item:hover {
  box-shadow: var(--ios-shadow-hover) !important;
  transform: translateY(-1px) !important;
}
.contacts-item .avatar {
  background: linear-gradient(135deg, #16264C, #2A3F6E) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}
.contacts-item .name { font-size: 15px !important; font-weight: 600 !important; }
.contacts-search, .contacts-filter {
  border-radius: var(--ios-radius) !important;
  background: var(--ios-glass) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid var(--ios-border) !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
}

/* ===== 12. 消息列表 + 详情 ===== */

.msg-page {
  border-radius: var(--ios-radius) !important;
  background: var(--ios-glass-heavy) !important;
  backdrop-filter: blur(20px) !important;
}
.msg-list-header { font-size: 17px !important; font-weight: 700 !important; color: var(--ios-navy) !important; padding: 14px 16px !important; }
.msg-detail-header { padding: 10px 14px !important; }
.msg-back-btn { font-size: 20px !important; color: var(--ios-navy) !important; }
.msg-detail-title { font-size: 15px !important; font-weight: 600 !important; color: var(--ios-navy) !important; }
.msg-input-area {
  background: var(--ios-glass) !important;
  backdrop-filter: blur(20px) !important;
  padding: 8px 12px !important;
  border-top: 1px solid var(--ios-line) !important;
}
.msg-input-area input {
  border-radius: 12px !important;
  background: rgba(60,60,67,0.06) !important;
  border: 1px solid transparent !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
}
.msg-input-area input:focus {
  border-color: #C5A55A !important;
  box-shadow: 0 0 0 3px rgba(197,165,90,0.15) !important;
}
.msg-input-area button {
  border-radius: 12px !important;
  background: var(--ios-navy) !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
}

/* 会话列表 */
.conv-item {
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--ios-line) !important;
  transition: .15s !important;
}
.conv-item:hover { background: rgba(22,38,76,0.03) !important; }
.conv-item.active {
  background: rgba(22,38,76,0.05) !important;
  box-shadow: inset 3px 0 0 var(--ios-gold) !important;
}
.conv-avatar {
  background: linear-gradient(135deg, var(--ios-navy-mid), var(--ios-navy-light)) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}
.conv-avatar.sys { background: linear-gradient(135deg, var(--ios-gold), var(--ios-gold-light)) !important; }
.conv-name { font-size: 14px !important; font-weight: 600 !important; }
.conv-preview { font-size: 12px !important; color: var(--ios-ink-light) !important; }
.conv-badge { background: #E8501E !important; box-shadow: 0 2px 6px rgba(232,80,30,0.3) !important; }

/* 消息气泡 */
.msg-bubble-text {
  border-radius: 12px !important;
  padding: 8px 14px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  background: rgba(60,60,67,0.06) !important;
}
.msg-bubble-text.mine {
  background: var(--ios-navy) !important;
  border-radius: 12px 12px 4px 12px !important;
}
.msg-bubble-text:not(.mine) {
  border-radius: 12px 12px 12px 4px !important;
}
.msg-bubble-avatar {
  background: linear-gradient(135deg, var(--ios-navy-mid), var(--ios-navy-light)) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}
.msg-bubble-avatar.me { background: linear-gradient(135deg, var(--ios-gold), var(--ios-gold-light)) !important; }
.msg-bubble-name { font-size: 12px !important; font-weight: 600 !important; }
.msg-bubble-time { font-size: 10px !important; color: var(--ios-ink-light) !important; }
.msg-contact-btn {
  border-radius: var(--ios-radius) !important;
  background: var(--ios-navy) !important;
  padding: 12px !important;
  font-weight: 600 !important;
}

/* ===== 13. DeepSeek 聊天 ===== */

.deepseek-chat { height: calc(100vh - 56px - 64px - 80px) !important; }
.deepseek-msg .avatar.user {
  background: linear-gradient(135deg, var(--ios-gold), var(--ios-gold-light)) !important;
  color: var(--ios-navy) !important;
}
.deepseek-msg .avatar.ai {
  background: linear-gradient(135deg, var(--ios-navy), var(--ios-navy-light)) !important;
}
.deepseek-msg .bubble {
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.deepseek-msg .bubble.user {
  background: var(--ios-navy) !important;
  border-radius: 12px 12px 4px 12px !important;
}
.deepseek-msg .bubble.ai {
  background: var(--ios-glass) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: var(--ios-shadow) !important;
  border: 1px solid var(--ios-border) !important;
  border-radius: 12px 12px 12px 4px !important;
}
.deepseek-input { gap: 8px !important; padding: 8px 0 !important; }
.deepseek-input input {
  border-radius: 12px !important;
  background: var(--ios-glass) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid var(--ios-border) !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
}
.deepseek-input input:focus {
  border-color: #C5A55A !important;
  box-shadow: 0 0 0 3px rgba(197,165,90,0.15) !important;
}
.deepseek-input button {
  border-radius: 12px !important;
  background: var(--ios-navy) !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
}

/* ===== 14. 管理员导航 + 表单 ===== */

.admin-nav { gap: 8px !important; margin-bottom: 16px !important; }
.admin-nav button {
  border-radius: 20px !important;
  padding: 8px 20px !important;
  background: var(--ios-glass) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid var(--ios-border) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: .2s !important;
}
.admin-nav button:hover {
  background: rgba(22,38,76,0.06) !important;
}
.admin-nav button.active {
  background: var(--ios-navy) !important;
  border-color: var(--ios-navy) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(22,38,76,0.2) !important;
}

.admin-form { gap: 12px !important; }
.admin-form input, .admin-form textarea, .admin-form select {
  border-radius: 12px !important;
  background: var(--ios-glass) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid var(--ios-border) !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  transition: .2s !important;
}
.admin-form input:focus, .admin-form textarea:focus, .admin-form select:focus {
  border-color: #C5A55A !important;
  box-shadow: 0 0 0 3px rgba(197,165,90,0.15) !important;
}
.admin-form textarea { min-height: 80px !important; border-radius: 12px !important; }
.admin-form button {
  border-radius: 12px !important;
  background: var(--ios-navy) !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
}

.admin-item {
  background: var(--ios-glass) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 12px !important;
  box-shadow: var(--ios-shadow) !important;
  border: 1px solid var(--ios-border) !important;
  padding: 12px 16px !important;
  margin-bottom: 8px !important;
}
.admin-item .title { font-size: 14px !important; font-weight: 600 !important; }
.admin-item .meta { font-size: 11px !important; color: var(--ios-ink-light) !important; }
.admin-item .del-btn {
  border-radius: 8px !important;
  background: rgba(232,80,30,0.1) !important;
  color: #E8501E !important;
  padding: 6px 12px !important;
  font-weight: 600 !important;
}

/* ===== 15. 评论列表 ===== */

.comment-item { padding: 10px 0 !important; }
.comment-item .avatar {
  background: linear-gradient(135deg, var(--ios-navy-mid), var(--ios-navy-light)) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}
.comment-item .name { font-size: 13px !important; font-weight: 600 !important; }
.comment-item .text { font-size: 14px !important; line-height: 1.6 !important; color: var(--ios-ink-soft) !important; }
.comment-input input {
  border-radius: 12px !important;
  background: rgba(60,60,67,0.06) !important;
  border: 1px solid transparent !important;
  padding: 10px 14px !important;
}
.comment-input input:focus {
  border-color: #C5A55A !important;
  box-shadow: 0 0 0 3px rgba(197,165,90,0.15) !important;
}
.comment-input button {
  border-radius: 12px !important;
  background: var(--ios-navy) !important;
  font-weight: 600 !important;
}

/* ===== 16. 按钮统一 ===== */

.btn-primary {
  background: var(--ios-navy) !important;
  border-radius: 12px !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  transition: .2s !important;
  box-shadow: 0 2px 8px rgba(22,38,76,0.15) !important;
}
.btn-primary:hover {
  background: var(--ios-navy-mid) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(22,38,76,0.2) !important;
}
.btn-primary:active { transform: scale(0.97) !important; }

.btn-outline {
  background: var(--ios-glass) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid var(--ios-border) !important;
  border-radius: 12px !important;
  color: var(--ios-ink) !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  transition: .2s !important;
}
.btn-outline:hover {
  background: rgba(22,38,76,0.04) !important;
  border-color: var(--ios-ink-light) !important;
}

.btn-danger {
  background: #E8501E !important;
  border-radius: 12px !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(232,80,30,0.2) !important;
}

/* ===== 17. 全局文字微调 ===== */

.page-title h1 {
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  color: var(--ios-ink) !important;
}
.page-title .sub { font-size: 13px !important; color: var(--ios-ink-light) !important; }

.section-header h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px !important;
  color: var(--ios-ink) !important;
}
.section-header .more {
  color: var(--ios-gold) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

/* ===== 18. 金色强调色统一 ===== */

.login-user-item:hover { border-color: rgba(197,165,90,0.4) !important; }
.admin-item .badge-admin { background: var(--ios-gold) !important; color: var(--ios-navy) !important; }
.contacts-search:focus,
.comment-input input:focus,
.msg-input-area input:focus,
.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus {
  border-color: #C5A55A !important;
  box-shadow: 0 0 0 3px rgba(197,165,90,0.15) !important;
}

/* ===== 19. Toast 通知 ===== */

div[style*="position:fixed"][style*="bottom:80px"] {
  border-radius: 14px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
  bottom: 90px !important;
}

/* ===== 20. 新闻、活动、公告列表项 ===== */

.news-item, .activity-item, .announcement-item {
  background: var(--ios-glass) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 12px !important;
  border: 1px solid var(--ios-border) !important;
  padding: 12px 14px !important;
  margin-bottom: 8px !important;
  transition: .2s !important;
}
.news-item:hover, .activity-item:hover, .announcement-item:hover {
  box-shadow: var(--ios-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

/* ===== 21. 调试横幅 ===== */

.debug-banner {
  background: linear-gradient(135deg, var(--ios-gold), var(--ios-gold-light)) !important;
  height: 36px !important;
}
.debug-banner .btn-back {
  border-radius: 8px !important;
  background: var(--ios-navy) !important;
  color: var(--ios-gold) !important;
  font-weight: 600 !important;
}

/* ===== 22. 空状态 ===== */

.empty-state .icon { font-size: 48px !important; margin-bottom: 12px !important; opacity: 0.6 !important; }
.empty-state p { font-size: 14px !important; color: var(--ios-ink-light) !important; }

/* ===== 23. 滚动条 ===== */

::-webkit-scrollbar { width: 4px !important; }
::-webkit-scrollbar-track { background: transparent !important; }
::-webkit-scrollbar-thumb {
  background: rgba(60,60,67,0.15) !important;
  border-radius: 2px !important;
}

/* ===== 24. 表格风格 ===== */

table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
}
table th {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--ios-ink-light) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--ios-line) !important;
}
table td {
  padding: 10px 12px !important;
  font-size: 14px !important;
  border-bottom: 1px solid var(--ios-line) !important;
  color: var(--ios-ink) !important;
}
table tr:last-child td { border-bottom: none !important; }

/* ===== 25. 日报/周报表单字段 ===== */

input[type="number"], input[type="text"], input[type="tel"], input[type="date"], textarea, select {
  border-radius: 12px !important;
  background: var(--ios-glass) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid var(--ios-border) !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  transition: .2s !important;
  outline: none !important;
}
input:focus, textarea:focus, select:focus {
  border-color: #C5A55A !important;
  box-shadow: 0 0 0 3px rgba(197,165,90,0.15) !important;
}

/* ===== 26. 响应式适配 ===== */

@media (max-width: 640px) {
  .login-box { padding: 24px 20px !important; }
  .login-box h2 { font-size: 20px !important; }
  .login-box input[type="text"], .login-box input[type="password"],
  #loginUser, #loginPwd { padding: 12px 12px 12px 38px !important; font-size: 14px !important; }
  .login-box button[onclick*="doLogin"], .login-box button[onclick*="login"] { padding: 12px !important; font-size: 15px !important; }

  .metric-card { padding: 14px 12px !important; }
  .metric-card .value { font-size: 26px !important; }

  .brand-gate { padding: 20px 16px !important; }
  .brand-gate h1 { font-size: 18px !important; }

  .quick-entry .item { padding: 12px 6px !important; font-size: 11px !important; }
  .quick-entry .item .icon { font-size: 22px !important; }

  .page-title h1 { font-size: 20px !important; }
  .section-header h2 { font-size: 18px !important; }

  .header { height: 52px !important; padding: 0 12px !important; }
  .header-logo { height: 24px !important; }

  .modal-content { padding: 0 16px 20px !important; }
}

@media (min-width: 768px) {
  .quick-entry .item { padding: 20px 12px !important; }
  .quick-entry .item .icon { font-size: 28px !important; }
  .metric-card .value { font-size: 36px !important; }
}