.bc-diagram{margin:32px 0;padding:24px;border:1px solid #dce3ee;border-radius:20px;background:#fbfcfe;color:#152033;font-family:Arial,sans-serif;box-sizing:border-box}
.bc-diagram *{box-sizing:border-box}
.bc-diagram figcaption{font-size:22px;font-weight:700;line-height:1.3;margin:0 0 18px}
.bc-diagram p{margin:8px 0;font-size:15px;line-height:1.55}
.bc-diagram .bc-sub{color:#596579;font-size:13px;line-height:1.5}
.bc-diagram .bc-row{margin:20px 0 28px}
.bc-diagram .bc-row-head{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.bc-diagram h3{font-size:18px;line-height:1.35;margin:0;font-weight:700}
.bc-diagram .bc-count{font-size:14px;color:#596579}
.bc-diagram .bc-axis{display:flex;justify-content:space-between;font-size:12px;color:#596579;margin:8px 0}
.bc-diagram .bc-bar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;min-height:72px;border:1px solid #dce3ee;border-radius:10px;overflow:hidden}
.bc-diagram .bc-visit{grid-column:span 3;background:#214bdb;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;line-height:1.5;border-right:2px solid #fbfcfe;padding:8px 2px}
.bc-diagram .bc-gap{background:repeating-linear-gradient(135deg,#ffeddf,#ffeddf 6px,#ffdfc8 6px,#ffdfc8 8px)}
.bc-diagram .bc-visit:last-child{border-right:0}
.bc-diagram .bc-candidates{position:relative;height:16px;margin-top:12px;border-bottom:1px solid #dce3ee}
.bc-diagram .bc-candidates i{position:absolute;width:8px;height:8px;border-radius:50%;background:#7183a1;top:4px;transform:translateX(-1px)}
.bc-diagram .bc-result{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap;align-items:center}
.bc-diagram .bc-result b{font-size:25px;color:#214bdb}
.bc-diagram .bc-result span{font-size:14px;line-height:1.4}
.bc-diagram .bc-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;line-height:1.5;color:#596579;border-top:1px solid #dce3ee;padding-top:15px;margin-top:16px}
.bc-diagram .bc-legend b{color:#152033}
.bc-diagram .bc-cards,.bc-diagram .bc-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.bc-diagram .bc-card{background:white;border:1px solid #dce3ee;border-radius:12px;padding:16px;position:relative}
.bc-diagram .bc-card .bc-letter{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#e7edff;color:#214bdb;font-size:20px;border-radius:9px;font-weight:700;margin-right:7px}
.bc-diagram .bc-card.b .bc-letter{background:#ffeddf;color:#9d4318}
.bc-diagram .bc-card .bc-unit{font-size:15px;font-weight:700}
.bc-diagram dl{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;margin:14px 0 0;font-size:14px;line-height:1.4}
.bc-diagram dt{color:#596579}
.bc-diagram dd{margin:0;font-weight:700;text-align:right}
.bc-diagram .bc-choice{padding:17px;border-radius:12px;background:#eaf0ff;border:1px solid #ccd8ff}
.bc-diagram .bc-choice.expiry{background:#fff0e5;border-color:#f3d6c4}
.bc-diagram .bc-choice h3{font-size:17px}
.bc-diagram .bc-spend{font-size:27px;font-weight:700;margin:16px 0 8px;color:#214bdb}
.bc-diagram .expiry .bc-spend{color:#9d4318}
.bc-diagram .bc-return{padding-top:10px;border-top:1px dashed #8fa5dc;font-size:13px;margin-top:14px}
.bc-diagram .expiry .bc-return{border-color:#cca88d}
.bc-diagram .bc-date-line{font-size:14px;padding:13px;background:white;border:1px solid #dce3ee;border-radius:10px;line-height:1.5}
@media(max-width:560px){.bc-diagram{padding:16px;border-radius:14px}.bc-diagram figcaption{font-size:20px}.bc-diagram .bc-cards,.bc-diagram .bc-branches{grid-template-columns:1fr}.bc-diagram .bc-visit{font-size:12px}.bc-diagram .bc-result{gap:9px}.bc-diagram .bc-row-head{gap:5px}.bc-diagram .bc-card{padding:14px}.bc-diagram .bc-sub{font-size:12px}}