.menu-button{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s}.menu-button.galaxy,.menu-button.track{opacity:1}.menu-button video{pointer-events:none;width:100%;height:100%;position:relative}.menu-button .menu-button-ball{width:230px;height:230px;position:absolute;top:54%;left:28%}.menu-button.track .menu-button-ball,.menu-button.galaxy .menu-button-ball{pointer-events:all}.menu-button .menu-button-ball button{background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .5s;display:flex;position:absolute}.menu-button.track .menu-button-ball button{background-color:#356126}.menu-button.galaxy .menu-button-ball button{background-color:#d5940d}.menu-button .menu-button-ball button b{background-color:#fff;width:50%;height:5%;transition:top .3s,transform .3s,opacity .3s;display:block;position:absolute}.menu-button .menu-button-ball button b:first-child{top:30%}.menu-button .menu-button-ball button b:nth-child(3){top:65%}.menu-button.active .menu-button-ball button b:first-child{top:45%;transform:rotate(45deg)}.menu-button.active .menu-button-ball button b:nth-child(2){opacity:0;transform:rotate(45deg)}.menu-button.active .menu-button-ball button b:nth-child(3){top:45%;transform:rotate(-45deg)}.menu-button ul{opacity:0;background-color:#0000;border-radius:230px;flex-direction:column;width:100%;height:0%;transition:height .5s,opacity .5s,background-color .5s;display:flex;position:absolute;bottom:0;overflow:hidden}.menu-button.track ul{background:#356126b2}.menu-button.galaxy ul{background:#d5920db2}.menu-button.active ul{opacity:1;height:300%}.menu-button ul li{padding:8% 8% 0}.menu-button ul li img{width:100%}.landing-page{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.landing-page .frame{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.landing-page>h1{font-size:200px;position:absolute}.landing-page .track-title{top:7%;left:12%}.landing-page .galaxy-title{color:#fff;opacity:0;transition:opacity .5s ease-in-out;bottom:7%;right:15%}.landing-page .galaxy-title.active{opacity:1}.landing-page .arrow-nav{width:20%;position:absolute;top:45%;left:50%;transform:translate(-50%)}.landing-page .arrow-nav img{opacity:0;pointer-events:none;width:100%;position:absolute}.track-part{width:100%;height:100%;position:absolute;top:0;left:0}.track-part .bg{width:100%;position:absolute;top:-48%}.track-part .bg-mask{clip-path:inset(0 0 0%);width:100%;position:absolute;top:-48%;left:0}.track-part .bg-mask .bg{width:100%;display:block;position:static}.track-part .labels{width:100%;height:100%;position:absolute;top:6%;left:0}.track-part .labels .mont-label:first-child{position:absolute;bottom:30%;left:21%}.track-part .labels .mont-label:nth-child(2){position:absolute;bottom:36%;left:46%}.track-part .labels .mont-label:nth-child(3){position:absolute;bottom:38%;left:16%}.track-part .labels .mont-label:nth-child(4){position:absolute;bottom:47%;left:21%}.track-part .labels .mont-label:nth-child(5){position:absolute;bottom:45%;left:51%}.track-part .labels .mont-label:nth-child(6){position:absolute;bottom:52%;left:67%}.track-part .labels .mont-label:nth-child(7){position:absolute;bottom:60%;left:52%}.track-part .labels .mont-label:nth-child(8){position:absolute;bottom:63%;left:23%}.mont-label{z-index:1;color:#4e7220;width:25%;position:relative}.mont-label .content{width:100%;height:100%;position:absolute;top:0;left:0}.mont-label .content b{color:#fff;font-family:bahnschrift;font-size:40px;position:absolute;top:26%;left:16%}.mont-label .content h3{font-size:45px;position:absolute;top:20%;left:30%}.mont-label .content .scoreBlock{align-items:center;gap:11px;width:100%;height:13%;display:flex;position:absolute;top:70%;left:13%}.mont-label .content .scoreBlock span{font-size:30px}.mont-label .content .scoreBlock .score-value{flex:1;gap:4px;height:100%;display:flex}.mont-label .content .scoreBlock .score-value img{height:100%}.galaxy-part{width:100%;height:100%;position:absolute;top:0;left:0}.galaxy-part .bg{width:100%;position:absolute;top:-1.5%}.galaxy-part .bg-connector{background-color:#1f353f;width:100%;height:3%;position:absolute;top:98%}.galaxy-part .bg-lower{width:100%;position:absolute;top:100%}.galaxy-part .galaxy-content-container{width:100%;height:100%;position:absolute;top:100%;left:0}.galaxy-part .galaxy-bg-video{opacity:0;width:100%;position:absolute;top:2%}.galaxy-part .galaxy-bg-video.active{opacity:1;transition:opacity 1s ease-in-out}.galaxy-part .galaxy-bg-video.s1{opacity:.6;transition:opacity 3s ease-in-out;transform:rotate(-100deg)}.galaxy-part .galaxy-band{opacity:0;width:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.galaxy-part .galaxy-band.active{opacity:1}.galaxy-part .home-page-stars{width:100%;height:75%;position:absolute;bottom:0%;left:0%}.galaxy-part .home-page-stars video{width:15%;transition:width 1s ease-in-out,top 1s ease-in-out,left 1s ease-in-out;position:absolute}.galaxy-part .home-page-stars video.s3{top:19%;left:14%}.galaxy-part .home-page-stars video.s1{top:7%;left:33%}.galaxy-part .home-page-stars video.s4{top:22%;left:50%}.galaxy-part .home-page-stars video.s2{top:14%;left:72%}.galaxy-part .home-page-stars button{color:#fff;letter-spacing:2px;opacity:0;background-color:#d5920d93;border:4px solid #fff;border-radius:70px;padding:6px 30px;font-size:42px;line-height:1.4;transition:opacity .5s ease-in-out;position:absolute}.galaxy-part .home-page-stars.button-visible button{opacity:1}.galaxy-part .home-page-stars button.s3{top:30%;left:15%}.galaxy-part .home-page-stars button.s1{top:18.5%;left:33.2%}.galaxy-part .home-page-stars button.s4{top:32.7%;left:51.2%}.galaxy-part .home-page-stars button.s2{top:25.2%;left:72.3%}.galaxy-part .home-page-stars.isDetail video{width:14%}.galaxy-part .home-page-stars.isDetail video.s3{top:77%;left:6%}.galaxy-part .home-page-stars.isDetail video.s1{top:70%;left:18%}.galaxy-part .home-page-stars.isDetail video.s4{top:77%;left:30%}.galaxy-part .home-page-stars.isDetail video.s2{top:70%;left:44%}.galaxy-part .home-page-stars.button-visible.isDetail button.s3{top:87%;left:6%}.galaxy-part .home-page-stars.button-visible.isDetail button.s1{top:80%;left:18.6%}.galaxy-part .home-page-stars.button-visible.isDetail button.s4{top:87%;left:30.8%}.galaxy-part .home-page-stars.button-visible.isDetail button.s2{top:80%;left:43.8%}.galaxy-part .telescope-container{width:15%;height:12%;position:absolute;bottom:9%;right:25%}.galaxy-part .telescope-container .telescope-animation{width:85%;padding-right:15%;animation:5s ease-in-out infinite telescope-animation;position:absolute}.galaxy-part .telescope-container .telescope-2{width:68%;position:absolute;top:20%;left:8%}.galaxy-part .telescope-container button.telescope-button{opacity:1;padding:6px 48px;position:absolute;bottom:0;left:-3%}.galaxy-part .galaxy-detail-container{width:100%;height:75%;position:absolute;top:100%;left:0%}@keyframes telescope-animation{0%{transform:rotate(0)}50%{transform:rotate(0)}55%{transform:rotate(20deg)}60%{transform:rotate(-10deg)}63%{transform:rotate(5deg)}65%{transform:rotate(0)}to{transform:rotate(0)}}.galaxy-detail{width:100%;height:100%;position:absolute;top:0;left:0}.galaxy-detail img.stars{width:100%;position:absolute;top:0;left:0}.galaxy-detail.s2 img.stars{width:93%;top:3%;left:4%}.galaxy-detail img.tag,.galaxy-detail video{width:100%;position:absolute;top:0;left:0}.galaxy-detail h1{color:#fff;letter-spacing:8px;white-space:pre-line;font-size:124px;line-height:1.3;position:absolute;top:5.5%;left:9.5%}.galaxy-detail .galaxy-detail-description{color:#fff;letter-spacing:4px;white-space:pre-line;width:100%;font-size:48px;line-height:1.5;position:absolute;top:70.5%}.galaxy-detail .galaxy-detail-description p{width:66%;margin:0 auto}.galaxy-detail .galaxy-detail-description p b{color:#d5940d}.mont-detail-label{background-color:#365e3eb7;border:2px solid #fff;border-radius:130px;justify-content:center;align-items:center;gap:50px;height:120px;padding:0 60px 0 30px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:1px 1px 1px #fff}.mont-detail-label img{height:115px;position:absolute;bottom:0%;left:15px}.mont-detail-label b{color:#fff;justify-content:center;width:65px;margin-top:5px;font-family:Bahnschrift;font-size:45px;font-weight:400;display:flex;position:relative}.mont-detail-label span{color:#fff;letter-spacing:2px;font-size:45px;top:27%;left:34%}.track-detail{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s,transform .5s;position:absolute;top:0;left:0;transform:translateY(30%)}.track-detail.active{opacity:1;pointer-events:auto;transform:translateY(0%)}.track-detail>img{width:100%}.track-detail .info-container{width:100%;height:100%;padding:140px 100px 140px 120px;display:flex;position:absolute;top:0;left:0}.track-detail .info-container .left-info{flex:11}.track-detail .info-container .left-info h1{margin-bottom:20px;font-size:130px}.track-detail .info-container .left-info h1 span{padding-right:3cqh;font-family:Bahnschrift;font-size:140px}.track-detail .info-container .left-info .score-container{align-items:center;gap:30px;margin-bottom:20px;display:flex;position:relative}.track-detail .info-container .left-info .score-container span{font-size:50px}.track-detail .info-container .left-info .score-container .score-bar{flex:1;gap:14px;height:100%;display:flex;position:relative}.track-detail .info-container .left-info .score-container .score-bar img{width:60px}.track-detail .info-container .left-info p{letter-spacing:3px;white-space:pre-line;margin-bottom:50px;font-size:48px}.track-detail .info-container .left-info .challenge-button{color:#fff;background-color:#000;border:none;border-radius:60px;margin-left:20px;padding:20px 55px;font-size:48px}.track-detail .info-container .right-info{flex:9}.track-detail .info-container .right-info ul{padding-left:70px;list-style:none}.track-detail .info-container .right-info ul li{gap:40px;padding:20px 0 50px;display:flex}.track-detail .info-container .right-info ul li .figure-container{justify-content:center;align-items:center;width:130px;height:110px;margin:0;display:flex}.track-detail .info-container .right-info ul li .figure-container img{height:100%}.track-detail .info-container .right-info ul li .flex{border-bottom:1px solid #000;flex:1;justify-content:space-between;align-items:center;display:flex}.track-detail .info-container .right-info ul li .flex .attr-name{width:30%;line-height:1.3}.track-detail .info-container .right-info ul li .flex .attr-name h4{margin-top:-5px;font-size:43px;font-weight:200}.track-detail .info-container .right-info ul li .flex .attr-name span{font-size:30px}.track-detail .info-container .right-info ul li .flex .attr-value{font-family:Bahnschrift;line-height:1}.track-detail .info-container .right-info ul li .flex .attr-value h2{font-size:100px;position:relative}.track-detail .info-container .right-info ul li .flex .attr-value .route-type{font-size:38px;font-weight:400;position:absolute;top:10px;left:-100px}.track-detail .info-container .right-info ul li .flex .attr-value h4{margin-top:10px;font-size:60px;font-weight:200}.track-detail .info-container .right-info ul li .flex .attr-unit{text-align:right;width:14%;margin-top:20px;font-size:60px}.track-detail .route-map{width:100%;height:100%;position:absolute;top:0;right:0}.track-detail .route-map img{width:100%;position:absolute;top:0;right:0}.track-detail .route-map .track-tag{animation:1s .3s both track-tag-fade-in}@keyframes track-tag-fade-in{0%{opacity:0}to{opacity:1}}.track-detail .mont-label-block{white-space:nowrap;cursor:grab;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;width:100%;padding:0 450px 0 150px;position:absolute;bottom:16.6%;left:0;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15% 68%,#0000 85%);mask-image:linear-gradient(90deg,#0000 0%,#000 15% 68%,#0000 85%)}.track-detail .mont-label-block::-webkit-scrollbar{display:none}.track-detail .mont-label-block.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.track-detail .mont-label-block.is-dragging img{-webkit-user-drag:none}.track-detail .mont-label-block article{width:max-content;display:inline-block}.track-detail .mont-label-block article>div{padding:20px;display:inline-block}.track-detail .mont-label-block article>:nth-child(6){margin-left:220px}.track-detail .detail-animation{position:absolute}.track-detail .detail-animation video{width:100%}.track-detail .detail-animation[data-track-id=T1],.track-detail .detail-animation[data-track-id=T8],.track-detail .detail-animation[data-track-id=T3]{max-width:31%;top:25%;left:0%}.track-detail .detail-animation[data-track-id=T7]{max-width:30%;top:15%;left:7%}.track-detail .detail-animation[data-track-id=T2]{max-width:28%;top:22%;left:0%}.track-detail .detail-animation[data-track-id=T4]{max-width:30%;top:22%;right:0%}.track-detail .detail-animation[data-track-id=T5]{max-width:32%;top:25%;right:0%}.track-detail .detail-animation[data-track-id=T6]{max-width:32%;top:22%;right:0%}.track-detail .canvas-container{justify-content:center;align-items:center;width:100%;height:50%;display:flex;position:absolute;top:25%;left:0}.track-detail .canvas-container .map-pointer{width:16%;position:absolute;top:55%}.track-detail .canvas-container .map-canvas-wrapper{aspect-ratio:2000/2300;width:59%;position:absolute;top:17%;left:22%}.track-detail .canvas-container .map-canvas-wrapper canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.track-detail .canvas-container .map-canvas-wrapper img{width:110px}.track-detail .chart-container{width:100%;position:absolute;bottom:0}.track-detail .chart-container .table-image{padding:0 60px 75px 140px}.track-detail .canvas-container[data-track-id=T1] .map-canvas-wrapper{width:59%;top:5%;left:22%}.track-detail .canvas-container[data-track-id=T2] .map-canvas-wrapper{width:64%;top:10%;left:19%}.track-detail .canvas-container[data-track-id=T3] .map-canvas-wrapper{width:64%;top:8%;left:14%}.track-detail .canvas-container[data-track-id=T4] .map-canvas-wrapper{width:75%;top:-15%;left:9%}.track-detail .canvas-container[data-track-id=T5] .map-canvas-wrapper{width:67%;top:2%;left:17%}.track-detail .canvas-container[data-track-id=T6] .map-canvas-wrapper{width:52%;top:17%;left:22%}.track-detail .canvas-container[data-track-id=T7] .map-canvas-wrapper{width:73%;top:-2%;left:21%}.track-detail .canvas-container[data-track-id=T8] .map-canvas-wrapper{width:68%;top:-4%;left:16%}.track-detail .canvas-container .locate-person{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:186px;height:auto;position:absolute;transform:translate(-50%,-100%)}.track-detail .chart-container .y-axis{color:#527433;text-align:end;flex-direction:column;justify-content:space-between;width:6%;height:430px;font-family:Bahnschrift;font-size:32px;display:flex;position:absolute;top:0%}.track-detail .chart-container .x-axis{color:#527433;width:100%;font-family:Bahnschrift;font-size:40px;display:flex;position:absolute;bottom:6%;left:7%}.track-detail .chart-container .x-axis li{flex:1}.track-detail .chart-container .chart-canvas-wrapper{width:1910px;height:500px;position:absolute;bottom:21%;left:8%}.track-detail .chart-container .chart-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.track-detail .chart-container .locate-head{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:169px;height:163px;position:absolute;transform:translate(-50%,-100%)}@font-face{font-family:思源黑體;src:url(/fonts/NotoSansTC-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:思源黑體;src:url(/fonts/NotoSansTC-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(/fonts/NotoSansTC-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(/fonts/NotoSansTC-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Source Han Sans;src:url(/fonts/SourceHanSans-Regular.ttc)format("collection");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Source Han Sans;src:url(/fonts/SourceHanSans-Bold.ttc)format("collection");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bahnschrift;src:url(/fonts/bahnschrift.ttf)format("truetype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--font-sans:"思源黑體", "Noto Sans TC", sans-serif;--font-bahnschrift:"Bahnschrift", var(--font-sans);--font-roboto:"Roboto", var(--font-sans)}*{box-sizing:border-box}html,body,#root{-webkit-user-select:none;user-select:none;min-height:100%;margin:0}img{-webkit-user-drag:none}body{font-family:var(--font-sans)}.asset-loading{text-align:center;color:#fff;background:#474747;place-content:center;gap:1rem;min-height:100vh;display:grid}main{width:100%;overflow:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}a{user-drag:none;-webkit-user-drag:none}.viewport{transform-origin:0 0;background-color:#474747;width:2160px;height:3645px;position:relative;overflow:hidden;transform:scale(.2)}main.fullscreen .viewport{transform:rotate(-90deg)translate(-100%)}main.fullscreen{width:3645px;height:2160px;overflow:hidden}.viewport .menu-button-container{pointer-events:none;width:24%;height:26%;transition:bottom .5s,right .5s;position:absolute;bottom:4%;right:8%}.viewport .menu-button-container.higher{bottom:13%;right:3%}.galaxy-popup-container,.track-detail-popup-container{opacity:0;pointer-events:none;background-color:#0000009d;justify-content:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0%;left:0%}.galaxy-popup-container.active,.track-detail-popup-container.active{opacity:1;pointer-events:all}.galaxy-popup-container .galaxy-popup{width:83%;position:absolute;top:44%}.track-detail-popup-container .track-detail-popup{width:83%;position:absolute;top:30.5%}.galaxy-popup-container .galaxy-popup img,.track-detail-popup-container .track-detail-popup img{width:100%;transition:transform .5s ease-in-out;transform:scale(.2)}.galaxy-popup-container.active .galaxy-popup img,.track-detail-popup-container.active .track-detail-popup img{transform:scale(1)}.galaxy-popup-container .galaxy-popup nav{width:9%;height:14%;position:absolute;top:0%;right:0%}.track-detail-popup-container .track-detail-popup nav{width:9%;height:9%;position:absolute;top:0%;right:0%}.fullscreen-mode-container{position:absolute;top:20px;right:20px}main.fullscreen .fullscreen-mode-container{display:none}.fullscreen-mode-container button{opacity:.3;background-color:#0000;padding:0 20px;font-size:50px}.fullscreen-mode-container button:hover{opacity:1}