.s9-message-icon { position:fixed; right:max(18px,env(safe-area-inset-right)); bottom:calc(78px + env(safe-area-inset-bottom)); z-index:2147483000; width:48px; height:48px; padding:11px; border:1px solid #a8bae0; border-radius:50%; color:#fff; background:#405b98; box-shadow:0 3px 12px #1b335233; cursor:pointer; }
.s9-message-icon[hidden] { display:none; }
.s9-message-icon { touch-action:none; user-select:none; -webkit-touch-callout:none; --s9-icon-safe-left:env(safe-area-inset-left,0px); --s9-icon-safe-right:env(safe-area-inset-right,0px); --s9-icon-safe-top:env(safe-area-inset-top,0px); --s9-icon-safe-bottom:env(safe-area-inset-bottom,0px); }
.s9-message-icon.is-dragging { cursor:grabbing; }
.s9-message-icon svg { display:block; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.s9-message-icon [data-message-badge] { position:absolute; right:-6px; top:-5px; min-width:20px; padding:2px 4px; font:600 12px/16px Arial,sans-serif; border-radius:12px; background:#bc3531; color:#fff; }
.s9-message-icon.has-unread { animation:s9-message-pulse 2s ease-in-out infinite; }
@keyframes s9-message-pulse { 0%,100% { background:#405b98; box-shadow:0 0 0 0 #e1954560; } 50% { background:#6884c4; box-shadow:0 0 0 6px #e1954528; } }
.s9-message-center { position:fixed; inset:0 0 0 auto; margin:0; width:min(480px,100vw); height:100dvh; max-width:100vw; max-height:100dvh; box-sizing:border-box; padding:0; border:1px solid #bdc9db; background:#f8faff; color:#233048; font:14px/1.5 Arial,"Microsoft YaHei",sans-serif; }
.s9-message-center[open] { display:flex; flex-direction:column; }
.s9-message-center::backdrop { background:#172a4938; }
.s9-message-center header { display:flex; align-items:center; justify-content:space-between; background:#405b98; color:white; padding:12px 16px; }
.s9-message-center header strong { font-size:19px; }
.s9-message-center button { cursor:pointer; font:inherit; border:1px solid #90a5cc; border-radius:5px; background:white; color:#405b98; padding:6px 12px; }
.s9-message-center button:disabled { opacity:.6; cursor:wait; }
.s9-message-center header button { color:white; border-color:#ffffff80; background:transparent; font-size:24px; line-height:24px; }
.s9-message-center nav { display:flex; gap:8px; padding:12px 16px; }
.s9-message-center nav [aria-pressed=true] { background:#e4ebfb; font-weight:bold; }
.s9-message-center [data-message-connection] { margin:0 16px; color:#a44022; }
.s9-message-scroll { min-height:0; flex:1; overflow:auto; overscroll-behavior:contain; padding:0 16px 14px; }
.s9-message-card { border:1px solid #cbd5e5; background:white; border-radius:6px; margin:0 0 12px; padding:12px; overflow-wrap:anywhere; }
.s9-message-card h3 { margin:0; font-size:16px; }
.s9-message-card time { color:#738098; font-size:12px; }
.s9-message-state { color:#627186; margin:6px 0; }
.s9-message-state[data-unread=true] { color:#b23a27; font-weight:bold; }
.s9-message-card dl { display:grid; grid-template-columns:72px minmax(0,1fr); gap:4px 8px; margin:10px 0; }
.s9-message-card dt { color:#647189; } .s9-message-card dd { margin:0; white-space:pre-wrap; }
.s9-message-center footer { padding:10px 16px calc(10px + env(safe-area-inset-bottom)); border-top:1px solid #cbd5e5; font-size:12px; color:#647189; }
.s9-message-empty { text-align:center; color:#647189; padding:24px 0; }
@media(max-width:600px) { .s9-message-center { width:100vw; } .s9-message-icon { width:42px; height:42px; right:12px; bottom:calc(70px + env(safe-area-inset-bottom)); } }
@media(prefers-reduced-motion:reduce) { .s9-message-icon.has-unread { animation-duration:4s; } }