*{margin:0;padding:0;box-sizing:border-box}a{color:#000}section1{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to bottom,#f1f4f9,#dff1ff)}section1 .color{position:absolute;filter:blur(200px)}section1 .color:nth-child(1){top:-350px;width:600px;height:600px;background:#ff359b}section1 .color:nth-child(2){bottom:-150px;left:100px;width:500px;height:500px;background:#fffd87}section1 .color:nth-child(3){bottom:50px;right:100px;width:500px;height:500px;background:#00d2ff}.box1{position:relative}.box1 .circle{position:absolute;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);box-shadow:0 25px 45px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);border-radius:50%;filter:hue-rotate(calc(var(--x) * 70deg));animation:animate 10s linear infinite;animation-delay:calc(var(--x) * -1s)}@keyframes animate{0%,100%{transform:translateY(-50px)}50%{transform:translateY(50px)}}.box1 .circle:nth-child(1){top:-50px;right:-60px;width:100px;height:100px}.box1 .circle:nth-child(2){top:150px;left:-100px;width:120px;height:120px;z-index:2}.box1 .circle:nth-child(3){bottom:50px;right:-60px;width:80px;height:80px;z-index:2}.box1 .circle:nth-child(4){bottom:-80px;left:100px;width:60px;height:60px}.box1 .circle:nth-child(5){top:-80px;left:140px;width:60px;height:60px}.container1{position:relative;width:530px;min-height:350px;background:rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);box-shadow:0 25px 45px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.form1{position:relative;width:100%;height:100%;padding:50px}.form1 h2{position:relative;color:#fff;font-size:36px;font-weight:800;letter-spacing:8px;margin-bottom:30px;background:linear-gradient(to right,red,blue);-webkit-background-clip:text;color:transparent}.textshow{text-shadow:0 0 2px #5e3b34;font-size:15px;color:#000}.notice{font-size:16px;color:#fff;text-shadow:0 0 5px #ff0200,0 0 10px #727272;text-align:center;margin:30rpx auto;animation:fadenum 6s infinite}