.ys-announcements{position:sticky;top:0;z-index:900;display:grid;gap:4px}.ys-announcement{display:flex;align-items:center;gap:12px;padding:9px 16px;background:#eef5ff;color:#17375e;font:14px/1.4 system-ui,sans-serif}.ys-announcement--warn{background:#fff4d8;color:#714b00}.ys-announcement--urgent{background:#8f2020;color:#fff}.ys-announcement div{flex:1}.ys-announcement span{margin-left:8px}.ys-announcement a,.ys-announcement button{color:inherit;font:inherit}.ys-announcement button{border:0;background:transparent;font-size:22px;cursor:pointer}@media(max-width:600px){.ys-announcement{padding:8px 10px;font-size:13px;gap:8px}.ys-announcement span{display:block;margin-left:0}}

/* [主题迁移] css/announcement.css 旧版已完成的语义主题适配。 */
.ys-announcements{position:sticky;top:0;z-index:900;display:grid;gap:4px}.ys-announcement{display:flex;align-items:center;gap:12px;padding:9px 16px;background:#eef5ff;color:#17375e;font:14px/1.4 system-ui,sans-serif}.ys-announcement--warn{background:#fff4d8;color:#714b00}.ys-announcement--urgent{background:#8f2020;color:#fff}.ys-announcement div{flex:1}.ys-announcement span{margin-left:8px}.ys-announcement a,.ys-announcement button{color:inherit;font:inherit}.ys-announcement button{border:0;background:transparent;font-size:22px;cursor:pointer}@media(max-width:600px){.ys-announcement{padding:8px 10px;font-size:13px;gap:8px}.ys-announcement span{display:block;margin-left:0}}

/* Semantic theme adapter: visual declarations only. */
html[data-theme="light"] .ys-announcements,
html[data-theme="dark"] .ys-announcements {
  background: var(--theme-canvas-alt);
  color: var(--theme-text-1);
}

html[data-theme="light"] .ys-announcement,
html[data-theme="dark"] .ys-announcement {
  background: var(--theme-surface);
  border-color: var(--theme-line);
  color: var(--theme-text-1);
  box-shadow: var(--theme-shadow);
}

html[data-theme="light"] .ys-announcement--warn,
html[data-theme="dark"] .ys-announcement--warn {
  background: var(--theme-gold-soft);
  border-color: var(--theme-gold);
  color: var(--theme-text-1);
}

html[data-theme="light"] .ys-announcement--urgent,
html[data-theme="dark"] .ys-announcement--urgent {
  background: var(--theme-surface-raised);
  border-color: var(--theme-danger);
  color: var(--theme-danger);
}

html[data-theme="light"] .ys-announcement button,
html[data-theme="dark"] .ys-announcement button {
  background: var(--theme-surface-soft);
  border-color: var(--theme-line);
  color: var(--theme-text-2);
}

html[data-theme="light"] .ys-announcement a,
html[data-theme="dark"] .ys-announcement a {
  background: var(--theme-gold-soft);
  border-color: var(--theme-gold);
  color: var(--theme-text-1);
}

html[data-theme="light"] .ys-announcement button:hover,
html[data-theme="dark"] .ys-announcement button:hover {
  background: var(--theme-surface-soft);
  border-color: var(--theme-gold);
  color: var(--theme-gold);
}

html[data-theme="light"] .ys-announcement button:focus-visible,
html[data-theme="dark"] .ys-announcement button:focus-visible {
  border-color: var(--theme-gold);
  outline-color: var(--theme-gold);
  box-shadow: 0 0 0 3px var(--theme-gold-soft);
}

html[data-theme="light"] .ys-announcement button:disabled,
html[data-theme="dark"] .ys-announcement button:disabled {
  background: var(--theme-surface-soft);
  color: var(--theme-text-disabled);
  opacity: .62;
}