.nav{background:linear-gradient(135deg,#667eea,#764ba2)!important;backdrop-filter:blur(20px);box-shadow:0 4px 20px rgba(102,126,234,.15),inset 0 1px 0 hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);position:sticky;top:0;z-index:50;transition:all .3s ease}.nav:hover{box-shadow:0 8px 30px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.15)}.first{color:#fff;line-height:1.2;font-weight:800;font-size:1.5rem;background:linear-gradient(135deg,#ff9a9e,#fecfef 30%,#fecfef 70%,#ff9a9e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .3s ease;cursor:pointer;position:relative}.first:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,154,158,.1) 0,transparent 70%);border-radius:8px;z-index:-1;opacity:0;transition:opacity .3s ease}.first:hover:before{opacity:1}.first:hover{transform:translateY(-1px);text-shadow:0 4px 8px rgba(0,0,0,.15)}.nav a{transition:all .3s ease;border-radius:8px;font-weight:500;position:relative;overflow:hidden}.nav a[aria-current=page]{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 15px rgba(16,185,129,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-1px)}.nav a:hover{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.nav a:not([aria-current=page]):not(:hover){color:hsla(0,0%,100%,.9)!important}.nav a:not([aria-current=page]):not(:hover),.nav button{background:hsla(0,0%,100%,.1)!important;backdrop-filter:blur(10px)}.nav button{border-radius:8px;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.2)}.nav button:hover{background:hsla(0,0%,100%,.2)!important;transform:translateY(-1px);box-shadow:0 4px 15px hsla(0,0%,100%,.1)}@media (max-width:768px){.first{font-size:1.25rem}.nav{padding:0 1rem}}@keyframes navGlow{0%,to{box-shadow:0 4px 20px rgba(102,126,234,.15),inset 0 1px 0 hsla(0,0%,100%,.1)}50%{box-shadow:0 6px 25px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.15)}}.nav{animation:navGlow 4s ease-in-out infinite}.main{display:flex;justify-content:space-between;max-width:1100px;width:95%;margin:6% auto;padding:0 1rem}.left{flex:1;margin:20px 0}.btn-block{display:flex;margin-top:50px}.main .btn-block .btn{background-color:#ea333d;width:240px;height:55px;border-radius:10px;text-align:center;line-height:55px;color:#fff;font-weight:700;margin:0 auto;-webkit-animation-name:xing;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:2s;cursor:pointer}.learn{border:1px solid #000;border-radius:10px;text-align:center;line-height:45px;margin:5px auto;font-size:20px}.learn,.learn a{width:210px;height:45px}.learn a{display:inline-block}.main .btn-block .btn a{display:inline-block;width:240px;height:55px}.main .btn-block .btn:hover{-webkit-animation-name:ab;transform:scale(1);transition:all .6s;width:240px;height:55px}.right{flex:1;margin-left:20px;width:100px;height:100px}.right .game-iframe{max-width:1000px;width:100%;height:600px}.order-tt{text-align:center;font-weight:600;font-size:35px}.game{margin:0 auto;max-width:1000px;width:95%;height:700px;border:1px solid #fff;border-radius:10px;box-shadow:0 0 5px 5px rgba(0,0,0,.2)}.game .game-iframe{max-width:1000px;width:100%;height:600px;margin-top:50px}.order{margin:4% auto 8%;max-width:1100px;width:95%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 1rem}.order .game2{margin-bottom:50px;width:240px;height:220px;border-radius:15px;box-shadow:0 0 5px 5px rgba(0,0,0,.2);transition:all .4s;position:relative}.order .game2:hover{transform:scale(1.1);transition:all .4s}.game2 img{height:130px}.order .game2 .game2-tt{margin:0 14px;font-size:15px;font-weight:600}.order .game2 .game2-txt{margin:0 5px 0 14px;font-size:18px;color:#6b6b6b;line-height:22px}.order .game2 .game2-btn{background-color:#ea333d;width:80px;height:30px;border-radius:20px;text-align:center;line-height:30px;color:#fff;font-weight:700;position:absolute;bottom:10px;left:50%;margin-left:-40px;cursor:pointer}.order .game2 .game2-btn:hover{background-color:#ed4851}.overview{margin:8% auto;max-width:1100px;width:95%;padding:0 1rem}.overview .img-content{display:flex}.overview img{border:1px solid #cacbca;margin:10px 20px 10px 0}.overview .tt{font-size:35px;line-height:70px;font-weight:700;color:#000}.overview{font-family:sans-serif;font-size:19px;color:gray}.overview b{color:#000}.span-font{color:#eb333d;cursor:pointer;text-decoration:underline}@keyframes big{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes xing{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(1)}75%{transform:scale(.8)}}.start{font-size:22px}@media (max-width:768px){.main{flex-direction:column;padding:0 15px;width:100%}.game{width:100%;height:auto;min-height:400px}.game .game-iframe,.right .game-iframe{width:100%;height:300px}.order,.overview{width:100%;padding:0 15px}.order{justify-content:center}.order .game2{width:calc(50% - 10px);margin:10px 5px}}@media (max-width:480px){.game .game-iframe,.right .game-iframe{height:250px}.main{padding:0 10px}.order .game2{width:100%;margin:10px 0}}