.qp-header{--qp-ink:#293b30;--qp-muted:#5e6a57;--qp-line:#dce2d1;--qp-soft:#e9eedf;--qp-card:#fffef9;width:min(1360px,calc(100% - 80px));margin-inline:auto;min-height:104px;padding-block:20px;border-bottom:1px solid var(--qp-line);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px 24px;color:var(--qp-ink);font-family:var(--font-source-sans),Arial,sans-serif}[data-qd-theme=dark] .qp-header{--qp-ink:#f3f0df;--qp-muted:#bbc4ad;--qp-line:#3e513f;--qp-soft:#30452f;--qp-card:#203126}.qp-header .qd-logo{color:var(--qp-ink)}.qp-header a{color:inherit;text-decoration:none}.qp-brand{grid-row:1;grid-column:1;width:fit-content}.qp-nav{grid-row:1;grid-column:2;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:6px}.qp-header .qp-nav>a{display:inline-flex;gap:6px;align-items:center;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.4;font-weight:600;color:var(--qp-muted);white-space:nowrap}.qp-header .qp-nav>a:hover,.qp-header .qp-nav>a[aria-current=page]{background:var(--qp-soft);color:var(--qp-ink)}.qp-actions{grid-row:1;grid-column:3;min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 18px}.qp-header .qp-actions>a{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:600;white-space:nowrap}.qp-header .qd-theme-toggle{background:var(--qp-card);color:var(--qp-ink);border:1px solid var(--qp-line)}.qp-header :is(a,button):focus-visible{outline:3px solid #bd5428;outline-offset:4px}[data-qd-theme=dark] .qp-header :is(a,button):focus-visible{outline-color:#f4aa74}@media (max-width:1280px){.qp-header{grid-template-columns:auto minmax(0,1fr);gap:16px;padding-block:18px 12px}.qp-actions{grid-row:1;grid-column:2}.qp-nav{grid-row:2;grid-column:1/-1;justify-content:center;flex-wrap:wrap}}@media (max-width:600px){.qp-header{width:calc(100% - 32px);gap:14px}.qp-header .qd-logo-small{font-size:17px;gap:9px}.qp-header .qd-logo-mark{width:35px;height:38px}.qp-actions{gap:6px 12px}.qp-header .qp-actions>a{font-size:13px}.qp-nav{justify-content:center;gap:2px}.qp-header .qp-nav>a{padding:10px 5px;font-size:12px;gap:4px}.qp-header .qp-nav>a svg{width:13px}}@media (max-width:420px){.qp-header .qd-logo-small{font-size:15px}.qp-header .qp-actions>a{font-size:12px}.qp-nav{justify-content:center;gap:2px 8px}}