.wow{visibility:hidden}@keyframes npc-fade-in{from{opacity:0}to{opacity:1}}@keyframes gelatine{from,to{transform:scale(1, 1)}50%{transform:scale(1, 0.98)}}@keyframes role-focus-in{from{opacity:0;transform:scale(1.04);filter:blur(14px)}to{opacity:1;transform:scale(1);filter:blur(0)}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}img{display:block;margin:0 auto;max-width:100%;height:auto}.content-card-frame{position:absolute;inset:8px;z-index:1;overflow:hidden;pointer-events:none;--card-frame-size: 15px}@media screen and (min-width: 576px){.content-card-frame{inset:20px;--card-frame-size: 26px}}.content-card-edge{position:absolute;background-image:url(../images/card-edge.png);background-repeat:repeat-x;background-size:auto var(--card-frame-size)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.content-card-edge{background-image:url(../images/card-edge.webp)}}.content-card-edge-t,.content-card-edge-b{right:var(--card-frame-size);left:var(--card-frame-size);height:var(--card-frame-size)}.content-card-edge-t{top:0}.content-card-edge-b{bottom:0;transform:scaleY(-1)}.content-card-edge-l,.content-card-edge-r{top:var(--card-frame-size);bottom:var(--card-frame-size);width:var(--card-frame-size);overflow:hidden;background-image:none}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.content-card-edge-l,.content-card-edge-r{background-image:none}}.content-card-edge-l::before,.content-card-edge-r::before{content:"";position:absolute;top:0;width:3000px;height:var(--card-frame-size);background-image:url(../images/card-edge.png);background-repeat:repeat-x;background-size:auto var(--card-frame-size)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.content-card-edge-l::before,.content-card-edge-r::before{background-image:url(../images/card-edge.webp)}}.content-card-edge-l{left:0}.content-card-edge-l::before{left:0;transform:scaleX(-1) rotate(90deg);transform-origin:top left}.content-card-edge-r{right:0}.content-card-edge-r::before{right:0;transform:scaleX(-1) rotate(-90deg);transform-origin:top right}.content-card-corner{position:absolute;width:var(--card-frame-size);height:var(--card-frame-size);background-image:url(../images/card-corner.png);background-repeat:no-repeat;background-size:var(--card-frame-size) var(--card-frame-size)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.content-card-corner{background-image:url(../images/card-corner.webp)}}.content-card-corner-tl{top:0;left:0}.content-card-corner-tr{top:0;right:0;transform:scaleX(-1)}.content-card-corner-bl{bottom:0;left:0;transform:scaleY(-1)}.content-card-corner-br{right:0;bottom:0;transform:scale(-1, -1)}.lostark-event{position:relative;width:100%;min-width:360px;max-width:1920px;margin:0 auto;overflow:hidden;font-family:"Noto Sans TC","Noto Sans HK","Microsoft JhengHei","PingFang TC",sans-serif;background:#000}.lostark-event .nav-top{left:0}.lostark-event .middle{position:relative;margin-top:60px}@media screen and (min-width: 992px){.lostark-event .middle{margin-top:80px}}.lostark-event br{opacity:0}.lostark-event section{position:relative}.lostark-event .wrapper{position:relative;z-index:2;max-width:1440px;margin:0 auto 20px;padding:0 20px}@media screen and (min-width: 576px){.lostark-event .wrapper{margin:0 auto 40px}}.lostark-event [id^=event] .wrapper .info{position:relative;padding:25px;border-radius:5px;background:url("../images/info_bg.png") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.lostark-event [id^=event] .wrapper .info{background:url("../images/info_bg.webp") no-repeat center top/cover}}@media screen and (min-width: 576px){.lostark-event [id^=event] .wrapper .info{padding:60px}}.lostark-event [id^=event] .event-text,.lostark-event [id^=event] ul{font-size:14px;line-height:22px;font-weight:400;letter-spacing:-0.5px;text-align:center}@media screen and (min-width: 576px){.lostark-event [id^=event] .event-text,.lostark-event [id^=event] ul{font-size:16px;line-height:24px}}@media screen and (min-width: 1400px){.lostark-event [id^=event] .event-text,.lostark-event [id^=event] ul{font-size:20px;line-height:30px}}.lostark-event [id^=event] ul{padding-left:5px;text-align:justify}@media screen and (min-width: 1400px){.lostark-event [id^=event] ul{font-size:19px;line-height:30px}}.lostark-event [id^=event] ul li{padding-left:11px;text-indent:-11px}.lostark-event [id^=event] ul li::before{content:"";display:inline-block;width:3px;height:3px;margin-right:8px;vertical-align:middle;background:#8195ce;border-radius:50%}.lostark-event h3,.lostark-event h4{max-width:200px}@media screen and (min-width: 576px){.lostark-event h3,.lostark-event h4{max-width:300px}}@media screen and (min-width: 1200px){.lostark-event h3,.lostark-event h4{max-width:395px}}.lostark-event h3{margin:0 auto}@media screen and (min-width: 576px){.lostark-event h3{margin:0 auto 20px}}@media screen and (min-width: 992px){.lostark-event h3{margin:0 auto 40px}}.lostark-event h4{margin:0 auto 15px}@media screen and (min-width: 1400px){.lostark-event h4{margin:0 auto 35px}}.lostark-event .intro{position:relative;padding:15px;background:#0e1a41}@media screen and (min-width: 576px){.lostark-event .intro{padding:30px}}@media screen and (min-width: 992px){.lostark-event .intro{padding:40px}}.lostark-event .intro-body{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:20px}@media screen and (min-width: 576px){.lostark-event .intro-body{gap:25px 20px}}@media screen and (min-width: 992px){.lostark-event .intro-body{flex-direction:row;gap:50px 40px}}.lostark-event .intro .event-text{text-align:justify}.lostark-event .intro-item{width:100%;max-width:580px;margin:0 auto}@media screen and (min-width: 992px){.lostark-event .intro-item{width:calc(50% - 20px)}}.lostark-event .intro-item .step{flex-shrink:0;max-width:20px}@media screen and (min-width: 576px){.lostark-event .intro-item .step{max-width:24px}}@media screen and (min-width: 1400px){.lostark-event .intro-item .step{max-width:32px}}.lostark-event .step-row{display:flex;align-items:flex-start;gap:6px;padding:0 2px}@media screen and (min-width: 992px){.lostark-event .step-row{gap:10px}}.lostark-event .step-row .event-text{flex:1;text-align:justify}@media screen and (min-width: 992px){.lostark-event .step-row .event-text{padding-right:15px}}.index{background:url("../images/bg_index.jpg") no-repeat center top/cover #000}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.index{background:url("../images/bg_index.webp") no-repeat center top/cover #000}}.index .index-layer{position:relative;width:100%;aspect-ratio:1920/3050}@media screen and (min-width: 576px){.index .index-layer{aspect-ratio:1920/2490}}@media screen and (min-width: 1200px){.index .index-layer{aspect-ratio:1920/840}}.index .index-layer::before{content:"";position:absolute;right:0;bottom:0;left:0;z-index:1;height:50%;background:linear-gradient(to top, #fff 30%, rgba(255, 255, 255, 0));pointer-events:none}@media screen and (min-width: 1200px){.index .index-layer::before{display:none}}.index .role{position:absolute;top:0;left:0;width:100%;height:100%;animation:role-focus-in 1s cubic-bezier(0.22, 0.61, 0.36, 1) both;transform-origin:center top}.index .role picture{display:block;height:100%}.index .role img{width:100%;height:100%;object-fit:cover;object-position:72% top}@media screen and (min-width: 1700px){.index .role img{object-position:right top}}.index .index-content{position:relative;max-width:680px;margin:0 auto;padding:0 20px}@media screen and (min-width: 1200px){.index .index-content{max-width:42.5em;margin-left:0;padding:0}}.index .wrapper{position:absolute;bottom:0;left:50%;width:100%;margin:0 auto 20px;padding:0;transform:translateX(-50%)}@media screen and (min-width: 576px){.index .wrapper{margin:0 auto 40px}}@media screen and (min-width: 1200px){.index .wrapper{top:8.4375em;max-width:90em;margin:0 auto;font-size:.83333vw}}@media screen and (min-width: 1920px){.index .wrapper{font-size:16px}}.index h2{margin:0 auto;margin-bottom:-12px}@media screen and (min-width: 1200px){.index h2{margin-bottom:-0.75em}}.index .time{margin:10px auto}@media screen and (min-width: 576px){.index .time{margin:15px auto}}@media screen and (min-width: 992px){.index .time{margin:25px auto}}@media screen and (min-width: 1200px){.index .time{margin:1.5625em auto}}.index .time dl{display:flex;flex-wrap:wrap;justify-content:center;color:#241683;font-size:14px;line-height:25px;font-weight:500;text-align:center}@media screen and (min-width: 576px){.index .time dl{flex-wrap:nowrap;margin-bottom:0;font-size:16px;line-height:30px}}@media screen and (min-width: 1200px){.index .time dl{font-size:1.1875em;line-height:1.79;text-shadow:0 0 .526em #b2c2d8,0 0 .526em #b2c2d8,0 0 .263em #b2c2d8,0 0 .263em #b2c2d8}}.index .link{position:relative;display:flex;justify-content:center;gap:30px}@media screen and (min-width: 1200px){.index .link{gap:1.875em}}.index .link a{display:flex;justify-content:center;align-items:center;width:160px;height:46px;color:#fff;background:#0b183c;transition:.2s}@media screen and (min-width: 1200px){.index .link a{width:10em;height:2.875em}}.index .link a:hover{background:#3922ce}.index .link span{display:block;margin-top:-2px;font-size:16px;font-weight:500;letter-spacing:1px}@media screen and (min-width: 992px){.index .link span{font-size:18px}}@media screen and (min-width: 1200px){.index .link span{margin-top:-0.111em;font-size:1.125em;letter-spacing:.056em}}.section1{padding:30px 0;background:url("../images/bg_section.jpg") no-repeat center top/cover #000}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.section1{background:url("../images/bg_section.webp") no-repeat center top/cover #000}}@media screen and (min-width: 576px){.section1{padding:50px 0 60px}}.section1 #event1 h3{max-width:551px;margin:0 auto;margin-top:20px}.section1 #event1 .event-text{color:#b9ca9f}.section1 #event1 .event-text span{color:#d4fc76}.section1 #event1 .intro .intro-img{margin-bottom:15px}@media screen and (min-width: 1200px){.section1 #event1 .intro .intro-img{margin-bottom:30px}}.section1 #event1 ul{margin:15px 0 20px}@media screen and (min-width: 576px){.section1 #event1 ul{margin:40px 0 30px}}.section1 #event1 li{color:#8195ce}.section1 #event1 li span{color:#ebf0ff}.section1 #event2 h3{margin:5px auto 15px}@media screen and (min-width: 1200px){.section1 #event2 h3{margin:5px auto 30px}}.section1 #event2 .event-text{margin-bottom:10px;color:#cae5f6}.section1 #event2 .time{margin:0 auto 15px}@media screen and (min-width: 576px){.section1 #event2 .time{margin:0 auto 25px}}@media screen and (min-width: 1400px){.section1 #event2 .time{margin-bottom:30px}}.section1 #event2 .intro{background:url("../images/event2_intro_bg.png") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.section1 #event2 .intro{background:url("../images/event2_intro_bg.webp") no-repeat center top/cover}}.section1 #event2 .intro h4{max-width:150px;margin-bottom:10px}@media screen and (min-width: 576px){.section1 #event2 .intro h4{max-width:200px;margin-bottom:20px}}@media screen and (min-width: 1400px){.section1 #event2 .intro h4{max-width:224px;margin-bottom:35px}}.section1 #event2 .rule-group{margin-bottom:15px}@media screen and (min-width: 1400px){.section1 #event2 .rule-group{margin-bottom:40px}}@media screen and (min-width: 1400px){.section1 #event2 .rule-group:nth-child(3){margin-bottom:30px}}.section1 #event2 .rule-title{margin-bottom:8px;color:#dde6ff;font-size:15px;line-height:24px;font-weight:500}@media screen and (min-width: 576px){.section1 #event2 .rule-title{font-size:17px;line-height:26px}}@media screen and (min-width: 1400px){.section1 #event2 .rule-title{font-size:20px;line-height:30px}}.section1 #event2 .rule-text,.section1 #event2 ul,.section1 #event2 .setup .event-text{padding-left:10px;color:#b8c5e9;font-size:14px;line-height:22px;font-weight:400}@media screen and (min-width: 576px){.section1 #event2 .rule-text,.section1 #event2 ul,.section1 #event2 .setup .event-text{font-size:16px;line-height:28px}}@media screen and (min-width: 992px){.section1 #event2 .rule-text,.section1 #event2 ul,.section1 #event2 .setup .event-text{padding-left:20px}}@media screen and (min-width: 1400px){.section1 #event2 .rule-text,.section1 #event2 ul,.section1 #event2 .setup .event-text{font-size:18px;line-height:30px}}.section1 #event2 .rule-text li::before,.section1 #event2 ul li::before,.section1 #event2 .setup .event-text li::before{background:currentColor}.section1 #event2 .setup .event-text{margin-bottom:0;padding-left:0}.section1 #event2 .rule-note{margin-top:10px}@media screen and (min-width: 992px){.section1 #event2 .rule-note{margin-top:30px;padding-left:40px}}.section1 #event2 .rule-note li{color:#7ebcca;font-weight:500}.section1 #event2 .setup{display:flex;flex-direction:column;align-items:center;gap:20px}@media screen and (min-width: 1200px){.section1 #event2 .setup{flex-direction:row;gap:0;margin-bottom:30px}}@media screen and (min-width: 1400px){.section1 #event2 .setup{margin-bottom:40px}}.section1 #event2 .setup-img{max-width:580px}@media screen and (min-width: 768px){.section1 #event2 .setup-img{flex:0 0 45%}}.section1 #event2 .setup-text{flex:1;text-align:center}.section1 #event2 .setup-text .event-text{color:#b8c5e9;font-weight:400;text-align:center}.section1 #event2 .setup-text .event-text span{color:#ff6bf0}.section1 #event2 .setup-title{margin-bottom:15px;color:#8cfeff;font-size:18px;line-height:26px;font-weight:500}@media screen and (min-width: 1400px){.section1 #event2 .setup-title{font-size:24px;line-height:32px}}.section1 #event2 .event2-btn{display:block;max-width:551px;margin:20px auto 10px;transition:filter .2s}@media screen and (min-width: 576px){.section1 #event2 .event2-btn{margin:30px auto 10px}}@media screen and (min-width: 992px){.section1 #event2 .event2-btn{margin:45px auto 10px}}.section1 #event2 .event2-btn:hover{filter:brightness(1.15)}.section1 #event3 .wrapper{margin-bottom:0}.section1 #event3 h4{margin:5px auto 15px}.section1 #event3 .table-scroll{position:relative;z-index:2;padding-bottom:15px;overflow-x:auto}@media screen and (min-width: 1200px){.section1 #event3 .table-scroll{margin-bottom:50px}}@supports not selector(::-webkit-scrollbar){.section1 #event3 .table-scroll{scrollbar-color:#714eba #1e222f;scrollbar-width:thin}}.section1 #event3 .table-scroll::-webkit-scrollbar{height:5px}.section1 #event3 .table-scroll::-webkit-scrollbar-track{background:#1e222f;border-radius:4px}.section1 #event3 .table-scroll::-webkit-scrollbar-thumb{background:linear-gradient(to right, #714eba, #3cc8eb);border-radius:4px}.section1 #event3 .reward-table{width:100%;min-width:640px;max-width:1000px;margin:0 auto;table-layout:fixed;border-collapse:collapse}.section1 #event3 .reward-table .col-level{width:20%}.section1 #event3 .reward-table th,.section1 #event3 .reward-table td{border:1px solid #394769}.section1 #event3 .reward-table th{padding:6px 5px 8px;color:#e7edff;font-size:14px;line-height:24px;font-weight:400;text-align:center;background:#714eba;border-color:#203161}@media screen and (min-width: 576px){.section1 #event3 .reward-table th{padding:12px 5px 14px;font-size:16px;line-height:26px}}@media screen and (min-width: 1400px){.section1 #event3 .reward-table th{font-size:18px;line-height:28px}}.section1 #event3 .reward-table th:first-child{color:#8cfeff;background:#324680}.section1 #event3 .reward-table th.th-deluxe{color:#3afafc;background:#552aae}.section1 #event3 .reward-table td{padding:6px 15px 8px;vertical-align:middle;background:#1e222f}@media screen and (min-width: 576px){.section1 #event3 .reward-table td{padding:16px 20px 18px}}@media screen and (min-width: 992px){.section1 #event3 .reward-table td{padding:16px 45px 18px}}.section1 #event3 .reward-table td.level{padding:15px 5px;text-align:center;background:#1e375e}.section1 #event3 .reward-table td.level img{max-height:14px}@media screen and (min-width: 576px){.section1 #event3 .reward-table td.level img{max-height:17px}}.section1 #event3 .reward-table .reward-list{padding:0}.section1 #event3 .reward-table .reward-list li{padding:0;color:#b8c5e9;font-size:14px;line-height:24px;text-align:left;text-indent:0}@media screen and (min-width: 576px){.section1 #event3 .reward-table .reward-list li{font-size:16px;line-height:26px}}@media screen and (min-width: 1400px){.section1 #event3 .reward-table .reward-list li{font-size:18px;line-height:28px}}.section1 #event3 .reward-table .reward-list li::before{display:none}.section1 #event3 .reward-table .reward-list li .qty{color:#b794ff}.section1 #event3 .reward-table .deluxe .reward-list .qty{color:#3cc8eb}.section1 #event3 .reward-table .reward-note{padding-left:8px;color:#9ab3ff;font-size:12px;line-height:22px;font-weight:400}@media screen and (min-width: 576px){.section1 #event3 .reward-table .reward-note{font-size:16px;line-height:26px}}.section1 #event3 .reward-table .reward-note-mark{vertical-align:middle}