/* .u-dialog-section-5 .u-dialog-1 { width: 566px; min-height: 689px; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.4); height: auto; --radius: 34px; margin: 60px auto; transform: scale(0.6); 】 } .u-dialog-section-5 .u-container-layout-1 { padding: 26px 0; } .u-dialog-section-5 .u-text-1 { text-transform: uppercase; font-weight: 700; width: 411px; margin: 3px auto 0; } .u-dialog-section-5 .u-text-2 { font-size: 1.125rem; font-weight: 700; width: 428px; font-style: normal; margin: 18px auto 0; } .u-dialog-section-5 .u-image-1 { min-height: 250px; background-position: 50% 50%; width: 250px; height: auto; --radius: 15px; margin: 22px auto 0; } .u-dialog-section-5 .u-container-layout-2 { padding: 30px; } .u-dialog-section-5 .u-text-3 { font-size: 1.125rem; font-weight: 700; width: 428px; margin: 42px auto 0; } .u-dialog-section-5 .u-form-1 { height: 135px; width: 442px; margin: 42px auto 0; } .u-dialog-section-5 .u-input-1 { --radius: 50px; } .u-dialog-section-5 .u-btn-1 { background-image: none; text-transform: uppercase; font-weight: 700; letter-spacing: 8px; width: 100%; padding-left: 0; padding-right: 0; --radius: 47px; } .u-dialog-section-5 .u-icon-1 { width: 41px; height: 41px; left: auto; top: 0; position: absolute; background-image: none; right: -41px; --radius: 50px; padding: 14px; } @media (max-width: 1199px) { .u-dialog-section-5 .u-image-1 { height: auto; } .u-dialog-section-5 .u-btn-1 { border-style: none; } } @media (max-width: 767px) { .u-dialog-section-5 .u-dialog-1 { width: 540px; } .u-dialog-section-5 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-dialog-section-5 .u-text-3 { font-size: 1rem; } } @media (max-width: 575px) { .u-dialog-section-5 .u-dialog-1 { width: 340px; } .u-dialog-section-5 .u-container-layout-1 { padding-bottom: 25px; } .u-dialog-section-5 .u-text-1 { width: auto; margin-top: 288px; margin-left: 20px; margin-right: 20px; } .u-dialog-section-5 .u-text-2 { width: auto; margin-top: 20px; margin-left: 20px; margin-right: 20px; } .u-dialog-section-5 .u-image-1 { min-height: 170px; margin-top: 25px; } .u-dialog-section-5 .u-text-3 { margin-top: 34px; width: 340px; } .u-dialog-section-5 .u-form-1 { width: 315px; margin-top: 39px; } } .u-dialog-section-6 .u-dialog-1 { width: 566px; min-height: 379px; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.4); height: auto; --radius: 25px; margin: 60px auto; transform: scale(0.6); } .u-dialog-section-6 .u-container-layout-1 { padding: 0; } .u-dialog-section-6 .u-text-1 { font-weight: 700; width: 411px; text-transform: none; margin: 53px auto 0; } .u-dialog-section-6 .u-text-2 { font-size: 1.875rem; margin: 44px 460px 0 44px; } .u-dialog-section-6 .u-btn-1 { --radius: 50px; text-transform: uppercase; font-size: 1rem; letter-spacing: 2px; margin: -46px 63px 0 auto; padding: 9px 53px 11px 51px; } .u-dialog-section-6 .u-text-3 { font-size: 1.875rem; margin: 68px 460px 0 44px; } .u-dialog-section-6 .u-form-1 { height: 115px; margin: -82px 63px 0 158px; } .u-dialog-section-6 .u-input-1 { --radius: 50px; } .u-dialog-section-6 .u-btn-2 { background-image: none; border-style: none; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; width: 100%; padding-left: 0; padding-right: 0; --radius: 50px; } .u-dialog-section-6 .u-icon-2 { width: 41px; height: 41px; left: auto; top: 0; position: absolute; background-image: none; right: -41px; --radius: 50px; padding: 14px; } @media (max-width: 1199px) { .u-dialog-section-6 .u-text-2 { margin-right: 460px; margin-left: 44px; } .u-dialog-section-6 .u-btn-1 { margin-top: -46px; margin-right: 63px; } .u-dialog-section-6 .u-text-3 { margin-right: 460px; margin-left: 44px; } .u-dialog-section-6 .u-form-1 { width: 345px; margin-top: -82px; margin-right: 63px; margin-left: 158px; } } @media (max-width: 767px) { .u-dialog-section-6 .u-dialog-1 { width: 540px; } .u-dialog-section-6 .u-text-1 { margin-top: 36px; } .u-dialog-section-6 .u-text-2 { font-size: 1rem; margin-top: 61px; margin-right: 447px; margin-left: 31px; } .u-dialog-section-6 .u-btn-1 { margin-top: -46px; margin-right: 50px; } .u-dialog-section-6 .u-text-3 { font-size: 1rem; width: auto; margin-top: 86px; margin-right: 447px; margin-left: 31px; } .u-dialog-section-6 .u-form-1 { margin-top: -70px; margin-right: 50px; margin-left: 145px; } } @media (max-width: 575px) { .u-dialog-section-6 .u-dialog-1 { width: 340px; min-height: 596px; } .u-dialog-section-6 .u-text-1 { width: auto; margin-top: 57px; margin-left: 20px; margin-right: 20px; } .u-dialog-section-6 .u-text-2 { margin-top: 275px; margin-right: 278px; margin-left: 0; } .u-dialog-section-6 .u-btn-1 { margin-top: -255px; margin-right: auto; padding-right: 38px; padding-bottom: 10px; padding-left: 36px; } .u-dialog-section-6 .u-text-3 { margin-top: 466px; margin-right: 278px; margin-left: 0; } .u-dialog-section-6 .u-form-1 { width: 315px; margin-top: -456px; margin-left: auto; margin-right: auto; } } .u-dialog-section-7 { background-image: none; } .u-dialog-section-7 .u-dialog-1 { width: 566px; min-height: 651px; height: auto; --radius: 43px; background-image: none; margin: 60px auto; transform: scale(0.6); } .u-dialog-section-7 .u-container-layout-1 { padding: 0; } .u-dialog-section-7 .u-container-layout-2 { padding-right: 30px; padding-left: 30px; } .u-dialog-section-7 .u-text-1 { text-transform: uppercase; font-weight: 700; width: 411px; margin: 20px auto 0; } .u-dialog-section-7 .u-layout-wrap-1 { margin-top: 20px; margin-bottom: 0; } .u-dialog-section-7 .u-layout-cell-1 { min-height: 220px; } .u-dialog-section-7 .u-container-layout-3 { padding: 30px; } .u-dialog-section-7 .u-image-2 { width: 85px; height: 85px; margin: 0 auto; } .u-dialog-section-7 .u-text-2 { margin: 38px auto 0; } .u-dialog-section-7 .u-layout-cell-2 { min-height: 220px; } .u-dialog-section-7 .u-container-layout-4 { padding: 30px; } .u-dialog-section-7 .u-image-3 { width: 85px; height: 85px; margin: 0 auto; } .u-dialog-section-7 .u-text-3 { font-size: 0.875rem; margin: 30px auto 0; } .u-dialog-section-7 .u-layout-cell-3 { min-height: 220px; } .u-dialog-section-7 .u-container-layout-5 { padding: 30px; } .u-dialog-section-7 .u-image-4 { width: 85px; height: 85px; margin: 0 auto 0 22px; } .u-dialog-section-7 .u-text-4 { font-size: 0.875rem; margin: 30px auto 0; } .u-dialog-section-7 .u-list-1 { margin: 18px auto 0; } .u-dialog-section-7 .u-repeater-1 { grid-auto-columns: calc(50% - 5px); grid-template-columns: repeat(2, calc(50% - 5px)); min-height: 57px; grid-gap: 10px; } .u-dialog-section-7 .u-container-layout-6 { padding: 7px 10px; } .u-dialog-section-7 .u-btn-1 { --radius: 50px; background-image: none; margin: 0 auto; padding: 8px 28px 8px 27px; } .u-dialog-section-7 .u-container-layout-7 { padding: 7px 10px; } .u-dialog-section-7 .u-btn-2 { --radius: 50px; background-image: none; margin: 0 auto; padding: 8px 28px 8px 27px; } .u-dialog-section-7 .u-icon-3 { width: 41px; height: 41px; left: auto; top: 0; position: absolute; background-image: none; right: -41px; --radius: 50px; padding: 14px; } @media (max-width: 1199px) { .u-dialog-section-7 .u-image-1 { height: auto; } .u-dialog-section-7 .u-container-layout-2 { padding-top: 20px; padding-bottom: 5px; } .u-dialog-section-7 .u-layout-cell-1 { min-height: 211px; } .u-dialog-section-7 .u-container-layout-3 { padding-bottom: 29px; } .u-dialog-section-7 .u-image-2 { width: 85px; height: 85px; } .u-dialog-section-7 .u-layout-cell-2 { min-height: 211px; } .u-dialog-section-7 .u-container-layout-4 { padding-bottom: 23px; } .u-dialog-section-7 .u-image-3 { width: 85px; height: 85px; } .u-dialog-section-7 .u-text-3 { width: 96px; margin-top: 28px; } .u-dialog-section-7 .u-layout-cell-3 { min-height: 211px; } .u-dialog-section-7 .u-container-layout-5 { padding-bottom: 26px; } .u-dialog-section-7 .u-image-4 { width: 85px; height: 85px; margin-left: auto; } .u-dialog-section-7 .u-text-4 { width: auto; margin-top: 25px; } .u-dialog-section-7 .u-list-1 { margin-top: 38px; margin-right: initial; margin-left: initial; } } @media (max-width: 991px) { .u-dialog-section-7 .u-layout-cell-1 { min-height: 218px; } .u-dialog-section-7 .u-text-2 { width: auto; margin-top: 36px; } .u-dialog-section-7 .u-layout-cell-2 { min-height: 218px; } .u-dialog-section-7 .u-container-layout-4 { padding-left: 16px; padding-right: 16px; } .u-dialog-section-7 .u-text-3 { width: 96px; } .u-dialog-section-7 .u-layout-cell-3 { min-height: 218px; } .u-dialog-section-7 .u-text-4 { margin-top: 28px; } } @media (max-width: 767px) { .u-dialog-section-7 .u-dialog-1 { width: 540px; } .u-dialog-section-7 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-dialog-section-7 .u-layout-cell-1 { min-height: 100px; } .u-dialog-section-7 .u-container-layout-3 { padding-left: 10px; padding-right: 10px; } .u-dialog-section-7 .u-container-layout-4 { padding-left: 10px; padding-right: 10px; } .u-dialog-section-7 .u-text-3 { width: 96px; margin-top: 27px; } .u-dialog-section-7 .u-container-layout-5 { padding-left: 10px; padding-right: 10px; } .u-dialog-section-7 .u-repeater-1 { grid-auto-columns: calc(100% - 0px); grid-template-columns: 100%; } } @media (max-width: 575px) { .u-dialog-section-7 .u-dialog-1 { width: 340px; } .u-dialog-section-7 .u-container-layout-1 { padding-bottom: 25px; } .u-dialog-section-7 .u-text-1 { width: 340px; } .u-dialog-section-7 .u-layout-cell-2 { min-height: 217px; } .u-dialog-section-7 .u-text-3 { width: 96px; } .u-dialog-section-7 .u-repeater-1 { grid-auto-columns: 100%; } } .u-dialog-section-8 .u-dialog-1 { width: 566px; min-height: 651px; height: auto; --radius: 43px; margin: 60px auto; transform: scale(0.6); } .u-dialog-section-8 .u-container-layout-1 { padding: 0 0 40px; } .u-dialog-section-7 .u-image-1, .u-dialog-section-8 .u-image-1 { min-height: 162px; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("../images/512.png"); background-size: contain; height: auto; margin-top: 10px; margin-bottom: 0; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; } .u-dialog-section-8 .u-container-layout-2 { padding-right: 30px; padding-left: 30px; } .u-dialog-section-8 .u-text-1 { text-transform: uppercase; font-weight: 700; width: 411px; margin: 23px auto 0; } .u-dialog-section-8 .u-text-2 { width: 224px; margin: 55px auto 0; } .u-dialog-section-8 .u-btn-1 { --radius: 50px; background-image: none; margin: 71px auto 0; padding: 8px 28px 8px 27px; } .u-dialog-section-8 .u-icon-2 { width: 41px; height: 41px; left: auto; top: 0; position: absolute; background-image: none; right: -41px; --radius: 50px; padding: 14px; } @media (max-width: 1199px) { .u-dialog-section-8 .u-image-1 { --animation-custom_in-scale: 0.3; height: auto; } .u-dialog-section-8 .u-container-layout-2 { padding-top: 20px; padding-bottom: 5px; } } @media (max-width: 991px) { .u-dialog-section-8 .u-container-layout-1 { padding: 0 0 30px; } } @media (max-width: 767px) { .u-dialog-section-8 .u-dialog-1 { width: 540px; } .u-dialog-section-8 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-dialog-section-8 .u-dialog-1 { width: 340px; margin-top: 150px; } .u-dialog-section-8 .u-container-layout-1 { padding-bottom: 25px; } .u-dialog-section-8 .u-text-1 { width: 340px; } } .u-dialog-section-9 .u-dialog-1 { width: 566px; min-height: 391px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); height: auto; --radius: 42px; margin: 60px auto; transform: scale(0.6); } .u-dialog-section-9 .u-container-layout-1 { padding: 0; } .u-dialog-section-9 .u-text-1 { text-transform: uppercase; font-weight: 700; width: 411px; margin: 30px auto 0; } .u-dialog-section-9 .u-form-1 { height: 68px; width: 442px; margin: 24px auto 0; } .u-dialog-section-9 .u-input-1 { --radius: 50px; } .u-dialog-section-9 .u-btn-1 { background-image: none; border-style: none; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; padding-left: 20px; padding-right: 20px; --radius: 49px; } .u-dialog-section-9 .u-form-2 { height: 193px; width: 442px; margin: 0 auto; } .u-dialog-section-9 .u-form-group-3 { margin-left: 0; } .u-dialog-section-9 .u-input-2 { --radius: 50px; } .u-dialog-section-9 .u-input-3 { --radius: 50px; } .u-dialog-section-9 .u-btn-2 { background-image: none; border-style: none; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; --radius: 50px; width: 100%; padding: 9px 0 11px; } .u-dialog-section-9 .u-icon-1 { width: 41px; height: 41px; left: auto; top: 0; position: absolute; background-image: none; right: -41px; --radius: 47px; padding: 14px; } @media (max-width: 1199px) { .u-dialog-section-9 .u-btn-1 { width: 100%; } .u-dialog-section-9 .u-form-2 { margin-left: 62px; margin-right: 62px; } } @media (max-width: 767px) { .u-dialog-section-9 .u-dialog-1 { width: 540px; min-height: 423px; margin-top: 396px; } .u-dialog-section-9 .u-container-layout-1 { padding-bottom: 27px; } .u-dialog-section-9 .u-text-1 { margin-top: 0; } .u-dialog-section-9 .u-form-1 { height: 131px; margin-top: 4px; } .u-dialog-section-9 .u-form-2 { height: 131px; margin-left: auto; margin-right: auto; } } @media (max-width: 575px) { .u-dialog-section-9 .u-dialog-1 { width: 340px; } .u-dialog-section-9 .u-container-layout-1 { padding-bottom: 25px; } .u-dialog-section-9 .u-text-1 { width: auto; margin-top: 74px; margin-left: 20px; margin-right: 20px; } .u-dialog-section-9 .u-form-1 { width: 315px; margin-top: 66px; } .u-dialog-section-9 .u-form-2 { width: 340px; margin-top: 58px; margin-left: 0; margin-right: 0; } } #send-verification-button span { flex-shrink: 0; } #send-verification-button .u-icon svg { width: 1em; height: 1em; } */ .u-dialog-section-7 .u-image-1 { width: 833px; min-height: 491px; height: auto; background-image: url("images/web-23.png"); background-position: 50% 50%; margin: 60px auto; } .u-dialog-section-7 .u-container-layout-1 { padding: 0; } .u-dialog-section-7 .u-text-1 { font-weight: 700; text-transform: none; width: 411px; line-height: 1; font-size: 2.25rem; margin: 44px auto 0; } .u-dialog-section-7 .u-image-2 { width: 4px; height: 300px; margin: 20px auto 0 361px; } .u-dialog-section-7 .u-text-2 { font-size: 1rem; font-weight: 700; margin: -292px 149px 0 462px; } .u-dialog-section-7 .u-text-3 { font-size: 1rem; font-weight: 700; font-style: normal; margin: -25px 516px 0 102px; } .u-dialog-section-7 .u-image-3 { background-image: url("images/new1.jpg"); min-height: 206px; background-position: 50% 50%; width: 209px; height: auto; --radius: 15px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); margin: 29px auto 0 112px; } .u-dialog-section-7 .u-container-layout-2 { padding: 30px; } .u-dialog-section-7 .u-form-1 { height: 182px; margin: -228px 80px 0 393px; } .u-dialog-section-7 .u-input-1 { --radius: 50px; height: 60px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); } .u-dialog-section-7 .u-btn-1 { background-image: linear-gradient(#fcc75a, #ee6622); letter-spacing: 8px; --radius: 47px; width: 100%; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); text-transform: uppercase; font-weight: 800; padding: 17px 0; } .u-dialog-section-7 .u-form-2 { height: 102px; margin: -19px 80px 0 393px; } .u-dialog-section-7 .u-btn-2 { background-image: linear-gradient(#fcc75a, #ee6622); letter-spacing: 8px; --radius: 47px; width: 100%; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); text-transform: uppercase; font-weight: 800; padding: 17px 0; } .u-block-a57a-31 { height: 128px; margin: ; } .u-block-a57a-36 { --radius: 50px; } .u-dialog-section-7 .u-icon-1 { width: 79px; height: 79px; left: auto; top: 9px; position: absolute; right: 43px; padding: 0; } @media (max-width: 1199px) { .u-dialog-section-7 .u-image-1 { width: 833px; --radius: 34px; } .u-dialog-section-7 .u-text-1 { margin-top: 81px; } .u-dialog-section-7 .u-image-2 { width: 4px; margin-top: -621px; margin-left: 361px; } .u-dialog-section-7 .u-text-2 { width: 428px; margin-top: -329px; margin-right: 149px; margin-left: 461px; } .u-dialog-section-7 .u-text-3 { width: 428px; margin-top: 20px; margin-left: 102px; margin-right: 516px; } .u-dialog-section-7 .u-image-3 { margin-top: 305px; margin-left: 121px; height: auto; } .u-dialog-section-7 .u-form-1 { margin-top: -233px; margin-right: 89px; margin-left: 384px; } .u-dialog-section-7 .u-btn-1 { border-style: none; } .u-dialog-section-7 .u-form-2 { margin-top: -4px; margin-right: 89px; margin-left: 384px; } .u-block-a57a-31 { width: 128px; margin-top: -7px; } .u-dialog-section-7 .u-icon-1 { --radius: 50px; } } @media (max-width: 991px) { .u-dialog-section-7 .u-image-1 { width: 720px; } .u-dialog-section-7 .u-text-1 { margin-top: 79px; } .u-dialog-section-7 .u-image-2 { margin-top: -645px; } .u-dialog-section-7 .u-text-2 { margin-top: -335px; margin-right: 93px; margin-left: 405px; } .u-dialog-section-7 .u-text-3 { margin-left: 46px; margin-right: 460px; } .u-dialog-section-7 .u-image-3 { margin-top: 308px; margin-left: 87px; } .u-dialog-section-7 .u-form-1 { margin-top: -230px; margin-right: 87px; margin-left: 327px; } .u-dialog-section-7 .u-form-2 { margin-top: 10px; margin-right: 87px; margin-left: 327px; } .u-dialog-section-7 .u-icon-1 { top: 29px; right: 12px; } } @media (max-width: 767px) { .u-dialog-section-7 .u-image-1 { width: 540px; } .u-dialog-section-7 .u-text-1 { font-size: 1.5rem; margin-top: 110px; } .u-dialog-section-7 .u-image-2 { margin-top: -675px; } .u-dialog-section-7 .u-text-2 { margin-top: -366px; margin-right: 3px; margin-left: 315px; } .u-dialog-section-7 .u-text-3 { font-size: 1.125rem; margin-top: -25px; margin-left: 0; margin-right: 326px; } .u-dialog-section-7 .u-image-3 { min-height: 133px; width: 133px; margin-top: 381px; margin-left: 65px; } .u-dialog-section-7 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-dialog-section-7 .u-form-1 { height: 146px; margin-top: -178px; margin-right: 46px; margin-left: 217px; } .u-dialog-section-7 .u-form-2 { margin-top: -14px; margin-right: 46px; margin-left: 217px; } .u-dialog-section-7 .u-icon-1 { top: 71px; right: 0; } } @media (max-width: 575px) { .u-dialog-section-7 .u-image-1 { min-height: 582px; margin-top: 364px; margin-right: initial; margin-left: initial; width: auto; } .u-dialog-section-7 .u-container-layout-1 { padding-bottom: 25px; } .u-dialog-section-7 .u-text-1 { width: auto; margin-top: 126px; margin-right: 26px; margin-left: 14px; } .u-dialog-section-7 .u-image-2 { margin-top: -788px; margin-left: 336px; } .u-dialog-section-7 .u-text-2 { width: auto; margin-top: 196px; margin-left: 0; margin-right: 0; } .u-dialog-section-7 .u-text-3 { width: auto; margin-top: -580px; margin-left: 20px; margin-right: 20px; } .u-dialog-section-7 .u-image-3 { min-height: 171px; margin-top: 601px; margin-left: 44px; } .u-dialog-section-7 .u-form-1 { height: 172px; margin-top: -198px; margin-right: 26px; margin-left: 175px; } .u-dialog-section-7 .u-form-2 { height: 88px; margin-top: -22px; margin-right: 26px; margin-left: 175px; } .u-dialog-section-7 .u-btn-2 { padding: 10px 32px 10px 30px; } .u-block-a57a-31 { margin-right: 212px; } .u-dialog-section-7 .u-icon-1 { top: 133px; right: -6px; } } /* Toast 容器 */ #toast-container { position: fixed; top: 10%; left: 50%; transform: translate(-50%, -50%); z-index: 100010; /* 确保在最上层 */ display: flex; flex-direction: column; align-items: center; gap: 10px; pointer-events: none; /* 允许点击穿透 */ } /* 单个 Toast */ .toast { min-width: 250px; max-width: 350px; padding: 15px 20px; border-radius: 50px; color: #fff; font-family: Arial, sans-serif; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); opacity: 0.9; transition: opacity 0.5s ease, transform 0.5s ease; display: flex; align-items: center; justify-content: center; /* 居中文本 */ text-align: center; /* 居中文本 */ pointer-events: auto; /* 允许 Toast 接收事件 */ } /* 成功 Toast */ .toast.success { box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); background-image: linear-gradient(#00ff00, #009245); } /* 错误 Toast */ .toast.error { background-image: linear-gradient(#ff6474, #e01c4c); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); } /* 信息 Toast */ .toast.info { background-image: linear-gradient(#31cdee, #0962a4); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4); } /* 淡出效果 */ .toast.fade-out { opacity: 0; transform: translateY(-20px); transition: opacity 0.5s ease, transform 0.5s ease; }