.server-domain-announcement { width: 100%; min-width: 0; margin: 8px 0; padding: 0 14px 10px; background-color: var(--paper); background-image: var(--paper-texture, none); }
.server-domain-title { display: flex; align-items: center; gap: 9px; margin: 0; padding: 11px 0; color: var(--ink); font-family: "Golden Brush", "KaiTi", serif; font-weight: 400; font-size: clamp(24px, 4.2vw, 38px); line-height: 1.25; text-align: left; }
.server-domain-title::before { flex: none; width: 48px; height: 36px; background: url("../images/cloud-emblem.svg") center / contain no-repeat; content: ""; }
.server-domain-table { width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 1px solid var(--gold); }
.server-domain-table td { width: 50%; padding: 0; border-bottom: 1px solid var(--line); text-align: center; vertical-align: middle; }
.server-domain-table td + td { border-left: 1px solid var(--gold); }
.server-domain-table a { display: block; min-height: 37px; padding: 8px 5px; color: #174db0; font-family: Arial, "Microsoft YaHei", sans-serif; font-size: 13px; line-height: 1.5; text-decoration: underline; overflow-wrap: anywhere; }
.server-domain-table a:hover { color: var(--cinnabar); background: #dbc39133; }
@media (max-width: 680px) {
  .server-domain-announcement { padding: 0 8px 7px; }
  .server-domain-title { gap: 6px; padding-block: 9px; font-size: 23px; }
  .server-domain-title::before { width: 29px; height: 24px; }
}