*{padding:0;margin:0;box-sizing:border-box;letter-spacing:2px}:root{--main-color: #ff8181;--dark-bg: #02162b;--dark-main-color: #00283a;--light-bg: #f4f5f7;--light-main-color: #ffffff;--font-color: #ffffff;--bgpic-url: url(/assets/bgpic-Ds8Yrpv1.jpg)}body{position:relative;width:100%;height:auto;background-color:var(--dark-bg);background-size:cover;color:var(--font-color)}.global-transition{transition:background-color .4s ease-in-out,color .4s ease-in-out,box-shadow .4s ease-in-out}.bg-music{position:fixed;bottom:10px;right:-13.25rem;z-index:100;transition:.25s}.bg-music:hover{right:0}.pic-background{position:absolute;top:0;left:50%;transform:translate(-50%);width:95%;height:35rem;background-image:var(--bgpic-url);background-size:cover;background-attachment:fixed;border-radius:0 0 16px 16px}.content{position:relative;width:80%;padding:3% 5% 5%;z-index:100;top:100px;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;z-index:1}.main-content{width:45vw}.left-card{width:22vw}@media screen and (max-width: 1200px){.content{flex-direction:column;justify-content:center;align-items:center;width:100%}.main-content{width:80%}.left-card{width:80%;display:flex;justify-content:center}.hello-board{display:none}}.navbar{position:fixed;width:100%;height:4.5rem;display:flex;justify-content:center;background-color:var(--dark-main-color);border-radius:0 0 10px 10px;box-shadow:0 4px 8px #00000026;z-index:100}.navbar:after{content:"";position:absolute;top:70px;left:0;right:0;height:8px;background-color:var(--dark-main-color);border-radius:0% 0% 5px 5px;opacity:.3}.navbar-logo{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:10rem}.logo-pic{width:3rem}.nav-links{display:flex;flex-direction:row;height:4.5rem;justify-content:center}.nav-links li{position:relative;display:flex;align-items:center;height:100%;padding:0 30px;list-style-type:none}.active-link:after{content:"";position:absolute;width:100%;bottom:0;left:0;right:0;height:.25rem;background-color:var(--main-color);border-radius:.25rem}.nav-links li a{color:var(--font-color);text-decoration:none;display:flex;flex-direction:row}.center-nav{display:flex;flex-direction:row;margin:auto;width:80%;align-items:center;justify-content:space-between}.setting{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.switch{position:relative;display:inline-block;width:2.4rem;height:1.1rem;margin-left:.5rem;margin-right:.25rem}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2196f3;transition:.4s;border-radius:1.25rem}.slider:before{position:absolute;content:"";height:.9rem;width:.9rem;left:.25rem;bottom:.1rem;background-color:#fff;transition:.4s;border-radius:50%;transform:translate(1rem)}.switch input[type=checkbox]{display:none}.switch input[type=checkbox]:checked+.slider{background-color:#ccc}.switch input[type=checkbox]:checked+.slider:before{transform:translate(0)}.white{color:var(--font-color)}.mobile-setting{display:none;flex-direction:row;align-items:center;justify-content:space-between}.icon-caidan{display:none;position:relative}.menu-bar{display:none;flex-direction:column;list-style:none;position:absolute;top:2rem;width:6rem;border-radius:.5rem;background-color:var(--dark-main-color);box-shadow:0 4px 8px #00000026}.menu-bar li a{color:var(--font-color);text-decoration:none;display:flex;flex-direction:row;padding:.25rem .25rem .25rem 1rem}.icon-caidan input[type=checkbox]{display:none}.menu-btn{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.icon-caidan input[type=checkbox]:checked+label+.menu-bar{display:none}.icon-caidan input[type=checkbox]:checked+label+.menu-bar{display:flex;z-index:10}@media screen and (max-width: 1000px){.navbar-logo h3,.nav-links{display:none}.icon-caidan,.mobile-setting{display:flex}}@font-face{font-family:iconfont;src:url(data:font/woff2;base64,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) format("woff2"),url(/assets/iconfont-6kzRPPqB.woff?t=1732155127539) format("woff"),url(/assets/iconfont-B1e64FCN.ttf?t=1732155127539) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-caidan:before{content:""}.icon-qianduan:before{content:""}.icon-qianduan1:before{content:""}.icon-kuangjiaguanli2:before{content:""}.icon-cloud-service:before{content:""}.icon-qq:before{content:""}.icon-email:before{content:""}.icon-weixin:before{content:""}.icon-github:before{content:""}.icon-shezhi:before{content:""}.icon-yueliang1:before{content:""}.card{height:100vh;width:100%;background-color:var(--dark-main-color);display:flex;flex-direction:column;padding-top:40px;align-items:center;border-radius:.5rem}.sticky{position:-webkit-sticky;position:sticky;top:4rem}.card-avatar{width:6rem;height:6rem;position:relative}.card-avatar img{border:.15rem #ffffff solid;width:100%;height:100%;border-radius:50%;overflow-clip-margin:content-box}.name-box{height:1.5rem;width:1.5rem;border-radius:.75rem;text-align:center;font-size:.9rem;font-style:italic;position:absolute;border:solid 3px #fcfcfe;right:0;bottom:0;background-color:var(--main-color);overflow:hidden;color:#fff;transition:width .2s ease-in-out,visible .2s ease-in-out}.card-avatar:hover .name-box{width:6rem;visibility:visible}.card-title{font-weight:900;text-align:center;margin-top:15px;margin-bottom:15px}.card-signature{font-size:.85rem;font-weight:100;text-align:center}.card-signature span{border-right:.08em solid var(--font-color);width:28ch;display:block;white-space:nowrap;overflow:hidden;animation:typing 3s steps(28),blink-caret .3s step-end infinite alternate}@keyframes typing{0%{width:0ch}}@keyframes blink-caret{50%{border-color:transparent}}.card-contact{color:var(--font-color);text-decoration:none;font-size:1rem;font-weight:100;margin:0 .5rem}.info-box{width:80%;display:flex;justify-content:space-between;margin:5px;font-size:.85rem}.info-content{color:#747474}.contact-me{color:var(--font-color);text-decoration:none;font-size:.9rem;width:200px;height:40px;line-height:40px;border-radius:1.25rem;display:flex;justify-content:center;align-items:center;background:linear-gradient(-45deg,var(--main-color) 50%,#fff 60%,var(--main-color) 70%);background-size:400% 100%;animation:shine 2.5s infinite}@keyframes shine{0%{background-position-x:100%}to{background-position-x:0}}@media screen and (max-width: 1200px){.card{height:auto;padding-bottom:2rem}}.footer{width:100%}.footer .divider{width:100%}.footer .footer-content{width:100%;height:5rem;border-radius:.8rem;padding:2rem;font-size:.7rem;font-weight:900;color:#7b7b7d;text-transform:uppercase;background-color:var(--dark-main-color)}.back-card{width:13rem;height:12rem;padding:1rem;display:flex;flex-direction:column;align-items:center;background-color:var(--dark-main-color);border-radius:1rem;position:relative;margin-top:.5rem;margin-bottom:.5rem}.card-header{width:85%;height:3rem;background-color:var(--dark-main-color);border-radius:.25rem;position:absolute;top:-.5rem;z-index:-1;opacity:.3}.nums{margin-top:1rem;font-size:1.5rem;font-weight:900}.card-name{font-size:.8rem}.plus{font-size:1.25rem;color:var(--main-color)}.ability-card{border-radius:5px;padding:1.5rem;width:18rem;height:15rem;background-color:var(--dark-main-color);margin-top:.75rem;margin-bottom:.75rem}.ability-icon{font-size:2rem;margin-top:1.25rem;margin-bottom:1.25rem}.ability-name{font-weight:900;font-size:.9rem;margin-top:1.25rem;margin-bottom:1.25rem}.ability-content{font-size:.8rem;color:#7b7b7d;margin-top:1.25rem;margin-bottom:1.25rem}.ability-btn{position:relative;margin-top:1.25rem;margin-bottom:1.25rem;color:var(--main-color);font-size:.7rem;font-weight:900;width:7rem;cursor:pointer}.ability-btn:after{position:absolute;right:0rem;top:50%;content:"";width:0;height:0;border-top:.25rem solid transparent;border-left:.5rem solid var(--main-color);border-bottom:.25rem solid transparent;animation:bmove 1s infinite}.hello-board{margin-left:.5rem;color:#fff}.hello-board p:not(:first-child){font-size:2.5rem;font-weight:900}.hello-board p:first-child{font-size:.8rem;margin-top:5rem;margin-bottom:.5rem}.hello-board .navbtn{color:#fff;text-decoration:none;margin-top:1rem;position:relative;border:.1rem solid #ffffff;display:inline-block;width:auto;height:2rem;padding:.25rem 2rem .25rem 1.25rem;justify-content:center;align-items:center;border-radius:1rem}.hello-board .navbtn:after{position:absolute;right:10px;top:50%;content:"";width:0;height:0;border-top:.25rem solid transparent;border-left:.5rem solid #ffffff;border-bottom:.25rem solid transparent;animation:bmove 1s infinite}@keyframes bmove{0%{opacity:1;transform:translate(-.5rem) translateY(-50%)}to{opacity:0;transform:translate(.3rem) translateY(-50%)}}.content-board{padding-top:6rem}.content-board .board1{display:flex;justify-content:space-evenly;flex-wrap:wrap}.my-story{background-color:var(--dark-main-color);width:100%;height:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left;border-radius:.5rem}.blockquote{position:relative;padding:0;margin:0;display:block;unicode-bidi:isolate;color:var(--font-color);font-style:italic;font-size:1rem;font-weight:500}.my-story .blockquote :before{content:"“";font-size:3rem;font-style:initial;color:var(--main-color);position:absolute;left:-7rem;top:-2rem}.my-story .blockquote :after{content:"“";font-size:3rem;font-style:initial;color:var(--main-color);position:absolute;bottom:-3rem;right:-5rem}.board2{width:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap;flex-direction:row}video[poster]{object-fit:cover}.divider-box{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1.5rem;margin-top:2rem}.divider-name{font-weight:900;white-space:nowrap}.divider-box .divider{margin-right:1rem;margin-left:1rem;border-top:1px dashed #b7b6b6;margin-top:0;margin-bottom:0}.divider{width:80%;border-top:1px dashed #b7b6b6;margin-top:30px;margin-bottom:30px}.project-board{display:flex;padding-top:6rem;flex-wrap:wrap;justify-content:space-evenly;width:100%}.project-item{flex:0 0 48%;position:relative;margin-bottom:2rem;border-radius:.5rem;overflow:hidden;min-width:20rem}.project-item img{width:100%;height:100%;transform:scale(1.1);transition:all .3s ease-in-out}.project-item:hover img{transform:scale(1)}.project-title{position:absolute;height:50%;bottom:-50%;left:0;right:0;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;font-size:.9rem;background-color:var(--dark-main-color);opacity:.8;transition:.3s ease-in-out}.project-item:hover .project-title{bottom:0}.skill-card{position:relative;border-radius:5px;padding:1.25rem;width:20rem;height:12rem;background-color:var(--dark-main-color);margin-top:.75rem;margin-bottom:.75rem;display:flex;flex-direction:column;align-items:center}.skill-card .card-header{width:85%;height:3rem;background-color:var(--dark-main-color);border-radius:.25rem;position:absolute;top:-.5rem;z-index:-1;opacity:.3}.skill-item{margin-top:1rem;margin-bottom:2rem;position:relative;width:80%}.skill{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{font-weight:900;font-size:.7rem}.skill-content{font-size:.7rem}.skill-percent{height:.25rem;border-radius:.125rem;background-color:var(--main-color)}.content-board .skill-board1{display:flex;justify-content:space-evenly;flex-wrap:wrap}.skill-board2{display:flex;background-color:var(--dark-main-color);border-radius:1rem;padding:2rem 2rem 2rem 3.5rem;flex-wrap:wrap;list-style-type:none}.skill-board2 li{position:relative;margin:.5rem;flex:auto}.skill-board2 li:before{content:"";background-color:var(--dark-main-color);border:.2rem solid var(--main-color);width:.4rem;height:.4rem;border-radius:50%;position:absolute;top:.25rem;left:-1.5rem}.contact-board{padding-top:6rem;display:flex;justify-content:space-evenly;flex-wrap:wrap}.contact-card{width:18rem;height:12rem;padding:1rem;display:flex;flex-direction:column;background-color:var(--dark-main-color);border-radius:1rem;position:relative;margin-top:.5rem;margin-bottom:.5rem}.contact-card .card-header{width:85%}.contact-card .iconfont{font-size:2.5rem}.contact-way{font-size:1.25rem;font-weight:900;margin-top:.5rem;margin-bottom:1rem}.contact-num{font-size:1rem;font-style:italic}.email-box{width:100%;padding:1rem 0;position:relative;background-color:var(--dark-main-color);border-radius:1rem;display:flex;flex-direction:column;align-items:center}.email-box>*{height:2rem;padding:.5rem .5rem .5rem 1rem;border-radius:.5rem;margin-top:1rem;margin-bottom:1rem;width:85%}.email-box>textarea{height:6rem;resize:none}.email-box>button{width:25%;padding:0;background-color:var(--main-color);color:#fff;font-weight:900;border:0}.pic-board{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.pic-item{flex:0 0 48%;position:relative;margin-bottom:2rem;border-radius:.5rem;overflow:hidden;min-width:20rem}.pic-item img{width:100%;height:100%;transform:scale(1.1);transition:all .3s ease-in-out}.pic-item:hover img{transform:scale(1)}.pic-title{position:absolute;height:50%;bottom:-50%;left:0;right:0;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;font-size:.9rem;background-color:var(--dark-main-color);opacity:.8;transition:.3s ease-in-out}.pic-item:hover .pic-title{bottom:0}