.visual .account-center{margin:24px 0;padding:28px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.58);color:var(--text-on-light);min-width:0}
.visual .v3-account a.account-wechat-entry{background:#30243f;color:#fffaf0;border-color:#30243f;font-weight:650}
.visual[data-theme=night] .v3-account a.account-wechat-entry{background:#e1cfae;color:#292238;border-color:#e1cfae}
.visual .account-center-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;font-size:23px;font-weight:700}
.visual .account-center-refresh{min-height:44px;border:1px solid currentColor;border-radius:24px;background:transparent;color:inherit;padding:8px 16px;font:inherit;font-size:13px;cursor:pointer}
.visual .account-center-refresh:disabled{cursor:wait}
.visual .account-center-note{font-size:14px;line-height:1.7;color:var(--text-muted-on-light)}
.visual .account-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 12px}
.visual .account-service{position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:76px;padding:15px 34px 15px 16px;border-radius:16px;text-decoration:none;color:inherit;min-width:0;overflow-wrap:anywhere}
.visual .account-service:hover{background:rgba(142,116,166,.09)}
.visual .account-service:focus-visible,.visual .account-center-refresh:focus-visible{outline:3px solid #6a5380;outline-offset:3px}
.visual .account-service strong{font-size:15px;font-weight:650}.visual .account-service small{font-size:12px;line-height:1.6;color:var(--text-muted-on-light)}
.visual .account-service-arrow{position:absolute;right:14px;top:18px;font-size:17px}
.visual .account-metrics .account-service,.visual .account-credit{background:rgba(255,255,255,.55);border:1px solid var(--line)}
.visual .account-metric-value{font-size:25px;font-weight:600;line-height:1.3}.visual .account-credit{margin-bottom:24px;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.visual .account-credit-value{font-size:23px}
.visual .account-service-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.visual .account-service-group{min-width:0}.visual .account-service-group h2,.visual .account-recent h2{font-size:16px;margin:0 0 8px;padding:0 16px}
.visual .account-recents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);margin-top:24px;padding-top:24px}
.visual .account-recent{min-width:0}.visual .account-recent>.account-center-note{padding:0 16px}
.visual[data-theme=night] .account-center{background:rgba(34,32,50,.86);color:var(--text-on-dark)}
.visual[data-theme=night] .account-center-note,.visual[data-theme=night] .account-service small{color:var(--text-muted-on-dark)}
.visual[data-theme=night] .account-metrics .account-service,.visual[data-theme=night] .account-credit{background:rgba(255,255,255,.04)}
.visual[data-theme=night] .account-service:focus-visible,.visual[data-theme=night] .account-center-refresh:focus-visible{outline-color:#e1cfae}
@media(max-width:800px){.visual .account-center{padding:20px 14px}.visual .account-service-groups{grid-template-columns:1fr}.visual .account-service-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.visual .account-service-group h2{grid-column:1/-1;margin-top:8px}.visual .account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.visual .account-recents{grid-template-columns:1fr}.visual .account-center-heading{font-size:20px}.visual .account-credit{gap:12px}.visual .account-credit-value{font-size:20px}}
