@font-face{font-family:Hanyi WenHei;src:url(/fonts/hywenhei-85w.woff2)format("woff2");font-weight:400;font-display:block}:root{--bg:#2b2826;--fg:#ece6de;--muted:#b3a99e;--line:#3d3935;--accent:#4cc3f2;--gutter:clamp(1.25rem,5vw,2.5rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-icon="1"]{--accent:#4cc3f2}:root[data-icon="2"]{--accent:#76c4a9}:root[data-icon="3"]{--accent:#b18fc2}:root[data-icon="4"]{--accent:#a4ca39}:root[data-icon="5"]{--accent:#a0d8e5}:root[data-icon="6"]{--accent:#fbb631}:root[data-icon="7"]{--accent:#f07a37}::selection{background:color-mix(in srgb,var(--accent)30%,transparent);color:var(--fg)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html.fonts-loading body{visibility:hidden}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif;font-size:.9375rem;line-height:1.5}.wrap{max-width:640px;padding:clamp(1.5rem,6vw,3rem)var(--gutter)clamp(1.5rem,8vw,6rem);margin:0 auto}a{color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){a:hover{color:var(--accent)}}a:focus-visible{outline:1px solid var(--fg);outline-offset:3px;color:var(--accent);text-underline-offset:3px;text-decoration:underline}.muted{color:var(--muted)}.head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.name{font-family:Hanyi WenHei,Arial,sans-serif;font-size:2rem;font-weight:400;line-height:1.1}.socials{gap:1.25rem;margin-top:.5rem;display:flex}.theme-toggle{cursor:pointer;background:0 0;border:0;padding:0;line-height:0;position:relative}.theme-toggle:after{content:"";position:absolute;inset:-.5rem}@media (hover:hover) and (pointer:fine){.theme-toggle:hover{opacity:.6}}.theme-toggle:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.theme-toggle img{width:2rem;height:2rem;display:none}:root:not([data-icon]) .theme-toggle img:first-child,:root[data-icon="1"] .theme-toggle img:first-child,:root[data-icon="2"] .theme-toggle img:nth-child(2),:root[data-icon="3"] .theme-toggle img:nth-child(3),:root[data-icon="4"] .theme-toggle img:nth-child(4),:root[data-icon="5"] .theme-toggle img:nth-child(5),:root[data-icon="6"] .theme-toggle img:nth-child(6),:root[data-icon="7"] .theme-toggle img:nth-child(7){display:block}.edu{margin-top:.5rem}section{margin-top:2rem}h2{margin-bottom:.75rem;font-family:Hanyi WenHei,Arial,sans-serif;font-size:1.5rem;font-weight:400;line-height:1.2}.row{grid-template-columns:1fr auto;gap:.25rem 1.5rem;padding:.1875rem 0;display:grid}.row.work{grid-template-columns:1.25rem 1fr auto;column-gap:.5rem}.row.work+.row:not(.work){margin-top:.5rem}.row .num{color:var(--muted)}.row .title{font-weight:700}.row .meta{color:var(--muted);text-align:right}.vlogs{grid-template-columns:repeat(3,1fr);gap:2rem 1.25rem;list-style:none;display:grid}.vlog img{aspect-ratio:16/9;object-fit:cover;background:var(--line);border-radius:2px;width:100%;transition:transform .2s;display:block}.vlog a:hover{text-decoration:none}.vlog .t{margin-top:.5rem;font-size:.875rem;line-height:1.35;display:block}@media (hover:hover) and (pointer:fine){.vlog a:hover .t{color:var(--accent)}}.vlog a:focus-visible .t{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.vlog .d{color:var(--muted);font-size:.75rem;display:block}.empty{color:var(--muted)}@media (max-width:720px){.vlogs{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){img{transition:none!important}}@media (min-width:721px){.row.work{grid-template-columns:1fr auto;column-gap:1.5rem;position:relative}.row.work .num{text-align:right;margin-right:1rem;position:absolute;top:.1875rem;right:100%}}