/* 消息管理(users.php?page=aksrt_messages)——仅在本页入队 */ .aksrt-messages-admin { --aksrt-msg-border: #dcdcde; --aksrt-msg-muted: #646970; --aksrt-msg-soft: #f6f7f7; --aksrt-msg-accent: #2271b1; } .aksrt-messages-admin__muted { color: var(--aksrt-msg-muted); } .aksrt-messages-admin__sub { margin-top: 3px; color: var(--aksrt-msg-muted); font-size: 12px; } .aksrt-messages-admin__sub code { padding: 0 4px; font-size: 12px; background: var(--aksrt-msg-soft); } /* ---- 概览 ---- */ .aksrt-messages-admin__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 16px 0 0; padding: 0; list-style: none; } .aksrt-messages-admin__stat { display: flex; align-items: center; gap: 12px; margin: 0; padding: 14px 16px; background: #fff; border: 1px solid var(--aksrt-msg-border); border-radius: 4px; } .aksrt-messages-admin__stat > .dashicons { flex: none; width: 36px; height: 36px; font-size: 20px; line-height: 36px; text-align: center; color: var(--aksrt-msg-tone, var(--aksrt-msg-accent)); background: color-mix(in srgb, var(--aksrt-msg-tone, var(--aksrt-msg-accent)) 12%, #fff); border-radius: 50%; } .aksrt-messages-admin__stat div { display: flex; flex-direction: column; min-width: 0; } .aksrt-messages-admin__stat strong { font-size: 20px; line-height: 1.3; } .aksrt-messages-admin__stat div span { color: var(--aksrt-msg-muted); } .aksrt-messages-admin__stat.is-unread { --aksrt-msg-tone: #d63638; } .aksrt-messages-admin__stat.is-today { --aksrt-msg-tone: #00a32a; } .aksrt-messages-admin__stat.is-recipients { --aksrt-msg-tone: #8c5bd0; } /* ---- 代发 ---- */ .aksrt-messages-admin__compose { margin: 16px 0 8px; background: #fff; border: 1px solid var(--aksrt-msg-border); border-radius: 4px; } .aksrt-messages-admin__compose > summary { display: flex; align-items: center; gap: 6px; padding: 10px 14px; cursor: pointer; font-weight: 600; color: var(--aksrt-msg-accent); list-style: none; } .aksrt-messages-admin__compose > summary::-webkit-details-marker { display: none; } .aksrt-messages-admin__compose[open] > summary { border-bottom: 1px solid var(--aksrt-msg-border); } .aksrt-messages-admin__compose-form { margin: 0; padding: 14px; } .aksrt-messages-admin__modes { display: flex; gap: 16px; margin: 0 0 12px; padding: 0; border: 0; } .aksrt-messages-admin__modes legend { float: left; margin-right: 8px; font-weight: 600; } .aksrt-messages-admin__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; } .aksrt-messages-admin__grid label { display: flex; flex-direction: column; gap: 4px; } .aksrt-messages-admin__grid label > span { font-weight: 600; } .aksrt-messages-admin__grid label > small { color: var(--aksrt-msg-muted); } .aksrt-messages-admin__grid .is-wide { grid-column: 1 / -1; } .aksrt-messages-admin__grid input, .aksrt-messages-admin__grid select, .aksrt-messages-admin__grid textarea { width: 100%; max-width: none; } /* 收件人模式切换:纯 CSS,无 JS 时两组字段都可见、按所选模式生效。 */ .aksrt-messages-admin__compose-form:has(input[name="recipient_mode"][value="users"]:checked) .is-role, .aksrt-messages-admin__compose-form:has(input[name="recipient_mode"][value="role"]:checked) .is-users { display: none; } .aksrt-messages-admin__compose-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 0 0; } /* ---- 筛选 ---- */ .aksrt-messages-admin__filters { clear: both; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 0 0; } .aksrt-messages-admin__filters input[type="text"], .aksrt-messages-admin__filters input[type="search"] { min-width: 200px; } /* ---- 列表 ---- */ .aksrt-messages-admin__danger.button { color: #b32d2e; border-color: #b32d2e; } .aksrt-messages-admin__danger.button:hover, .aksrt-messages-admin__danger.button:focus { color: #fff; background: #b32d2e; border-color: #b32d2e; } .aksrt-messages-admin__table .column-title { width: 40%; } .aksrt-messages-admin__table .column-type { width: 12%; } .aksrt-messages-admin__table .column-user { width: 18%; } .aksrt-messages-admin__table .column-read { width: 8%; } .aksrt-messages-admin__table .column-time { width: 14%; } .aksrt-messages-admin__table td { vertical-align: middle; } .aksrt-messages-admin__table .row-title { word-break: break-word; } .aksrt-messages-admin__table tr.is-unread .row-title { font-weight: 700; } .aksrt-messages-admin__table tr.is-unread > th:first-child { box-shadow: inset 3px 0 0 var(--aksrt-msg-accent); } .aksrt-messages-admin__desc { margin-top: 3px; color: #3c434a; word-break: break-word; } .aksrt-messages-admin__empty { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 32px 0; color: var(--aksrt-msg-muted); } .aksrt-messages-admin__empty .dashicons { width: 32px; height: 32px; font-size: 32px; opacity: .5; } .aksrt-msg-badge { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 12px; line-height: 18px; white-space: nowrap; text-decoration: none; color: var(--aksrt-msg-tone, #646970); background: color-mix(in srgb, var(--aksrt-msg-tone, #646970) 12%, #fff); border: 1px solid color-mix(in srgb, var(--aksrt-msg-tone, #646970) 30%, #fff); } .aksrt-msg-badge:hover, .aksrt-msg-badge:focus { color: var(--aksrt-msg-tone, #646970); border-color: var(--aksrt-msg-tone, #646970); } .aksrt-msg-badge.is-info { --aksrt-msg-tone: #2271b1; } .aksrt-msg-badge.is-success { --aksrt-msg-tone: #00a32a; } .aksrt-msg-badge.is-danger { --aksrt-msg-tone: #d63638; } .aksrt-msg-badge.is-social { --aksrt-msg-tone: #8c5bd0; } .aksrt-msg-state { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; white-space: nowrap; } .aksrt-msg-state::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; } .aksrt-msg-state.is-unread { color: var(--aksrt-msg-accent); font-weight: 600; } .aksrt-msg-state.is-read { color: var(--aksrt-msg-muted); } .aksrt-msg-user { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-width: 0; text-decoration: none; } .aksrt-msg-user img { flex: none; border-radius: 50%; } .aksrt-msg-user span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1100px) { .aksrt-messages-admin__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 782px) { .aksrt-messages-admin__grid { grid-template-columns: minmax(0, 1fr); } .aksrt-messages-admin__compose-foot { flex-direction: column; align-items: flex-start; } .aksrt-messages-admin__table .column-type, .aksrt-messages-admin__table .column-read { display: none; } }