html,body{margin:0;padding:0}body{font-family:"Microsoft Yahei",PingFangSC-Regular,Helvetica,sans-serif,"等线";font-size:14px;background:#1e1e1e;color:rgba(255,255,255,.8);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;touch-action:none}ul,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}ul,li{list-style:none}a{text-decoration:none;color:inherit}input,textarea{-webkit-appearance:none}button{border:0}canvas{display:block;border:0;outline:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bg{position:fixed;height:100%;width:100%}.bg-universe{-webkit-transform:rotateX(180deg) rotateY(180deg);-moz-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border:0;outline:0}.bg-scene{position:absolute;left:50%;bottom:0;height:300px;width:1600px;margin-left:-800px;background-image:url(../media/boy.svg);border:0;outline:0}.main{visibility:visible}.content{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);max-width:800px;width:calc(100% - 60px);margin:0 auto}.section{display:flex;position:absolute;height:100%;width:100%;top:0;left:0;visibility:hidden;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;pointer-events:none;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.section.show{z-index:10;pointer-events:auto;visibility:visible}.module{min-width:300px;max-width:600px;margin:-10vh 30px 0}.module-title{font-size:24px;font-weight:400;letter-spacing:2px;margin-bottom:20px}.module-container{letter-spacing:1px}@media screen and (min-width:768px){.module{margin:-15vh 0 0}.module-title{font-size:28px;margin-bottom:40px}}@media screen and (max-width:767px){.content{width:95%;max-width:600px}}@media screen and (max-width:480px){.content{width:100%;max-width:400px}}@media screen and (max-width:540px){.section:nth-child(5) .module{width:100%}}@-webkit-keyframes showAsc{0%{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes showAsc{0%{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes showDesc{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes showDesc{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes hideAsc{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}}@keyframes hideAsc{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}}@-webkit-keyframes hideDesc{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}}@keyframes hideDesc{0%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}}.module-title{opacity:0}.hide .module-title,.show .module-title{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}.show .module-title{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s}.show-down .module-title{-webkit-animation-name:showAsc;animation-name:showAsc}.show-up .module-title{-webkit-animation-name:showDesc;animation-name:showDesc}.hide .module-title{-webkit-animation-duration:.5s;animation-duration:.5s}.hide-down .module-title{-webkit-animation-name:hideAsc;animation-name:hideAsc}.hide-up .module-title{-webkit-animation-name:hideDesc;animation-name:hideDesc;-webkit-animation-delay:.05s;animation-delay:.05s}.module-container{opacity:0}.hide .module-container,.show .module-container{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}.show .module-container{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.7s;animation-delay:.7s}.show-down .module-container{-webkit-animation-name:showAsc;animation-name:showAsc}.show-up .module-container{-webkit-animation-name:showDesc;animation-name:showDesc}.hide .module-container{-webkit-animation-duration:.5s;animation-duration:.5s}.hide-down .module-container{-webkit-animation-name:hideAsc;animation-name:hideAsc;-webkit-animation-delay:.05s;animation-delay:.05s}.hide-up .module-container{-webkit-animation-name:hideDesc;animation-name:hideDesc}.module.head{text-align:center}.title{font-size:24px;font-weight:400;margin-bottom:20px;letter-spacing:2px}.hitokoto{margin-bottom:30px;line-height:22px;letter-spacing:2px;cursor:pointer}.btn{position:relative;font-size:13px;min-width:100px;padding:8px 20px;border-radius:8px;line-height:24px;letter-spacing:1px;text-align:center;white-space:nowrap;background:#027dff;color:#fff;cursor:pointer;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}.btn.inactive{opacity:1!important;cursor:auto!important}.btn:hover{opacity:.8}@media screen and (min-width:768px){.title{font-size:28px}.hitokoto{margin-bottom:35px;letter-spacing:3px}}.about-tag{margin-bottom:10px}.about-tag li{display:inline-block;padding:6px 12px;margin:0 5px 10px 0;border-radius:8px;background:#777;color:#fff}.about-text{line-height:28px;letter-spacing:1px}.about-text br{display:block}@media screen and (min-width:768px){.about-tag li{margin:0 10px 10px 0}.about-text br{display:none}}.work{display:flex;flex-direction:column;margin-bottom:20px}.work-item{display:flex;flex:1;flex-direction:row;padding:10px 5px}.work-item a,.work-cs{display:flex;align-items:center;cursor:pointer}.work-item a:hover>img,.work-cs:hover>img{transform:scale(1.1)}.work-item img{height:60px;width:60px;margin:0 20px 0 0;border-radius:15%;box-shadow:0 0 10px rgb(90 90 90 / 20%);-webkit-transition:transform .25s;-moz-transition:transform .25s;transition:transform .25s}.work-text h4{font-size:18px;font-weight:400;margin-bottom:10px}.work-text span{color:rgba(255,255,255,.5)}.work-btn{left:50%;transform:translateX(-50%);letter-spacing:1px}@media screen and (min-width:768px){.work{flex-direction:row;text-align:center;margin-bottom:30px}.work-item{flex-direction:column;padding:10px 15px}.work-item a,.work-cs{display:block}.work-item img{height:70px;width:70px;margin:0 0 20px}}.more-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.more-description{display:flex;align-items:center}.more-description img{height:60px;width:60px;margin-right:15px;border-radius:15%}.more-text h4{font-size:14px;font-weight:700;margin-bottom:10px}.more-text span{color:rgba(255,255,255,.5)}.more-item .btn{min-width:60px;padding:6px 12px;margin-left:15px}@media screen and (min-width:768px){.more-description img{height:70px;width:70px;margin-right:20px}.more-text h4{font-size:16px}.more-item .btn{margin-left:20px}}.log{line-height:28px;letter-spacing:0}.log li{margin-left:80px}.log span{position:absolute;left:0;font-weight:700}@media screen and (min-width:768px){.log{letter-spacing:1px}.log li{margin-left:90px}}.sendmail{text-align:center}.sendmail-input{width:500px;padding:10px;margin-bottom:20px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.1)}.sendmail-input textarea{font-family:"Microsoft Yahei",PingFangSC-Regular,Helvetica,sans-serif,"等线";font-size:16px;width:100%;border:none;color:#fff;background:transparent;outline:0;overflow:hidden;resize:none}.sendmail-input textarea:nth-child(1){height:100px}.sendmail-input textarea:nth-child(3){margin-top:10px;padding-top:20px;line-height:12px;border-top:1px solid rgba(255,255,255,.3)}.sendmail-count{font-size:13px;margin-right:3px;text-align:right;color:#ccc}.sendmail-btn{--primary:#027dff;--primary-dark:#2055ee;--primary-darkest:#133fc0;--text:#fff;--text-opacity:1;--success:#fff;--success-scale:.2;--success-opacity:0;--border-radius:8;--overflow:hidden;--rotate:0;--plane-x:0;--plane-y:0;--plane-opacity:1;--left-wing-background:var(--primary);--left-wing-first-x:0;--left-wing-first-y:0;--left-wing-second-x:50;--left-wing-second-y:0;--left-wing-third-x:0;--left-wing-third-y:100;--left-body-background:var(--primary);--left-body-first-x:50;--left-body-first-y:0;--left-body-second-x:50;--left-body-second-y:100;--left-body-third-x:0;--left-body-third-y:100;--right-wing-background:var(--primary);--right-wing-first-x:50;--right-wing-first-y:0;--right-wing-second-x:100;--right-wing-second-y:0;--right-wing-third-x:100;--right-wing-third-y:100;--right-body-background:var(--primary);--right-body-first-x:50;--right-body-first-y:0;--right-body-second-x:50;--right-body-second-y:100;--right-body-third-x:100;--right-body-third-y:100;background:none;transform:rotate(calc(var(--rotate) * 1deg)) translateZ(0);-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.sendmail-btn.active:before{display:none!important}.sendmail-btn.inactive:before{z-index:1;content:"";position:absolute;height:100%;width:100%;top:0;left:0;border-radius:8px;background:#777}.sendmail-btn .left,.sendmail-btn .right{position:absolute;left:0;top:0;right:0;bottom:0;opacity:var(--plane-opacity);transform:translate(calc(var(--plane-x) * 1px),calc(var(--plane-y) * 1px)) translateZ(0)}.sendmail-btn .left:before,.sendmail-btn .left:after,.sendmail-btn .right:before,.sendmail-btn .right:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:calc(var(--border-radius) * 1px);transform:translate(var(--x,0.4%),var(--y,0)) translateZ(0);z-index:var(--z-index,2);background:var(--background,var(--left-wing-background));-webkit-clip-path:polygon(calc(var(--first-x,var(--left-wing-first-x)) * 1%) calc(var(--first-y,var(--left-wing-first-y)) * 1%),calc(var(--second-x,var(--left-wing-second-x)) * 1%) calc(var(--second-y,var(--left-wing-second-y)) * 1%),calc(var(--third-x,var(--left-wing-third-x)) * 1%) calc(var(--third-y,var(--left-wing-third-y)) * 1%));clip-path:polygon(calc(var(--first-x,var(--left-wing-first-x)) * 1%) calc(var(--first-y,var(--left-wing-first-y)) * 1%),calc(var(--second-x,var(--left-wing-second-x)) * 1%) calc(var(--second-y,var(--left-wing-second-y)) * 1%),calc(var(--third-x,var(--left-wing-third-x)) * 1%) calc(var(--third-y,var(--left-wing-third-y)) * 1%))}.sendmail-btn .left:after{--x:0;--z-index:1;--background:var(--left-body-background);--first-x:var(--left-body-first-x);--first-y:var(--left-body-first-y);--second-x:var(--left-body-second-x);--second-y:var(--left-body-second-y);--third-x:var(--left-body-third-x);--third-y:var(--left-body-third-y)}.sendmail-btn .right:before{--x:-.4%;--z-index:2;--background:var(--right-wing-background);--first-x:var(--right-wing-first-x);--first-y:var(--right-wing-first-y);--second-x:var(--right-wing-second-x);--second-y:var(--right-wing-second-y);--third-x:var(--right-wing-third-x);--third-y:var(--right-wing-third-y)}.sendmail-btn .right:after{--x:0;--z-index:1;--background:var(--right-body-background);--first-x:var(--right-body-first-x);--first-y:var(--right-body-first-y);--second-x:var(--right-body-second-x);--second-y:var(--right-body-second-y);--third-x:var(--right-body-third-x);--third-y:var(--right-body-third-y)}.sendmail-btn span{display:block;position:relative;z-index:4;opacity:var(--text-opacity)}.sendmail-btn span.success{z-index:0;position:absolute;left:0;right:0;top:8px;transform:rotate(calc(var(--rotate) * -1deg)) scale(var(--success-scale)) translateZ(0);opacity:var(--success-opacity);color:var(--success)}@media screen and (max-width:540px){.sendmail-input{width:100%}.sendmail-input textarea:nth-child(1){height:150px}}.pager{display:none;position:absolute;top:0;bottom:0;right:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}.pager-box{position:relative;margin-top:-15vh}.pager-pointer{width:35px;height:35px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:10}.pager-pointer:before{width:8px;height:8px;-webkit-box-sizing:border-box;box-sizing:border-box;content:'';display:block;border-radius:50%;border:2px solid #777;background-color:#777}.pager-pointer{-webkit-transform:scale(0);transform:scale(0)}.active .pager-pointer{pointer-events:auto;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:1.5s;transition-delay:1.5s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-timing-function:cubic-bezier(.075,.82,.165,1)}.active .pager-pointer:before{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:width,height,background-color;transition-property:width,height,background-color}.active .pager-pointer.now:before,.active .pager-pointer.show:before{width:12px;height:12px;border:2px solid #fff;background-color:#fff}@media screen and (min-width:768px){.pager{display:-webkit-box;display:-ms-flexbox;display:flex}}.popup{z-index:998;position:fixed;top:50%;left:50%;height:auto;width:90%;min-width:320px;visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.popup.show{visibility:visible}.active .popup-box{display:block}.popup-box{display:none;position:relative;margin:0 auto;padding:35px 25px;border-radius:10px;background:#1e1e1e;color:#f0f0f0;opacity:0;-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.popup.show>.popup-box{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.popup-title{font-size:22px;letter-spacing:2px;margin-bottom:35px}.popup-container{position:relative;height:auto;max-height:450px}.popup-close{z-index:1;position:absolute;top:15px;right:15px;width:40px;height:40px;cursor:pointer}.popup-close-icon{position:absolute;width:20px;height:20px;top:10px;right:10px}.popup-close-icon::before,.popup-close-icon::after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background-color:#fff;-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.popup-close-icon::before{transform:rotate(45deg)}.popup-close-icon::after{transform:rotate(-45deg)}.popup-overlay{z-index:997;position:fixed;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.7);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.popup.show~.popup-overlay{opacity:1;visibility:visible}@media screen and (min-width:768px){.popup{width:600px}.popup-box{padding:30px 50px}.popup-title{font-size:24px;margin-bottom:30px}}@media(hover:hover) and (pointer:fine){.popup-close:hover>.popup-close-icon::before,.popup-close:hover>.popup-close-icon::after{background:#027dff}}@-webkit-keyframes tipsFadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:none;transform:none}}@keyframes tipsFadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes tipsFadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes tipsFadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.tips-box{z-index:999;position:fixed;font-size:13px;width:270px;top:30px;left:50%;padding:8px 20px;line-height:20px;text-align:center;border-radius:100px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);background:#fff;color:#777}.tips-box h3{display:block;font-size:13px;font-weight:700;margin:0;color:#1e1e1e}.tips-box.show{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both -webkit-animation-name:tipsFadeInDown;animation-name:tipsFadeInDown}.tips-box.hide{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both -webkit-animation-name:tipsFadeOutUp;animation-name:tipsFadeOutUp}.copyright{z-index:995;position:fixed;width:100%;bottom:0;padding:5px 0;font-size:13px;line-height:18px;text-align:center;white-space:nowrap;color:rgba(255,255,255,.5)}.copyright span{margin:0 5px}.copyright a{color:rgba(255,255,255,.5)}.copyright a:hover{text-decoration:underline;color:rgba(255,255,255,.7)}.scroll-arrow{position:fixed;bottom:10%;left:50%;transform:translateX(-50%);width:35px;height:35px;color:rgba(255,255,255,.4);cursor:pointer;z-index:100;animation:arrowBounce 2s infinite;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;opacity:0}.scroll-arrow svg{width:100%;height:100%}.scroll-arrow.hide{opacity:0}.scroll-arrow.show{opacity:1}@-webkit-keyframes arrowBounce{0%,20%,50%,80%,100%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}40%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}@keyframes arrowBounce{0%,20%,50%,80%,100%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}40%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}60%{-webkit-transform:translateX(-50%) translateY(-5px);transform:translateX(-50%) translateY(-5px)}}.captcha-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:1000;display:none;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all 0.3s ease}.captcha-overlay.show{opacity:1;visibility:visible;display:flex}.captcha-box{background:#1e1e1e;border-radius:10px;padding:20px;width:90%;max-width:320px;box-shadow:0 10px 30px rgba(0,0,0,0.3);transform:translateY(-20px);transition:all 0.3s ease}.captcha-overlay.show .captcha-box{transform:translateY(0)}.captcha-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.1)}.captcha-header span{font-size:16px;font-weight:700;color:#fff;letter-spacing:1px}.captcha-close{background:none;border:none;font-size:24px;color:rgba(255,255,255,0.5);cursor:pointer;width:26px;height:26px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease}.captcha-close:hover{background-color:rgba(255,255,255,0.1);color:#027dff}.captcha-content{text-align:center}.captcha-question{font-size:14px;color:rgba(255,255,255,0.8);margin-bottom:15px;line-height:1.5}.captcha-verify-area{display:flex;flex-direction:column;align-items:center;gap:12px}.captcha-images{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%}.captcha-image-item{width:100%;aspect-ratio:1;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;transition:all 0.2s ease;user-select:none}.captcha-image-item:hover{background:rgba(255,255,255,0.2);border-color:#027dff;transform:scale(1.05)}.captcha-image-item.selected{background:rgba(2,125,255,0.3);border-color:#027dff;box-shadow:0 0 10px rgba(2,125,255,0.5)}.captcha-image-item.correct{background:rgba(76,175,80,0.3);border-color:#4CAF50}.captcha-image-item.incorrect{background:rgba(244,67,54,0.3);border-color:#F44336}.captcha-refresh{display:flex;align-items:center;gap:5px;padding:6px 14px;background:rgba(255,255,255,0.1);border:none;border-radius:6px;color:rgba(255,255,255,0.8);font-size:13px;cursor:pointer;transition:all 0.2s ease}.captcha-refresh:hover{background:rgba(2,125,255,0.2);color:#027dff}.captcha-refresh svg{width:14px;height:14px}.captcha-message{margin-top:12px;font-size:13px;min-height:20px}.captcha-message.success{color:#4CAF50}.captcha-message.error{color:#F44336}@media screen and (min-width:768px){.captcha-box{padding:25px 30px}.captcha-header span{font-size:17px}.captcha-question{font-size:15px}.captcha-images{grid-template-columns:repeat(2,1fr);gap:10px}.captcha-image-item{font-size:32px}}