html,body,#main{background:#341324;color:#fff}:root{--outline-color: #000;--outline-width: .12em}.bg-area{background:#341324;height:100%;overflow:hidden;justify-content:flex-start !important}.bg-area .avatar{position:absolute;width:16em;top:.05em;left:11.885em;animation:floatUpDown 2.5s ease-in-out infinite}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-5px)}100%{transform:translateY(0)}}.js-device{overflow-y:hidden}#main{display:flow-root;padding-top:.1px}#header{background:linear-gradient(90deg, #0042ff, #6b37ff, #a500ff)}#footer{background:rgba(0,0,0,0);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:32em;top:0;left:calc(50% - 16em);-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:16.65em;margin:1em auto 0;animation:appearShake 2s ease-out forwards}@keyframes pulseShadow{0%,100%{filter:drop-shadow(0 0 6px rgba(255, 102, 0, 0.5));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255, 120, 0, 0.8));transform:scale(1.03)}}@keyframes appearShake{0%{transform:translateY(30px) scale(1.1);opacity:0;filter:blur(3px)}60%{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}70%{transform:translateY(-1px) rotateZ(-0.3deg)}75%{transform:translateY(1px) rotateZ(0.3deg)}80%{transform:translateY(-0.5px)}90%{transform:translateY(0.5px)}100%{transform:translateY(0) rotateZ(0deg)}}#article .btn-play{display:block;position:relative;z-index:5;width:8.25em;height:3em;margin:0 auto;border:none;cursor:pointer}#article .btn-play::after,#article .btn-play::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-size:100% auto;border-radius:inherit;pointer-events:none}#article .btn-play::before{background-image:url(/img/Edm/FishingParty/btn-play.png);background-position:top;animation:btnPlay1 1.6s infinite step-end}#article .btn-play::after{background-image:url(/img/Edm/FishingParty/btn-play.png);background-position:bottom;animation:btnPlay2 1.6s infinite step-end;opacity:0;transition:opacity .1s,transform .1s}#article .btn-play:hover,#article .btn-play:active{transition:filter .1s;filter:brightness(1.1) drop-shadow(0 0 0.25em #ffffcc)}#article .btn-play:hover::before,#article .btn-play:hover::after,#article .btn-play:hover b,#article .btn-play:active::before,#article .btn-play:active::after,#article .btn-play:active b{opacity:1;animation:none}#article .btn-play:hover::before,#article .btn-play:active::before{opacity:0}#article #game-avatar{position:relative;z-index:1;width:18em;left:.65em;margin:-0.5em auto -4.5em;animation:floatUpDown 2.5s ease-in-out infinite}#article #game-role{width:14.8em;top:2.2125em;right:0;position:absolute}#article #game-role::before{content:"";position:absolute;width:100%;height:100%;background-image:url(/img/Edm/FishingParty/fire.png);mix-blend-mode:color-dodge;background-repeat:no-repeat;left:4em;bottom:-4em}#article #game-role img{width:100%}#article #event1{border:.05em solid #6d9eff;border-radius:1.25em;background-color:rgba(17,0,102,.5);box-shadow:inset 0 0 .5em #6d9eff;margin:.5em -0.5em;padding:.5em}#article .border{border:.1em solid #6e05dc;border-radius:.75em;background-color:rgba(17,8,64,.8);box-shadow:inset 0 0 .5em #8400ff,0 .1em .2em #000;margin:1em auto}#article .border p,#article .border ol,#article .border ul{font-size:.55em;font-size:clamp(13.5px,.55em,27px)}#article .border ol,#article .border ul{text-align:left;padding:0 .75em 0 1.75em}#article .border li+li{margin-top:.25em}#article .border select{font:inherit;color:#fff7a0;padding:.25em .35em;background:linear-gradient(45deg, transparent 40%, currentColor 45%, currentColor 70%, transparent 75%) top 55% right .7em/.35em .6em no-repeat,linear-gradient(-45deg, transparent 40%, currentColor 45%, currentColor 70%, transparent 75%) top 55% right .4em/.35em .6em no-repeat,linear-gradient(#6c00ff, #210074)}#article .border option{background:#210074}#article .border option:nth-child(2n){background:#310997}#article .border input{font:inherit;padding:.25em .5em;box-shadow:inset .1em .1em .2em rgba(0,0,0,.5);border:none}#article .border input::-moz-placeholder{color:inherit;opacity:.5}#article .border input::placeholder{color:inherit;opacity:.5}#article .title{font-size:1em;font-size:clamp(20px,1em,50px);color:#fff7a0;background:#8400ff;--outline-color: #3d1d68;box-shadow:inset 0 0 .5em #fff,0 .2em .2em rgba(0,0,0,.5);width:-moz-max-content;width:max-content;margin-top:-0.75em;border-radius:.5em;padding:.2em 1em .3em;line-height:1.2}#article .table-container{max-height:75vh;overflow:auto;padding:0;margin:.5em .5em;scrollbar-width:thin;color-scheme:dark;border:1px solid #fff}#article .table-container table{font-size:.55em;width:100%;text-align:center;border-collapse:collapse;border-spacing:0}#article .table-container th{font-weight:bold;color:#c56cff;background:linear-gradient(#561fa3, #4c09a4)}#article .table-container thead th{position:sticky;top:0;padding:.25em;max-width:100%}#article .table-container td{color:#fff;background:rgba(0,0,0,0);text-shadow:0 .05em .15em #000;padding:.1em .25em}#article .table-container tr:nth-child(2n+1) td{background:rgba(0,0,0,.25)}#article .table-container th,#article .table-container td{text-align:center !important;border:1px solid hsla(0,0%,100%,.5333333333);width:50%}#article .table-container::after{content:"";opacity:0;pointer-events:none}#article .table-container.loading::after{content:"資料查詢中...";position:absolute;top:0;left:0;bottom:0;right:0;font-size:.6667em;color:#fff;text-shadow:0 0 .1em #000;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;pointer-events:all;opacity:1;transition:opacity .5s .2s}.fade-down{transform:scale(1.1) translate(0, -1em)}.fade-down.faded{transform:none}#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{margin-bottom:.5em;overflow:visible}#main .swiper .swiper-container{width:100%;max-width:960px;overflow:hidden;margin:.5em auto .1em auto;-o-border-image:url(/img/Edm/FishingParty/swiper-bg.png) 51 fill/0.9em/0.15em;border-image:url(/img/Edm/FishingParty/swiper-bg.png) 51 fill/0.9em/0.15em;padding:0}#main .swiper .swiper-wrapper{align-items:center}#main .swiper .swiper-slide img{max-width:100%;margin:.5em auto .5em auto}#main .swiper .swiper-button-next,#main .swiper .swiper-button-prev{width:1.6em;height:1.6em;color:rgba(0,0,0,0);background-image:url(/img/Edm/FishingParty/swiper-btns.png?v=02);background-repeat:no-repeat;background-position:center;background-size:100% auto;top:45%;transform:translateY(-30%);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))}@media(max-width: 767px){#main .swiper .swiper-button-next,#main .swiper .swiper-button-prev{transform:translateY(-0.45em)}}@media(max-width: 398px){#main .swiper .swiper-button-next,#main .swiper .swiper-button-prev{transform:translateY(-2px)}}#main .swiper .swiper-button-prev{background-position:0 0%;left:.3em;top:5em}#main .swiper .swiper-button-prev:hover{background-position:0 33.333333%}#main .swiper .swiper-button-next{background-position:0 66.666667%;right:.3em;top:5em}#main .swiper .swiper-button-next:hover{background-position:0 100%}#main .swiper .swiper-pagination{bottom:-1.35em}#main .swiper .swiper-pagination .swiper-pagination-bullet{width:.7em;height:.7em;opacity:1;background:url(/img/Edm/FishingParty/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%}.tips{margin-top:1em;text-shadow:0 0 5px #2b3797,0 0 10px #2b3797,0 0 15px #2b3797,0 0 20px #2b3797}.tips p{font-size:.65em;text-align:center}.tips ul{list-style:none;font-size:.5em;margin:.2em 1em;line-height:1.5em}.text-outline{text-shadow:calc(.7*var(--outline-width)) calc(.7*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(.7*var(--outline-width)) calc(-0.7*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(-0.7*var(--outline-width)) calc(.7*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(-0.7*var(--outline-width)) calc(-0.7*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(1*var(--outline-width)) 0 calc(.25*var(--outline-width)) var(--outline-color),calc(-1*var(--outline-width)) 0 calc(.25*var(--outline-width)) var(--outline-color),0 calc(1*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),0 calc(-1*var(--outline-width)) calc(.25*var(--outline-width)) var(--outline-color),calc(.9*var(--outline-width)) calc(.4*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(.9*var(--outline-width)) calc(-0.4*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.9*var(--outline-width)) calc(.4*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.9*var(--outline-width)) calc(-0.4*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(.4*var(--outline-width)) calc(.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(.4*var(--outline-width)) calc(-0.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.4*var(--outline-width)) calc(.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color),calc(-0.4*var(--outline-width)) calc(-0.9*var(--outline-width)) calc(.3*var(--outline-width)) var(--outline-color)}@keyframes btnPlay1{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes btnPlay2{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes roleAni{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.01) translateY(-0.05em)}100%{transform:scale(1) translateY(0)}}/*# sourceMappingURL=main.css.map */