/* Hallmark · macrostructure: split account workspace · tone: restrained product · anchor hue: blue */
.account-page{min-height:100vh;background:var(--color-canvas);color:var(--color-ink);overflow-x:clip;font-family:var(--font-body)}
.account-page .site-header{position:sticky;top:0;z-index:20}
.account-page .site-brand{text-decoration:none}
.account-page .site-nav-link{text-decoration:none}
.account-shell{display:block;width:min(1080px,calc(100% - 48px));min-height:660px;margin:36px auto 64px;background:transparent}
.account-sidebar{padding:28px 16px;border-right:var(--rule-thin) solid var(--color-line);background:var(--color-surface)}
.account-menu{display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;border-radius:var(--radius-md);color:var(--color-body);font-size:15px;text-decoration:none;white-space:nowrap;transition:background var(--dur-normal) var(--ease-out),color var(--dur-normal) var(--ease-out)}
.account-menu svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-menu:hover,.account-menu:focus-visible,.account-menu.active{background:var(--color-brand-soft);color:var(--color-brand);outline:none}
.account-content{min-width:0;padding:0}
.account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.account-heading p{margin:0 0 5px;color:var(--color-muted);font-size:13px}
.account-heading h1{margin:0;color:var(--color-ink);font-size:28px;line-height:1.3;font-style:normal}
.account-home-link{color:var(--color-brand);font-size:14px;text-decoration:none;white-space:nowrap}
.account-home-link:hover{text-decoration:underline}.account-home-link:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}
.account-state,.account-profile-card,.account-panel{border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper)}
.account-state{padding:28px;color:var(--color-muted)}
.account-guest{display:flex;align-items:center;gap:20px;min-height:132px}.account-guest[hidden]{display:none}
.account-guest>div{min-width:0;flex:1}.account-guest h2{margin:0 0 6px;font-size:20px}.account-guest p{margin:0;color:var(--color-muted);font-size:14px}
.account-avatar{display:grid;flex:0 0 auto;width:68px;height:68px;place-items:center;border-radius:50%;background:var(--color-brand);color:var(--color-paper);box-shadow:0 8px 22px var(--color-brand-shadow)}
.account-avatar svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.account-user{display:grid;gap:24px}.account-user[hidden]{display:none}
.account-profile-card{display:flex;align-items:center;gap:22px;padding:28px 30px}.account-profile-copy{min-width:0}.account-profile-copy h2{margin:0 0 10px;font-size:21px;overflow-wrap:anywhere}
.account-badges{display:flex;flex-wrap:wrap;gap:8px}.account-badge{display:inline-flex;align-items:center;height:27px;padding:0 10px;border:var(--rule-thin) solid var(--color-line-strong);border-radius:999px;background:var(--color-surface);color:var(--color-body);font-size:12px;white-space:nowrap}.account-badge.ok{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}
.account-panel{padding:28px 30px}.account-panel h2{margin:0;font-size:18px;font-style:normal}.account-panel-head p{margin:7px 0 0;color:var(--color-muted);font-size:13px}
.account-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin:24px 0 0}.account-info-grid div{min-width:0;padding:16px 18px;border:var(--rule-thin) solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.account-info-grid dt{margin-bottom:7px;color:var(--color-muted);font-size:12px}.account-info-grid dd{margin:0;color:var(--color-ink);font-size:15px;overflow-wrap:anywhere}
.account-password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.account-password-form label{display:grid;gap:8px;color:var(--color-body);font-size:13px}.account-password-form input{min-width:0;height:44px;padding:0 13px;border:var(--rule-thin) solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);font:inherit}.account-password-form input:focus{border-color:var(--color-brand);outline:3px solid var(--color-brand-soft)}
.account-form-actions{grid-column:1/-1;display:flex;align-items:center;gap:16px}.account-form-actions p{min-height:20px;margin:0;color:var(--color-danger);font-size:13px}
.account-primary,.account-danger{min-height:44px;padding:0 18px;border-radius:var(--radius-sm);font:600 14px var(--font-body);white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.account-secondary{min-height:44px;padding:0 18px;border:var(--rule-thin) solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-brand);font:600 14px var(--font-body);white-space:nowrap;cursor:pointer}.account-secondary:hover{background:var(--color-brand-soft)}.account-secondary:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}
.account-verify-form{display:flex;align-items:end;gap:12px;margin-top:20px}.account-verify-form label{display:grid;flex:1;gap:8px;color:var(--color-body);font-size:13px}.account-verify-form input{height:44px;padding:0 13px;border:var(--rule-thin) solid var(--color-line-strong);border-radius:var(--radius-sm);font:inherit}.account-admin-link{justify-self:start;color:var(--color-brand);font-size:14px;text-decoration:none}.account-admin-link:hover{text-decoration:underline}
.account-primary{border:0;background:var(--color-brand);color:var(--color-paper)}.account-primary:hover{background:var(--color-brand-strong);transform:translateY(-1px)}.account-primary:active{transform:translateY(0)}
.account-danger{justify-self:start;border:var(--rule-thin) solid var(--color-danger-line);background:var(--color-danger-soft);color:var(--color-danger)}.account-danger:hover{border-color:var(--color-danger-line-strong);background:var(--color-danger-soft)}.account-danger:active{transform:translateY(1px)}
.account-delete-panel{border-color:var(--color-danger-line);background:var(--color-danger-soft)}
.account-delete-panel h2{color:var(--color-danger)}
.account-delete-confirm input{border-color:var(--color-danger-line)}
.account-primary:focus-visible,.account-danger:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.account-primary:disabled,.account-danger:disabled{cursor:not-allowed;opacity:.55;transform:none}
@media(max-width:900px){.account-page .site-header>.site-account-actions{position:static}.account-shell{width:min(100% - 28px,720px);margin:24px auto 44px;min-height:0}.account-content{padding:0}.account-password-form{grid-template-columns:1fr}}
@media(max-width:600px){.account-page .site-account-logout{display:none}.account-shell{width:100%;margin:0}.account-content{padding:26px 16px 36px}.account-heading{align-items:flex-start}.account-heading h1{font-size:24px}.account-profile-card,.account-panel{padding:22px 18px}.account-profile-card{gap:15px}.account-avatar{width:56px;height:56px}.account-avatar svg{width:30px;height:30px}.account-info-grid{grid-template-columns:1fr}.account-guest{align-items:flex-start;flex-wrap:wrap}.account-guest .account-primary{width:100%}.account-form-actions{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.account-menu,.account-primary,.account-danger{transition:none}}

/* PanFlow account-center structure, adapted to the existing Yijia account data and actions. */
.account-page{background:#f5f6f8}
.account-shell{display:grid;grid-template-columns:220px minmax(0,1fr);width:min(1120px,calc(100% - 48px));min-height:598px;margin:24px auto 64px;border:1px solid #e6e8ee;border-radius:18px 18px 0 0;background:#fff;overflow:hidden}
.account-sidebar{display:flex;flex-direction:column;padding:24px 0;border-right:1px solid #e6e8ee;background:#fff}
.account-menu{display:flex;align-items:center;gap:14px;width:100%;height:54px;padding:0 30px;border:0;border-left:3px solid transparent;border-radius:0;background:transparent;color:#535d70;font:500 16px var(--font-body);text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}
.account-menu svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-menu:hover,.account-menu:focus-visible{background:#f7f8fc;color:var(--color-brand);outline:none}.account-menu.active{border-left-color:var(--color-brand);background:#f0f1ff;color:var(--color-brand);font-weight:700}
.account-content{min-width:0;padding:38px 40px 48px}.account-heading{margin:0 0 22px}.account-heading h1{margin:0;color:#111827;font-size:24px;line-height:1.3}
.account-state,.account-profile-card,.account-panel{border:1px solid #e4e6eb;border-radius:16px;background:#fff;box-shadow:0 2px 5px rgba(24,34,56,.05)}
.account-profile-card{display:flex;align-items:center;gap:22px;padding:28px 30px}.account-profile-copy h2{margin:0 0 10px;color:#111827;font-size:21px}
.account-avatar{width:70px;height:70px;background:linear-gradient(145deg,#526df6,#6982ff)}
.account-badges{gap:10px}.account-badge{height:29px;padding:0 12px;border-radius:8px;background:#f8f9fb;color:#303747}.account-badge.ok{border-color:#b9e8d8;border-radius:999px;background:#effbf7;color:#07966f}
.account-panel{padding:30px}.account-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}.account-info-grid div{padding:0;border:0;border-radius:0;background:transparent}.account-info-grid dt{margin:0 0 9px;color:#99a3b7;font-size:13px}.account-info-grid dd{display:flex;align-items:center;min-height:53px;margin:0;padding:0 17px;border:1px solid #dfe2e8;border-radius:7px;background:#f5f6f8;color:#111827;font-size:15px}
.account-panel-actions{display:flex;align-items:center;gap:18px;margin-top:22px}.account-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-color:#ffb9b9;border-radius:8px;background:#fff8f8;color:#ff3535}.account-danger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-danger:hover{background:#fff0f0}
.account-admin-link{color:var(--color-brand);font-size:14px;text-decoration:none}.account-placeholder{min-height:240px}.account-placeholder h2{margin:0 0 12px;font-size:20px}.account-placeholder p{margin:0 0 26px;color:var(--color-muted);font-size:14px}
@media(max-width:900px){.account-shell{grid-template-columns:1fr}.account-sidebar{flex-direction:row;padding:10px;border-right:0;border-bottom:1px solid #e6e8ee;overflow-x:auto}.account-menu{flex:0 0 auto;width:auto;height:44px;padding:0 14px;border-left:0;border-bottom:3px solid transparent;font-size:14px}.account-menu.active{border-bottom-color:var(--color-brand)}.account-content{padding:30px 24px 38px}}
@media(max-width:600px){.account-content{padding:26px 16px 36px}.account-info-grid{grid-template-columns:1fr}.account-menu span{display:none}.account-menu{padding:0 16px}.account-panel-actions{align-items:stretch;flex-direction:column}.account-panel-actions>*{width:100%}}