@import url(https://fonts.googleapis.com/css2?family=Spectral:wght@400;500;600&display=swap);.rain-box{left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;transition:background 1s ease;width:100%;z-index:-1}.rain-box.day{background:#3bd3d3}.rain-box.night{background:#0a1128}.raindrop{animation:raindrop 1s infinite;background:#fff;border-radius:5000px;display:inline-block;position:absolute;transform:rotateY(45deg);width:1px}@keyframes raindrop{0%{top:5%}to{top:85%}}.ripple,.ripple-circle{position:absolute}.ripple-circle{animation:ripple 1.2s infinite;border:1px solid #fff;border-radius:50%;display:inline-block;transform:rotateX(72deg)}.ripple-circle-item1{height:30px;left:20px;top:20px;width:30px}.ripple-circle-item2{height:50px;left:10px;top:10px;width:50px}.ripple-circle-item3{animation:ripple 1.2s .8s infinite;height:70px;left:0;top:0;width:70px}@keyframes ripple{0%{opacity:1;transform:scale(.6) rotateX(72deg)}to{opacity:0;transform:scale(2.1) rotateX(72deg)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:color 1s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:OggRegular;font-style:normal;font-weight:400;src:url(/static/media/ogg-regular.690d521f1f3b93f28225.otf) format("opentype")}@font-face{font-display:swap;font-family:handwriteCHN;font-style:normal;font-weight:400;src:url(/static/media/fangzhengguli.a2769e2cc4a1803cc486.TTF) format("truetype")}body.day{--card-bg:rgba(84,212,212,.397);--card-border:#0000;--card-text:#000000b8;color:#000}body.night{--card-bg:#0a112833;--card-border:#f4d03f00;--card-text:#f4d03f;color:#f4d03f}.ogg-font{font-family:OggRegular,serif;font-style:normal;font-weight:400;transition:color 1s ease}.handwriteCHN{font-family:handwriteCHN,sans-serif;font-size:70px}.my-name{font-family:OggRegular,serif;font-size:60px;letter-spacing:.05em;line-height:1.1;margin:0;transition:color 1s ease;white-space:nowrap}body.day .my-name{color:#000}body.night .my-name{color:#f4d03f}.name-part{display:inline-block;margin-right:.1em;position:relative;white-space:nowrap}.name-part:after{background-color:currentColor;bottom:-10px;content:"";height:2px;left:0;position:absolute;transform:scaleX(.8);transform-origin:left;transition:transform .3s ease;width:100%}.name-part:hover:after{transform:scaleX(.95)}.footer-custom{background:#0000001a;transition:background 1s ease}body.night .footer-custom{background:#0000004d}.footer-text{opacity:.75;transition:color 1s ease}.theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;cursor:pointer;font-family:OggRegular,serif;font-size:18px;padding:5px 20px;position:absolute;right:40px;transition:all .3s ease;z-index:1000}.theme-toggle:hover{background:#53535380;transform:scale(1.1)}.navigation-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;left:0;position:fixed;right:0;top:0;z-index:1000}.day .navigation-bar{background:#fff0}.night .navigation-bar{background:#0000}:root{--page-pad-x:36px;--page-pad-y:36px;--col-left:20%;--col-right:75%;--gap:32px;--body-font:"Spectral","Source Serif 4",ui-serif,Georgia,serif;--title-font:"OggRegular",serif;--body-size:18px;--body-line:1.75;--bg:#fff;--text:#000;--muted:#000000a6;--subtle:#0000008c;--title:#000000e0;--border:#ffffff24}.page{min-height:100vh;padding:36px;padding:var(--page-pad-y) var(--page-pad-x)}.page-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1024px){.page-grid{column-gap:32px;column-gap:var(--gap);grid-template-columns:20% 75%;grid-template-columns:var(--col-left) var(--col-right)}}.title{display:inline-block;font-family:OggRegular,serif;font-family:var(--title-font);letter-spacing:.05em;line-height:1.1;margin:0 0 48px;position:relative;transition:color 1s ease;white-space:nowrap}.title--md{font-size:60px}.page-body{color:#000000a6;color:var(--muted);font-family:Spectral,"Source Serif 4",ui-serif,Georgia,serif;font-family:var(--body-font);font-size:18px;font-size:var(--body-size);line-height:1.75;line-height:var(--body-line);transition:color 1s ease}.proj-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.proj-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000;border:1px solid #ffffff24;border:1px solid var(--border);color:#0000008c;color:var(--subtle);cursor:pointer;font-family:Spectral,"Source Serif 4",ui-serif,Georgia,serif;font-family:var(--body-font);font-size:14px;letter-spacing:.02em;padding:5px 16px;transition:color .3s ease,border-color .3s ease,background .3s ease}.proj-pill--active,.proj-pill:hover{border-color:#000000e0;border-color:var(--title);color:#000000e0;color:var(--title)}.proj-pill--active{background:#a5ffed1f}body.night .proj-pill--active{background:#f4d03f14}.proj-list{border-top:1px solid #ffffff24;border-top:1px solid var(--border);display:flex;flex-direction:column;transition:border-color 1s ease}.proj-row{border-bottom:1px solid #ffffff24;border-bottom:1px solid var(--border);transition:border-color 1s ease,background .2s ease}.proj-row:hover{background:#a5ffed12}body.night .proj-row:hover{background:#f4d03f0a}.proj-row__header{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:14px 0;width:100%}.proj-row__meta{align-items:baseline;display:flex;gap:14px}.proj-row__year{color:#0000008c;color:var(--subtle);flex-shrink:0;font-family:Spectral,"Source Serif 4",ui-serif,Georgia,serif;font-family:var(--body-font);font-size:12px;min-width:32px;opacity:.65;transition:color 1s ease}.proj-row__title{color:#000000e0;color:var(--title);flex:1 1;font-family:OggRegular,serif;font-family:var(--title-font);font-size:19px;font-weight:400;letter-spacing:.02em;line-height:1.2;margin:0;transition:color 1s ease}.proj-row__right{align-items:center;display:flex;flex-shrink:0;gap:10px}.proj-row__cat{font-family:Spectral,"Source Serif 4",ui-serif,Georgia,serif;font-family:var(--body-font);letter-spacing:.08em;text-transform:uppercase;transition:color 1s ease}.proj-row__cat,.proj-row__chevron{color:#0000008c;color:var(--subtle);font-size:11px}.proj-row__chevron{display:inline-block;transition:transform .25s ease,color 1s ease}.proj-row__chevron--open{transform:rotate(180deg)}.proj-row__tags{color:#0000008c;color:var(--subtle);font-family:Spectral,"Source Serif 4",ui-serif,Georgia,serif;font-family:var(--body-font);font-size:12px;letter-spacing:.01em;margin:0;opacity:.7;padding-left:46px;transition:color 1s ease}@media (max-width:639px){.proj-row__cat{display:none}.proj-row__body,.proj-row__tags{padding-left:0}}.proj-row__body{border-top:1px solid #ffffff24;border-top:1px solid var(--border);padding:2px 0 20px 46px;transition:border-color 1s ease}.proj-row__sub{font-family:Spectral,"Source Serif 4",ui-serif,Georgia,serif;font-family:var(--body-font);font-style:italic;line-height:1.6;margin:12px 0 10px}.body-list,.proj-row__sub{color:#000000a6;color:var(--muted);font-size:14px;transition:color 1s ease}.body-list{line-height:1.65;margin:8px 0 0 18px}.body-list li{margin:6px 0}body.night{--bg:#000;--text:#f4d03f;--muted:#f4d03fbf;--subtle:#f4d03fa6;--title:#f4d03fe0;--border:#f4d03f33}.home{min-height:100vh;padding:36px;padding:var(--page-pad-y) var(--page-pad-x)}.home__container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;margin:0 auto;max-width:1100px}@media (min-width:768px){.home__container{align-items:start;gap:48px;grid-template-columns:1fr 1fr}}.home__identity,.home__left{display:flex;flex-direction:column}.home__identity{gap:8px}.home__chn{line-height:1;margin:12px 0 0}.home__alias{font-size:20px;margin:4px 0 0;opacity:.72;transition:color 1s ease}.home__intro{margin-top:48px}@media (min-width:768px){.home__right{padding-top:8px}}.home__section-label{color:#0000008c;color:var(--subtle);font-family:OggRegular,serif;font-family:var(--title-font);font-size:14px;letter-spacing:.1em;margin:0 0 20px;text-transform:uppercase;transition:color 1s ease}.home__section-body{color:#000000a6;color:var(--muted);font-family:Spectral,"Source Serif 4",ui-serif,Georgia,serif;font-family:var(--body-font);font-size:18px;font-size:var(--body-size);line-height:1.75;line-height:var(--body-line);transition:color 1s ease}.home__section-body p{margin:0 0 1em}.home__section-body p:last-child{margin-bottom:0}.home__links{display:flex;gap:24px;margin-top:32px}.home__link{color:#0000008c;color:var(--subtle);font-family:Spectral,"Source Serif 4",ui-serif,Georgia,serif;font-family:var(--body-font);font-size:14px;letter-spacing:.06em;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s ease}.home__link:after{background:currentColor;bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;width:100%}.home__link:hover{color:#000000e0;color:var(--title)}.home__link:hover:after{transform:scaleX(1)}.resume-block{margin-bottom:52px}.resume-block__label{border-bottom:1px solid #ffffff24;border-bottom:1px solid var(--border);color:#0000008c;color:var(--subtle);font-family:OggRegular,serif;font-family:var(--title-font);font-size:12px;letter-spacing:.12em;margin:0;padding-bottom:10px;text-transform:uppercase;transition:color 1s ease,border-color 1s ease}.resume-entries{display:flex;flex-direction:column}.resume-entry{border-bottom:1px solid #ffffff24;border-bottom:1px solid var(--border);padding:28px 0;transition:border-color 1s ease}.resume-entry:first-child{padding-top:24px}.resume-entry__date{color:#0000008c;color:var(--subtle);font-family:Spectral,"Source Serif 4",ui-serif,Georgia,serif;font-family:var(--body-font);font-size:13px;letter-spacing:.02em;margin:0 0 6px;opacity:.8;transition:color 1s ease}.resume-entry__head{line-height:1.4;margin:0 0 14px}.resume-entry__role{color:#000000e0;color:var(--title);font-family:OggRegular,serif;font-family:var(--title-font);font-size:20px;font-weight:400;letter-spacing:.02em;transition:color 1s ease}.resume-entry__company,.resume-entry__list{color:#000000a6;color:var(--muted);font-family:Spectral,"Source Serif 4",ui-serif,Georgia,serif;font-family:var(--body-font);font-size:16px;transition:color 1s ease}.resume-entry__list{line-height:1.75;margin:0 0 0 18px;padding:0}.resume-entry__list li{margin-bottom:8px}.resume-entry--edu .resume-entry__head,.resume-entry__list li:last-child{margin-bottom:0}.interest-notes{margin-top:18px}.interest-notes__title{color:var(--subtle);font-family:var(--body-font);font-size:14px;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.interest-notes__field{height:400px;overflow:visible;position:relative;width:100%}.interest-note{left:var(--x);position:absolute;top:var(--y);transform:translate(-50%,-50%) rotate(var(--r));transform-origin:center}.interest-note__tag{background:#0000;border:0;color:var(--text);cursor:pointer;font-family:"ogg-font",var(--body-font);font-size:18px;line-height:1.1;opacity:.92;padding:0;position:relative;transition:opacity .18s ease,transform .18s ease,color 1s ease;will-change:transform}.interest-note__aster{margin-right:6px;opacity:.8}.interest-note__tag:after{background-color:currentColor;bottom:-6px;content:"";height:.5px;left:0;opacity:0;position:absolute;transition:opacity .16s ease;width:100%}.interest-note__tag:hover:after{opacity:1;transform:scaleX(.95)}@keyframes microFloat1{0%{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-2px) rotate(-.4deg)}to{transform:translateY(0) rotate(-.8deg)}}@keyframes microFloat2{0%{transform:translateY(0) rotate(.6deg)}50%{transform:translateY(-3px) rotate(.2deg)}to{transform:translateY(0) rotate(.6deg)}}@keyframes microFloat3{0%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-2px) rotate(.2deg)}to{transform:translateY(0) rotate(-.3deg)}}@keyframes microFloat4{0%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-2px) rotate(.6deg)}to{transform:translateY(0) rotate(1deg)}}@keyframes microFloat5{0%{transform:translateY(0) rotate(-1.1deg)}50%{transform:translateY(-3px) rotate(-.6deg)}to{transform:translateY(0) rotate(-1.1deg)}}@keyframes microFloat6{0%{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(-2px) rotate(-.2deg)}to{transform:translateY(0) rotate(.2deg)}}.interest-note__tag[data-float="1"]{animation:microFloat1 3.6s ease-in-out infinite}.interest-note__tag[data-float="2"]{animation:microFloat2 4.1s ease-in-out infinite}.interest-note__tag[data-float="3"]{animation:microFloat3 3.3s ease-in-out infinite}.interest-note__tag[data-float="4"]{animation:microFloat4 4.4s ease-in-out infinite}.interest-note__tag[data-float="5"]{animation:microFloat5 3.8s ease-in-out infinite}.interest-note__tag[data-float="6"]{animation:microFloat6 4.2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.interest-note__tag{animation:none!important}}.interest-note__popover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);color:var(--card-text);left:0;padding:12px;position:absolute;top:calc(100% + 12px);width:320px;z-index:50}.interest-note__media{aspect-ratio:16/9;background:#0000;border:1px solid var(--border);overflow:hidden;width:100%}.interest-note__media img{display:block;height:100%;object-fit:cover;width:100%}.interest-note__text{color:var(--muted);font-family:var(--body-font);font-size:15px;line-height:1.7;margin-top:10px}
/*# sourceMappingURL=main.c687bc3e.css.map*/