/* 人间诗画 — 暗色金色主题 */
:root{--bg:#0f0c29;--bg2:rgba(255,255,255,0.03);--fg:#e8e6dc;--fg2:#a9a690;--gold:#d4a853;--red:#c0392b}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"PingFang SC","Noto Serif SC","Microsoft YaHei",serif;background:var(--bg);color:var(--fg);line-height:1.8;min-height:100vh}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:960px;margin:0 auto;padding:0 16px}
header.site{text-align:center;padding:48px 20px 20px;border-bottom:1px solid rgba(255,255,255,0.05)}
header.site h1{font-size:clamp(1.9rem,5vw,3rem);color:var(--gold);letter-spacing:.12em;font-weight:400}
header.site h1 a{color:var(--gold)}
header.site .subtitle{color:var(--fg2);font-size:.9rem;margin-top:8px;letter-spacing:.15em}
nav.crumbs{max-width:960px;margin:18px auto 0;padding:0 16px;font-size:.78rem;color:var(--fg2)}
nav.crumbs a{color:var(--fg2)}
nav.crumbs a:hover{color:var(--gold)}
nav.crumbs .sep{margin:0 6px;opacity:.5}
nav.topnav{max-width:960px;margin:16px auto 0;padding:0 16px;text-align:center;font-size:.88rem}
nav.topnav a{color:var(--fg2);margin:0 14px;letter-spacing:.1em}
nav.topnav a:hover{color:var(--gold);text-decoration:none}
nav.topnav a.active{color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:3px}
main{max-width:960px;margin:0 auto;padding:16px 16px 60px}
.hero{text-align:center;font-size:.82rem;color:var(--fg2);opacity:.85;margin:10px 0 26px;line-height:1.9}
.intro-line{color:var(--fg2);font-size:.78rem;margin-top:10px;letter-spacing:.08em;opacity:.85}
.poem-card{background:linear-gradient(135deg,rgba(212,168,83,0.12),rgba(212,168,83,0.04));border:1px solid rgba(212,168,83,0.25);border-radius:16px;padding:30px 28px;margin:0 0 30px;position:relative}
.poem-card .date-tag{position:absolute;top:12px;right:16px;font-size:.68rem;color:var(--gold);border:1px solid var(--gold);padding:2px 10px;border-radius:10px;letter-spacing:.08em}
.poem-title{font-size:1.5rem;color:var(--gold);margin-bottom:4px;text-align:center}
.poem-form{font-size:.78rem;color:var(--fg2);margin-bottom:14px;font-style:italic;text-align:center}
.poem-bg{background:rgba(255,255,255,0.04);border-left:3px solid var(--gold);padding:14px 18px;margin-bottom:20px;border-radius:0 8px 8px 0;font-size:.88rem;color:var(--fg2);line-height:1.85}
.poem-bg .label{font-size:.7rem;color:var(--gold);border:1px solid var(--gold);padding:2px 8px;border-radius:6px;margin-right:10px;vertical-align:middle;letter-spacing:.1em}
.tag-row{display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0 2px}
.tag{display:inline-block;font-size:.72rem;color:var(--fg2);border:1px solid rgba(212,168,83,0.35);padding:2px 12px;border-radius:14px;letter-spacing:.06em;margin:4px 6px}
a.tag:hover{color:var(--gold);border-color:var(--gold);text-decoration:none}
.tag-grid{display:flex;flex-wrap:wrap;margin:10px 0 8px}
.tag-grid a{display:inline-block;padding:12px 22px;border:1px solid rgba(212,168,83,0.3);border-radius:12px;font-size:.9rem;color:var(--gold);letter-spacing:.05em;margin:0 14px 16px 0}
.tag-grid a .cnt{display:inline-block;margin-left:8px;font-size:.72rem;color:var(--fg2);border:1px solid rgba(255,255,255,.15);padding:1px 8px;border-radius:10px}
.tag-grid a:hover{background:rgba(212,168,83,0.12);text-decoration:none;border-color:var(--gold)}
.last-updated{font-size:.72rem;color:var(--fg2);opacity:.75;margin-top:4px;letter-spacing:.05em}
.month-group{margin:0 0 26px}
.month-title{font-size:1.05rem;color:var(--gold);margin:0 0 12px;border-left:3px solid var(--gold);padding-left:12px;letter-spacing:.05em}
.poem-lines{font-size:1.15rem;line-height:2.3;margin:12px 0;padding:14px 0;border-top:1px solid rgba(212,168,83,0.15);border-bottom:1px solid rgba(212,168,83,0.15);color:var(--fg);text-align:center}
.poem-note-title{font-size:.8rem;color:var(--gold);margin-top:16px;font-weight:700}
.poem-note{font-size:.85rem;color:var(--fg2);line-height:1.8;margin-top:4px}
.scores-section{margin-top:18px;padding-top:14px;border-top:1px solid rgba(212,168,83,0.15)}
.scores-title{font-size:.78rem;color:var(--gold);font-weight:700;margin-bottom:8px}
.scores-table{width:100%;border-collapse:collapse}
.scores-table td{padding:6px 10px;font-size:.83rem;border-bottom:1px solid rgba(255,255,255,0.04);vertical-align:middle}
.scores-table td:first-child{width:32px;font-size:.95rem;text-align:center}
.scores-table td:nth-child(2){width:50px;color:var(--fg2)}
.scores-table td:nth-child(3){width:90px;font-size:.9rem;color:var(--gold)}
.scores-table td:nth-child(4){color:var(--fg2)}
.list-title{font-size:1.1rem;color:var(--gold);margin:28px 0 16px;letter-spacing:.05em;border-left:3px solid var(--gold);padding-left:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.card{background:var(--bg2);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:18px 16px;transition:all .3s;display:block;color:var(--fg)}
.card:hover{border-color:rgba(212,168,83,0.3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3);text-decoration:none}
.card .date{font-size:.72rem;color:var(--fg2);margin-bottom:4px}
.card .title{font-size:1rem;color:var(--gold);margin-bottom:8px}
.card .lines{font-size:.82rem;line-height:1.9;margin-bottom:6px;color:var(--fg2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .event{font-size:.72rem;color:var(--fg2);opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pager{display:flex;justify-content:center;gap:8px;margin:32px 0 8px;flex-wrap:wrap}
.pager a,.pager span{display:inline-block;padding:6px 14px;border:1px solid rgba(212,168,83,0.3);border-radius:8px;font-size:.82rem;color:var(--gold)}
.pager span.cur{background:var(--gold);color:var(--bg);border-color:var(--gold)}
.pager a:hover{background:rgba(212,168,83,0.15);text-decoration:none}
.prev-next{display:flex;justify-content:space-between;gap:12px;margin:26px 0 6px}
.prev-next a{flex:1;padding:12px 16px;border:1px solid rgba(212,168,83,0.25);border-radius:10px;font-size:.82rem;color:var(--fg2);text-align:center}
.prev-next a:hover{border-color:var(--gold);color:var(--gold);text-decoration:none}
.about-body{background:var(--bg2);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:28px;font-size:.9rem;color:var(--fg2);line-height:2}
.about-body h2{color:var(--gold);font-size:1.05rem;margin:20px 0 8px;font-weight:700}
.about-body h2:first-child{margin-top:0}
.about-body p{margin-bottom:10px}
footer.site{text-align:center;padding:34px 20px;color:var(--fg2);font-size:.75rem;border-top:1px solid rgba(255,255,255,0.05);margin-top:20px;line-height:2.2}
footer.site a{color:var(--fg2);letter-spacing:.05em}
footer.site a:hover{color:var(--gold)}
@media(max-width:600px){.poem-lines{font-size:1.05rem}.prev-next{flex-direction:column}}