/* 账号内容与公开页面共用颜色、间距和表单语义。 */
.account-layout{display:grid;grid-template-columns:.85fr 1.15fr;max-width:1060px;margin:36px auto 60px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.account-layout-compact{grid-template-columns:1fr;max-width:660px}
.account-welcome{background:var(--night);padding:36px;min-width:0;display:flex;flex-direction:column;align-items:start}
.account-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;margin-bottom:38px}
.account-welcome h2{font-size:clamp(26px,3vw,34px);line-height:1.5;margin:0 0 14px;letter-spacing:-.025em}
.account-welcome>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}
.account-benefits{padding:0;list-style:none;margin:24px 0 28px;width:100%}
.account-benefits li{padding:16px 0;border-top:1px solid var(--line)}
.account-benefits strong{font-size:13px;font-weight:600;display:block}.account-benefits span{font-size:12px;line-height:1.8;color:var(--muted);display:block;margin-top:6px}
.account-welcome>.text-link{margin-top:auto;font-size:13px}
.account-panel{padding:38px 42px;min-width:0}
.account-panel h1{font-size:clamp(28px,3vw,38px);margin-bottom:24px}
.account-intro{color:var(--muted);margin-bottom:24px}
.account-form{display:grid;gap:10px}
.account-form>label{font-size:13px;font-weight:600;margin-top:10px}
.account-form>input{width:100%;padding:12px 14px;min-height:48px;font-size:16px}
.account-form small{font-size:12px;color:var(--muted)}
.account-form>.button{width:100%;margin-top:18px;justify-content:space-between}
.account-form-row{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:6px;font-size:12px}
.account-check{display:flex;gap:9px;align-items:start;font-size:13px;font-weight:400;cursor:pointer}
.account-check input{width:17px;height:17px;flex:0 0 17px;accent-color:var(--accent);margin-top:3px}
.account-switch{font-size:14px;margin-top:26px}
.account-switch a,.account-help a,.account-settings-section>p a{text-decoration:underline;text-underline-offset:4px;color:var(--accent-hover)}
.account-help,.account-settings-section{border-top:1px solid var(--line);padding-top:20px;margin-top:26px}
.account-help summary,.account-settings-section summary{font-weight:600;cursor:pointer}
.account-settings-section>p{margin:16px 0;color:var(--muted);overflow-wrap:anywhere}
.account-session-list{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.account-session-list>li{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line);overflow-wrap:anywhere}
.account-session-list>li>span{font-size:13px;color:var(--muted)}
.account-session-list>li>details{margin-top:4px}
.account-help a{display:block;margin-top:12px;font-size:13px}
.account-dev-note{padding-top:18px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted);margin-top:25px}
.member-summary{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line);margin:15px 0 10px;overflow-wrap:anywhere}
.member-summary>div{min-width:0}.member-summary strong{font-size:20px}.member-summary p{font-size:12px;margin-top:6px}
.member-avatar{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;background:var(--accent-soft);color:var(--accent-hover);font-size:16px;border-radius:50%}
.member-verified{font-weight:600;color:var(--success)}.account-logout{margin-top:30px}.account-logout button{border:0;background:transparent;padding:0;color:var(--accent-hover)}
.account-delete{font-size:13px;color:var(--error)}
@media(max-width:980px){.account-layout{grid-template-columns:.85fr 1.15fr}.account-welcome{padding:28px}.account-panel{padding:32px 28px}}
@media(max-width:700px){.account-layout{display:block;margin:26px auto 40px}.account-welcome{padding:24px;display:block;border-bottom:1px solid var(--line)}.account-brand{display:none}.account-welcome h2{font-size:23px;line-height:1.4}.account-welcome>.eyebrow,.account-benefits,.account-welcome>.text-link{display:none}.account-welcome>p:not(.eyebrow){font-size:13px}.account-panel{padding:28px 22px}.account-form-row{flex-wrap:wrap;gap:12px}}