:root{color-scheme:dark;background:#07080a}:root[data-theme=light]{color-scheme:light;background:#f3f4f6}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:0}::view-transition-new(root){z-index:1}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#07080a;-webkit-font-smoothing:antialiased}.dot-field{position:relative;width:100%;height:100%;overflow:hidden;background:#07080a;transition:background-color .18s ease}.dot-field[data-theme=light]{background:#f3f4f6}.theme-transitioning .dot-field,.theme-transitioning .avatar-switch,.theme-transitioning .avatar-switch img,.theme-transitioning .avatar-switch__charm,.theme-transitioning .theme-pull__image,.theme-transitioning .profile-body,.theme-transitioning .work-experience__item{transition:none}.theme-transitioning .theme-pull__image--animated{animation:none}.theme-transitioning .profile-body{-webkit-backdrop-filter:none;backdrop-filter:none}.dot-field canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 85%,transparent 100%)}.profile-content{position:absolute;z-index:1;top:0;left:50%;width:min(640px,calc(100% - 32px));height:1080px;overflow:hidden;transform:translate(-50%)}.profile-meta{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:52px;padding-block:20px;color:#616161;font-family:DIN,Arial Narrow,Arial,sans-serif;font-size:12px;font-weight:400;line-height:normal;white-space:nowrap}.profile-meta__right{display:flex;align-items:center;gap:16px}.theme-pull{position:absolute;z-index:2;top:0;right:0;width:44px;height:160px;overflow:hidden;padding:0 8px 20px;border:0;border-radius:0 0 18px 18px;background:transparent;cursor:pointer;touch-action:none}.theme-pull__image{display:block;width:28px;height:140px;opacity:.82;filter:invert(1);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:translateY(calc(var(--pull-offset, 0px) - 34px));transition:opacity .14s ease,transform .22s cubic-bezier(.22,1,.36,1)}.theme-pull:not(.theme-pull--pulling):hover .theme-pull__image{opacity:.92;transform:translateY(-32px)}.theme-pull--pulling{cursor:grabbing}.theme-pull--pulling .theme-pull__image{opacity:1;transition:opacity .1s ease}.theme-pull:focus-visible{outline:none}.theme-pull:focus-visible .theme-pull__image{opacity:1;filter:invert(1) drop-shadow(0 0 2px rgba(255,255,255,.72))}.theme-pull__image--animated{animation:cord-pull .3s cubic-bezier(.22,1,.36,1)}@keyframes cord-pull{0%,to{transform:translateY(-34px)}45%{transform:translateY(-22px)}}.avatar-switch{position:absolute;top:87px;left:16px;width:64px;height:64px;border-radius:50%;cursor:pointer;transform:scale(1);transform-origin:center;transition:transform .22s cubic-bezier(.2,.8,.2,1);will-change:transform}.avatar-switch__portrait{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:50%;background:#fff}.avatar-switch__portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:opacity .18s ease,transform .18s ease}.avatar-switch__charm{position:absolute;z-index:2;top:-31px;left:-11px;width:90px;height:95px;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(3px) scale(.96);transform-origin:50% 60%;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.avatar-switch__charm img{position:absolute;top:-2.95%;left:-12.02%;width:124.81%;height:118.82%;max-width:none}.avatar-switch__default{opacity:1}.avatar-switch__hover{opacity:0}.avatar-switch:hover .avatar-switch__default,.avatar-switch:focus-visible .avatar-switch__default{opacity:0}.avatar-switch:hover .avatar-switch__hover,.avatar-switch:focus-visible .avatar-switch__hover{opacity:1}.avatar-switch:hover .avatar-switch__charm,.avatar-switch:focus-visible .avatar-switch__charm{opacity:1;transform:translateY(0) scale(1)}.avatar-switch:hover,.avatar-switch:focus-visible{transform:scale(1.08)}.avatar-switch:focus-visible{outline:2px solid #bfbfbf;outline-offset:3px}.profile-content h1{position:absolute;top:167px;left:16px;margin:0;color:#fff;font-family:Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:16px;font-weight:600;line-height:normal;white-space:nowrap}.profile-body{position:absolute;top:204px;left:16px;width:calc(100% - 32px);border-radius:12px;background:#07080a00;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .22s ease,backdrop-filter .22s ease,-webkit-backdrop-filter .22s ease}.profile-body:hover,.profile-body:focus-within{background:#07080a6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-intro{display:flex;flex-direction:column;gap:4px;color:#bfbfbf;font-family:Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:14px;font-weight:300;line-height:24px}.profile-intro p{margin:0}.work-experience{margin-top:48px}.work-experience__list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.work-experience__item{display:flex;align-items:center;gap:8px;width:100%;min-width:0;color:#71717a;font-family:Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:14px;font-weight:400;line-height:20px;outline:none;transition:opacity .18s ease}.work-experience__list:has(.work-experience__item:hover) .work-experience__item:not(:hover),.work-experience__list:has(.work-experience__item:focus-visible) .work-experience__item:not(:focus-visible){opacity:.24}.work-experience__item:focus-visible{border-radius:4px;box-shadow:0 0 0 1px #bfbfbf6b}.work-experience__marker{width:6px;height:6px;flex:0 0 auto;border-radius:50%}.work-experience__details{display:flex;flex:0 0 auto;align-items:center;gap:4px;white-space:nowrap}.work-experience__company{color:#bfbfbf}.work-experience__separator{width:2px;height:2px;flex:0 0 auto;border-radius:50%;background:#71717a}.work-experience__line{height:22px;min-width:1px;flex:1 1 auto;overflow:hidden}.work-experience__line img{display:block;width:100%;height:22px}.work-experience__period{flex:0 0 auto;color:#616161;font-family:DIN,Arial Narrow,Arial,sans-serif;font-size:14px;line-height:normal;white-space:nowrap}.dot-field[data-theme=light] .profile-meta{color:#6b7280}.dot-field[data-theme=light] .theme-pull__image{filter:none}.dot-field[data-theme=light] .theme-pull:focus-visible .theme-pull__image{filter:drop-shadow(0 0 2px rgba(17,24,39,.58))}.dot-field[data-theme=light] .profile-content h1{color:#111827}.dot-field[data-theme=light] .avatar-switch__portrait img{transform:scale(1.035)}.dot-field[data-theme=light] .profile-intro{color:#414852}.dot-field[data-theme=light] .profile-body:hover,.dot-field[data-theme=light] .profile-body:focus-within{background:#f3f4f685}.dot-field[data-theme=light] .work-experience__item{color:#737b86}.dot-field[data-theme=light] .work-experience__company{color:#414852}.dot-field[data-theme=light] .work-experience__separator{background:#818995}.dot-field[data-theme=light] .work-experience__line img{filter:invert(1)}.dot-field[data-theme=light] .work-experience__period{color:#6b7280}@media(max-width:540px){.profile-meta__right{gap:8px}.profile-meta__right span:first-child{display:none}.work-experience__item{display:grid;grid-template-columns:6px minmax(0,1fr);gap:2px 8px}.work-experience__details{min-width:0;white-space:normal}.work-experience__line{display:none}.work-experience__period{grid-column:2}}@media(max-width:420px){.profile-meta__right span{display:none}}@media(prefers-reduced-motion:reduce){.dot-field,.profile-body,.avatar-switch,.avatar-switch img,.avatar-switch__charm,.theme-pull__image{transition:none}.theme-pull__image--animated{animation:none}}