@charset "utf-8";
/* ===== 每日更新页样式（统一到全站湖水绿设计系统 site.css 变量） ===== */

.update-container { max-width: var(--mw); margin: 0 auto; }

/* 面包屑 */
.breadcrumb-nav { margin-bottom: 16px; }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 10px 16px; font-size: var(--fs3); color: var(--c6); background: var(--c7); border-radius: 6px; border-left: 3px solid var(--c1); }
.breadcrumb-item { display: inline-flex; align-items: center; }
.breadcrumb-item + .breadcrumb-item::before { content: "›"; margin: 0 8px; color: var(--c8); }
.breadcrumb-item a { color: var(--c6); }
.breadcrumb-item a:hover { color: var(--c1); }
.breadcrumb-item.active span { color: var(--c4); }

/* 页头 */
.update-header { background: var(--c7); border-radius: 8px; border-left: 4px solid var(--c1); padding: 18px 20px; margin-bottom: 20px; }
.update-header h1 { font-size: 22px; font-weight: 600; color: var(--c4); margin-bottom: 8px; }
.update-header .page-description { font-size: var(--fs3); color: var(--c6); line-height: 1.7; margin-bottom: 10px; }
.update-meta { display: flex; flex-wrap: wrap; gap: 16px; font-size: var(--fs4); color: var(--c6); }

/* 分块 */
.update-section { background: var(--c9); border: 1px solid var(--c8); border-radius: 8px; padding: 16px 18px; margin-bottom: 20px; }
.section-title { display: flex; align-items: center; gap: 8px; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 2px solid var(--c1); }
.section-icon { font-size: 18px; line-height: 1; }
.section-title h2 { font-size: var(--fs1); font-weight: 600; color: var(--c4); margin: 0; }
.section-title .more-link { margin-left: auto; font-size: var(--fs3); color: var(--c1); white-space: nowrap; }
.section-title .more-link:hover { text-decoration: underline; }

/* 列表 */
.item-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 24px; list-style: none; margin: 0; padding: 0; }
.item-list li { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,.04); }
.item-title { font-size: var(--fs2); color: var(--c4); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item-title:hover { color: var(--c1); }
.item-meta { display: flex; align-items: baseline; gap: 10px; flex-shrink: 0; font-size: var(--fs4); color: var(--c6); }
.item-author { color: var(--c6); }
.item-time { color: var(--c6); white-space: nowrap; }

@media (max-width: 768px) {
  .item-list { grid-template-columns: 1fr; gap: 0; }
  .update-header { padding: 14px 12px; border-radius: 0; margin-bottom: 0; border-left: none; border-right: none; }
  .update-header h1 { font-size: 20px; font-weight: 700; }
  .update-header .page-description { font-size: 15px; line-height: 1.8; }
  .update-meta { font-size: 14px; gap: 12px; }
  .update-section { padding: 14px 12px; border-radius: 0; border-left: none; border-right: none; margin-bottom: 0; }
  .section-title h2 { font-size: 18px; font-weight: 600; }
  .section-title .more-link { font-size: 15px; }
  .item-title { font-size: 16px; font-weight: 500; }
  .item-meta { font-size: 14px; }
  .breadcrumb { font-size: 14px; padding: 10px 12px; border-radius: 0; margin-bottom: 0; }
}