Widget:MainPageChangelog

 <style>
   /* ====== Changelog (CSS dentro da widget) ====== */
   .widget-changelog {
     max-height: var(--changelog-max-height);
     overflow-y: auto;
     padding-right: var(--changelog-padding-right);
     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: 0.9em; color: #888; margin: -5px 0; }
   .notice-desc { color: #555; line-height: 1.3; margin: 0; }
   .notice-icon { object-fit: contain; flex-shrink: 0; }

   /* Dark mode opcional */
   @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>

 {{{body}}}