[data-release-notices] .mx-notice-badge[hidden] { display: none; }
.mx-app-main.mx-notice-underlay { display: none !important; }
.mx-notice-page { min-width: 0; min-height: 0; overflow-y: auto; color: #e8eef9; }
.mx-notice-content { width: min(100%, 1100px); margin: 0 auto; padding: 26px 24px 48px; }
.mx-notice-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.mx-notice-heading h1 { margin: 0; color: #f2f7ff; font-size: 24px; line-height: 1.3; }
.mx-notice-subtitle { margin: 7px 0 0; color: #94a6bd; font-size: 13px; }
.mx-notice-check-status { margin: 8px 0 0; color: #a9b9cb; font-size: 12px; line-height: 1.6; }
.mx-notice-toast { position: fixed; z-index: 1500; top: 72px; right: 20px; padding: 11px 15px; border: 1px solid #317e78; border-radius: 10px; color: #e5fffb; background: #123932; box-shadow: 0 10px 28px #0007; font-size: 13px; }
.mx-notice-list { list-style: none; margin: 0; padding: 0; border: 1px solid #263751; border-radius: 14px; overflow: hidden; background: #101c2d; }
.mx-notice-row { padding: 20px; border-bottom: 1px solid #263751; }
.mx-notice-row:last-child { border-bottom: 0; }
.mx-notice-title { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.mx-notice-title strong { color: #f2f7ff; font-size: 15px; }
.mx-notice-title span { color: #9fc9ff; font-size: 13px; }
.mx-notice-title .mx-notice-unread { padding: 2px 7px; border-radius: 10px; color: #ffbe70; background: #49351e; font-size: 12px; }
.mx-notice-artist { color: #aabbd1; margin: 8px 0; font-size: 13px; }
.mx-notice-reason { color: #dce6f5; margin: 10px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.mx-notice-meta { color: #94a6bd; margin: 8px 0 12px; font-size: 12px; line-height: 1.6; }
.mx-notice-action { border: 1px solid #3b5876; border-radius: 8px; color: #e7f1ff; background: #20344b; padding: 8px 12px; cursor: pointer; }
.mx-notice-action:hover { background: #2b4561; }
.mx-notice-row .mx-notice-action + .mx-notice-action { margin-left: 8px; }
.mx-notice-action[hidden] { display: none; }
.mx-notice-empty { color: #94a6bd; padding: 72px 20px; text-align: center; }
.mx-notice-foot { display: flex; justify-content: center; padding-top: 18px; }
.mx-notice-drawer-overlay { position: fixed; inset: 0; z-index: 1800; display: flex; justify-content: flex-end; background: #0009; }
.mx-notice-drawer { display: flex; flex-direction: column; width: min(620px, 100%); height: 100%; color: #e8eef9; background: #101b2b; box-shadow: -12px 0 36px #0008; animation: mx-notice-drawer-in .2s ease-out; }
@keyframes mx-notice-drawer-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
.mx-notice-drawer-head { display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; border-bottom: 1px solid #304059; }
.mx-notice-drawer-head h2 { margin: 0; font-size: 19px; }
.mx-notice-drawer-close, .mx-notice-detail-edit { border: 1px solid #41617f; border-radius: 8px; padding: 8px 13px; color: #edf5ff; background: #253a53; cursor: pointer; }
.mx-notice-drawer-body { flex: 1; min-height: 0; overflow-y: auto; padding: 20px 22px; }
.mx-notice-detail-section { padding: 17px; margin-bottom: 15px; border: 1px solid #304059; border-radius: 12px; background: #142237; }
.mx-notice-detail-section h3 { margin: 0 0 14px; color: #eff7ff; font-size: 15px; }
.mx-notice-detail-field { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 12px; margin: 10px 0; line-height: 1.6; font-size: 13px; }
.mx-notice-detail-label { color: #9eb1c9; }
.mx-notice-detail-value { overflow-wrap: anywhere; white-space: pre-wrap; }
.mx-notice-detail-hint { color: #a9b9cb; line-height: 1.6; font-size: 13px; }
.mx-notice-history-card { overflow: hidden; border: 1px solid #30465f; border-radius: 12px; background: #101c2b; }
.mx-notice-history-header { display: flex; gap: 18px; align-items: center; padding: 20px; background: linear-gradient(115deg, #1b3445, #15273a 72%); }
.mx-notice-history-cover { display: grid; place-items: center; flex: 0 0 88px; width: 88px; height: 88px; overflow: hidden; border: 1px solid #45657a; border-radius: 9px; color: #a7c0d7; background: #294051; }
.mx-notice-history-cover img { width: 100%; height: 100%; object-fit: cover; }
.mx-notice-history-identity { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; }
.mx-notice-history-eyebrow { color: #77cabc; font-size: 11px; letter-spacing: .12em; }
.mx-notice-history-title { color: #f2f7ff; overflow-wrap: anywhere; font-size: 17px; line-height: 1.4; }
.mx-notice-history-artist { color: #d2dff0; font-size: 13px; overflow-wrap: anywhere; }
.mx-notice-history-id { color: #91a9bf; font-size: 11px; }
.mx-notice-history-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 22px; min-width: 0; padding: 18px 20px 16px; }
.mx-notice-history-grid { display: grid; align-content: start; grid-template-columns: minmax(0, 1fr); grid-template-rows: 22px repeat(5, 30px); gap: 8px; min-width: 0; }
.mx-notice-history-grid::before { content: '歌曲信息'; color: #dce8f6; font-size: 13px; font-weight: 600; }
.mx-notice-history-credit { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 8px; min-width: 0; font-size: 13px; line-height: 1.6; }
.mx-notice-history-credit-label { color: #879fb8; font-size: 12px; white-space: nowrap; }
.mx-notice-history-credit-value { min-width: 0; overflow-x: auto; white-space: nowrap; color: #e4edf8; scrollbar-width: thin; }
.mx-notice-history-credit-status { justify-self: start; white-space: nowrap; }
.mx-notice-history-release { display: grid; align-content: start; grid-template-rows: 22px 30px auto auto; gap: 8px; min-width: 0; padding-left: 20px; border-left: 1px solid #2a3c51; }
.mx-notice-history-section-title { color: #dce8f6; font-size: 13px; font-weight: 600; }
.mx-notice-history-states { display: grid; grid-auto-rows: 30px; gap: 8px; color: #aabbd1; font-size: 13px; line-height: 1.6; }
.mx-notice-history-line { display: flex; align-items: center; min-width: 0; overflow-x: auto; white-space: nowrap; color: #a8bbd1; font-size: 13px; line-height: 1.6; scrollbar-width: thin; }
.mx-notice-history-state { display: flex; align-items: center; gap: 3px; min-width: 0; overflow-x: auto; white-space: nowrap; scrollbar-width: thin; }
.mx-notice-history-state-label { color: #94a6bd; }
.mx-notice-history-status { padding: 1px 7px; border-radius: 9px; color: #b9d9ff; background: #223951; }
.mx-notice-history-status.published { color: #9be5c6; background: #193b34; }
.mx-notice-history-status.rejected, .mx-notice-history-status.submit_failed, .mx-notice-history-status.delisted { color: #ffabb0; background: #4a2935; }
.mx-notice-history-reason { display: flex; gap: 9px; margin-top: 6px; color: #ffb6b7; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.mx-notice-history-reason-label { flex: 0 0 auto; color: #dc9098; }
.mx-notice-history-time { grid-column: 1 / -1; margin-top: 16px; padding-top: 13px; border-top: 1px solid #2a3c51; color: #8299b2; font-size: 12px; }
.mx-notice-drawer-foot { padding: 14px 22px; border-top: 1px solid #304059; text-align: right; }
.mx-notice-drawer-foot:empty { display: none; }
.mx-notice-detail-edit { background: #176c66; border-color: #258f87; }
.mx-notice-detail-edit:disabled { opacity: .6; cursor: wait; }
.mx-notice-status-overlay { position: fixed; inset: 0; z-index: 2100; display: grid; place-items: center; padding: 20px; background: #030914bd; }
.mx-notice-status-dialog { width: min(100%, 460px); max-height: calc(100vh - 40px); overflow-y: auto; box-sizing: border-box; padding: 24px; border: 1px solid #3a5873; border-radius: 16px; color: #e8eef9; background: #132237; box-shadow: 0 24px 70px #0009; }
.mx-notice-status-header { display: flex; align-items: flex-start; gap: 12px; }
.mx-notice-status-icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; color: #8ed5cc; background: #1c4949; }
.mx-notice-status-header h2 { margin: 0; color: #f0f7ff; font-size: 18px; line-height: 1.4; }
.mx-notice-status-header p { margin: 5px 0 0; color: #a9bad0; font-size: 13px; }
.mx-notice-status-identity { display: flex; flex-direction: column; gap: 6px; margin: 20px 0 14px; padding: 15px; border: 1px solid #2f465e; border-radius: 10px; background: #101c2c; }
.mx-notice-status-identity strong { color: #f2f7ff; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.mx-notice-status-identity span { color: #a9bad0; font-size: 13px; overflow-wrap: anywhere; }
.mx-notice-status-compare { overflow: hidden; border: 1px solid #2f465e; border-radius: 10px; }
.mx-notice-status-compare-row { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 12px 14px; font-size: 13px; line-height: 1.6; }
.mx-notice-status-compare-row + .mx-notice-status-compare-row { border-top: 1px solid #2f465e; }
.mx-notice-status-compare-label { color: #9cb0c7; }
.mx-notice-status-old, .mx-notice-status-current { overflow-wrap: anywhere; }
.mx-notice-status-old { color: #c7d4e4; }
.mx-notice-status-current { color: #8fdcc8; font-weight: 600; }
.mx-notice-status-advice { margin: 15px 0 0; padding: 12px 14px; border-radius: 9px; color: #c7e7e0; background: #173c3b; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.mx-notice-status-actions { display: flex; justify-content: flex-end; margin-top: 20px; }
.mx-notice-status-confirm { min-width: 86px; padding: 9px 18px; border: 1px solid #3daca1; border-radius: 8px; color: #f2fffc; background: #176c66; cursor: pointer; }
.mx-notice-status-confirm:hover { background: #207e76; }
.mx-notice-status-confirm:focus-visible { outline: 2px solid #a2e8dc; outline-offset: 3px; }
@media (max-width: 900px) {
  .mx-app-nav-links:has([data-release-notices]) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  #app-main:has(.mx-notice-page) .mx-global-header-left::after { content: "发行消息"; }
  .mx-notice-page { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
  .mx-notice-content { padding: 18px 14px 28px; }
  .mx-notice-toast { top: 68px; right: 12px; left: 12px; text-align: center; }
  .mx-notice-head { align-items: flex-start; }
  .mx-notice-heading h1 { font-size: 20px; }
  .mx-notice-head .mx-notice-action { flex: 0 0 auto; font-size: 12px; }
  .mx-notice-row { padding: 17px 15px; }
  .mx-notice-row .mx-notice-action { margin-top: 4px; }
  .mx-notice-drawer-head, .mx-notice-drawer-body, .mx-notice-drawer-foot { padding-left: 16px; padding-right: 16px; }
  .mx-notice-detail-field { grid-template-columns: 92px minmax(0, 1fr); }
  .mx-notice-history-header { gap: 13px; padding: 15px; }
  .mx-notice-history-body { gap: 0 12px; padding: 15px; }
  .mx-notice-history-cover { flex-basis: 70px; width: 70px; height: 70px; }
  .mx-notice-history-release { padding-left: 12px; }
  .mx-notice-status-dialog { padding: 20px; }
}
@media (max-width: 350px) {
  .mx-notice-history-body { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .mx-notice-history-release { padding: 15px 0 0; border-top: 1px solid #2a3c51; border-left: 0; }
  .mx-notice-history-time { margin-top: 0; }
}