/* ==========================================================================
 * dddk 后台公共样式（index.php 用 <link> 引入，全站只加载一次、浏览器可缓存）
 * 页面内只写自己独有的样式，通用类一律用这里的。
 * ========================================================================== */

html, body, #root { height: 100%; margin: 0; padding: 0; background: #f0f2f5; }

/* ---------- 登录页 ---------- */
.login-wrap { height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg,#1890ff 0%,#001529 100%); }
.login-card { width: 380px; box-shadow: 0 6px 24px rgba(0,0,0,.2); border-radius: 8px; }
.login-title { text-align:center; margin: 0 0 8px; font-size: 22px; font-weight: 600; }
.login-sub { text-align:center; color:#999; font-size: 13px; margin-bottom: 24px; }

/* ---------- 布局 ---------- */
.logo { display:flex; align-items:center; justify-content:center; height:64px;
  color:#fff; font-size:18px; font-weight:600; letter-spacing:2px; }
.content-pad { padding: 20px; }
.page-card { background:#fff; border-radius:6px; padding:16px 20px; }

/* ---------- 通用工具类 ---------- */
.muted { color:#999; font-size:13px; }
.stat-bar { border-bottom:1px solid #f0f0f0; padding-bottom:12px; margin-bottom:16px; }
.stat-bar .stat-actions { float: right; display: inline-flex; gap: 8px; align-items: center; }
/* 筛选/工具条：搜索框 + 下拉 + 按钮一行排列，自动换行 */
.filter-bar { display:flex; gap:8px; align-items:center; margin-bottom:12px; flex-wrap:wrap; }
.filter-bar .spacer { flex:1 1 auto; }
/* 图片池缩略图格子 */
.pool-grid { display:flex; flex-wrap:wrap; gap:8px; }
.pool-cell { position:relative; width:120px; height:120px; border:1px solid #eee; border-radius:4px; overflow:hidden; }
.pool-cell img { width:100%; height:100%; object-fit:cover; }
.pool-cell .pool-del { position:absolute; top:2px; right:2px; font-size:11px; line-height:1;
  padding:0 4px; min-width:auto; }
.pool-empty { color:#999; padding:16px; text-align:center; }

/* ---------- 手机端适配 ---------- */
@media (max-width: 768px) {
  .login-wrap { padding: 16px; }
  .login-card { width: 100%; max-width: 380px; }
  .content-pad { padding: 12px; }
  .page-card { padding: 12px 14px; }
  .logo { height: 48px; font-size: 15px; }
}
@media (max-width: 480px) {
  .login-title { font-size: 19px; }
  .page-card .ant-table { font-size: 12px; }
}