*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif;border:none;outline:none;background:none;text-decoration:none;list-style:none;scroll-behavior:smooth}:root{--pri: #f7a81b;--sec: #17458f;--pri-rgb: #55a960;--sec-rgb: #022c46}p{font-size:.9rem;line-height:170%;font-family:Microsoft YaHei,sans-serif}body{-webkit-font-smoothing:antialiased;background-image:url(/assets/src-bg-iqrDJ708.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;height:100dvh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:0 1.5rem}body:after{content:"";position:fixed;left:0;top:0;bottom:0;right:0;z-index:1;background-color:#0009;pointer-events:none}.inner-content{position:fixed;top:0;left:0;height:100%;width:100%;z-index:2;display:flex;justify-content:center;align-items:center;padding:0 1rem}.content{position:relative;min-height:600px;max-width:1100px;width:100%;border-radius:10px;background-color:#ffffffd9;text-align:center;z-index:2;overflow:hidden;padding:5rem 1rem 1rem;transition:.3s cubic-bezier(.46,.23,.48,1.55)}.content.quiz-stage{padding-left:10.2rem}.panel{display:none}.visible{display:block}#intro{max-width:1000px;margin:0 auto;padding:1rem}#intro h1{font-size:3rem;margin-bottom:2rem}#intro h2{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:1rem;line-height:1.4}#intro p{margin-bottom:1rem;font-size:1.2rem;line-height:170%}#intro p strong,#countdown strong{color:#de061d;font-weight:700}.content .custom-button{padding:.6rem 1.5rem;background-color:#000;color:#fff;font-size:1rem;border-radius:3rem;font-family:Microsoft YaHei,sans-serif;letter-spacing:2px;text-transform:uppercase;font-weight:600;cursor:pointer;margin-top:1rem;display:inline-block}.content .custom-button:hover{background-color:#000c}#loadingScreen{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}#loadingScreen h2{font-size:2.2rem;margin-bottom:4rem;max-width:700px}#loadingScreen .progress-bar-area{height:1rem;width:20rem;background-color:#d9d9d9;margin-top:0;position:relative;border-radius:2rem;overflow:hidden}#loadingScreen .progress-bar-area #progress-bar{position:absolute;top:0;left:0;height:100%;width:0;min-width:0;background-color:#de061d;border-radius:2rem;transition:.3s cubic-bezier(.46,.23,.48,1.55)}#loadingScreen ul{margin-top:4rem}#loadingScreen ul li{font-size:1.35rem;margin-bottom:1rem}.content .step h2{font-size:2.2rem;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.content .step-title{position:absolute;top:50%;left:.4rem;transform:translateY(-50%);transition:.3s cubic-bezier(.46,.23,.48,1.55);z-index:4}.content .step-title li{height:5.65rem;min-width:7.3rem;background-color:#fff;border-radius:0 10rem 10rem 0;margin-bottom:.95rem;padding:.75rem .55rem .5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;transition:.3s cubic-bezier(.46,.23,.48,1.55)}.content .step-title li:after{content:"";position:absolute;top:50%;right:2px;transform:translateY(-50%);background-color:#f57381;height:5.4rem;width:5.4rem;border-radius:50%;z-index:-1}.content .step-title li.active:after{right:-.4rem}.content .step-title li h4{font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.2rem;white-space:nowrap}.content .step-title li:nth-last-child(1){display:none}.content .step-title .icon,.content .step-title .selectedImage{width:1.85rem;height:1.85rem;object-fit:contain;border-radius:0;transition:.3s cubic-bezier(.46,.23,.48,1.55)}.content .step-title .selectedImage{display:none}.content .step-title li.valueAdded{flex-direction:row;justify-content:space-between;gap:.5rem;min-width:9rem;padding:0 .5rem}.content .step-title li.valueAdded .icon{height:0;width:0;opacity:0;overflow:hidden}.content .step-title li.valueAdded .selectedImage{display:block;height:4.6rem;width:4.6rem}.content .step{display:none;justify-content:center;align-items:center;flex-direction:column}.content .step.visible{display:flex}.content .step .option-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}.content .step .option-list button{cursor:pointer;width:210px}.content .step .option-list button:hover .image:after{transform:translate(-50%,-50%) scale(1.18)}.content .step .option-list button .image{position:relative;height:13rem;width:100%;margin-bottom:1rem}.content .step .option-list button .image:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:90%;width:90%;border-radius:20px;background-color:#de061d;transition:.3s cubic-bezier(.46,.23,.48,1.55);z-index:1}.content .step .option-list button img{position:relative;z-index:2;height:100%;width:100%;object-fit:cover;border-radius:20px}.content .step .option-list button .name{font-size:1.4rem;text-transform:uppercase;color:#000}.content .step.profile h2{font-size:1.8rem;line-height:1.25;max-width:900px;margin-top:.6rem;margin-bottom:1.25rem}.content .step.profile .option-list{width:min(980px,96%);justify-content:space-between;align-items:flex-start;margin-top:.5rem;gap:1rem;padding-left:4.6rem;padding-right:1.2rem}.content .step.profile .option-list button{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:22%;min-width:150px}.content .step.profile .option-list button .image{height:6.7rem;width:6.7rem;border-radius:50%;margin-bottom:1rem}.content .step.profile .option-list button .image:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;background-color:#0000001a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;z-index:5}.content .step.profile .option-list button .image:after{border-radius:50%;background-color:#f57381;height:100%;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.content .step.profile .option-list button:hover .image:after{top:53%;transform:translate(-50%,-50%) scale(1.17)}.content .step.profile .option-list button img{border-radius:50%}.content .step.profile .option-list button .name{max-width:7.8rem;text-transform:none;font-size:1.15rem;font-weight:700;text-align:center;line-height:1.25;word-break:break-word}#thankYouPage{max-width:700px;text-align:left;margin:0 auto;padding:0 .75rem .5rem}#thankYouPage h2{font-size:2.5rem;margin-bottom:1.2rem;text-align:center}#thankYouPage h3{font-size:1.5rem;margin-bottom:.85rem;line-height:1.35}#thankYouPage p{font-size:1.2rem;margin-bottom:1rem;line-height:1.45}#thankYouPage ul{padding-left:1rem}#thankYouPage ul li{list-style:decimal;font-size:1.15rem;margin-bottom:1rem;font-weight:600;font-family:Microsoft YaHei,sans-serif}#thankYouPage h4{font-size:1.3rem;font-family:Microsoft YaHei,sans-serif;margin-bottom:2rem}.image-buttons-container{display:flex;justify-content:center;margin-top:8px;margin-bottom:14px;gap:60px}.app-download-trigger{cursor:pointer}.image-buttons-container img{width:auto;max-width:90px;height:auto;max-height:100px;object-fit:contain;-webkit-animation:pulse 1s infinite linear;animation:pulse 1s infinite linear}@media only screen and (max-width:1024px){.content .step.profile .option-list{width:min(860px,95%);gap:.75rem;padding-left:3.2rem;padding-right:.5rem}.content .step.profile .option-list button{min-width:130px}.content .step.profile .option-list button .image{height:6rem;width:6rem}}@-webkit-keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(1)}to{transform:scale(1.1)}}@media only screen and (max-width:1200px){.content.quiz-stage{padding-left:8.4rem}.content .step-title li{min-width:6.5rem;height:5rem}.content .step-title li h4{font-size:1.45rem}}@media only screen and (max-width:768px){body{align-items:flex-start;padding:.75rem;overflow-y:auto}.inner-content{align-items:flex-start;position:relative;min-height:100dvh;padding-top:0}.content{min-height:640px;padding:5.2rem .75rem 1rem}.content.quiz-stage{padding-left:.75rem}.content .step-title{top:.65rem;left:50%;right:auto;transform:translate(-50%);display:flex;width:100%;justify-content:center;gap:.35rem}.content .step-title li{width:4.15rem;min-width:4.15rem;height:4.15rem;border-radius:50%;margin-bottom:0;padding:.2rem;align-items:center}.content .step-title li:after{left:50%;top:50%;right:auto;transform:translate(-50%,-50%);width:92%;height:92%}.content .step-title li.active:after{right:auto;width:108%;height:108%}.content .step-title li h4{font-size:.76rem;margin-bottom:.1rem;font-weight:700;letter-spacing:0}.content .step-title li .icon,.content .step-title li .selectedImage{height:1.35rem;width:1.35rem}.content #intro{padding:1rem}.content #intro h1{font-size:2rem;margin-bottom:1rem}.content #intro h2{font-size:1.05rem}.content #intro p{font-size:1rem}.content #loadingScreen{padding:1rem}.content #loadingScreen h2{font-size:1.8rem}.content #loadingScreen .progress-bar-area{width:17rem}.content #loadingScreen ul li{font-size:1.1rem}.content .step h2,.content .step.profile h2{font-size:1.2rem}.content .step .option-list{gap:1rem;margin-top:.45rem}.content .step .option-list button{width:44%}.content .step .option-list button .name{font-size:1.2rem}.content .step .option-list button .image{height:9.8rem}.content .step.profile .option-list{gap:1rem;margin-top:.45rem;padding-left:0;padding-right:0;justify-content:center}.content .step.profile .option-list button{width:44%;min-width:0}.content .step.profile .option-list button .image{height:5.7rem;width:5.7rem}.content .step.profile .option-list button .name{font-size:1rem}.content #thankYouPage h2{font-size:1.9rem;margin-bottom:1rem}.content #thankYouPage p{font-size:.9rem}.content #thankYouPage h3{font-size:1.1rem}.content #thankYouPage h4{font-size:1rem}.content #thankYouPage ul li{font-size:.8rem}.content .custom-button{font-size:.9rem}}@media only screen and (max-width:420px){.content .step-title li{width:3.7rem;min-width:3.7rem;height:3.7rem}.content .step-title li h4{font-size:.66rem}.content .step .option-list button,.content .step.profile .option-list button{width:47%}}