/* 金丝熊管理系统 —— 移动优先样式（浅色暖色系） */
:root {
  --cream: #fbf6ee;
  --amber: #e0a458;
  --amber-d: #c98a3c;
  --ink: #3a322a;
}
* { -webkit-tap-highlight-color: transparent; }
body.bg-cream { background: var(--cream); color: var(--ink); }

/* 品牌色按钮 */
.btn-amber { background: var(--amber); border-color: var(--amber); color: #fff; }
.btn-amber:hover { background: var(--amber-d); border-color: var(--amber-d); color: #fff; }
.bg-amber { background: var(--amber) !important; color: #fff; }

/* 登录 */
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.login-card { width: 100%; max-width: 380px; border-radius: 18px; border: none; }
.hamster-logo { font-size: 56px; line-height: 1; }

/* PC 侧边栏 */
.sidebar {
  position: fixed; top: 0; left: 0; bottom: 0; width: 220px;
  background: #fff; border-right: 1px solid #ece3d6; padding: 16px 12px; z-index: 1030;
}
.sidebar-brand { font-weight: 700; font-size: 18px; padding: 8px 10px 16px; }
.sidebar-link {
  display: block; padding: 11px 12px; border-radius: 10px; color: var(--ink);
  text-decoration: none; margin-bottom: 4px; font-size: 15px;
}
.sidebar-link:hover, .sidebar-link.active { background: var(--cream); color: var(--amber-d); }
.sidebar-user { margin-top: auto; padding-top: 12px; border-top: 1px solid #f0e8db; font-size: 14px; }

.main-content { margin-left: 0; padding-bottom: 70px; }
@media (min-width: 768px) {
  .main-content { margin-left: 220px; padding-bottom: 24px; }
}

/* 移动端底部 Tab */
.bottom-nav {
  position: fixed; bottom: 0; left: 0; right: 0; height: 60px;
  background: #fff; border-top: 1px solid #ece3d6; display: flex;
  justify-content: space-around; align-items: center; z-index: 1030;
  padding-bottom: env(safe-area-inset-bottom);
}
.bottom-nav a {
  flex: 1; text-align: center; color: #9a9085; text-decoration: none;
  font-size: 20px; display: flex; flex-direction: column; align-items: center; gap: 2px;
}
.bottom-nav a span { font-size: 11px; }
.bottom-nav a:hover, .bottom-nav a.active { color: var(--amber-d); }

/* 宠物卡片 */
.pet-card { border: none; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.pet-card img, .pet-card video { width: 100%; height: 160px; object-fit: cover; background: #eee; }
.pet-thumb-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.pet-thumb-grid img, .pet-thumb-grid video { width: 100%; height: 70px; object-fit: cover; border-radius: 8px; }

/* 表单大点按区，方便手机 */
.form-control, .form-select { font-size: 16px; }
.detail-row { padding: 10px 0; border-bottom: 1px solid #f1ece3; }
.detail-row:last-child { border-bottom: none; }
.detail-label { color: #9a9085; font-size: 13px; }

/* 列表行卡片（版本二：缩略图 + 徽章行） */
.list-row {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 12px; border: 0.5px solid #ECE3D6; border-radius: 12px;
  margin-bottom: 8px; background: #fff;
}
.list-row:hover { background: #FBF6EE; }
.avatar-sm {
  width: 38px; height: 38px; border-radius: 50%; flex: none;
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 500; color: #fff;
}
.badge-amber { background: #FAEEDA; color: #633806; }
.badge-blue  { background: #E6F1FB; color: #0C447C; }
.badge-green { background: #EAF3DE; color: #27500A; }
.badge-coral { background: #FAECE7; color: #712B13; }