.owner-notification-center,.owner-element-notification{--onc-bg:#fff;--onc-panel:#f7f7f8;--onc-text:#242529;--onc-muted:#73767d;--onc-line:#e9eaec;--onc-accent:#2867c6;--onc-unread:#fafbfe;--onc-hover:#f3f5f8;--onc-warning:#b77719;--onc-warning-bg:#fff8eb;--onc-success:#35816a;--onc-switch-off:#b8bcc4;background:var(--onc-bg);color:var(--onc-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.5}[data-owner-theme=dark] .owner-notification-center,[data-owner-theme=dark] .owner-element-notification{--onc-bg:#202124;--onc-panel:#26272b;--onc-text:#e4e5e7;--onc-muted:#a0a3ab;--onc-line:#33353a;--onc-accent:#82aef3;--onc-unread:#23262c;--onc-hover:#2d3036;--onc-warning:#dbb16f;--onc-warning-bg:#342d22;--onc-success:#7db69f;--onc-switch-off:#62656e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.owner-notification-center .el-drawer__body{color:var(--onc-text);flex-direction:column;padding:0;display:flex;overflow:hidden}.owner-notification-center *{box-sizing:border-box}.owner-notification-center button,.owner-notification-center select{font:inherit;color:var(--onc-text);border:1px solid var(--onc-line);background:var(--onc-bg);cursor:pointer;border-radius:4px;padding:6px 12px}.owner-notification-center button:hover{background:var(--onc-hover)}.owner-notification-center button:disabled{opacity:.45;cursor:default}.owner-notification-center button:focus-visible,.owner-notification-center select:focus-visible,.owner-notification-center input:focus-visible{outline:2px solid var(--onc-accent);outline-offset:-2px}.onc-icon{vertical-align:middle;flex-shrink:0;width:18px;height:18px;display:inline-block}.onc-header{flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;padding:0 20px 0 24px;display:flex}.onc-header h2{align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;display:flex}.onc-header h2 span{text-align:center;background:var(--onc-panel);min-width:20px;color:var(--onc-muted);border-radius:4px;padding:0 6px;font-size:11px;font-weight:500;line-height:20px}.onc-header-actions{gap:4px;display:flex}.onc-header-actions button{color:var(--onc-muted);background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.onc-header-actions button[aria-pressed=true]{color:var(--onc-accent);background:var(--onc-panel)}.onc-toolbar{border-bottom:1px solid var(--onc-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;display:flex}.onc-tabs{gap:24px;display:flex}.onc-tabs button{min-width:32px;height:44px;color:var(--onc-muted);background:0 0;border:0;border-radius:0;padding:0 2px;position:relative}.onc-tabs button.active{color:var(--onc-accent);font-weight:600}.onc-tabs button.active:after{content:"";background:var(--onc-accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.owner-notification-center .onc-text-button{color:var(--onc-muted);background:0 0;border:0;align-items:center;gap:5px;padding:6px 0;font-size:12px;display:inline-flex}.owner-notification-center .onc-text-button:hover:not(:disabled){color:var(--onc-accent)}.onc-text-button .onc-icon{width:15px;height:15px}.onc-filter-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.onc-filter-row select{width:128px;height:30px;padding:3px 8px;font-size:12px}html[data-owner-theme=dark] body .owner-notification-center select{color:var(--onc-text)!important;background-color:var(--onc-bg)!important;border-color:var(--onc-line)!important;-webkit-text-fill-color:var(--onc-text)!important}.onc-list{scrollbar-width:thin;scrollbar-color:var(--onc-line) transparent;flex:1;min-height:0;padding:0 0 16px;overflow-y:auto}.onc-group>h3{color:var(--onc-muted);background:var(--onc-panel);margin:0;padding:6px 24px;font-size:11px;font-weight:400;line-height:20px}.owner-notification-center .onc-item{border:0;border-bottom:1px solid var(--onc-line);text-align:left;border-radius:0;align-items:flex-start;gap:12px;width:100%;margin:0;padding:17px 24px;display:flex;position:relative}.owner-notification-center .onc-item.unread{background:var(--onc-unread)}.owner-notification-center .onc-item:hover:not(:disabled){background:var(--onc-hover)}.onc-item-icon{height:22px;color:var(--onc-muted);flex:0 0 20px;place-items:center;display:grid}.onc-item-icon .onc-icon{width:20px;height:20px}.onc-item-icon.warning{color:var(--onc-warning)}.onc-item-icon.success{color:var(--onc-success)}.onc-item-body{flex:1;min-width:0;display:block}.onc-item-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.onc-item-heading strong{overflow-wrap:anywhere;font-size:14px;font-weight:400;line-height:22px}.onc-item.unread .onc-item-heading strong{font-weight:600}.onc-item-heading time{color:var(--onc-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.onc-item-summary{-webkit-line-clamp:2;color:var(--onc-muted);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:5px;font-size:12px;line-height:1.75;display:-webkit-box;overflow:hidden}.onc-unread-dot{background:var(--onc-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:25px;left:9px}.onc-empty{text-align:center;color:var(--onc-muted);padding:80px 24px}.onc-empty h3{color:var(--onc-text);margin:16px 0 6px;font-size:14px;font-weight:500}.onc-empty p{margin:0;font-size:12px}.onc-empty .onc-empty-icon{stroke-width:1.2px;opacity:.65;width:36px;height:36px}.onc-loading-icon{animation:1s linear infinite onc-spin}@keyframes onc-spin{to{transform:rotate(360deg)}}.owner-notification-center .onc-more{width:calc(100% - 48px);margin:16px 24px 0;font-size:12px;display:block}.onc-list-count{text-align:center;color:var(--onc-muted);margin:16px 0 0;font-size:11px}.onc-detail{min-height:0;padding:4px 24px 30px;overflow:auto}.onc-backbar{border-top:1px solid var(--onc-line);border-bottom:1px solid var(--onc-line);flex-shrink:0;align-items:center;gap:14px;padding:12px 24px;display:flex}.onc-backbar>span{color:var(--onc-muted);font-size:12px}.owner-notification-center .onc-back-button{border-color:var(--onc-accent);min-height:36px;color:var(--onc-accent);align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.onc-settings>.onc-back-button{margin-top:8px}.onc-detail-category{color:var(--onc-muted);margin-top:24px;font-size:12px;display:block}.onc-detail h3{overflow-wrap:anywhere;margin:8px 0;font-size:18px;font-weight:600}.onc-detail time,.onc-read-state{color:var(--onc-muted);font-size:12px}.onc-detail>p{white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0;font-size:14px;line-height:1.9}.onc-detail .onc-primary{color:var(--onc-accent);border-color:var(--onc-accent);margin-top:24px;display:block}.onc-error{background:var(--onc-warning-bg);color:var(--onc-warning);border-radius:4px;margin:0 24px 12px;padding:10px 12px;font-size:12px}.onc-settings{border-top:1px solid var(--onc-line);min-height:0;padding:8px 24px 30px;overflow-y:auto}.onc-settings h3{margin:20px 0 0;font-size:16px;font-weight:600}.onc-setting-section{border-bottom:1px solid var(--onc-line);padding:24px 0}.onc-setting-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.onc-setting-row strong{font-size:14px;font-weight:500}.onc-setting-row p,.onc-muted{color:var(--onc-muted);margin:5px 0 0;font-size:12px;line-height:1.7}.onc-setting-section>.onc-muted{margin:12px 0}.owner-notification-center .onc-switch{background:0 0;border:0;border-radius:4px;flex-shrink:0;align-items:center;width:36px;height:32px;padding:0;display:inline-flex}.onc-switch-track{background:var(--onc-switch-off);border-radius:12px;width:36px;height:20px;transition:background .15s;display:block;position:relative}.onc-switch-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0002}.onc-switch[aria-checked=true] .onc-switch-track{background:var(--onc-accent)}.onc-switch[aria-checked=true] .onc-switch-track:after{transform:translate(16px)}.onc-volume{align-items:center;gap:12px;margin:20px 0 12px;font-size:12px;display:flex}.onc-volume input{width:100%;min-width:40px;accent-color:var(--onc-accent);flex:1}.onc-volume>span{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;color:var(--onc-muted)}.onc-volume button{flex-shrink:0}.onc-close-time{align-items:center;gap:12px;margin-top:20px;font-size:12px;display:flex}.onc-close-time input{border:1px solid var(--onc-line);background:var(--onc-panel);width:80px;min-width:0;color:var(--onc-text);font:inherit;border-radius:4px;padding:7px 10px}.onc-close-time input:disabled{opacity:.5;cursor:not-allowed}.onc-help{color:var(--onc-muted);margin:12px 0 0;font-size:12px;line-height:1.8}.onc-desktop-status{color:var(--onc-text);background:var(--onc-panel);border-left:3px solid var(--onc-accent);margin:16px 0 12px;padding:10px 12px;font-size:12px;line-height:1.8}.onc-desktop-status.warning{color:var(--onc-warning);border-left-color:var(--onc-warning);background:var(--onc-warning-bg)}.onc-desktop-help{margin-top:16px;font-size:12px;line-height:1.8}.onc-desktop-help summary{cursor:pointer;color:var(--onc-accent);padding:4px 0}.onc-desktop-help ol{color:var(--onc-text);margin:10px 0;padding-left:20px}.onc-desktop-help li+li{margin-top:6px}.onc-desktop-help a{color:var(--onc-accent);text-underline-offset:3px;text-decoration:underline}.onc-desktop-help p{color:var(--onc-muted);margin:8px 0}.owner-notification-center .onc-settings-link{border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:18px 0;display:flex}.onc-settings-link>span{color:var(--onc-muted)}.owner-notification-center .onc-chat-link{background:var(--onc-panel);justify-content:space-between;align-items:center;width:auto;margin:0 24px 12px;padding:9px 12px;font-size:12px;display:flex}.onc-chat-link strong{color:var(--onc-accent);margin-left:8px}.onc-chat-link>span{color:var(--onc-accent);margin-left:auto}.owner-element-notification{border:1px solid var(--onc-line);border-radius:6px;width:min(370px,100vw - 32px);padding:16px;box-shadow:0 4px 18px #0000001f}.owner-element-notification .el-notification__title{color:var(--onc-text);font-size:14px;font-weight:600}.owner-element-notification .el-notification__content,.owner-element-notification .el-notification__closeBtn{color:var(--onc-muted);font-size:12px}.owner-notification-card-content p{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.7;display:-webkit-box;overflow:hidden}.owner-notification-card-content button{color:var(--onc-accent);cursor:pointer;font:inherit;background:0 0;border:0;margin-top:8px;padding:4px 0}@media (width<=420px){.onc-header{padding-left:20px;padding-right:12px}.onc-toolbar,.onc-filter-row{padding-left:20px;padding-right:20px}.owner-notification-center .onc-item{gap:10px;padding-left:20px;padding-right:20px}.onc-unread-dot{left:7px}.onc-item-heading{gap:8px}}@media (prefers-reduced-motion:reduce){.owner-notification-center,.onc-switch-track,.onc-switch-track:after{transition:none!important}.onc-loading-icon{animation:none}}
