.news-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--color-border)}
.news-item{border-bottom:1px solid var(--color-border)}
.news-item a{
  display:flex;justify-content:space-between;align-items:center;
  padding:20px 8px;transition:var(--transition);
}
.news-item a:hover{background:var(--color-white);padding-left:16px}
.news-item h3{font-size:16px;font-weight:400;color:var(--color-text)}
.news-item a:hover h3{color:var(--color-primary)}
.news-item time{font-size:13px;color:var(--color-muted);white-space:nowrap;margin-left:16px}

.news-detail{max-width:860px;margin:0 auto}
.news-detail h1{font-family:var(--font-heading);font-size:28px;color:var(--color-primary);margin-bottom:8px}
.news-detail time{display:block;font-size:13px;color:var(--color-muted);margin-bottom:24px;
  padding-bottom:16px;border-bottom:1px solid var(--color-border)}
.news-detail .content{font-size:16px;line-height:2;color:#444}
.news-detail .content img{border-radius:var(--radius);margin:16px 0}