/* 曼泰 等級進度 v5 - 7 階 compact 版（小數字點 + 當前等級摘要） */
.rp-levels-chart{padding:12px 4px 8px}
.rp-levels-title{color:rgba(255,255,255,.6);font-size:10px;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;text-align:center;font-weight:600}

/* 進度條 */
.rp-levels-track{display:flex;align-items:center;position:relative;padding:0 6px}
.rp-levels-line{position:absolute;top:50%;left:14px;right:14px;height:2px;background:rgba(255,255,255,.18);transform:translateY(-50%);z-index:1}
.rp-level-node{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:2;transition:transform .15s}
.rp-level-node:hover{transform:scale(1.18)}
.rp-level-dot{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);font-size:10px;font-weight:700;color:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-family:monospace;transition:all .25s}
.rp-level-node.reached .rp-level-dot{border-color:#fff;background:rgba(255,255,255,.2);color:#fff}
.rp-level-node.current .rp-level-dot{border-color:#fff;background:#fff;color:#5b3aab;box-shadow:0 0 0 4px rgba(255,255,255,.18);transform:scale(1.15)}

/* 隱藏舊版的 .rp-level-name（不再用）*/
.rp-level-name{display:none}

/* 當前等級摘要 */
.rp-levels-summary{margin-top:12px;text-align:center;font-size:12px;line-height:1.55}
.rp-levels-summary-current{color:#fff;font-weight:700;font-size:14px}
.rp-levels-summary-next{color:rgba(255,255,255,.7);margin-top:2px}
.rp-levels-summary-next strong{color:#fff}
.rp-levels-summary-hint{color:rgba(255,255,255,.5);font-size:11px;margin-top:4px}

/* 權益彈窗 */
.rp-lvl-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:999999;justify-content:center;align-items:center;animation:rpLvlFade .2s ease}
.rp-lvl-popup.show{display:flex}
@keyframes rpLvlFade{from{opacity:0}to{opacity:1}}
.rp-lvl-popup-card{background:linear-gradient(135deg,#1c1c30 0%,#262640 100%);border-radius:16px;padding:25px;max-width:360px;width:85vw;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative}
.rp-lvl-popup-close{position:absolute;top:10px;right:14px;background:none;border:none;color:rgba(255,255,255,.5);font-size:24px;cursor:pointer;padding:5px}
.rp-lvl-popup-close:hover{color:#fff}
.rp-lvl-popup-badge{display:inline-block;background:#d27c61;color:#fff;font-size:11px;padding:3px 10px;border-radius:20px;margin-bottom:8px}
.rp-lvl-popup-badge.locked{background:rgba(255,255,255,.15)}
.rp-lvl-popup-name{color:#fff;font-size:22px;font-weight:bold;margin-bottom:4px}
.rp-lvl-popup-threshold{color:rgba(255,255,255,.6);font-size:13px;margin-bottom:16px}
.rp-lvl-popup-section-title{color:#d27c61;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:600}
.rp-lvl-popup-benefits{list-style:none;padding:0;margin:0}
.rp-lvl-popup-benefits li{color:rgba(255,255,255,.85);font-size:13px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-start;gap:8px}
.rp-lvl-popup-benefits li:last-child{border-bottom:none}
.rp-lvl-popup-benefits li::before{content:'\2726';color:#d27c61;flex-shrink:0;margin-top:1px}