@charset "UTF-8";:root{--font-family:"Inter","Noto Sans SC-Local","Noto Sans SC",system-ui,sans-serif;--font-serif:"Noto Serif SC-Local","Noto Serif SC","华文中宋","Times New Roman",serif;--font-creative:"Inter","Noto Sans SC-Local","Noto Sans SC",system-ui,sans-serif;--font-monospace:"JetBrains Mono-Local","JetBrains Mono","SFMono-Regular","Cascadia Code","Fira Code","Menlo","Monaco","Consolas","Noto Sans Mono","monospace",var(--font-family),monospace;--radius-sm:.25rem;--radius:.5rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-pill:999px;--radius-full:50%;--header-height:4rem;--sidebar-width:20rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}@font-face{font-family:Noto Sans SC-Local;src:local("Noto Sans SC")}@font-face{font-family:"Noto Serif SC-Local";src:local("Noto Serif SC")}*{border:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:root{background-color:var(--main-site-background);font:var(--text-base)/var(--leading-normal) sans-serif;font-family:var(--font-family);font-synthesis:style;overflow-wrap:break-word;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;color:var(--font-color);scroll-behavior:smooth;scroll-padding:var(--space-8);scrollbar-color:var(--font-color-3) transparent;transition:color var(--transition-fast),background-color var(--transition-normal);-webkit-tap-highlight-color:var(--card-bg)}@media(max-resolution:1.4dppx){:root{--font-family:system-ui,sans-serif}}::-moz-selection{background-color:var(--main-color-bg);color:var(--main-color)}::selection{background-color:var(--main-color-bg);color:var(--main-color)}a{color:currentcolor;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--main-color)}code,pre{font-family:var(--font-monospace)}menu,ol,ul{list-style:none}button{background:none;border:none;color:currentcolor;cursor:pointer;font:inherit;transition:all var(--transition-fast)}button .iconify:only-child{display:block}input,textarea{background:none;border:none;color:currentcolor;font:inherit;outline:none}:where(.iconify){display:inline-block;flex-shrink:0;font-size:1.2em;vertical-align:sub}img{display:inline-block;height:auto;max-width:100%;overflow:hidden;overflow:clip;transform:scale(1)}img:before{background-color:var(--border-color);color:var(--card-bg);content:attr(alt);display:grid;font:700 1.5rem/1.2 var(--font-serif);inset:0;overflow:visible;padding:.5em;place-content:center;position:absolute;text-align:center;text-shadow:none;word-break:normal}.tippy-box{animation:float-in .2s;background-color:var(--card-bg);border-radius:.5em;box-shadow:var(--shadow-md);color:var(--font-color-2);font-size:.8rem;line-height:1.4;padding:.3em .6em}.tippy-box[data-state=hidden]{opacity:0}.tippy-box>.tippy-svg-arrow{fill:var(--card-bg)}@keyframes float-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){:root{--space-4:.75rem;--space-6:1.25rem;--space-8:1.5rem}}@media(max-width:768px){:root{--text-base:.9375rem;--text-lg:1rem;--text-xl:1.125rem}}.light,:root{--main-color:#425aef;--main-color-bg:rgba(66,90,239,.1);--main-color-hover:#3b4fd8;--main-color-soft:rgba(66,90,239,.2);--main-site-background:#f8fafc;--card-bg:#fff;--c-bg-1:#fff;--c-bg-2:#f1f5f9;--c-bg-3:#e2e8f0;--font-color:#212428;--font-color-2:#64748b;--font-color-3:#94a3b8;--font-color-muted:#cbd5e1;--glass-bg:hsla(0,0%,100%,.78);--glass-border:hsla(0,0%,100%,.7);--glass-bg-hover:hsla(0,0%,100%,.88);--glass-border-hover:hsla(0,0%,100%,.85);--border-color:#e2e8f0;--c-border:#e2e8f0;--border:1px solid var(--border-color);--border-always:1px solid transparent;--font-serif:"Times New Roman",times,serif;--white:#fff;--black:#000;--red:#ef4444;--green:#10b981;--blue:#3b82f6;--yellow:#f59e0b;--purple:#8b5cf6;--orange:#f97316;--gray:#6b7280;--light-gray:#d1d5db;--dark-gray:#374151;--success:var(--green);--warning:var(--yellow);--error:var(--red);--info:var(--blue);--shadow-sm:0 1px 2px 0 rgb(0 0 0/5%);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--opacity-10:.1;--opacity-20:.2;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-60:.6;--opacity-70:.7;--opacity-80:.8;--opacity-90:.9}.dark{--main-color:#dfac46;--main-color-bg:rgba(223,172,70,.1);--main-color-hover:#c99a3d;--main-color-soft:rgba(223,172,70,.2);--main-site-background:#0f172a;--card-bg:#1e293b;--c-bg-1:#1e293b;--c-bg-2:#334155;--c-bg-3:#475569;--font-color:#f8fafc;--font-color-2:#cbd5e1;--font-color-3:#94a3b8;--font-color-muted:#64748b;--glass-bg:rgba(15,23,42,.7);--glass-border:hsla(0,0%,100%,.1);--glass-bg-hover:rgba(15,23,42,.82);--glass-border-hover:hsla(0,0%,100%,.18);--border-color:#334155;--c-border:#334155;--border:1px solid var(--border-color);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4)}.post-content{color:var(--font-color);font-family:var(--font-serif,"Georgia",serif);line-height:1.8;padding:0 1.5rem 2rem}.post-content p{margin:.5em 0}.post-content>*,.post-content>p{margin:1rem 0}.post-content :where(h1,h2,h3,h4,h5,h6){color:var(--font-color);font-family:var(--font-creative,"Inter",sans-serif);font-weight:700;line-height:1.3;margin:1.5rem 0;position:relative;scroll-margin:var(--space-12)}.post-content h2{border-bottom:2px solid var(--border,#e5e7eb);font-size:var(--text-2xl);padding-bottom:.5rem}.post-content h2>a{color:var(--font-color)}.post-content h3{font-size:var(--text-xl)}.post-content h3>a{color:var(--font-color)}.post-content h4,.post-content h5,.post-content h6{color:var(--font-color-2,#6b7280);font-size:var(--text-lg)}.post-content h4>a,.post-content h5>a,.post-content h6>a{color:var(--font-color-2)}.post-content :where(menu,ol,ul):not([class]){font-size:var(--text-base);margin:1.5rem 0;padding:0 0 0 1.5rem}.post-content :where(menu,ol,ul):not([class])>li{line-height:1.6;margin:.75rem 0;padding-left:.5rem;position:relative}.post-content :where(menu,ol,ul):not([class])>li::marker{color:var(--font-color-3,#94a3b8);content:"•";font-weight:600}.post-content :where(menu,ol,ul):not([class]) :where(ol,ul){margin:.5rem 0 .5rem 1.5rem}.post-content ol{counter-reset:list-counter}.post-content ol>li{counter-increment:list-counter}.post-content ol>li::marker{color:var(--main-color,#3b82f6);content:counter(list-counter) ".";font-weight:700}.post-content blockquote{background:var(--c-bg-2,#f9fafb);border:var(--border);border-left:4px solid var(--main-color,#3b82f6);border-radius:var(--radius);font-size:var(--text-base);font-style:italic;margin:2rem 0;padding:.5rem 1rem;position:relative}.post-content blockquote>p{margin:0;text-indent:0}.post-content blockquote>.codeblock{border-radius:var(--radius-sm);margin:1rem -1rem -.5rem}.post-content img{max-width:100%}.post-content img.icon{height:1.4em;transform:translateY(-.1em);vertical-align:middle}.post-content img.image,.post-content img:not([class]){border-radius:var(--radius);display:block;margin:1rem auto}.post-content hr{background:linear-gradient(90deg,transparent,var(--main-color,#3b82f6),transparent);border:none;border-radius:1px;height:2px;margin:3rem auto;opacity:.6;width:80%}.post-content strong{background:linear-gradient(var(--main-color-soft),var(--main-color-soft)) no-repeat bottom/100% 30%}.post-content del{opacity:.6;text-decoration:line-through;text-decoration-color:var(--font-color-2,#6b7280);text-decoration-thickness:2px}.post-content a{border-bottom:1px dashed transparent;color:var(--main-color,#3b82f6);text-decoration:none;transition:all .3s ease}.post-content a:hover{color:var(--main-color-dark,#1d4ed8)}.post-content code{background:var(--c-bg-2,#f3f4f6);border:var(--border,#e5e7eb);border-radius:var(--radius-sm);color:var(--font-color,#1f2937);font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9em;padding:.2em .4em}.post-content.md-tech h1,.post-content.md-tech h2,.post-content.md-tech h3,.post-content.md-tech h4,.post-content.md-tech h5,.post-content.md-tech h6{font-weight:700}.post-content.md-story .title-like,.post-content.md-story h1,.post-content.md-story h2,.post-content.md-story h3,.post-content.md-story h4,.post-content.md-story h5,.post-content.md-story h6{font-family:var(--font-serif,"Georgia",serif);font-weight:700;position:relative;text-wrap:balance}.post-content.md-story .title-like:before,.post-content.md-story h1:before,.post-content.md-story h2:before,.post-content.md-story h3:before,.post-content.md-story h4:before,.post-content.md-story h5:before,.post-content.md-story h6:before{display:none}.post-content.md-story :not([class])>p,.post-content.md-story>p{margin:1.5rem 0;text-indent:2em}.card{background-color:var(--ld-bg-card);border-radius:.5em;box-shadow:0 .1em .2em var(--ld-shadow);display:block;overflow:hidden;overflow:clip;transition:all .2s}.gradient-card{background:no-repeat 100%/400%;background-image:linear-gradient(45deg,var(--c-accent),var(--c-primary-soft) 40%,transparent 50%);border-radius:var(--radius);position:relative;transition:all .5s;z-index:0}.gradient-card:before{border-radius:calc(.5rem - 2px);content:"";inset:2px;position:absolute;transition:all 1s;z-index:-1}.gradient-card.active,.gradient-card:hover{background-position:0;color:var(--c-text-1)}.gradient-card.active:before,.gradient-card:hover:before{background-color:var(--c-bg-a80);transition:all .2s}.scrollcheck-x,.scrollcheck-y{scrollbar-width:thin}.scrollcheck-x::-webkit-scrollbar,.scrollcheck-y::-webkit-scrollbar{background-color:var(--c-bg-2);cursor:default;height:6px;width:6px}.scrollcheck-x::-webkit-scrollbar-thumb,.scrollcheck-y::-webkit-scrollbar-thumb{background-color:var(--c-bg-soft);border-radius:var(--radius-sm);cursor:pointer}.scrollcheck-x{--left-offset:0px;--scrollbar-height:.5rem;--fadeout-width:2rem;animation:scrollcheck-x;animation-timeline:scroll(x self);overflow-x:auto}@keyframes scrollcheck-x{0%{-webkit-mask:linear-gradient(to right,#fff calc(100% - var(--fadeout-width)),transparent),linear-gradient(to top,#fff var(--scrollbar-height),transparent var(--scrollbar-height));mask:linear-gradient(to right,#fff calc(100% - var(--fadeout-width)),transparent),linear-gradient(to top,#fff var(--scrollbar-height),transparent var(--scrollbar-height))}0.01%,99.99%{-webkit-mask:linear-gradient(to right,#fff var(--left-offset),transparent var(--left-offset),#fff calc(var(--left-offset) + var(--fadeout-width)),#fff calc(100% - var(--fadeout-width)),transparent),linear-gradient(to top,#fff var(--scrollbar-height),transparent var(--scrollbar-height));mask:linear-gradient(to right,#fff var(--left-offset),transparent var(--left-offset),#fff calc(var(--left-offset) + var(--fadeout-width)),#fff calc(100% - var(--fadeout-width)),transparent),linear-gradient(to top,#fff var(--scrollbar-height),transparent var(--scrollbar-height))}to{-webkit-mask:linear-gradient(to right,#fff var(--left-offset),transparent var(--left-offset),#fff calc(var(--left-offset) + var(--fadeout-width))),linear-gradient(to top,#fff var(--scrollbar-height),transparent var(--scrollbar-height));mask:linear-gradient(to right,#fff var(--left-offset),transparent var(--left-offset),#fff calc(var(--left-offset) + var(--fadeout-width))),linear-gradient(to top,#fff var(--scrollbar-height),transparent var(--scrollbar-height))}}.scrollcheck-y{--top-offset:0px;--guessed-scrollbar-width:.5rem;--fadeout-height:2rem;animation:scrollcheck-y;animation-timeline:scroll(y self);overflow-y:auto}@keyframes scrollcheck-y{0%{-webkit-mask:linear-gradient(to bottom,#fff calc(100% - var(--fadeout-height)),transparent),linear-gradient(to left,#fff var(--guessed-scrollbar-width),transparent var(--guessed-scrollbar-width));mask:linear-gradient(to bottom,#fff calc(100% - var(--fadeout-height)),transparent),linear-gradient(to left,#fff var(--guessed-scrollbar-width),transparent var(--guessed-scrollbar-width))}0.01%,99.99%{-webkit-mask:linear-gradient(to bottom,#fff var(--top-offset),transparent var(--top-offset),#fff calc(var(--top-offset) + var(--fadeout-height)),#fff calc(100% - var(--fadeout-height)),transparent),linear-gradient(to left,#fff var(--guessed-scrollbar-width),transparent var(--guessed-scrollbar-width));mask:linear-gradient(to bottom,#fff var(--top-offset),transparent var(--top-offset),#fff calc(var(--top-offset) + var(--fadeout-height)),#fff calc(100% - var(--fadeout-height)),transparent),linear-gradient(to left,#fff var(--guessed-scrollbar-width),transparent var(--guessed-scrollbar-width))}to{-webkit-mask:linear-gradient(to bottom,#fff var(--top-offset),transparent var(--top-offset),#fff calc(var(--top-offset) + var(--fadeout-height))),linear-gradient(to left,#fff var(--guessed-scrollbar-width),transparent var(--guessed-scrollbar-width));mask:linear-gradient(to bottom,#fff var(--top-offset),transparent var(--top-offset),#fff calc(var(--top-offset) + var(--fadeout-height))),linear-gradient(to left,#fff var(--guessed-scrollbar-width),transparent var(--guessed-scrollbar-width))}}mark{animation:line-spread .5s;background:linear-gradient(var(--c-primary-soft),var(--c-primary-soft)) no-repeat 0 100%/100% .4em;color:var(--c-primary);text-decoration:none;transition:.2s}@keyframes line-spread{0%{background-size:0 .3em}}mark:hover{background-size:100% 50%}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:revert;overflow:hidden}}.widescreen-only{display:none}@media(min-width:1080px){.widescreen-only{display:revert}}.text-center{text-align:center}.text-creative,.text-tech{font-family:var(--font-creative);font-weight:550}.text-story{font-family:var(--font-serif)}.text-repeat{text-shadow:.1em 0 var(--c-bg-soft),.2em 0 var(--c-bg-soft),.3em 0 var(--c-bg-soft),.4em 0 var(--c-bg-soft),.5em 0 var(--c-bg-soft)}.text-zoom{display:inline-block;transform-origin:left bottom}@supports (animation-timeline:view()){.text-zoom{animation:zoom 1s both;animation-timeline:view()}}@keyframes zoom{0%{transform:scale(.8)}to{transform:scale(1.25)}}.collapse-enter-active,.collapse-leave-active{overflow:hidden;overflow:clip;transition:max-height .1s}.collapse-enter-from,.collapse-leave-to{max-height:0;transition-timing-function:cubic-bezier(0,.5,.5,1)}.collapse-enter-to,.collapse-leave-from{max-height:50vh;transition-timing-function:cubic-bezier(.5,0,1,.5)}