/* 記述总站的年份列表 */
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
.yearlist { display: flex; flex-direction: column; gap: 10px; margin: 0 0 16px; }

a.year {
  display: block;
  background: var(--card, #fff);
  border: 1px solid var(--line, #e3e3e8);
  border-radius: 14px;
  padding: 13px 15px 14px;
  text-decoration: none;
  color: var(--fg, #1c1c1e);
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  transition: border-color .12s, transform .06s;
}
a.year:active { transform: scale(.995); }
a.year:hover { border-color: var(--accent, #0a6cff); }

a.year .row { display: flex; align-items: baseline; gap: 8px; }
a.year .yy { font-size: 22px; font-weight: 700; letter-spacing: .01em; }
a.year .yy small { font-size: 12px; font-weight: 400; color: var(--muted, #6b6b70); margin-left: 2px; }
a.year .rd { font-size: 15px; color: var(--muted, #6b6b70); }
a.year .go { margin-left: auto; font-size: 13px; color: var(--accent, #0a6cff); }

a.year .tp {
  margin-top: 7px; font-size: 13px; line-height: 1.6; color: var(--muted, #6b6b70);
  display: flex; flex-direction: column; gap: 1px;
}
a.year .tp b { color: var(--fg, #1c1c1e); font-weight: 600; margin-right: 3px; }

.st {
  display: inline-block; font-size: 11px; line-height: 1.6; padding: 1px 8px;
  border-radius: 999px; border: 1px solid var(--line, #e3e3e8); color: var(--muted, #6b6b70);
  white-space: nowrap;
}
.st.done { color: #128a4b; border-color: #bfe6d0; background: #eaf7f0; }
.st.draft { color: #b45309; border-color: #f2dcb3; background: #fff7e8; }

.howto p { margin: 0 0 7px; font-size: 15px; line-height: 1.7; }
.howto p.muted { font-size: 13px; margin-top: 10px; }