.home-updates-preview { position: absolute; z-index: 3; inset: 26px clamp(42px, 4vw, 90px) 22px 5%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 2vw, 30px); pointer-events: none; }
.home-updates-panel { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; padding: 20px; border: 1px solid rgba(118, 173, 206, .3); border-radius: 14px; background: transparent; box-shadow: 0 24px 70px rgba(0, 0, 0, .16); pointer-events: auto; overflow: hidden; }
.home-updates-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid rgba(118, 173, 206, .2); }
.home-updates-panel h2 { margin: 0; color: var(--cyan-soft); font-family: "Microsoft YaHei", "微软雅黑", sans-serif; font-size: 1.2rem; font-weight: 700; }
.home-updates-panel > header a, .home-updates-more { color: #8fa8b5; font-size: .75rem; transition: color .18s; }
.home-updates-panel a:hover { color: var(--cyan-soft); }
.home-updates-list { min-height: 0; overflow: hidden; scrollbar-width: thin; scrollbar-color: rgba(57, 212, 255, .35) transparent; }
.home-updates-list.is-scrollable { overflow-y: auto; padding-right: 7px; }
.home-update-entry { padding: 17px 0 18px; border-bottom: 1px solid rgba(118, 173, 206, .16); }
.home-update-entry[hidden] { display: none; }
.home-update-entry time { display: block; margin-bottom: 8px; color: var(--amber); font-family: var(--display); font-size: .8rem; letter-spacing: .025em; text-shadow: 0 1px 3px #000; }
.home-update-entry div { color: #d4dde2; font-family: "Microsoft YaHei", "微软雅黑", sans-serif; font-size: 1rem; line-height: 1.72; white-space: pre-wrap; overflow-wrap: anywhere; text-shadow: 0 1px 3px #000; }
.home-updates-more { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 14px; }
.home-updates-empty { align-self: center; color: #708793; text-align: center; }
@media (max-width: 1250px) {
  .home-updates-preview { inset-inline: 3% 42px; }
  .home-updates-panel { padding: 17px; }
}
@media (max-width: 900px) {
  .hero-visual { width: 100%; min-height: 850px; margin: 8px 0 0; }
  .hero-visual .energy-wave { inset: 0 -42px; width: auto; }
  .home-updates-preview { inset: 12px; grid-template-columns: 1fr; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 680px) {
  .hero-visual { min-height: 820px; }
  .home-updates-panel { padding: 15px; }
  .home-update-entry { padding-block: 14px 15px; }
  .home-update-entry div { font-size: .94rem; }
}