/* 后台专用样式（与前台 style-v38.css 叠加使用） */
.admin-header { background: #2b2b3a; color: #fff; }
.admin-header-inner { max-width: 1100px; margin: 0 auto; padding: 14px 20px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.admin-logo { color: #fff; font-weight: bold; font-size: 20px; text-decoration: none; margin-right: 12px; }
.admin-nav { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.admin-nav a { color: #ddd; text-decoration: none; }
.admin-nav a:hover { color: #fff; text-decoration: underline; }
.admin-main { max-width: 1100px; margin: 0 auto; padding: 24px 20px 60px; }
.admin-main h1 { font-size: 26px; margin: 0 0 16px; }
.admin-main h2 { font-size: 20px; margin: 28px 0 12px; }
.admin-main input[type="text"], .admin-main input[type="number"], .admin-main input[type="password"], .admin-main select, .admin-main textarea { width: 100%; max-width: 640px; box-sizing: border-box; padding: 8px 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 15px; }
.admin-main textarea { resize: vertical; }
.admin-main button, .admin-main .btn { display: inline-block; padding: 8px 18px; border: 0; border-radius: 6px; background: #2b7ae0; color: #fff; cursor: pointer; text-decoration: none; font-size: 15px; }
.admin-main button:hover, .admin-main .btn:hover { background: #1f62b8; }
.admin-table { width: 100%; border-collapse: collapse; margin-top: 16px; }
.admin-table th, .admin-table td { border: 1px solid #ddd; padding: 8px 10px; text-align: left; vertical-align: top; }
.admin-table th { background: #f2f2f2; }
.inline-form { display: inline; }
.inline-form button { padding: 4px 10px; font-size: 13px; background: #666; }
.msg { padding: 10px 14px; border-radius: 6px; background: #eef6ff; }
.msg.ok { background: #e6f7e6; }
.msg.err { background: #fdecea; }
.msg.warn { background: #fff4d6; border: 1px solid #e6c200; }
.stat-grid { display: flex; flex-wrap: wrap; gap: 12px; }
.stat-card { background: #f7f7f7; border: 1px solid #e2e2e2; border-radius: 8px; padding: 14px 20px; min-width: 110px; }
.stat-card strong { display: block; font-size: 26px; }
.stat-card span { color: #666; }
.check { display: inline-block; margin-right: 14px; white-space: nowrap; }
.admin-login { max-width: 420px; margin-top: 80px; }
.admin-login input { max-width: none; }
.admin-footer { text-align: center; color: #888; padding: 20px; }
.guestbook-float { display: none; }

/* 后台登录页：深色科技 + 玻璃拟态 */
.admin-login-page, body:has(.admin-login) {
  background: linear-gradient(135deg, #0b1220 0%, #16213a 55%, #1e1b4b 100%);
  min-height: 100vh;
}
.admin-login {
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(34, 211, 238, .35);
  border-radius: 20px; padding: 32px 28px !important;
  box-shadow: 0 24px 60px rgba(2, 6, 23, .5), 0 0 0 1px rgba(139, 92, 246, .15);
  color: #e2e8f0;
}
.admin-login h1 {
  background: linear-gradient(90deg, #7dd3fc, #c4b5fd 55%, #f0d48a);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.admin-login label { color: #cbd5e1; }
.admin-login input[type="text"], .admin-login input[type="password"] {
  background: rgba(255, 255, 255, .92); border: 1px solid rgba(34, 211, 238, .5);
}
.admin-login button[type="submit"] {
  background: linear-gradient(135deg, #2563eb, #8b5cf6);
  box-shadow: 0 8px 22px rgba(99, 102, 241, .45);
}
.admin-login a { color: #a5f3fc; }