/* =========================================================
 * stats.css - 《一账同程》分摊统计三板块样式
 * 2026-10-12 从 style.css 安全拆分（只搬不改，类名不变）
 * 引入顺序：style.css -> stats.css
 * ========================================================= */
.ss-wrap { margin-top:25px; }
.ss-sec { background:#f7faff; border-radius:1px 10px 20px 10px;; overflow:hidden; border:1px solid #CDE3FF; margin:2px 14px 22px; }
.ss-t { font-size:15px; font-weight:700; color:#fff; background:#2d6cb5; padding:10px 14px; display:flex; align-items:center; gap:6px; }
.ss-row { display:flex; align-items:center; gap:8px; padding:9px 14px; font-size:13.5px; }
.ss-row + .ss-row { border-top:1px solid #FBFDFF; }
.ss-lb { color:#1a2f4a; font-weight:700; white-space:nowrap; }
.ss-lb-pill { display:inline-block; color:#fff; background:#2d6cb5; font-weight:700; white-space:nowrap; padding:2px 11px; border-radius:2px 22px 22px 2px; line-height:1.4; }
.ss-v { color:#1a2f4a; font-weight:600; white-space:nowrap; }
.ss-bar { flex:1; height:12px; background:#DBEBFF; border-radius:6px; overflow:hidden; }
.ss-fill { display:block; height:100%; border-radius:6px; }
.ss-right { display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0; line-height:1.3; }
.ss-pct { color:#2d6cb5; font-weight:700; white-space:nowrap; }
.ss-per { font-size:11.5px; color:#265EA0; white-space:nowrap;font-weight:500; }
.ss-sub { position:relative; padding-left:33px; font-size:12.5px; background:#fbfdff; }
.ss-sub::before { content:''; position:absolute; left:13px; top:-12px; bottom:0; border-left:1.5px dashed #a9c6e0; }
.ss-sub::after { content:''; position:absolute; left:13px; top:50%; width:15px; border-top:1.5px dashed #a9c6e0; }
/* 仅"小吃/零食"行：竖线延伸到横线(50%)处后收住，下半段(行底方向)无竖线——"小吃/零食"行与"住宿"药丸行之间无竖线；端横线保留 */
.ss-sub.noL::before { bottom:45%; }
/* 交通组整体右移 6px（红框内内容距左侧边距 +6px）：大类行 14→20、小类行 33→39、左侧虚线 13→19 */
.ss-row.ss-shift { padding-left:20px; }
.ss-row.ss-sub.ss-shift { padding-left:49px; }
.ss-row.ss-sub.ss-shift::before { left:29px; }
.ss-row.ss-sub.ss-shift::after { left:29px; }
.ss-sub .ss-lb { font-weight:600; color:#4a5a6a; }
.ss-sub .ss-bar { height:9px; background:#e8f1fc; }
.ss-sum { padding:10px 14px; font-size:13.5px; color:#4a5a6a; line-height:1.9; border-top:1px solid #e9f1fb; }
.ss-sum b { color:#e67e22; }
.ss-sum-box { position:relative; margin:16px 14px 20px; border:1.5px dashed #a9c6e0; border-radius:12px; padding:2px 10px; background:#E4EFFD; }
.ss-sum-box::before { content:''; position:absolute; left:14.5px; top:-16px; height:16px; border-left:1.5px dashed #a9c6e0; }
.ss-sum-box .ss-sum { border-top:none; padding:8px 4px; }
.ss-sec-od .ss-row { position:relative; }
.ss-sec-od .ss-row + .ss-row::before { content:''; position:absolute; left:30px; top:-12px; bottom:0; border-left:1.5px dashed #a9c6e0; }
.ss-sec-od .ss-row .ss-lb-pill { position:relative; z-index:1; }