.dingda-notice-dialog { margin: auto; padding: 0; width: min(390px,calc(100vw - 32px)); max-height: min(88dvh,760px); border: 1px solid var(--border-color,#e2e6f0); border-radius: 24px; color: var(--text-primary,#26334d); background: var(--card-background,#fff); box-shadow: 0 24px 100px #11193238; overflow: auto; }
.dingda-notice-dialog::backdrop { background: #0a10216b; backdrop-filter: blur(5px); }
.dingda-notice-card { position: relative; padding: 32px 26px 22px; text-align: center; }
.dingda-notice-x { position: absolute; right: 12px; top: 12px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: var(--bg-secondary,#f2f4fa); color: var(--text-secondary,#8a94aa); cursor: pointer; font-size: 25px; line-height: 30px; }
.dingda-notice-avatar { display: grid; place-items: center; margin: 6px auto 20px; width: 70px; height: 70px; }
.dingda-notice-avatar img { width: 100%; height: 100%; object-fit: contain; }
.dingda-notice-dialog.creator .dingda-notice-avatar { animation: dingda-notice-breathe 2.8s ease-in-out infinite; }
.dingda-notice-dialog.creator .dingda-notice-avatar img { border-radius: 50%; object-fit: cover; box-shadow: 0 6px 24px #6477eb26; }
@keyframes dingda-notice-breathe { 0%,100% { transform: scale(.94); } 50% { transform: scale(1.06); } }
.dingda-notice-sender { font-size: 12px; color: #7d8be2; font-weight: 500; }
.dingda-notice-card h2 { font-size: 21px; line-height: 1.5; font-weight: 750; margin: 12px 0 16px; overflow-wrap: anywhere; }
#dingdaNoticeMessage { text-align: left; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.9; max-height: 38dvh; overflow-y: auto; color: var(--text-secondary,#78859d); }
.dingda-notice-time { display: block; color: var(--text-muted,#a0a9ba); font-size: 11px; margin: 16px 0; }
.dingda-notice-confirm { display: block; width: 100%; padding: 12px; border: 0; border-radius: 12px; color: #fff; background: #5a70ee; font-size: 14px; font-weight: 650; cursor: pointer; }
.dingda-notice-footnote { display: block; margin-top: 12px; color: var(--text-muted,#a0a9ba); font-size: 10px; }
.dingda-notice-dialog button:focus-visible { outline: 2px solid #8b9cff; outline-offset: 3px; }
#noticeInbox { margin: 16px; }
#noticeInbox:empty, #noticeInbox[hidden] { display: none; }
#noticeInbox h3 { font-size: 14px; color: var(--text-secondary); margin: 16px 0; }
#noticeInbox article { display: flex; align-items: flex-start; gap: 12px; padding: 16px; margin-bottom: 10px; border: 1px solid var(--border-color,#e2e6f0); background: var(--card-background,#fff); border-radius: 14px; }
#noticeInbox article > img { width: 36px; height: 36px; object-fit: cover; border-radius: 50%; }
#noticeInbox article > div { flex: 1; min-width: 0; }
#noticeInbox small { display: block; color: #8593dd; font-size: 11px; }
#noticeInbox summary { margin: 6px 0; font-size: 14px; font-weight: 650; cursor: pointer; overflow-wrap: anywhere; }
#noticeInbox p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; color: var(--text-secondary); line-height: 1.8; }
@media(prefers-reduced-motion:reduce) { .dingda-notice-dialog.creator .dingda-notice-avatar { animation: none; } }