.notice-board{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.notice-board-head,
.notice-list-row{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:18px;
  padding:18px 20px;
}
.notice-board-head{
  background:#f8fbff;
  font-weight:800;
  color:#334155;
  border-bottom:1px solid var(--line);
}
.notice-list-row{
  border-bottom:1px solid var(--line);
  align-items:center;
  text-decoration:none;
}
.notice-list-row:last-child{border-bottom:0}
.notice-list-row:hover{background:#fbfdff}
.notice-list-row > div{min-width:0}
.notice-list-row .notice-title{
  font-weight:700;
  color:var(--text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.empty-box{
  padding:40px;
  text-align:center;
  color:var(--muted);
  background:#fff;
  border:1px dashed var(--line);
  border-radius:18px;
}
@media (max-width: 720px){
  .notice-board-head{display:none}
  .notice-list-row{
    grid-template-columns:1fr;
    gap:8px;
  }
}