/* ============================================
   会员中心样式 — 暗金主题
   ============================================ */

:root {
    --bg-page: #0f1319;
    --bg-card-solid: rgba(255,255,255,0.03);
    --text-primary: #e8e6e3;
    --text-secondary: rgba(255,255,255,0.6);
    --text-muted: rgba(255,255,255,0.35);
    --gold: #D4A574;
    --gold-light: #E8C07A;
    --gold-dim: rgba(212,165,116,0.15);
    --border: rgba(212,165,116,0.08);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html, body { width:100%; height:100%; background:var(--bg-page); }
body { font-family:'Inter',-apple-system,'PingFang SC','Microsoft YaHei',sans-serif; color:var(--text-primary); -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; }
a { text-decoration:none; color:inherit; }

/* ====== Header ====== */
.page-header {
    position:fixed; top:0; left:0; right:0; height:50px;
    background:linear-gradient(180deg, #161b28, #121722);
    display:flex; align-items:center; justify-content:space-between;
    padding:0 12px; z-index:100; border-bottom:1px solid var(--border);
}
.back-btn { width:36px; height:36px; display:flex; align-items:center; justify-content:center; background:none; border:none; color:var(--gold); cursor:pointer; border-radius:50%; }
.page-title { font-size:17px; font-weight:600; color:var(--text-primary); }
.header-space { width:36px; }

/* ====== Main ====== */
.mine-main {
    position:fixed; top:50px; left:0; right:0;
    bottom:56px; bottom:calc(56px + env(safe-area-inset-bottom, 20px));
    overflow-y:auto; -webkit-overflow-scrolling:touch; padding-bottom:20px;
}
.mine-main::-webkit-scrollbar { display:none; }

/* ====== 用户信息区 ====== */
.user-section {
    background:linear-gradient(180deg, #161b28, #121722);
    padding:20px 20px 24px;
}
.user-row { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.user-avatar {
    width:60px; height:60px; border-radius:50%;
    flex-shrink: 0;
    background:rgba(212,165,116,0.08);
    border:2px solid rgba(212,165,116,0.2);
    display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.user-avatar img { width:100%; height:100%; object-fit:cover; }
.user-name { font-size:18px; font-weight:600; color:#fff; }

/* 余额行 */
.balance-row { display:flex; justify-content:space-between; align-items:center; }
.balance-left { display:flex; align-items:center; gap:6px; }
.balance-label { font-size:13px; color:var(--text-muted); }
.balance-amount { font-size:16px; font-weight:600; color:var(--gold-light); }
.balance-refresh {
    width:28px; height:28px; display:flex; align-items:center; justify-content:center;
    background:none; border:none; color:var(--text-muted); cursor:pointer;
}
.balance-refresh:active { opacity:0.5; }
.balance-refresh.spinning svg { animation:spin 0.8s linear; }
@keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

.btn-withdraw {
    padding:8px 18px; border:none; border-radius:20px;
    background:linear-gradient(135deg, var(--gold), var(--gold-light));
    color:#0f1319; font-size:14px; font-weight:600;
    cursor:pointer; font-family:inherit;
    box-shadow:0 2px 10px rgba(212,165,116,0.25);
    text-decoration:none; display:inline-block;
}
.btn-withdraw:active { opacity:0.8; }

/* ====== 功能菜单 ====== */
.menu-section {
    background:var(--bg-card-solid);
    margin-top:0; padding:20px 10px;
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
}
.menu-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:20px 0; }
.menu-item {
    display:flex; flex-direction:column; align-items:center; gap:8px;
    font-size:12px; color:var(--text-secondary); cursor:pointer;
}
.menu-item:active { opacity:0.6; }
.menu-icon { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; }

/* ====== 退出登录 ====== */
.logout-section { margin:16px 16px 0; position:relative; z-index:10; }
.btn-logout {
    width:100%; padding:14px; border:none;
    background:linear-gradient(135deg, rgba(244,67,54,0.15), rgba(244,67,54,0.08));
    color:#F44336; font-size:15px; font-weight:600;
    cursor:pointer; font-family:inherit; text-align:center;
    border-radius:12px; border:1px solid rgba(244,67,54,0.2);
    transition:all 0.25s; letter-spacing:2px;
}
.btn-logout:active { background:rgba(244,67,54,0.25); transform:scale(0.98); }
.bottom-spacer { height:30px; }

/* ====== Toast ====== */
.toast {
    position:fixed; top:50%; left:50%;
    transform:translate(-50%,-50%) scale(0.8);
    background:rgba(0,0,0,0.8); color:#fff;
    padding:12px 24px; border-radius:8px; font-size:14px;
    z-index:9999; opacity:0; pointer-events:none;
    transition:all 0.3s cubic-bezier(0.16,1,0.3,1);
}
.toast.show { opacity:1; transform:translate(-50%,-50%) scale(1); }

/* 底部导航样式见 nav.css */