#newslist { position: relative; }
#newslist>ul { margin: 0; padding: 0; list-style: none; }
#newslist>ul>li { margin: 0 0 24px; padding: 0; }
#newslist .border {display: grid;grid-template-columns: minmax(0,.32fr) minmax(0,.68fr);align-items: center;border: 1px solid #f1dfc5;border-radius: 20px;background: #ffffff;overflow: hidden;transition: .3s ease;gap: 50px;padding: 30px;}
#newslist .border:hover {border-color: var(--primary);}
#newslist .photo {position: relative;overflow: hidden;background: #fff9ef;border-radius: 15px;}
#newslist .photo a { display: block; aspect-ratio: 4/3; background-position: center; background-size: cover; background-repeat: no-repeat; transition: .45s ease; }
#newslist .photo a:hover { transform: scale(1.03); }
#newslist .photo img { display: block; width: 100%; }
#newslist .news-info {position: relative;display: flex;flex-direction: column;}
#newslist .news-bottom {display: flex;align-items: center;gap: 12px;}
#newslist .news-bottom p { margin: 0; }
#newslist .news-bottom p:first-child {color: #ff8a1f;font-size: 13px;font-weight: 700;letter-spacing: .08em;font-family: "Arimo", sans-serif;}
#newslist .news-bottom p:last-child a {display: inline-flex;align-items: center;padding: 2px 11px;border-radius: 999px;background: #fff3dc;color: #ff8a1f;font-size: 12px;font-weight: 500;text-decoration: none;}
#newslist .news-info h3 { margin: 0 0 14px; }
#newslist .news-info h3 a {display: block;font-size: 20px;font-weight: 600;line-height: 1.55;text-decoration: none;transition: .3s ease;}
#newslist .news-info h3 a:hover { color: #ff8a1f; }
#newslist .news-info>span { display: block; width: 42px; height: 2px; margin-bottom: 16px; background: linear-gradient(90deg,#ffb52e 0%,#ff8a1f 100%); }
#newslist .describe { margin: 0; color: #777777; font-size: 15px; line-height: 1.9; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#newslist .more { margin: 22px 0 0; }
#newslist .more a { display: inline-flex; align-items: center; gap: 9px; color: #ff8a1f; font-size: 14px; font-weight: 700; text-decoration: none; }
#newslist .more a:after { content: "→"; display: inline-block; transition: .3s ease; }
#newslist .more a:hover:after { transform: translateX(5px); }
@media(max-width:900px) {
  #newslist .border {grid-template-columns: 1fr;gap: 0;}
  #newslist .photo a { aspect-ratio: 16/9; }
  #newslist .news-info {padding: 25px 0px 0;}
}
@media(max-width:600px) {
  #newslist>ul>li { margin-bottom: 16px; }
  #newslist .border {border-radius: 15px;padding: 15px;}
  #newslist .news-info { padding: 20px; }
  #newslist .news-info h3 a {font-size: 18px;}
  #newslist .describe { font-size: 14px; -webkit-line-clamp: 2; }
  #newslist .news-bottom { gap: 8px; flex-wrap: wrap; }
}