body{background-image:linear-gradient(to top,#5ee7df,#b490ca);background-attachment:fixed;display:flex;justify-content:center;padding:20px}html,body{width:100%;height:100%;scrollbar-width:none}*{margin:0;padding:0;box-sizing:border-box;outline:none;list-style:none;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0}a{color:#525151;text-decoration:none}img{vertical-align:middle}:root{--cq_anniu1_width:120px;--cq_anniu1_height:40px;--cq_anniu1_color:#fff;--cq_anniu1_hover_color:#037a97;--cq_anniu1_border-radius:5px;--cq_anniu1_font-size:16px;--cq_anniu1_font-weight:500;--cq_anniu1_background:linear-gradient(0deg, #59c4cc 0%, #de8fe5 100%);--cq_anniu1_hover_background:#fff;--cq_anniu1_background_zuoshang:#31c5df;--cq_anniu1_background_youxia:#d257dd}.cq_anniu1{width:var(--cq_anniu1_width);height:var(--cq_anniu1_height);color:var(--cq_anniu1_color);border-radius:var(--cq_anniu1_border-radius);padding:10px 25px;font-family:Lato,sans-serif;font-weight:var(--cq_anniu1_font-weight);font-size:var(--cq_anniu1_font-size);background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px #ffffff80,7px 7px 20px #0000001a,4px 4px 5px #0000001a;outline:none}.cq_anniu1_1{background:var(--cq_anniu1_background);line-height:calc(var(--cq_anniu1_height) + 2px);padding:0;border:none}.cq_anniu1_1 span{position:relative;display:block;width:100%;height:100%}.cq_anniu1_1 span:before,.cq_anniu1_1 span:after{position:absolute;content:"";left:0;top:0;background:var(--cq_anniu1_background_zuoshang);transition:all .3s ease}.cq_anniu1_1 span:before{width:2px;height:0%}.cq_anniu1_1 span:after{height:2px;width:0%}.cq_anniu1_1 span:hover:before{height:100%}.cq_anniu1_1 span:hover:after{width:100%}.cq_anniu1_1:before,.cq_anniu1_1:after{position:absolute;content:"";right:0;bottom:0;background:var(--cq_anniu1_background_youxia);transition:all .3s ease}.cq_anniu1_1:before{height:0%;width:2px}.cq_anniu1_1:after{width:0%;height:2px}.cq_anniu1_1:hover{color:var(--cq_anniu1_hover_color);background:var(--cq_anniu1_hover_background)}.cq_anniu1_1:hover:before{height:100%}.cq_anniu1_1:hover:after{width:100%}.cq_anniu1:active,.cq_anniu1_1:active{transform:scale(.9)}.cq_anniu2{align-items:center;background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb);border:0;border-radius:8px;box-shadow:#9741fc33 0 15px 30px -5px;box-sizing:border-box;color:#fff;display:flex;font-family:Phantomsans,sans-serif;font-size:18px;justify-content:center;line-height:1em;max-width:100%;min-width:140px;padding:3px;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;cursor:pointer;transition:all .3s}.cq_anniu2:active,.cq_anniu2:hover{outline:0}.cq_anniu2 .cq_anniu2_1{background-color:#05062d;padding:16px 24px;border-radius:6px;width:100%;height:100%;transition:.3s}.cq_anniu2:hover .cq_anniu2_1{background:none}.cq_anniu2:active{transform:scale(.9)}:root{--cq_anniu3_height:2.8em;--cq_anniu3_color:#fff;--cq_anniu3_border-radius:.9em;--cq_anniu3_font-size:17px;--cq_anniu3_font-weight:500;--cq_anniu3_background:linear-gradient(0deg, #59c4cc 0%, #de8fe5 100%);--cq_anniu3_icon_background:#fff;--cq_anniu3_icon_box-shadow:.1em .1em .6em .2em #7b52b9;--cq_anniu3_svg_color:#7b52b9}.cq_anniu3{background:var(--cq_anniu3_background);color:var(--cq_anniu3_color);font-family:inherit;padding:.35em 3.3em .35em 1.2em;font-size:var(--cq_anniu3_font-size);font-weight:var(--cq_anniu3_font-weight);border-radius:var(--cq_anniu3_border-radius);border:none;letter-spacing:.05em;display:flex;align-items:center;box-shadow:inset 0 0 1.6em -.6em #714da6;overflow:hidden;position:relative;height:var(--cq_anniu3_height)}.cq_anniu3 .icon{background:var(--cq_anniu3_icon_background);margin-left:1em;position:absolute;display:flex;align-items:center;justify-content:center;height:2.2em;width:2.2em;border-radius:.7em;box-shadow:var(--cq_anniu3_icon_box-shadow);right:.3em;transition:all .3s}.cq_anniu3 .icon svg{width:1.1em;transition:transform .3s;color:var(--cq_anniu3_svg_color)}.cq_anniu3:hover .icon{width:calc(100% - .6em)}.cq_anniu3:hover .icon svg{transform:translate(.1em)}.cq_anniu3:active .icon{transform:scale(.95)}