.container[data-v-0ffdac66]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-0ffdac66]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-0ffdac66],.container .flex-row-wrap-center-center[data-v-0ffdac66]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-0ffdac66]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .content[data-v-0ffdac66]{width:100%;height:25%}.container .content .action[data-v-0ffdac66],.container .content[data-v-0ffdac66]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .content .action[data-v-0ffdac66]{width:60%;height:90%;font-size:1em;z-index:10;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);background:rgba(0,0,0,.5);padding:10px 20px;border-radius:10px;backdrop-filter:blur(5px)}.container .content .action .tip[data-v-0ffdac66]{color:gold;font-size:.9em}.container .test[data-v-0ffdac66]{width:100%;height:75%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .image[data-v-0ffdac66]{width:60%;height:80%;background:url(../img/your_name.9680fa8d.jpg) no-repeat;background-size:cover;background-position:50%;position:relative}.container .test .image .modal[data-v-0ffdac66]{width:100%;height:100%;position:absolute;right:0;transition:2s;border-left:2px solid #333;backdrop-filter:grayscale(1)}.container .test .image:hover .modal[data-v-0ffdac66]{width:0}.container[data-v-2ac53003]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-2ac53003],.container[data-v-2ac53003]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-2ac53003]{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .content[data-v-2ac53003]{width:100%;height:25%}.container .content .action[data-v-2ac53003],.container .content[data-v-2ac53003]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .content .action[data-v-2ac53003]{width:60%;height:90%;font-size:1em;z-index:10;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);background:rgba(0,0,0,.5);padding:10px 20px;border-radius:10px;backdrop-filter:blur(5px)}.container .test[data-v-2ac53003]{width:100%;height:65%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .text[data-v-2ac53003]{width:80%;height:90%;margin:30px auto;background:#abcde5;padding:30px}.container .test .mask-image[data-v-2ac53003]{-webkit-mask-image:linear-gradient(90deg,#000,#000 13%,transparent 0,transparent 82%,#000 0),url(https://gw.alipayobjects.com/zos/rmsportal/wZcnGqRDyhPOEYFcZDnb.svg);mask-image:linear-gradient(90deg,#000,#000 13%,transparent 0,transparent 82%,#000 0),url(https://gw.alipayobjects.com/zos/rmsportal/wZcnGqRDyhPOEYFcZDnb.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.container[data-v-3339bf60]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-3339bf60]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-3339bf60],.container .flex-row-wrap-center-center[data-v-3339bf60]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-3339bf60]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-3339bf60]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .card[data-v-3339bf60]{width:70%;height:80%;margin:0 auto;position:absolute;background:repeating-linear-gradient(-45deg,#e8544d,#e8544d 10px,#fff 0,#fff 20px,#75adf8 0,#75adf8 30px,#fff 0,#fff 40px) -20px -20px;padding:5px;transition:.5s}.container .test .card .text[data-v-3339bf60]{width:100%;height:100%;padding:10px;background:#fff}.container .test .card[data-v-3339bf60]:hover{box-shadow:0 3px 10px rgba(0,0,0,.5);background-position:0 0}.container[data-v-41a6773c]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-41a6773c]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-41a6773c],.container .flex-row-wrap-center-center[data-v-41a6773c]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-41a6773c]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-41a6773c]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo[data-v-41a6773c]{width:200px;height:200px;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.container[data-v-21663358]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-21663358]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-21663358],.container .flex-row-wrap-center-center[data-v-21663358]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-21663358]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .content[data-v-21663358]{width:100%;height:25%}.container .content .action[data-v-21663358],.container .content[data-v-21663358]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .content .action[data-v-21663358]{width:60%;height:90%;font-size:1em;z-index:10;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);background:rgba(0,0,0,.5);padding:10px 20px;border-radius:10px;backdrop-filter:blur(5px)}.container .content .action .button-list[data-v-21663358]{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}.container .test[data-v-21663358]{width:100%;height:75%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo[data-v-21663358]{width:100%;height:100%;background:url(../img/luopan.60f2e443.png) no-repeat;background-position:50%;background-size:auto 80%}.container .test .animate-rotate[data-v-21663358]{animation:rotate-21663358 5s cubic-bezier(.4,0,1,1) forwards}@keyframes rotate-21663358{to{transform:rotate(5turn)}}.container[data-v-308d8a5c]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-308d8a5c]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-308d8a5c],.container .flex-row-wrap-center-center[data-v-308d8a5c]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-308d8a5c]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-308d8a5c]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .olympic-rings[data-v-308d8a5c]{width:400px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;transform-style:preserve-3d}.container .test .olympic-rings .ring[data-v-308d8a5c]{width:100px;height:100px;border:10px solid #3884c2;border-radius:50%;margin:0 5px}.container .test .olympic-rings .ring[data-v-308d8a5c]:first-child{border-color:#2fa0ea}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(2){border-color:#101010;transform:translateZ(-1px) rotateX(2deg)}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(3){border-color:#d83a31;transform:translateZ(-5px) rotateX(10deg)}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(4){border-color:#f9d549;transform-origin:center 25%;transform:translateY(-50px) rotateX(1deg)}.container .test .olympic-rings .ring[data-v-308d8a5c]:nth-child(5){border-color:#55ac58;transform-origin:center 25%;transform:translateY(-50px) rotateX(3deg)}.container[data-v-1b7430e9]{position:relative;height:400px;background:linear-gradient(135deg,#667eea,#764ba2)}.container .flex-row-wrap-center-center[data-v-1b7430e9]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-1b7430e9],.container .flex-row-wrap-center-center[data-v-1b7430e9]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-1b7430e9]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-1b7430e9]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .test .text-area[data-v-1b7430e9],.container .test[data-v-1b7430e9]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .text-area[data-v-1b7430e9]{font-size:4.5em;font-weight:700;font-family:Roboto Mono;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test .text-area span[data-v-1b7430e9]{color:#faebd7;animation:shadowing-1b7430e9 1s ease-in-out infinite}@keyframes shadowing-1b7430e9{to{color:#ff0266;text-shadow:20px 0 50px #ff0266}}.container .test .text-area span[data-v-1b7430e9]:nth-child(n+1){animation-delay:0s}.container .test .text-area span[data-v-1b7430e9]:nth-child(n+2){animation-delay:.2s}.container .test .text-area span[data-v-1b7430e9]:nth-child(n+3){animation-delay:.6s}.container .test .text-area span[data-v-1b7430e9]:nth-child(n+4){animation-delay:.8s}.container .test .text-area span[data-v-1b7430e9]:nth-child(n+5){animation-delay:1s}.container .test .text-area span[data-v-1b7430e9]:nth-child(n+6){animation-delay:1.2s}.container .test .text-area span[data-v-1b7430e9]:nth-child(n+7){animation-delay:1.4s}.container .test .text-area span[data-v-1b7430e9]:nth-child(n+8){animation-delay:1.6s}.container[data-v-2b0808e2]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-2b0808e2]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-2b0808e2],.container .flex-row-wrap-center-center[data-v-2b0808e2]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-2b0808e2]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .content[data-v-2b0808e2]{height:25%}.container .content[data-v-2b0808e2],.container .test[data-v-2b0808e2]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test[data-v-2b0808e2]{height:75%}.container .test .text-container[data-v-2b0808e2]{width:400px;height:200px;padding:5px;background:rgba(130,128,128,.2);overflow:hidden}.container .test .text-container .more[data-v-2b0808e2]{float:right;line-height:1;margin-top:-5px}.container .test .text-container .content-text[data-v-2b0808e2]{width:400px;height:200px;padding:10px;line-height:25px;margin-top:-195px}.container .text-container[data-v-2b0808e2]:before{content:"";display:block;height:180px}.container[data-v-cb60f916]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-cb60f916]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-cb60f916],.container .flex-row-wrap-center-center[data-v-cb60f916]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-cb60f916]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-cb60f916]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .img-container[data-v-cb60f916]{width:300px;height:300px;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.container .test .img-container .img-item[data-v-cb60f916]{box-shadow:inset 0 0 0 1px #fff;transition:.5s;background-size:300px 300px;background-image:url(../img/your_name.9680fa8d.jpg);position:relative}.container .test .img-container .img-item[data-v-cb60f916]:nth-child(3n+1){left:-20px;background-position-x:0}.container .test .img-container .img-item[data-v-cb60f916]:nth-child(3n+2){left:0;background-position-x:-100px}.container .test .img-container .img-item[data-v-cb60f916]:nth-child(3n+3){left:20px;background-position-x:-200px}.container .test .img-container .img-item[data-v-cb60f916]{top:20px;background-position-y:-200px}.container .test .img-container .img-item[data-v-cb60f916]:nth-child(-n+6){top:0;background-position-y:-100px}.container .test .img-container .img-item[data-v-cb60f916]:nth-child(-n+3){top:-20px;background-position-y:0}.container .test .img-container:hover .img-item[data-v-cb60f916]{left:0;top:0;box-shadow:inset 0 0 0 0 #fff}.container[data-v-15106f42]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-15106f42]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-15106f42],.container .flex-row-wrap-center-center[data-v-15106f42]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-15106f42]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .content[data-v-15106f42]{width:100%;height:25%}.container .content .action[data-v-15106f42],.container .content[data-v-15106f42]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .content .action[data-v-15106f42]{width:60%;height:90%;font-size:1em;z-index:10;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);background:rgba(0,0,0,.5);padding:10px 20px;border-radius:10px;backdrop-filter:blur(5px)}.container .test[data-v-15106f42]{width:100%;height:75%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container[data-v-0778f954]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-0778f954]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-0778f954],.container .flex-row-wrap-center-center[data-v-0778f954]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-0778f954]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test .demo[data-v-0778f954],.container .test[data-v-0778f954]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo[data-v-0778f954]{position:relative}.container .test .demo .txt[data-v-0778f954]{width:100%;height:100%;position:absolute;color:#000;font-family:"\884C\6977-\7B80";font-size:7rem;font-weight:700;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;mix-blend-mode:screen}.container[data-v-efb12a28]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-efb12a28]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-efb12a28],.container .flex-row-wrap-center-center[data-v-efb12a28]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-efb12a28]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test .demo[data-v-efb12a28],.container .test[data-v-efb12a28]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo .avatar[data-v-efb12a28]{width:300px;height:300px;background:url(../img/your_name.9680fa8d.jpg);background-position:50%;background-size:cover;border-radius:50%;position:relative;cursor:pointer}.container .test .demo .avatar[data-v-efb12a28]:after,.container .test .demo .avatar[data-v-efb12a28]:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:50%}.container .test .demo .avatar[data-v-efb12a28]:before{background:rgba(0,0,0,.5)}.container .test .demo .avatar[data-v-efb12a28]:after{background:inherit;clip-path:circle(0 at 50% 50%);transition:.5s}.container .test .demo .avatar[data-v-efb12a28]:hover:after{background:inherit;clip-path:circle(50% at 50% 50%)}.container[data-v-e8ff8c62]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-e8ff8c62]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-e8ff8c62],.container .flex-row-wrap-center-center[data-v-e8ff8c62]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-e8ff8c62]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-e8ff8c62]{width:100%;height:100%}.container .test .card[data-v-e8ff8c62],.container .test[data-v-e8ff8c62]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .card[data-v-e8ff8c62]{width:300px;height:300px;perspective:500px}.container .test .card .face[data-v-e8ff8c62]{width:300px;height:300px;transition:.5s;backface-visibility:hidden}.container .test .card .back[data-v-e8ff8c62]{font-size:5em;position:absolute;transform:rotateY(180deg);backface-visibility:hidden;transition:.5s}.container .test .card:hover .face[data-v-e8ff8c62]{transform:rotateY(-180deg)}.container .test .card:hover .back[data-v-e8ff8c62]{transform:rotateY(0deg)}.container[data-v-4dd3be30]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-4dd3be30]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-4dd3be30],.container .flex-row-wrap-center-center[data-v-4dd3be30]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-4dd3be30]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-4dd3be30]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo[data-v-4dd3be30]{position:relative}.container .test .demo .button[data-v-4dd3be30],.container .test .demo[data-v-4dd3be30]{width:200px;height:100px;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo .button[data-v-4dd3be30]{background:#0c0b0b;color:#fff;font-size:1rem;border-radius:15px 0;transform:skew(-30deg)}.container .test .demo .button .text[data-v-4dd3be30]{transform:skew(30deg)}.container .test .demo .button[data-v-4dd3be30]:before{content:"";position:absolute;width:41px;height:40px;background:radial-gradient(circle at 0 0,transparent,transparent 40px,#0c0b0b 0);bottom:0;left:-40px}.container .test .demo .button[data-v-4dd3be30]:after{content:"";position:absolute;width:41px;height:40px;background:radial-gradient(circle at 100% 100%,transparent,transparent 40px,#0c0b0b 0);top:0;right:-40px}.container[data-v-7d1fd1d4]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-7d1fd1d4]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-7d1fd1d4],.container .flex-row-wrap-center-center[data-v-7d1fd1d4]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-7d1fd1d4]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test .demo[data-v-7d1fd1d4],.container .test[data-v-7d1fd1d4]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo[data-v-7d1fd1d4]{position:relative;background:#000}.container .test .demo h1[data-v-7d1fd1d4]{font-size:5em;color:#000;text-shadow:1px 0 #fff,1px 1px #fff,1px -1px #fff,0 1px #fff,0 -1px #fff,-1px 0 #fff,-1px 1px #fff,-1px -1px #fff}.container[data-v-ae1d29ae]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-ae1d29ae]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-ae1d29ae],.container .flex-row-wrap-center-center[data-v-ae1d29ae]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-ae1d29ae]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test .demo[data-v-ae1d29ae],.container .test[data-v-ae1d29ae]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo[data-v-ae1d29ae]{position:relative}.container .test .demo .form-item[data-v-ae1d29ae]{position:relative;width:40%;height:5%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #000}.container .test .demo .form-item #username[data-v-ae1d29ae]{width:100%;height:100%;border:none;outline:none;background:transparent}.container .test .demo .form-item label[data-v-ae1d29ae]{position:absolute;left:5px;font-size:22px;color:rgba(0,0,0,.2);padding:2px}.container .test .demo .form-item .bar[data-v-ae1d29ae]{position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translate(-50%,-50%);background:#5264ae;transition:.4s ease}.container .test .demo .form-item input:focus~.bar[data-v-ae1d29ae]{width:100%}.container .test .demo .form-item input:focus~label[data-v-ae1d29ae],.container .test .demo .form-item input:valid~label[data-v-ae1d29ae]{color:#5264ae;transform:translateY(-40px);font-size:18px}.container[data-v-08c87344]{position:relative;height:400px;background:linear-gradient(135deg,#667eea,#764ba2)}.container .flex-row-wrap-center-center[data-v-08c87344]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-08c87344],.container .flex-row-wrap-center-center[data-v-08c87344]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-08c87344]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test .demo[data-v-08c87344],.container .test[data-v-08c87344]{width:100%;height:100%}.container .test .demo .button[data-v-08c87344],.container .test .demo[data-v-08c87344],.container .test[data-v-08c87344]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative}.container .test .demo .button[data-v-08c87344]{width:200px;height:80px;color:#0c8fcf;border-radius:10px;font-size:2em;z-index:1;overflow:hidden}.container .test .demo .button[data-v-08c87344]:before{content:"";position:absolute;background:#f40;width:200%;height:200%;z-index:-2;left:50%;top:50%;transform-origin:0 0;animation:rotate-08c87344 3s linear infinite}.container .test .demo .button[data-v-08c87344]:after{content:"";position:absolute;background:#000;width:calc(100% - 4px);height:calc(100% - 4px);left:2px;top:2px;border-radius:10px;z-index:-1}@keyframes rotate-08c87344{to{transform:rotate(1turn)}}.container[data-v-40be1817]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-40be1817]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-40be1817],.container .flex-row-wrap-center-center[data-v-40be1817]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-40be1817]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test .demo[data-v-40be1817],.container .test[data-v-40be1817]{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .demo[data-v-40be1817]{position:relative}.container .test .demo .video[data-v-40be1817]{width:90%;margin:0 auto;aspect-ratio:1.77777778}.container[data-v-9b2c5894]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-9b2c5894]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-9b2c5894],.container .flex-row-wrap-center-center[data-v-9b2c5894]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-9b2c5894]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .content[data-v-9b2c5894]{width:100%;height:25%}.container .content .action[data-v-9b2c5894],.container .content[data-v-9b2c5894]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .content .action[data-v-9b2c5894]{width:60%;height:90%;font-size:1em;z-index:10;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);background:rgba(0,0,0,.5);padding:10px 20px;border-radius:10px;backdrop-filter:blur(5px)}.container .test[data-v-9b2c5894]{width:100%;height:75%;-ms-flex-flow:row wrap;flex-flow:row wrap}.container .test .circular-rotation-container[data-v-9b2c5894],.container .test[data-v-9b2c5894]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative}.container .test .circular-rotation-container[data-v-9b2c5894]{width:200px;height:200px;outline:1px solid #000;margin:0 auto;border-radius:50%;animation:rotate-9b2c5894 20s linear infinite}.container .test .circular-rotation-container .item[data-v-9b2c5894]{width:60px;height:60px;position:absolute}.container .test .circular-rotation-container .item img[data-v-9b2c5894]{width:100%;height:100%;border-radius:50%;animation:rotate-9b2c5894 20s linear infinite reverse}@keyframes rotate-9b2c5894{to{transform:rotate(1turn)}}.container[data-v-aa0929e6]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-aa0929e6]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-aa0929e6],.container .flex-row-wrap-center-center[data-v-aa0929e6]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-aa0929e6]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .content[data-v-aa0929e6]{width:100%;height:25%}.container .content .action[data-v-aa0929e6],.container .content[data-v-aa0929e6]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .content .action[data-v-aa0929e6]{width:60%;height:90%;font-size:1em;z-index:10;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);background:rgba(0,0,0,.5);padding:10px 20px;border-radius:10px;backdrop-filter:blur(5px)}.container .content .action .tip[data-v-aa0929e6]{color:gold;font-size:.9em}.container .test[data-v-aa0929e6]{width:100%;height:75%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative}.container .test .img-container[data-v-aa0929e6]{width:100%;height:80%;margin:0 auto;border:2px solid;position:relative;top:0;left:0;overflow:auto}.container .test .img-container img[data-v-aa0929e6]{position:absolute;transition:.3s}.container[data-v-085bd39d]{position:relative;height:400px}.container .flex-row-wrap-center-center[data-v-085bd39d]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-085bd39d],.container .flex-row-wrap-center-center[data-v-085bd39d]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-085bd39d]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .test[data-v-085bd39d]{width:100%;height:75%;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .test .video[data-v-085bd39d]{width:95%;aspect-ratio:1.77777778}.container[data-v-7e74cc47]{position:relative;height:100vh;overflow-y:hidden;margin:0;background:#fff}.container .flex-row-wrap-center-center[data-v-7e74cc47],.container[data-v-7e74cc47]{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-7e74cc47]{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .title[data-v-7e74cc47]{height:10%;font-size:2.5em;position:absolute;top:0;color:#000}.container .content[data-v-7e74cc47]{height:10%;font-size:1em;position:absolute;top:10%}.container .test[data-v-7e74cc47]{margin:30px auto;width:100%;height:80%;padding:30px;position:relative}.container .test .demo[data-v-7e74cc47]{width:100%;height:80%}.container[data-v-0822558f]{position:relative;margin:0}.container .flex-row-wrap-center-center[data-v-0822558f]{-ms-flex-flow:row wrap;flex-flow:row wrap}.container .flex-row-nowrap-center-center[data-v-0822558f],.container .flex-row-wrap-center-center[data-v-0822558f]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.container .flex-row-nowrap-center-center[data-v-0822558f]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container .card-list[data-v-0822558f]{width:88%}.container .card-list .ant-card[data-v-0822558f]{margin:10px}.container .card-list .ant-card[data-v-0822558f]:hover{box-shadow:0 0 2px 2px rgba(66,176,225,.58)}.container .anchor-info[data-v-0822558f]{width:10%;position:fixed;top:34px;right:5px}