*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}:root{--primary-color: #2e77e5;--text-color: #333;--border-color: #dcdfe6}@font-face{font-family:AlimamaFangYuanTi;src:url(/assets/AlimamaFangYuanTiVF-Thin-Dm2O7Tjg.woff),url(/assets/AlimamaFangYuanTiVF-Thin-DdtKdonJ.woff2)}html,body{font-size:16px;overflow-x:hidden;background:#fff;color:var(--text-color);font-family:AlimamaFangYuanTi,Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:var(--text-color);text-decoration:none}a.frame{display:block;position:relative}a.frame:after{position:absolute;left:0;bottom:0;content:"";width:0;height:2px;background-color:#333;transition:all .3s ease-out}a.frame:hover:after{width:100%}img{vertical-align:middle}ul{list-style:none}button{border:none;cursor:pointer;background:transparent}section:not(:first-child){padding-top:3.2rem;padding-bottom:3.2rem}section:nth-child(odd){background-color:#f2f3f5}section .title{text-align:center;font-size:30px;font-weight:600;margin-bottom:2.2rem}#app{height:100%}.bg{background-color:#f2f3f5}.container{width:100%;padding:0 1.25rem;margin-left:auto;margin-right:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}}.text-primary{color:var(--primary-color)}.back-top[data-v-4c200ae7]{width:50px;height:50px;line-height:50px;text-align:center;position:fixed;right:30px;bottom:30px;border-radius:50%;background-color:var(--primary-color);scale:0;cursor:pointer;z-index:99}.back-top img[data-v-4c200ae7]{width:20px;height:20px}footer[data-v-35b2f2c5]{padding:2rem 0}footer .info[data-v-35b2f2c5]{display:flex;justify-content:space-between}footer .info .nav[data-v-35b2f2c5]{flex:1;display:flex}footer .info .nav ul[data-v-35b2f2c5]{margin-right:5rem}footer .info .nav ul li[data-v-35b2f2c5]{padding:.2rem 0}footer .info .nav ul .title[data-v-35b2f2c5]{font-size:20px;font-weight:600;padding:0;margin-bottom:.625rem}footer .info .other[data-v-35b2f2c5]{flex:1;display:flex;flex-direction:column;justify-content:space-between}footer .info .other .logo[data-v-35b2f2c5],footer .info .other .contact[data-v-35b2f2c5]{text-align:end}footer .info .other .register[data-v-35b2f2c5]{display:flex;justify-content:flex-end}footer .info .other .register .beian[data-v-35b2f2c5]{display:flex;align-items:center;margin-left:1rem}footer .info .other .register .beian img[data-v-35b2f2c5]{width:16px;height:16px;margin-right:5px}@media (max-width: 768px){footer .info[data-v-35b2f2c5]{flex-direction:column}footer .info .nav[data-v-35b2f2c5]{margin-bottom:1rem}footer .info .nav .menu[data-v-35b2f2c5]{display:none}footer .info .other .logo[data-v-35b2f2c5]{display:none}footer .info .other .contact[data-v-35b2f2c5]{text-align:start}footer .info .other .register[data-v-35b2f2c5]{margin-top:1rem}footer .info .other .register .icp[data-v-35b2f2c5],footer .info .other .register .beian[data-v-35b2f2c5]{flex:1}}footer .copyright[data-v-35b2f2c5]{text-align:center;margin-top:2rem}.content[data-v-d8c8f7dc]{display:flex;flex-wrap:wrap;margin-left:-12px}.content article[data-v-d8c8f7dc]{width:100%;background-color:#fff;border:1px solid var(--border-color);border-top:none;margin-left:12px;margin-bottom:12px;cursor:pointer}.content article .cover[data-v-d8c8f7dc]{height:200px;overflow:hidden}.content article .cover img[data-v-d8c8f7dc]{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.content article .cover:hover img[data-v-d8c8f7dc]{transform:scale(1.05)}.content article .detail[data-v-d8c8f7dc]{padding-top:1rem;padding-bottom:1rem}.content article .detail .date[data-v-d8c8f7dc]{display:inline-block;height:30px;line-height:30px;color:var(--primary-color);font-size:.875em;position:relative;border-top:1px solid var(--primary-color);padding-left:12px;padding-right:28px;margin-bottom:1rem;overflow:hidden}.content article .detail .date[data-v-d8c8f7dc]:before{content:"";display:block;position:absolute;left:calc(100% - 18px);bottom:0;width:100%;border-top:1px solid var(--primary-color);transform:rotate(-60deg) translate(-1px);transform-origin:left top}.content article .detail .date[data-v-d8c8f7dc]:after{content:"";display:block;position:absolute;left:0;bottom:0;width:calc(100% - 18px);border-top:1px solid var(--primary-color)}.content article .detail .article-title[data-v-d8c8f7dc]{line-clamp:3;-webkit-line-clamp:3;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;padding:0 12px;overflow:hidden}.content article .detail .extra[data-v-d8c8f7dc]{display:flex;column-gap:8px;padding:0 12px;margin-top:1rem}.content article .detail .extra .reading[data-v-d8c8f7dc]{font-size:.875em}.content article .detail .extra .arrow[data-v-d8c8f7dc]{width:16px}@media (min-width: 768px){.content article[data-v-d8c8f7dc]{width:calc(50% - 12px)}.content article[data-v-d8c8f7dc]:hover{border:none;transform:translateY(-4px);transition:all .3s ease;box-shadow:0 4px 4px #0000001a}.content article:hover .arrow[data-v-d8c8f7dc]{animation:push-d8c8f7dc 2s infinite}@keyframes push-d8c8f7dc{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translate(15px)}60%{transform:translate(10px)}}}@media (min-width: 992px){.content article[data-v-d8c8f7dc]{width:calc(33.3333333333% - 12px)}}@media (min-width: 1200px){.content article[data-v-d8c8f7dc]{width:calc(25% - 12px)}}.paginate[data-v-d8c8f7dc]{display:flex;column-gap:12px;justify-content:center;margin-top:2rem}.paginate .btn[data-v-d8c8f7dc]{width:2.4rem;height:2.4rem;border-radius:5px;color:var(--primary-color);border:1px solid var(--primary-color)}@media (max-width: 768px){.paginate .btn[data-v-d8c8f7dc]{width:1.8rem;height:1.8rem}}.paginate .btn.active[data-v-d8c8f7dc],.paginate .btn[data-v-d8c8f7dc]:hover{color:#fff;background-color:var(--primary-color)}.page-main[data-v-f07e1ab8]{display:flex;margin-left:-1.5rem}.page-main .content[data-v-f07e1ab8]{width:100%;display:flex;flex-wrap:wrap}.page-main .content .porfolio-item[data-v-f07e1ab8]{width:calc(35% - 1.5rem);height:500px;position:relative;border-radius:12px;margin-left:1.5rem;margin-bottom:1.5rem;overflow:hidden}.page-main .content .porfolio-item[data-v-f07e1ab8]:nth-child(3),.page-main .content .porfolio-item[data-v-f07e1ab8]:nth-child(4){width:calc(32.5% - 1.5rem)}.page-main .content .porfolio-item[data-v-f07e1ab8]:nth-child(5n+1){width:calc(65% - 1.5rem)}.page-main .content .porfolio-item .cover[data-v-f07e1ab8]{width:100%;height:100%;object-fit:cover}.page-main .content .porfolio-item .introduction[data-v-f07e1ab8]{position:absolute;bottom:0;width:100%;padding:1.25rem 1rem;color:#fff;background:linear-gradient(to top,#000,#0000)}.page-main .content .porfolio-item .introduction .name[data-v-f07e1ab8]{display:flex;font-size:1.5em}.page-main .content .porfolio-item .introduction .name .view[data-v-f07e1ab8]{margin-left:auto;display:none;align-items:center;padding-left:.25rem}.page-main .content .porfolio-item .introduction .name .view img[data-v-f07e1ab8]{height:1rem}.page-main .content .porfolio-item .introduction .desc[data-v-f07e1ab8]{height:0;opacity:0;word-break:break-all}.page-main .content .porfolio-item:hover .introduction .name .view[data-v-f07e1ab8]{display:flex;animation:viewShow-f07e1ab8 .3s ease-out forwards}@keyframes viewShow-f07e1ab8{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.page-main[data-v-f07e1ab8]{margin-left:-.875rem}.page-main .content .porfolio-item[data-v-f07e1ab8]{width:calc(50% - .875rem);height:300px;margin-left:.875rem;margin-bottom:.875rem}.page-main .content .porfolio-item[data-v-f07e1ab8]:nth-child(3),.page-main .content .porfolio-item[data-v-f07e1ab8]:nth-child(4){width:calc(50% - .875rem)}.page-main .content .porfolio-item[data-v-f07e1ab8]:nth-child(5n+1){width:100%}.page-main .content .porfolio-item .introduction[data-v-f07e1ab8]{padding:1rem .875rem}.page-main .content .porfolio-item .introduction .name[data-v-f07e1ab8]{font-size:1.125em}.page-main .content .porfolio-item .introduction .name .view img[data-v-f07e1ab8]{height:.5rem}.page-main .content .porfolio-item .introduction .desc[data-v-f07e1ab8]{font-size:.8em}}.nav[data-v-696a532c]{display:inline-flex;height:2.4rem;position:relative;margin-bottom:2rem;border-radius:5px;border:1px solid #f2f3f5;border-bottom:none;overflow:hidden}@media (max-width: 768px){.nav[data-v-696a532c]{height:2.2rem}}.nav .nav-item[data-v-696a532c]{width:5rem;height:100%;line-height:2.2rem;text-align:center;cursor:pointer;z-index:2}.nav .nav-active[data-v-696a532c]{position:absolute;top:0;left:0;width:5rem;height:2.2rem;border-bottom:2px solid var(--primary-color);background-color:#fff;transition:left .3s ease-out;z-index:1}.scroll-wrapper[data-v-696a532c]{width:100%}.scroll-wrapper .scroll[data-v-696a532c]{position:relative;overflow:auto hidden;scrollbar-width:none}.scroll-wrapper .scroll[data-v-696a532c]::-webkit-scrollbar{display:none}.scroll-wrapper .scroll .content[data-v-696a532c]{display:flex}.scroll-wrapper .scroll .content .events[data-v-696a532c]{flex-shrink:0;width:22rem;margin-right:2rem}.scroll-wrapper .scroll .content .events[data-v-696a532c]:last-child{margin-right:0}.scroll-wrapper .scroll .content .events .event[data-v-696a532c]{display:flex;margin-bottom:1.25rem}.scroll-wrapper .scroll .content .events .event[data-v-696a532c]:last-child{margin-bottom:0}.scroll-wrapper .scroll .content .events .event .date[data-v-696a532c]{flex-shrink:0;padding-right:.625rem;text-indent:2em}.scroll-wrapper .scroll .content .events .event .text[data-v-696a532c]{font-size:1em}.scroll-wrapper .scroll .content .events .time[data-v-696a532c]{font-size:1.6em;font-weight:600;font-style:italic;padding-bottom:.6rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color)}@media (min-width: 768px){.scroll-wrapper .scroll[data-v-696a532c]{--w: calc(var(--2f0d974c) * 1px);--h: calc(var(--ce534f3e) * 1px);width:var(--h);height:var(--w);overflow:hidden auto;transform-origin:left top;transform:translateY(var(--h)) rotate(-90deg)}.scroll-wrapper .scroll .content[data-v-696a532c]{position:absolute;top:0;left:var(--h);transform-origin:left top;transform:rotate(90deg)}}#home[data-v-c00dda76]{position:relative;padding:8rem 0;color:#fff;background:url(/assets/bg_image-BhxZjPxv.jpg) no-repeat center;background-size:cover}#home[data-v-c00dda76]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}#home .container[data-v-c00dda76]{position:relative;margin-top:5rem;z-index:1}#home .container .introduction[data-v-c00dda76]{display:flex;align-items:center;justify-content:space-between}#home .container .introduction .description[data-v-c00dda76]{flex:1;padding:0 1rem}#home .container .introduction .description .hello[data-v-c00dda76],#home .container .introduction .description .name[data-v-c00dda76]{opacity:0;transform:translate(100px);margin-bottom:1.8rem;animation:initShow-c00dda76 .5s ease forwards}@keyframes initShow-c00dda76{to{opacity:1;transform:translateY(0)}}#home .container .introduction .description .name[data-v-c00dda76]{font-size:50px;font-weight:600;animation-delay:.2s}#home .container .introduction .description .desc[data-v-c00dda76]{height:150px;font-size:18px}#home .container .introduction .avatar-wrapper[data-v-c00dda76]{position:relative;margin-left:25%}#home .container .introduction .avatar-wrapper img[data-v-c00dda76]{width:400px;height:400px;border-radius:16px}#home .container .introduction .avatar-wrapper .avatar[data-v-c00dda76]{position:absolute;right:2rem;bottom:1.4rem;animation:avatarShow-c00dda76 .5s ease-out forwards}@keyframes avatarShow-c00dda76{0%{scale:0}to{scale:1}}@media (max-width: 768px){#home[data-v-c00dda76]{padding:4rem 0}#home .container[data-v-c00dda76]{margin-top:3rem}#home .container .introduction[data-v-c00dda76]{flex-direction:column}#home .container .introduction .avatar-wrapper[data-v-c00dda76]{margin-top:2rem}#home .container .introduction .avatar-wrapper img[data-v-c00dda76]{width:200px;height:200px}#home .container .introduction .avatar-wrapper .avatar[data-v-c00dda76]{position:static}#home .container .introduction .avatar-wrapper .square[data-v-c00dda76]{display:none}}header[data-v-1d18f0a9]{height:58px;position:fixed;top:0;width:100%;padding:.8rem 0;background:#fffc;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-bottom:1px solid var(--border-color);z-index:99}header .container[data-v-1d18f0a9]{display:flex;align-items:center;justify-content:space-between}header .container .logo[data-v-1d18f0a9]{padding:.4rem 0;display:flex;align-items:center}header .container .menu[data-v-1d18f0a9]{display:flex;align-items:center;column-gap:8px}@media (max-width: 768px){header .container .menu[data-v-1d18f0a9]{display:none}}header .container .menu .item[data-v-1d18f0a9]{padding:.4rem}header .container .menu .item.active[data-v-1d18f0a9],header .container .menu .item[data-v-1d18f0a9]:hover{color:#000;font-weight:600}.header-mask[data-v-36640f8b]{height:58px;background-color:#fff}@media (max-width: 768px){.curmbs[data-v-36640f8b]{display:none}}.curmbs .container[data-v-36640f8b]{display:flex;align-items:center}.curmbs .container .link[data-v-36640f8b]{padding-top:1rem;padding-bottom:1rem;margin-right:1rem;cursor:pointer}.curmbs .container .next[data-v-36640f8b]{height:.75rem;margin-right:1rem}.page-main[data-v-36640f8b]{position:relative;margin:2.4rem auto}.page-main .article[data-v-36640f8b]{margin:0 auto}.page-main .article .article-title[data-v-36640f8b]{font-size:2.2em;margin-bottom:.875rem}.page-main .article .date[data-v-36640f8b]{font-size:.875em;color:#919797;padding-bottom:.75rem;border-bottom:1px solid #d8d9dc}.page-main .article .article-content[data-v-36640f8b]{margin-top:2rem}.page-main .article .article-content p[data-v-36640f8b]{padding-bottom:1.75rem}.page-main .article .article-content img[data-v-36640f8b],.page-main .article .article-content video[data-v-36640f8b]{max-width:100%;object-fit:cover;margin:0 auto 1.75rem}@media (max-width: 768px){.page-main[data-v-36640f8b]{margin:1.4rem auto}.page-main .article[data-v-36640f8b]{width:100%}.page-main .article .article-title[data-v-36640f8b]{font-size:1.4em}}@media (min-width: 1199px){.page-main .article[data-v-36640f8b]{width:840px}}