@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-serif:var(--font-serif);--font-mono:var(--font-mono);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--tracking-normal:var(--tracking-normal);--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--shadow:var(--shadow);--color-background:var(--background)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.\[transform\:translateZ\(0\)\]{transform:translateZ(0)}.\[transform\:translateZ\(30px\)\]{transform:translateZ(30px)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\[4px\]{border-radius:4px}.rounded-\[15px\]{border-radius:15px}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.px-\[16px\]{padding-inline:16px}.py-\[8px\]{padding-block:8px}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[14px\]{font-size:14px}.text-\[\#2d2d2d\]{color:#2d2d2d}.opacity-0{opacity:0}.will-change-transform{will-change:transform}.\[perspective\:800px\]{perspective:800px}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}@media(min-width:40rem){.sm\:block{display:block}.sm\:hidden{display:none}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:oklch(99.11% 0 0);--foreground:oklch(20.46% 0 0);--card:oklch(99.11% 0 0);--card-foreground:oklch(20.46% 0 0);--popover:oklch(99.11% 0 0);--popover-foreground:oklch(43.86% 0 0);--primary:oklch(83.48% .1302 160.908);--primary-foreground:oklch(26.26% .0147 166.459);--secondary:oklch(99.4% 0 0);--secondary-foreground:oklch(20.46% 0 0);--muted:oklch(94.61% 0 0);--muted-foreground:oklch(24.35% 0 0);--accent:oklch(94.61% 0 0);--accent-foreground:oklch(24.35% 0 0);--destructive:oklch(55.23% .1927 32.7272);--destructive-foreground:oklch(99.34% .0032 17.2118);--border:oklch(90.37% 0 0);--input:oklch(97.31% 0 0);--ring:oklch(83.48% .1302 160.908);--chart-1:oklch(83.48% .1302 160.908);--chart-2:oklch(62.31% .188 259.815);--chart-3:oklch(60.56% .2189 292.717);--chart-4:oklch(76.86% .1647 70.0804);--chart-5:oklch(69.59% .1491 162.48);--sidebar:oklch(99.11% 0 0);--sidebar-foreground:oklch(54.52% 0 0);--sidebar-primary:oklch(83.48% .1302 160.908);--sidebar-primary-foreground:oklch(26.26% .0147 166.459);--sidebar-accent:oklch(94.61% 0 0);--sidebar-accent-foreground:oklch(24.35% 0 0);--sidebar-border:oklch(90.37% 0 0);--sidebar-ring:oklch(83.48% .1302 160.908);--font-sans:Outfit,sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:monospace;--radius:.5rem;--shadow-x:0px;--shadow-y:1px;--shadow-blur:3px;--shadow-spread:0px;--shadow-opacity:.17;--shadow-color:#000;--shadow-2xs:0px 1px 3px 0px #00000017;--shadow-xs:0px 1px 3px 0px #00000017;--shadow-sm:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow-md:0px 1px 3px 0px #0000002b,0px 2px 4px -1px #0000002b;--shadow-lg:0px 1px 3px 0px #0000002b,0px 4px 6px -1px #0000002b;--shadow-xl:0px 1px 3px 0px #0000002b,0px 8px 10px -1px #0000002b;--shadow-2xl:0px 1px 3px 0px #0000006e;--tracking-normal:.025em;--spacing:.25rem}.dark{--background:oklch(18.22% 0 0);--foreground:oklch(92.88% .0126 255.508);--card:oklch(20.46% 0 0);--card-foreground:oklch(92.88% .0126 255.508);--popover:oklch(26.03% 0 0);--popover-foreground:oklch(73.48% 0 0);--primary:oklch(43.65% .1044 156.756);--primary-foreground:oklch(92.13% .0135 167.156);--secondary:oklch(26.03% 0 0);--secondary-foreground:oklch(98.51% 0 0);--muted:oklch(23.93% 0 0);--muted-foreground:oklch(71.22% 0 0);--accent:oklch(31.32% 0 0);--accent-foreground:oklch(98.51% 0 0);--destructive:oklch(31.23% .0852 29.7877);--destructive-foreground:oklch(93.68% .0045 34.3092);--border:oklch(28.09% 0 0);--input:oklch(26.03% 0 0);--ring:oklch(80.03% .1821 151.711);--chart-1:oklch(80.03% .1821 151.711);--chart-2:oklch(71.37% .1434 254.624);--chart-3:oklch(70.9% .1592 293.541);--chart-4:oklch(83.69% .1644 84.4286);--chart-5:oklch(78.45% .1325 181.912);--sidebar:oklch(18.22% 0 0);--sidebar-foreground:oklch(63.01% 0 0);--sidebar-primary:oklch(43.65% .1044 156.756);--sidebar-primary-foreground:oklch(92.13% .0135 167.156);--sidebar-accent:oklch(31.32% 0 0);--sidebar-accent-foreground:oklch(98.51% 0 0);--sidebar-border:oklch(28.09% 0 0);--sidebar-ring:oklch(80.03% .1821 151.711);--font-sans:Outfit,sans-serif;--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:monospace;--radius:.5rem;--shadow-x:0px;--shadow-y:1px;--shadow-blur:3px;--shadow-spread:0px;--shadow-opacity:.17;--shadow-color:#000;--shadow-2xs:0px 1px 3px 0px #00000017;--shadow-xs:0px 1px 3px 0px #00000017;--shadow-sm:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow:0px 1px 3px 0px #0000002b,0px 1px 2px -1px #0000002b;--shadow-md:0px 1px 3px 0px #0000002b,0px 2px 4px -1px #0000002b;--shadow-lg:0px 1px 3px 0px #0000002b,0px 4px 6px -1px #0000002b;--shadow-xl:0px 1px 3px 0px #0000002b,0px 8px 10px -1px #0000002b;--shadow-2xl:0px 1px 3px 0px #0000006e}body{letter-spacing:var(--tracking-normal)}*{margin:0;padding:0;box-sizing:border-box}:root{width:100vw;height:100vh;overflow:hidden;background-color:var(--color-background)}html,body{width:100%;height:100%;overflow:hidden}@font-face{font-family:pht-thin;src:url(/assets/pht-thin-DhuTsrrY.woff2)}@font-face{font-family:pht-light;src:url(/assets/pht-light-B5yeLp_J.woff2)}@font-face{font-family:sht-bold;src:url(/assets/sht-bold-DOEwBxZx.woff2)}@font-face{font-family:pht-bold;src:url(/assets/pht-bold-Cf-1Evd3.woff2)}.bg{position:relative;width:100vw;height:100vh;overflow:hidden}.about{position:absolute;display:flex;flex-direction:column;align-items:flex-start;top:7%;left:10%;text-align:center;gap:50px}.about-title{font-family:pht-thin,sans-serif;color:#9c9c9c;display:flex;flex-direction:column;gap:8px}.xiaosun{color:#3a3a3a}.name{display:flex;flex-direction:row;gap:8px;font-size:32px;font-family:sht-bold,sans-serif}.experience{display:flex;flex-direction:row;gap:8px;font-size:16px}.resume{display:flex;flex-direction:column;max-width:650px;text-align:justify;gap:8px;font-size:14px;align-items:flex-start;font-family:pht-thin,sans-serif;color:#3a3a3a}.resume-title{font-family:sht-bold,sans-serif;font-size:18px;color:#3a3a3a}.workexperience{display:flex;flex-direction:column;max-width:650px;text-align:justify;gap:16px;font-size:16px;align-items:flex-start;font-family:pht-thin,sans-serif;color:#3a3a3a}.workexperience-title{font-family:sht-bold,sans-serif;font-size:18px;color:#3a3a3a}.workexperience-list{display:flex;flex-direction:column;gap:16px}.workexperience-item{display:flex;flex-direction:row;gap:16px}.workexperience-item-icon{width:22px;height:94px;flex-shrink:0}.workexperience-item-icon img{width:100%;height:100%}.workexperience-item-content{display:flex;flex-direction:column;gap:12px}.workexperience-item-content-title{display:flex;flex-direction:row;justify-content:space-between;font-size:16px;font-family:pht-bold,sans-serif;color:#3a3a3a}.workexperience-item-content-title-time{display:flex;flex-direction:row;gap:12px;font-family:pht-light,sans-serif;font-size:16px}.workexperience-item-description{font-family:pht-thin,sans-serif;font-size:14px;color:#3a3a3a;text-align:justify}.card{position:absolute;top:21%;right:10%}