*{margin:0;padding:0}li{list-style:none}a{text-decoration:none;color:#dedede}html{height:100%;width:100vw;overflow-x:hidden;scroll-behavior:smooth;font-size:.9vw}body{width:100vw;color:#dedede}.background-container{position:absolute;z-index:-1;width:100vw;height:100vh;background-color:#181818}.background-container .background-content{width:100%;height:100%}.navigation{letter-spacing:1px;height:10vh;width:100vw;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 12vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:#181818cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out}.navigation .logo-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:10vw;cursor:pointer}.navigation .logo-container .logo{height:4vh;width:4vh;background:url(/assets/favicon-Bu6ahY0w.ico);background-size:4vh 4vh;background-repeat:no-repeat;cursor:pointer}.navigation .navigation-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1vw}.navigation .navigation-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4vw;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navigation .navigation-menu ul li{text-align:center}.navigation .navigation-menu ul li:hover a{color:#fff}.navigation .navigation-menu ul li a{font-weight:700;color:#c1c1c1;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.navigation .menu-toggle-container{width:10vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;position:relative}.navigation .menu-toggle-container .menu-toggle{width:5vw;height:3vh;border-radius:3vh;background-color:#55a5bb;text-align:center;line-height:3vh;color:#fff;cursor:pointer}.navigation .menu-toggle-container .menu-toggle:hover+.todolist{visibility:visible;opacity:1}.navigation .menu-toggle-container .todolist{position:absolute;font-size:.8vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1vh;border:1px solid #55a5bb;border-radius:1vw;width:12vw;padding:2vh 1vw;top:5vh;overflow-y:hidden;visibility:hidden;opacity:0;-webkit-transition:visibility .3s ease-in-out,opacity .3s ease-in-out;transition:visibility .3s ease-in-out,opacity .3s ease-in-out;background:#181818}.content-main{width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}.content-main .preface{height:100vh;padding:25vh 20vw 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.content-main .preface .preface-content-container li{font-size:6vw;letter-spacing:1vw;margin:3vh 0}.content-main .preface .preface-content-container li b{color:#55a5bb}.content-main .preface .preface-content-container>li:nth-child(1){height:15vh}.content-main .preface .preface-content-container>li:nth-child(2){font-size:1.5vw;letter-spacing:.2vw;margin:2vh 0}.content-main .preface .preface-content-container>li:nth-child(3){font-size:1vw;line-height:4vh;letter-spacing:.5vw}.content-main .preface .arrow{margin-top:12vh}.content-main .preface .arrow span{display:inline-block;color:#fff;font-size:3vh}.content-main .aboutme{background-color:#181818;-webkit-box-sizing:border-box;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10vh 12vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.5vw}.content-main .aboutme .self-introduction-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:22vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;gap:1.5vw;background-color:#2d2d2d4d;padding:2vw;border-radius:1vw}.content-main .aboutme .self-introduction-container .self-image{width:100%;height:70%;border-radius:1vw;background-size:cover;background-position:-17vw;background-repeat:no-repeat}.content-main .aboutme .self-introduction-container .self-name{font-size:2vw;letter-spacing:.5vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center}.content-main .aboutme .self-introduction-container .self-name:before,.content-main .aboutme .self-introduction-container .self-name:after{content:"";border-top:2px dashed #dedede;margin:0 1vw;-webkit-box-flex:1;-ms-flex:1;flex:1}.content-main .aboutme .self-introduction-container .contact-menu{width:90%}.content-main .aboutme .self-introduction-container .contact-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content-main .aboutme .self-introduction-container .contact-menu ul li{text-align:center;width:4vw;height:4vw;border-radius:4vw;background-color:#181818;line-height:4vw}.content-main .aboutme .self-introduction-container .contact-menu ul li:hover span{font-size:2.5vw}.content-main .aboutme .self-introduction-container .contact-menu ul a{display:block;width:100%;height:100%}.content-main .aboutme .self-introduction-container .contact-menu ul span{font-size:1.5vw;-webkit-transition:font-size .3s ease-out;transition:font-size .3s ease-out}.content-main .aboutme .aboutme-container{-webkit-box-flex:2;-ms-flex:2;flex:2;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:0;gap:1.5vw}.content-main .aboutme .aboutme-container .edu-titles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:2vw;letter-spacing:.2vw}.content-main .aboutme .aboutme-container .edu-titles .get-resume{display:inline-block;border:1px solid #55a5bb;border-radius:1vw;padding:.5vh 1vw;font-size:1vw;letter-spacing:1px;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.content-main .aboutme .aboutme-container .edu-titles .get-resume:hover{background-color:#55a5bb}.content-main .aboutme .aboutme-container .aboutme-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.5vw}.content-main .aboutme .aboutme-container .aboutme-items li{background-color:#2d2d2d4d;padding:2vw;border-radius:1vw;width:100%}.content-main .aboutme .aboutme-container .aboutme-items li .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1vw;margin-bottom:3vh}.content-main .aboutme .aboutme-container .aboutme-items li .top div:first-child{width:2.5vw;border:1px solid #55a5bb;border-radius:1vw;text-align:center;background-color:#2d2d2d4d;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.content-main .aboutme .aboutme-container .aboutme-items li:hover .top div:first-child{background-color:#55a5bb}.content-main .aboutme .aboutme-container .aboutme-items li .university{margin-bottom:1vh}.content-main .aboutme .aboutme-container .aboutme-items li .university span{font-size:1.8vw;font-weight:700;color:#fffffff1}.content-main .aboutme .aboutme-container .aboutme-items li .experience{opacity:.8}.content-main .aboutme .aboutme-container .aboutme-items li .year-experience,.content-main .aboutme .aboutme-container .aboutme-items li .awards{-webkit-box-flex:2;-ms-flex:2;flex:2;text-align:center}.content-main .aboutme .aboutme-container .aboutme-items li .year-experience .year-experience-top,.content-main .aboutme .aboutme-container .aboutme-items li .year-experience .awards-top,.content-main .aboutme .aboutme-container .aboutme-items li .awards .year-experience-top,.content-main .aboutme .aboutme-container .aboutme-items li .awards .awards-top{font-size:1vw;letter-spacing:.2vw;margin-bottom:2vh}.content-main .aboutme .aboutme-container .aboutme-items li .year-experience ul,.content-main .aboutme .aboutme-container .aboutme-items li .awards ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content-main .aboutme .aboutme-container .aboutme-items li .year-experience .year-experience-content,.content-main .aboutme .aboutme-container .aboutme-items li .awards .year-experience-content{font-size:1.8vw;font-weight:700;color:#fffffff1}.content-main .aboutme .aboutme-container .aboutme-items li:nth-child(2){width:49%}.content-main .aboutme .aboutme-container .aboutme-items li:nth-child(3){width:32%}.content-main .aboutme .aboutme-container .aboutme-items li:nth-child(4){width:30%}.content-main .aboutme .aboutme-container .aboutme-items li:nth-child(5){width:51%;letter-spacing:.2vw}.content-main .aboutme .skills-container{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;background-color:#2d2d2d4d;padding:2vw;border-radius:1vw;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content-main .aboutme .skills-container .skills-titles{font-size:2vw;letter-spacing:.2vw;margin-bottom:6vh}.content-main .aboutme .skills-container ul{text-align:center;line-height:3vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5vw;font-size:1vw}.content-main .aboutme .skills-container ul .self-ability-container,.content-main .aboutme .skills-container ul .self-skills-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:hidden}.content-main .aboutme .skills-container ul .self-ability-container ul,.content-main .aboutme .skills-container ul .self-skills-container ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.content-main .aboutme .skills-container ul .self-ability-container ul li,.content-main .aboutme .skills-container ul .self-skills-container ul li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1vh 1vw;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:1vw;border:1px solid #55a5bb;white-space:nowrap}.content-main .aboutme .skills-container ul .self-ability-container ul li .iconfont,.content-main .aboutme .skills-container ul .self-skills-container ul li .iconfont{font-size:1.5vw}.content-main .working{background-color:#181818;-webkit-box-sizing:border-box;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10vh 12vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5vw}.content-main .working .work-titles{width:100%;font-size:2vw;letter-spacing:.2vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content-main .working .work-titles .work-type{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5vw}.content-main .working .work-titles .work-type li{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:1vw;padding:.5vh 1vw;border:1px solid #55a5bb;font-size:1vw;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;cursor:pointer}.content-main .working .work-titles .work-type li:hover{background-color:#55a5bb}.content-main .working .work-container{background:#181818;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.content-main .working .work-container .job-item{width:45%;height:70vh;background-color:#2d2d2d4d;padding:2vh 2vw;border-radius:1vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5vh;min-width:0}.content-main .working .work-container .job-item:hover .workno{background-color:#55a5bb}.content-main .working .work-container .job-item .work-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content-main .working .work-container .job-item .work-top .workno{border-radius:1vw;padding:.5vh 1vw;border:1px solid #55a5bb;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.content-main .working .work-container .job-item .work-top .maintoggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;border-radius:1vw;padding:.5vh 1vw;background-color:#181818;width:4vw;height:3vh;-webkit-transition:background-color .3s ease-in-out,border .3s ease-in-out;transition:background-color .3s ease-in-out,border .3s ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.content-main .working .work-container .job-item .work-top .maintoggle span{overflow-x:hidden;position:absolute;white-space:nowrap;text-align:center;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.content-main .working .work-container .job-item .work-top .maintoggle:hover{border:1px solid #55a5bb;border-radius:1vw}.content-main .working .work-container .job-item .work-img{background-image:url(/assets/words-tbRunFpB.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:70%;border-radius:1vw;-ms-flex-negative:0;flex-shrink:0;margin-bottom:2vh}.content-main .working .work-container .job-item .work-introduction{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1.5vw;-ms-flex-wrap:wrap;flex-wrap:wrap}.content-main .working .work-container .job-item .work-introduction>li:nth-child(1){text-align:left}.content-main .working .work-container .job-item .work-introduction>li:nth-child(2){text-align:right}.content-main .working .work-container .job-item .work-introduction>li:nth-child(3){-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;font-size:2vw;font-weight:700;letter-spacing:.3vw}.content-main .working .work-container .job-item .work-introduction .work-introduction-main ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:hidden;height:0;gap:2vh;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out}.content-main .working .work-container .job-item .work-introduction .work-introduction-main ul>li:nth-child(3) li{list-style:decimal;margin-left:2vw;margin-top:1vh}.content-main .program{min-height:1vh;background:#181818}.content-main .program .prog-container{background-color:#181818;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10vh 12vw 20vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5vw}.content-main .program .prog-titles{font-size:2vw;letter-spacing:.2vw}.content-main .program .prog-container-main .prog-items{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:95%;position:relative}.content-main .program .prog-container-main .prog-items .prog-item-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;font-size:1.5vw;font-weight:700;padding-bottom:2vh}.content-main .program .prog-container-main .prog-items .prog-item-top .prog-item-no{-ms-flex-preferred-size:5%;flex-basis:5%}.content-main .program .prog-container-main .prog-items .prog-item-top .prog-item-title{-ms-flex-preferred-size:70%;flex-basis:70%}.content-main .program .prog-container-main .prog-items .prog-item-top .prog-item-time{-ms-flex-preferred-size:25%;flex-basis:25%;text-align:right}.content-main .program .prog-container-main .prog-items .seperate-line{width:100%;border:2px solid #55a5bb}.content-main .program .prog-container-main .prog-items span{font-size:1.8vw;color:#55a5bb;position:absolute;-webkit-transform:translate(0,-55%);transform:translateY(-55%);right:-2.8%;font-weight:700}.content-main .program .prog-container-main .prog-items .prog-item-content{padding-top:2vh;line-height:1.5vw;overflow-y:hidden}.content-main .program .prog-container-main .prog-items .prog-item-content>li:nth-child(3) ul li{list-style:decimal;margin-left:2vw}.contact{height:40vh;width:100%;background:linear-gradient(149deg,#3fc1e9,#332f71 70%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10vh 12vw;-webkit-box-sizing:border-box;box-sizing:border-box;gap:2vw}.contact .contact-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.contact .contact-top .backtofirst{font-size:.7vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:#b5b5b53b;border-radius:5vw;padding:1vh 1vw;cursor:pointer;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.contact .contact-top .backtofirst:hover{background:#181818}.contact .contact-top .contact-title{font-size:2vw}.contact ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:end;-ms-flex-align:end;align-items:end;height:15vh;gap:5vw}.contact ul li div:first-child{font-size:1.5vw;margin-bottom:1vh}.contact span{text-align:left;font-size:.7vw}@font-face{font-family:iconfont;src:url(/assets/iconfont-BaUQuTCH.woff2?t=1736745747277) format("woff2"),url(/assets/iconfont-Bq3N0TiA.woff?t=1736745747277) format("woff"),url(/assets/iconfont-BwSaeDP1.ttf?t=1736745747277) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-jiahao:before{content:""}.icon-jianhao:before{content:""}.icon-xmind:before{content:""}.icon-Adobe-Premiere:before{content:""}.icon-Adobe-Photoshop:before{content:""}.icon-stable-diffusion:before{content:""}.icon-axure:before{content:""}.icon-H:before{content:""}.icon-scss:before{content:""}.icon-react:before{content:""}.icon-python:before{content:""}.icon-javascript:before{content:""}.icon-mysql:before{content:""}.icon-tableau:before{content:""}.icon-SPSSfenxi:before{content:""}.icon-logo:before{content:""}.icon-MiniMax:before{content:""}.icon-davinciresolve:before{content:""}.icon-a-redbook:before{content:""}.icon-xiajiantou:before{content:""}.icon-youxiang:before{content:""}.icon-github:before{content:""}#welcome-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#welcome-title .typed-cursor{font-size:5vw;font-weight:lighter;opacity:1;-webkit-animation:blink .7s infinite;animation:blink .7s infinite}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}