/* 已确认的个人账户稿：紧凑积分栏、通栏分组，仅作用于“我的”。 */
html body .profile-page {
    --profile-surface: #fff;
    --profile-muted: #8b8b91;
    --profile-divider: #ededf0;
    background: #f3f3f5!important;
}
html body .profile-page .profile-page-content { width:100%; max-width:none; margin:0; border-radius:0; overflow:visible; }
html body .profile-page .profile-card {
    min-height:132px; padding:26px 22px; gap:16px;
    grid-template-columns:64px minmax(0,1fr);
    background:var(--profile-surface)!important;
}
html body .profile-page .profile-avatar { width:64px; height:64px; }
html body .profile-page .profile-name { font-size:20px!important; padding-right:74px; }
html body .profile-page .profile-card-edit { font-size:12px; }
html body .profile-page .profile-id { font-size:12px; }

.profile-page .profile-balance {
    display:grid; grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto auto; column-gap:14px; row-gap:8px;
    padding:20px 22px 16px; margin:0 0 10px;
    background:var(--profile-surface); color:#202124;
}
.profile-page .balance-heading { grid-column:1 / -1; display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 12px; }
.profile-page .balance-heading h2 { margin:0; font-size:17px; line-height:1.4; font-weight:500; }
.profile-page .balance-heading #vip-plan-name { font-size:13px; color:var(--profile-muted); overflow-wrap:anywhere; }
.profile-page .balance-amount { display:flex; align-items:baseline; gap:8px; min-width:0; }
.profile-page .balance-amount strong { font-size:34px; line-height:1.25; font-weight:600; letter-spacing:-.025em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.profile-page .balance-amount > span { color:var(--profile-muted); font-size:14px; flex-shrink:0; }
html body .profile-page .balance-recharge {
    grid-column:2; grid-row:2; align-self:center;
    min-width:98px; min-height:40px; padding:8px 16px;
    border:0; border-radius:6px; background:#008642; color:#fff;
    font:inherit; font-size:16px; font-weight:500; cursor:pointer;
    box-shadow:none;
}
html body .profile-page .balance-recharge:hover { background:#007c3d; }
html body .profile-page .balance-recharge:active { background:#006f37; }
.profile-page .balance-note { grid-column:1 / -1; margin:4px 0 0; color:var(--profile-muted); font-size:12px; line-height:1.6; }
html body .profile-page .settings-list,
html body .profile-page .logout-btn { background:var(--profile-surface)!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
html body .profile-page .settings-item { position:relative; min-height:54px; padding:12px 22px; gap:14px; border:0!important; }
html body .profile-page .settings-item:not(:last-child)::after { content:''; position:absolute; bottom:0; left:63px; right:22px; height:1px; background:var(--profile-divider); }
html body .profile-page .settings-label { font-size:16px; font-weight:400; }
html body .profile-page .settings-badge { padding:0; border:0; border-radius:0; background:transparent!important; color:#ca8a2a!important; font-size:12px; }
html body .profile-page .logout-btn { min-height:50px; font-size:16px; font-weight:400; color:#e34646; }
html body .profile-page .logout-btn svg { display:none; }
@media(max-width:360px) {
    html body .profile-page .profile-card { padding:24px 18px; gap:12px; grid-template-columns:54px minmax(0,1fr); }
    html body .profile-page .profile-avatar { width:54px; height:54px; }
    html body .profile-page .profile-name { font-size:18px!important; padding-right:62px; }
    html body .profile-page .profile-card-edit { font-size:11px; }
    .profile-page .profile-balance { padding-right:18px; padding-left:18px; }
}