div.layout-home{height:100%;display:flex;overflow:hidden;flex-direction:column;padding:15px!important;justify-content:space-between}div.layout-home p.wel-text{font-size:52px;line-height:2.4;font-weight:900;text-align:center;letter-spacing:-1.5px}div.layout-home img.github-statics{background-color:unset}div.layout-home div.button-box{width:100%;height:40px;display:flex;align-items:center;justify-content:center}div.layout-home div.button-box button.btn{border:unset;outline:unset;height:inherit;padding:0 15px;border-radius:4px;background-color:unset}div.layout-home div.button-box button.btn{display:flex;margin:0 8px;color:#fff;align-items:center}div.layout-home div.button-box button.btn{cursor:pointer}div.layout-home div.button-box button.btn svg{width:20px;height:20px}div.layout-home div.button-box button.btn span.btn-text{margin-left:10px}div.layout-home div.button-box button.github-btn{background-color:#333}div.layout-home div.button-box button.gitee-btn{background-color:#c71d23}div.layout-home div.button-box button.netease-btn{background-color:#dd524d}div.layout-home div.button-box button.bilibili-btn{background-color:#fb7299}div.layout-photo div.photo-list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}div.layout-photo div.photo-list img.photo{height:160px;cursor:pointer;margin-top:20px;border-radius:6px;width:calc(50% - 10px)}div.layout-anbout{padding:15px!important}div.layout-anbout div.user-description p.description{font-size:18px;text-indent:2em;color:#666;line-height:40px;text-align:justify;word-break:break-all}div.layout-anbout div.user-description h2.title{margin:20px 0;color:#666}div.layout-anbout div.user-description div.badge-box{width:100%;display:flex;margin:10px 0;align-items:center;justify-content:center}div.layout-anbout div.user-description div.badge-box img.badge{height:28px;margin:0 5px;cursor:pointer}div.layout-outsor div.outsor-list{width:100%;display:flex;flex-wrap:wrap;padding-bottom:20px;justify-content:space-between}div.layout-outsor div.outsor-list div.outsor-list-item{cursor:pointer;overflow:hidden;margin-top:20px;position:relative;border-radius:6px;width:calc(50% - 10px);border:2px solid #e3e8f7}div.layout-outsor div.outsor-list div.outsor-list-item div.item-image{width:100%;height:150px;overflow:hidden}div.layout-outsor div.outsor-list div.outsor-list-item div.item-image img.screenshot{width:inherit;height:inherit;transition:transform .3s}div.layout-outsor div.outsor-list div.outsor-list-item div.item-content{bottom:0;width:100%;height:80px;display:flex;padding:15px;color:#fff;position:absolute;flex-direction:column;justify-content:space-between;background-color:#00000080}div.layout-outsor div.outsor-list div.outsor-list-item div.item-content p.item-name{font-size:18px}div.layout-outsor div.outsor-list div.outsor-list-item div.item-content p.item-desc{font-size:14px;margin-top:10px;line-height:22px;text-align:justify}div.layout-outsor div.outsor-list div.outsor-list-item:hover div.item-image img.screenshot{transform:scale(1.25)}div.layout-friend div.friend-list{width:100%;display:flex;flex-wrap:wrap;padding-bottom:20px;justify-content:space-between}div.layout-friend div.friend-list div.friend-list-item{height:75px;display:flex;cursor:pointer;margin-top:20px;padding:10px 15px;border-radius:6px;width:calc(50% - 10px);border:2px solid #e3e8f7}div.layout-friend div.friend-list div.friend-list-item img.item-avatar{width:51.8px;height:51.8px;border-radius:4px}div.layout-friend div.friend-list div.friend-list-item div.item-content{flex:1;height:100%;display:flex;margin-left:15px;flex-direction:column;justify-content:space-between}div.layout-friend div.friend-list div.friend-list-item div.item-content p.item-name{color:#333;font-size:18px}div.layout-friend div.friend-list div.friend-list-item div.item-content p.item-desc{line-clamp:1;font-size:14px;overflow:hidden;color:#666;line-height:22px;text-align:justify;display:-webkit-box;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical}div.layout-website div.website-list{width:100%;display:flex;flex-wrap:wrap;padding-bottom:20px;justify-content:space-between}div.layout-website div.website-list div.website-list-item{height:105px;display:flex;cursor:pointer;margin-top:20px;padding:10px 15px;border-radius:6px;flex-direction:column;width:calc(50% - 10px);border:2px solid #e3e8f7;justify-content:space-between}div.layout-website div.website-list div.website-list-item p.item-name{color:#333;font-size:18px}div.layout-website div.website-list div.website-list-item p.item-desc{line-clamp:2;font-size:14px;overflow:hidden;margin-top:10px;color:#666;line-height:22px;text-align:justify;display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical}div.layout-project div.project-list{width:100%;display:flex;flex-wrap:wrap;padding-bottom:20px;justify-content:space-between}div.layout-project div.project-list div.project-list-item{height:102px;display:flex;cursor:pointer;margin-top:20px;padding:10px 15px;border-radius:6px;flex-direction:column;width:calc(50% - 10px);border:2px solid #e3e8f7;justify-content:space-between}div.layout-project div.project-list div.project-list-item p.item-name{color:#333;font-size:18px}div.layout-project div.project-list div.project-list-item p.item-desc{line-clamp:2;font-size:14px;overflow:hidden;margin-top:10px;color:#666;line-height:22px;text-align:justify;display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical}div.layout-mySkill{width:100%}div.layout-mySkill div.skill-main{margin-top:20px}div.layout-mySkill div.skill-main div.skill-block{width:100%}div.layout-mySkill div.skill-main div.skill-block p.block-name{color:#858585;margin-bottom:15px;letter-spacing:2.5px}div.layout-mySkill div.skill-main div.skill-block div.skill-list{width:100%;display:flex;flex-wrap:wrap}div.layout-mySkill div.skill-main div.skill-block div.skill-list span.skill-item{cursor:pointer;color:#858585;padding:5px 10px;border-radius:4px;margin-right:15px;margin-bottom:20px;border:2px solid #e3e8f7}div.model-content{flex:1;height:100%;display:flex;padding:20px 20px 0;flex-direction:column}div.model-content div.tab-container{width:100%;height:55px;display:flex;overflow:hidden;overflow-x:scroll;border-radius:6px;border:2px solid #e3e8f7}div.model-content div.tab-container div.tab-box{height:100%;display:flex;cursor:pointer;padding:0 15px;align-items:center;justify-content:center}div.model-content div.tab-container div.tab-box span.tab-name{color:#858585;transition:color ease .3s}div.model-content div.tab-content{flex:1;width:100%;overflow:hidden;margin-top:25px;overflow-y:scroll;border-radius:6px;border:2px solid #e3e8f7}div.model-content div.tab-content div.layout-container{width:100%;padding:0 20px;animation:card-in 1s ease}div.model-footbox{width:100%;padding:15px 0;margin-top:20px;color:#fff;text-align:center;background-color:#17182080}div.model-footbox p,div.model-footbox a{color:#fff;font-size:17px;line-height:36px;text-align:center}div.model-footbox p{display:flex;align-items:center;justify-content:center}div.model-footbox p img.beian-icon{height:20px;margin-right:8px;margin-bottom:.75px;background-color:unset}div.model-user{height:100%;padding-top:20px;padding-left:20px}div.model-user div.user-box{height:100%;position:relative;border-radius:6px;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/assets/bg-profile-C452_O4a.jpg)}div.model-user div.user-contianer{width:100%;height:100%;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}div.model-user div.user-contianer div.avatar-box{width:85px;height:85px;cursor:pointer;overflow:hidden;border-radius:50%;border:5px solid #ffffff}div.model-user div.user-contianer div.avatar-box img.avatar-img{width:100%;height:100%;transition:1s}div.model-user div.user-contianer div.avatar-box:hover img.avatar-img{transform:rotate(360deg)}div.model-user div.user-contianer p.user-profile{margin-top:10px;color:#fff;font-weight:700;text-align:center;word-break:break-all;text-shadow:#888 1px 1px 2px}div.model-user div.user-contianer p.username{font-size:30px}div.model-user div.user-contianer p.userdesc{width:75%;line-clamp:2;font-size:16px;overflow:hidden;line-height:28px;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical}div.mobile-home{height:100vh;display:flex;position:relative;align-items:center;flex-direction:column;justify-content:center}div.mobile-home div.avatar-box{width:100px;height:100px;overflow:hidden;border-radius:50%;border:5px solid #ffffff}div.mobile-home div.avatar-box img.avatar-img{width:100%;height:100%}div.mobile-home p.user-profile{margin-top:15px;color:#fff;font-weight:700;text-align:center;word-break:break-all}div.mobile-home p.username{font-size:32px}div.mobile-home p.userdesc{width:75%;line-clamp:2;font-size:18px;overflow:hidden;line-height:28px;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical}div.model-title{width:100%;height:45px;display:flex;margin:15px 0;color:#fff;align-items:center}div.model-title svg.icon{width:32px;height:32px;fill:#fff;margin-right:8px}div.model-title span.title{font-size:20px;margin-top:2.5px}div.mobile-about div.user-description{color:#fff}div.mobile-about div.user-description p.description{font-size:18px;text-indent:2em;line-height:40px;text-align:justify;word-break:break-all}div.mobile-outsor div.outsor-list div.outsor-list-item{width:100%;overflow:hidden;margin-top:26px;position:relative;border-radius:6px;border:2px solid #e3e8f7}div.mobile-outsor div.outsor-list div.outsor-list-item div.item-image{width:100%;height:160px;overflow:hidden}div.mobile-outsor div.outsor-list div.outsor-list-item div.item-image img.screenshot{width:inherit;height:inherit}div.mobile-outsor div.outsor-list div.outsor-list-item div.item-content{bottom:0;width:100%;height:75px;display:flex;color:#fff;padding:10px 15px;position:absolute;flex-direction:column;justify-content:space-between;background-color:#00000080}div.mobile-outsor div.outsor-list div.outsor-list-item div.item-content p.item-name{font-size:18px}div.mobile-outsor div.outsor-list div.outsor-list-item div.item-content p.item-desc{font-size:14px;margin-top:10px;line-height:22px;text-align:justify}div.mobile-photos div.photo-list img.photo{width:100%;height:150px;display:block;margin-top:25px;border-radius:6px}div.mobile-photos div.photo-list img.photo:first-child{margin-top:15px}div.mobile-friend div.friend-list div.friend-list-item{width:100%;height:75px;display:flex;color:#fff;margin-top:25px;padding:10px 15px;border-radius:4px;border:2px solid #e3e8f7}div.mobile-friend div.friend-list div.friend-list-item:first-child{margin-top:15px}div.mobile-friend div.friend-list div.friend-list-item img.item-avatar{width:51.8px;height:51.8px;border-radius:6px}div.mobile-friend div.friend-list div.friend-list-item div.item-content{flex:1;height:100%;display:flex;margin-left:15px;flex-direction:column;justify-content:space-between}div.mobile-friend div.friend-list div.friend-list-item div.item-content p.item-name{font-size:18px}div.mobile-friend div.friend-list div.friend-list-item div.item-content p.item-desc{line-clamp:1;font-size:14px;overflow:hidden;line-height:22px;text-align:justify;display:-webkit-box;word-break:break-all;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical}div.mobile-project div.project-list div.project-list-item{width:100%;height:102px;display:flex;margin-top:25px;color:#fff;padding:10px 15px;border-radius:6px;flex-direction:column;border:2px solid #e3e8f7;justify-content:space-between}div.mobile-project div.project-list div.project-list-item p.item-name{font-size:18px}div.mobile-project div.project-list div.project-list-item p.item-desc{line-clamp:2;font-size:14px;overflow:hidden;margin-top:10px;line-height:22px;text-align:justify;display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical}div.mobile-project div.project-list div.project-list-item:first-child{margin-top:15px}div.mobile-mySkill{width:100%}div.mobile-mySkill div.skill-main{margin-top:15px}div.mobile-mySkill div.skill-main div.skill-block{width:100%}div.mobile-mySkill div.skill-main div.skill-block p.block-name{font-size:18px;color:#fff;margin-bottom:15px;letter-spacing:2.5px}div.mobile-mySkill div.skill-main div.skill-block div.skill-list{width:100%;display:flex;overflow:hidden;overflow-x:scroll}div.mobile-mySkill div.skill-main div.skill-block div.skill-list span.skill-item{font-size:14px;cursor:pointer;color:#fff;padding:5px 10px;margin-right:15px;border-radius:4px;white-space:nowrap;margin-bottom:20px;border:2px solid #e3e8f7}div.mobile-website div.website-list div.website-list-item{width:100%;height:102px;display:flex;margin-top:25px;color:#fff;padding:10px 15px;border-radius:5px;flex-direction:column;border:2px solid #e3e8f7;justify-content:space-between}div.mobile-website div.website-list div.website-list-item p.item-name{font-size:18px}div.mobile-website div.website-list div.website-list-item p.item-desc{line-clamp:2;font-size:14px;overflow:hidden;margin-top:10px;line-height:22px;text-align:justify;display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical}div.mobile-website div.website-list div.website-list-item:first-child{margin-top:15px}div.main-container{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}div.main-container div.main-box{z-index:2;width:1024px;display:flex;overflow:hidden;min-width:1024px;border-radius:8px;flex-direction:column;background-color:#fff;border:1px solid #e3e8f7;animation:card-in 1.5s ease}div.main-container div.main-box div.content{height:470px;display:flex}div.main-container div.main-box footer.footer{width:100%;height:55px;display:flex;padding:0 20px;align-items:center;background-color:#fff;justify-content:space-between}div.main-container div.main-box footer.footer a,div.main-container div.main-box footer.footer span{color:#858585}div.main-container div.main-box footer.footer span{display:flex;align-items:center}div.main-container div.main-box footer.footer span img.beian-icon{height:20px;margin-right:8px;margin-top:.75px;background-color:unset}div.main-container div.strat-box{width:100%;height:100vh;overflow:hidden;overflow-y:scroll;background-color:#171820bf}div.main-container div.strat-box div.mobile-layout{width:100%;padding:0 20px}*{margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei}html{width:100vw;height:100%;overflow:hidden}body{width:100%;height:100%;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);background-image:url(/assets/bg-light-Byg4bxiQ.jpg)}a{text-decoration:none}img{object-fit:cover;-webkit-user-select:none;user-select:none;background-color:#f1f1f1}:root{--dominColor: #409EFF}.color-text{background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}div#application{width:100%;height:100%;overflow:hidden}::-webkit-scrollbar{display:none}@keyframes card-in{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}