.formula-nav{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--ink);font-size:12px;text-decoration:none;white-space:nowrap}
.formula-nav svg{width:15px;height:15px}.formula-nav:hover{color:var(--accent)}
.site-tools{max-width:1392px;margin:0 auto;padding:30px 64px 40px;display:flex;align-items:center;justify-content:space-between;gap:36px;color:var(--ink)}
body[data-variant=a] .site-footer{padding-bottom:32px}
.formula-entry{display:flex;align-items:center;gap:38px;text-decoration:none;color:inherit;min-height:72px}
.formula-entry strong{display:block;font-size:16px;font-weight:550}.formula-entry small{display:block;margin-top:9px;font-size:12px;line-height:1.8;color:var(--muted)}
.formula-entry>svg{width:23px;height:23px;transition:transform .2s}.formula-entry:hover>svg{transform:translate(2px,-2px)}.formula-entry:hover strong{color:var(--accent)}
.author-support{display:flex;align-items:center;gap:25px}.author-support p{font-size:12px;line-height:1.8;color:var(--muted)}
#supportAuthor{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 19px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:13px;white-space:nowrap;transition:border-color .2s,color .2s}
#supportAuthor:hover{border-color:var(--accent);color:var(--accent)}#supportAuthor svg{width:20px;height:20px}
.support-dialog{box-sizing:border-box;width:min(800px,calc(100vw - 32px));max-width:800px;max-height:calc(100dvh - 40px);padding:30px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0005}
.support-dialog::backdrop{background:#06090dc4}.support-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.support-heading h2{font-family:var(--display-font);font-weight:600;font-size:28px;margin:0 0 10px}.support-heading p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
.support-close{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:inherit}.support-close svg{width:22px;height:22px}.support-close:hover{border-color:var(--accent);color:var(--accent)}
.support-codes{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px}.support-code{margin:0;min-width:0}.support-code figcaption{font-size:14px;font-weight:550;margin-bottom:12px}.support-image{position:relative;border-radius:8px;overflow:hidden;background:#fff;contain:layout paint}.support-code a{display:block;aspect-ratio:2/3;background:#fff}.support-wechat a{aspect-ratio:1325/1806}.support-code img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.support-code:not([data-load-state=ready]) img{visibility:hidden}.support-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:24px;color:#506174;background:#f0f3f7;text-align:center;font-size:13px;line-height:1.8;pointer-events:none}.support-placeholder button{padding:8px 18px;border:1px solid #bdc9d7;border-radius:6px;background:#fff;color:#2255a2;pointer-events:auto}.support-code[data-load-state=ready] .support-placeholder{display:none}.support-placeholder [hidden]{display:none}.support-note{font-size:12px;color:var(--muted);line-height:1.8;margin:20px 0 0}
body[data-variant=c]{padding-bottom:100px}body[data-variant=c] .site-tools{max-width:1374px;padding-inline:54px}body[data-variant=c] #supportAuthor{border-radius:0;background:transparent}body[data-variant=c] .support-dialog{border-radius:3px}
@media(max-width:1100px){.site-tools{padding-inline:42px}.author-support{gap:14px}.author-support p{max-width:130px}.publication-actions{gap:16px!important}.publication-header .header-note{display:none}}
@media(max-width:760px){.site-tools,body[data-variant=c] .site-tools{padding:24px 24px 32px;display:grid;gap:22px}.formula-entry{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.author-support{justify-content:space-between}.author-support p{max-width:170px}.support-dialog{padding:20px;max-height:calc(100dvh - 24px)}.support-heading{margin-bottom:20px;gap:12px}.support-heading h2{font-size:23px}.support-heading p{font-size:12px}.support-codes{grid-template-columns:1fr;gap:24px;max-width:330px;margin-inline:auto}.support-code figcaption{font-size:13px}.publication-actions{flex-wrap:wrap;justify-content:flex-end;gap:3px 14px!important}.formula-nav{font-size:11px}}
@media(prefers-reduced-motion:reduce){.formula-entry>svg{transition:none}.formula-entry:hover>svg{transform:none}}.motion-off .formula-entry>svg{transition:none}.motion-off .formula-entry:hover>svg{transform:none}
.page-jumps{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;flex-direction:column;align-items:center;padding:4px;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:0 6px 24px #0002}
.page-jumps button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink)}.page-jumps button:hover:not(:disabled){background:var(--soft);color:var(--accent)}.page-jumps button:disabled{opacity:.3;cursor:default}.page-jumps svg{width:20px;height:20px}.page-jumps>span{width:22px;height:1px;background:var(--line);margin:2px 0}
body:has(dialog[open]) .page-jumps{visibility:hidden}body[data-variant=c] .page-jumps{border-radius:5px}body[data-variant=c] .page-jumps button{border-radius:2px}
@media(max-width:760px){.page-jumps{right:12px;bottom:max(16px,env(safe-area-inset-bottom));padding:3px}.page-jumps button{width:40px;height:40px}.author-support{padding-right:52px}.author-support p{max-width:125px}#supportAuthor{gap:8px;padding-inline:13px}}