@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap";.app-wrapper{position:relative;min-height:100vh;overflow-x:hidden}.background{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(/assets/bg-Gc95a9Ue.png);background-repeat:repeat;background-size:cover;background-position:0px 0px;animation:bgMove 60s linear infinite;z-index:-1}.fade-page-enter-active,.fade-page-leave-active{transition:opacity .3s ease}.fade-page-enter-from,.fade-page-leave-to{opacity:0}@keyframes bgMove{0%{background-position:0px 0px}to{background-position:-500px -500px}}header[data-v-40cd03bb]{width:100%;height:120px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,black,transparent)}h1[data-v-40cd03bb]{text-indent:-9999px}header a img[data-v-40cd03bb]{width:300px}main[data-v-40cd03bb]{width:100%;height:240px;display:flex;justify-content:center;align-items:center;background:transparent}.btn[data-v-40cd03bb]{position:absolute;justify-content:center;align-items:center;color:azure;font-size:24px;text-decoration:none;border:1px azure solid;border-radius:5px;padding:5px}.btn[data-v-40cd03bb]:hover{color:#0ff}footer[data-v-40cd03bb]{width:100%;height:50px;position:absolute;bottom:0;background:#000;display:flex;justify-content:center;align-items:center}footer p[data-v-40cd03bb]{text-align:center;font-size:15px;color:#aaa}@media (max-width: 768px){header[data-v-40cd03bb]{height:80px}header img[data-v-40cd03bb]{width:190px}}.container[data-v-2171f1bf]{display:flex;justify-content:center;flex-direction:column;padding:0}header[data-v-2171f1bf]{width:100%;height:200px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,rgb(9,9,9),transparent)}h1[data-v-2171f1bf]{text-indent:-9999px}.logo[data-v-2171f1bf]{width:450px}main[data-v-2171f1bf]{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.preview[data-v-2171f1bf]{width:100%;max-width:800px;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:32px;position:relative;bottom:8px}.frame[data-v-2171f1bf]{background-color:gray;width:80%;border:2px gray solid;border-radius:5px;aspect-ratio:4 / 3;display:flex}.frame img[data-v-2171f1bf]{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:4 / 3;transition:.3s ease;border-radius:5px}.thumbnail-row[data-v-2171f1bf]{width:100%;max-width:600px;display:flex;justify-content:center}.thumbnail-row img[data-v-2171f1bf]{width:68px;height:51px;object-fit:cover;cursor:pointer;opacity:.7;transition:.2s;border:0 transparent solid}.thumbnail-row img.active[data-v-2171f1bf]{opacity:1;border:1px azure solid}.btn-space[data-v-2171f1bf]{width:100%;max-width:800px;display:flex;justify-content:center;align-items:center;padding:24px;gap:4}.btn[data-v-2171f1bf]{color:azure;font-size:24px;text-decoration:none;padding:12px 20px;border:1px solid azure;border-radius:5px;transition:.3s}.btn[data-v-2171f1bf]:hover{color:#ff24c7;border-color:#ff24c7}footer[data-v-2171f1bf]{background-color:#090909;width:100%;height:170px;display:flex;justify-content:center;align-items:center;margin:0}.copyright[data-v-2171f1bf]{text-align:center;font-size:15px;color:#aaa}@media (max-width: 768px){header[data-v-2171f1bf]{height:160px}.logo[data-v-2171f1bf]{width:320px}.preview[data-v-2171f1bf]{gap:40px}.frame[data-v-2171f1bf]{width:96%}.thumbnail-row img[data-v-2171f1bf]{width:56px;height:39px}.btn-space[data-v-2171f1bf]{padding:24px}.btn[data-v-2171f1bf]{font-size:24px}.copyright[data-v-2171f1bf]{font-size:12px}}.container[data-v-61edee88]{display:flex;justify-content:center;flex-direction:column;min-height:100vh;padding:0;-webkit-user-select:none;user-select:none}header[data-v-61edee88]{width:100%;height:120px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,black,transparent)}header h1[data-v-61edee88]{text-indent:-9999px}header a img[data-v-61edee88]{width:300px}main[data-v-61edee88]{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-grow:1;gap:32px}h1[data-v-61edee88]{color:azure;font-size:32px}.back-btn[data-v-61edee88]{color:azure;font-size:16px;text-decoration:none;border:1px azure solid;border-radius:5px;padding:8px;transition:color .3s ease,background-color .3s ease}.back-btn[data-v-61edee88]:hover{color:#ff24c7;border:1px rgb(255,36,199) solid}footer[data-v-61edee88]{background:linear-gradient(to top,black,transparent);width:100%;height:50px;display:flex;justify-content:center;align-items:center;margin:0}.copyright[data-v-61edee88]{font-size:15px;color:#aaa}@media (max-width: 768px){.logo[data-v-61edee88]{margin:16px}}*{font-family:"Noto Serif TC",serif;padding:0;margin:0}