Widget:MainPageChangelog

<style>

 .widget-changelog{
   max-height: var(--changelog-max-height, 280px);
   overflow-y: auto;
   padding-right: var(--changelog-pr, 5px);
   box-sizing: border-box;
 }
 .notice-item{
   display:flex; align-items:flex-start;
   background:#fff; border:1px solid #ddd; border-radius:6px;
   margin-bottom:10px; padding:8px 10px; box-sizing:border-box;
   border-left:5px solid var(--notice-color, #f5b700);
 }
 .notice-content{ flex:1; }
 .notice-title{
   display:block; font-size:1.3em; font-weight:bold; color:#333; text-decoration:none; margin:0;
 }
 .notice-title:hover{ text-decoration:underline; }
 .notice-date{ font-size:.9em; color:#888; margin:-5px 0; }
 .notice-desc{ color:#555; line-height:1.3; margin:0; }
 .notice-icon{ object-fit:contain; flex-shrink:0; }
 @media (prefers-color-scheme: dark){
   .notice-item{ background:#1b1b1b; border-color:#333; }
   .notice-title{ color:#e6e6e6; }
   .notice-date{ color:#aaa; }
   .notice-desc{ color:#ccc; }
 }

</style>