@font-face{font-family:Source Han Sans SC;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/SourceHanSansCN-subset.woff2)format("woff2")}:root{--max-width:1200px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:234,239,240;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,#fff0);--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(#0141ff66,#0141ff00);--secondary-glow:linear-gradient(to bottom right,#0141ff00,#0141ff00,#0141ff4d);--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0;font-family:Source Han Sans SC,PingFang SC,Noto Sans SC,sans-serif!important}html,body{max-width:100vw;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb)))rgb(var(--background-start-rgb))}a{color:inherit;text-decoration:none}.header{display:inherit;justify-content:inherit;align-items:inherit}.header a{border-radius:var(--border-radius);-webkit-tap-highlight-color:transparent;display:inline-flex;overflow:hidden}.header a:active p{background-color:rgba(var(--card-rgb),.2);border-color:rgba(var(--card-border-rgb),.35)}.header p{opacity:.5;background-color:rgba(var(--callout-rgb),.5);border:1px solid rgba(var(--callout-border-rgb),.5);border-radius:var(--border-radius);padding:.5rem .75rem;font-size:1rem;position:relative}.footer{max-width:var(--max-width);flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative}.footer p{opacity:.5;font-size:.6rem;line-height:1rem}.main{flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:2rem;display:flex}.description{max-width:var(--max-width);flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.center{flex-direction:column;justify-content:center;align-items:flex-start;padding:8rem 0;display:flex;position:relative}.center h2{font-weight:500}.center:before{background:var(--secondary-glow);z-index:-1;border-radius:50%;width:480px;height:180px;margin-left:-200px}.center:after{background:var(--primary-glow);z-index:-1;width:240px;height:180px}.center:before,.center:after{content:"";filter:blur(50px);position:absolute;left:50%;transform:translateZ(0)}.grid{width:var(--max-width);grid-template-columns:repeat(4,minmax(25%,auto));max-width:100%;display:grid}.card{border-radius:var(--border-radius);background:rgba(var(--card-rgb),0);border:1px solid rgba(var(--card-border-rgb),0);padding:1rem;transition:background .2s,border .2s}.card span{transition:transform .2s;display:inline-block}.card h2{margin-bottom:.5rem;font-size:1.5em;font-weight:500}.card p{opacity:.5;max-width:30ch;font-size:1rem;line-height:1.6}.card a{text-underline-offset:.25rem;text-decoration:underline!important}.content{max-width:var(--max-width);flex-direction:column;justify-content:center;width:100%;padding-bottom:2rem;display:flex;position:relative}.content a{text-underline-offset:.25rem;text-decoration:underline!important}.content p{padding-bottom:1rem;font-size:1rem;line-height:1.6}.content table{border-collapse:collapse;width:100%;margin-bottom:1rem;font-size:1rem;line-height:1.6}.content th,.content td{border:1px solid rgba(var(--card-border-rgb),.3);text-align:left;vertical-align:top;padding:.5rem .75rem}.content thead th{background:rgba(var(--card-rgb),.12);font-weight:600}.content p em:only-child{text-align:center;opacity:.5;font-size:1rem;display:block}.content pre{padding-bottom:1rem;font-size:1rem;line-height:1.6;overflow-x:auto}.content li{padding-bottom:1rem;font-size:1rem;line-height:1.6}.content li li,.content li h6{padding-bottom:0;font-size:1rem;line-height:1.6}.content h1,.content h2{padding-top:2rem;padding-bottom:1rem;font-size:1.5em;font-weight:500}.content h3,.content h4,.content h5{padding-bottom:1rem}.content h6{padding-bottom:1rem;font-size:1rem;line-height:1.6}.content figure{padding-bottom:1rem}.content figure figure{padding-bottom:0!important}.content figure figcaption{text-align:center;margin-top:0}.content img{max-width:100%;height:auto;display:block}.content p img,.content figure img,.content picture img{margin-left:auto;margin-right:auto;display:block}.content-date{text-align:right;padding-bottom:1rem;font-size:1rem;line-height:1.6}.content:before{background:var(--secondary-glow);z-index:-1;border-radius:50%;width:480px;height:180px;margin-left:-200px}.content:after{background:var(--primary-glow);z-index:-1;width:240px;height:180px}.content:before,.content:after{content:"";filter:blur(50px);position:absolute;left:50%;transform:translateZ(0)}@media (hover:hover) and (pointer:fine){.card:hover{background:rgba(var(--card-rgb),.1);border:1px solid rgba(var(--card-border-rgb),.15)}.card:hover span{transform:translate(4px)}}@media (prefers-reduced-motion){.card:hover span{transform:none}}@media (max-width:800px){.grid{width:var(--max-width);grid-template-columns:1fr;max-width:100%}.card{max-width:100%;padding:1rem 0}.card p{max-width:100%}.content table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (min-width:801px) and (max-width:1000px){.grid{grid-template-columns:repeat(2,50%)}}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}