/* ===== 我的资金流水 页面 ===== */
.flow-page { position: fixed; inset: 0; background: #f5f5f5; z-index: 1050; display: flex; flex-direction: column; max-width: 480px; margin: 0 auto; box-shadow: 0 0 24px rgba(0,0,0,.15); }
.flow-page[hidden] { display: none; }
.fp-topbar { display: flex; align-items: center; padding: 12px 14px; background: #ee5a3f; color: #fff; }
.fp-back, .fp-home { background: transparent; border: none; padding: 4px; cursor: pointer; display: flex; }
.fp-back svg, .fp-home svg { width: 22px; height: 22px; }
.fp-title { flex: 1; text-align: center; margin: 0; font-size: 16px; font-weight: 600; }
.fp-tabs { display: flex; align-items: center; background: #fff; padding: 8px 14px; gap: 8px; border-bottom: 1px solid #eee; }
.fp-tab { flex: 1; padding: 7px 0; border: none; border-radius: 6px; background: transparent; color: #333; font-size: 14px; cursor: pointer; transition: background .15s, color .15s; }
.fp-tab.active { background: #ee5a3f; color: #fff; font-weight: 600; }
.fp-summary { display: flex; background: #fff; padding: 10px 14px; border-bottom: 1px solid #eee; gap: 6px; font-size: 13px; color: #666; }
.fp-summary .fp-sum-cell { flex: 1; text-align: center; }
.fp-summary .fp-sum-cell b { display: block; font-size: 16px; margin-top: 2px; }
.fp-summary .fp-sum-cell .pos { color: #2a9d8f; }
.fp-summary .fp-sum-cell .neg { color: #e63946; }
.fp-summary[hidden] { display: none; }
.fp-list { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 6px 0 20px; }
.fp-empty { text-align: center; color: #aaa; padding: 80px 0; font-size: 14px; }
.fp-item { background: #fff; margin: 8px 10px; border-radius: 6px; padding: 12px 14px; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.fp-item-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.fp-play { font-size: 15px; font-weight: 600; color: #333; }
.fp-play .fp-odds { margin-left: 6px; font-size: 12px; color: #ee5a3f; font-weight: 500; }
.fp-status { font-size: 12px; padding: 2px 8px; border-radius: 10px; }
.fp-status.pending { background: #fff3e0; color: #f08c1c; }
.fp-status.win { background: #e6f7f3; color: #2a9d8f; }
.fp-status.lose { background: #fdecee; color: #e63946; }
.fp-status.redeem { background: #efeaff; color: #7a5ce0; }
.fp-meta { display: flex; justify-content: space-between; font-size: 12px; color: #999; }
.fp-meta-period { color: #888; }
.fp-row { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; font-size: 13px; }
.fp-row .label { color: #888; }
.fp-row .stake { color: #555; }
.fp-row .profit.pos { color: #2a9d8f; font-weight: 600; }
.fp-row .profit.neg { color: #e63946; font-weight: 600; }
.fp-row .profit.zero { color: #999; }