:root{--navy:#143f3b;--green:#15a087;--page:#f6f7f3;--muted:#66807a;--line:#d5e4dc}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:#173330;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;padding-top:42px}
.page{max-width:960px;margin:0 auto;padding:10px 16px 28px}
h1{font-size:32px;line-height:1.25;margin:8px 0}
.lead{color:#58736b;line-height:1.8;margin:0 0 14px}
.panel{border:1px solid var(--line);border-radius:16px;padding:16px}
.notice-panel{margin-top:14px}
.article-list{display:grid;gap:10px}
.article-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:14px;background:#dcefe7;padding:14px;color:#173330}
.article-card:hover,.article-card:focus-visible{background:#dcefe7;border-color:#b9d8ce}
.article-card strong{display:block;color:var(--navy);font-size:18px;margin-bottom:5px}
.article-card span{display:block;color:var(--muted);font-size:13px;line-height:1.7}
.tag{display:inline-flex;margin-bottom:7px;color:var(--green);font-size:12px;font-weight:900}
.empty{border:1px solid var(--line);border-radius:14px;padding:11px 12px;color:#6f8580;background:#f8fbf9;line-height:1.7;font-size:13px}
.simple-footer{margin-top:18px}
@media(max-width:560px){
  h1{font-size:28px}
  .page{padding:8px 14px 22px}
}