feat: refine earth hud panel behaviors and news board

frontend/public/earth/css/tv-panel.css

@@ -14,15 +14,11 @@
 }
 
 /* header 内嵌 select + actions */
-.hud-panel-tv .hud-panel-header {
+.hud-panel-tv .hud-panel__header {
   align-items: center;
   gap: var(--hud-gap-xs);
 }
 
-.hud-panel-tv .hud-panel-header .hud-panel-close {
-  align-self: center;
-}
-
 .tv-panel-header-title {
   flex: 0 0 auto;
   white-space: nowrap;
@@ -30,8 +26,9 @@
 }
 
 /* select / action 在 drag-handle 内，恢复正常指针 */
-.hud-panel-tv .hud-panel-header .tv-panel-select,
-.hud-panel-tv .hud-panel-header .tv-panel-action {
+.hud-panel-tv .hud-panel__header .tv-panel-select,
+.hud-panel-tv .hud-panel__header .hud-panel__action,
+.hud-panel-tv .hud-panel__header .hud-panel-close {
   cursor: pointer;
   user-select: auto;
 }
@@ -63,58 +60,6 @@
   color: #eef5fc;
 }
 
-.tv-panel-actions {
-  display: flex;
-  gap: var(--hud-gap-xs);
-}
-
-.tv-panel-action {
-  border: 1px solid transparent;
-  border-radius: calc(4px * var(--hud-scale));
-  background: transparent;
-  color: var(--hud-text-muted);
-  padding: calc(7px * var(--hud-scale));
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition:
-    background 0.18s ease,
-    border-color 0.18s ease,
-    color 0.18s ease,
-    transform 0.18s ease,
-    opacity 0.18s ease;
-}
-
-.tv-panel-action--icon .material-symbols-rounded {
-  font-size: calc(16px * var(--hud-scale));
-  line-height: 1;
-  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
-  pointer-events: none;
-}
-
-.tv-panel-action:hover:not(:disabled) {
-  background: rgba(255, 255, 255, 0.08);
-  border-color: rgba(225, 239, 255, 0.14);
-  color: var(--hud-accent-strong);
-}
-
-.tv-panel-action:disabled {
-  opacity: 0.45;
-  cursor: not-allowed;
-}
-
-/* toggle 箭头：展开时朝下，折叠时朝上 */
-.tv-panel-meta-toggle .material-symbols-rounded {
-  transition: transform 0.22s ease;
-  transform: rotate(0deg);
-}
-
-.tv-panel-meta-toggle.is-collapsed .material-symbols-rounded {
-  transform: rotate(180deg);
-}
-
-/* meta wrap：折叠时用负 margin 抵消 flex gap，无死区 */
 .tv-panel-meta-wrap {
   overflow: hidden;
   max-height: calc(120px * var(--hud-scale));