@font-face{font-family:Manrope;src:url('./fonts/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--paper:#ffffff;--ink:#20201e;--muted:#606060;--line:#dedede;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(24px,4vw,80px);--font-display:Manrope,'PingFang SC','Microsoft YaHei',sans-serif;--font-body:Manrope,'PingFang SC','Microsoft YaHei',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#8b8a83 var(--paper);scrollbar-width:thin}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}a,button{-webkit-tap-highlight-color:transparent}img,video{display:block;max-width:100%}img{height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}p{max-width:72ch}::selection{background:#bdb9ac;color:#121210}:focus-visible{outline:2px solid var(--ink);outline-offset:6px}svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.arrow{display:inline-block;flex-shrink:0}.site-nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);position:relative;z-index:5}.brand{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.04em}.nav-links{display:flex;gap:34px;align-items:center;font-size:14px}.nav-links a{position:relative;padding:10px 0}.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav-links a:hover::after,.nav-links a[aria-current]::after{transform:scaleX(1)}.skip{position:fixed;z-index:999;top:12px;left:var(--gutter);padding:12px 20px;background:var(--ink);color:var(--paper);transform:translateY(-180%)}.skip:focus{transform:none}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px}.text-link svg{transition:transform .35s var(--ease)}.text-link:hover svg{transform:translate(4px,-4px)}.section-anchor{scroll-margin-top:36px}.site-footer{padding:30px var(--gutter);display:flex;justify-content:space-between;font-size:13px}.site-footer a:hover{text-decoration:underline}
@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.75s;animation-timing-function:var(--ease)}::view-transition-old(root){animation:old-root .22s ease both}::view-transition-new(root){animation:new-root .6s var(--ease) both}::view-transition-image-pair(*){isolation:auto}::view-transition-old(cover-drwu),::view-transition-old(cover-nars),::view-transition-old(cover-beauty),::view-transition-old(cover-jilong),::view-transition-old(cover-sanyi),::view-transition-old(cover-ai){animation:none;mix-blend-mode:normal}::view-transition-new(cover-drwu),::view-transition-new(cover-nars),::view-transition-new(cover-beauty),::view-transition-new(cover-jilong),::view-transition-new(cover-sanyi),::view-transition-new(cover-ai){animation:none;mix-blend-mode:normal}@keyframes old-root{to{opacity:0}}@keyframes new-root{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* The actual picture, rather than its matte, travels between layouts.
   A single destination snapshot uncrops inside the moving rectangle. */
::view-transition-group(cover-drwu),::view-transition-group(cover-nars),::view-transition-group(cover-beauty),::view-transition-group(cover-jilong),::view-transition-group(cover-sanyi),::view-transition-group(cover-ai){overflow:hidden}
::view-transition-old(cover-drwu),::view-transition-old(cover-nars),::view-transition-old(cover-beauty),::view-transition-old(cover-jilong),::view-transition-old(cover-sanyi),::view-transition-old(cover-ai){display:none}
::view-transition-new(cover-drwu),::view-transition-new(cover-nars),::view-transition-new(cover-beauty),::view-transition-new(cover-jilong),::view-transition-new(cover-sanyi),::view-transition-new(cover-ai){width:100%;height:100%;object-fit:cover;animation:none}
::view-transition-new(cover-drwu){object-position:50% 0%}
@media(max-width:700px){.site-nav{height:72px}.nav-links{gap:20px}.brand{font-size:25px}.site-footer{gap:18px;flex-wrap:wrap}.nav-links a{font-size:13px}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}