/* tips.css — 通用提示组件样式 (tips.js)。颜色全用主题变量, 深浅色自动跟随。 */
.tp-i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;margin-left:4px;padding:0;border:1px solid var(--bd2,#ccc);border-radius:50%;background:var(--sf,#fff);color:var(--tx2,#555);font-size:12px;line-height:1;cursor:help;vertical-align:middle;font-family:inherit}
.tp-i:hover,.tp-i[aria-expanded="true"]{border-color:var(--ac,#2563eb);color:var(--ac,#2563eb)}
.tp-i:focus-visible{outline:2px solid var(--ac,#2563eb);outline-offset:2px}
.tp-i.risk{border-color:#c98500;color:#c98500}
@media (pointer:coarse){.tp-i{width:28px;height:28px;min-width:28px;font-size:14px}}
body.tp-off .tp-i,body.tp-off .tp-coach{display:none!important}
.tp-pop{position:fixed;z-index:3000;box-sizing:border-box;padding:10px 30px 10px 12px;border-radius:12px;background:var(--sf,#fff);color:var(--tx,#222);border:1px solid var(--bd2,#ccc);box-shadow:0 8px 28px rgba(0,0,0,.18);font-size:13px;line-height:1.6;overflow:auto;width:max-content}
.tp-pop[hidden]{display:none}
.tp-pop[data-kind="risk"]{border-color:#c98500;background:color-mix(in srgb,#c98500 10%,var(--sf,#fff))}
.tp-x{position:absolute;top:2px;right:4px;width:28px;height:28px;border:0;background:none;color:var(--tx3,#888);font-size:18px;cursor:pointer}
.tp-t{font-weight:500}.tp-why{margin-top:4px;color:var(--tx2,#555);font-size:12.5px}.tp-rec{margin-top:4px;color:var(--ac,#2563eb);font-size:12.5px}
.tp-ex{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tp-exb,.tp-chip{padding:3px 10px;border-radius:12px;border:1px dashed var(--bd2,#ccc);background:var(--sf2,#f4f4f4);color:var(--tx,#222);font-size:12px;cursor:pointer;font-family:inherit;text-align:left;max-width:100%}
.tp-exb:hover,.tp-chip:hover{border-color:var(--ac,#2563eb);color:var(--ac,#2563eb)}
.tp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.tp-chip{border-style:solid;min-height:28px}
.tp-empty{text-align:center;padding:28px 16px;color:var(--tx2,#555)}.tp-ei{font-size:34px}.tp-et{font-weight:650;color:var(--tx,#222);margin:6px 0 2px}.tp-etx{font-size:13px;margin-bottom:12px}
.tp-ea,.tp-na,.tp-ca{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.tp-btn{padding:6px 14px;border-radius:10px;border:1px solid var(--bd2,#ccc);background:var(--sf,#fff);color:var(--tx,#222);font-size:13px;cursor:pointer;font-family:inherit;text-decoration:none;min-height:34px;display:inline-flex;align-items:center}
.tp-btn.pri{background:var(--ac,#2563eb);border-color:var(--ac,#2563eb);color:#fff}
.tp-next{border:1px solid var(--ac,#2563eb);border-radius:14px;padding:10px 14px;margin:12px 0;background:var(--sf,#fff)}.tp-nt{font-weight:650;margin-bottom:8px}.tp-na{justify-content:flex-start}
.tp-err{border:1px solid var(--pv-bad,#d4493b);border-radius:10px;padding:8px 12px;font-size:13px}.tp-how{margin-top:4px;color:var(--tx2,#555);font-weight:400}
.tp-spot{position:relative;z-index:2500;outline:3px solid var(--ac,#2563eb);outline-offset:3px;border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.35)}
.tp-coach{position:fixed;z-index:3100;left:50%;bottom:24px;transform:translateX(-50%);width:min(420px,calc(100vw - 24px));box-sizing:border-box;background:var(--sf,#fff);color:var(--tx,#222);border:1px solid var(--ac,#2563eb);border-radius:14px;padding:14px 16px;box-shadow:0 10px 36px rgba(0,0,0,.3)}
.tp-ct{font-weight:650;margin-bottom:4px}.tp-ct small{color:var(--tx3,#888);font-weight:400}.tp-cx{font-size:13.5px;line-height:1.6;margin-bottom:10px}.tp-ca{justify-content:flex-end}
.tp-set{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tp-sw{display:flex;gap:6px;align-items:center;font-size:13px}.tp-sw small{color:var(--tx3,#888)}
/* [E9] 目标控件被隐藏 (display:none / hidden) 时, 紧跟其后的 ⓘ 也要隐藏, 否则界面上出现孤零零的 ⓘ */
[style*="display: none"] + .tp-i, [style*="display:none"] + .tp-i, [hidden] + .tp-i { display: none !important; }