.jcx-tray{display:flex;gap:14px;overflow-x:auto;padding:14px;background:var(--cc-surface,#fff);border-radius:22px;box-shadow:0 10px 30px rgba(33,72,209,.12);margin:12px auto;max-width:1080px;color:var(--cc-ink,#0a1a40)}.jcx-note{font-size:14px;color:var(--cc-mute,#7a7799)}
.jcx-st{flex:none;width:72px;text-align:center;cursor:pointer;font-size:12px}.jcx-st span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}
.jcx-ring{width:64px;height:64px;margin:auto;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px;color:var(--cc-p,#2148d1);border:3px solid transparent;background:linear-gradient(var(--cc-surface,#fff),var(--cc-surface,#fff)) padding-box,linear-gradient(135deg,var(--cc-p,#2148d1),var(--cc-p2,#9950f9)) border-box}
.jcx-ring.seen{background:linear-gradient(var(--cc-surface,#fff),var(--cc-surface,#fff)) padding-box,#d8d4ee border-box;color:#999}.jcx-ring.add{background:var(--cc-tint,#f1eeff);border:2px dashed #b9aaff;font-size:28px}
.jcx-ov{position:fixed;inset:0;background:#000;z-index:100000;display:grid;place-items:center;outline:0}.jcx-ov.dlg{background:#0e0c1fcc;padding:16px}
.jcx-sv{position:relative;width:min(100vw,460px);height:min(100vh,820px);height:min(100dvh,820px);background:#111;overflow:hidden;border-radius:0}@media(min-width:600px){.jcx-sv{border-radius:20px}}
.jcx-bars{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3}.jcx-bars i{flex:1;height:3px;border-radius:3px;background:#ffffff55;overflow:hidden;position:relative}.jcx-bars i.done:after,.jcx-bars i.run:after{content:"";position:absolute;inset:0;background:var(--cc-surface,#fff)}.jcx-bars i.run:after{transform-origin:left;animation:jcxp 5s linear forwards}@keyframes jcxp{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.jcx-sh{position:absolute;top:22px;left:12px;right:12px;display:flex;gap:10px;align-items:center;color:#fff;z-index:3}.jcx-sh span{flex:1;opacity:.75;font-size:13px}.jcx-sh button{background:none;border:0;color:#fff;font-size:20px;cursor:pointer}
.jcx-sb{position:absolute;inset:0;display:grid;place-items:center}.jcx-sb img{width:100%;height:100%;object-fit:contain}.jcx-sb p{margin:0;color:#fff}.jcx-sb .big{font-size:26px;font-weight:800;text-align:center;padding:30px;white-space:pre-wrap;word-wrap:break-word}.jcx-sb .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 24px;background:linear-gradient(transparent,#000a);font-size:16px}
.jcx-z{position:absolute;top:70px;bottom:0;width:40%;z-index:2;cursor:pointer}.jcx-z.l{left:0}.jcx-z.r{right:0}
.jcx-dlg{background:var(--cc-surface,#fff);color:var(--cc-ink,#0a1a40);border-radius:22px;padding:20px;width:min(420px,100%)}.jcx-dlg h3{margin:0 0 10px}.jcx-dlg input,.jcx-dlg textarea{width:100%;margin:8px 0;padding:11px 13px;border:1.5px solid var(--cc-line,#e4e0ff);border-radius:14px;font:inherit}
.jcx-dlg button,.jcx-tabs button{border:1.5px solid var(--cc-line,#e4e0ff);background:var(--cc-surface,#fff);border-radius:12px;padding:9px 15px;font:inherit;font-weight:700;cursor:pointer;margin:4px 4px 0 0;color:var(--cc-ink,#0a1a40)}.jcx-dlg button.pri,.jcx-tabs button.on{background:linear-gradient(135deg,var(--cc-p,#2148d1),var(--cc-p2,#9950f9));color:#fff;border:0}
.jcx-sw{display:flex;gap:8px;margin:6px 0}.jcx-sw span{width:34px;height:34px;border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 0 0 1px #ccc}.jcx-sw span.on{box-shadow:0 0 0 3px var(--cc-p,#2148d1)}.jcx-dlg .err{color:#d63031;font-weight:600;min-height:1em}
.jcx-bell{position:relative;display:inline-block;vertical-align:middle}.jcx-bb{position:relative;border:0;background:var(--cc-tint,#f1eeff);border-radius:50%;width:38px;height:38px;font-size:18px;cursor:pointer}
.jcx-badge{position:absolute;top:-4px;right:-4px;background:var(--cc-p2,#9950f9);color:#fff;font-style:normal;font-size:11px;font-weight:700;border-radius:20px;min-width:18px;height:18px;line-height:18px;padding:0 5px}
.jcx-panel{position:absolute;right:0;top:46px;width:min(340px,92vw);max-height:70vh;overflow:auto;background:var(--cc-surface,#fff);color:var(--cc-ink,#0a1a40);border-radius:18px;box-shadow:0 16px 40px rgba(60,40,180,.28);z-index:99999;text-align:left}
.jcx-ph{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--cc-line,#ebe8ff)}.jcx-ph a{font-size:12px;color:var(--cc-p,#2148d1)}.jcx-empty{padding:24px;text-align:center;color:var(--cc-mute,#7a7799)}
.jcx-ni{display:block;padding:11px 14px;text-decoration:none;color:var(--cc-ink,#0a1a40);border-bottom:1px solid var(--cc-line,#f3f1ff)}.jcx-ni.un{background:var(--cc-tint,#f4f1ff);font-weight:600}.jcx-ni small{display:block;color:var(--cc-mute,#7a7799);font-weight:400}
.jcx-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0;padding:14px;background:var(--cc-surface,#fff);border-radius:18px;box-shadow:0 8px 22px rgba(33,72,209,.1)}.jcx-share a{padding:7px 13px;border-radius:20px;background:var(--cc-tint,#f1eeff);color:var(--cc-p,#2148d1);text-decoration:none;font-weight:600;font-size:13px}
.jcx-nb{position:absolute;top:2px;right:calc(50% - 22px);background:#ff4fa3;color:#fff;font-style:normal;font-size:10px;font-weight:800;border-radius:20px;min-width:17px;height:17px;line-height:17px;padding:0 4px;text-align:center;border:2px solid #fff;box-sizing:content-box}
.jt-nav a .jcx-nb{position:static;display:inline-block;margin-left:6px;vertical-align:middle;border:0}

.jcx-tease{align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.jcx-fade{display:flex;gap:14px;filter:blur(2.5px);opacity:.65;pointer-events:none;user-select:none}
.jcx-tease .jc-btn{display:inline-block;padding:10px 16px;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}