:root{--font-sans:"DengXian", "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Arial, sans-serif}body{font-family:var(--font-sans)}.resume-biography{ #profile { text-align: center; padding: 30px 10px; position: relative; } .avatar { width: auto; height: auto; object-fit: cover; } .network-icon { display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; list-style: none; padding: 0; margin: 0; } #profile .network-icon { margin-top: 0.5rem; } .network-icon li { margin-right: 10px; @media (max-width: 640px) { margin-right: 12px; } } .network-icon li:last-of-type { margin-right: 0; } .network-icon li:hover { transform: scale(1.2); } .big-icon { font-size: 2rem; } .ul-interests li { font-size: 0.9rem; } .ul-edu li .description p.course { font-size: 0.9rem; } .ul-edu li .description p.institution { font-size: 0.75rem; } .network-icon .big-icon { font-size: 1.5rem; } .bio-text { max-width: 680px; }}.resume-biography-modern{position:relative;z-index:1}.ruby-modern{ruby-position:over}.ruby-modern rt{font-size:.7em;opacity:.8;letter-spacing:.05em}@supports(backdrop-filter:blur(10px)){.resume-biography-modern [class*=backdrop-blur]{backdrop-filter:blur(10px)}}.resume-biography-modern *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.resume-biography-modern a:focus-visible{outline:2px solid rgb(var(--color-primary-500));outline-offset:2px;border-radius:.5rem}.resume-biography-modern ::selection{background-color:rgb(var(--color-primary-200)/.3);color:rgb(var(--color-primary-900))}.dark .resume-biography-modern ::selection{background-color:rgb(var(--color-primary-800)/.3);color:rgb(var(--color-primary-100))}.resume-biography-modern .bg-clip-text{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@supports not (background-clip:text){.resume-biography-modern .bg-clip-text{color:rgb(var(--color-neutral-900))}.dark .resume-biography-modern .bg-clip-text{color:rgb(var(--color-neutral-100))}}.avatar-wrapper{position:relative;margin-left:auto;margin-right:auto}.avatar-emoji{position:absolute;width:40px;height:40px;line-height:40px;border-radius:100%;bottom:0;right:0;text-align:center;font-size:20px;background-color:#fff;color:#000;box-shadow:0 10px 20px rgb(0 0 0/4%),0 2px 6px rgb(0 0 0/4%),0 0 1px rgb(0 0 0/4%)}.dark .avatar-emoji{background-color:#000;box-shadow:0 10px 20px rgb(0 0 0/4%),0 2px 6px rgb(0 0 0/4%),0 0 1px rgb(255 255 255/96%)}.hbx-bg-gradient{position:relative;isolation:isolate}.hbx-bg-gradient::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-attachment:fixed;transition:opacity .5s ease-in-out;opacity:1}.hbx-bg-gradient::before{background-image:radial-gradient(at 20% 25%,#e8f2fc 0px,transparent 50%),radial-gradient(at 75% 30%,#e8fcf6 0px,transparent 50%),radial-gradient(at 25% 80%,#f6e8fc 0px,transparent 50%),radial-gradient(at 75% 85%,#fcf2e8 0px,transparent 50%)}.dark .hbx-bg-gradient::before{background-image:radial-gradient(at 20% 25%,#192534 0px,transparent 50%),radial-gradient(at 75% 30%,#19342b 0px,transparent 50%),radial-gradient(at 25% 80%,#2b1934 0px,transparent 50%),radial-gradient(at 75% 85%,#342619 0px,transparent 50%)}#hbx-dev-hud-root{display:none!important}