/* 两版共用的图表样式；颜色只用一种藍，深浅表示多少 */
:root{--ai:#2B4A72;--ai-deep:#1E3A5F;--ai-mid:#4A6C96;--ai-soft:#B7C8DC;--ai-pale:#EEF3F8;--ai-wash:#F5F8FB}

.tip{position:fixed;left:0;top:0;z-index:9;pointer-events:none;opacity:0;transition:opacity .12s ease;
  background:#1F2A37;color:#fff;font-size:13px;line-height:1.5;padding:7px 10px;border-radius:4px;max-width:260px}

.pb-row{display:flex;gap:2px}
.pb-seg{min-width:0}
.pb-seg:last-child .pb-l{display:flex;justify-content:flex-end}
.pb-seg i{display:block;height:14px;background:var(--ai-mid)}
.pb-seg:first-child i{border-radius:3px 0 0 3px}
.pb-seg:last-child i{border-radius:0 3px 3px 0}
.pb-seg:hover i{background:var(--ai-deep)}
.pb-l{display:block;font-size:13px;color:#5B6573;white-space:nowrap;margin-bottom:6px}
.pb-l b{font-weight:600;color:#1F2A37;margin-left:.35em;font-variant-numeric:tabular-nums}
.pb-rel{margin-top:10px;height:6px;background:var(--ai-pale);border-radius:3px}
.pb-rel i{display:block;height:100%;background:var(--ai-deep);border-radius:3px}
.pb-cap{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#5B6573;margin-top:6px}
.pb-cap b{color:var(--ai-deep);font-weight:700}

.dots{display:inline-flex;gap:3px;vertical-align:1px;margin-right:6px}
.dots i{width:7px;height:7px;border-radius:1.5px;background:var(--ai-mid)}

.tmap{position:relative;margin-top:14px}
.tm{position:absolute;box-shadow:inset 0 0 0 1px #fff;padding:10px 12px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;cursor:default}
.tm:hover{filter:brightness(1.08)}
.tm-n{font-size:14px;font-weight:600;line-height:1.35}
.tm.tight{padding:8px}
.tm.tight .tm-n{font-size:12px;word-break:keep-all}
.tm-v{font:900 22px/1 "Noto Serif SC","Songti SC",serif;font-variant-numeric:tabular-nums}

.pb-stack .pb-l{line-height:1.35}
.pb-stack .pb-l b{display:block;margin:0}
.pb-stack .pb-seg:last-child .pb-l{flex-direction:column;align-items:flex-end}
@media (max-width:600px){
  .pb-l{line-height:1.35}
  .pb-l b{display:block;margin:0}
  .pb-seg:last-child .pb-l{flex-direction:column;align-items:flex-end}
}
@media (prefers-reduced-motion:reduce){.tip{transition:none}}

.strip{display:block;width:100%;height:auto;overflow:visible}
.strip .sg{stroke:#D5DEE8;stroke-width:1}
.strip .sr{stroke:#E6ECF2;stroke-width:1}
.strip .st{font-size:10.5px;fill:#7A8594;font-variant-numeric:tabular-nums}
.strip .sl{font-size:11.5px;fill:#5B6573}
.strip .sd{fill:var(--ai-mid);fill-opacity:.78;stroke:#fff;stroke-width:1.5}
.strip .sd.hot{fill:var(--ai-deep);fill-opacity:1}
.strip .sd:hover{fill:var(--ai-deep);fill-opacity:1}
