:root{--jopush:#6548f5;--jopush-ink:#171728;--jopush-muted:#747487;--jopush-bg:#fff}
.jopush-header-button{height:44px;display:inline-flex;align-items:center;gap:8px;border:1px solid #e7e5f1;background:#f7f5ff;color:#4f36d8;border-radius:14px;padding:0 13px;font:inherit;font-weight:800;cursor:pointer;position:relative}.jopush-bell-svg{width:19px;height:19px;display:grid;place-items:center}.jopush-bell-svg svg{width:100%;height:100%}.jopush-active-dot{width:7px;height:7px;border-radius:99px;background:#b9b5c8;box-shadow:0 0 0 3px #fff;position:absolute;right:6px;top:6px}.jopush-active-dot.is-on{background:#30b85a}
.jopush-preferences-card{margin:28px 0;padding:28px;border:1px solid #e8e6f0;border-radius:24px;background:linear-gradient(180deg,#fff,#fbfaff);box-shadow:0 18px 60px rgba(45,35,95,.07);color:var(--jopush-ink)}.jopush-card-head{display:flex;gap:16px;align-items:flex-start}.jopush-card-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#eeeaff;font-size:25px}.jopush-kicker{display:block;color:#6548f5;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.jopush-card-head h2{margin:0 0 7px;font-size:28px}.jopush-card-head p{margin:0;color:var(--jopush-muted);max-width:720px}.jopush-permission-row{margin:22px 0 18px;padding:16px 18px;background:#f6f6fb;border-radius:17px;display:flex;align-items:center;gap:12px}.jopush-permission-row>div{flex:1}.jopush-permission-row strong,.jopush-permission-row span{display:block}.jopush-status-copy{font-size:13px;color:var(--jopush-muted);margin-top:3px}.jopush-enable,.jopush-save-prefs{border:0;background:#6548f5;color:#fff;border-radius:12px;padding:11px 16px;font-weight:850;cursor:pointer}.jopush-disable{border:1px solid #dfdce9;background:#fff;color:#49455a;border-radius:12px;padding:10px 15px;font-weight:800;cursor:pointer}.jopush-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.jopush-topic{border:1px solid #e8e6ef;border-radius:16px;background:#fff;padding:14px;display:flex;gap:11px;align-items:center;cursor:pointer;position:relative}.jopush-topic input{position:absolute;opacity:0;pointer-events:none}.jopush-topic-icon{width:39px;height:39px;border-radius:12px;background:color-mix(in srgb,var(--topic) 12%,#fff);display:grid;place-items:center;font-size:20px}.jopush-topic>span:nth-of-type(2){flex:1}.jopush-topic strong,.jopush-topic small{display:block}.jopush-topic strong{font-size:14px}.jopush-topic small{color:#8a8798;font-size:11px;margin-top:2px}.jopush-topic i{width:20px;height:20px;border:2px solid #ddd9ea;border-radius:7px}.jopush-topic:has(input:checked){border-color:color-mix(in srgb,var(--topic) 55%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--topic) 9%,transparent)}.jopush-topic:has(input:checked) i{border-color:var(--topic);background:var(--topic);box-shadow:inset 0 0 0 4px #fff}.jopush-topic-grid[aria-disabled=true]{opacity:.58}.jopush-pref-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.jopush-pref-footer>span{font-size:12px;color:#8a8798}.jopush-save-prefs:disabled{opacity:.45;cursor:not-allowed}
.jopush-prompt{position:fixed;right:20px;bottom:22px;z-index:100001;width:min(460px,calc(100vw - 32px));display:flex;align-items:center;gap:13px;padding:16px;background:#17152c;color:#fff;border-radius:19px;box-shadow:0 24px 80px rgba(19,14,56,.35)}.jopush-prompt[hidden]{display:none}.jopush-prompt-icon{font-size:25px}.jopush-prompt>div{flex:1}.jopush-prompt strong,.jopush-prompt span{display:block}.jopush-prompt>div span{font-size:12px;color:#c9c6df;margin-top:3px}.jopush-prompt .jopush-enable{background:#795dff;white-space:nowrap}.jopush-prompt-close{border:0;background:transparent;color:#aaa5c3;font-size:20px;cursor:pointer;position:absolute;right:7px;top:4px}
.jopush-modal{position:fixed;inset:0;background:rgba(15,12,35,.54);backdrop-filter:blur(7px);z-index:100005;display:grid;place-items:center;padding:20px}.jopush-modal[hidden]{display:none}.jopush-modal-card{width:min(920px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:26px;padding:5px 24px 20px;position:relative;box-shadow:0 30px 100px rgba(12,8,39,.32)}.jopush-modal-card .jopush-preferences-card{box-shadow:none;border:0;margin:0;padding:30px 4px 8px;background:#fff}.jopush-modal-close{position:sticky;z-index:2;float:right;top:10px;border:1px solid #eeeaf6;background:#fff;width:38px;height:38px;border-radius:12px;font-size:21px;cursor:pointer}.jopush-modal-open{overflow:hidden}.jopush-toast{position:fixed;left:50%;bottom:26px;z-index:100010;transform:translate(-50%,30px);opacity:0;background:#17152c;color:#fff;border-radius:12px;padding:11px 16px;font-weight:750;transition:.2s;pointer-events:none}.jopush-toast.is-show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.jopush-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jopush-header-label{display:none}.jopush-header-button{width:44px;padding:0;justify-content:center}}
@media(max-width:600px){.jopush-preferences-card{padding:20px 16px;border-radius:20px}.jopush-topic-grid{grid-template-columns:1fr}.jopush-permission-row{align-items:flex-start;flex-wrap:wrap}.jopush-permission-row>div{flex-basis:100%}.jopush-pref-footer{align-items:stretch;flex-direction:column}.jopush-prompt{left:12px;right:12px;bottom:82px;width:auto;flex-wrap:wrap}.jopush-prompt>div{min-width:220px}.jopush-prompt .jopush-enable{width:100%}}
html[data-jo-theme=dark] .jopush-preferences-card,html[data-jo-theme=dark] .jopush-topic,html[data-jo-theme=dark] .jopush-modal-card{background:#171722;color:#f6f5fb;border-color:#343340}html[data-jo-theme=dark] .jopush-permission-row{background:#22222f}html[data-jo-theme=dark] .jopush-disable{background:#22222f;color:#eee;border-color:#3a3948}html[data-jo-theme=dark] .jopush-card-head p,html[data-jo-theme=dark] .jopush-status-copy,html[data-jo-theme=dark] .jopush-topic small{color:#aaa7ba}