:root { --yf-blue:#1677ff; --yf-blue-hover:#0958d9; --yf-ink:#21262c; --yf-muted:#4e5969; --yf-soft:#f5f6f7; --yf-line:#e5e6eb; --yf-paper:#fff; --yf-radius:1rem; --yf-space:1.5rem; --yf-reading:75rem; --yf-text:1rem; --yf-heading:2.5rem; --yf-hint:#8f959e; }
*, ::before, ::after { box-sizing: border-box; }
html, body { margin: 0px; padding: 0px; overflow-x: hidden; }
body { font: 14px "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif; color: rgb(102, 102, 102); background: var(--yf-paper); }
h1, h2, h3, p, figure, ol, ul, section, article, aside, header, footer, hgroup { margin: 0px; padding: 0px; }
h1, h2, h3 { font-size: inherit; font-weight: inherit; line-height: inherit; }
ol, ul { list-style: none; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--yf-blue); }
button, select { font: inherit; }
button { cursor: pointer; }
img { border: 0px; vertical-align: middle; max-width: 100%; }
button { border: 0px; background: none; padding: 0px; }
:focus-visible { outline:2px solid var(--yf-blue); outline-offset:3px; }
button,a,summary{-webkit-tap-highlight-color:transparent}

:root{--yf-section-space:6rem;--yf-detail-gap:2rem;--yf-control-height:2.75rem}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::before,::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}