.nf{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:40px;align-items:center;min-height:520px;padding:30px 0}
          .nf .code{font:800 120px/1 var(--font);letter-spacing:-.04em;color:var(--surface3)}
          .nf h1{margin:6px 0 0;font:700 38px/1.1 var(--font);letter-spacing:-.025em}
          .nf p{margin:14px 0 0;max-width:52ch;font-size:16px;line-height:1.6;color:var(--dim)}
          .hs.big{justify-content:flex-start;margin-top:26px}
          .hs.big .hsf{width:100%;max-width:520px;height:54px;padding:0 18px;gap:12px;border-radius:10px;font-size:15.5px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}
          .hs.big .hsf input{font-size:15.5px}
          .hs.big .hsd{left:0;right:auto;width:520px}
          .qk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:620px;margin-top:22px}
          .qk a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r2);background:var(--surface);border:1px solid var(--line);font:600 13.5px/1.2 var(--font);transition:border-color .15s,background-color .15s}
          .qk a:hover{color:var(--text);border-color:var(--line2);background:var(--surface2)}
          .qk .gl{width:20px;height:20px}
          .scatter.nf-art{height:440px}
          @media (max-width:1100px){.nf{grid-template-columns:minmax(0,1fr)}.scatter.nf-art{width:520px;max-width:100%;justify-self:center}.qk{grid-template-columns:repeat(2,minmax(0,1fr))}}
          @media (max-width:760px){.scatter.nf-art{max-width:none;zoom:.6}}