@font-face{src:url(/assets/NotoSansTC-Light-D6pN97Xi.ttf) format("truetype");font-display:swap;font-family:NotoSansTC-Light;font-weight:400}@font-face{src:url(/assets/NotoSansTC-Bold-2931ksBd.ttf) format("truetype");font-display:swap;font-family:NotoSansTC-Bold;font-weight:400}@font-face{src:url(/assets/NotoSerifTC-Bold-Cc6QiG6X.ttf) format("truetype");font-display:swap;font-family:NotoSerifTC-bold;font-weight:400}@font-face{src:url(/assets/NotoSerifTC-Medium-DOPzDv2Q.ttf) format("truetype");font-display:swap;font-family:NotoSerifTC-Medium;font-weight:400}@font-face{src:url(/assets/NotoSansSC-Light-DuCtXwpM.ttf) format("truetype");font-display:swap;font-family:NotoSansSC-Light;font-weight:400}@font-face{src:url(/assets/NotoSansSC-Bold-BIU5d0vs.ttf) format("truetype");font-display:swap;font-family:NotoSansSC-Bold;font-weight:400}@font-face{src:url(/assets/NotoSerifSC-Bold-B7gEFBn7.ttf) format("truetype");font-display:swap;font-family:NotoSerifSC-bold;font-weight:400}@font-face{src:url(/assets/NotoSerifSC-Medium-BUVWAj5D.ttf) format("truetype");font-display:swap;font-family:NotoSerifSC-Medium;font-weight:400}@font-face{src:url(/assets/Avenir-Book-Cr-wGDyL.otf) format("opentype");font-display:swap;font-family:Avenir-Book;font-weight:400}@font-face{src:url(/assets/RecklessNeue-Medium-BWlNM_vw.woff2) format("woff2");font-display:swap;font-family:RecklessNeue-Medium;font-weight:400}html{font-size:24px;line-height:1.1}html h1{font-size:3.2em}html h2{font-size:2em}html p{font-size:1em}*:lang(EN){line-height:1.1;font-family:RecklessNeue-Medium}*:lang(EN) h1{font-family:RecklessNeue-Medium;line-height:1.1}*:lang(EN) h2{font-family:RecklessNeue-Medium;line-height:1.1}*:lang(EN) p{font-family:Avenir-Book}*:lang(EN) strong{font-family:Avenir-Heavy}*:lang(TC){line-height:1.2;letter-spacing:.15rem;font-family:NotoSerifTC-bold}*:lang(TC) h1{font-family:NotoSerifTC-bold;line-height:1.2;letter-spacing:.15rem}*:lang(TC) h2{font-family:NotoSerifTC-Medium}*:lang(TC) p{font-family:NotoSansTC-Light}*:lang(TC) strong{font-family:NotoSansTC-Bold}*:lang(SC){line-height:1.2;letter-spacing:.15rem;font-family:NotoSerifSC-bold}*:lang(SC) h1{font-family:NotoSerifSC-bold;line-height:1.2;letter-spacing:.15rem}*:lang(SC) h2{font-family:NotoSerifSC-Medium}*:lang(SC) p{letter-spacing:.15rem;font-family:NotoSansSC-Light}*:lang(SC) strong{font-family:NotoSansSC-Bold}:root{font-family:system-ui,Arial,sans-serif;line-height:1.5;font-weight:400;color:#d9ebf5;background-color:#46646c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;width:100vw;height:100vh}#app{margin:0 auto;padding:80px;text-align:center}a{font-weight:500;color:#7fc2a9;text-decoration:inherit}a:hover{color:#747bff}h1{font-size:3.2em;line-height:1.1}button,a.button{padding:.6em 1.2em;transition:border-color .25s;background-color:#f9f9f9;cursor:pointer;border-radius:8px;font-size:1em;font-family:inherit;font-weight:500;color:#46646c}button:hover,a.button:hover{outline:2px solid #7fc2a9}button:focus,button:focus-visible,a.button:focus,a.button:focus-visible{outline:2px solid #7fc2a9}#dev-bar{position:absolute;top:0;left:0;right:0;padding:10px;background-color:#7fffd4;text-align:left}#dev-bar p{margin:0}@media screen and (max-width: 500px){html:lang(EN),html:lang(SC),html:lang(TC){font-size:16px}#app{padding:1.5rem}}.video-card{aspect-ratio:9/13;width:calc(25% - 20px);height:fit-content;margin:10px;perspective:1000px}.video-card.card-red .video-card-inner .video-card-front{background-color:#da6d66}.video-card.card-green .video-card-inner .video-card-front{background-color:#7fc1a9}.video-card.card-orange .video-card-inner .video-card-front{background-color:#de9f6c}.video-card.card-yellow .video-card-inner .video-card-front{background-color:#f8d780}.video-card.card-blue .video-card-inner .video-card-front{background-color:#d5eae1}.video-card.card-pink .video-card-inner .video-card-front{background-color:#c038a2}.video-card .video-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.video-card .video-card-inner .video-card-front,.video-card .video-card-inner .video-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;box-shadow:0 0 20px 1px #0000;transition:box-shadow .3s ease,opacity .3s ease;border-radius:20px;overflow:hidden;box-shadow:0 0 20px #0000004d}.video-card .video-card-inner .video-card-front{display:flex;align-items:flex-end}.video-card .video-card-inner .video-card-front img{width:100%}.video-card .video-card-inner .video-card-back{transform:rotateY(180deg);display:flex;justify-content:center;align-items:center;background-color:#385055}.video-card .video-card-inner .video-card-back .qr-code{width:75%}.video-card.active .video-card-inner{transform:rotateY(180deg)}.flex-container[data-v-96a8b346]{display:flex;flex-direction:column;height:calc(100vh - 160px);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.flex-container .card-container[data-v-96a8b346]{margin-top:40px;display:flex;flex-wrap:wrap;flex-grow:1;overflow-y:auto;align-content:flex-start}.flex-container .card-container[data-v-96a8b346]::-webkit-scrollbar{width:15px}.flex-container .card-container[data-v-96a8b346]::-webkit-scrollbar-track{border-radius:8px;background-color:#385055;border:none}.flex-container .card-container[data-v-96a8b346]::-webkit-scrollbar-thumb{border-radius:8px;background-color:#7fc2a9}.flex-container header[data-v-96a8b346]{display:grid;justify-items:center;margin-top:-40px;pointer-events:none}.flex-container header div[data-v-96a8b346]{opacity:0;grid-row:1;grid-column:1;transition:opacity .6s ease-in-out}.flex-container header div.active[data-v-96a8b346]{opacity:1}body{width:auto;height:auto}.flex-container{display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.flex-container .card-container{margin-top:40px;display:flex;flex-wrap:wrap;flex-grow:1;overflow-y:auto;align-content:flex-start}.flex-container .card-container::-webkit-scrollbar{width:15px}.flex-container .card-container::-webkit-scrollbar-track{border-radius:8px;background-color:#385055;border:none}.flex-container .card-container::-webkit-scrollbar-thumb{border-radius:8px;background-color:#7fc2a9}.flex-container header{display:grid;justify-items:center;margin-top:-40px;pointer-events:none}.flex-container header div{opacity:0;grid-row:1;grid-column:1;transition:opacity .6s ease-in-out}.flex-container header div.active{opacity:1}html h1[data-v-afb9e6a3]{font-size:2.5rem}.media-container .top-nav[data-v-afb9e6a3]{display:flex;justify-content:flex-start;margin-bottom:20px}.media-container .top-nav .button[data-v-afb9e6a3]{position:relative;display:flex;align-items:center;justify-content:center;flex-grow:1;height:20px;padding:15px 15px 15px 40px;margin:10px;border-radius:40px;background-color:#385055;background-position:left;background-repeat:no-repeat;color:#d9ebf5;font-size:1.2em}.media-container .top-nav .button.download[data-v-afb9e6a3]{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2086%2086'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%237fc2a9;%20}%20.cls-2%20{%20fill:%20%23d9ecf6;%20}%20.cls-3%20{%20fill:%20%2346646c;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='DOWNLOAD'%3e%3cg%3e%3cg%3e%3cpath%20class='cls-3'%20d='M43,84.5C20.12,84.5,1.5,65.88,1.5,43S20.12,1.5,43,1.5s41.5,18.62,41.5,41.5-18.62,41.5-41.5,41.5Z'/%3e%3cpath%20class='cls-1'%20d='M43,3c22.09,0,40,17.91,40,40s-17.91,40-40,40S3,65.09,3,43,20.91,3,43,3M43,0C19.29,0,0,19.29,0,43s19.29,43,43,43,43-19.29,43-43S66.71,0,43,0h0Z'/%3e%3c/g%3e%3cg%3e%3cpath%20class='cls-2'%20d='M63,49.66c-.55,0-1,.45-1,1v9H24v-9c0-.55-.45-1-1-1s-1,.45-1,1v10c0,.55.45,1,1,1h40c.55,0,1-.45,1-1v-10c0-.55-.45-1-1-1Z'/%3e%3cpath%20class='cls-2'%20d='M42.29,51.36c.09.09.2.17.33.22.12.05.25.08.38.08s.26-.03.38-.08c.12-.05.23-.12.33-.22l15-15c.39-.39.39-1.02,0-1.41s-1.02-.39-1.41,0l-13.29,13.29v-30.25c0-.55-.45-1-1-1s-1,.45-1,1v30.25l-13.29-13.29c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l15,15Z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.media-container .top-nav .button.share[data-v-afb9e6a3]{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2086%2086'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%237fc2a9;%20}%20.cls-2%20{%20fill:%20%23d9ecf6;%20}%20.cls-3%20{%20fill:%20%2346646c;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='DOWNLOAD'%3e%3cg%3e%3cg%3e%3cpath%20class='cls-3'%20d='M43,84.5C20.12,84.5,1.5,65.88,1.5,43S20.12,1.5,43,1.5s41.5,18.62,41.5,41.5-18.62,41.5-41.5,41.5Z'/%3e%3cpath%20class='cls-1'%20d='M43,3c22.09,0,40,17.91,40,40s-17.91,40-40,40S3,65.09,3,43,20.91,3,43,3M43,0C19.29,0,0,19.29,0,43s19.29,43,43,43,43-19.29,43-43S66.71,0,43,0h0Z'/%3e%3c/g%3e%3cpath%20class='cls-2'%20d='M55.16,48.85c-2.95,0-5.55,1.51-7.07,3.8l-13.27-6.73c.33-.91.53-1.89.53-2.92s-.19-2.01-.53-2.92l13.27-6.73c1.53,2.29,4.13,3.8,7.07,3.8,4.69,0,8.5-3.81,8.5-8.5s-3.81-8.5-8.5-8.5-8.5,3.81-8.5,8.5c0,1.03.19,2.01.53,2.92l-13.27,6.73c-1.53-2.29-4.13-3.8-7.07-3.8-4.69,0-8.5,3.81-8.5,8.5s3.81,8.5,8.5,8.5c2.95,0,5.55-1.51,7.07-3.8l13.27,6.73c-.33.91-.53,1.89-.53,2.92,0,4.69,3.81,8.5,8.5,8.5s8.5-3.81,8.5-8.5-3.81-8.5-8.5-8.5ZM48.66,28.65c0-3.58,2.92-6.5,6.5-6.5s6.5,2.92,6.5,6.5-2.92,6.5-6.5,6.5c-2.17,0-4.09-1.07-5.27-2.71-.39-.54-.7-1.14-.91-1.78-.21-.63-.32-1.31-.32-2.01ZM26.84,49.5c-3.58,0-6.5-2.92-6.5-6.5s2.92-6.5,6.5-6.5c2.17,0,4.09,1.07,5.27,2.71.39.54.7,1.14.91,1.78.21.63.32,1.31.32,2.01s-.11,1.38-.32,2.01c-.21.64-.52,1.24-.91,1.78-1.18,1.64-3.1,2.71-5.27,2.71ZM55.16,63.85c-3.58,0-6.5-2.92-6.5-6.5,0-.7.11-1.38.32-2.01.21-.64.52-1.24.91-1.78,1.18-1.64,3.1-2.71,5.27-2.71,3.58,0,6.5,2.92,6.5,6.5s-2.92,6.5-6.5,6.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.media-container .top-nav .button.share .loader[data-v-afb9e6a3]{display:inline-block;width:20px;height:20px;margin-left:5px;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%208.00023L18.3642%205.63609M5.63631%2018.364L8.00026%2016M17.6566%2012H21M3%2012H6.34315M12%206.34342L12%203M12%2021L12%2017.6569M8.00023%208.00023L5.63609%205.63609M18.364%2018.364L16%2016'%20stroke='%23363853'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-size:contain;animation:loading-afb9e6a3 1.3s infinite ease}.media-container .top-nav .button[data-v-afb9e6a3]:first-child{margin-left:0}.media-container .top-nav .button[data-v-afb9e6a3]:last-child{margin-right:0}.media-container video[data-v-afb9e6a3]{width:100%}@keyframes loading-afb9e6a3{0%{rotate:0deg}to{rotate:360deg}}