/* alerts.css - 全国气象预警列表页样式 */
.alerts-page { width:min(1120px,calc(100% - 48px)); margin:0 auto; min-height:55vh; padding:0 0 22px; }

.alerts-breadcrumbs { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:3px 6px; margin:16px auto 14px; color:var(--muted); font-size:12px; }
.alerts-breadcrumbs a { color:var(--accent); text-decoration:none; }
.alerts-breadcrumbs a:hover { text-decoration:underline; text-underline-offset:3px; }

.alerts-hero { padding:29px 28px 22px; text-align:center; background:#fff; border:1px solid var(--glass-edge); border-radius:11px; box-shadow:0 3px 18px #284e7010; }
.alerts-hero h1 { margin:0; font-size:26px; line-height:1.5; font-weight:550; letter-spacing:.02em; color:var(--ink); }
.alerts-hero .alerts-meta { margin:9px 0 0; font-size:13px; line-height:1.9; color:var(--muted); }
.alerts-hero .alerts-count { display:inline-block; margin-left:6px; padding:2px 10px; border-radius:10px; background:var(--soft); color:var(--accent); font-size:12px; font-weight:500; }

/* 筛选 tab */
.alerts-filter-bar { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin:18px 0 20px; }
.alert-filter-tab { display:inline-block; padding:7px 16px; border-radius:18px; font-size:12px; line-height:1.4; text-decoration:none; border:1px solid var(--line); background:#fff; color:var(--ink); transition:all .15s; }
.alert-filter-tab:hover { background:var(--soft); border-color:var(--accent); }
.alert-filter-tab.active { background:var(--accent); border-color:var(--accent); color:#fff; font-weight:500; }

/* 预警列表 */
.alerts-list-card { background:#fff; border:1px solid var(--glass-edge); border-radius:11px; box-shadow:0 3px 18px #284e7010; overflow:hidden; }
.alerts-list { list-style:none; margin:0; padding:0; }
.alerts-list-item { display:flex; align-items:flex-start; gap:12px; padding:14px 22px; border-bottom:1px solid #eef2f6; }
.alerts-list-item:last-child { border-bottom:none; }
.alerts-list-item:hover { background:#f8fbfd; }

.alert-type-badge { flex-shrink:0; display:inline-block; padding:3px 10px; border-radius:10px; font-size:11px; font-weight:500; line-height:1.4; white-space:nowrap; }
.alert-type-badge.badge-orange { background:#fef0e2; color:#c46a1a; }
.alert-type-badge.badge-yellow { background:#fdf6d8; color:#9a7d1a; }
.alert-type-badge.badge-blue { background:#e3f0fb; color:#2a6db0; }
.alert-type-badge.badge-red { background:#fde2e2; color:#c43a3a; }

.alert-item-body { flex:1; min-width:0; }
.alert-item-title { color:var(--ink); text-decoration:none; font-size:14px; line-height:1.6; }
.alert-item-title:hover { color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
.alert-item-summary { margin:5px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.alert-item-time { display:block; margin-top:4px; font-size:11px; color:var(--muted); }

/* 分页 */
.alerts-pagination { display:flex; justify-content:center; align-items:center; gap:10px; margin-top:20px; padding:16px 0 4px; }
.alerts-pagination .page-link { padding:7px 14px; border-radius:8px; font-size:12px; color:var(--ink); background:#fff; border:1px solid var(--line); text-decoration:none; transition:all .15s; }
.alerts-pagination .page-link:hover { background:var(--soft); border-color:var(--accent); }
.alerts-pagination .page-link.disabled { color:#b0bec9; background:#f5f7fa; cursor:default; }
.alerts-pagination .page-info { font-size:12px; color:var(--muted); }

/* 空状态 */
.alerts-empty { padding:50px 20px; text-align:center; color:var(--muted); font-size:14px; }

/* SEO 说明卡 */
.alerts-info-card { margin-top:16px; padding:18px 22px; background:#fff; border:1px solid var(--glass-edge); border-radius:11px; box-shadow:0 3px 18px #284e7010; }
.alerts-info-card h2 { margin:0 0 10px; font-size:15px; font-weight:550; color:var(--ink); }
.alerts-info-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.8; }

/* 城市页底部"查看全部"按钮 */
.bulletin-more-link { display:block; text-align:center; padding:12px 0 4px; }
.bulletin-more-link a { display:inline-block; padding:7px 18px; border-radius:18px; font-size:12px; color:var(--accent); background:var(--soft); border:1px solid #c8dcec; text-decoration:none; transition:all .15s; }
.bulletin-more-link a:hover { background:#dcecf8; border-color:var(--accent); }

/* 首页预警面板 */
.home-alerts { width:min(1120px,calc(100% - 48px)); margin:17px auto; padding:18px 22px; }
.home-alerts-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.home-alerts-header h2 { margin:0; font-size:16px; font-weight:550; color:var(--ink); }
.home-alerts-more { font-size:12px; color:var(--accent); text-decoration:none; }
.home-alerts-more:hover { text-decoration:underline; text-underline-offset:2px; }
.home-alerts-list { list-style:none; margin:0; padding:0; }
.home-alerts-item { display:flex; align-items:flex-start; gap:10px; padding:9px 0; border-bottom:1px solid #eef2f6; }
.home-alerts-item:last-child { border-bottom:none; }
.home-alerts-body { flex:1; min-width:0; }
.home-alerts-title { display:block; color:var(--ink); text-decoration:none; font-size:13px; line-height:1.5; }
.home-alerts-title:hover { color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
.home-alerts-summary { margin:4px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.home-alerts-time { display:block; margin-top:3px; font-size:11px; color:var(--muted); }