@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";body{overflow-x:hidden}.home-body{display:flex;justify-content:center;align-items:center;width:100vw;min-height:100dvh;overflow-y:auto;background-color:#faecdc}.home-bg{width:100%;height:auto;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.home-button-wrap{position:absolute;top:25%;left:50%;transform:translate(-50%,-25%);width:35%;text-align:center;z-index:500}.home-title{margin-top:5px;width:90%;animation:breathing 3s infinite ease-in-out}.home-frame{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;min-height:100dvh}.home-frame img{max-width:20%}.breathing{display:flex;justify-content:center;align-items:center}.breathing:before{content:"";display:block;position:absolute;width:100%;aspect-ratio:1/1;border-radius:500px;background-color:#fcfeff;animation:breathing2 3s infinite ease-in-out alternate;animation-delay:1.5s;filter:blur(3px);opacity:.2}.bg-wrap{width:100vw;overflow-y:auto;position:relative}.lt{position:absolute;top:0;left:0}.rt{position:absolute;top:0;right:0}.bt{position:absolute;bottom:0;left:0}.br{position:absolute;bottom:0;right:0}@keyframes breathing{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes breathing2{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.05);opacity:.3}to{transform:scale(1);opacity:.2}}.clickable-area{color:#fff;font-size:clamp(16px,2vw,24px);font-weight:500;border-radius:999px;letter-spacing:1px;border:4px solid #FFF;background:linear-gradient(180deg,#627d6d 32.09%,#0e3b40 100.75%);box-shadow:0 0 19.9px #ffffffe6 inset;position:absolute;bottom:17%;left:50%;transform:translate(-50%);width:60%;max-width:338px;height:16%;max-height:80px;cursor:pointer}.clickable-area:hover{color:#517267;font-weight:600;background:linear-gradient(360deg,#fff,#fff)}.clickable-area:active{background:linear-gradient(360deg,#2b4850,#2b4850);color:#fff;font-weight:500}@media screen and (max-width: 769px){.home-bg{content:url(../home_mb.png)}.home-button-wrap{top:30%;left:50%;transform:translate(-50%,-30%);width:70%}.clickable-area{bottom:15%;left:50%;transform:translate(-50%,-15%)}.home-frame img{max-width:50%}}.dropdown{position:fixed;top:5%;transform:translateY(-5%);left:32px;z-index:22;display:flex;justify-content:center;align-items:center}.dropdown-img{position:absolute;z-index:20}.dropdown-toggle{display:flex;justify-content:flex-end;align-items:center;width:320px;height:114px;z-index:50;cursor:pointer;color:#fff;font-size:2rem;font-weight:500}.dropdown-menu{position:absolute;width:80%;top:32px;padding:80px 24px 24px;border-radius:29px;background:#0d6db999;list-style:none;z-index:16}.dropdown-menu>:not(:last-child){margin-bottom:16px}.dropdown-menu li{cursor:pointer;text-align:center;padding:16px;font-size:2rem;font-weight:500;color:#fff;border-radius:50px;border:4px solid #fff;background:linear-gradient(180deg,#00a0e8 32.09%,#0d6db9 78.89%);box-shadow:0 0 19.9px #ffffffe6 inset}.dropdown-menu li:hover{background:none;background-color:#fff;color:#00a0e8}.dropdown-menu li:active{background:none;color:#fff;background-color:#0d6db9;box-shadow:none;border-color:#0d6db9}.dropdown-menu li.disabled{background:linear-gradient(180deg,#b9b9b9 32.09%,#b9b9b9 78.89%);color:#fff;cursor:not-allowed;pointer-events:none;border:none;box-shadow:none}.selected-wrapper{display:flex;justify-content:center;align-items:center;text-align:center;z-index:22;width:250px;padding-left:16px}@media screen and (min-width: 1440px){.dropdown{top:5%;transform:translateY(-5%)}}@media screen and (max-width: 540px){.dropdown{top:10px;left:24px;z-index:999}.dropdown-img{width:168px}.dropdown-toggle{display:flex;justify-content:flex-end;align-items:center;width:168px;z-index:50;cursor:pointer;color:#fff;font-size:1rem;font-weight:500}.dropdown-menu{position:absolute;top:32px;padding:48px 16px 24px}.dropdown-menu li{padding:8px 12px;font-size:1rem;border:3px solid #fff;box-shadow:0 0 12px #ffffffe6 inset;font-weight:500}.selected-wrapper{display:flex;justify-content:center;align-items:center;text-align:center;z-index:22;width:140px;padding-left:20px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;overflow-y:auto}.modal-content{display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:20px 20px 24px;border-radius:16px;width:320px;height:520px;max-width:90%;text-align:center;animation:fadeIn .3s ease-in-out;background-image:url(../popup_bg.png);background-repeat:no-repeat;background-position:center center;background-size:cover}.modal-content-tutorial{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:1080px;margin:0 24px;text-align:center}.modal-content-tutorial img{width:auto;max-width:80vw;max-height:80dvh;margin-bottom:20px}.modal-enter{display:flex;justify-content:center;align-items:center;gap:8px;border-radius:30px;border:2px solid #ED6B58;background:#fff;color:#ed6b58;padding:8px 24px;font-size:1rem;cursor:pointer}.modal-chat{background-color:#517267;border-radius:100px;border:none;padding:12px 24px;color:#fff;letter-spacing:.5px;font-size:1rem;font-weight:4500;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pop-header{width:100%;text-align:right}.pop-header img{cursor:pointer}.pop-container{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.pop-container>img{width:120px}.pop-container section{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;margin-top:12px;margin-bottom:24px}.pop-title{font-size:1.5rem;font-weight:500}.pop-text{font-size:.875rem;letter-spacing:1px}.pop-text-wrapper{display:flex;justify-content:center;align-items:center;gap:4px}.pop-intro{white-space:pre-wrap;word-break:break-word;text-align:center;font-size:.75rem}@media screen and (max-width: 480px){.modal-img{content:url(../tutorial_m.png);max-height:80dvh;width:auto!important}}@media screen and (max-height: 520px){.modal-content{height:90dvh;padding-top:10px}.pop-container>img{width:100px}.pop-container section{margin-bottom:12px}.pop-intro{max-height:40px;overflow-x:auto}}.map-body{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100vw;min-height:100dvh;background:linear-gradient(90deg,#faecdc .07%,#d9e1d4,#b8d7cd 99.95%);overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.map-bg{pointer-events:none;-webkit-user-select:none;user-select:none}.map-footer{position:absolute;bottom:24px;display:flex;justify-content:center;align-items:center;gap:20px;width:100%;z-index:120}.map-button{display:flex;justify-content:center;align-items:center;gap:8px;background-color:#517267;color:#fff;border:none;border-radius:100px;padding:8px 20px;font-size:1.25rem;font-weight:400}.map-body::-webkit-scrollbar{display:none}.bg-wrap-map{position:absolute;cursor:pointer;top:0;min-height:100dvh;display:flex;justify-content:center;align-items:center}.m-bg{display:flex;justify-content:center;align-items:center}.bg-img{width:100%;position:relative}.fg-img{z-index:65;position:absolute;max-width:314px}.ancient-1{position:absolute;left:40%;top:44%;transform:translateY(-60%);cursor:pointer;max-width:240px}.ancient-2{position:absolute;right:8%;bottom:25%;transform:translateY(25%);cursor:pointer;max-width:240px}.ancient-3{position:absolute;left:15%;bottom:15%;transform:translateY(15%);cursor:pointer;max-width:240px}.ancient-4{position:absolute;left:19%;top:28%;transform:translateY(-28%);cursor:pointer;max-width:240px}.ancient-5{position:absolute;right:19%;top:42%;transform:translateY(-30%);cursor:pointer;max-width:240px}.ancient-6{position:absolute;left:8%;top:35%;transform:translateY(25%);cursor:pointer;max-width:240px}.scroll-hint{cursor:pointer;-webkit-user-select:none;user-select:none;position:fixed;z-index:5;bottom:5%;left:50%;transform:translate(-50%);background:#517267;color:#fff;padding:10px 20px;border-radius:30px;font-size:16px;display:flex;align-items:center;gap:8px}.mobile-view{display:none;align-items:center;justify-content:center;background-color:#000;height:100dvh;overflow:hidden}.ancient-group{width:100%}.m-bg-1{background-image:url(./m_bg_2.png);background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cloud{position:absolute;top:0;animation:fadeMove 3s infinite ease-in-out}.bird{position:absolute;top:20%;right:20%;width:10%;animation:fadeMoveUpLeft 3s infinite ease-in-out}.fire{position:absolute;bottom:20%;left:10%;width:40%;animation:fireMove 3s infinite ease-out}.crow{position:absolute;bottom:37%;left:29%;width:2%;animation:BirdMove 2s infinite ease-out}@keyframes BirdMove{0%{transform:translate(-20px,-10px) scale(.8);opacity:1}50%{transform:translate(40px,30px) scale(1.01);opacity:.6}to{transform:translate(40px,30px) scale(1.2);opacity:0}}@keyframes fireMove{0%{transform:translate(-30px,-20px) scale(.8);opacity:1}50%{transform:translate(40px,30px) scale(1.01);opacity:.6}to{transform:translate(70px,60px) scale(1.2);opacity:0}}@keyframes fadeMoveUpLeft{0%{transform:translate(0);opacity:1}50%{transform:translate(-40px,-40px);opacity:0}51%{transform:translate(40px,40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeMove{0%{transform:translate(0);opacity:1}50%{transform:translate(100px);opacity:0}51%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@media screen and (min-width: 1920px){.bg-wrap-map{min-width:100vw}}@media screen and (min-width: 1441px){.ancient-1{width:calc(160px + 5vw);transform-origin:center;max-width:none;top:42%;transform:translateY(-60%)}.ancient-2{width:calc(160px + 5vw);transform-origin:center;max-width:none;bottom:17%;transform:translateY(17%)}.ancient-3{width:calc(160px + 5vw);transform-origin:center;max-width:none;bottom:13%}.ancient-4{width:calc(160px + 5vw);transform-origin:center;max-width:none;top:28%}.ancient-5{width:calc(160px + 5vw);transform-origin:center;max-width:none}.ancient-6{width:calc(160px + 5vw);transform-origin:center;max-width:none;top:50%;transform:translateY(-35%)}.map-body{justify-content:center}.map-bg{width:100%}}@media screen and (max-width: 540px){.web-view{display:none}.mobile-view{display:flex}.ancient-group{overflow:hidden}}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans TC,sans-serif}.container{background-image:url(../bg.png);background-repeat:no-repeat;background-position:center center;background-size:cover;height:100dvh;padding-top:64px}header{position:fixed;top:0;left:0;width:100%;background-color:#fff;box-shadow:0 0 30px #e5c69880}.header-bar{display:flex;justify-content:center;align-items:center;width:100%;height:64px;background-color:#2b4850;padding:0 32px;z-index:2}.header-bar span{width:100%;color:#fff}.header-bar img{width:32px}.header-bar-2{display:flex;justify-content:space-between;align-items:center;width:100%;height:64px;background-color:#2b4850;padding:0 32px;z-index:2}.header-bar-2 span{color:#fff}.header-bar-2 img{width:40px}.header-left{display:flex;justify-content:center;align-items:center;gap:4px}.header-left>:last-child{margin-left:8px}.header-function{display:flex;justify-content:center;align-items:center;gap:10px}.header-function img{cursor:pointer}.header-function>:first-child{margin-right:8px}.header-profile{display:flex;justify-content:space-between;align-items:center;padding:0 120px;width:100%;margin:auto;height:56px;z-index:1}.header-profile img{width:36px}.header-profile span{color:#2b4850}.header-profile .profile{display:flex;justify-content:center;align-items:center;gap:16px}.header-title{text-align:center;font-size:1.25rem;font-weight:600;letter-spacing:1px;margin-left:2px}.m-header{display:none;flex-direction:column}@media screen and (min-width: 1440px){header .header-profile{max-width:1680px}}@media screen and (max-width: 1440px){header .header-profile{padding:0 60px;max-width:none}}@media screen and (max-width: 768px){header .header-profile{padding:0 24px}}@media screen and (max-width: 600px){.container{padding-top:120px}.header{display:none}.m-header{display:flex}.header-bar{padding:0 16px}}.slider-container{display:flex;align-items:center;gap:6px}.text-small{font-size:16px;font-weight:500}.text-large{font-size:20px;font-weight:600}.slider{width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:10px;outline:none;cursor:pointer;transition:background .3s}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}.slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}.slider-bg-0{background:linear-gradient(to right,#517267,#c3dbd3 0%)}.slider-bg-33{background:linear-gradient(to right,#517267 33%,#c3dbd3 33%)}.slider-bg-67{background:linear-gradient(to right,#517267 67%,#c3dbd3 67%)}.slider-bg-100{background:linear-gradient(to right,#517267 100%,#c3dbd3)}@media screen and (max-width: 600px){.slider{width:50px}.slider::-webkit-slider-thumb{width:10px;height:10px;background-color:#2b4850}.slider::-moz-range-thumb{width:10px;height:10px;background-color:#2b4850}.text-small{font-size:12px;font-weight:500}.text-large{font-size:16px;font-weight:600}}.button-container{position:fixed;bottom:0;left:0;width:100%}.button-panel{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#2b4850;height:148px;z-index:1000}.button-panel button{background:#fff;border:none;padding:12px 0;font-size:.875rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;color:#2b4850;width:100%;text-align:center;white-space:nowrap}.button-panel button:hover{background:#c3dbd3}.button-top{max-width:1680px;margin:auto;padding:0 120px;display:flex;justify-content:flex-end;align-items:center;height:64px;color:#ed6b58}.button-wrapper{width:100%;max-width:1280px;padding:0 120px;display:grid;justify-content:center;align-items:center;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.button-left{display:flex;justify-content:center;align-items:space-between;cursor:pointer}.button-left span{font-size:1rem}.button-continue{display:flex;justify-content:center;align-items:center;gap:6px;border:1px solid #ED6B58;border-radius:100px;padding:8px 12px;cursor:pointer;background-color:#fff}.button-continue:hover{background-color:#fdf0dd}.button-continue.disabled{cursor:not-allowed;color:#bbb;border:1px solid #bbb;background-color:#fff}.button-continue span{font-size:.875rem}.button-more{display:flex;align-items:center;justify-content:center;margin-right:20px;gap:6px;border:1px solid #ED6B58;border-radius:100px;padding:8px 12px;cursor:pointer;background-color:#fff;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}.button-more:hover{background-color:#fdf0dd}.button-more span{font-size:.875rem}.button-more.show{opacity:1;visibility:visible}.button-more.hide{opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out .5s}.button-panel .button-wrapper button{transition:all .3s ease}.button-panel .button-wrapper button.disabled{cursor:not-allowed;color:#bbb;pointer-events:none}@media screen and (max-width: 390px){.button-wrapper{padding:0 20px}.button-panel button{font-size:.75rem;padding:12px 0}}@media screen and (min-width: 1440px){.button-top,.button-wrapper{max-width:1680px}}@media screen and (max-width: 1440px){.button-top,.button-wrapper{max-width:none;padding:0 60px}}@media screen and (max-width: 768px){.button-top,.button-wrapper{padding:0 24px}}.chat-message,.chat-message-user{white-space:pre-line}.chat-container{width:100%;height:calc(100dvh - 212px);overflow-y:auto}.chat-robot{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:24px}.chat-msg{max-width:min(100vw - 200px,960px);min-width:50px;margin-left:16px;border-radius:16px;background:#fff;box-shadow:0 0 12px #2b48501f;padding:16px 20px;color:#2b4850}.chat-msg a{text-decoration:none;color:#2b4850}.chat-msg-user{max-width:min(100vw - 200px,960px);border-radius:16px;background:#2b4850;padding:12px 16px;color:#fff}.chat-msg-container{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:16px}.chat-box{max-width:1280px;margin:auto auto 40px;padding:0 120px 40px}.chat-user{display:flex;justify-content:flex-end;align-items:center;margin-top:24px}.chat-audio audio{width:100%;max-width:300px;background-color:#fff;border-radius:16px;box-shadow:0 0 12px #2b48501f;padding:5px}.chat-audio audio::-webkit-media-controls-panel{background-color:#fff;border-radius:8px}.chat-audio audio::-moz-media-controls{background-color:#fff}.chat-audio audio::-webkit-media-controls-enclosure{background-color:#fff}.chat-message img{width:60px}.chat-audio{width:100%;margin-left:14px}.chat-video{margin-left:16px}.chat-video video{width:100%;max-width:300px;border-radius:8px}.chat-photo{margin-left:16px;display:flex;align-items:center;background-color:transparent;padding:5px 0}.chat-photo img{width:100%;max-width:300px;border-radius:8px}.chat-msg-qa{flex-direction:column}.chat-msg-qa .chat-msg{margin-left:76px;margin-top:24px}.chat-qa{background:#fff;box-shadow:0 0 12px #2b48501f;padding:16px 20px 24px;color:#2b4850;border-radius:16px;margin-left:76px;width:calc(100% - 76px);max-width:504px}.chat-qa-finished{background:#fff;box-shadow:0 0 12px #2b48501f;color:#2b4850;border-radius:16px;margin-left:76px;width:50%;max-width:504px;margin-top:24px;padding:16px 20px}.chat-qa-stem{color:#2b4850}.chat-qa-options{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:16px;gap:16px}.chat-qa-option{color:#2b4850;width:100%;border:2px solid #2B4850;background-color:transparent;height:100%;min-height:48px;border-radius:48px;font-size:16px;cursor:pointer;text-align:left;padding:12px 24px;transition:background .3s,color .3s}.chat-qa-option:hover{background-color:#c3dbd333}.chat-qa-option.correct{background-color:#517267!important;border-color:#517267!important;color:#fff}.chat-qa-option.wrong{background-color:#ed6b58!important;border-color:#ed6b58!important;color:#fff}.chat-loading{margin-left:60px}@media screen and (min-width: 1440px){.chat-box{max-width:1680px}}@media screen and (max-width: 1440px){.chat-box{padding:0 60px;max-width:none}}@media screen and (max-width: 768px){.chat-msg-user,.chat-msg{max-width:min(100vw - 126px,504px)}.chat-box{padding:0 24px;margin-bottom:100px}}@media screen and (max-width: 480px){.chat-audio audio{width:80%;background-color:transparent;box-shadow:none}}@media screen and (max-width: 430px){.chat-msg-user{max-width:min(100vw - 48px,504px)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.typing-indicator{display:flex}.typing-indicator span{width:5px;height:5px;margin:0 2px;background:#aaa;border-radius:100px;animation:bounce 1.5s infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}