/* 账号与历史沿用卷宗视觉；表单只保留当前步骤所需的内容。 */
.brand-sub { margin-left: auto; }
.account-nav-link { flex-shrink: 0; color: var(--text); font-size: 13px; border-left: 1px solid var(--line); padding: 6px 0 6px 14px; }
.account-wrap { max-width: 700px; }
.account-main { padding-top: 32px; }
.account-heading { margin-bottom: 26px; }
.account-heading h1 { font-size: clamp(27px,6vw,38px); margin: 6px 0 12px; line-height: 1.3; overflow-wrap: anywhere; }
.account-heading p,.account-note { font-size: 13px; color: var(--muted); line-height: 1.7; }
.account-status { display: inline-block; color: var(--accent); font-size: 12px; }
.account-tabs { display: flex; gap: 26px; border-bottom: 1px solid var(--line); margin: 0 0 28px; }
.account-tabs a { padding: 10px 0 13px; color: var(--muted); font-size: 14px; }
.account-tabs a[aria-current] { color: var(--text); border-bottom: 2px solid var(--accent); }
.account-form { display: grid; gap: 20px; max-width: 460px; }
.account-form label { display: grid; gap: 7px; font-size: 14px; color: var(--text); }
.account-form input { box-sizing: border-box; min-width: 0; width: 100%; font: inherit; color: var(--text); background: var(--bg2); border: 1px solid var(--line); border-radius: 8px; padding: 13px 14px; }
.account-form small { color: var(--muted); font-size: 12px; }
.account-form .btn { margin-top: 3px; }
.account-secondary { display: flex; justify-content: space-between; gap: 18px; font-size: 13px; margin: 26px 0; max-width: 460px; }
.account-error,.account-success { border-left: 3px solid var(--accent); padding: 10px 14px; background: var(--bg2); font-size: 14px; }
.account-error { color: #ffb7aa; border-color: #ffb7aa; }
.account-success { color: #b8dfbd; border-color: #b8dfbd; }
.account-save { display: flex; align-items: center; gap: 18px; justify-content: space-between; padding: 20px; border: 1px solid var(--line); border-radius: 12px; margin: 24px 0; }
.account-save p { color: var(--muted); font-size: 12px; margin: 4px 0 0; }
.account-save .btn { flex-shrink: 0; margin: 0; font-size: 13px; padding: 11px 15px; }
.account-count { color: var(--muted); font-size: 12px; }
.account-records { list-style: none; margin: 0; padding: 0; }
.account-records li { position: relative; padding: 22px 0; border-bottom: 1px solid var(--line); }
.account-record-meta { display: flex; gap: 18px; justify-content: space-between; color: var(--muted); font-size: 12px; }
.account-records h2 { font-size: 18px; margin: 8px 0 5px; line-height: 1.45; }
.account-records p { color: var(--muted); font-size: 13px; margin: 0 0 12px; }
.account-price { font-size: 14px; margin: 8px 0; }
.account-record-link { color: var(--accent); font-size: 13px; display: inline-block; padding: 7px 0; }
.account-order-detail { color: var(--muted); font-size: 12px; margin-top: 5px; }
.account-order-detail p { overflow-wrap: anywhere; margin-top: 8px; }
.account-pagination { display: flex; justify-content: center; align-items: center; gap: 24px; margin: 30px 0; font-size: 13px; }
.account-pagination span { color: var(--muted); }
.account-empty { padding: 28px 0; }
.account-empty h2 { font-size: 21px; }
.account-empty p { color: var(--muted); font-size: 14px; }
.account-recovery { padding: 24px; border-radius: 12px; background: var(--paper); color: var(--ink); margin: 26px 0; }
.account-recovery strong { font-size: 14px; }
.account-recovery code { display: block; overflow-wrap: anywhere; font: 600 17px/1.9 monospace; user-select: all; margin: 14px 0; }
.account-recovery p { font-size: 12px; margin: 0; }
.account-check { display: flex; gap: 9px; align-items: flex-start; font-size: 14px; margin: 18px 0; }
.account-check input { accent-color: var(--accent); margin-top: 5px; }
.account-session { margin:0 0 26px; }
.account-session-actions { display:flex;gap:12px;flex-wrap:wrap; }
.account-session-actions .btn { flex:1 1 130px;width:auto;min-height:44px;margin:0;padding:12px 18px;font-size:14px; }
.account-session .account-note { margin:12px 0 0; }
.account-recovery-access { border:1px solid var(--line);border-radius:16px;background:var(--surface,var(--bg2));margin:20px 0 28px; }
.account-recovery-access summary { padding:18px 20px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text); }
.recovery-access-body { padding:0 20px 20px; }
.recovery-access-body .btn { margin:8px 0 12px;font-size:13px;width:auto; }
#recoveryCode { display:block;padding:16px;background:var(--bg2);border-radius:10px;overflow-wrap:anywhere;user-select:all;font:600 16px/1.9 monospace;color:var(--text); }
@media (max-width:420px) {
  .brand { gap: 9px; }
  .brand-mark { font-size: 14px; letter-spacing: 0; }
  .brand-sub { font-size: 10px; max-width: 30%; }
  .account-nav-link { font-size: 12px; padding-left: 9px; }
  .account-save { align-items: flex-start; padding: 16px; }
  .account-save .btn { padding: 9px 12px; }
  .account-tabs { gap: 22px; }
}
.account-author{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.account-author .btn{font-size:14px}