@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");@import url("https://fonts.googleapis.com/css?family=Raleway");.landingpagebg{position:absolute}.landingpagebg,.landingpagebg .img_landingpagebg{width:100%;height:100%}.landingpage{height:100%;align-items:flex-end}.landingpage,.logo_landingpage{display:flex;justify-content:center}.logo_landingpage{background-image:url(summer_event_2022/imgs/landingpage/landinglogo.png);background-position:50%;height:30vh;align-self:flex-start;top:27%;position:relative}.logo_landingpage,.person_landingpage{background-repeat:no-repeat;background-size:contain;width:100vw}.person_landingpage{z-index:2;background-image:url(summer_event_2022/imgs/landingpage/landingperson.png);position:absolute;height:40vh;left:5%;bottom:5%}.stone_landingpage{z-index:1;position:absolute;width:100%}.stone_landingpage .img_stone_landingpage{width:100%}.btn_landingpage{z-index:3;display:flex;flex-direction:column;align-items:center;padding:0;gap:24px;position:absolute;width:260px;height:168px;margin-bottom:20px}.btn_landingpage .btn_cgm_login{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 0;gap:10px;height:48px;background:linear-gradient(3.66deg,#6ac9ff 4.36%,#2f5ac8 98.36%);border-radius:8px;flex:none;order:1;align-self:stretch;flex-grow:0}.btn_landingpage .btn_cgm_login .text_cgm_login{font-family:Noto Sans T Chinese;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:hsla(0,0%,100%,.9);text-shadow:0 2px 6px rgba(0,0,0,.75);flex:none;order:0;flex-grow:0}.btn_landingpage .btn_line_login{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 0;gap:10px;height:48px;background:#eee;border-radius:8px;flex:none;order:0;align-self:stretch;flex-grow:0}.btn_landingpage .btn_line_login .text_line_login{color:rgba(0,0,0,.9);order:0}.btn_landingpage .btn_invite_friend,.btn_landingpage .btn_line_login .text_line_login{font-family:Noto Sans T Chinese;font-style:normal;font-weight:500;font-size:16px;line-height:24px;flex:none;flex-grow:0}.btn_landingpage .btn_invite_friend{height:24px;text-align:center;color:hsla(0,0%,100%,.9);order:2;align-self:stretch}.summer_event_2022__story-2-1{background-color:#000;height:100%;width:100%}.summer_event_2022__story-2-1 .container{height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;display:flex;flex-direction:column}.summer_event_2022__story-2-1 .container .role-center{height:100%}.summer_event_2022__story-2-1 .container .role-center .role-center-img{background-size:cover;background-repeat:no-repeat;height:100%}.summer_event_2022__story-2-1 .container .footer-btn{width:calc(100% - 32px);margin:0 16px 24px}.summer_event_2022__story-2-1 .enter-user-info-footer__inputs{margin-top:24px;display:flex;flex-direction:column;gap:10px}.summer_event_2022__story-2-1 .enter-user-info-footer__inputs__name{white-space:nowrap}.summer_event_2022__story-2-1 .enter-user-info-footer__inputs__group{display:flex;align-items:center;gap:10px}.summer_event_2022__story-2-1 .enter-user-info-footer__inputs input,.summer_event_2022__story-2-1 .enter-user-info-footer__inputs select{font-size:16px;padding:8px 16px;background:hsla(0,0%,100%,.8);border:1px solid #423119;border-radius:8px;flex-grow:1;color:rgba(0,0,0,.6);width:100%;height:3rem}.determine_role{position:absolute;z-index:10}.determine_role,.determine_role img{height:100%;width:100%}.determine_role_shadow{z-index:50}.determine_role_popup_shadow,.determine_role_shadow{position:absolute;background:rgba(24,24,24,.6);width:100%;height:100%}.determine_role_popup_shadow{z-index:150}.determine_role_component{z-index:100;position:absolute;display:flex;flex-direction:column;width:100%;height:100%}.determine_role_component .img_voice_control{position:absolute;right:15px;top:0;width:48px}.determine_role_component .determine_role_top{display:flex;justify-content:space-between}.determine_role_component .determine_role_top .btn_determine_top_leftright{position:relative;gap:4px;width:48px;height:40px;top:20px}.determine_role_component .determine_role_top .btn_determine_top_leftright:focus{outline:none}.determine_role_component .determine_role_top .btn_determine_top_leftright:not(.pure-img){padding:8px 12px;background:rgba(24,24,24,.4);border:2px solid #eae3d9;border-radius:16px}.determine_role_component .determine_role_top .btn_determine_top_left{left:15px}.determine_role_component .determine_role_top .btn_determine_top_right{right:15px}@media only screen and (max-device-width:320px){.determine_role_component .determine_role_top .btn_determine_top_left{left:5px}.determine_role_component .determine_role_top .btn_determine_top_right{right:5px}}.determine_role_component .determine_role_top .btn_determine_role_top_leftright{position:relative;top:0}.determine_role_component .determine_role_top .btn_determine_role_top_left{left:2px}.determine_role_component .determine_role_top .btn_determine_role_top_right{right:2px}.determine_role_component .determine_role_top .determine_role_top_middle{background:linear-gradient(0deg,#fba04c,#d35624);border:2px solid #f94;border-radius:0 0 24px 24px;width:60%;text-align:center;padding-top:6%;padding-bottom:3%}.determine_role_component .determine_role_top .determine_role_top_middle_text{width:156px;height:30px;top:29px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:26px;line-height:115.4%;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.75)}.determine_role_component .determine_role_middle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:8px;position:relative;top:20px}.determine_role_component .determine_role_middle .img_determine_role_backpack_open{margin-top:25%}.determine_role_component .determine_role_middle .determine_role_middle_cardlist{display:flex;flex-direction:row;justify-content:center;padding:0;gap:11px;flex:none;order:0;align-self:stretch;flex-grow:0}.determine_role_component .determine_role_middle .determine_role_middle_cardlist .determine_role_hearttestcard{width:23%}.determine_role_component .determine_role_middle .determine_role_middle_cardlist .determine_role_hearttestcard.selected{border:2px solid #f17442;border-radius:4px}.determine_role_component .determine_role_middle .determine_role_treasure_card{width:75%;margin-top:7%}.determine_role_component .determine_role_middle .determine_role_treasure_card_desc{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;text-align:center;color:hsla(0,0%,100%,.9);text-shadow:0 3px 2px rgba(0,0,0,.4)}.determine_role_component .determine_role_middle .determine_role_top_desc{width:90%;font-family:Noto Sans T Chinese;font-style:normal;font-weight:1000;font-size:14px;line-height:22px;text-align:center;text-shadow:#000 .1em .1em .2em;color:hsla(0,0%,100%,.9);border-radius:8px;background:rgba(0,0,0,.3);padding:8px}.determine_role_component .determine_role_middle .determine_role_top_blank{height:59px}.determine_role_component .determine_role_middle .determine_role_pic{display:flex;justify-content:center}.determine_role_component .determine_role_middle .determine_role_pic img{margin-top:5%}@media only screen and (max-device-height:730px){.determine_role_component .determine_role_middle .determine_role_pic img{margin-top:13%;width:70%}}.determine_role_bottom{position:absolute;z-index:100;width:100%;margin-bottom:3%;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:hsla(0,0%,100%,.9);text-shadow:0 3px 2px rgba(0,0,0,.4);bottom:10px}.determine_role_bottom .block_name_title{flex-direction:row;padding:8px 16px;gap:10px;height:36px;border:2px solid #eae3d9;border-radius:8px 8px 0 0}.determine_role_bottom .block_name_title,.determine_role_bottom .block_speak_content{display:flex;align-items:center;align-self:flex-start;margin-left:5%;background:rgba(24,24,24,.6)}.determine_role_bottom .block_speak_content{flex-direction:column;padding:24px 16px;gap:16px;width:90%;border:2px solid #eae3d9;border-radius:0 8px 8px 8px}.determine_role_bottom .block_speak_content .text_block_speak_content{text-align:left;font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:16px;line-height:125%;color:hsla(0,0%,100%,.9);flex:none;order:0;align-self:stretch;flex-grow:0}.determine_role_bottom .block_speak_content .block_continue_plot{display:flex;flex-direction:row;justify-content:flex-end;flex:none;order:1;align-self:stretch;flex-grow:0}.determine_role_bottom .block_speak_content .block_continue_plot .btn_continue_plot{display:flex;justify-content:row}.determine_role_bottom .block_speak_content .block_continue_plot .btn_continue_plot .img_continue_plot{margin-top:-3px;margin-left:3px}.determine_role_bottom .btn_margin_top{margin-top:4%}.determine_role_bottom .determine_role_bottom_desc{width:90%;margin-bottom:5%;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;text-align:center;text-shadow:#000 .1em .1em .2em;color:hsla(0,0%,100%,.9)}.determine_role_bottom .btn_confirm_choice{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 0;gap:10px;width:90%;background:#f17442;border:2px solid #f94;border-radius:8px}.determine_role_bottom .btn_confirm_choice .text_confirm_choice{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;color:hsla(0,0%,100%,.9);text-shadow:0 2px 6px rgba(0,0,0,.75)}.determine_role_bottom .btn_rechoice{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 0;gap:10px;width:90%;margin-left:5%;background:#eee;border-radius:8px;flex:none;order:0;align-self:stretch;flex-grow:0}.determine_role_bottom .btn_rechoice .text_rechoice{font-family:Noto Sans T Chinese;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:rgba(0,0,0,.9)}.determine_role_popup{position:absolute;z-index:200;margin-top:55%;margin-left:15%;width:70%;height:34%}.determine_role_popup .determine_role_popup_title{position:absolute;width:60%;left:20%;top:0;z-index:201;padding-top:7%;padding-bottom:7%;display:flex;justify-content:center;background:linear-gradient(0deg,#fba04c,#d35624);border:2px solid #f94;border-top:0 solid #f94;border-radius:0 0 24px 24px}.determine_role_popup .determine_role_popup_title .determine_role_popup_title_text{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:26px;line-height:115.4%;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.75)}.determine_role_popup .determine_role_popup_container{display:flex;flex-direction:column;align-items:center;gap:24px;position:absolute;width:100%;height:98%;left:0;top:2%;background:#eae3d9;border-radius:8px}.determine_role_popup .determine_role_popup_container .determine_role_popup_desc{position:absolute;width:80%;left:10%;top:35%}.determine_role_popup .determine_role_popup_container .determine_role_popup_desc .text_determine_role_popup{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:14px;line-height:22px;color:rgba(0,0,0,.6)}.determine_role_popup .determine_role_popup_container .btn_determine_role_popup{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 0;gap:10px;width:80%;left:10%;bottom:10%;background:#f17442;border:2px solid #f94;border-radius:8px}.determine_role_popup .determine_role_popup_container .btn_determine_role_popup .text_btn_determine_role_popup{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;color:hsla(0,0%,100%,.9);text-shadow:0 2px 6px rgba(0,0,0,.75)}.waiting_room{position:absolute;z-index:10}.waiting_room,.waiting_room_shadow,.waiting_room img{height:100%;width:100%}.waiting_room_shadow{position:absolute;z-index:50;background:rgba(24,24,24,.6)}.waiting_room_popup{position:absolute;z-index:100;display:flex;justify-content:center;flex-direction:column;margin:12px;width:94%;height:calc(100% - 24px)}.waiting_room_popup .waiting_room_popup_title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 16px;gap:10px;background:linear-gradient(0deg,#fba04c,#d35624);border:solid #f94;border-width:1px 1px 0;border-radius:8px 8px 0 0}.waiting_room_popup .waiting_room_popup_title .waiting_room_popup_title_desc{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;color:hsla(0,0%,100%,.9);text-shadow:0 2px 6px rgba(0,0,0,.75);flex:none;order:0;flex-grow:0}.waiting_room_popup .waiting_room_popup_content{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:24px;background:linear-gradient(180deg,#f4ede3,#ecdbc3);border:1px solid #a6957d;border-radius:0 0 8px 8px;overflow:auto;height:100%}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamNameblock{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;width:100%}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamNameblock .waiting_room_popup_content_teamName{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:4px;width:100%}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamNameblock .waiting_room_popup_content_teamName .waiting_room_popup_content_teamName_input{width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:10px;background:hsla(0,0%,100%,.8);border:1px solid #a6957d;border-radius:8px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:16px;line-height:125%;color:rgba(0,0,0,.9)}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamNameblock .waiting_room_popup_content_teamName .waiting_room_popup_content_teamName_name{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:14px;line-height:22px;color:rgba(66,49,25,.9)}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamNameblock .waiting_room_popup_content_teamName .waiting_room_popup_content_teamName_inputhint{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:rgba(0,0,0,.6)}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_title{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;width:100%;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;text-align:center;color:rgba(66,49,25,.9)}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_title .waiting_room_popup_content_title_line{background:no-repeat 50% url(summer_event_2022/imgs/waitingroom/line.png);width:36%}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_title .waiting_room_popup_content_title_desc{width:36%}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:12px;overflow:auto;flex-grow:1}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;width:100%;overflow:auto;background:hsla(0,0%,100%,.2);border:1px solid #a6957d;border-radius:8px}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember .waiting_room_popup_content_teamMember_item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0;gap:12px;width:100%}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember .waiting_room_popup_content_teamMember_item .waiting_room_popup_content_teamMember_item_data{display:flex;flex-direction:row;align-items:center;padding:0;gap:12px;width:100%}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember .waiting_room_popup_content_teamMember_item .waiting_room_popup_content_teamMember_item_data .waiting_room_popup_content_teamMember_item_data_img{width:20%}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember .waiting_room_popup_content_teamMember_item .waiting_room_popup_content_teamMember_item_data .waiting_room_popup_content_teamMember_item_data_detail{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;gap:4px}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember .waiting_room_popup_content_teamMember_item .waiting_room_popup_content_teamMember_item_data .waiting_room_popup_content_teamMember_item_data_detail .waiting_room_popup_content_teamMember_item_data_detail_teamName{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;color:#f17442;text-overflow:ellipsis;width:100%;overflow:hidden;white-space:nowrap}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember .waiting_room_popup_content_teamMember_item .waiting_room_popup_content_teamMember_item_data .waiting_room_popup_content_teamMember_item_data_detail .waiting_room_popup_content_teamMember_item_data_detail_teamrole{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:4px;width:100%}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember .waiting_room_popup_content_teamMember_item .waiting_room_popup_content_teamMember_item_data .waiting_room_popup_content_teamMember_item_data_detail .waiting_room_popup_content_teamMember_item_data_detail_teamrole .waiting_room_popup_content_teamMember_item_data_detail_teamLeader{display:flex;flex-direction:row;align-items:flex-start;padding:0 4px;gap:10px;background:#f17442;border-radius:4px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:12px;line-height:20px;color:hsla(0,0%,100%,.9);white-space:nowrap}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember .waiting_room_popup_content_teamMember_item .waiting_room_popup_content_teamMember_item_data .waiting_room_popup_content_teamMember_item_data_detail .waiting_room_popup_content_teamMember_item_data_detail_teamrole .waiting_room_popup_content_teamMember_item_data_detail_gamerole{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:12px;line-height:20px;color:rgba(0,0,0,.4)}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember .waiting_room_popup_content_teamMember_item .waiting_room_popup_content_teamMember_item_data .waiting_room_popup_content_teamMember_item_data_detail .waiting_room_popup_content_teamMember_item_data_detail_empty{margin-top:12%;font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:16px;line-height:125%;color:rgba(66,49,25,.9)}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_teamMemberblock .waiting_room_popup_content_teamMember .waiting_room_popup_content_teamMember_item .waiting_room_popup_content_teamMember_item_data .waiting_room_popup_content_teamMember_item_data_detail_msg{text-align:right;flex:1 1 0%;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:14px;line-height:22px;color:rgba(66,49,25,.9)}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_buttonblock{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:24px;width:100%}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_buttonblock .waiting_room_popup_content_buttonblock_invite{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 0;gap:10px;background:#eee;border-radius:8px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:16px;line-height:125%;color:rgba(0,0,0,.9)}.waiting_room_popup .waiting_room_popup_content .waiting_room_popup_content_buttonblock .waiting_room_popup_content_buttonblock_start{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 0;gap:10px;background:#f17442;border:2px solid #f94;border-radius:8px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;color:hsla(0,0%,100%,.9);text-shadow:0 2px 6px rgba(0,0,0,.75)}.summer_event_2022__story-5-0{display:flex;flex-direction:column;height:100%}.summer_event_2022__story-5-0__content{flex-grow:1;position:relative}.summer_event_2022__story-5-0__tabs{display:flex;flex-direction:row;align-items:flex-start;padding:6px 0 2px;background:linear-gradient(180deg,#f4ede3,#ecdbc3);border-radius:12px 12px 0 0}.summer_event_2022__story-5-0__tab{outline:none;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;color:rgba(0,0,0,.6)}.summer_event_2022__story-5-0__tab svg{fill:rgba(24,24,24,.6)}.summer_event_2022__story-5-0__tab:disabled{color:rgba(0,0,0,.26)}.summer_event_2022__story-5-0__tab:disabled svg{fill:rgba(24,24,24,.2)}.summer_event_2022__story-5-0__tab--active{color:#f17442}.summer_event_2022__story-5-0__tab--active svg{fill:#f17442}.summer_event_2022__story-5-0__tab:focus{outline:none}.summer_event_2022__story-5-1-main-mission{background-color:#000;height:100%;width:100%}.summer_event_2022__story-5-1-main-mission .container{height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;background-image:url(summer_event_2022/imgs/5.1.Story/5-1-town.png);display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding-bottom:16px}.summer_event_2022__story-5-1-main-mission .container .magic-title{display:flex;flex-direction:row;z-index:1;width:90%}.summer_event_2022__story-5-1-main-mission .container .magic-title #pre-magic{background-image:url(summer_event_2022/imgs/5.1.Story/last-page.png);width:80px;height:60px;background-position:50%;box-shadow:0 4px 8px rgba(0,0,0,.4);border-radius:0 0 8px 8px;cursor:pointer}.summer_event_2022__story-5-1-main-mission .container .magic-title #title{color:#fff;margin:0 5%;font-size:30px;text-align:center;width:144px;height:107px;background-image:url(summer_event_2022/imgs/5.1.Story/Rectangle34.png);background-size:contain;background-position:50%;background-repeat:no-repeat;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.75);padding-top:20px}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list{background:linear-gradient(180deg,#f4ede3,#ecdbc3);width:95%;height:0;flex-grow:1;border:1px solid #a6957d;box-shadow:0 4px 8px rgba(0,0,0,.4);border-radius:8px;margin:-40px 0 0;padding:40px 16px 16px;overflow:auto}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list .magic-type-menu{background:rgba(24,24,24,.1);border-radius:8px 8px 8px 8px;line-height:36px;color:hsla(0,0%,100%,.9)}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list .magic-type-menu .magic-item{border-radius:8px 8px 8px 8px;width:25%;display:inline-block;text-align:center}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list .magic-type-menu .pick-on{background:linear-gradient(0deg,#fba04c,#d35624);text-shadow:0 2px 6px rgba(0,0,0,.75)}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list .magic-type-menu .pick-off{color:#000}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list .magic-sub-mission-list{display:flex;flex-direction:row;align-items:center}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list .magic-sub-mission-list .magic-sub-mission{padding:10px 0 0 10px;margin:10px 0;width:100%;border:1px solid rgba(24,24,24,.1);border-radius:4px}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list .magic-sub-mission-list .magic-sub-mission .magic-sub-mission-title{line-height:20px;font-size:16px}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list .magic-sub-mission-list .magic-sub-mission .magic-sub-mission-title .magic-sub-mission-title-tag{color:#f17442;padding:0 8px;margin:0 0 0 10px;width:50px;height:22px;border:1px solid #f17442;border-radius:4px;display:inline-block;font-size:12px;text-align:center}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list .magic-sub-mission-list .magic-sub-mission .magic-sub-mission-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.summer_event_2022__story-5-1-main-mission .container .magic-mission-list .magic-sub-mission-list .magic-sub-mission .magic-sub-mission-read-more{color:#f17442;text-align:right;margin:5px 5px 5px 0}.summer_event_2022__story-5-1-main-mission .container .main-title{display:flex;flex-direction:row;z-index:1}.summer_event_2022__story-5-1-main-mission .container .main-title #pre{background-image:url(summer_event_2022/imgs/5.1.Story/last-page.png);width:80px;height:60px;background-position:50%;box-shadow:0 4px 8px rgba(0,0,0,.4);border-radius:0 0 8px 8px;cursor:pointer}.summer_event_2022__story-5-1-main-mission .container .main-title #magic{background-image:url(summer_event_2022/imgs/5.1.Story/magic.png);width:80px;height:60px;background-position:50%;box-shadow:0 4px 8px rgba(0,0,0,.4);border-radius:0 0 8px 8px;cursor:pointer}.summer_event_2022__story-5-1-main-mission .container .main-title #title{color:#fff;margin:0 5%;font-size:30px;text-align:center;width:144px;height:107px;background-image:url(summer_event_2022/imgs/5.1.Story/Rectangle34.png);background-size:contain;background-position:50%;background-repeat:no-repeat;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.75);padding-top:20px}.summer_event_2022__story-5-1-main-mission .container .mission-group{width:100%;display:flex;flex-direction:column;align-items:center}.summer_event_2022__story-5-1-main-mission .container .people-count{width:100%;display:flex;justify-content:end;margin-right:32px;margin-bottom:-16px}.summer_event_2022__story-5-1-main-mission .container .mission{padding:16px 20px;width:90%;background:linear-gradient(0deg,#fba04c,#d35624);border:2px solid #eae3d9;box-shadow:0 4px 8px rgba(0,0,0,.4);border-radius:12px;margin:24px 10px 0}.summer_event_2022__story-5-1-main-mission .container .mission--completed{background:#a6957d}.summer_event_2022__story-5-1-main-mission .container .mission--preface{background:linear-gradient(3.66deg,#6ac9ff 4.36%,#2f5ac8 98.36%)}.summer_event_2022__story-5-1-main-mission .container .mission .mission-name{display:flex;color:#fff;font-size:20px;justify-content:space-between;text-shadow:0 2px 6px rgba(0,0,0,.75);margin-bottom:16px}.summer_event_2022__story-5-1-main-mission .container .mission .mission-name--no-progress-bar{margin-bottom:0}.summer_event_2022__story-5-1-main-mission .container .mission .mission-name--center{justify-content:center}.summer_event_2022__story-5-1-main-mission .container .mission .progressbar{background:#c6c6c6;display:flex;flex-direction:row;align-items:center;padding:0;height:4px;flex:none;order:1;flex-grow:0}.summer_event_2022__story-5-1-main-mission .container .mission .progressbar .progress{background:#dd602e;width:100%;height:4px}.summer_event_2022__story-5-1-main-mission .container .mission:hover{cursor:pointer}.summer_event_2022__story-5-1-main-mission .container .mission-list{background:linear-gradient(180deg,#f4ede3,#ecdbc3);width:95%;height:0;flex-grow:1;border:1px solid #a6957d;box-shadow:0 4px 8px rgba(0,0,0,.4);border-radius:8px;margin:-40px 0 0;padding:40px 16px 16px;overflow:auto}.summer_event_2022__story-5-1-main-mission .container .mission-list .day-icons{height:30px;display:flex;align-items:center;padding:0 10px}.summer_event_2022__story-5-1-main-mission .container .mission-list .day-icons .day-line{background-image:url(summer_event_2022/imgs/5.1.Story/day/line.png);flex-grow:1;background-repeat:repeat-x;height:2px}.summer_event_2022__story-5-1-main-mission .container .mission-list .day-icons .day-line-empty{background-image:url(summer_event_2022/imgs/5.1.Story/day/line-empty.png);flex-grow:1;background-repeat:repeat-x;height:2px}.summer_event_2022__story-5-1-main-mission .container .mission-list .daily-gift__button{display:flex;flex-direction:column;align-items:center;margin-top:16px}.summer_event_2022__story-5-1-main-mission .container .mission-list .daily-gift__icon{width:32px;height:32px}.summer_event_2022__story-5-1-main-mission .container .mission-list .day-name{display:flex;justify-content:space-between;padding:0 5px}.summer_event_2022__story-5-1-main-mission .container .mission-list .description{margin:20px 0 0}.summer_event_2022__story-5-1-main-mission .container .mission-list #mission-content-title{margin:10px 0 0;height:24px;display:flex;justify-content:center}.summer_event_2022__story-5-1-main-mission .container .mission-list #mission-content-title .text{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:18px;text-align:center;margin:0 8px;display:flex;align-items:center}.summer_event_2022__story-5-1-main-mission .container .mission-list #mission-content-title .line{flex-grow:1;margin-top:12px;border-top:1px solid rgba(24,24,24,.6)}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info{background:hsla(0,0%,100%,.2);border:1px solid rgba(24,24,24,.1);border-radius:4px;margin-bottom:16px}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-icon-pray-no{background-image:url(summer_event_2022/imgs/5.1.Story/icon-pray-no.png);height:33px;width:33px;display:inline-block;margin:5px}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-icon-pray-done{background-image:url(summer_event_2022/imgs/5.1.Story/icon-pray-done.png);height:33px;width:33px;display:inline-block;margin:5px}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-icon-read-done{background-image:url(summer_event_2022/imgs/5.1.Story/icon-read-done.png);height:33px;width:33px;display:inline-block;margin:5px}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-icon-read-no{background-image:url(summer_event_2022/imgs/5.1.Story/icon-read-no.png);height:33px;width:33px;display:inline-block;margin:5px}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-icon-lock{background-image:url(summer_event_2022/imgs/5.1.Story/icon-lock.png);height:33px;width:33px;display:inline-block;margin:5px}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-detail{display:inline-block;margin:0 0 0 10px;width:80%;height:33px;line-height:33px}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-detail .mission-content-detail-layout{display:flex;justify-content:space-between}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-detail .mission-content-detail-layout .mission-content-detail-status .mission-content-detail-status-done{background:#f17442;color:#fff;padding:0 6px;border-radius:4px;line-height:25px}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-detail .mission-content-detail-layout .mission-content-detail-status .mission-content-detail-status-apply{border:1px solid #f17442;color:#f17442;padding:0 6px;border-radius:4px;line-height:25px}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-detail .mission-content-detail-layout .mission-content-detail-status .mission-content-detail-status-done-2{background:rgba(24,24,24,.2);color:hsla(0,0%,100%,.55);padding:0 6px;border-radius:4px;line-height:25px}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-detail .progressbar{background:#c6c6c6;display:flex;flex-direction:row;align-items:center;padding:0;height:4px;flex:none;order:1;flex-grow:0}.summer_event_2022__story-5-1-main-mission .container .mission-list .mission-content .mission-content-info .mission-content-detail .progressbar .progress{background:#dd602e;width:100%;height:4px}.summer_event_2022__story-5-1-main-mission__daily-gift__modal{display:flex;flex-direction:column;justify-content:center;align-items:center}.summer_event_2022__story-5-1-main-mission__daily-gift__modal .gift-icon{display:inline-block;width:160px;height:160px;background-color:#fff;justify-content:center;display:flex}.summer_event_2022__story-5-1-main-mission__daily-gift__modal .gift-icon img{height:160px;width:auto}.summer_event_2022__story-5-1-main-mission__EnterPhase3__get-power{height:100%;display:flex;flex-direction:column;background:linear-gradient(0deg,transparent,rgba(0,0,0,.6))}.summer_event_2022__story-5-1-main-mission__EnterPhase3__get-power__text{padding:2rem 3rem 1rem;color:hsla(0,0%,100%,.9);font-size:1rem;text-align:center;font-family:Noto Sans T Chinese;font-size:16px;font-style:normal;font-weight:700;line-height:125%}.summer_event_2022__story-5-1-main-mission__EnterPhase3__get-power__role{flex-grow:1;flex-shrink:1;display:flex;align-items:center}.summer_event_2022__SubmitPrayMissionPreface__submit-modal-content{display:flex;font-size:16px;justify-content:space-between;align-items:center;flex-direction:column}.summer_event_2022__SubmitPrayMissionPreface__submit-modal-content input{font-size:16px;padding:8px 16px;background:hsla(0,0%,100%,.8);border:1px solid #423119;border-radius:8px;flex-shrink:1;color:rgba(0,0,0,.6);width:100%;height:3rem}.summer_event_2022__SubmitPrayMissionPreface__submit-modal-content span{width:60px}.summer_event_2022__SubmitPrayMissionPreface__submit-modal-content__fields{display:flex;flex-direction:row;margin-top:1rem;justify-content:center;align-items:center}.summer_event_2022__people-in-progress-count{position:relative}.summer_event_2022__people-in-progress-count--text{position:absolute;top:.75rem;left:0;width:100%;height:100%;display:flex;color:hsla(0,0%,100%,.9);justify-content:center;text-align:center}.summer_event_2022__side-mission-tab{position:absolute;z-index:1;height:100%;width:100%}.summer_event_2022__side-mission-tab img{width:100%;height:100%}.summer_event_2022__side-mission-tab_content{position:absolute;z-index:2;background:rgba(0,0,0,.4);width:100%;height:100%}.summer_event_2022__side-mission-tab_content .side-mission-tab_block{position:relative;height:98.5%;width:94%;left:3%;right:3%;top:1.5%;display:flex;flex-direction:column}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 16px;gap:10px;position:relative;width:100%;height:5%;background:linear-gradient(0deg,#fba04c,#d35624);border:solid #f94;border-width:1px 1px 0;border-radius:8px 8px 0 0;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;color:hsla(0,0%,100%,.9);text-shadow:0 2px 6px rgba(0,0,0,.75)}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body{box-sizing:border-box;position:relative;width:100%;height:92%;padding:4% 7%;background:linear-gradient(180deg,#f4ede3,#ecdbc3);border:1px solid #a6957d;border-radius:0 0 8px 8px}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_collection{height:4%;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:18px;line-height:111%;text-align:left;color:rgba(0,0,0,.9)}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_collect-desc{height:8.5%;font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:12px;line-height:20px;color:rgba(0,0,0,.6)}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_progress-bar{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;height:4%;position:relative}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_progress-bar .side-mission-tab_progress-bar-back{position:absolute;width:100%;height:100%;z-index:5;background:rgba(24,24,24,.1);border-radius:12px}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_progress-bar .side-mission-tab_progress-bar-fill{position:absolute;height:100%;z-index:6;background:#f17442;border-radius:12px}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_progress-bar .side-mission-tab_progress-bar-desc{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:7;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:10px;line-height:140%;color:hsla(0,0%,100%,.9)}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_dividing{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;gap:8px;width:100%;height:8%}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_dividing .side-mission-tab_dividing-line{height:2%;width:32%;display:flex;align-items:center;justify-content:center}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_dividing .side-mission-tab_dividing-line img{width:100%;height:100%}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_dividing .side-mission-tab_dividing-desc{display:flex;align-items:center;justify-content:center;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;text-align:center;color:rgba(0,0,0,.9)}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .extract-spirit-beast-block{background:#f17442!important;color:hsla(0,0%,100%,.9)}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .unextract-spirit-beast-block{background:rgba(243,235,224,.6);border:1px solid #a6957d;color:rgba(0,0,0,.4)}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_spirit-beast-block{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:8px;width:100%;height:14%;border-radius:8px}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_spirit-beast-block .side-mission-tab_spirit-beast-block_noclick-icon{position:absolute;z-index:3;display:flex;justify-content:center;flex-direction:column;align-items:center}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_spirit-beast-block .side-mission-tab_spirit-beast-block_noclick-icon .side-mission-tab_spirit-beast-block_noclick-icon-photo{width:40%}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_spirit-beast-block .side-mission-tab_spirit-beast-block_noclick-icon .side-mission-tab_spirit-beast-block_noclick-icon-photo img{width:100%}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_spirit-beast-block .side-mission-tab_spirit-beast-block_noclick-icon span{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:12px;line-height:20px}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_mission-block{box-sizing:border-box;position:relative;overflow-y:scroll;display:flex;flex-direction:column;align-items:center;padding:12px;gap:8px;width:100%;height:52%;background:rgba(243,235,224,.6);border:1px solid #a6957d;border-radius:8px}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_mission-block .side-mission-tab_mission-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;gap:16px;width:100%}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_mission-block .side-mission-tab_mission-item .side-mission-tab_mission-desc{display:flex;flex-direction:column;flex-shrink:1;align-items:left;padding:0;gap:4px;width:70%}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_mission-block .side-mission-tab_mission-item .side-mission-tab_mission-desc .side-mission-tab_mission-name{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:14px;line-height:22px;color:rgba(0,0,0,.9)}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_mission-block .side-mission-tab_mission-item .side-mission-tab_mission-desc .side-mission-tab_mission-action{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:12px;line-height:20px;color:rgba(0,0,0,.4)}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_mission-block .side-mission-tab_mission-item .side-mission-tab_mission-desc .side-mission-tab_mission-action .side-mission-tab_mission-action_spc{color:#f17442!important}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_mission-block .side-mission-tab_mission-item .side-mission-tab_mission-btn{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding:4px 12px;gap:10px;width:30%;background:#f17442;border-radius:4px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:12px;line-height:20px;color:hsla(0,0%,100%,.9)}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_mission-block .side-mission-tab_mission-item .side-mission-tab_mission-btn-tosend{background:#f17442}.summer_event_2022__side-mission-tab_content .side-mission-tab_block .side-mission-tab_body .side-mission-tab_mission-block .side-mission-tab_mission-item .side-mission-tab_mission-btn-complete{background:rgba(24,24,24,.2)}.summer_event_2022__SubmitSideMissionPreface__submit-modal-content{display:flex;font-size:16px;justify-content:center;align-items:center;flex-direction:column}.summer_event_2022__SubmitSideMissionPreface__submit-modal-content input,.summer_event_2022__SubmitSideMissionPreface__submit-modal-content textarea{font-size:16px;padding:8px 16px;background:hsla(0,0%,100%,.8);border:1px solid #423119;border-radius:8px;flex-shrink:1;color:rgba(0,0,0,.6);width:100%;margin-bottom:16px;height:3rem}.summer_event_2022__SubmitSideMissionPreface__submit-modal-content textarea{height:5rem}.summer_event_2022__SubmitSideMissionPreface__submit-modal-content span{width:100%;margin-bottom:16px}.summer_event_2022__5-3-MyProfileTab{position:absolute;height:100%;display:flex;flex-direction:column;font-family:Noto Sans T Chinese;font-style:normal;box-sizing:border-box;background:#eae3d9;border:1px solid #eae3d9;padding:2% 2% 24px}.summer_event_2022__5-3-MyProfileTab .profile_back{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;width:60px;height:24px;left:12px;top:16px;margin-bottom:24px}.summer_event_2022__5-3-MyProfileTab .profile_back .profile_back_desc{width:32px;height:20px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;color:#423119}.summer_event_2022__5-3-MyProfileTab .profile_basic{display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:16px}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_func{position:absolute;width:24px;height:24px;right:16px;top:5px}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_func img{width:100%}.summer_event_2022__5-3-MyProfileTab .profile_basic ul.profile_change_teamleader{position:absolute;right:12px;top:30px;background-color:#eae3d9;border:1px solid #a6957d;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));border-radius:8px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;color:rgba(0,0,0,.9)}.summer_event_2022__5-3-MyProfileTab .profile_basic ul.profile_change_teamleader li>button{width:100%;padding:0 1rem;height:52px;display:flex;align-items:center}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_photo{width:37%;border-radius:8px}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info{display:flex;flex-direction:column;justify-content:flex-start}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info .profile_basic_name{font-weight:1000;font-size:26px;line-height:115.4%;color:rgba(0,0,0,.9);margin-bottom:4px}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info .profile_basic_role{font-weight:400;font-size:14px;line-height:22px;color:rgba(0,0,0,.9)}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info .profile_basic_team{display:flex;flex-direction:row;align-items:center;padding:0;left:156px;margin-top:5px}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info .profile_basic_team .profile_basic_team_name{font-family:Noto Sans T Chinese;font-style:normal;font-weight:1000;line-height:22px;color:rgba(0,0,0,.9);flex:none;order:0;flex-grow:0}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info .profile_basic_team .profile_basic_team_name_stage0{font-size:17px}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info .profile_basic_team .profile_basic_team_name_stage1{font-size:26px;width:100%;margin-bottom:16px}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info .profile_basic_static{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info .profile_basic_static .profile_basic_static_group{display:flex;flex-direction:column;align-items:flex-start;padding:0;left:156px;margin-top:10px}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info .profile_basic_static .profile_basic_static_group .profile_basic_static_desc{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:16px;line-height:125%;color:rgba(0,0,0,.9)}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info .profile_basic_static .profile_basic_static_group .profile_basic_static_number{font-family:Noto Sans T Chinese;font-style:normal;font-weight:1000;font-size:26px;line-height:115.4%;color:rgba(0,0,0,.9)}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info_satge0{padding-left:3%;flex-grow:1}.summer_event_2022__5-3-MyProfileTab .profile_basic .profile_basic_info_satge1{padding-left:0}.summer_event_2022__5-3-MyProfileTab .profile_taglist{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:1px;flex:none;order:0;align-self:stretch;flex-grow:0}.summer_event_2022__5-3-MyProfileTab .profile_taglist .profile_tag_selected{background:rgba(24,24,24,.1)}.summer_event_2022__5-3-MyProfileTab .profile_taglist .profile_tag_selected .profile_tag_desc{font-weight:1000}.summer_event_2022__5-3-MyProfileTab .profile_taglist .profile_tag_unselected{background:linear-gradient(180deg,#f4ede3,#cebda5)}.summer_event_2022__5-3-MyProfileTab .profile_taglist .profile_tag_unselected .profile_tag_desc{font-weight:400}.summer_event_2022__5-3-MyProfileTab .profile_taglist .profile_tag_width_33_3{width:33.3%}.summer_event_2022__5-3-MyProfileTab .profile_taglist .profile_tag_width_50{width:50%}.summer_event_2022__5-3-MyProfileTab .profile_taglist .profile_tag{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 24px;gap:2px;border:1px solid #a6957d;border-radius:8px 8px 0 0}@media only screen and (max-width:312px){.summer_event_2022__5-3-MyProfileTab .profile_taglist .profile_tag{height:50px}}@media only screen and (min-width:647px){.summer_event_2022__5-3-MyProfileTab .profile_taglist .profile_tag{height:50px}}.summer_event_2022__5-3-MyProfileTab .profile_taglist .profile_tag .profile_tag_desc{font-family:Noto Sans T Chinese;font-style:normal;font-size:12px;line-height:20px;color:rgba(0,0,0,.9)}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;padding:16px;gap:2%;overflow:scroll;background:hsla(0,0%,100%,.2);border:1px solid #a6957d;border-top:0 solid #a6957d;border-radius:0 0 8px 8px}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_hisrecord{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_hisrecord .profile_tagcontent_hisrecord_date{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:12px;line-height:20px;color:rgba(0,0,0,.4)}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_hisrecord .profile_tagcontent_hisrecord_type{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:12px;line-height:20px;margin:0 12px 0 0;color:rgba(0,0,0,.4)}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_hisrecord .profile_tagcontent_hisrecord_desc{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;padding:0;display:flex;flex-direction:column}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_hisrecord .profile_tagcontent_hisrecord_desc .profile_tagcontent_hisrecord_word{font-family:Noto Sans T Chinese;font-style:normal;font-weight:1000;font-size:16px;line-height:125%;color:rgba(0,0,0,.9)}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_hisrecord .profile_tagcontent_hisrecord_desc .profile_tagcontent_hisrecord_point{font-family:Noto Sans T Chinese;font-style:normal;font-weight:1000;font-size:16px;line-height:125%;color:#f17442}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_hisrecord .profile_tagcontent_hisrecord_desc .profile_tagcontent_hisrecord_note{font-family:Noto Sans T Chinese;font-style:normal;font-weight:1000;font-size:14px;line-height:125%;color:rgba(0,0,0,.4)}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_props{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_props .profile_tagcontent_props_content{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;width:80%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_props .profile_tagcontent_props_content .profile_tagcontent_props_img{border-radius:8px;width:20%;flex-shrink:0}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_props .profile_tagcontent_props_content .profile_tagcontent_props_img img{width:100%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_props .profile_tagcontent_props_content .profile_tagcontent_props_word{display:flex;flex-direction:column;align-items:flex-start;padding:0}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_props .profile_tagcontent_props_content .profile_tagcontent_props_word .profile_tagcontent_props_name{font-family:Noto Sans T Chinese;font-style:normal;font-weight:1000;font-size:16px;line-height:125%;color:rgba(0,0,0,.9)}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_props .profile_tagcontent_props_content .profile_tagcontent_props_word .profile_tagcontent_props_desc{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:10px;line-height:160%;color:rgba(0,0,0,.9)}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_props .profile_tagcontent_props_process{display:flex;flex-direction:column;align-items:flex-end;padding:0}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_props .profile_tagcontent_props_process .profile_tagcontent_props_process_word{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:12px;line-height:20px;color:rgba(0,0,0,.9)}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_props .profile_tagcontent_props_process .profile_tagcontent_props_process_number{font-family:Noto Sans T Chinese;font-style:normal;font-weight:1000;font-size:14px;line-height:22px;color:rgba(0,0,0,.9)}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_spiritbeast{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4%;flex-wrap:wrap;width:100%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_spiritbeast .profile_tagcontent_spiritbeast_item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;gap:4px;width:22%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_spiritbeast .profile_tagcontent_spiritbeast_item .profile_tagcontent_spiritbeast_img{border-radius:8px;flex-shrink:0;width:100%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_spiritbeast .profile_tagcontent_spiritbeast_item .profile_tagcontent_spiritbeast_img img{width:100%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_spiritbeast .profile_tagcontent_spiritbeast_item .profile_tagcontent_spiritbeast_desc{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:12px;line-height:20px;text-align:center;color:rgba(0,0,0,.9);width:100%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_team_member{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:5%;width:100%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_team_member .profile_tagcontent_team_member_img{width:18%;border-radius:8px}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_team_member .profile_tagcontent_team_member_img .img{width:100%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_team_member .profile_tagcontent_team_member_desc{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:6px}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_team_member .profile_tagcontent_team_member_desc .profile_tagcontent_team_member_name{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:20px;line-height:125%}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_team_member .profile_tagcontent_team_member_desc .orange{color:#f17442}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_team_member .profile_tagcontent_team_member_desc .profile_tagcontent_team_member_role{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:4px}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_team_member .profile_tagcontent_team_member_desc .profile_tagcontent_team_member_role .profile_tagcontent_team_member_leader{padding:0 4px;background:#f17442;border-radius:4px;font-size:17px;color:#fff}.summer_event_2022__5-3-MyProfileTab .profile_tagcontent .profile_tagcontent_team_member .profile_tagcontent_team_member_desc .profile_tagcontent_team_member_role .profile_tagcontent_team_member_role_name{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:14px;line-height:20px;padding-top:3px;color:rgba(0,0,0,.4)}.summer_event_2022__5-3-MyProfileTab .change-leader-select,.summer_event_2022__5-3-MyProfileTab__background-music-setting-modal select{font-size:16px;padding:8px 16px;background:hsla(0,0%,100%,.8);border:1px solid #423119;border-radius:8px;flex-grow:1;color:rgba(0,0,0,.6);width:100%}.summer_event_2022__5-3-MyProfileTab__background-music-setting-modal select{height:3rem}.summer_event_2022__5-3-MyProfileTab__my-profile-detail{height:100%;display:flex;flex-direction:column;background:linear-gradient(0deg,transparent,rgba(0,0,0,.6))}.summer_event_2022__5-3-MyProfileTab__my-profile-detail__photo{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.summer_event_2022__5-3-MyProfileTab__my-profile-detail__text{padding:2rem 3rem 1rem;color:hsla(0,0%,100%,.9);font-size:1rem;text-align:center;font-family:Noto Sans T Chinese;font-size:16px;font-style:normal;font-weight:700;line-height:125%}.summer_event_2022__5-3-MyProfileTab_stage1{width:100%}.summer_event_2022__story-5-4-main-mission{background-color:#eee;height:100%;width:100%;position:relative}.summer_event_2022__story-5-4-main-mission .bg-image{position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50%;background-image:url(summer_event_2022/imgs/5.1.Story/5-1-town.png);filter:blur(8px);-webkit-filter:blur(8px);height:100%;width:100%}.summer_event_2022__story-5-4-main-mission .container{background-color:#eae3d9;background-size:cover;border-radius:8px 8px 8px 8px;background-repeat:no-repeat;background-position:50%;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding-bottom:16px;margin:12px 12px 24px;height:calc(100% - 36px);width:calc(100% - 24px);position:absolute;top:0}.summer_event_2022__story-5-4-main-mission .container #title{padding:0 24px}.summer_event_2022__story-5-4-main-mission .container #content{border-radius:8px 8px 0 0;background:linear-gradient(0deg,#fba04c,#d35624);height:36px;line-height:36px;width:100%;padding:0 24px;color:hsla(0,0%,100%,.9);text-shadow:0 2px 6px rgba(0,0,0,.75);font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;display:flex;align-items:center}.summer_event_2022__story-5-4-main-mission .container #detail{padding:24px;width:100%;height:100%;overflow:scroll}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type{width:100%}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .sticky{position:sticky;top:0;background-color:#eae3d9;z-index:1}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-type-menu{background:rgba(24,24,24,.1);border-radius:8px 8px 8px 8px;line-height:36px;color:hsla(0,0%,100%,.9)}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-type-menu .person{border-radius:8px 8px 8px 8px;width:50%;display:inline-block;text-align:center}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-type-menu .group{border-radius:8px 8px 8px 8px;width:50%;display:inline-block;text-align:center;color:#000}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-type-menu .pick-on{background:linear-gradient(0deg,#fba04c,#d35624)}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type #announce{color:rgba(24,24,24,.6)}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type #announce #message,.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type #announce #period{text-align:center;height:24px;line-height:24px}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list{overflow:scroll;height:100%}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item{border-bottom:2px solid #c6c6c6;height:40px}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item .rank-list-item-num{display:inline-block;width:5%;color:hsla(0,0%,100%,.9)}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item .rank-list-item-circle{float:left;position:relative;width:3px;height:3px;overflow:hidden;padding:3%;margin:3px 2px 2px;border-radius:50%;top:7px}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item .rank-list-item-circle .rank-list-item-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item .rank-list-item-circle-rank1{background-color:#f94}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item .rank-list-item-circle-rank2{background:#5998f7}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item .rank-list-item-circle-rank3{background:#51a079}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item .rank-list-item-circle-rankn{background-color:grey}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item .rank-list-item-title{display:inline-block;width:70%;color:rgba(0,0,0,.9);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:36px;padding:0 5px 0 10px}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item .rank-list-item-point{display:inline-block;width:15%;color:rgba(0,0,0,.9);line-height:36px;float:right}.summer_event_2022__story-5-4-main-mission .container #detail #ranking #rank-type .rank-list .rank-list-item-last{border-bottom:0}.summer_event_2022__gameEnd-6-1{background-color:#000;height:100%;width:100%}.summer_event_2022__gameEnd-6-1 .container{height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:50%;display:flex;flex-direction:column}.summer_event_2022__gameEnd-6-1 .container .role-center{height:100%}.summer_event_2022__gameEnd-6-1 .container .role-center .role-center-img{background-size:cover;background-repeat:no-repeat;height:100%}.summer_event_2022__gameEnd-6-1 .container .footer-btn{width:calc(100% - 32px);margin:0 16px 24px}.summer_event_2022__gameEnd-6-1 .enter-user-info-footer__inputs{margin-top:24px;display:flex;flex-direction:column;gap:10px}.summer_event_2022__gameEnd-6-1 .enter-user-info-footer__inputs__name{white-space:nowrap}.summer_event_2022__gameEnd-6-1 .enter-user-info-footer__inputs__group{display:flex;align-items:center;gap:10px}.summer_event_2022__gameEnd-6-1 .enter-user-info-footer__inputs input,.summer_event_2022__gameEnd-6-1 .enter-user-info-footer__inputs select{font-size:16px;padding:8px 16px;background:hsla(0,0%,100%,.8);border:1px solid #423119;border-radius:8px;flex-grow:1;color:rgba(0,0,0,.6);width:100%;height:3rem}.summer_event_2022__gameEnd-6-1 .game-end{background-image:url(summer_event_2022/imgs/6.1.GameEnd/逆襲之路-箴言卡.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.summer_event_2022__gameEnd-6-1 .game-end .click-continue{position:absolute;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 40px;gap:4px;bottom:10px}.summer_event_2022__gameEnd-6-1 .game-end .click-continue .click-continue_desc{font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:16px;line-height:125%;color:#fff}.summer_event_2022__gameEnd-6-1 .game-end .game-end_all-end{display:flex;flex-direction:row;justify-content:center;width:100%}.summer_event_2022__gameEnd-6-1 .game-end .game-end_button-group{display:flex;flex-direction:column;align-items:flex-start;padding:15px;gap:24px}.summer_event_2022__gameEnd-6-1 .game-end .game-end_button-group .game-end_button{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 0;gap:10px;width:100%;border-radius:8px;font-size:16px}.summer_event_2022__gameEnd-6-1 .game-end .game-end_button-group .game-end_go-god21{background:#eee}.summer_event_2022__gameEnd-6-1 .game-end .game-end_button-group .game-end_restart{background:linear-gradient(3.66deg,#6ac9ff 4.36%,#2f5ac8 98.36%);color:#fff}.summer_event_2022__gameEnd-6-1 .game-end .game-end_button-group .game-end_work-member{width:100%;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;text-align:center;color:hsla(0,0%,100%,.9)}.summer_event_2022__gameEnd-6-1 .game-end .game-end_share-photo{position:absolute;width:100%}.summer_event_2022__gameEnd-6-1 .game-end .game-end_share-photo :first-child{position:absolute;left:1px;top:0}.summer_event_2022__gameEnd-6-1 .game-end .game-end_share-photo :nth-child(2){position:absolute;right:1px;top:0}.summer_event_2022__gameEnd-6-1 .game-end .game-end_work-member-list{position:absolute;width:100%;height:75%;bottom:0;display:flex;flex-direction:column;align-items:center;gap:16px;background:#eae3d9;border-radius:8px 8px 0 0}.summer_event_2022__gameEnd-6-1 .game-end .game-end_work-member-list .game-end_work-member-list_title{background:linear-gradient(0deg,#fba04c,#d35624);border:2px solid #f94;border-top:0 solid #f94;border-radius:0 0 24px 24px;padding:20px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:26px;line-height:115.4%;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.75)}.summer_event_2022__gameEnd-6-1 .game-end .game-end_work-member-list .game-end_work-member-list_cancel{position:absolute;align-self:flex-end;top:15px;right:15px;font-size:25px}.summer_event_2022__gameEnd-6-1 .game-end .game-end_work-member-list .game-end_work-member-list_content{display:flex;flex-direction:column;align-items:center;padding:0;gap:16px;width:100%;overflow-y:scroll;font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:20px;line-height:20px;color:rgba(0,0,0,.9)}.summer_event_2022__gameEnd-6-1__my-certificate img.approved-img{position:absolute;top:0;right:0}.summer_event_2022__gameEnd-6-1__my-certificate__quote{color:hsla(0,0%,100%,.9);text-align:center;font-family:Noto Sans T Chinese;font-size:16px;font-style:normal;font-weight:400;line-height:125%;position:absolute;bottom:-50px}.summer_event_2022__gameEnd-6-1__my-certificate__share-btns{display:flex;position:absolute;bottom:-130px}.summer_event_2022__gameEnd-6-1__my-certificate__share-btns img{margin:0 12px}.summer_event_2022__gameEnd-6-1__my-certificate__container{margin-top:24px}.summer_event_2022__gameEnd-6-1__my-certificate__content{display:flex;text-align:left}.summer_event_2022__gameEnd-6-1__my-certificate__content .profile-photo{width:40%}.summer_event_2022__gameEnd-6-1__my-certificate__content .profile-text{padding-left:1rem;width:60%;display:flex;flex-direction:column;justify-content:left}.summer_event_2022__gameEnd-6-1__my-certificate__content .profile-text .user-display-name{color:rgba(24,24,24,.9);font-family:Noto Sans T Chinese;font-size:26px;font-style:normal;font-weight:700;line-height:115.4%}.summer_event_2022__gameEnd-6-1__my-certificate__content .profile-text .user-role-name{color:rgba(24,24,24,.9);font-family:Noto Sans T Chinese;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.summer_event_2022__gameEnd-6-1__my-certificate__content .profile-text .group-display-name{color:rgba(24,24,24,.9);font-family:Noto Sans T Chinese;font-size:14px;font-style:normal;font-weight:700;line-height:22px}.summer_event_2022__gameEnd-6-1__my-certificate__content .profile-text .rank-label{color:rgba(24,24,24,.9);font-family:Noto Sans T Chinese;font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin-top:1rem}.summer_event_2022__gameEnd-6-1__my-certificate__content .profile-text .rank-value{color:rgba(24,24,24,.9);font-family:Noto Sans T Chinese;font-size:26px;font-style:normal;font-weight:700;line-height:115.4%}.summer_event_2022__article-tearsheet{color:rgba(0,0,0,.9);font-family:Noto Sans T Chinese;font-style:normal}.summer_event_2022__article-tearsheet__title{font-weight:700;font-size:1.5rem;line-height:1.5rem;text-align:center;margin-bottom:1.5rem}.summer_event_2022__article-tearsheet__content{font-weight:400;font-size:1rem;line-height:20px;color:rgba(0,0,0,.9)}.summer_event_2022__article-tearsheet__content p{margin:1rem 0}.summer_event_2022__article-tearsheet__content h2{margin:2rem 0;font-weight:600}.summer_event_2022__button{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 0;width:100%;border-radius:8px;font-family:Noto Sans T Chinese;font-style:normal;font-size:16px;line-height:125%}.summer_event_2022__button--primary{background:#f17442;border:2px solid #f94;color:hsla(0,0%,100%,.9);text-shadow:0 2px 6px rgba(0,0,0,.75);font-weight:700}.summer_event_2022__button--primary:hover{background:#dd602e}.summer_event_2022__button--primary:active{background:#c94c1a}.summer_event_2022__button--default{background:#eee;color:rgba(0,0,0,.9);font-weight:400}.summer_event_2022__button:disabled{color:hsla(0,0%,100%,.9);background:rgba(24,24,24,.2);border:none;cursor:not-allowed}.summer_event_2022__dialog{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;-webkit-user-select:none;-moz-user-select:none;user-select:none}.summer_event_2022__dialog__top{top:0;left:0;width:100%;position:absolute;z-index:1}.summer_event_2022__dialog__top__nav-back-btn{position:absolute;top:24px;left:16px;cursor:pointer}.summer_event_2022__dialog__top__audio-btn{position:absolute;top:24px;right:16px;cursor:pointer}.summer_event_2022__dialog__top__audio-btn__icon{margin-left:auto}.summer_event_2022__dialog__content{height:100%;display:flex;justify-content:center;align-items:flex-end}.summer_event_2022__dialog__bottom{padding:0 16px 24px;width:100%;color:hsla(0,0%,100%,.9);font-family:Noto Sans T Chinese;font-style:normal;font-weight:400;font-size:16px;line-height:125%}.summer_event_2022__dialog__bottom__role{width:fit-content;width:-moz-fit-content;background:rgba(24,24,24,.6);border:2px solid #eae3d9;border-radius:8px 8px 0 0;padding:8px 16px;position:absolute;margin-top:-38px}.summer_event_2022__dialog__bottom__message{background:rgba(24,24,24,.6);border:2px solid #eae3d9}.summer_event_2022__dialog__bottom__continue{display:flex;flex-direction:row;align-items:center}.summer_event_2022__dialog__bottom--normal .summer_event_2022__dialog__bottom__message{border-radius:0 8px 8px 8px;padding:24px 16px}.summer_event_2022__dialog__bottom--normal .summer_event_2022__dialog__bottom__message--only{border-radius:8px 8px 8px 8px}.summer_event_2022__dialog__bottom--normal .summer_event_2022__dialog__bottom__continue{margin-top:16px;justify-content:flex-end}.summer_event_2022__dialog__bottom--simple .summer_event_2022__dialog__bottom__message{border-radius:8px 8px 8px 8px;padding:12px 16px}.summer_event_2022__dialog__bottom--simple .summer_event_2022__dialog__bottom__continue{margin:0;justify-content:center}.summer_event_2022__dialog__bottom--clickable{cursor:pointer}.summer_event_2022__loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background:#181818;color:#fff}.summer_event_2022__loading .animate-spin{height:12vh;width:12vh}.summer_event_2022__loading .loading-txt{margin:10px 0 0;font-size:1rem}.summer_event_2022__modal{background:rgba(0,0,0,.6);position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;z-index:1000}.summer_event_2022__modal__container{display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;width:calc(var(--vh, 1vh)*100/643*375 - 4rem);background:#eae3d9;border-radius:8px;position:relative}.summer_event_2022__modal__container--no-close-btn{width:calc(var(--vh, 1vh)*100/643*375 - 2rem)}.summer_event_2022__modal__close-btn{position:absolute;width:28px;right:-32px;top:0}.summer_event_2022__modal__close-btn:focus{outline:none}.summer_event_2022__modal__header{width:auto;height:61px;margin-top:-8px;padding:0 24px;background:linear-gradient(0deg,#fba04c,#d35624);border:2px solid #f94;border-top:0 solid #f94;border-radius:0 0 24px 24px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:26px;line-height:115.4%;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center}.summer_event_2022__modal__content{margin:24px 0;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:14px;line-height:22px;text-align:center;color:rgba(0,0,0,.6);width:100%}.summer_event_2022__modal__footer{width:100%;display:flex;flex-direction:column;gap:16px}.summer_event_2022__overlay{position:fixed;display:flex;justify-content:center;width:100%;height:100%;left:0;top:0;z-index:500}.summer_event_2022__selectable{background-color:hsla(0,0%,100%,.8);padding:1rem;word-break:break-all;margin:1rem 0 0;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:100%}.summer_event_2022__spiritbeast{position:absolute;z-index:10;height:100%;width:100%}.summer_event_2022__spiritbeast img{width:100%;height:100%}.summer_event_2022__spiritbeast__component{z-index:100;position:absolute;display:flex;flex-direction:column;width:100%;height:100%}.summer_event_2022__spiritbeast__component__top{display:flex;justify-content:space-between}.summer_event_2022__spiritbeast__component__top__btn-leftright{position:relative;top:0}.summer_event_2022__spiritbeast__component__top__btn-left{left:2px}.summer_event_2022__spiritbeast__component__top__btn-right{right:2px}.summer_event_2022__spiritbeast__component__top__middle{background:linear-gradient(0deg,#fba04c,#d35624);border:2px solid #f94;border-radius:0 0 24px 24px;width:60%;text-align:center;padding-top:6%;padding-bottom:3%}.summer_event_2022__spiritbeast__component__top__middle__text{width:156px;height:30px;top:29px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:26px;line-height:115.4%;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.75)}.summer_event_2022__spiritbeast__component__bottom{position:absolute;z-index:100;width:100%;margin-bottom:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 3px 2px rgba(0,0,0,.4);bottom:10px}.summer_event_2022__spiritbeast__component__bottom,.summer_event_2022__spiritbeast__component__bottom__desc{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;text-align:center;color:hsla(0,0%,100%,.9)}.summer_event_2022__spiritbeast__component__bottom__desc{width:90%;margin-bottom:5%;text-shadow:#000 .1em .1em .2em}.summer_event_2022__spiritbeast__component__bottom__btn-confirm-choice{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:12px 0;gap:10px;width:90%;background:#f17442;border:2px solid #f94;border-radius:8px}.summer_event_2022__spiritbeast__component__bottom__btn-confirm-choice__text-confirm-choice{font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:16px;line-height:125%;color:hsla(0,0%,100%,.9);text-shadow:0 2px 6px rgba(0,0,0,.75)}.summer_event_2022__tearsheet{position:fixed;top:0;left:0;z-index:1000;height:100vh;width:100vw;background:rgba(24,24,24,.6);display:flex;justify-content:center}.summer_event_2022__tearsheet__container{position:absolute;top:40px;height:calc(100vh - 48px);height:calc(var(--vh, 1vh)*100 - 40px);width:100%;background:linear-gradient(180deg,#f4ede3,#ecdbc3);border-radius:8px 8px 0 0;display:flex;flex-direction:column;align-items:center;padding:0 16px 16px;position:relative}.summer_event_2022__tearsheet__header{width:fit-content;width:-moz-fit-content;height:61px;margin-top:-8px;padding:0 24px;background:linear-gradient(0deg,#fba04c,#d35624);border:2px solid #f94;border-top:0 solid #f94;border-radius:0 0 24px 24px;font-family:Noto Sans T Chinese;font-style:normal;font-weight:700;font-size:26px;line-height:115.4%;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;position:relative}.summer_event_2022__tearsheet__content{flex-grow:1;height:100%;width:100%;position:relative;overflow-y:auto;padding:24px 0}.summer_event_2022__tearsheet__actions{display:flex;gap:8px;position:absolute;right:12px;top:12px;align-items:center}.summer_event_2022__tearsheet__actions img{width:24px;height:24px}.summer_event_2022__tearsheet__actions button{padding:4px}.summer_event_2022__tearsheet__actions button:focus{outline:none}.summer_event_2022__tearsheet__footer{width:100%;display:flex;flex-direction:column;gap:16px}.summer_event_2022__toast{z-index:2000;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:50px 25px;gap:24px;position:absolute;width:208px;height:262px;left:calc(50% - 104px);top:calc(50% - 131px);background:rgba(0,0,0,.6);border:2px solid #a6957d;border-radius:8px;transition:opacity .5s linear}.summer_event_2022__toast__icon{width:calc(100% - 50px)}.summer_event_2022__toast__content{font-family:Noto Sans T Chinese;font-style:normal;font-weight:500;font-size:20px;line-height:30px;text-align:center;color:hsla(0,0%,100%,.9)}.stamps-collect-animation{background-repeat:no-repeat;background-position:50%;background-size:contain;animation:giffy .5s steps(1) infinite;animation-play-state:running;animation-duration:10s}@keyframes giffy{0%{background-image:url(wmd_online/imgs/教學/03點開石頭.png)}20%{background-image:url(wmd_online/imgs/教學/04複製集點代碼.png)}40%{background-image:url(wmd_online/imgs/教學/05貼上代碼.png)}60%{background-image:url(wmd_online/imgs/教學/06點擊集點.png)}80%{background-image:url(wmd_online/imgs/教學/07集點完成等獎品.png)}}.line-notify-tutorials{background-repeat:no-repeat;background-position:50%;background-size:contain;animation:giffy2 .5s steps(1) infinite;animation-play-state:running;animation-duration:5s}@keyframes giffy2{0%{background-image:url(wmd_online/imgs/accept_invitation/02.JPG)}33%{background-image:url(wmd_online/imgs/accept_invitation/03.JPG)}66%{background-image:url(wmd_online/imgs/accept_invitation/04.JPG)}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}body{font-size:.75rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn-blue{--bg-opacity:1;background-color:#4299e1;background-color:rgba(66,153,225,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));font-weight:700;padding:.25rem 1rem}.btn-blue:hover{--bg-opacity:1;background-color:#2b6cb0;background-color:rgba(43,108,176,var(--bg-opacity))}.btn-red{--bg-opacity:1;background-color:#f56565;background-color:rgba(245,101,101,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));font-weight:700;padding:.25rem 1rem}.btn-red:hover{--bg-opacity:1;background-color:#c53030;background-color:rgba(197,48,48,var(--bg-opacity))}.btn-default{--bg-opacity:1;background-color:#a0aec0;background-color:rgba(160,174,192,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));font-weight:700;padding:.25rem 1rem}.btn-default:hover{--bg-opacity:1;background-color:#4a5568;background-color:rgba(74,85,104,var(--bg-opacity))}table{table-layout:auto;border-collapse:collapse;border-width:2px;--border-opacity:1;border-color:#a0aec0;border-color:rgba(160,174,192,var(--border-opacity));width:100%}tr{border-width:1px}td,th{padding:.5rem 1rem}.highlight{--bg-opacity:1;background-color:#f6e05e;background-color:rgba(246,224,94,var(--bg-opacity))}.color-md-red{color:#e83e18}.color-md-green{color:#82bf25}.color-md-blue{color:#314d9f}.bg-md-red{background-color:rgba(232,62,24,.73)}.bg-cgm-blue{background-color:#00abd4}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-black{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.bg-gray-400{--bg-opacity:1;background-color:#cbd5e0;background-color:rgba(203,213,224,var(--bg-opacity))}.bg-gray-500{--bg-opacity:1;background-color:#a0aec0;background-color:rgba(160,174,192,var(--bg-opacity))}.bg-gray-600{--bg-opacity:1;background-color:#718096;background-color:rgba(113,128,150,var(--bg-opacity))}.bg-red-500{--bg-opacity:1;background-color:#f56565;background-color:rgba(245,101,101,var(--bg-opacity))}.bg-red-600{--bg-opacity:1;background-color:#e53e3e;background-color:rgba(229,62,62,var(--bg-opacity))}.bg-yellow-100{--bg-opacity:1;background-color:ivory;background-color:rgba(255,255,240,var(--bg-opacity))}.bg-yellow-200{--bg-opacity:1;background-color:#fefcbf;background-color:rgba(254,252,191,var(--bg-opacity))}.bg-green-100{--bg-opacity:1;background-color:#f0fff4;background-color:rgba(240,255,244,var(--bg-opacity))}.bg-green-500{--bg-opacity:1;background-color:#48bb78;background-color:rgba(72,187,120,var(--bg-opacity))}.bg-blue-500{--bg-opacity:1;background-color:#4299e1;background-color:rgba(66,153,225,var(--bg-opacity))}.hover\:bg-gray-500:hover{--bg-opacity:1;background-color:#a0aec0;background-color:rgba(160,174,192,var(--bg-opacity))}.hover\:bg-red-400:hover{--bg-opacity:1;background-color:#fc8181;background-color:rgba(252,129,129,var(--bg-opacity))}.hover\:bg-blue-700:hover{--bg-opacity:1;background-color:#2b6cb0;background-color:rgba(43,108,176,var(--bg-opacity))}.border-collapse{border-collapse:collapse}.border-gray-200{--border-opacity:1;border-color:#edf2f7;border-color:rgba(237,242,247,var(--border-opacity))}.border-gray-500{--border-opacity:1;border-color:#a0aec0;border-color:rgba(160,174,192,var(--border-opacity))}.border-gray-600{--border-opacity:1;border-color:#718096;border-color:rgba(113,128,150,var(--border-opacity))}.border-red-500{--border-opacity:1;border-color:#f56565;border-color:rgba(245,101,101,var(--border-opacity))}.border-red-600{--border-opacity:1;border-color:#e53e3e;border-color:rgba(229,62,62,var(--border-opacity))}.border-green-500{--border-opacity:1;border-color:#48bb78;border-color:rgba(72,187,120,var(--border-opacity))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border-4{border-width:4px}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.table-row-group{display:table-row-group}.table-row{display:table-row}.hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.self-center{align-self:center}.justify-center{justify-content:center}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-4{height:1rem}.h-5{height:1.25rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-64{height:16rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.leading-tight{line-height:1.25}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-5{margin:1.25rem}.m-auto{margin:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-20{margin-top:5rem;margin-bottom:5rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-5{margin-top:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.-ml-1{margin-left:-.25rem}.max-w-lg{max-width:32rem}.max-w-3xl{max-width:48rem}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.disabled\:opacity-25:disabled{opacity:.25}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.overflow-x-auto{overflow-x:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-10{padding:2.5rem}.p-20{padding:5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.pr-2{padding-right:.5rem}.pb-4{padding-bottom:1rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.left-0{left:0}.resize{resize:both}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px rgba(66,153,225,.5)}.text-center{text-align:center}.text-right{text-align:right}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-gray-800{--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity))}.text-gray-900{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.text-red-500{--text-opacity:1;color:#f56565;color:rgba(245,101,101,var(--text-opacity))}.text-green-500{--text-opacity:1;color:#48bb78;color:rgba(72,187,120,var(--text-opacity))}.text-blue-500{--text-opacity:1;color:#4299e1;color:rgba(66,153,225,var(--text-opacity))}.text-indigo-600{--text-opacity:1;color:#5a67d8;color:rgba(90,103,216,var(--text-opacity))}.hover\:text-white:hover{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.hover\:text-blue-500:hover{--text-opacity:1;color:#4299e1;color:rgba(66,153,225,var(--text-opacity))}.hover\:text-blue-800:hover{--text-opacity:1;color:#2c5282;color:rgba(44,82,130,var(--text-opacity))}.uppercase{text-transform:uppercase}.hover\:underline:hover{text-decoration:underline}.tracking-wide{letter-spacing:.025em}.align-middle{vertical-align:middle}.visible{visibility:visible}.w-4{width:1rem}.w-5{width:1.25rem}.w-10{width:2.5rem}.w-24{width:6rem}.w-32{width:8rem}.w-48{width:12rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-full{width:100%}.w-screen{width:100vw}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{animation:spin 1s linear infinite}body{font-family:Noto Sans TC,Raleway}.border-bottom-highlight:after{border-bottom:10px solid rgba(232,62,24,.73);margin-bottom:-15px}.grayscale{filter:grayscale(100%)}.mobile-potrait{position:relative;height:100vh;height:calc(var(--vh, 1vh)*100);width:100vw;max-height:100vh;max-width:100vw;border:1px dashed grey;overflow:hidden}@media (min-width:640px){.mobile-potrait{position:relative;height:100vh;height:calc(var(--vh, 1vh)*100);width:58.32037vh;width:calc(var(--vh, 1vh)*100/643*375);max-height:100vh;max-width:100vw;border:1px dashed grey}}*,.disable-zoom-in{touch-action:manipulation}@media (min-width:640px){.sm\:container{width:100%;max-width:640px}@media (min-width:768px){.sm\:container{max-width:768px}}@media (min-width:1024px){.sm\:container{max-width:1024px}}@media (min-width:1280px){.sm\:container{max-width:1280px}}}@media (min-width:768px){.md\:container{width:100%}@media (min-width:640px){.md\:container{max-width:640px}}@media (min-width:768px){.md\:container{max-width:768px}}@media (min-width:1024px){.md\:container{max-width:1024px}}@media (min-width:1280px){.md\:container{max-width:1280px}}.md\:flex{display:flex}.md\:flex-shrink-0{flex-shrink:0}.md\:mt-0{margin-top:0}.md\:ml-6{margin-left:1.5rem}.md\:w-56{width:14rem}}@media (min-width:1024px){.lg\:container{width:100%}@media (min-width:640px){.lg\:container{max-width:640px}}@media (min-width:768px){.lg\:container{max-width:768px}}@media (min-width:1024px){.lg\:container{max-width:1024px}}@media (min-width:1280px){.lg\:container{max-width:1280px}}.lg\:w-1\/3{width:33.333333%}}@media (min-width:1280px){.xl\:container{width:100%}@media (min-width:640px){.xl\:container{max-width:640px}}@media (min-width:768px){.xl\:container{max-width:768px}}@media (min-width:1024px){.xl\:container{max-width:1024px}}@media (min-width:1280px){.xl\:container{max-width:1280px}}}