.my-box[data-v-14fb4c00]{width:100%;height:100%;height:calc(100% - 50px);padding-top:50px;overflow:auto;z-index:1}.my-box .flex-box[data-v-14fb4c00]{display:flex}.my-box .info-box[data-v-14fb4c00]{width:70%;max-width:1200px;margin:0 auto}.my-box .top-bar[data-v-14fb4c00]{width:100%;height:330px;background-image:url(../../static/img/info-bg.b5402e3b.png);background-repeat:no-repeat;background-size:100%;background-position:50%;display:flex;align-items:center;position:relative;border-bottom:1px solid rgba(0,0,0,.142);transition:all .5s}.my-box .top-bar[data-v-14fb4c00]:hover{background-size:120%}.my-box .top-bar .mask[data-v-14fb4c00]{width:100%;height:100%;position:absolute;background:hsla(0,0%,100%,.664)}.my-box .head-img[data-v-14fb4c00]{width:200px;height:200px;border-radius:50%;background-image:url(https://file.hwg.baby/photo/my.jpeg);background-repeat:no-repeat;background-size:100% 100%;z-index:1;box-shadow:0 0 10px 0 #ebebeb}.my-box .info[data-v-14fb4c00]{flex:1;flex-wrap:wrap;display:flex;z-index:1}.my-box .info .info-item[data-v-14fb4c00]{width:50%;font-size:16px;letter-spacing:2px;text-align:left;color:#000;line-height:40px}.my-box .info .info-item span[data-v-14fb4c00]{color:#777}.my-box .info .info-item a[data-v-14fb4c00]{color:#000}.my-box .info .info-100[data-v-14fb4c00]{width:100%}.my-box .title[data-v-14fb4c00]{width:200px;font-size:20px;letter-spacing:5px;font-weight:700;border-right:1px dotted #000}.my-box .right-block[data-v-14fb4c00]{flex:1;margin-left:78px}.my-box .right-block [data-v-14fb4c00]{text-align:left}.my-box .right-block p[data-v-14fb4c00]{line-height:30px;margin-top:18px}.my-box .ability-bar[data-v-14fb4c00],.my-box .education-bar[data-v-14fb4c00],.my-box .evaluate-bar[data-v-14fb4c00],.my-box .hobby-bar[data-v-14fb4c00],.my-box .honor-bar[data-v-14fb4c00],.my-box .project-bar[data-v-14fb4c00],.my-box .work-bar[data-v-14fb4c00]{padding-top:80px}.my-box .work-bar[data-v-14fb4c00]{padding-top:100px}.my-box .work-bar .time-line[data-v-14fb4c00]{width:100%;border-top:3px dashed #397e67;position:relative}.my-box .work-bar .time-line[data-v-14fb4c00]:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAORJREFUWEftllEOgjAMhlu8lPoEp4FLiEMvgadxT+qpqFnIYmOEbdnKYrK9QraPr39HETIvzHw+FIBi4P8N7FVXVxPUppsel1GFdlW0gUPfkj0UAYepAv1So/YFSQrAQXxtiACEgIgCGBBTljUb4gAuG5sBLNnAY98pAjr7pjbFe7wsyNsoxea+e1CFjWnXbADWQpYSAIF+Xm/NnIvIFVRCAk07HPhNuRnA0n0gD/Djq7l0UQCb9LUqywCwkLkiFg9wau+A8zxg0v0dMnEAO5CEzgGff4QLUfh5dAli+QpAMZDdwBuFoW8hucLqyAAAAABJRU5ErkJggg==);zoom:.8;position:absolute;right:-6px;top:-18px}.my-box .work-bar .times-block[data-v-14fb4c00]{justify-content:space-around;padding-top:90px}.my-box .work-bar .times-block .times-item[data-v-14fb4c00]{width:35%;height:auto;padding:20px;border-radius:20px;box-shadow:0 0 8px -1px #c7c7c7;position:relative;height:-moz-min-content;height:min-content}.my-box .work-bar .times-block .times-item ul[data-v-14fb4c00]{padding-left:18px;margin-top:10px;color:grey}.my-box .work-bar .times-block .times-item[data-v-14fb4c00]:first-child:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAORJREFUWEftllEOgjAMhlu8lPoEp4FLiEMvgadxT+qpqFnIYmOEbdnKYrK9QraPr39HETIvzHw+FIBi4P8N7FVXVxPUppsel1GFdlW0gUPfkj0UAYepAv1So/YFSQrAQXxtiACEgIgCGBBTljUb4gAuG5sBLNnAY98pAjr7pjbFe7wsyNsoxea+e1CFjWnXbADWQpYSAIF+Xm/NnIvIFVRCAk07HPhNuRnA0n0gD/Djq7l0UQCb9LUqywCwkLkiFg9wau+A8zxg0v0dMnEAO5CEzgGff4QLUfh5dAli+QpAMZDdwBuFoW8hucLqyAAAAABJRU5ErkJggg==);position:absolute;transform:rotate(90deg) scale(.7);top:-70px;left:48%}.my-box .work-bar .times-block .times-item[data-v-14fb4c00]:first-child:before{content:"2020.07 - 2021.06";position:absolute;top:-25px}.my-box .work-bar .times-block .times-item[data-v-14fb4c00]:nth-child(2):after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAORJREFUWEftllEOgjAMhlu8lPoEp4FLiEMvgadxT+qpqFnIYmOEbdnKYrK9QraPr39HETIvzHw+FIBi4P8N7FVXVxPUppsel1GFdlW0gUPfkj0UAYepAv1So/YFSQrAQXxtiACEgIgCGBBTljUb4gAuG5sBLNnAY98pAjr7pjbFe7wsyNsoxea+e1CFjWnXbADWQpYSAIF+Xm/NnIvIFVRCAk07HPhNuRnA0n0gD/Djq7l0UQCb9LUqywCwkLkiFg9wau+A8zxg0v0dMnEAO5CEzgGff4QLUfh5dAli+QpAMZDdwBuFoW8hucLqyAAAAABJRU5ErkJggg==);position:absolute;transform:rotate(90deg) scale(.7);top:-70px;left:48%}.my-box .work-bar .times-block .times-item[data-v-14fb4c00]:nth-child(2):before{content:"2021.07 - 2023.07";position:absolute;top:-25px}.my-box .ability-bar .star-box[data-v-14fb4c00]{width:120px;margin:0 auto;margin-top:40px}.my-box .ability-bar .star-box>div[data-v-14fb4c00]{margin-bottom:10px}.my-box .ability-bar .star-box .text[data-v-14fb4c00]{text-indent:1em;font-size:12px;font-weight:400;text-align:left}.my-box .ability-bar .ability-item[data-v-14fb4c00]{word-break:break-all;width:100%;height:140px;box-shadow:0 0 10px 0 #cacaca;position:relative;cursor:pointer}.my-box .ability-bar .ability-item:hover .ability-bg[data-v-14fb4c00]{transform:rotateY(.5turn)}.my-box .ability-bar .ability-item:hover .ability-text[data-v-14fb4c00]{transform:rotateY(0turn)}.my-box .ability-bar .ability-item .ability-bg[data-v-14fb4c00]{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;backface-visibility:hidden;transition:all .3s ease-in-out}.my-box .ability-bar .ability-item .ability-text[data-v-14fb4c00]{position:absolute;top:0;width:100%;height:100%;backface-visibility:hidden;text-align:center;line-height:140px;font-size:20px;font-weight:700;transform:rotateY(.5turn);transition:all .5s ease-in-out;background:#ededed}.my-box .ability-bar .ability-star[data-v-14fb4c00]{margin-top:10px}.my-box .hobby-bar .like-item[data-v-14fb4c00]{margin-bottom:30px;width:100%;height:auto}.my-box .hobby-bar .like-item .like-img[data-v-14fb4c00]{width:100%;height:120px;-o-object-fit:contain;object-fit:contain;box-shadow:0 0 2px 0 #d6d6d6}.my-box .hobby-bar .like-item .like-text[data-v-14fb4c00]{text-align:center;margin-top:10px}.my-box .project-bar .project-com-item[data-v-14fb4c00]{width:100%;box-shadow:0 0 5px 0 #eee;border-radius:4px;padding:20px}.my-box .project-bar .project-com-item ul[data-v-14fb4c00]{padding-left:20px;margin-top:15px}.my-box .project-bar .project-com-item ul li[data-v-14fb4c00]{color:grey}.my-box .project-bar .personal-pro-item h4[data-v-14fb4c00]{padding:30px;display:flex;align-items:center}.my-box .project-bar .personal-pro-item h4 img[data-v-14fb4c00]{width:23px;margin-right:10px}.my-box .project-bar .personal-pro-item ul[data-v-14fb4c00]{padding:0 30px;padding-left:50px}.my-box .project-bar .personal-pro-item ul li[data-v-14fb4c00]{word-break:break-all;color:grey;font-weight:400}.my-box .none-block[data-v-14fb4c00]{height:200px;width:100%;background:#f1f1f1;margin-top:100px}.dialog-mask[data-v-14fb4c00]{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);z-index:9}.dialog-mask .dialog-content[data-v-14fb4c00]{padding:42px 30px;background:#fff;border-radius:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-mask .dialog-content p[data-v-14fb4c00]{font-size:12px;color:grey;text-align:left}.dialog-mask .dialog-content p span[data-v-14fb4c00]{color:#00a5ae;font-size:12px;cursor:pointer}.dialog-mask .dialog-content p span[data-v-14fb4c00]:hover{text-decoration:underline}