html,body,#main{background:#00436a;color:#fff}.bg-area{background:#00436a;height:100%;overflow:hidden;justify-content:flex-start !important}.bg-area .bg-bottom{flex:1 1 auto;background:url(../../../img/Edm/ShareFriends/bg-bottom.jpg) top/100% 100%}#main{display:flow-root;padding-top:.1px}#header{background:linear-gradient(#00436a 0, #035a80 97%, #06acf3 99%)}#footer{background:linear-gradient(transparent 0, #002a4a);margin-top:.5em}.row{display:flex;flex-wrap:wrap;align-items:center}.row.center{justify-content:center;text-align:center}.row.space-between{justify-content:space-between}.row.left{justify-content:left}.row.right{justify-content:right}#article{pointer-events:none}#article>*{pointer-events:auto}#article .head-title{width:20em;height:7.75em;top:0;left:calc(50% - 10em);-webkit-user-select:none;-moz-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:.25em auto -0.25em;display:block;border:none;background:none;background-image:url(../../../img/Edm/ShareFriends/btn-go.png);background-size:100% auto;position:relative;z-index:1;animation:btnPlay1 1.2s infinite step-end;border:none;cursor:pointer}#article .btn-go:hover,#article .btn-go:active{transition:filter .1s;filter:brightness(1.1) drop-shadow(0 0 0.25em #ffffcc)}#article #game-slogan{width:18.5em;left:.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{animation:roleAni 6s infinite ease-in-out}.fade-down{transform:scale(1.1) translate(0, -1em)}.fade-down.faded{transform:none}.border{background:url(../../../img/Edm/ShareFriends/border.png) center/100% 100% no-repeat;padding:1.5em .425em 1.25em}.border2{position:relative;display:table;z-index:0;font-weight:700;max-width:90%;box-shadow:0 0 .03em .03em #936607,0 0 .03em .09em #feecab,0 0 0 .12em #936607,inset 0 0 .2em #000;background:linear-gradient(#32005d 50%, #3c0d65 50%) center/100% .35em;border-radius:.5em}.input-group{display:flex;align-items:flex-start;justify-content:center;margin:.4em auto .25em;padding:0 .5em;gap:.25em}.input-group input{font:inherit;font-family:Arial,Helvetica,sans-serif;font-size:smaller;font-weight:900;line-height:1.5;padding:.15em .5em;border:.1em solid #ffea6c;border:none;border-radius:.25em;box-shadow:inset 0 .05em .15em #aaa;width:100%;flex:1 1 auto}.input-group input::-moz-placeholder{font-size:smaller;font-weight:normal;color:#888;opacity:.65}.input-group input::placeholder{font-size:smaller;font-weight:normal;color:#888;opacity:.65}.input-group .btn{align-self:stretch;font-size:.7em;padding:.3em 1em .4em;min-width:5em;line-height:1.4;white-space:nowrap}.btn{font:inherit;font-weight:normal;display:inline-block;position:relative;padding:.25em 1em;border:none;border-radius:.35em;color:#fff;text-decoration:none;text-shadow:0 .05em .1em #000;background:linear-gradient(#ffe7de, #bc47fb 35%, #4f0084);box-shadow:0 .05em .05em .025em rgba(255,255,255,.5);cursor:pointer;transition:filter .1s}.btn .text-outline{color:#fff;--outline-color: #f46619}.btn:hover,.btn:active,.btn:focus{filter:brightness(1.1) drop-shadow(0 0.1em 0.1em rgba(0, 0, 0, 0.25))}.flex{display:flex;align-items:center;justify-content:center;gap:.25em}#content-area{position:relative;left:50%;transform:translate(-50%);width:16em;max-width:960px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#main .swiper{overflow:visible;margin:.25em auto}#main .swiper p{margin:.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 .25em #000,0 0 .5em #000}#main .swiper .swiper-button-next,#main .swiper .swiper-button-prev{width:2em;height:2em;color:rgba(0,0,0,0);background-image:url(../../../img/Edm/ShareFriends/swiper-btns%EF%B9%96v=02.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;top:calc(45% - 1em);transition:filter .2s}#main .swiper .swiper-button-next:hover,#main .swiper .swiper-button-prev:hover{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) 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{font-weight:700;background:linear-gradient(90deg, transparent, #013e73 10%, #01243c, #013e73 90%, transparent)}#event2 ul{padding-left:1.5em;font-size:.6em;font-size:clamp(14px,.58em,34px);color:#fff;text-shadow:0 0 .25em #000}@keyframes btnPlay1{0%{background-position:top}50%{background-position:bottom}}@keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes roleAni{0%{transform:scale(1) translateY(0);filter:drop-shadow(1px 1px 1px #fff)}50%{transform:scale(1.01) translateY(-0.3em);filter:drop-shadow(2px 2px 6px #fff)}100%{transform:scale(1) translateY(0);filter:drop-shadow(1px 1px 1px #fff)}}.modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;flex-direction:column;justify-content:center;align-items:center}.modal.active{display:flex}.modal .mask{position:fixed;top:-50vh;left:-50vw;bottom:-50vh;right:-50vw;background:rgba(0,0,0,.75)}@supports((-webkit-backdrop-filter: blur(0.1rem)) or (backdrop-filter: blur(0.1rem))){.modal .mask{-webkit-backdrop-filter:blur(0.15rem);backdrop-filter:blur(0.15rem);background:rgba(8,8,8,.8);transition:-webkit-backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out, -webkit-backdrop-filter .5s ease-out}}.modal .btn-close{font:inherit;font-size:.9em;font-weight:400;display:block;position:absolute;z-index:2;right:-0.15em;top:-1.25em;width:2em;height:2em;border:.1em solid #fed0ee;border-radius:100%;color:#fff;background:linear-gradient(rgba(255, 255, 255, 0.9), rgba(219, 29, 155, 0.9), rgba(167, 17, 148, 0.9));box-shadow:inset 0 0 .2em .15em #db1d9b,0 0 .1em .025em #db1d9b;overflow:hidden;outline:none;cursor:pointer;transition:filter .2s}.modal .btn-close::before,.modal .btn-close::after{content:"";position:absolute;top:50%;left:50%;width:8%;height:75%;transform:translate(-50%, -50%) rotate(45deg);background:currentColor;border-radius:.05em}.modal .btn-close::after{transform:translate(-50%, -50%) rotate(-45deg)}.modal .btn-close:hover,.modal .btn-close:focus,.modal .btn-close:active{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:flex;position:relative;flex-direction:column;justify-content:center;text-align:center;width:96%;max-width:15.5em;min-height:4em;margin:1.25em auto .5em;line-height:1.4}.modal-content{padding:.5em 0}.modal-content p{font-size:.75em;margin:.5em auto;text-align:center}/*# sourceMappingURL=main.css.map */