/* 顶部工具保留轻量入口，选中态只表示当前页面。 */
.header-actions{gap:4px;flex-shrink:0}
.header-actions .saved-link,.account-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;white-space:nowrap;font-size:14px}
.header-actions .saved-link svg,.account-trigger svg{display:block;width:18px;height:18px}
.header-actions .saved-link.active,.account-trigger.active{color:var(--accent-ink);background:var(--accent-soft)}
.header-actions .theme-toggle{color:var(--subtle);margin-left:4px}
@media(hover:hover) and (pointer:fine){.header-actions .saved-link:hover,.account-trigger:hover,.header-actions .theme-toggle:hover{color:var(--text);background:var(--neutral-soft)}}
#modal[data-variant="account"]{max-width:480px}
.account-login{display:grid;gap:10px}.account-login>label{font-size:14px;color:var(--muted);margin-top:5px}.account-login input:not([type="checkbox"]){width:100%;min-width:0;min-height:48px;border:1px solid var(--line);background:var(--field);color:var(--text);border-radius:10px;padding:12px;font:inherit;font-size:16px}.account-code-row{display:flex;gap:10px}.account-code-row .button{flex:0 0 122px;padding:0 10px;white-space:nowrap}.account-consent{display:flex;align-items:center;flex-wrap:wrap;gap:0;min-height:44px;margin-top:2px;font-size:13px;color:var(--muted)}.account-consent label{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.account-consent input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:var(--primary-bg)}.account-consent a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent-ink);text-underline-offset:3px}.account-consent a:hover{text-decoration:underline}.account-login .account-message:empty{display:none}.account-login .account-hint{margin:2px 0 0;font-size:12px;text-align:center}
.account-submit{width:100%;min-height:48px}.account-message{min-height:22px;color:var(--accent-ink);font-size:14px;line-height:1.6;margin:4px 0}.account-hint{font-size:13px;color:var(--muted);line-height:1.8;margin:12px 0 0}.account-profile strong{font-size:24px;letter-spacing:1px}.account-profile p{color:var(--muted);line-height:1.7;font-size:14px}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.account-logout{color:var(--muted);min-height:44px;display:block;margin:auto}.account-record{border-bottom:1px solid var(--line);padding:14px 0}.account-record>div{display:flex;gap:14px;justify-content:space-between}.account-record strong{font-size:15px;overflow-wrap:anywhere}.account-record span{font-size:12px;color:var(--accent-ink);white-space:nowrap}.account-record p{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.6}.account-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}.account-pagination span{font-size:13px;color:var(--muted)}
@media(min-width:901px) and (max-width:1050px){.header-actions .saved-link,.header-actions .account-trigger{padding:0;width:44px}.header-actions .saved-link span,.header-actions .account-trigger span{display:none}}
@media(min-width:651px) and (max-width:900px){.header-actions .saved-link span{display:inline}.header-actions .theme-toggle{display:inline-flex}.site-footer .theme-toggle{display:none}}
@media(max-width:650px){#modal[data-variant="account"]{max-width:none}.account-code-row{gap:8px}.account-code-row .button{flex-basis:112px;font-size:14px}.account-login{gap:8px}.account-actions{grid-template-columns:1fr}.account-hint{font-size:13px}}

/* 我的页面与小程序共用信息层级。 */
.my-account-page{max-width:800px;padding-top:32px}.my-profile{display:flex;align-items:center;gap:14px;background:var(--panel);border-radius:16px;padding:20px}.my-avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:var(--accent-soft);color:var(--accent-ink);flex-shrink:0}.my-avatar svg{width:30px;height:30px}.my-profile-copy{flex:1;min-width:0}.my-profile h1{font-size:23px;line-height:1.5;overflow-wrap:anywhere}.my-profile p{font-size:13px;color:var(--subtle);margin-top:4px}.my-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--panel);border-radius:16px;padding:12px 0;margin-top:12px}.my-shortcuts>a,.my-shortcuts>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:72px;font-size:14px;background:transparent;border:0;color:var(--muted);padding:8px}.my-shortcuts svg{color:var(--accent-ink)}.my-group-title{font-size:13px;font-weight:500;color:var(--subtle);margin:24px 2px 10px}.my-menu{background:var(--panel);border-radius:16px;padding:4px 16px}.my-menu>a,.my-menu>button{display:flex;align-items:center;gap:12px;min-height:56px;width:100%;background:transparent;border:0;color:var(--text);font:inherit;font-size:15px;text-align:left;padding:8px 0}.my-menu svg{width:20px;height:20px;color:var(--subtle)}
@media(max-width:650px){.header-actions .account-trigger,.header-actions .saved-link{display:none}.site-header .header-actions .theme-toggle{display:inline-flex}.site-footer .theme-toggle{display:none}.my-account-page{padding-top:16px}.my-profile{padding:16px;gap:10px}.my-profile h1{font-size:20px}.my-profile .button{min-width:76px;padding:8px 14px}.my-profile-copy{flex:1;min-width:0}.my-profile .button{font-size:13px;min-width:64px;padding:8px 10px}.my-shortcuts>a,.my-shortcuts>button{font-size:13px}}

.account-tabs{display:flex;overflow-x:auto;margin-bottom:18px}
.account-tabs button{flex:1;min-width:64px}