/* 复用 ideas.css 的布局，由 bloglist.html 使用 */
.list-container { padding: 0 35px; }
.card { background:#fff; border-radius:8px; box-shadow:0 4px 6px rgba(0,0,0,0.1); margin-bottom:20px; width:100%; }
.card-header { padding:20px; border-bottom:1px solid #eee; display:flex; justify-content:space-between; align-items:center; }
.header-left { flex:1; }
.card-title { font-size:20px; font-weight:bold; color:#333; margin-bottom:5px; }
.card-subtitle { font-size:14px; color:#777; }
.card-body { padding:0; }

/* 表格 */
table { width:100%; border-collapse:collapse; }
table th, table td { padding:12px 20px; text-align:left; border-bottom:1px solid #eee; white-space:nowrap; }
table th { background:#f8f8f8; color:#555; font-weight:bold; font-size:13px; }
table tbody tr:last-child td { border-bottom:none; }

/* 操作按钮 */
.btn { padding:6px 12px; border:1px solid #ddd; border-radius:4px; cursor:pointer; font-size:13px; margin-right:5px; transition:all .3s ease; background:#fff; color:#666; }
.btn-delete { color:#f5222d; border:1px solid #ffccc7; }
.btn-delete:hover { background:#f5222d; color:#fff; border-color:#f5222d; }
.btn-hide { border:1px solid #d9d9d9; }
.btn-hide:hover { background:#f1c40f; color:#fff; border-color:#f1c40f; }

/* 新增：显示按钮 */
.btn-show { border:1px solid #52c41a; color:#52c41a; }
.btn-show:hover { background:#52c41a; color:#fff; border-color:#52c41a; }

/* 分页 */
.pagination-container { display:flex; justify-content:space-between; align-items:center; padding:15px 20px; background:#fff; border-top:1px solid #eee; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.pagination-info { font-size:14px; color:#555; }
.pagination-controls { display:flex; align-items:center; gap:15px; }
.records-per-page select { padding:8px 12px; border:1px solid #e0e0e0; border-radius:4px; font-size:14px; outline:none; background:#fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.pagination-buttons { display:flex; }
.page-btn { padding:8px 12px; border:1px solid #e0e0e0; background:#fff; color:#555; cursor:pointer; font-size:14px; margin:0; transition:background-color .2s, color .2s; }
.page-btn:first-child { border-top-left-radius:4px; border-bottom-left-radius:4px; }
.page-btn:last-child { border-top-right-radius:4px; border-bottom-right-radius:4px; }
.page-btn:not(:first-child) { border-left:none; }
.page-btn.active { background:#444; border-color:#444; color:#fff; }
.total-records, .goto-page { font-size:14px; color:#555; }
.goto-page input[type="text"] { width:40px; padding:8px; border:1px solid #e0e0e0; border-radius:4px; margin:0 5px; font-size:14px; text-align:center; outline:none; }

/* 状态点 */
.state-dot { display:inline-block; width:10px; height:10px; border-radius:50%; }
.dot-green { background:#52c41a; box-shadow:0 0 0 2px rgba(82,196,26,0.15); }
.dot-yellow { background:#f1c40f; box-shadow:0 0 0 2px rgba(241,196,15,0.15); }