html,body,#main{background:#0068b5;color:#fff;overflow-x:hidden;min-width:auto !important}:root{--outline-color: #000;--outline-width: .08em}#header{background:rgba(0,0,0,0)}#footer{background:rgba(0,0,0,0)}#header .nav{color:#1d2088;max-width:16.66667em}*:focus-visible{outline:auto;outline-offset:.1em}[data-device=mobile] .only-pc,[data-device=pc] .only-mobile{display:none !important}[data-login=true] .only-logout,:root:not([data-login=true]) .only-login{display:none !important}[hidden],[v-else]{display:none !important}a.img-box{display:block}a.img-box>img,a.img-box>picture{display:inline-block;vertical-align:middle;will-change:filter,transform;transition:transform .3s,filter .3s}a.img-box:hover>img,a.img-box:hover>picture,a.img-box:active>img,a.img-box:active>picture{filter:brightness(1.1);transform:scale(1.01)}.bg-area{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;bottom:0;left:calc(50% - 16em);z-index:-5;width:32em;margin:0 auto;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#0068b5}.bg-area img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.btn-pink,.btn-purple,.btn-yellow,.btn-green,.btn-blue{font:inherit;font-size:1em;font-family:"Noto Serif TC",Arial,Helvetica,sans-serif;font-weight:900;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;vertical-align:bottom;text-align:center;text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;--outline-color: #540028;--outline-width: .08em;color:#fff;text-shadow:0 .05em .1em rgba(0,0,0,.75);padding:.4em 1.5em .6em;margin:.25em 0;height:2.625em;border:0;-o-border-image:url(/img/Event/202508-WashBox/btn1.png) 0 60 fill/0 1.5em;border-image:url(/img/Event/202508-WashBox/btn1.png) 0 60 fill/0 1.5em;background:url(/img/Event/202508-WashBox/btn2.png) top/0% 0% no-repeat;border-radius:0;transition:filter .1s;cursor:pointer}.btn-pink img,.btn-purple img,.btn-yellow img,.btn-green img,.btn-blue img{display:inline-block;height:1.2em;vertical-align:middle;margin:0 .1em .2em}.btn-pink.active,.btn-pink:active,.btn-pink:hover,.btn-purple.active,.btn-purple:active,.btn-purple:hover,.btn-yellow.active,.btn-yellow:active,.btn-yellow:hover,.btn-green.active,.btn-green:active,.btn-green:hover,.btn-blue.active,.btn-blue:active,.btn-blue:hover{background-position:bottom;border-image-source:url(/img/Event/202508-WashBox/btn2.png);padding:.5em 1.5em .5em;filter:brightness(1.15) drop-shadow(0 0.05em 0.1em rgba(0, 0, 0, 0.5))}.btn-pink:disabled,.btn-pink.disabled,.btn-purple:disabled,.btn-purple.disabled,.btn-yellow:disabled,.btn-yellow.disabled,.btn-green:disabled,.btn-green.disabled,.btn-blue:disabled,.btn-blue.disabled{cursor:default;background-position:top;border-image-source:url(/img/Event/202508-WashBox/btn1.png);padding:.4em 1.5em .6em;filter:grayscale(1)}.btn-pink:disabled.active,.btn-pink:disabled:active,.btn-pink:disabled:hover,.btn-pink.disabled.active,.btn-pink.disabled:active,.btn-pink.disabled:hover,.btn-purple:disabled.active,.btn-purple:disabled:active,.btn-purple:disabled:hover,.btn-purple.disabled.active,.btn-purple.disabled:active,.btn-purple.disabled:hover,.btn-yellow:disabled.active,.btn-yellow:disabled:active,.btn-yellow:disabled:hover,.btn-yellow.disabled.active,.btn-yellow.disabled:active,.btn-yellow.disabled:hover,.btn-green:disabled.active,.btn-green:disabled:active,.btn-green:disabled:hover,.btn-green.disabled.active,.btn-green.disabled:active,.btn-green.disabled:hover,.btn-blue:disabled.active,.btn-blue:disabled:active,.btn-blue:disabled:hover,.btn-blue.disabled.active,.btn-blue.disabled:active,.btn-blue.disabled:hover{filter:grayscale(1)}.btn-purple{filter:hue-rotate(-60deg)}.btn-purple.active,.btn-purple:active,.btn-purple:hover{filter:hue-rotate(-60deg) brightness(1.15) drop-shadow(0 0.05em 0.1em rgba(0, 0, 0, 0.5))}.btn-yellow{filter:hue-rotate(60deg) brightness(1.5)}.btn-yellow.active,.btn-yellow:active,.btn-yellow:hover{filter:hue-rotate(60deg) brightness(1.65) drop-shadow(0 0.05em 0.1em rgba(0, 0, 0, 0.5))}.btn-green{filter:hue-rotate(180deg)}.btn-green.active,.btn-green:active,.btn-green:hover{filter:hue-rotate(180deg) brightness(1.15) drop-shadow(0 0.05em 0.1em rgba(0, 0, 0, 0.5))}.btn-blue{filter:hue-rotate(270deg)}.btn-blue.active,.btn-blue:active,.btn-blue:hover{filter:hue-rotate(270deg) brightness(1.15) drop-shadow(0 0.05em 0.1em rgba(0, 0, 0, 0.5))}.btn-link{font:inherit;color:inherit;line-height:inherit;border:none;background:none;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.btn-pointer::after{content:"";position:absolute;z-index:5;left:calc(100% - 1.5em);top:70%;width:1.75em;height:1.75em;background:url("/img/Event/202508-WashBox/pointer.png?v=20250619") center/contain no-repeat;filter:drop-shadow(0.1em 0.2em 0.05em rgba(0, 0, 0, 0.25));animation:btnPointer 1.2s infinite ease-in-out;pointer-events:none}@keyframes btnPointer{0%{transform:scale(1) translate(0, 0);filter:drop-shadow(0.1em 0.2em 0.05em rgba(0, 0, 0, 0.25))}50%{transform:rotate(10deg) scale(1.1) translate(0.25em, 0.1em);filter:drop-shadow(0.1em 0.3em 0.1em rgba(0, 0, 0, 0.25))}}.input-group{display:flex;align-items:center;gap:.2em;padding:0 .2em;margin:.2em 0}.input{font:inherit;font-weight:700;text-align:inherit;border:none;width:100%;flex:1 1 auto;line-height:1.2;padding:.4em .7em .5em;background:#ff9e2b;border-radius:2em}.input::-moz-placeholder{color:#feeb92}.input::placeholder{color:#feeb92}.sr-only{position:fixed;top:-9in;height:1px;width:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.section{max-width:1000px;width:100%;margin:0 auto}#main{color:#fff;overflow:hidden}#main img{max-width:100%;display:inline-block;vertical-align:middle;width:auto;height:auto;margin:0 0}#main .content{position:relative;width:92%;max-width:920px;margin:0 auto}#main .head-title{display:block;position:relative;width:32em;top:0;left:calc(50% - 16em);padding:1.8em 0 0}#main .title-00{margin:.15em auto 0;width:16.65em}#main .title-01{margin:.5em auto 0;width:10em}#main .title-02{font-size:.66667em;font-weight:500;line-height:1.25;text-align:center;text-shadow:.025em .05em .1em #000,0 0 .15em #400;margin:0 auto;max-width:25em}#main .border{position:relative;display:block;z-index:0;font-weight:400;margin:2em auto .5em;width:99%;padding:.1em .25em .75em;background:#fff;background-blend-mode:overlay,color-burn;color:#1d2088;border:1px solid;box-shadow:0 0 .2em currentColor;border-radius:1em;-o-border-image:url("/img/Event/202508-WashBox/border.png?v=20250619") 180 fill/3em/0.75em .75em 1em;border-image:url("/img/Event/202508-WashBox/border.png?v=20250619") 180 fill/3em/0.75em .75em 1em;--outline-width: .08em;scroll-margin:1em;min-height:2em}#main .border .text-outline{color:#fff}#main .border.locked{-webkit-user-select:none;-moz-user-select:none;user-select:none}#main .border.locked::before,#main .border.locked::after{content:"";position:absolute;top:-1.5em;left:-0.75em;bottom:-1em;right:-0.75em;z-index:10}#main .border.locked::before{background:#1d2088;box-shadow:0 0 1em .3em #051640,inset 0 0 3em 1em #051640;background-blend-mode:screen;border-radius:1em;filter:blur(0.25em);opacity:.75}#main .border.locked::after{background:url("/img/Event/202508-WashBox/lock.png?v=20250619") center/5.5em auto no-repeat;mix-blend-mode:screen}#main .border p,#main .border ul,#main .border ol{font-size:.625em;font-size:clamp(12px,.625em,40px);font-weight:700;margin:.5em 0}#main .border small{font-size:.725em;display:inline-block}#main .border hr{display:block;border:none;border-top:.2em dotted #1d2088;margin:.5em 0}#main .border a{text-underline-offset:.18em}#main .border b{font-weight:inherit;display:inline-block}#main .point{display:inline-block;color:#fff;background:#1d2088;border-radius:2em;min-width:1.5em;line-height:1.25;padding:.1em}#main .box{position:relative;background:#b6efff;padding:.05em .25em;margin:.5em auto;border-radius:.5em}#main .prize{display:flex;align-items:center;padding:.35em .25em .35em;margin:.5em auto 1.25em}#main .prize h3{font-size:.75em;font-weight:700}#main .prize p{margin:0;font-size:.65em;color:#fff;--outline-width: .12em;--outline-color: #ff3b77}#main .prize small{display:block;font-size:.6em}#main .prize .prize-soldout{position:absolute;font-size:.8em;bottom:0;left:0;width:5em;height:5em}#main .prize .prize-img{margin:-1em -0.25em;height:5em;width:auto}#main .task-progress{display:block;position:relative;z-index:0;font-weight:900;line-height:1.2;text-align:center;padding:0 .5em .1em;margin:.2em 0;border:.05em solid rgba(0,0,0,0);border-radius:1em;--outline-color: #1d2088;background:#1d2088;box-shadow:0 0 .1em #fff,inset 0 0 .5em rgba(0,0,0,.5)}#main .task-progress-bar{position:absolute;top:.2em;left:.2em;bottom:.2em;right:.2em;display:flex;gap:.25em;border:.1em;border-radius:inherit;margin:0;z-index:-1;cursor:default}#main .task-progress-bar>*{flex:1 1 auto;height:100%;background:#0064b8}#main .task-progress-bar>*.done{background:#fff100}#main .task-progress-bar>*:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}#main .task-progress-bar>*:last-child{border-start-end-radius:inherit;border-end-end-radius:inherit}#main .title{display:flex;justify-content:center;font-size:.75em;font-size:clamp(18px,.75em,45px);font-family:"MStif","Noto Sans TC",sans-serif;font-weight:700;line-height:1.2;text-align:center;color:#fff;margin:-1.5em 0 0}#main .title img{max-width:75%}#main .anim-float{animation:animFloat 4s infinite ease-in-out;transform-origin:bottom}@keyframes animFloat{0%{transform:translate(0)}50%{transform:translate(0, -0.15em) scale(1.01)}100%{transform:translate(0)}}#main .anim-shine::before,#main .anim-shine::after{content:"";position:absolute;z-index:-1;height:150%;width:150%;top:-25%;left:-25%;background:url("/img/Event/202508-WashBox/shine.png?v=20250619") center/contain no-repeat;background-image:-webkit-image-set(url("/img/Event/202508-WashBox/shine.avif?v=20250619") type("image/avif"), url("/img/Event/202508-WashBox/shine.png?v=20250619") type("image/png"));background-image:image-set(url("/img/Event/202508-WashBox/shine.avif?v=20250619") type("image/avif"), url("/img/Event/202508-WashBox/shine.png?v=20250619") type("image/png"));mix-blend-mode:lighten;pointer-events:none}#main .anim-shine::before{animation:animShine 12s infinite linear}#main .anim-shine::after{opacity:0;animation:animShine 12s 4s infinite linear}#main .bg-area .anim-shine::before,#main .bg-area .anim-shine::after{content:"";position:absolute;z-index:-1;height:150%;width:150%;top:-25%;left:-40%;background:radial-gradient(closest-side, white, rgba(255, 237, 76, 0.7), rgba(253, 208, 0, 0.5) 60%, rgba(253, 208, 0, 0.7)),repeating-conic-gradient(transparent 0deg 3deg, rgba(255, 255, 255, 0.5) 3.1deg 6.9deg, transparent 7deg 10deg),#fdd000;pointer-events:none}#main .bg-area .anim-shine::before{animation:animShine 12s infinite linear}#main .bg-area .anim-shine::after{opacity:0;animation:animShine 12s 4s infinite linear}@keyframes animShine{0%{opacity:0;transform:rotate(-15deg)}25%{opacity:1}75%{opacity:1}100%{opacity:0;transform:rotate(15deg)}}#main .text-hilight{color:#e70093}#main .text-yellow{color:#fdec3e}#main .text-red{color:#fb0000}#main .text-green{color:#daff59}#main .text-blue{color:#3e86fd}#main .text-gray{color:#515151}#main .text-big{font-size:larger}#main .text-small{font-size:smaller}#main .text-center{text-align:center}#main .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)}@supports((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text){#main [text-stroke]{color:rgba(0,0,0,0);text-shadow:none;display:inline-block;position:relative;background:linear-gradient(#000, #000);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.05em rgba(0,0,0,0);filter:drop-shadow(0 0.05em 0.05em #000)}#main [text-stroke]::before{content:attr(text-stroke);position:absolute;z-index:1;background:linear-gradient(#ffeeb7 10%, #ffc300 60%, #fe9600 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0em rgba(0,0,0,0);pointer-events:none}#main [text-stroke].text-blue::before{background-image:linear-gradient(#fff 10%, #4dffb6 60%, #b64dff 90%)}}#main #content-area{position:relative;width:16.66667em;left:calc(50% - 8.33333em)}#main .side-container{position:fixed;left:50%;transform:translate(-50%);top:2.25em;z-index:5;pointer-events:none;width:100%;max-width:24em;opacity:1}#main .side-container>*{pointer-events:all}#main .side-btn{display:block;margin-left:auto;margin-right:.25em;width:3.15em;opacity:1;transition:opacity .5s}@media(max-width: 1280px){#main .side-btn{opacity:0;pointer-events:none}}#main #event1,#main #event2,#main #event3,#main #event4{scroll-margin:1em}#main .step{position:relative;font-size:.65em;font-weight:550;text-align:center;color:#fff;background:#1d2088;border-radius:1em;line-height:1.5;counter-increment:step;counter-reset:none;padding:.2em .25em .3em;margin:.5em .5em}#main .step .step-count{font-size:1.75em;font-weight:900;content:counter(step);display:inline-block;position:absolute;top:0;left:0;text-align:center;width:1.35em;height:1.35em;margin:-0.1em 0 -0.1em -0.25em;line-height:1.2;background:#10a3ff;border-radius:100%;box-shadow:0 0 0 .1em #fff}#main #rules{color:#fff;background:rgba(29,32,136,.5);border-radius:1em;padding:.1em 0 .1em;margin-top:2em}#main #rules ul,#main #rules ol{font-size:.565em;font-size:clamp(12px,.565em,31px);text-align:justify;list-style:none;font-weight:500;padding-left:2em;padding-right:1em;margin:.25em auto 1em;line-height:1.3333}#main #rules li{position:relative;text-indent:-1.5em}#main #rules li::before{content:counter(list-item);display:inline-block;width:1.25em;height:1.25em;line-height:1.2;text-align:center;text-indent:0;border-radius:50%;background:#1d2088;margin:-0.2em .25em .05em 0}#main #rules li+li{margin-top:.5em}#main #socials{filter:drop-shadow(0 0.1em 0.05em rgba(34, 0, 0, 0.5))}#main .modal.old{font:400 60px/1.5 "Noto Sans TC",Arial,Helvetica,sans-serif !important;font-size:clamp(16px,6vw,60px) !important;display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;flex-direction:column;justify-content:center;align-items:center}#main .modal.old.is-active{display:flex}#main .modal.old .mask{position:fixed;top:-50vh;left:-50vw;bottom:-50vh;right:-50vw;background:rgba(0,0,0,.75);animation:fade .4s ease-out}@supports((-webkit-backdrop-filter: blur(0.1rem)) or (backdrop-filter: blur(0.1rem))){#main .modal.old .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}}#main .modal.old .btn-close{font:inherit;font-size:1em;font-weight:400;display:block;position:absolute;z-index:2;right:.18em;top:-0.4em;width:1.65em;height:1.65em;max-width:none;max-height:none;border-radius:0%;background:url("/img/Event/202508-WashBox/btn-close.png?v=20250619") center/contain no-repeat;filter:brightness(1) drop-shadow(0 0.1em 0.05em rgba(24, 8, 24, 0.5));transition:filter .2s,transform .2s ease-in-out;overflow:hidden;outline:none;cursor:pointer}#main .modal.old .btn-close::before,#main .modal.old .btn-close::after{content:"";position:absolute;top:50%;left:50%;width:20%;height:75%;transform:translate(-50%, -50%) rotate(45deg);background:currentColor;border-radius:.05em}#main .modal.old .btn-close::after{transform:translate(-50%, -50%) rotate(-45deg)}#main .modal.old .btn-close:hover,#main .modal.old .btn-close:focus,#main .modal.old .btn-close:active{transform:scale(1.05);filter:brightness(1.1) drop-shadow(0 0.15em 0.1em rgba(24, 8, 24, 0.65))}#main .modal-overflow{overflow-y:auto;overflow-x:hidden;width:100%;max-height:100vh;scrollbar-width:none}#main .modal-overflow::-webkit-scrollbar{width:0px}#main .modal-window{display:flex;position:relative;flex-direction:column;justify-content:center;text-align:center;width:97.5%;max-width:16.25em;margin:1.5em auto 1.25em;line-height:1.4;animation:pop .3s}#main .modal-window.border{min-height:6em;background:none;-o-border-image:url(/img/Event/202508-WashBox/modal.png) 180 fill/3em/1em .25em;border-image:url(/img/Event/202508-WashBox/modal.png) 180 fill/3em/1em .25em}#main .modal-window.border h2{position:relative;text-align:left;margin-top:-1.25em;margin-left:-1em;width:100%;font-size:1em}#main .modal-window.border h2 img{height:3.5em}#main .modal-window.border p{color:inherit}#main .modal-content{min-height:4em;padding:.25em .5em;padding:.5em 0;box-shadow:none;background:none}#main .fade-up,#main .fade-left,#main .fade-right,#main .fade-down,#main .fade-in{opacity:0;transition:opacity 1.6s,transform 1s}#main .fade-up.faded,#main .fade-left.faded,#main .fade-right.faded,#main .fade-down.faded,#main .fade-in.faded{transform:none;opacity:1}#main .fade-up{transform:translate(0, 1em)}#main .fade-down{transform:translate(0, -1em)}#main .fade-left{transform:translate(1em, 0)}#main .fade-right{transform:translate(-1em, 0)}#main .bg-area.fade-up,#main .bg-area .fade-up{transform:none}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes glow{0%{visibility:hidden}50%{visibility:visible}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes blink{0%{background-position:top}50%{background-position:bottom}}/*# sourceMappingURL=main.css.map */