/* 感谢名单 · 深色玻璃拟态 */
.yf-board { margin-bottom: 30px; }
.yf-board-card {
  padding: 30px 26px;
  border-radius: 26px;
  background: rgba(25,35,50,0.55) !important;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  color: #f0f3fa;
}
.yf-board-head { text-align:center; margin-bottom:22px; }
.yf-board-head h2 { margin:0; font-size:20px; font-weight:700; color:#f0f3fa; }
.yf-board-head p { margin:7px 0 0; font-size:13px; color:#bdd4ff; }
.yf-board-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:22px; }
.yf-stat {
  display:flex; flex-direction:column; align-items:center; gap:3px;
  padding:14px 8px; border-radius:16px;
  background: rgba(15,25,35,0.6) !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.4);
  text-align:center;
}
.yf-stat b { font-size:17px; font-weight:700; color:#f0f3fa; }
.yf-stat span { font-size:11.5px; color:#bdd4ff; }
.yf-board-tabs {
  display:flex; gap:8px; padding:6px; margin-bottom:20px;
  border-radius:999px;
  background: rgba(15,25,35,0.6) !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.4);
}
.yf-tab {
  flex:1; padding:9px 12px; border:0; border-radius:999px;
  background:transparent; font-family:inherit; font-size:13.5px; font-weight:600;
  color:#bdd4ff; cursor:pointer; transition:all .2s;
}
.yf-tab.active, .yf-tab[aria-selected="true"] {
  background: rgba(60,110,255,0.25) !important;
  color:#7ca9ff !important;
  box-shadow: 0 0 10px rgba(93,158,255,0.3);
}
.yf-board-empty { text-align:center; color:#bdd4ff; padding:30px 0; font-size:14px; }
.yf-board-list { list-style:none; padding:0; margin:0; }
.yf-board-item {
  display:flex; align-items:center; gap:12px; padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,0.06);
  color:#f0f3fa;
}
.yf-board-item:last-child { border-bottom:none; }
.yf-avatar {
  width:38px; height:38px; border-radius:50%;
  display:grid; place-items:center; flex:0 0 auto;
  font-size:14px; font-weight:700; color:#fff;
}
.yf-avatar.g0 { background:#7c9cf5; } .yf-avatar.g1 { background:#7fd1b9; }
.yf-avatar.g2 { background:#f5a97f; } .yf-avatar.g3 { background:#c79cf5; }
.yf-avatar.g4 { background:#f58fb8; } .yf-avatar.g5 { background:#79c6e8; }
.yf-board-item-info { flex:1; min-width:0; }
.yf-board-item-info .name { font-weight:600; color:#f0f3fa; }
.yf-board-item-info .msg { font-size:12px; color:#bdd4ff; }
.yf-board-item-amt { font-weight:700; color:#ffd700; }
@media (max-width:560px) {
  .yf-board-card { padding:22px 16px; border-radius:22px; }
  .yf-board-stats { gap:10px; }
  .yf-stat { padding:11px 6px; }
  .yf-stat b { font-size:15px; }
  .yf-stat span { font-size:10.5px; }
}