:root{
  --paper:#fff; --ink:#222; --muted:#777; --line:#eee; --paper-2:#fafafa;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--paper-2);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}

/* 顶部导航 */
.site-head{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.site-head .wrap{display:flex;align-items:center;height:56px;gap:18px}
.brand{font-size:20px;font-weight:800;color:#c0392b;letter-spacing:1px}
.nav{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:#555}
.nav a:hover{color:#c0392b}

/* Hero */
.hero{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:34px 0 30px}
.hero .crumb{font-size:13px;opacity:.9;margin-bottom:10px}
.hero .crumb a{color:#fff;opacity:.85}
.hero .crumb a:hover{text-decoration:underline}
.hero h1{margin:0 0 8px;font-size:34px;font-weight:800;letter-spacing:2px}
.hero h1 small{font-size:15px;font-weight:400;opacity:.85;letter-spacing:1px;margin-left:8px}
.hero .tagline{margin:0 0 10px;font-size:16px;font-weight:600;opacity:.95}
.hero .intro{margin:0;font-size:14.5px;max-width:760px;opacity:.92}

/* 筛选条 */
.filters{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:56px;z-index:15}
.filters .wrap{padding:12px 16px;overflow-x:auto}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;
  font-size:14px;color:#444;background:var(--paper-2);white-space:nowrap;transition:.15s}
.chip:hover{border-color:var(--c,#c0392b);color:var(--c,#c0392b)}
.chip.active{background:var(--c,#c0392b);border-color:var(--c,#c0392b);color:#fff;font-weight:700}
.chip .cnt{font-size:12px;opacity:.7;font-weight:600}
.chip.active .cnt{opacity:.9}

/* 网格 */
.section{padding:22px 0 8px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{position:relative;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);
  border-left:4px solid var(--c,#c0392b);border-radius:10px;padding:14px 16px 12px;transition:.15s;min-height:118px}
.card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)}
.card .badge{align-self:flex-start;background:var(--c,#c0392b);color:#fff;font-size:11.5px;font-weight:700;
  padding:2px 9px;border-radius:999px;margin-bottom:8px;letter-spacing:.5px}
.card-title{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.4;color:#1a1a1a}
.card-ex{margin:0 0 8px;font-size:13px;color:#777;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-date{margin-top:auto;font-size:12px;color:#aaa}
.empty{text-align:center;color:#999;padding:40px 0;font-size:15px}

/* 分页 */
.pager{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:24px 0 10px}
.pager a{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;
  border:1px solid var(--line);border-radius:8px;font-size:14px;color:#555;background:var(--paper)}
.pager a:hover{border-color:#c0392b;color:#c0392b}
.pager a.cur{background:#c0392b;border-color:#c0392b;color:#fff;font-weight:700}

/* 页脚 */
.site-foot{background:var(--paper);border-top:1px solid var(--line);margin-top:30px;padding:22px 0;color:#888;font-size:13px}
.site-foot .copy{margin-top:6px;color:#aaa}

@media (max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.grid{grid-template-columns:1fr}.hero h1{font-size:27px}.nav{font-size:13px;gap:12px}}