/* bgshu.css - 一账同程·行程报告书样式（2026-10-12 从 bgshu.html 内联 <style> 安全拆分，只搬不改） */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#fff;color:#1a2f4a;padding-bottom:40px}
.wrap{max-width:480px;margin:0 auto;background:#fff;min-height:100vh}
.hero{background:linear-gradient(135deg,#2d6cb5,#4e8cd5);color:#fff;padding:36px 20px 28px;text-align:center}
.hero h1{font-size:18px;font-weight:600;opacity:.9;margin-bottom:16px}
.hero .big{font-size:42px;font-weight:800;letter-spacing:-1px}
.hero .big small{font-size:18px;font-weight:400;margin-left:4px;opacity:.85}
.hero .lb{font-size:13px;opacity:.85;margin-top:6px}
.grid{display:flex;gap:10px;padding:16px 16px 0}
.grid>div{flex:1;background:#f2f6fb;border-radius:12px;border: 0.8px solid #CFE4FF;padding:14px 8px;text-align:center}
.grid b{display:block;font-size:20px;color:#1a2f4a}
.grid span{font-size:12px;color:#7f8c9c}
.maxline{text-align:center;font-size:13px;color:#5a6b82;margin:12px 16px 28px}
.maxline b{color:#e67e22}
.sec{margin:20px 16px 0;background:#f7faff;border-radius:1px 10px 20px 10px;;padding:0 14px 10px;overflow:hidden;border: 1px solid #CDE3FF;}
.sec-t{font-size:15px;font-weight:700;color:#fff;background:#2d6cb5;margin:0 -14px 12px;padding:10px 14px;display:flex;align-items:center;gap:6px;border-bottom: 2px solid #CDE3FF;}
.r2{margin-bottom:10px}
.r2r{display:grid;grid-template-columns:65px 85px 0.85fr 90px;align-items:center;gap:0px}
.r2r .rl{font-size:15px;color:#1a2f4a;font-weight:700;text-align:right}
.r2r .rv{font-size:15px;font-weight:600;color:#1a2f4a;}
.r2r .bar{height:12px;border-radius:5px;width:100%;background:#DBEBFF;overflow:hidden}
.r2r .bar i{display:block;height:100%;border-radius:5px}
.r2r .rp{font-size:13.5px;font-weight:700;color:#2d6cb5;padding-left:10px;display:flex;flex-direction:column;align-items:flex-start;line-height:1.35}
.r2r .rp .rp-per{font-size:11px;color:#265EA0;font-weight:500}
.foot{text-align:center;padding:30px 20px 10px;color:#9aa7b8;font-size:12px}
.foot img{width:68%;margin-bottom:18px}
.loading{padding:60px 20px;text-align:center;color:#7f8c9c}
.err{padding:60px 20px;text-align:center;color:#e74c3c}
/* ===== 与《一账同程》"分摊"页一致的"自驾同程统计"样式（定稿） ===== */
.ss-sec{background:#f7faff;border-radius:1px 10px 20px 10px;;overflow:hidden;border:1px solid #CDE3FF;margin:20px 16px 0;}
.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 #e9f1fb;}
.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;}
.ss-sub.noL::before{bottom:45%;}
.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{font-size:13.5px;color:#4a5a6a;line-height:1.9;}
.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{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;}
.ss-sec-mem .ss-row .ss-lb-pill{position:relative;z-index:1;}
.ss-mem-toggle{flex-shrink:0;margin-left:4px;padding:2px 8px;font-size:12px;font-weight:600;color:#2d6cb5;background:#eaf2fd;border:1px solid #b8d2f0;border-radius:14px;cursor:pointer;line-height:1.4;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.ss-mem-subs{display:none;}
.ss-mem-subs.open{display:block;}
@media print{.ss-mem-subs{display:block!important}.ss-mem-toggle{display:none!important}#opBtns{display:none!important}body{background:#fff}.wrap{max-width:none}.hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sec,.ss-sec{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.mp-copy{background:#f4f8fd;border:1px solid #5F9FE9;border-radius:10px;padding:12px 14px;font-size:13px;color:#33506e;line-height:1.7;margin:15px 4px;}
.mp-card{border-radius:10px;padding:10px 12px 16px;margin:0 4px 15px;border:1px solid #5F9FE9;}
.mp-card.g{background:#f2fbf3;border-color:#5F9FE9;}
.mp-card.b{background:#FDF6F5;border-color:#5F9FE9;}
.mp-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;}
.mp-tag{display:inline-block;padding:2px 10px;border-radius:12px;color:#fff;font-size:12px;font-weight:600;}
.mp-card.g .mp-tag{background:#27ae60;}
.mp-card.b .mp-tag{background:#e74c3c;}
.mp-amt{font-weight:700;color:#2d6cb5;}
.mp-day{color:#8899aa;font-size:12px;margin-left:auto;padding:3px 5px 6px;}
.mp-feel{margin-top:6px;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:4px;}
.mp-feel-tag{display:inline-block;padding:1px 8px;border-radius:10px;background:#5F9FE9;border:1px solid #5F9FE9;font-size:12px;color:#fff;}
.mp-note{margin-top:5px;font-size:12px;color:#667a8f;}
.mp-place{margin-top:5px;font-size:12px;color:#8899aa;}
.mp-imgs{margin-top:7px;display:flex;gap:6px;flex-wrap:wrap;}
.mp-imgs img{width:76px;height:76px;object-fit:cover;border-radius:8px;border:1px solid #e2ebf4;}