.particles-canvas[data-v-fecd6490]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#navbar[data-v-07def3d2]{position:fixed;right:50px;top:25%;overflow:hidden;z-index:100}#navbar .navbar-line[data-v-07def3d2]{position:absolute;left:50%;top:0;width:2px;height:85%;z-index:-1}#navbar .navbar-list .navbtn[data-v-07def3d2]{display:block;margin:0 auto 50px;width:7px;height:7px;line-height:7px;text-align:center;border-radius:50%;background-color:#00bfff;border:4px solid #e8e8e8;box-sizing:content-box;cursor:pointer;transition:all .3s}#navbar .navbar-list .navbtn[data-v-07def3d2]:hover{border:4px solid white}#navbar .navbar-list .navbtn.active[data-v-07def3d2]{background-color:#ff4a57;border-color:#ff4a57;transform:scale(1.3)}#navbar-banner[data-v-be09c578]{display:none;position:fixed;top:0;left:0;width:100%;background-color:#ffffff4d;z-index:100}#navbar-banner .clearFix[data-v-be09c578]{text-align:right;padding:10px;cursor:pointer}#navbar-banner .clearFix .slideBut[data-v-be09c578]{height:40px;line-height:40px;font-size:25px;color:#fff}#navbar-banner ul[data-v-be09c578]{list-style:none;margin:0;padding:0;background-color:#000000b3}#navbar-banner ul li[data-v-be09c578]{padding:5px 0}#navbar-banner ul li a[data-v-be09c578]{text-decoration:none;color:#fff;display:block;padding:10px 20px}#navbar-banner ul li[data-v-be09c578]:hover{background-color:#fff3}@media screen and (max-width: 800px){#navbar-banner[data-v-be09c578]{display:block}}.page1[data-v-02accd5a]{text-align:center}.page1 .next-bt[data-v-02accd5a]{position:absolute;width:30px;height:60px;border-radius:30px;border:1px solid #dadada;bottom:80px;background-color:transparent;transition:all 1s;color:#dadada;cursor:pointer;text-decoration:none;display:block}.page1 .next-bt[data-v-02accd5a]:hover{color:#ff8c00;text-decoration:none}.page1 .next-bt span[data-v-02accd5a]{position:absolute;top:120%;left:50%;transform:translate(-50%);width:111px;text-align:center}.page1 .next-bt[data-v-02accd5a]:after{position:absolute;content:"";width:5px;border-radius:10px;height:10px;background-color:#fff;left:50%;transform:translate(-50%);animation:nextbutanimation infinite 1s ease-in-out}.page1 .box-page[data-v-02accd5a]{border-radius:10px;padding:30px 0;transition:all 1s;text-align:center}.page1 .box-page h1[data-v-02accd5a]{font-size:60px;line-height:80px;font-weight:800;font-family:cursive,Lato,sans-serif}.page1 .box-page .box-info[data-v-02accd5a]{font-family:Microsoft YaHei,sans-serif;font-size:35px}.page1 .box-page .box-font[data-v-02accd5a]{color:#dadada;display:inline-flex;align-items:baseline}.page1 .box-page .box-font .box-change[data-v-02accd5a]{display:inline-block;border-right:.1em solid;white-space:nowrap;overflow:hidden;animation:typing 2s steps(16,end),blink-caret .5s step-end infinite alternate}.page1 .box-page[data-v-02accd5a]:hover{color:#fff;box-shadow:0 0 50px #00000080;background-color:#fff3}@media screen and (max-width: 800px){.page1 .box-page h1[data-v-02accd5a]{font-size:36px;line-height:50px}.page1 .box-page .box-info[data-v-02accd5a]{font-size:24px}}.page2 .page2-box .row[data-v-d620bcb5]{text-align:center}.page2 .page2-box .row .box-image[data-v-d620bcb5]{position:relative;display:block;margin:0 auto 30px}.page2 .page2-box .row .box-image[data-v-d620bcb5]:after{content:"";position:absolute;height:400px;width:70%;top:10%;left:30%;z-index:-1;background-color:#ffffff4d;border-radius:69% 37% 50% 50%/70% 68% 32% 30%}.page2 .page2-box .row .box-image img[data-v-d620bcb5]{max-width:70%;width:auto;margin:0 auto;height:400px;object-fit:cover;border-radius:69% 37% 50% 50%/70% 68% 32% 30%;transition:all .3s}.page2 .page2-box .row .box-image img[data-v-d620bcb5]:hover{box-shadow:0 0 10px 1px #5ba2d1}.page2 .page2-box .row .box-info[data-v-d620bcb5]{text-align:left}.page2 .page2-box .row .box-info h1[data-v-d620bcb5]{text-align:center;font-weight:700;color:#ff4a57;margin:30px 0}.page2 .page2-box .row .box-info h2[data-v-d620bcb5]{font-size:17px;font-weight:700}.page2 .page2-box .row .box-info p[data-v-d620bcb5]{text-indent:2em;color:#dadada}.page3 .page3-box .row[data-v-18f996ec]{text-align:center}.page3 .page3-box .row .box-item[data-v-18f996ec]{transition:all 1s;margin:10px 0}.page3 .page3-box .row .box-item[data-v-18f996ec]:hover{transform:scale(1.1)}.page3 .page3-box .row .box-item .box-xz[data-v-18f996ec]{margin:0 auto;width:200px;height:200px;line-height:200px;display:flex;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat;background-position:center}.page3 .page3-box .row .box-item .box-xz i[data-v-18f996ec]{font-size:50px;color:#fff}.page3 .page3-box .row .box-item .box-info[data-v-18f996ec]{color:#dadada;font-family:Poppins,sans-serif}.page3 .page3-box .row .box-item .box-info h5[data-v-18f996ec]{color:#ff4a57;font-family:Quicksand,sans-serif;font-weight:700}.page3 .page3-box .row .box-item .box-info p[data-v-18f996ec]{line-height:30px;font-family:Yu Gothic,sans-serif}.page4 .box-right[data-v-ef0f04b3]{font-family:Quicksand,sans-serif}.page4 .box-right .skills .skillsbar[data-v-ef0f04b3]{margin:20px 0}.page4 .box-right .skills .skillsbar .skill-title[data-v-ef0f04b3]{font-weight:700;padding:10px 10px 10px 0}.page4 .box-right .skills .skillsbar .skill-bar[data-v-ef0f04b3]{display:flex;height:15px;background-color:#e9ecef;overflow:hidden;border-radius:2px}.page4 .box-right .skills .skillsbar .skill-bar .bar-skill[data-v-ef0f04b3]{height:100%;background-color:#ff4a57;transition:width 3s;position:relative}.page4 .box-right .skills .skillsbar .skill-bar .bar-skill span[data-v-ef0f04b3]{font-size:12px;font-weight:700;position:absolute;left:50%;transform:translate(-50%);color:#fff}.page4 .box-right .tasks .tasklist-item[data-v-ef0f04b3]{display:flex;align-items:center;margin-bottom:20px}.page4 .box-right .tasks .tasklist-item .taskitem-icon[data-v-ef0f04b3]{width:50px;height:50px;line-height:50px;background-color:#ff4a57;text-align:center}.page4 .box-right .tasks .tasklist-item .taskitem-info[data-v-ef0f04b3]{margin-left:20px;font-family:Quicksand,sans-serif}.page4 .box-right .tasks .tasklist-item .taskitem-info span[data-v-ef0f04b3]{font-weight:700}.page4 .box-right .tasks .tasklist-item .taskitem-info h5[data-v-ef0f04b3]{color:#ffc72dc2}.page4 .box-left[data-v-ef0f04b3]{padding:20px 0}.page4 .box-left .left-body li:hover .desc[data-v-ef0f04b3]{transform:scale(1.05)}.page4 .box-left .left-body ul[data-v-ef0f04b3]{position:relative;overflow:hidden;list-style:none;padding:1em 0 0 2em;margin:0}.page4 .box-left .left-body ul .title[data-v-ef0f04b3]{z-index:1;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;margin-left:-.5rem;margin-top:7%;float:left}.page4 .box-left .left-body ul .date[data-v-ef0f04b3]{width:23%;font-size:.75em;padding-top:.4rem;padding-right:2rem;float:left}.page4 .box-left .left-body ul .desc[data-v-ef0f04b3]{transition:all 1s;width:65%;float:left}.page4 .box-left .left-body ul .desc h3[data-v-ef0f04b3]{font-size:1.1em;font-weight:400;margin:0 0 10px}.page4 .box-left .left-body ul .desc h4[data-v-ef0f04b3]{margin:0;font-size:.8em;line-height:1.8em;font-weight:400;color:gray}.page4 .box-left .left-body ul[data-v-ef0f04b3]:before{content:"";height:100%;width:5px;background-color:#d9d9d9;position:absolute;top:0;z-index:-1}.page4 .box-left .left-body li>div[data-v-ef0f04b3]{vertical-align:top;margin:1em 0;display:inline-block}.page5 .box-item[data-v-517a6323]{position:relative;overflow:hidden;margin-bottom:20px;border-radius:10px;display:inline-block;text-decoration:none;color:inherit}.page5 .box-item[data-v-517a6323]:hover{transform:scale(1.05);transition:all .5s ease;z-index:1}.page5 .box-item img[data-v-517a6323]{width:100%;min-height:220px;max-height:220px;object-fit:cover}.page5 .box-item .item-zhez[data-v-517a6323]{position:absolute;text-align:left;display:flex;flex-flow:column;justify-content:center;color:#fff;padding:20px;right:0;bottom:0;left:0;top:0;background-color:#0009;visibility:hidden;transition:visibility .3s}.page5 .box-item:hover .item-zhez[data-v-517a6323]{visibility:visible}.page5 .box-item .item-zhez h4[data-v-517a6323]{flex:1}.page5 .box-item .item-zhez p[data-v-517a6323]{flex:3}.page6 .box-page[data-v-31d83705]{padding:100px;background:linear-gradient(#00ffd4,#00ffd4) left top,linear-gradient(#00ffd4,#00ffd4) left top,linear-gradient(#00ffd4,#00ffd4) right top,linear-gradient(#00ffd4,#00ffd4) right top,linear-gradient(#00ffd4,#00ffd4) left bottom,linear-gradient(#00ffd4,#00ffd4) left bottom,linear-gradient(#00ffd4,#00ffd4) right bottom,linear-gradient(#00ffd4,#00ffd4) right bottom;background-repeat:no-repeat;background-size:5px 60px,60px 5px;text-align:center}.page6 .box-page h2[data-v-31d83705]{display:inline-block;padding-bottom:5px;border-bottom:2px solid orangered}.page6 .box-page h2 span[data-v-31d83705]{color:#ff4500}.page6 .box-page .page-list[data-v-31d83705]{list-style:none;display:flex;justify-content:center;gap:40px;margin-top:30px}.page6 .box-page .page-list li[data-v-31d83705]{position:relative}.page6 .box-page .page-list .contact-link[data-v-31d83705]{text-decoration:none;color:#fff;transition:all .3s;display:inline-block;position:relative}.page6 .box-page .page-list .contact-link[data-v-31d83705]:hover{transform:scale(1.2)}.page6 .box-page .page-list .contact-link i[data-v-31d83705]{font-size:30px;color:#fff}.page6 .box-page .page-list .weixin-popup[data-v-31d83705]{position:absolute;top:50px;left:50%;transform:translate(-50%);background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:100}.page6 .box-page .page-list .weixin-popup img[data-v-31d83705]{width:120px;height:auto}@media screen and (max-width: 800px){.page6 .box-page[data-v-31d83705]{padding:50px 20px}}.misc-page[data-v-e88d0ee0]{width:100%;min-height:100vh;background-color:#3c3c3c;position:relative;overflow-x:hidden}.header[data-v-e88d0ee0]{width:100%;height:50px;background-color:#bebebe;color:#fff;position:fixed;top:0;z-index:10;display:flex;align-items:center;justify-content:center}.header .title[data-v-e88d0ee0]{position:relative;font-size:22px;font-family:Helvetica,sans-serif}.header .js-name[data-v-e88d0ee0]{color:#53ff53}.header .js-fn[data-v-e88d0ee0]{color:#fff}.header .js-string[data-v-e88d0ee0]{color:#ffd306}.header .back-link[data-v-e88d0ee0]{position:absolute;right:30px;color:#fff;font-size:14px;text-decoration:none;cursor:pointer;transition:opacity .3s}.header .back-link[data-v-e88d0ee0]:hover{opacity:.8}.particle-layer[data-v-e88d0ee0]{position:absolute;top:0;width:100%;z-index:0}.particle-layer canvas[data-v-e88d0ee0]{display:block}.introduction[data-v-e88d0ee0]{text-align:center;margin-top:70px;position:relative;z-index:1}.introduction canvas[data-v-e88d0ee0]{display:inline-block;box-shadow:0 0 20px #00000080}.bg-layer[data-v-65d08360]{position:fixed;z-index:0;left:0;right:0;top:0;bottom:0;background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;font-family:Microsoft YaHei,Lato,Quicksand,sans-serif;overflow-x:hidden}#app{width:100%;min-height:100vh}#wrap{position:relative;z-index:2}.page{min-height:100vh;position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;color:#fff;padding:60px 0}.page-title{color:#ff4a57;text-align:center;font-weight:700;margin:20px 0}@keyframes nextbutanimation{0%{top:20%;opacity:1}to{top:60%;opacity:0}}@keyframes typing{0%{width:0}}@keyframes blink-caret{50%{border-color:transparent}}@keyframes loadanimation{0%{opacity:0}40%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}