:root{--tw-gradient-from:rgb(35, 35, 36);--tw-gradient-to:rgba(44, 44, 46, 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--sec_01_title:4.5rem;--sec_01_shadow:rgba(33, 70, 100, .6);--block-title:4.8rem;--block-title-content:1.6rem;--btn-crystal:1.6rem;--decor-wt-bg:rgba(140, 145, 160, 1);--decor-bk-bg:rgba(236, 236, 239, 1);--block-title-color-wt-bg:rgb(34, 34, 36);--block-title-color-bk-bg:rgb(252, 252, 255);--block-subtitle-color:rgb(120, 120, 128);--maxW:1350px;--swiper-pagination-color:initial;--swiper-pagination-bullet-size:initial;--swiper-pagination-bullet-width:initial;--swiper-pagination-bullet-height:initial;--swiper-pagination-bullet-inactive-color:initial;--swiper-pagination-bullet-inactive-opacity:initial;--swiper-pagination-bullet-opacity:initial;--swiper-pagination-bullet-horizontal-gap:initial;--swiper-pagination-bullet-vertical-gap:initial}html{margin:0;padding:0;font-size:15px;scroll-behavior:smooth}body{width:100%;margin:0;padding:0;background-color:var(--block-title-color-wt-bg);color:var(--block-title-color-bk-bg);font-family:'Noto Sans TC','Noto Serif HK','Noto Serif TC','Microsoft JhengHei','微軟正黑體',sans-serif,Verdana;overflow-x:hidden}button,button,svg,a,.btn,.btn *,.btn::before,.btn::after,.fixed_btn,.go_top,.go_top::before,.title_icons svg,*::before,*::after,.swiper-pagination,.swiper-pagination *,.swiper-pagination *::before,.swiper-pagination *::after,.swiper-button-prev,.swiper-button-prev::after,.swiper-button-next,.swiper-button-next::after{transition:.25s cubic-bezier(0.4,0,0.2,1)}i{margin-right:.25rem}a{cursor:pointer}img{width:100%;height:auto}svg,video{width:100%;height:100%}div[aria-hidden="true"]{opacity:0;pointer-events:none;position:absolute;inset:0;z-index:-1}div[aria-hidden="true"] img{width:100%;height:100%;object-fit:cover}@media (prefers-reduced-motion: no-preference){body{scroll-behavior:smooth}}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}.loading{width:100%;height:100vh;background:#fff;position:fixed;left:0;top:0;z-index:999999999999;display:flex;justify-content:center;align-items:center}.loading .spinner{width:50px;height:50px;animation:rotate 1s linear infinite}.loading .spinner circle{stroke:#000;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.container{width:100%;margin:0 auto;padding:0;position:relative/* overflow-x: hidden; */}/* --------↓版頭header↓-------- */header{width:100%;position:fixed;top:0;z-index:100;transition:transform .5s cubic-bezier(0.4,0,0.2,1)}header.scrolled_hide{transform:translateY(-150%)}header.active.scrolled_hide{pointer-events:none}.headline_block{width:100%;padding:0 3%;text-align:center;overflow:hidden;background:var(--tw-gradient-from);display:none}.headline_block:hover{animation-play-state:paused}.headline{width:100%;height:2.5rem}.news_list{--newsTcolor:rgba(236, 236, 239, 1);width:100%;height:fit-content;margin:0 auto;font-size:1rem;font-weight:400;color:var(--newsTcolor);text-align:center;letter-spacing:.05rem;display:flex;justify-content:center;align-items:center}.headline svg{width:20px;aspect-ratio:1/1.0856;margin-right:.2rem;background-color:var(--newsTcolor);mask-image:url(../images/svg/main_quest.svg);mask-repeat:no-repeat;mask-position:center;mask-size:100% auto;flex-shrink:0}.headline a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1}.news_list:hover{filter:brightness(1.2)}/* logo */.top_bar{width:100%;padding:clamp(10px, 2%, 20px);position:sticky;top:0;left:0;color:#fff;display:flex;justify-content:center;align-items:center}.logo{width:clamp(150px, 35%, 250px);position:relative;z-index:1;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 3px rgba(0, 0, 0, .5));filter:-webkit-drop-shadow(0 0 3px rgba(0, 0, 0, .5))}.logo img{width:70% !important;display:inline !important;font-size:0;line-height:0}.top_bar::after{content:"";width:100%;height:150%;position:absolute;top:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom, var(--tw-gradient-stops));pointer-events:none}header.active .top_bar::after{mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);backdrop-filter:blur(2px)}/* 右上主按鈕 */.btn_block{width:40%;padding:clamp(10px, 2%, 20px) clamp(10px, 2%, 20px) 0 0;position:absolute;top:0;right:0;z-index:999}.btn_block ul{width:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap}.btn_block ul li:nth-of-type(1){width:fit-content;margin-right:clamp(8px, 2%, 15px)}.btn_crystal{--button-bg-left-arrow:linear-gradient(180deg, #D4A840 0.15%, #C9952A 49.98%, #B8860B 50.02%, #A67C00 99.85%);--button-bg-right-arrow:linear-gradient(180deg, #C9952A 0%, #C9952A 49.98%, #B8860B 50.02%, #9A7200 100%);--button-bg-content:linear-gradient(180deg, #C9952A 0%, #C9952A 50.04%, #B8860B 50.04%, #A67C00 100%);--button-bg-shadow:drop-shadow(0px 1px 8px rgba(184, 134, 11, 0.50)) drop-shadow(0px 0px 4px rgba(184, 134, 11, 0.50));--button-text-color:#FFFFFF;--button-text-shadow:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2));width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:stretch;position:relative;z-index:1;filter:var(--button-bg-shadow);line-height:36px;position:relative;transition:.25s cubic-bezier(0.4,0,0.2,1)}.btn_crystal:hover{filter:var(--button-bg-shadow) brightness(1.2)}.btn_crystal .txt_content{padding:0 calc(var(--btn-crystal) * 1);height:calc(var(--btn-crystal) * 1.8);background:var(--button-bg-content);font-size:var(--btn-crystal);font-weight:600;color:var(--button-text-color);font-family:'Noto Serif TC';line-height:calc(var(--btn-crystal) * 1.7);text-shadow:1px 1px 2px rgba(180, 130, 0, 0.5);display:flex;justify-content:center;vertical-align:middle;border-radius:100px}.btn_crystal::before,.btn_crystal::after{width:calc(var(--btn-crystal) * .75);content:"";display:none;line-height:0 !important;font-size:0 !important}.btn_crystal::before{--polygon-shape:polygon(92.308% 0%, 100% 0%, 100% 100%, 92.308% 100%, 1.963% 52.311%, 1.963% 52.311%, 1.256% 51.88%, 0.707% 51.427%, 0.314% 50.96%, 0.079% 50.483%, 0% 50%, 0.079% 49.517%, 0.314% 49.04%, 0.707% 48.573%, 1.256% 48.12%, 1.963% 47.689%, 92.308% 0%);background:var(--button-bg-left-arrow);-webkit-clip-path:var(--polygon-shape);clip-path:var(--polygon-shape)}.btn_crystal::after{--polygon-shape:polygon(7.692% 0%, 98.037% 47.689%, 98.037% 47.689%, 98.744% 48.12%, 99.293% 48.573%, 99.686% 49.04%, 99.921% 49.517%, 100% 50%, 99.921% 50.483%, 99.686% 50.96%, 99.293% 51.427%, 98.744% 51.88%, 98.037% 52.311%, 7.692% 100%, 0% 100%, 0% 0%);background:var(--button-bg-right-arrow);-webkit-clip-path:var(--polygon-shape);clip-path:var(--polygon-shape)}.btn_crystal::before{transform:translateX(0.5px)}.btn_crystal::after{transform:translateX(-0.5px)}@media screen and (max-width: 1599px){.btn_register .deco{width:24px}}.btn{display:block;position:relative;text-align:center;border:none;outline:none;cursor:pointer}.btn a,.btn a img,li a{width:100%;height:auto;display:block;background-position:left top;background-repeat:no-repeat;background-size:100% auto}/* --------↑版頭header↑-------- *//* --------↓主要內容區塊↓-------- */main{width:100%;display:flex;flex-direction:column;align-items:stretch;position:relative}/* ↓section區塊設定↓ */.block_content{width:100%;min-height:100vh;position:relative;border-bottom:2px solid rgb(131, 131, 133, 1);display:flex;flex-direction:column;justify-content:center;align-items:center}.sec_02 .block_content,.sec_04 .block_content,.sec_05 .block_content,.sec_10 .block_content{background-blend-mode:luminosity,normal}.sec_05 .block_content{background-color:var(--block-title-color-wt-bg)}.sec_02 .block_content .sec_06 .block_content{background-color:var(--block-title-color-bk-bg)}/* ↑section區塊設定↑ *//* ↓大項標題樣式↓ */.title_name,.title_content{width:80%;max-width:var(--maxW);position:relative;z-index:1;display:flex;justify-content:center;flex-direction:column;align-items:center}.title_content{--title-content-shadow:1px 1px 1px rgba(0,0,0,.4),-1px 1px 1px rgba(0,0,0,.4),0 0 0px rgba(0,0,0,.2);margin:calc(var(--block-title-content) * 1.5) 0;font-size:var(--block-title-content);text-align:center;letter-spacing:calc(var(--block-title-content) * .08);line-height:calc(var(--block-title-content) * 2);text-shadow:var(--title-content-shadow);-webkit-text-shadow:var(--title-content-shadow)}.title_icons{height:clamp(30px, calc(var(--block-title) * 1) , 64px);aspect-ratio:1/1;margin-bottom:calc(-1 * var(--block-title) * 0.1);position:relative}.top_decor,.bottom_decor{width:100%;margin:calc(var(--block-title) *.3) auto;display:flex;justify-content:space-between;align-items:center}.decor{display:flex;justify-content:space-between;align-items:center;flex-grow:.5;flex-shrink:.5}.decor,.middle.ico{opacity:.8}.decor_item{display:flex;align-items:center}.decor_item svg{width:clamp(12px, calc(var(--block-title)* 0.35) , 24px);aspect-ratio:16/5;mask-image:url(../images/svg/decor_arrow.svg)}.rt .decor_item svg{transform:scaleX(-1)}.top_decor svg,.bottom_decor svg,.decor.lt::after,.decor.rt::before{mask-size:100% 100%}.line{height:2px;background:linear-gradient(to right, rgba(236, 236, 239, 0), var(--decor-bk-bg) 2%, var(--decor-bk-bg) 98%, rgba(236, 236, 239, 0));flex-grow:.49;flex-shrink:.49}.sec_02 .line,.sec_04 .line,.sec_06 .line{background:linear-gradient(to right, rgba(140, 145, 160, .0), var(--decor-wt-bg) 2%, var(--decor-wt-bg) 98%, rgba(140, 145, 160, .0))}.line.s{flex-grow:.5;flex-shrink:.5}.bottom_decor .line{margin:0;clip-path:polygon(99% 0, 100% 100%, 0 100%, 1% 0)}.middle{width:fit-content;display:flex;justify-content:center;align-items:center}.middle.text{margin:0 2.5%;text-align:center}.middle.text h3{font-family:"Noto Sans Display";font-weight:900;font-stretch:condensed;font-variation-settings:"wdth" 75;text-transform:uppercase;font-size:clamp(15px, calc(var(--block-title) * 0.33) , 20px);line-height:100%;letter-spacing:clamp(5px, calc(var(--block-title) * 0.19) , .53rem);text-indent:0.5rem;white-space:nowrap}.middle svg,.decor.lt::after,.decor.rt::before,.decor_item2 svg{width:clamp(4px, calc(var(--block-title) * 0.14) , 8px);aspect-ratio:1/1.5;mask-image:url(../images/svg/star.svg)}.middle svg{width:clamp(7px, calc(var(--block-title) * 0.16) , 12px);margin:0 2px}.decor_item2{display:flex;justify-content:center;align-items:center}.decor.lt::after,.decor.rt::before{content:"";display:block}.decor.lt::after{margin-left:calc(var(--block-title) * .05)}.decor.rt::before{margin-right:calc(var(--block-title) * .05)}.sec_title{font-size:var(--block-title);letter-spacing:calc(var(--block-title) * 0.075);line-height:calc(var(--block-title) * 1.25)}.sec_title h1{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.sec_02 .title_name,.sec_06 .title_name{filter:drop-shadow(1px 1px 0 rgba(255, 255, 255, .9));filter:-webkit-drop-shadow(1px 1px 0 rgba(255, 255, 255, .9))}.sec_04 .title_name{filter:drop-shadow(1px 1px 0 rgba(255, 255, 255, .5));filter:-webkit-drop-shadow(1px 1px 0 rgba(255, 255, 255, .5))}.sec_05 .title_name,.sec_07 .title_name,.sec_08 .title_name,.sec_09 .title_name{color:var(--block-title-color-bk-bg);text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.1);-webkit-text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.1)}.top_decor svg,.bottom_decor svg,.decor.lt::after,.decor.rt::before{background-color:var(--decor-bk-bg)}.sec_02 .top_decor svg,.sec_02 .bottom_decor svg,.sec_02 .decor.lt::after,.sec_02 .decor.rt::before,.sec_04 .top_decor svg,.sec_04 .bottom_decor svg,.sec_04 .decor.lt::after,.sec_04 .decor.rt::before,.sec_06 .top_decor svg,.sec_06 .bottom_decor svg,.sec_06 .decor.lt::after,.sec_06 .decor.rt::before{background-color:var(--decor-wt-bg)}/* ↑大項標題樣式↑ *//* all sec_01 影片背景形象 */.sec_01 .block_content{border-bottom:0}#main_visual{width:100%;height:100vh;position:fixed;left:0;right:0;top:0;z-index:0;overflow:hidden}.bg_wrapper.mobile{background:url(../images/sec_01/bg.webp) no-repeat 50% center/140% 100%}#main_visual .mov{width:100%;height:100vh;overflow:hidden;position:relative}/*#main_visual .mov video{
  width: 100%; height: 100%; pointer-events: none;
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}*/#main_visual::after{content:"";width:100%;height:100%;display:block;position:fixed;left:0;top:0;z-index:9;background:rgb(0, 0, 0);opacity:0;pointer-events:none}#main_visual.scrolled::after{opacity:.3}.main_contain{width:100%;position:absolute;left:0;top:30%}.sec_01 .title_name{width:fit-content;text-align:center;margin:0 auto;color:#fff;transition-duration:1s!important}.main_title{width:fit-content;font-size:var(--sec_01_title);line-height:calc(var(--sec_01_title) * 1.2);letter-spacing:calc(var(--sec_01_title) * 0.12);text-indent:calc(var(--sec_01_title) * 0.06);transform:scaleX(.95);text-shadow:0 0 1px var(--sec_01_shadow),0 0 5px var(--sec_01_shadow),0 0 10px var(--sec_01_shadow);-webkit-text-shadow:0 0 1px var(--sec_01_shadow),0 0 5px var(--sec_01_shadow),0 0 10px var(--sec_01_shadow)}h1,h2,.sec_title{font-family:'Noto Serif HK';font-weight:800;text-align:center}span.num{font-size:calc(var(--block-title) * 1.2);letter-spacing:0;display:inline;position:relative}.sec_01 span.num{font-size:calc(var(--sec_01_title) * 1.2);left:-.5%;top:calc(var(--sec_01_title) * .07)}.sub_title{width:100%;font-size:calc(var(--sec_01_title) * .4);margin-top:calc(var(--sec_01_title) * .25);font-weight:400;transform:scaleX(.95);letter-spacing:calc(var(--sec_01_title) * 0.4);text-indent:calc(var(--sec_01_title) * 0.4);display:flex;justify-content:stretch;align-items:center;flex-wrap:wrap;text-shadow:0 0 1px var(--sec_01_shadow),0 0 5px var(--sec_01_shadow),0 0 10px var(--sec_01_shadow);-webkit-text-shadow:0 0 1px var(--sec_01_shadow),0 0 5px var(--sec_01_shadow),0 0 10px var(--sec_01_shadow)}.sub_title::before,.sub_title::after{content:"";width:auto;height:2px;background-color:rgba(255, 255, 255, .5);flex-grow:1;flex-shrink:1/* filter: drop-shadow(0 0 0 rgba(255, 255, 255, .5)); */}.sub_title::before{clip-path:polygon(0 0, 100% 0%, 100% 100%, 5% 100%)}.sub_title::after{clip-path:polygon(0 0, 100% 0%, 95% 100%, 0% 100%)}.sub_title h3{transform:translateY(calc( -1 * var(--sec_01_title) * .05))}/* 手機版靜態圖 */.main_contain img{width:calc(var(--sec_01_title) * 10);max-width:90%;height:auto}/* all sec_02 獎項列表 */.sec_02 .block_content{padding:6.5vw 0;background-color:#f2f2f5;color:var(--block-title-color-wt-bg)}.sec_02 .sec_title{height:fit-content;display:flex;justify-content:center;align-items:center}.sec_02 .sec_title h1{flex-wrap:wrap}.sec_02 span.num{left:-.3%;top:calc(var(--block-title) * -.04);--sec_02_color1:rgba(140, 90, 0, 1);--sec_02_color2:rgba(200, 160, 55, 1);background:var(--sec_02_color1) linear-gradient(175deg, var(--sec_02_color2), var(--sec_02_color1));background-clip:text;-webkit-background-clip:text;color:transparent;display:block}.sec_02 .sec_title::before,.sec_02 .sec_title::after,.award_info::before,.award_info::after{max-height:120px;aspect-ratio:33/50;content:"";display:block;background:rgba(190, 160, 100, 1);mask-image:url(../images/svg/wreaths.svg);mask-size:100% 100%}.sec_02 .sec_title::after,.award_info::after{transform:scaleX(-1)}.sec_02 .sec_title::before,.sec_02 .sec_title::after{flex-grow:.15;flex-shrink:.15}.award_list{width:100%;max-width:var(--maxW);height:auto;margin-top:calc(var(--block-title) * .75);overflow:hidden;mask-image:linear-gradient(to right,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);-webkit-mask-image:linear-gradient(to right,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%)}.award_list .swiper-wrapper{height:auto;align-items:stretch !important;transition-timing-function:linear !important}.award_list .swiper-slide{width:fit-content;height:auto;padding:0 3%;text-align:center;display:flex;flex-direction:column;justify-content:stretch;align-items:center}.award_list .swiper-slide a{width:100%;height:100%}.award_img{width:100%;max-width:290px;aspect-ratio:290/128;margin-bottom:1rem}.award_img img{width:100%;height:auto;object-fit:contain}.award_info{width:fit-content;padding:0 clamp(20px, 5vw, 30px);font-family:'Noto Serif TC';position:relative;flex-shrink:1;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-shadow:0 0 3px rgba(255, 255, 255, 1),0 0 5px rgba(255, 255, 255, 1),0 0 10px rgba(255, 255, 255, 1)}.award_title{font-size:1rem;font-weight:700;transform:translateY(calc(-1 * var(--block-title) * .02))}.award_title span{display:inline-block}.award_info::before,.award_info::after{height:100%;position:absolute;bottom:0;z-index:-1}.award_info::before{left:0}.award_info::after{right:0}.award_text{font-size:0.9rem;flex:1 1 auto}.award_text a:hover{color:rgba(140, 95, 5, 1);text-decoration:underline}.a02 .award_title span,.a10 .award_title span,.a15 .award_text span{display:block}/* all sec_03 遊戲故事 */.sec_03 .block_content{background-color:var(--block-title-color-wt-bg)}.bg_wrapper,.sec_01 .bg_wrapper,.sec_03 .bg_wrapper>div,.sec_08 .bg_wrapper>div,.sec_09 .bg_wrapper>div,.sec_10 .bg_wrapper .bg1{width:100%;height:100%}.sec_01 .bg_wrapper,.sec_03 .bg_wrapper,.sec_03  .bg_wrapper>div,.sec_05 .bg_wrapper,.sec_05 .image_wrapper,.sec_05 .video_wrapper,.sec_07 .bg_wrapper,.sec_08 .bg_wrapper,.sec_08  .bg_wrapper>div,.sec_09 .bg_wrapper,.sec_09  .bg_wrapper>div,.sec_10 .bg_wrapper{position:absolute;inset:0;z-index:0}.bg_wrapper>div{transition:opacity .5s linear;isolation:isolate}.bg_wrapper>div.active{opacity:1;z-index:1}.bg_wrapper img{width:100%;height:100%;object-fit:cover}.sec_03 .bg1 img{object-position:center top}.sec_03 .bg3 img{object-position:right bottom}.sec_03 .bg4 img{object-position:70% center}.sec_03 .bg5 img{object-position:center top}.sec_03 .bg6 img{object-position:left center}.sec_03 .pc img{aspect-ratio:1920/1080}.sec_03 .mobile img{aspect-ratio:1/1}.sec_03 .title_content{width:fit-content;max-width:80%;color:#fff;/* 使用 text-shadow 替代 filter，Safari 兼容性更好 */text-shadow:0 0 2px rgba(0, 0, 0, 1),0 0 4px rgba(0, 0, 0, 1),0 0 6px rgba(0, 0, 0, 0.8),0 0 8px rgba(0, 0, 0, 0.6),0 0 2px rgba(255, 255, 255, 1),0 0 4px rgba(255, 255, 255, 1),0 0 6px rgba(255, 255, 255, 1),0 0 8px rgba(255, 255, 255, 1),0 0 12px rgba(255, 255, 255, 1),0 0 18px rgba(255, 255, 255, 1),0 0 25px rgba(255, 255, 255, 1),0 0 35px rgba(255, 255, 255, 0.95),0 0 50px rgba(255, 255, 255, 0.9),0 0 70px rgba(255, 255, 255, 0.8),0 0 100px rgba(255, 255, 255, 0.6),0 0 130px rgba(255, 255, 255, 0.4)/* 黑色描邊 *//* 白色發光 */}.sec_03 .title_content h1{margin-top:10px;margin-bottom:calc(var(--block-title) * .5);font-size:calc(var(--block-title) * .75)}.sec_03 .title_content p span{display:inline-block}/* 延遲aos */.sec_03 .title_content p:nth-of-type(1){transition-delay:200ms}.sec_03 .title_content p:nth-of-type(2){transition-delay:400ms}.sec_03 .title_content p:nth-of-type(3){transition-delay:600ms}.sec_03 .title_content p:nth-of-type(4){transition-delay:800ms}.sec_03 .title_content p:nth-of-type(5){transition-delay:1000ms}/* all sec_04 八種種族展示 *//* all sec_05 創角展示 */.sec_05 .image_wrapper{width:100%;height:100%;position:relative;overflow:hidden;z-index:0;display:none}.sec_05 .video_wrapper{width:100%;height:100%;object-fit:cover;overflow:hidden;z-index:1}.sec_05 video{width:100%;height:100%;object-fit:cover;object-position:left top}/* all sec_07 sec_08 sec_09  thumb */.sec_07 .thumb,.sec_08 .thumb,.sec_09 .thumb{aspect-ratio:480/272;position:relative}.thumb:hover{transform:scale(1.06)}.swiper-slide-thumb-active .thumb:hover{transform:scale(1)}.swiper-slide-thumb-active .thumb:hover a{cursor:initial}.sec_07 .thumb a,.sec_08 .thumb a,.sec_09 .thumb a,.sec_07 .thumb a::before,.sec_07 .thumb a::after{border-radius:.25rem}.thumb a{width:100%;height:100%;display:block;position:relative;z-index:0;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb a::before,.thumb a::after{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;pointer-events:none}.thumb a::before{background-color:black;opacity:.3;mix-blend-mode:darken;z-index:1}.thumb a::after{border:2px solid var(--decor-bk-bg);opacity:0.3;z-index:2}.swiper-slide-thumb-active .thumb a::before,.thumb a:hover::before{opacity:0}.swiper-slide-thumb-active .thumb a::after{opacity:1}.thumb,.thumb::before,.thumb::after,.thumb *,.thumb *::before,.thumb *::after,.swiper-button-prev,.swiper-button-next,.swiper-button-prev::after,.swiper-button-next::after{transition:.25s cubic-bezier(0.4,0,0.2,1) !important}/* all sec_07 組隊影片 */.sec_07 .thumb_wrapper,.sec_08 .thumb_wrapper,.sec_09 .thumb_wrapper{width:80%;max-width:1100px;margin:0;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.sec_07 .thumb{width:47%;max-width:240px;height:auto;position:relative}.sec_07 .thumb::before,.sec_07 .thumb::after{content:"";aspect-ratio:1/1;display:block;position:absolute;left:50%;top:50%;z-index:2;pointer-events:none}.sec_07 .thumb::before{width:27%;max-width:64px;background-color:rgba(0, 0, 0, 1);opacity:.6;border-radius:50%;border:2px solid rgba(242, 242, 245, 1);transform:translate(-50%, -50%)}.sec_07 .thumb::after{width:12%;max-width:28px;background-color:var(--block-title-color-bk-bg);mask-image:url(../images/svg/play.svg);mask-size:100% 100%;transform:translate(-45%, -50%)}.sec_07 .thumb:hover::before{background-color:rgba(255, 255, 255, 1);opacity:1;border-color:rgba(242, 242, 245, 0)}.sec_07 .thumb:hover::after{background-color:rgba(0, 0, 0, 1)}.sec_07 .thumb.active::before,.sec_07 .thumb.active::after{opacity:0}.thumb_decor,.thumb_decor>div{width:100%;height:100%;position:absolute;top:0;left:0;z-index:999;pointer-events:none}.thumb_decor>div::before,.thumb_decor>div::after{content:"";width:50%;aspect-ratio:480/272;border-color:var(--decor-bk-bg);opacity:0;position:absolute}.thumb_decor>div::before{top:0;border-top:2px solid}.thumb_decor>div::after{bottom:0;border-bottom:2px solid}.thumb_decor>div.left::before,.thumb_decor>div.left::after{left:0;border-left:2px solid}.thumb_decor>div.right::before,.thumb_decor>div.right::after{right:0;border-right:2px solid}.thumb_decor>div.left::before{border-top-left-radius:.25rem}.thumb_decor>div.left::after{border-bottom-left-radius:.25rem}.thumb_decor>div.right::before{border-top-right-radius:.25rem}.thumb_decor>div.right::after{border-bottom-right-radius:.25rem}.swiper-slide-thumb-active .thumb_decor>div::before,.thumb:hover .thumb_decor>div::before,.swiper-slide-thumb-active .thumb_decor>div::after,.thumb:hover .thumb_decor>div::after{width:clamp(3px, 10%, 16px);aspect-ratio:1/1;opacity:.8}.swiper-slide-thumb-active .thumb_decor>div::before,.thumb:hover .thumb_decor>div::before{top:-6px}.swiper-slide-thumb-active .thumb_decor>div::after,.thumb:hover .thumb_decor>div::after{bottom:-6px}.swiper-slide-thumb-active .thumb_decor>div.left::before,.thumb:hover .thumb_decor>div.left::before,.swiper-slide-thumb-active .thumb_decor>div.left::after,.thumb:hover .thumb_decor>div.left::after{left:-6px}.swiper-slide-thumb-active .thumb_decor>div.right::before,.thumb:hover .thumb_decor>div.right::before,.swiper-slide-thumb-active .thumb_decor>div.right::after,.thumb:hover .thumb_decor>div.right::after{right:-6px}/*all sec_08 生活技能影片 */.slide .title_icons svg{opacity:0;position:absolute;left:0;top:0}.active_1 .title_icons svg:nth-of-type(1),.active_2 .title_icons svg:nth-of-type(2),.active_3 .title_icons svg:nth-of-type(3),.active_4 .title_icons svg:nth-of-type(4){opacity:1}.swiper-wrapper .pc,.swiper-wrapper .mobile{width:100%;height:100%;object-fit:cover}.slide .bg_wrapper .swiper-slide:not(.swiper-slide-active){opacity:0 !important}.slide .bg_wrapper .swiper-slide-active{opacity:1 !important}.slide .bg_wrapper{z-index:0}.slide .thumb_wrapper .swiper-slide{padding:12px 0;display:flex;justify-content:center}.slide .thumb_wrapper .swiper-slide .thumb{width:87.3%;max-width:240px;cursor:pointer}.slide .swiper-button-prev,.slide .swiper-button-next{width:calc(var(--block-title-content) * 2);height:initial;aspect-ratio:1/1;margin-top:calc(var(--block-title-content) * -2);position:relative;z-index:99;top:0;left:initial;right:initial;filter:drop-shadow(0 0 3px rgba(0, 0, 0, 1))}.swiper-button-prev::after{transform:scaleX(-1)}.swiper-button-prev::after,.swiper-button-next::after{content:'';width:100%;height:100%;mask-image:url(../images/svg/slide_arrow.svg);mask-size:100% 100%;position:absolute;/* left: 0; top: 0; */z-index:3;opacity:.9}.slide .swiper-button-prev::after,.slide .swiper-button-next::after{background-color:var(--block-title-color-bk-bg)}.swiper-button-prev:hover::after,.swiper-button-next:hover::after{opacity:1}.swiper-button-prev:hover::after{transform:scale(-1.2,1.2)}.swiper-button-next:hover::after{transform:scale(1.2)}.sec_08 .block_content,.sec_09 .block_content{justify-content:flex-start;padding-top:2vw}.sec_08 .thumb_wrapper{margin-top:auto;margin-bottom:2vw}.sec_09 .thumb_wrapper{display:none}.sec_08 .sec_title,.sec_09 .sec_title{filter:drop-shadow(0 0 2px rgba(0, 0, 0, 1)) drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 4px rgba(255, 255, 255, 1)) drop-shadow(0 0 4px rgba(255, 255, 255, .5)) drop-shadow(0 0 8px rgba(255, 255, 255, .3)) drop-shadow(0 0 8px rgba(255, 255, 255, .3));-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, 1)) drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 4px rgba(255, 255, 255, 1)) drop-shadow(0 0 4px rgba(255, 255, 255, .5)) drop-shadow(0 0 8px rgba(255, 255, 255, .3)) drop-shadow(0 0 8px rgba(255, 255, 255, .3))}.sec_08.slide .swiper-button-prev::after,.sec_08.slide .swiper-button-next::after,.sec_09.slide .swiper-button-prev::after,.sec_09.slide .swiper-button-next::after{background-color:#000 !important}.sec_08.slide .swiper-button-prev,.sec_08.slide .swiper-button-next,.sec_09.slide .swiper-button-prev,.sec_09.slide .swiper-button-next{filter:drop-shadow(-1px -1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(0 0 10px rgba(255,255,255,0.8)) drop-shadow(0 0 20px rgba(255,255,255,0.5))}/* all sec_10 行銷策略號招標語 */.sec_10 .block_content{background-color:#71858f;justify-content:space-between;border-bottom:0;overflow:hidden}.sec_10 .bg_wrapper .bg1{position:relative;z-index:0}.sec_10 .cha1,.sec_10 .cha2{position:absolute;z-index:1;pointer-events:none}.sec_10 .cha1{max-width:532px;aspect-ratio:532/682;left:-3vw}.sec_10 .cha2{max-width:566px;aspect-ratio:566/800;right:0;bottom:0}.sec_10 .title_content{font-size:calc(var(--block-title) * 0.5);font-family:'Noto Serif HK','Noto Serif TC';font-weight:bold;line-height:calc(var(--block-title) * .93);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-grow:1;flex-shrink:1}.sec_10 .title_content .glass_box{/* 使用 text-shadow 替代 filter，Safari 兼容性更好 */text-shadow:0 0 2px rgba(0, 0, 0, 1),0 0 4px rgba(0, 0, 0, 1),0 0 6px rgba(0, 0, 0, 0.8),0 0 8px rgba(0, 0, 0, 0.6),0 0 2px rgba(255, 255, 255, 1),0 0 4px rgba(255, 255, 255, 1),0 0 6px rgba(255, 255, 255, 1),0 0 8px rgba(255, 255, 255, 1),0 0 12px rgba(255, 255, 255, 1),0 0 18px rgba(255, 255, 255, 1),0 0 25px rgba(255, 255, 255, 1),0 0 35px rgba(255, 255, 255, 0.95),0 0 50px rgba(255, 255, 255, 0.9),0 0 70px rgba(255, 255, 255, 0.8),0 0 100px rgba(255, 255, 255, 0.6),0 0 130px rgba(255, 255, 255, 0.4)/* 黑色描邊 *//* 白色發光 */}.sec_10 .title_content span{display:inline-block}/* 延遲aos */.sec_10 .title_content p:nth-of-type(2)>span:nth-of-type(1){transition-delay:200ms}.sec_10 .title_content p:nth-of-type(2)>span:nth-of-type(2){transition-delay:200ms}.sec_10 .title_content p:nth-of-type(3){transition-delay:400ms}.sec_10 .title_content p:nth-of-type(4){transition-delay:600ms}.sec_10 .sns{width:100%;display:flex;justify-content:center;margin-top:-0.3rem}.sec_10 .sns ul{justify-content:center}#sns_embed{width:100%}@media screen and (min-width:768px){/* 桌機/手機顯示切換設定 */.mobile{display:none}/* only wide sec_05 創角展示 */.sec_05 .block_content{align-items:flex-end}.sec_05 .title_name,.sec_05 .title_content{width:calc(var(--block-title) * 1.08 * 7);margin-right:3%}.sec_05 .title_name{flex-direction:row;justify-content:flex-end;align-items:flex-end;flex-wrap:wrap}.sec_05 .title_icons{transform:translateY(calc(-1 * var(--block-title) *.3));order:2}.sec_05 .top_decor{width:fit-content;flex-grow:1;flex-shrink:1;order:1}.sec_05 .sec_title{order:3}.sec_05 .bottom_decor{order:4}.sec_05 .top_decor .decor.lt{flex-grow:1;flex-shrink:1}.sec_05 .top_decor .decor.rt{display:none}/* only wide sec_10 小遊戲圖片展示 */.sec_10 .cha1{width:40%}.sec_10 .cha2{width:42%}}@media screen and (min-width:768px) and (max-width:1260px){/* only 768-1260 sec_05 創角展示 */.sec_05 .block_content{justify-content:initial}.sec_05 .title_name{margin-top:calc(var(--block-title) *1.25)}}@media screen and (max-width:1439px){:root{--btn-crystal:1.48rem}}@media screen and (min-width:1226px){.sec_10 .cha1{bottom:0}}@media screen and (max-width:1225px){.sec_10 .cha1{top:0}}@media (max-width:1280px){:root{--block-title:5.5vw;--block-title-content:2vw}/* sec_02 獎項列表 */.sec_02 .sec_title::before,.sec_02 .sec_title::after{flex-grow:.2;flex-shrink:.2}}@media (max-width:1200px){/*sec_05 創角展示 */.sec_05 .title_content{margin-top:0}}@media (max-width:1020px){.top_bar{display:flex;justify-content:stretch;align-items:initial}.logo{margin-right:3vw}.btn_block{width:auto;padding:0;position:relative;flex:1}.btn_block ul li{margin:0}}@media (max-width:1000px){:root{--block-title-content:2.5vw}.sec_03 .title_content h1{font-size:var(--block-title)}}@media (max-width:835px){:root{--sec_01_title:8.5vw}}/* ------------------------mobile view-------------------------- */@media (max-width:767px){:root{--block-title:8vw;--block-title-content:3.5vw;--sec_01_shadow:rgba(0, 0, 0, .7)}/* 桌機/手機顯示切換設定 */.pc{display:none}.mobile{display:block !important}/* --------↓mobile 版頭header↓-------- */.block_content{border-bottom-width:1px}.title_name,.title_content{width:90%}/* mobile sec_01 影片背景形象 */.main_contain{padding-top:90%}.sub_title{font-size:calc(var(--sec_01_title) * .5);letter-spacing:calc(var(--sec_01_title) * 0.3);text-indent:calc(var(--sec_01_title) * 0.3)}/* mobile sec_02 獎項列表 */.top_decor,.bottom_decor{margin:.8rem auto}.middle.text{margin:0 2%}.middle.text h3{font-size:clamp(6px, calc(var(--block-title) * 0.4) , 15px);letter-spacing:.37rem}.middle svg,.decor.lt::after,.decor.rt::before{width:clamp(4px, calc(var(--block-title) * 0.3) , 6px)}.decor_item svg{width:clamp(12px, calc(var(--block-title) * 0.5) ,16px)}.line{height:1px;margin:0 2px}.sec_02 .sec_title{width:82%}.sec_02 .sec_title h1{--sd_n:1px}.sec_02 .sec_title::before,.sec_02 .sec_title::after{flex-grow:.5;flex-shrink:.5}.sec_02 .title_name h2{font-size:calc(var(--block-title) * 0.55);line-height:calc(var(--block-title) * .7)}.award_list .swiper-slide{padding:0 5%}.award_img{max-width:200px}.award_info{padding:0 clamp(30px, 6vw, 50px)}/* mobile sec_03 遊戲故事 */.sec_03 .title_content{width:90%}/* 延遲aos *//* mobile sec_04 八種種族展示 *//* mobile sec_05 創角展示 */.sec_05 .block_content{min-height:100vh}.sec_05 .title_name{margin-top:calc(var(--block-title) *1.25);/* color:var(--block-title-color-wt-bg) !important; */order:1}.sec_05 .title_name,.sec_05 .title_content{text-shadow:initial}.sec_05 .bg_wrapper{width:85%;margin:calc(var(--block-title-content) * 1.5) 0;order:3;position:relative}.sec_05 div[aria-hidden="true"]{position:relative}.sec_05 .bg_wrapper>div[aria-hidden="true"] img{height:initial;aspect-ratio:1/1}.sec_05 .title_content{margin-bottom:0;order:2/* color: rgb(68 68 72); */}/* mobile sec_07 組隊影片 */.sec_07 .thumb_wrapper{max-width:528px}/* mobile sec_08 生活技能影片 sec_09 小遊戲圖片展示 */.sec_08 .block_content,.sec_09 .block_content{justify-content:stretch}.sec_08 .title_name,.sec_09 .title_name{margin-top:calc(var(--block-title) * .5)}.sec_08 .title_content,.sec_09 .title_content{margin:0}.sec_08:not(.active_2) .title_name,.sec_09.active_1 .title_name,.sec_09.active_2 .title_name{justify-content:flex-end}.sec_08.active_2 .title_content,.sec_09:not(.active_1):not(.active_2) .title_content{flex:1 1 auto;justify-content:flex-start}.sec_08 img{object-position:0% center}.sec_08 .thumb_wrapper,.sec_09 .thumb_wrapper{margin-bottom:3vw}.sec_08.slide .swiper-button-prev,.sec_08.slide .swiper-button-next,.sec_09.slide .swiper-button-prev,.sec_09.slide .swiper-button-next{bottom:11vw !important}.sec_09 img{object-position:0% center}.slide .swiper-wrapper{padding:0 10%}.thumb{width:100%}/*mobile sec_10 行銷策略號招標語 */.sec_10 .block_content{overflow:hidden}.sec_10 .cha1{width:44%;top:2%;left:-10vw}.sec_10 .cha2{width:50%;right:-10vw}.sec_10 .title_content{transform:translateY(-10vw)}}@media (max-width:640px){:root{--block-title-content:3.4vw;--btn-crystal:1.25rem}}@media (max-width:520px){:root{--block-title:7.8vw;--block-title-content:3.9vw;--btn-crystal:1.64rem}.top_bar{padding:.75rem .3rem 0 .3rem;flex-direction:column;align-items:center}.logo{width:60%;margin:2vw 0 1vw 0;flex-shrink:1}.btn_block{margin:0}.btn_block ul{justify-content:center}.btn_block ul li:nth-of-type(1){margin-right:0}.btn_block ul li a{padding:calc(var(--btn-crystal) * .3)}.sec_02 .sec_title{width:100%}.thumb_decor{display:none}.sec_10 .title_content{font-size:calc(var(--block-title) * .75);line-height:calc(var(--block-title) * 1.5)}/* 延遲aos */.sec_10 .title_content p:nth-of-type(2)>span{display:block}.sec_10 .title_content p:nth-of-type(2)>span:nth-of-type(2){transition-delay:400ms}.sec_10 .title_content p:nth-of-type(3){transition-delay:600ms}.sec_10 .title_content p:nth-of-type(4){transition-delay:800ms}}@media (max-width:430px){:root{--sec_01_title:14vw}body{width:100vw}/*430w sec_01 */.main_title h1>span{display:block}.sec_01 .sub_title{font-size:calc(var(--sec_01_title) * .4);letter-spacing:calc(var(--sec_01_title) * 0.1);text-indent:0}/*430w sec_10 行銷策略號招標語 */.sec_10 .cha1{width:54%}.sec_10 .cha2{width:60%}}@media (max-width:410px){.title_name,.title_content{width:92%}}@media (max-width:375px){.sec_10 .cha1{width:60%}.sec_10 .cha2{width:68%;right:-20vw;bottom:-15vw}}@media (max-width:360px){.sec_10 .cha1{width:60%}.sec_10 .cha2{width:68%;right:-15vw}}@media (max-width:310px){:root{--block-title-content:5vw}.middle.text h3{letter-spacing:.1rem}.top_decor,.bottom_decor{margin:.5rem 0}.line{margin:0 1px}.sec_10 .cha1{width:75%}.sec_10 .cha2{width:85%}}@media (max-width:250px){.thumb_decor>div::before{border-top:1px solid}.thumb_decor>div::after{border-bottom:1px solid}.thumb_decor>div.left::before,.thumb_decor>div.left::after{border-left:1px solid}.thumb_decor>div.right::before,.thumb_decor>div.right::after{border-right:1px solid}.sec_07 .thumb:hover .thumb_decor>div::before{top:-3px}.sec_07 .thumb:hover .thumb_decor>div::after{bottom:-3px}.sec_07 .thumb:hover .thumb_decor>div.left::before,.sec_07 .thumb:hover .thumb_decor>div.left::after{left:-3px}.sec_07 .thumb:hover .thumb_decor>div.right::before,.sec_07 .thumb:hover .thumb_decor>div.right::after{right:-3px}.sec_10 .cha1{width:100%}.sec_10 .cha2{width:100%}}@media (max-width:200px){:root{--block-title:7.6vw;--btn-crystal:11vw}}