/* ===== V6: 会员重构 + 签到 + 用户弹窗 ===== */

/* 签到弹窗 */
.checkin-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 3000; display: flex; align-items: center; justify-content: center; }
.checkin-modal { background: var(--bg-card); border-radius: var(--radius-lg); padding: 40px 32px; max-width: 380px; width: 90%; text-align: center; position: relative; box-shadow: var(--shadow-lg); }
.checkin-close { position: absolute; top: 12px; right: 16px; background: none; border: none; font-size: 20px; color: var(--text-light); cursor: pointer; }
.checkin-icon { width: 64px; height: 64px; margin: 0 auto 16px; background: linear-gradient(135deg, #6366F1, #8B5CF6); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #fff; }
.checkin-title { font-size: 20px; font-weight: 700; margin-bottom: 8px; }
.checkin-desc { color: var(--text-light); font-size: 14px; margin-bottom: 20px; }
.checkin-success { margin-bottom: 20px; }
.checkin-award { font-size: 32px; font-weight: 800; color: var(--primary); display: flex; align-items: center; justify-content: center; gap: 8px; }
.checkin-streak { color: var(--text-light); font-size: 14px; margin-top: 4px; }
.checkin-btn { font-size: 16px; padding: 12px; }

/* 用户弹窗 - VIP会员卡 */
.popover-vip-card { position: relative; margin: -4px -4px 8px; border-radius: 10px; overflow: hidden; cursor: pointer; transition: transform 0.15s; }
.popover-vip-card:hover { transform: scale(1.02); }
.vip-card-bg { position: absolute; inset: 0; background: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #A855F7 100%); }
.vip-card-bg::after { content: ''; position: absolute; top: -50%; right: -20%; width: 60%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%); }
.vip-card-content { position: relative; padding: 12px 14px; color: #fff; }
.vip-card-top { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.vip-card-top .fa-crown { font-size: 14px; opacity: 0.9; }
.vip-card-tier { font-size: 15px; font-weight: 700; letter-spacing: 0.5px; }
.vip-card-info { display: flex; gap: 10px; font-size: 11px; opacity: 0.85; }
.vip-card-days { }
.vip-card-daily { }

/* 用户弹窗 - 余额条（缩小字体，和菜单搭） */
.popover-balance-row { display: flex; align-items: center; gap: 6px; padding: 8px 14px; margin-bottom: 6px; font-size: 13px; color: var(--text); border-radius: 6px; cursor: pointer; transition: background 0.15s; }
.popover-balance-row:hover { background: var(--bg-sidebar-hover); }
.popover-balance-row .fa-gem { color: var(--primary); font-size: 13px; }
.popover-balance-num { font-weight: 600; }
.popover-balance-daily { font-size: 11px; color: var(--text-light); margin-left: auto; }

/* 浮动面板 - 签到按钮高亮 */
.fp-item-checkin { position: relative; color: var(--primary) !important; }
.fp-item-checkin:hover { background: rgba(99,102,241,0.1) !important; }
.fp-checkin-dot { position: absolute; top: 6px; right: 6px; width: 8px; height: 8px; background: var(--danger); border-radius: 50%; animation: fpulse 1.5s infinite; }
.fp-item-checked { color: var(--success) !important; opacity: 0.7; }

/* 生成按钮内的钻石消耗显示 */
.btn-cost { display: inline-flex; align-items: center; gap: 2px; margin-left: 8px; padding: 2px 8px; background: rgba(255,255,255,0.2); border-radius: 12px; font-size: 13px; font-weight: 600; }
.btn-cost .fa-gem { font-size: 12px; }

/* 会员中心页面 - 顶部信息卡 */
.mc-header-card { background: linear-gradient(135deg, rgba(99,102,241,0.06), rgba(139,92,246,0.06)); border: 1px solid rgba(99,102,241,0.15); border-radius: var(--radius); padding: 20px 24px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
.mc-header-left { display: flex; align-items: center; gap: 16px; }
.mc-header-icon { width: 48px; height: 48px; border-radius: 12px; background: linear-gradient(135deg, #6366F1, #8B5CF6); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 22px; }
.mc-header-title { font-size: 18px; font-weight: 700; }
.mc-header-sub { font-size: 13px; color: var(--text-light); margin-top: 2px; }
.mc-header-right { text-align: right; }
.mc-balance-num { font-size: 28px; font-weight: 800; color: var(--primary); }
.mc-balance-label { font-size: 12px; color: var(--text-light); }