/* ═══ Kuaisou MMS — List Page v2 ═══ */

.list-title { font-size: 28px; font-weight: 800; color: var(--text-1); margin-bottom: 4px; letter-spacing: -.5px }
.list-subtitle { color: var(--text-4); font-size: 14px; margin-bottom: 32px }

.article-list { list-style: none; padding: 0 }
.article-list li {
  padding: 20px 0;
  border-bottom: 1px solid var(--border);
  transition: all var(--mms-t);
}
.article-list li:last-child { border-bottom: none }
.article-list h2 { font-size: 16px; font-weight: 700; margin-bottom: 6px; line-height: 1.45 }
.article-list h2 a { color: var(--text-1); text-decoration: none; transition: color var(--mms-t) }
.article-list h2 a:hover { color: var(--mms-blue); opacity: 1 }
.article-list .desc { color: var(--text-3); font-size: 14px; line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 6px }
.article-list .meta { color: var(--text-4); font-size: 12px; font-variant-numeric: tabular-nums }
.article-list .meta span { margin-right: 16px }

.pagination {
  display: flex; justify-content: center; flex-wrap: wrap; gap: 8px;
  margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--border);
}
.pagination a, .pagination span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px; padding: 0 14px;
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--mms-radius-s);
  color: var(--text-2); font-size: 14px; font-weight: 500;
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  transition: all .3s var(--mms-ease);
}
.pagination a:hover {
  background: var(--mms-blue-soft); border-color: var(--mms-blue);
  color: var(--mms-blue); text-decoration: none;
  transform: translateY(-1px); box-shadow: 0 2px 8px var(--mms-blue-glow);
}
.pagination .current { background: var(--mms-blue); color: #fff; border-color: var(--mms-blue) }
.pagination .disabled { color: var(--text-4); pointer-events: none; background: var(--bg) }

@media (max-width: 640px) {
  .list-title { font-size: 22px }
  .pagination a, .pagination span { min-width: 36px; height: 36px; padding: 0 10px; font-size: 14px }
}