.operation-notification{position:fixed;inset:24px auto auto 50vw;transform:translateX(-50%);z-index:2147483647;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:max-content;max-width:min(560px,calc(100vw - 32px));margin:0;padding:12px 18px;border:1px solid #dce2ec;border-radius:10px;background:#fff;color:#334155;box-shadow:0 6px 24px #172b4d24;font:600 16px/1.5 system-ui,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere;pointer-events:none}
.operation-notification::backdrop{background:transparent;pointer-events:none}
.portal-notification-copy{min-width:0;white-space:pre-line}
.portal-notification-icon{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8eef8;color:#4869a5;font-size:14px;line-height:1}
.operation-notification[data-tone="success"]{border-color:#b8dfc5;background:#f1faf4;color:#17633a}
.operation-notification[data-tone="success"] .portal-notification-icon{background:#d9efdf;color:#17633a}
.operation-notification[data-tone="error"]{border-color:#f0c4c4;background:#fff5f5;color:#a33131}
.operation-notification[data-tone="error"] .portal-notification-icon{background:#f9dddd;color:#a33131}
.operation-notification[data-tone="warning"]{border-color:#eed8ad;background:#fff9ed;color:#895b11}
@media(max-width:640px){.operation-notification{top:16px;padding:12px 14px}}