* {margin: 0;padding: 0;box-sizing: border-box;}a {text-decoration: none;color: currentColor;}html {font-size: 10px;}body {font-family: Microsoft YaHei;min-height: 100vh;background: linear-gradient(0deg, #92D7FF 0%, #6D90F8 100%);}h1,h2,h3{font-family: Microsoft YaHei;}main {height: calc(100% - 12.8rem);}.container {width: 75rem;max-width: 100%;margin: 0 auto;height: 100%;padding: 0 4rem;}.mainBg {background-image: url(../assets/mainBg.webp);background-repeat: repeat;background-position: center;background-size: 16.3rem;padding: 5.9rem 4rem;min-height: calc(100vh - 12.8rem);height: 100%;position: relative;}.homeTitle {height: 0;overflow: hidden;}.homeLogo {display: block;margin: 0 auto;width: 56.6rem;max-width: 100%;height: 19.5rem;margin-bottom: 7.1rem;}.homeBtns {display: flex;flex-wrap:wrap;gap: 2.2rem;}.homeBtns a {background-image: url(../assets/linkBg2.webp);width:calc(50% - 1.1rem);background-repeat: no-repeat;background-size: 100% 100%;flex-direction: column;gap: 1.6rem;padding: 4.8rem 0;}.newBtn{background-image: url(../assets/newBg.webp) !important;}.homeBtn {display: flex;align-items: center;}.homeBtn h3 {font-size: 3.4rem;color: #000;}.homeBtn img {width: 9.4rem;}header {height: 12.8rem;position: sticky;top: 0;z-index: 100;background: linear-gradient(0deg, #3764E2 0%, #537AED 100%);box-shadow: 0rem 1rem 1rem 0rem rgba(0, 0, 0, 0.3);}header .container {position: relative;padding: 0;}nav {display: flex;justify-content: space-between;align-items: center;height: 100%;padding: 0;width: 75rem;max-width: 100%;margin: 0 auto;height: 100%;padding: 0 4rem;position: relative;background: linear-gradient(0deg, #3764E2 0%, #537AED 100%);}.navLogo {display: flex;gap: 1.3rem;align-items: center;color: #fff;}.navLogo img {width: 8.8rem;height: 8.8rem;}.navLogo p {font-size: 4rem;text-shadow: 0rem 0.1rem 0.2rem rgba(0, 0, 0, 1);font-weight: bold;}.navLogo span {font-size: 3rem;text-shadow: 0rem 0.1rem 0.2rem rgba(0, 0, 0, 1);font-weight: bold;}.navBtns {display: flex;align-items: center;gap: 4rem;}.navBtns button {background-color: transparent;border: none;cursor: pointer;}.navMenu {position: absolute;top: 85%;right: 6.8rem;background-color: #fff;visibility: hidden;border-radius: 3rem;padding: 2rem 1rem;box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.2);transform: scale(0);transform-origin: top right;opacity: 0;transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;}.navMenu.active {visibility: visible;transform: scale(1);opacity: 1;}.navMenu li {display: flex;flex-direction: column;}.navMenu li a {font-size: 1.6rem;color: #000;padding: 1rem;transition: all 0.3s ease;}.navMenu li:last-child>a {border-bottom: none;}.navMenu li>a:hover {background-color: #ccc;color: #fff;}.navMenu li>span {font-size: 1.6rem;color: #000;padding: 1rem;}.navMenu li ul {display: flex;flex-direction: column;}.navMenu li ul a {padding-left: 2.5rem;}.main-mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 99;}@media screen and (max-width: 750px) {header {box-shadow: none;}nav {z-index: 100;box-shadow: 0rem 1rem 1rem 0rem rgba(0, 0, 0, 0.3);}.navMenu {right: -100%;width: 68%;height: 100%;position: fixed;border-radius: 0;top: 0;visibility: visible;opacity: 1;transform: none;padding: 14rem 1rem 0;transition: right 0.3s ease;overflow-y: auto;}.navMenu li a {font-size: 3rem;padding: 3rem 2rem;border-bottom: 0.1rem solid #E5E5E5;}.navMenu li>span {font-size: 3rem;padding: 3rem 2rem;border-bottom: 0.1rem solid #E5E5E5;}.navMenu li:last-child>a {border-bottom: 0.1rem solid #E5E5E5;}.navMenu li ul a {padding-left: 6rem;}.navMenu.active {right: 0;}}.freshBtn {width: 6rem;height: 6.2rem;background-image: url(../assets/freshBtn.webp);background-repeat: no-repeat;background-size: 100% 100%;}.socailBtn {width: 6rem;height: 6.2rem;background-image: url(../assets/share.webp);background-repeat: no-repeat;background-size: 100% 100%;}.menuBtn {width: 6.2rem;height: 5rem;background-repeat: no-repeat;background-size: contain;}.menuBtn.openMenu {background-image: url(../assets/menuBtn.webp);}.menuBtn.closeMenu {background-image: url(../assets/closeBtn.webp);}.title {font-size: 5.6rem;color: #fff;font-weight: bold;text-align: center;margin-bottom: 5.2rem;text-shadow: 0rem 0.1rem 0.2rem rgba(0, 0, 0, 1);}.h2Title{font-size: 4rem;color: #fff;font-weight: bold;text-align: center;margin: 4rem 0;text-shadow: 0rem 0.1rem 0.2rem rgba(0, 0, 0, 1);}.blogContent {color: #000F39;font-size: 3rem;line-height: 6rem;}.blogContent h2 {font-size: 4.8rem;line-height: 6rem;margin-bottom: 1rem;}.blogContent h2:not(:first-child) {margin-top: 2.4rem;}.blogContent h3 {font-size: 3.6rem;line-height: 6rem;}.blogContent ul {padding-left: 3rem;}.diceContent h2 {font-size: 4rem;line-height: 4.2rem;margin: 4.2rem 0;color: #000F39;text-align: center;}.diceCard {width: 100%;height: 16rem;display: flex;gap: 2.1rem;align-items: center;box-shadow: 0rem 1rem 0rem 0rem rgba(0, 0, 0, 0.17);background-color: #F5F2E1;border-radius: 3rem;padding: 0 2rem;border: 1rem solid #fff;margin-bottom: 3rem;}.diceCard.new {position: relative;}.diceCard.new::after {content: 'New';position: absolute;top: -3.5rem;left: -1rem;background-color: #FF4747;border-radius: 9rem 9rem 9rem 0rem;width: 9.3rem;height: 4.2rem;font-size: 2.2rem;color: #fff;font-weight: bold;border: 0.5rem solid #fff;text-align: center;line-height: 4.2rem;}.diceCard .diceImg {width: 9rem;height: 9.4rem;flex-shrink: 0;}.diceCard .diceMsg {flex: 1;}.diceCard .diceMsg h3 {font-size: 3rem;color: #000;margin-bottom: 1rem;}.diceCard .diceMsg span {color: #7F7C6C;font-size: 2.4rem;}.diceCard .diceBtn {width: 10rem;height: 10rem;background-repeat: no-repeat;background-size: 100% 100%;flex-shrink: 0;}.diceCard .diceBtn.active {background-image: url(../assets/goBtn.webp);}.diceCard .diceBtn.nope {background-image: url(../assets/noneBtn.webp);}.bannerImg {width: 100%;height: 44.5rem;margin-bottom: 6rem;}.activeBanner {width: 100%;height: 47.8rem;margin-bottom: 2rem;}.diceDetail {font-size: 3rem;line-height: 4.2rem;color: #000F39;}.diceDetail h1 {color: #000F39;font-size: 4.6rem;margin-bottom: 3rem;}.diceDetail h2 {color: #000F39;font-size: 3rem;}.activeDetail h2 {color: #000F39;font-size: 3rem;margin-bottom: 3rem;}.activeDetail h3 {color: #000F39;font-size: 3rem;}.collectBtn {width: 100%;height: 12rem;background-color: #888;border-radius: 3rem;border: 1rem solid #fff;display: block;margin: 5.8rem 0 3rem;font-size: 4.8rem;text-align: center;color: #fff;font-weight: bold;line-height: 10rem;font-family: Microsoft YaHei;position: relative;text-shadow: 0rem 0.3rem 0rem rgba(0, 0, 0, 0.3);}.collectBtn.active {background-color: #68CE15;}.collectBtn.loading {background-color: #68CE15;}.collectBtn::before {content: 'Collect';}.collectBtn.loading::before {content: '';background-image: url(../assets/loading.webp);background-repeat: no-repeat;background-size: 100% 100%;width: 5.1rem;height: 5.8rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: inline-block;will-change: transform;animation: rotate 5s linear infinite;}.activeBtn {width: 100%;height: 12rem;background-color: #68CE15;border-radius: 3rem;border: 1rem solid #fff;display: block;margin: 5.8rem 0 3rem;font-size: 4.8rem;text-align: center;color: #fff;font-weight: bold;line-height: 10rem;font-family: Microsoft YaHei;position: relative;text-shadow: 0rem 0.3rem 0rem rgba(0, 0, 0, 0.3);}.shareBtn {background-color: #3E90FF;width: 100%;height: 12rem;border-radius: 3rem;border: 1rem solid #fff;display: block;margin: 3rem 0;font-size: 4.8rem;text-align: center;color: #fff;font-weight: bold;line-height: 10rem;font-family: Microsoft YaHei;position: relative;text-shadow: 0rem 0.3rem 0rem rgba(0, 0, 0, 0.3);}@keyframes rotate {0% {transform: translate(-50%, -50%) rotate(0deg);}100% {transform: translate(-50%, -50%) rotate(360deg);}}.aboutCard {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 14.6rem;padding: 0 5.4rem;background-image: url(../assets/aboutCardBg.webp);background-repeat: no-repeat;background-size: 100% 100%;margin-bottom: 2.4rem;}.aboutCard h2 {color: #000000;font-size: 4rem;font-weight: bold;line-height: 14.6rem;text-align: start;margin: 0;}.aboutCard::after {content: '';display: block;width: 1.6rem;height: 2.3rem;background-image: url(../assets/open.webp);background-repeat: no-repeat;background-size: 100% 100%;flex-shrink: 0;}.faqCard {width: 100%;padding: 0 5.4rem;background-color: #D8E5F9;border: 1rem solid #fff;border-radius: 3rem;margin-bottom: 2.4rem;padding: 3rem;cursor: pointer;transition: padding 0.5s ease;overflow: hidden;}.faqCard h2 {font-size: 3.6rem;color: #000;margin: 0;display: flex;justify-content: space-between;align-items: center;text-align: start;gap: 1rem;}.faqCard h2::after {content: '';display: block;width: 1.6rem;height: 2.3rem;flex-shrink: 0;background-image: url(../assets/open.webp);transition: transform 0.3s ease;background-repeat: no-repeat;background-size: 100% 100%;}.faqCard.active h2::after {transform: rotate(90deg);}.faqCard p {font-size: 3rem;line-height: 4.2rem;color: #000;margin-top: 0;max-height: 0;overflow: hidden;opacity: 0;transition: max-height 0.5s ease, opacity 0.5s ease, margin-top 0.5s ease;}.faqCard.active p {max-height: 100rem;opacity: 1;margin-top: 2rem;}.contactForm textarea {background-image: url(../assets/contactForm.webp);background-repeat: no-repeat;background-size: 100% 100%;width: 100%;height: 50.6rem;padding: 6rem;border: none;outline: none;background-color: transparent;font-size: 3rem;font-family: Microsoft YaHei;}.contactForm button {background-color: #888;border-radius: 3rem;border: 1rem solid #fff;width: 40rem;height: 12rem;font-size: 5rem;text-align: center;color: #fff;font-weight: bold;display: block;text-shadow: 0rem 0.3rem 0rem rgba(0, 0, 0, 0.3);margin: 5.4rem auto;font-family: Microsoft YaHei;box-shadow: 0rem 0.3rem 0.3rem rgba(0, 0, 0, 0.3);}.contactForm button.active {background-color: #68CE15;color: #fff;}.feedbackTab p {font-size: 3rem;color: #000F39;text-align: center;line-height: 4.2rem;}.shareCard {cursor: pointer;}.nofound{text-align: center;font-size: 3rem;font-weight: bold;color: #fff;}.nofound img{width: 38rem;height: 38rem;margin-bottom: 8rem;}.nofound a{text-decoration: underline;}.copySuccess{position: fixed;top: 50%;left: 50%;background-color: #00000090;color: #fff;padding: 1rem;border-radius: 0.5rem;transform: translate(-50%,-50%);font-size: 2rem;font-weight: bold;text-align: center;}.locationBtn{cursor: pointer;}