address,body,div,header,html,p,section{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-size:14px;min-height:100%}body{font-size:1rem;font-family:microsoft yahei,Helvetica Neue,Helvetica,Arial,sans-serif;color:#979899;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h2{font-size:4rem;font-weight:200;margin:0 0 1rem}.img-responsive{max-width:100%;height:auto;display:block}.text-center{text-align:center}.text-light{color:#e0a80d}.hide{display:none}.progress{position:relative;background:#404242;height:5px}.progress .progress-bar{height:100%;background:#e0a80d}body{background:#2b2c2c}.loading{position:fixed;top:45%;left:50%}.container{max-width:1200px;margin:0 auto}.container .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}@media(min-width:520px){.col-md-3{width:25%}.col-md-4{width:33.3%}.col-md-5{width:41.66%}.col-md-6{width:50%}.col-md-9{width:75%}}@media(min-width:1000px){.col-lg-3{width:25%}.col-lg-4{width:33.3%}}@media(max-width:520px){[class*=col-lg],[class*=col-md]{width:100%}}ul{padding-left:15px;margin-top:0}ul.inline{list-style:none;margin-left:-.5rem;padding-left:0}ul.inline li{float:left;display:inline-block;padding:0 .5rem}.article{padding:6pt 0 6pt 12pt}.article .article-child{padding:4pt 0 4pt 36pt}.useful-link{position:fixed;top:20px;right:20px;z-index:5}.useful-link img{width:14px;vertical-align:middle;margin-right:5px}.useful-link a{float:left;margin-left:20px;color:ivory;text-decoration:none;font-size:normal}.useful-link .github-button{font-size:14px;border:1px solid #d5d5d5;border-radius:3px;padding:3px 9px;color:#333;line-height:14px;text-shadow:0 1px 0 hsla(0,0%,100%,.9);background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#eee));background-image:linear-gradient(180deg,#fcfcfc,#eee);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee')";display:block;text-decoration:none}.useful-link .github-button:hover{background-color:#ddd;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background-image:linear-gradient(180deg,#eee,#ddd);border-color:#ccc;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd')"}.useful-link .github-button span{vertical-align:middle}.useful-link .theme-link{width:24px;height:24px;background:#757575;border-radius:3px}.section-bg{position:absolute;width:50%;height:100%;z-index:1}.section-header-bg{background:#2b2c2c;left:0}.section-content-bg{background:#292a2a;left:50%}.section{position:relative}.section>.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.section a{color:#979899;display:inline-block}.section a,.section a:hover{text-decoration:none}.section .header{width:30%;padding:4rem 5rem;z-index:2;background:#2b2c2c;text-align:right}.section .header .header-box{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section .header .title{font-size:1.5rem}.section .header .title small{font-size:1rem}.section .section-content{width:70%;padding:4rem 3rem 4rem 5rem;background:#292a2a;z-index:2}.section .section-content .content-box{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section .section-content .intro{padding-left:1.5rem}.section .section-content .intro p{margin-bottom:.6rem;line-height:1.9rem}.section .section-content .intro p:last-of-type{margin-bottom:0}.section-header .header,.section-header .section-content{height:100vh}.section-header .avatar{border-radius:20rem;max-width:200px;margin:0 auto;overflow:hidden}.section-header .name{font-size:2rem;font-weight:200;margin-top:1rem;margin-bottom:4rem}.section-header .name-slogan{position:relative;top:-4rem}.section-header .description{font-size:1.2rem;margin-bottom:2rem}.section-header .contact-info{position:absolute;bottom:0;left:0;width:100%}.section-header .contact-info>div:first-child{border-bottom:2px dashed #404242;padding-bottom:1rem}.section-header .contact-info h4{font-size:1rem;margin:1.5rem 0}.section-header .contact-info .info{line-height:1rem}.section-header address{font-style:normal;line-height:1rem}.experience{margin-left:2px;margin-top:1rem;padding-left:24px;border-left:2px solid #404242}.experience .item{position:relative;line-height:2rem;margin-top:-15px;margin-bottom:3rem}.experience .item .time{font-size:.8rem;color:#757575;line-height:1.6rem}.experience .item .title{font-size:1.2rem}.experience .item .description{color:#757575}.experience .item .content{text-indent:2rem}.experience .item.dot:before{content:"";position:absolute;top:6px;left:-30px;background:#e0a80d;border-radius:5px;width:10px;height:10px;-webkit-box-shadow:0 0 0 6px #404242;box-shadow:0 0 0 6px #404242}.skill .item{padding:0 1rem}.skill .text-info{margin-bottom:.3rem;font-size:.8rem}.skill .num{display:inline-block;margin-right:1rem}.section:nth-child(2n) .header,.section:nth-child(2n) .section-header-bg{background:#292a2a}.section:nth-child(2n) .section-content,.section:nth-child(2n) .section-content-bg{background:#2b2c2c}.usually .item{margin-right:3rem;margin-bottom:1rem;line-height:2rem;display:inline-block}.usually .item h3{margin-top:.5rem;margin-bottom:.8rem;line-height:1rem}.contact{margin-bottom:2rem}.contact h4{display:inline;margin-top:.3rem;margin-bottom:.8rem}@media(max-width:1120px){.section .header{width:100%;text-align:left}.section .section-content{width:100%}.section-header .header,.section-header .section-content{height:auto}.section-header .contact-info{position:relative}.section:nth-child(2n) .header,.section:nth-child(2n) .section-header-bg{background:#2b2c2c}.section:nth-child(2n) .section-content,.section:nth-child(2n) .section-content-bg{background:#292a2a}}@media(max-width:768px){.section .header,.section .section-content{padding:14px}.section-header .name-slogan{top:0}h2{font-size:2.5rem}}.inShow{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:inShow;animation-name:inShow}@-webkit-keyframes inShow{0%{-webkit-transform:translate3d(0,100%,0);transform:translateY(50px) scale(.9);visibility:visible;opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0) scale(1);opacity:1}}@keyframes inShow{0%{-webkit-transform:translate3d(0,100%,0);transform:translateY(50px) scale(.9);visibility:visible;opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0) scale(1);opacity:1}}.progressShow{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:progressShow;animation-name:progressShow}@-webkit-keyframes progressShow{0%{width:0}}@keyframes progressShow{0%{width:0}}.honor>div>.item{padding:3px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.honor>div>.item img{display:block;height:6rem;margin:0 auto}.honor>div>.item small{white-space:nowrap}.name-slogan>h1{font-family:serif}.article a,.extra-html a{color:#e0a80d;display:inline}.skill-item{height:30px;margin:9px 0}@media(min-width:520px){.skill{display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,36px);width:100%}}@media print{.col-md-6{width:50%}.no-print{display:none;opacity:0}.show-print-block{display:block!important;opacity:1!important}.show-print-inline{display:inline-block!important}.section .section-content{padding:0 12px}.section-header .description{text-align:center}.section-header .contact-info>div:first-child{border-bottom:none;padding-bottom:0}.section-header .contact-info h4{width:32px;float:left;margin:10px 0;line-height:1rem}.section-header .contact-info .info{padding:10px 0 10px 32px;line-height:1rem;overflow-wrap:break-word}.section-header .contact-info a{display:block}.section-header .name{margin-bottom:1rem}.skill .item{margin-bottom:.5rem}.experience .item{margin-bottom:1rem}.article a,.extra-html a{color:#000}header h2{margin:.3rem 0 .15rem 0}.skill-item{margin:1px 0}.honor>.honor-item{width:100%}.honor>.honor-item .item{padding:1px 0;display:grid;grid-template-columns:0 repeat(3,1fr)}.honor>.honor-item .item img{height:0}.honor>.honor-item .item small{margin-bottom:8pt}.page-break-section{page-break-after:always}}