@keyframes line-anm{to{stroke-dashoffset:0}}@keyframes rotate-plane{0%{transform:perspective(6vh) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(6vh) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(6vh) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes w_move{to{left:calc(100vw - 30vh)}}@keyframes h_move{to{top:calc(100vh - 15vh)}}@keyframes colorRotate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fade-in{0%,to{opacity:0}50%{opacity:1}}@keyframes self-rotate1{0%{transform:rotate3d(-1,1,1,45deg) translateX(-45px) translateY(-30px) rotate(0deg)}to{transform:rotate3d(-1,1,1,45deg) translateX(-45px) translateY(-30px) rotate(360deg)}}@keyframes self-rotate2{0%{transform:rotate3d(-1,1,1,45deg) translateX(-90px) translateY(-60px) rotate(0deg)}to{transform:rotate3d(-1,1,1,45deg) translateX(-90px) translateY(-60px) rotate(360deg)}}@keyframes self-rotate3{0%{transform:rotate3d(-1,1,1,45deg) translateX(-135px) translateY(-90px) rotate(0deg)}to{transform:rotate3d(-1,1,1,45deg) translateX(-135px) translateY(-90px) rotate(360deg)}}@keyframes self-rotate4{0%{transform:rotate3d(-1,1,1,45deg) translateX(-60px) translateY(-45px) rotate(0deg)}to{transform:rotate3d(-1,1,1,45deg) translateX(-60px) translateY(-45px) rotate(360deg)}}@font-face{font-family:"My-Facon";src:url(./static/font/Facon.ttf) format("truetype")}@font-face{font-family:"My-DPIS";src:url(./static/font/Digital-Play-Italic-St.ttf) format("truetype")}body{overflow:hidden;position:relative}.loading-layer,.loading-layer .loading-svg{display:flex;justify-content:center;align-items:center}.loading-layer,body{width:100vw;height:100vh}.loading-layer{position:absolute;background-color:#282c34;flex-direction:column;font-size:24px;z-index:99}.loading-layer .loading-svg{height:25vh;aspect-ratio:2/1;overflow:hidden}.loading-layer .loading-svg svg path{stroke:#d3d3d3;stroke-width:3;stroke-dasharray:2026;stroke-dashoffset:2026;animation:line-anm 3s ease forwards}.loading-layer .spinner{height:6vh;aspect-ratio:1/1;background-color:#cc4800;animation:rotate-plane 1.2s infinite ease-in-out}.banner-rebound{will-change:left,top;left:0;top:0;position:fixed;z-index:3;background-color:#0dcaf030;backdrop-filter:blur(1px);height:15vh;aspect-ratio:2/1;border-radius:.5vh;pointer-events:none;overflow:hidden;animation:w_move 16s linear infinite alternate,h_move 20s linear infinite alternate}@media screen and (max-width:768px){.banner-rebound{animation:w_move 8s linear infinite alternate,h_move 10s linear infinite alternate!important}}.banner-rebound .container-img,.surround-wrap{position:relative;width:100%;height:100%}.banner-rebound .container-img>img{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;object-fit:cover;transition:opacity .3s ease}.banner-rebound .container-img>img.active{opacity:1}.banner-rebound .fragment-img{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}.banner-rebound .fragment-img .fragment{position:absolute;transition:opacity 1s ease}.surround-wrap{overflow:hidden;position:absolute;z-index:-1}.surround-wrap>.border-layer{background-image:conic-gradient(from 45deg,#ffffd2 0deg 90deg,#fcbad3 90deg 180deg,#aa96da 180deg 270deg,#a8d8ea 270deg 360deg);position:absolute;width:300%;height:300%;left:-100%;top:-100%;animation:colorRotate 20s linear infinite}.dev-logo .img.web-cons-lt,.dev-logo .img.web-cons-rb{position:absolute;object-fit:cover;z-index:2}.dev-logo .img.web-cons-lt{height:150px;left:0;top:0}.dev-logo .img.web-cons-rb{height:125px;right:0;bottom:0}.root-container{position:absolute;background:url(./static/images/bg2.jpg),#e9ecff no-repeat center/100% 100%;border-radius:10px;overflow:auto;inset:20px 30px}.root-container .center-container .case-proj .case-proj-box::-webkit-scrollbar,.root-container::-webkit-scrollbar{display:none}.root-container .left-container{display:flex;flex-direction:column;justify-content:space-around}.root-container .left-container .logo-avatar .img-avatar{box-sizing:border-box;display:block;width:35%;aspect-ratio:1/1;border-radius:50%;border:.3rem transparent dashed;margin:30px auto 10px;transform-style:preserve-3d;transition:transform .6s linear}.root-container .left-container .logo-avatar:hover>.img-avatar{border:.3rem #dfb33a dashed;transform:rotateY(180deg)}.root-container .left-container .img-stats-card{display:block;max-width:280px;width:100%;margin:10px auto;object-fit:cover}.root-container .left-container .logo-badge{margin:20px 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:center}.root-container .left-container .logo-social{display:flex;margin:15px 0;justify-content:space-around;align-items:center;flex-wrap:wrap}.root-container .left-container .logo-social>img:hover{transform:scale(1.05);backface-visibility:hidden;transition:transform .3s ease}.root-container .left-container .other-features{display:flex;margin:20px 0;justify-content:space-around;text-align:center}.root-container .left-container .other-features .features{font-family:"Microsoft YaHei UI",serif;font-weight:700;font-size:1.1rem;border-radius:5px;width:fit-content;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 15px;box-sizing:border-box;text-decoration:none;background-color:#6de3dc80;backdrop-filter:blur(2px);color:#fff}.root-container .left-container .other-features .features:first-child{background-color:#df52d680}.root-container .left-container .other-features .features:last-child{background-color:#466db180}.root-container .center-container{margin:5px 0}.root-container .center-container .case-top{min-height:230px}.root-container .center-container .case-top .my-welcome{font-family:"My-Facon",serif;font-weight:700;font-size:4rem;margin-left:1rem;color:#fff}.root-container .center-container .case-top .my-typewriter{display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-weight:700;font-size:1.8rem;color:#fff}.root-container .center-container .case-top .my-typewriter .msg{letter-spacing:.2rem;word-wrap:break-word;max-width:70%}.root-container .center-container .case-top .my-typewriter .msg::after{content:"|";color:#fff;animation:fade-in 1s linear infinite}.root-container .center-container .case-top .my-card-variant{margin:5px;aspect-ratio:3/2;display:flex;flex-direction:column;justify-content:space-evenly;border-radius:15px;background:rgba(255,255,255,.3);backdrop-filter:blur(3px);transition:box-shadow .5s linear}.root-container .center-container .case-top .my-card-variant:hover{box-shadow:0 4px 10px rgba(0,0,0,.3)}.root-container .center-container .case-top .my-card-variant>.my-calendar{height:30%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.root-container .center-container .case-top .my-card-variant>.my-calendar span:first-child{font-family:"My-DPIS",sans-serif;color:#fff;font-size:1.25rem}.root-container .center-container .case-top .my-card-variant>.my-calendar span:last-child{font-size:.9rem;font-weight:700;color:#f7ffea}.root-container .center-container .case-top .my-card-variant>.my-svg-frame{height:65%;margin:0 auto}.root-container .center-container .case-title>span{margin-top:10px;padding-top:5px;padding-bottom:5px;font-size:1.5rem;font-weight:700;width:fit-content;border-radius:5px;background-color:#8bb52f40;color:#fff;backdrop-filter:blur(3px)}.root-container .center-container .case-proj{margin-top:5px;max-height:540px;position:relative}.root-container .center-container .case-proj .case-proj-bg{margin-top:.5rem;position:absolute;height:100%;z-index:0}.root-container .center-container .case-proj .case-proj-box{max-height:540px;overflow:scroll;z-index:1}.root-container .center-container .case-proj .case-proj-box>div>div:first-child{position:relative;aspect-ratio:2/1;width:100%;background-repeat:no-repeat;background-position:center 0;background-size:cover;border-radius:10px 10px 0 0;background-color:#1081c240;backdrop-filter:blur(3px)}.root-container .center-container .case-proj .case-proj-box>div>div:first-child h4{text-indent:.5rem;font-family:"华文琥珀",sans-serif;color:#fff;backdrop-filter:blur(3px);position:absolute;bottom:0;left:0;margin-bottom:0;padding:5px;width:100%}.root-container .center-container .case-proj .case-proj-box>div>div:nth-child(2){height:70px;display:flex;justify-content:space-around;flex-direction:column;position:relative;background-color:#bad0de80;backdrop-filter:blur(3px)}.root-container .center-container .case-proj .case-proj-box>div>div:nth-child(2)>span{text-indent:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:.8rem}.root-container .center-container .case-proj .case-proj-box>div>div:nth-child(2)>a{width:fit-content;padding:5px;background-color:#f871b550;border-radius:3px;margin-left:3px;text-decoration:none;color:#fff;font-family:"新宋体",sans-serif;font-weight:700}.root-container .center-container .case-proj .case-proj-box>div>div:nth-child(2)>a:hover{background-color:#9ec95680}.root-container .center-container .case-proj .case-proj-box>div>div:nth-child(2)>label{position:absolute;font-family:"新宋体",sans-serif;font-weight:700;right:0;bottom:0;padding:5px;margin-right:10px;text-align:center;font-size:1.2rem;color:#fff;cursor:pointer}.root-container .center-container .case-proj .case-proj-box>div>div:last-child{border-top:#f2f2f2 2px solid;display:none;background-color:#bad0de80;backdrop-filter:blur(3px);transition:height .5s ease;border-radius:0 0 10px 10px;font-size:.9rem;text-indent:.9rem;letter-spacing:2px;padding:1rem;color:#fff}.my-svg-frame svg{overflow:visible}.my-svg-frame svg:hover .svg-path0{transform-origin:center;transform:rotate3d(-1,1,1,45deg) translateX(-15px) translateY(-10px)}.my-svg-frame svg:hover .svg-path1{transform-origin:center;transform:rotate3d(-1,1,1,45deg) translateX(-45px) translateY(-30px);animation:self-rotate1 3s linear infinite reverse}.my-svg-frame svg:hover .svg-path2{transform-origin:center;transform:rotate3d(-1,1,1,45deg) translateX(-90px) translateY(-60px);animation:self-rotate2 4s linear infinite}.my-svg-frame svg:hover .svg-path3{transform-origin:center;transform:rotate3d(-1,1,1,45deg) translateX(-135px) translateY(-90px);animation:self-rotate3 3s linear infinite reverse}.my-svg-frame svg:hover .svg-path4{transform-origin:center;transform:rotate3d(-1,1,1,45deg) translateX(-60px) translateY(-45px);animation:self-rotate4 4s linear infinite}