.rp-date { font-size: 14px; color: var(--ink-2); }
.rp-seg { margin-bottom: 12px; }
.rp-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rpc { border-radius: 18px; padding: 12px 14px; background: #fff; box-shadow: var(--shadow); border-left: 5px solid var(--green); }
.rpc small { display: block; font-size: 14px; color: var(--ink-2); }
.rpc b { font-size: 23px; }
.rpc.green b { color: var(--green); } .rpc.orange { border-color: var(--orange); } .rpc.orange b { color: var(--orange-d); }
.rpc.red { border-color: var(--red); } .rpc.red b { color: var(--red); } .rpc.purple { border-color: #8a63ff; } .rpc.purple b { color: #5d47e0; }
.rp-chart { margin-top: 12px; padding: 14px 14px 12px; }
.rp-ct { font-size: 15px; font-weight: 700; color: var(--ink-2); margin-bottom: 4px; }
.rp-voice { width: 100%; margin-top: 12px; display: flex; gap: 12px; align-items: flex-start; padding: 14px; text-align: left; background: linear-gradient(135deg, #fff8e8, #fdeccb); }
.rp-vic { width: 46px; height: 46px; border-radius: 14px; background: #fff; display: grid; place-items: center; font-size: 22px; flex: none; }
.rp-vt b { display: block; font-size: 16px; color: #6b4300; }
.rp-vt small { display: block; font-size: 15px; line-height: 1.65; color: #5a4a2c; margin-top: 3px; }
.rank { padding: 6px 14px; }
.rk-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.rk-row:last-child { border-bottom: 0; }
.rk-n { width: 24px; height: 24px; border-radius: 8px; background: #f0ede6; color: var(--ink-2); font-size: 13px; font-weight: 700; display: grid; place-items: center; flex: none; }
.rk-n.top { background: var(--orange); color: #fff; }
.rk-ic { font-size: 22px; flex: none; }
.rk-mid { flex: 1; min-width: 0; }
.rk-t { display: flex; align-items: baseline; gap: 8px; }
.rk-t b { font-size: 16px; } .rk-t small { font-size: 12px; color: var(--ink-3); }
.rk-track { height: 8px; border-radius: 4px; background: #f2eee6; margin-top: 5px; overflow: hidden; }
.rk-bar { height: 100%; border-radius: 4px; background: linear-gradient(90deg, #7cc39b, #1e7a5a); }
.rk-v { font-size: 16px; font-weight: 800; color: var(--green); flex: none; min-width: 74px; text-align: right; }