#main,body,html{background:#00436a;color:#fff}.bg-area{background:#00436a;height:100%;overflow:hidden;-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.bg-area .bg-bottom{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:url(/img/Edm/ShareFriends/bg-bottom.jpg?v=20260818) top/100% 100%}#main{display:flow-root;padding-top:0.1px}#header{background:-webkit-gradient(linear,left top,right top,color-stop(0,#7c00ff),color-stop(#4022c0),to(#074384));background:linear-gradient(90deg,#7c00ff 0,#4022c0,#074384)}#footer{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),to(#012279));background:linear-gradient(transparent 0,#012279);margin-top:0.5em}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.row.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.row.left{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.row.right{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}#article{pointer-events:none}#article>*{pointer-events:auto}#article .head-title{width:20em;top:0;left:calc(50% - 10em);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:1.8em 0 0;pointer-events:none;position:relative}#article .head-title>*{pointer-events:auto}#article #game-logo{width:8.5em;right:1.5em;top:1.8em;z-index:1;position:absolute}#article .btn-go{font-size:inherit;width:9em;height:2.75em;margin:0.25em auto -0.25em;display:block;border:none;background:none;background-image:url(/img/Edm/ShareFriends/btn-go.png?v=20260818);background-size:100% auto;position:relative;z-index:1;-webkit-animation:btnPlay1 1.2s infinite step-end;animation:btnPlay1 1.2s infinite step-end;border:none;cursor:pointer}html[lang^=en] #article .btn-go{background-image:url(/img/Edm/ShareFriends/btn-go.en.png?v=20260818)}html[lang^=vi] #article .btn-go{background-image:url(/img/Edm/ShareFriends/btn-go.vi.png?v=20260818)}#article .btn-go:active,#article .btn-go:hover{-webkit-transition:-webkit-filter 0.1s;transition:-webkit-filter 0.1s;transition:filter 0.1s;transition:filter 0.1s,-webkit-filter 0.1s;-webkit-filter:brightness(1.1) drop-shadow(0 0 0.25em #ffffcc);filter:brightness(1.1) drop-shadow(0 0 0.25em #ffffcc)}#article #game-slogan{width:18.5em;left:0.25em;right:0;bottom:-0.2em;margin:auto;position:absolute}#article #game-role{width:19em;left:-1.5em;top:-1em;margin:auto;position:absolute}#article #game-role img{-webkit-animation:roleAni 6s infinite ease-in-out;animation:roleAni 6s infinite ease-in-out}.fade-down{-webkit-transform:scale(1.1) translate(0,-1em);transform:scale(1.1) translate(0,-1em)}.fade-down.faded{-webkit-transform:none;transform:none}.border{background:url(/img/Edm/ShareFriends/border.png?v=20260818) center/100% 100% no-repeat;padding:1.5em 0.425em 1.25em}.border2{position:relative;display:table;z-index:0;font-weight:700;max-width:90%;-webkit-box-shadow:0 0 0.03em 0.03em #936607,0 0 0.03em 0.09em #feecab,0 0 0 0.12em #936607,inset 0 0 0.2em #000;box-shadow:0 0 0.03em 0.03em #936607,0 0 0.03em 0.09em #feecab,0 0 0 0.12em #936607,inset 0 0 0.2em #000;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#32005d),color-stop(50%,#3c0d65)) center/100% 0.35em;background:linear-gradient(#32005d 50%,#3c0d65 50%) center/100% 0.35em;border-radius:0.5em}.input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0.4em auto 0.25em;padding:0 0.5em;gap:0.25em}.input-group input{font:inherit;font-family:Arial,Helvetica,sans-serif;font-size:smaller;font-weight:900;line-height:1.5;padding:0.15em 0.5em;border:0.1em solid #ffea6c;border:none;border-radius:0.25em;-webkit-box-shadow:inset 0 0.05em 0.15em #aaa;box-shadow:inset 0 0.05em 0.15em #aaa;width:100%;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}html:not([lang^=zh]) .input-group input::-webkit-input-placeholder{font-size:0.7em;-webkit-transform:scale(1,1.4);transform:scale(1,1.4)}html:not([lang^=zh]) .input-group input::-moz-placeholder{font-size:0.7em;transform:scale(1,1.4)}html:not([lang^=zh]) .input-group input:-ms-input-placeholder{font-size:0.7em;transform:scale(1,1.4)}html:not([lang^=zh]) .input-group input::-ms-input-placeholder{font-size:0.7em;transform:scale(1,1.4)}html:not([lang^=zh]) .input-group input::placeholder{font-size:0.7em;-webkit-transform:scale(1,1.4);transform:scale(1,1.4)}.input-group input::-webkit-input-placeholder{font-size:smaller;font-weight:normal;color:#888;opacity:0.65}.input-group input::-moz-placeholder{font-size:smaller;font-weight:normal;color:#888;opacity:0.65}.input-group input:-ms-input-placeholder{font-size:smaller;font-weight:normal;color:#888;opacity:0.65}.input-group input::-ms-input-placeholder{font-size:smaller;font-weight:normal;color:#888;opacity:0.65}.input-group input::placeholder{font-size:smaller;font-weight:normal;color:#888;opacity:0.65}.input-group .btn{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;font-size:0.7em;padding:0.3em 1em 0.4em;min-width:5em;line-height:1.4;white-space:nowrap}html:not([lang^=zh]) .input-group .btn{min-width:auto}.btn{font:inherit;font-weight:normal;display:inline-block;position:relative;padding:0.25em 1em;border:none;border-radius:0.35em;color:#fff;text-decoration:none;text-shadow:0 0.05em 0.1em #000;background:-webkit-gradient(linear,left top,left bottom,from(#ffe7de),color-stop(35%,#bc47fb),to(#4f0084));background:linear-gradient(#ffe7de,#bc47fb 35%,#4f0084);-webkit-box-shadow:0 0.05em 0.05em 0.025em rgba(255,255,255,0.5);box-shadow:0 0.05em 0.05em 0.025em rgba(255,255,255,0.5);cursor:pointer;-webkit-transition:-webkit-filter 0.1s;transition:-webkit-filter 0.1s;transition:filter 0.1s;transition:filter 0.1s,-webkit-filter 0.1s}.btn .text-outline{color:#fff;--outline-color:#f46619}.btn:active,.btn:focus,.btn:hover{-webkit-filter:brightness(1.1) drop-shadow(0 0.1em 0.1em rgba(0,0,0,0.25));filter:brightness(1.1) drop-shadow(0 0.1em 0.1em rgba(0,0,0,0.25))}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.25em}#content-area{position:relative;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:16em;max-width:960px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#main .swiper{overflow:visible;margin:0.25em auto}#main .swiper p{margin:0.25em 0;line-height:1.25}#main .swiper img{max-width:95%}#main .swiper .swiper-container{overflow:hidden;max-width:100%;margin:0 auto;padding:0}#main .swiper .swiper-container p{text-shadow:0 0 0.25em #000,0 0 0.5em #000}#main .swiper .swiper-button-next,#main .swiper .swiper-button-prev{width:2em;height:2em;color:transparent;background-image:url(/img/Edm/ShareFriends/swiper-btns.png?v=20260818);background-repeat:no-repeat;background-position:center;background-size:100% auto;top:calc(45% - 1em);-webkit-transition:-webkit-filter 0.2s;transition:-webkit-filter 0.2s;transition:filter 0.2s;transition:filter 0.2s,-webkit-filter 0.2s}#main .swiper .swiper-button-next:hover,#main .swiper .swiper-button-prev:hover{-webkit-filter:brightness(1.4) drop-shadow(0 0 5px rgb(253,238,149));filter:brightness(1.4) drop-shadow(0 0 5px rgb(253,238,149))}#main .swiper .swiper-button-prev{background-position:0 0%;left:-0.25em}#main .swiper .swiper-button-next{background-position:0 66.666667%;right:-0.25em}#main .swiper .swiper-pagination{bottom:-1.9em}#main .swiper .swiper-pagination .swiper-pagination-bullet{width:1em;height:1em;opacity:1;background:url(/img/Edm/ShareFriends/swiper-tabs.png?v=20260818) no-repeat;background-size:100%;background-position:0 100%}#main .swiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background-position:0 0%}#event2 .title{margin:0.35em 0;font-weight:700;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#012279),color-stop(#012279),to(transparent));background:linear-gradient(90deg,transparent,#012279,#012279,transparent)}#event2 ul{padding-left:1.5em;font-size:0.6em;font-size:clamp(14px,0.58em,34px);color:#fff;text-shadow:0 0 0.25em #000}@-webkit-keyframes btnPlay1{0%{background-position:top}50%{background-position:bottom}}@keyframes btnPlay1{0%{background-position:top}50%{background-position:bottom}}@-webkit-keyframes btnPlay2{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes btnPlay2{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes roleAni{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-filter:drop-shadow(1px 1px 1px #fff);filter:drop-shadow(1px 1px 1px #fff)}50%{-webkit-transform:scale(1.01) translateY(-0.3em);transform:scale(1.01) translateY(-0.3em);-webkit-filter:drop-shadow(2px 2px 6px #fff);filter:drop-shadow(2px 2px 6px #fff)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-filter:drop-shadow(1px 1px 1px #fff);filter:drop-shadow(1px 1px 1px #fff)}}@keyframes roleAni{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-filter:drop-shadow(1px 1px 1px #fff);filter:drop-shadow(1px 1px 1px #fff)}50%{-webkit-transform:scale(1.01) translateY(-0.3em);transform:scale(1.01) translateY(-0.3em);-webkit-filter:drop-shadow(2px 2px 6px #fff);filter:drop-shadow(2px 2px 6px #fff)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-filter:drop-shadow(1px 1px 1px #fff);filter:drop-shadow(1px 1px 1px #fff)}}.modal{display:none}.modal.active{display:-webkit-box;display:-ms-flexbox;display:flex}.modal{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal .mask{position:fixed;top:-50vh;left:-50vw;bottom:-50vh;right:-50vw;background:rgba(0,0,0,0.75)}@supports (backdrop-filter:blur(0.1rem)){.modal .mask{backdrop-filter:blur(0.15rem);background:rgba(8,8,8,0.8);-webkit-transition:backdrop-filter 0.5s ease-out;transition:backdrop-filter 0.5s ease-out}}.modal .btn-close{font:inherit;font-size:0.9em;font-weight:400;display:block;position:absolute;z-index:2;right:-0.15em;top:-1.25em;width:2em;height:2em;border:0.1em solid #fed0ee;border-radius:100%;color:#ffffff;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.9)),color-stop(rgba(219,29,155,0.9)),to(rgba(167,17,148,0.9)));background:linear-gradient(rgba(255,255,255,0.9),rgba(219,29,155,0.9),rgba(167,17,148,0.9));-webkit-box-shadow:inset 0 0 0.2em 0.15em #db1d9b,0 0 0.1em 0.025em #db1d9b;box-shadow:inset 0 0 0.2em 0.15em #db1d9b,0 0 0.1em 0.025em #db1d9b;overflow:hidden;outline:none;cursor:pointer;-webkit-transition:-webkit-filter 0.2s;transition:-webkit-filter 0.2s;transition:filter 0.2s;transition:filter 0.2s,-webkit-filter 0.2s}.modal .btn-close:after,.modal .btn-close:before{content:"";position:absolute;top:50%;left:50%;width:8%;height:75%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);background:currentColor;border-radius:0.05em}.modal .btn-close:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.modal .btn-close:active,.modal .btn-close:focus,.modal .btn-close:hover{-webkit-filter:brightness(1.1) drop-shadow(0 0.1em 0.05em rgba(24,8,24,0.5));filter:brightness(1.1) drop-shadow(0 0.1em 0.05em rgba(24,8,24,0.5))}.modal-overflow{overflow-y:auto;overflow-x:hidden;width:100%;max-height:100vh;scrollbar-width:none}.modal-overflow::-webkit-scrollbar{width:0px}.modal-window{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;width:96%;max-width:15.5em;min-height:4em;margin:1.25em auto 0.5em;line-height:1.4}.modal-content{padding:0.5em 0}.modal-content p{font-size:0.75em;margin:0.5em auto;text-align:center}html:not([lang^=zh]) .modal-content p{font-size:clamp(12px,0.6em,36px)}