/* Classic Archive Landing Style */
:root{
  --ink:#1d2838;
  --muted:#6b7280;
  --surface:#ffffff;
  --bg:#f7f4ef;
  --card:#fff;
  --line:#e5ded2;
  --shadow:0 8px 28px rgba(29,40,56,.08);
  --accent-1:#b23a3a;
  --accent-2:#22577a;
  --accent-3:#2f7b4f;
  --radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--ink);
  font:16px/1.8 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,
       "Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",Arial,sans-serif;
}
.wrapper{max-width:1100px;margin:0 auto;padding:24px}
a{color:#1e40af;text-decoration:none}
a:hover{text-decoration:underline}
.site-header{
  background:linear-gradient(180deg,#334155 0%, #2b3c4f 100%);
  color:#e5e7eb; border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 4px 16px rgba(0,0,0,.12);
}
.site-header .bar{display:flex; align-items:center; justify-content:space-between; padding:16px 0;}
.brand a{color:#fff;font-weight:700;letter-spacing:.5px}
.brand{font-size:22px}
.nav a{color:#d1d5db; margin-left:14px}
.nav a:hover{color:#fff}
.title-wrap{text-align:center; padding:28px 0 12px;}
.title-wrap h1{font-family:'Songti SC','Noto Serif SC','STSong',Georgia,serif;font-size:34px;letter-spacing:1px;margin:10px 0 0;}
.title-underline{width:120px;height:4px;background:#c7b9a8;border-radius:4px;margin:10px auto 0;}
.grid{display:grid; grid-template-columns: repeat(3,1fr); gap:22px; margin:28px 0;}
@media (max-width:960px){ .grid{grid-template-columns: repeat(2,1fr);} }
@media (max-width:640px){ .grid{grid-template-columns: 1fr;} }
.card{background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); border:1px solid var(--line); padding:20px 20px 18px; transition:transform .12s ease, box-shadow .12s ease;}
.card:hover{ transform: translateY(-2px); box-shadow:0 12px 32px rgba(0,0,0,.12) }
.card h3{margin:0 0 8px; font-size:20px; font-weight:700; font-family:'Songti SC','Noto Serif SC',Georgia,serif;}
.card p{margin:6px 0 0; color:#4b5563}
.card .topline{height:6px; border-radius:6px; margin:-8px 0 12px;}
.card.history .topline{background:var(--accent-1)}
.card.ent .topline{background:var(--accent-2)}
.card.meta .topline{background:var(--accent-3)}
.section{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:8px 18px 14px; box-shadow:var(--shadow); margin:10px 0 28px;}
.section h2{margin:8px 0 2px; font-size:22px; font-family:'Songti SC','Noto Serif SC',Georgia,serif;}
.list{list-style:none; padding:0; margin:0}
.row{display:flex; align-items:center; gap:12px; padding:10px 6px; border-bottom:1px dashed #e8e1d6;}
.row:last-child{border-bottom:none}
.date{min-width:110px; font-weight:700}
.badges{display:flex; gap:6px; flex-wrap:wrap}
.badge{font-size:12px; padding:2px 8px; border-radius:999px; border:1px solid #d1d5db; background:#f0f4ff; color:#1e3a8a;}
.badge.h{background:#fde2e2;border-color:#f4b4b4;color:#7a1d1d}
.badge.m{background:#e4f4ea;border-color:#bfe3cc;color:#2f7b4f}

/* ===== 三列栏目布局（只显示“时间 + 标题”） ===== */
.triple-grid{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:22px; margin:12px 0 28px;
}
@media (max-width:960px){ .triple-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .triple-grid{ grid-template-columns:1fr; } }

.column{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:14px 16px;
}

.col-head{
  display:flex; align-items:center; gap:10px;
  margin-bottom:10px; padding-bottom:8px;
  border-bottom:1px dashed #eadfcd;
  font-family:'Songti SC','Noto Serif SC',Georgia,serif;
}
.col-head .bar{
  width:44px; height:6px; border-radius:6px;
}
.col-head h2{ margin:0; font-size:18px; }

/* 主题色 */
.history .col-head .bar{ background:var(--accent-1); }
.ent     .col-head .bar{ background:var(--accent-2); }
.meta    .col-head .bar{ background:var(--accent-3); }

/* 列表行：只保留“时间 + 标题” */
.mini-list{ list-style:none; padding:0; margin:0; }
.mini-row{
  display:flex; align-items:center; gap:12px;
  padding:8px 4px; border-bottom:1px dashed #efe7dc;
}
.mini-row:last-child{ border-bottom:none; }
.mini-row .date{ min-width:100px; font-weight:700; }
.mini-row a{ color:var(--ink); text-decoration:none; }
.mini-row a:hover{ text-decoration:underline; }

/* ===== 过滤工具条 ===== */
.filters{
  display:flex; gap:12px; align-items:center; flex-wrap:wrap;
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius); box-shadow:var(--shadow);
  padding:10px 12px; margin:6px 0 16px;
}
.filters .group{display:flex; gap:8px; align-items:center}
.filters input[type="text"], .filters select{
  padding:6px 10px; border:1px solid #d9d3c8; border-radius:10px; outline:none;
}
.filters small{color:#6b7280}

.column .counter{ color:#6b7280; font-size:12px; margin:-6px 0 8px; }
.mini-row.hidden{ display:none !important; }

/* ===== 顶栏：LOGO + 诗句 ===== */
.site-header { position:sticky; top:0; z-index:10; }
.site-header .bar{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:12px 0;
}
.brand{ display:flex; align-items:center; gap:10px; }
.brand .logo{ display:inline-flex; width:22px; height:22px; }
.brand a{ color:#fff; font-weight:700; font-size:20px; letter-spacing:.5px; }

.poem{
  display:flex; gap:16px; align-items:center; flex-wrap:wrap;
  color:#e5e7eb; opacity:.9; font-size:12.5px; line-height:1.4;
  text-align:right;
}
.poem span{ white-space:nowrap; }

/* 小屏：诗句改为一行/两行并自动换行，避免挤压标题 */
@media (max-width:900px){
  .poem{ max-width:60%; justify-content:flex-end; }
}

/* ===== 手机端标题居中 ===== */
@media (max-width: 640px) {
  .site-header .bar {
    justify-content: center;        /* 居中整个标题区域 */
  }

  .brand {
    margin: 0 auto;
    justify-content: center;
    flex: 0 1 auto;
  }

  .brand a {
    font-size: 18px;
    text-align: center;
  }

  .brand .logo {
    margin-right: 6px;
  }

  /* 隐藏诗句，防止挤压标题 */
  .poem {
    display: none !important;
  }
}