@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{font-weight:500;color:#000;text-decoration:inherit}a:active{color:unset}html{overscroll-behavior:none}body{margin:0;display:flex;place-items:center;min-width:320px;height:100vh;height:calc(var(--vh, 1vh) * 100)}ul,li{margin:0;padding:0;list-style:none}p,h1,h2,h3,h4,h5,h6{margin:0}img{max-width:100%}button{padding:0}.dfc{display:flex;justify-content:center;align-items:center}.dfc img,.dfc video,.dfc svg{-webkit-user-select:none;user-select:none;pointer-events:none}.page{width:100%;height:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}#app{margin:0 auto;max-width:var(--max-width);width:var(--max-width);height:100vh;height:calc(var(--vh, 1vh) * 100)}:root{--max-width: 480px;--header-height: 58px;--transition-time: .45s;--main-font: "Noto Sans TC", "Noto Serif TC", serif;--main-green: #00a141;--main-green-light: #BFE868;--border-green: #709326;--text-green-light: #A6FF00;--main-black: #000000;--main-white: #FFFFFF;--main-gray: #CCCCCC;--warning-color: #FFAE00}@keyframes startIn{0%{opacity:0}to{opacity:1}}@keyframes startInUp{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.orientate-page[data-v-d6388fd9]{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background-color:var(--main-green)}.horizontal-container[data-v-d6388fd9]{width:100%;height:100%;position:relative;z-index:2}.horizontal-content[data-v-d6388fd9]{width:270px;display:flex;flex-direction:column;align-items:center;justify-content:center}.turn-image[data-v-d6388fd9]{width:108px;filter:brightness(100)}.turn-hint[data-v-d6388fd9]{margin-top:8px;color:var(--main-white)}.turn-hint[data-v-d6388fd9]{font-size:20px;text-align:center;font-weight:400;line-height:160%;font-family:var(--main-font)}.turn-hint span[data-v-d6388fd9]{font-weight:600;margin-left:2px;margin-right:2px}.horizontal-head[data-v-d6388fd9]{position:absolute;top:0;left:0;width:450px}.horizontal-foot[data-v-d6388fd9]{position:absolute;bottom:0;right:0;width:450px}.page-container[data-v-67da92cf]{padding:20px;font-family:Arial,sans-serif}.upload-container[data-v-67da92cf]{display:flex;flex-direction:column;gap:15px;align-items:flex-start;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9;max-width:500px;margin:0 auto 20px}.file-input[data-v-67da92cf]{padding:10px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.upload-button[data-v-67da92cf],.query-button[data-v-67da92cf]{padding:10px 20px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.upload-button[data-v-67da92cf]{background-color:#4caf50}.upload-button[data-v-67da92cf]:hover:not(:disabled){background-color:#45a049}.upload-button[data-v-67da92cf]:disabled,.query-button[data-v-67da92cf]:disabled{background-color:#ccc;cursor:not-allowed}.query-button[data-v-67da92cf]{background-color:#007bff}.query-button[data-v-67da92cf]:hover:not(:disabled){background-color:#0056b3}.image-preview-container[data-v-67da92cf]{text-align:center;padding:10px;border:1px solid #eee;border-radius:4px;background-color:#fdfdfd;max-width:500px;margin:0 auto 20px}.image-preview-container p[data-v-67da92cf]{margin-bottom:10px;font-weight:700;color:#333}.image-preview[data-v-67da92cf]{max-width:100%;max-height:300px;border:1px solid #ddd;border-radius:4px;margin-top:5px}.request-info-container[data-v-67da92cf]{padding:15px;background-color:#e9ecef;border-radius:4px;max-width:500px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center}.request-info-container p[data-v-67da92cf]{margin:0 10px 0 0}.query-result-container[data-v-67da92cf]{padding:15px;border:1px solid #ced4da;border-radius:4px;background-color:#f8f9fa;max-width:500px;margin:0 auto 20px}.query-result-container p[data-v-67da92cf]{margin-bottom:10px;font-weight:700;color:#333}.query-result-pre[data-v-67da92cf]{white-space:pre-wrap;word-wrap:break-word;background-color:#fff;padding:10px;border:1px solid #eee;border-radius:4px;font-family:monospace;font-size:14px;max-height:200px;overflow-y:auto}.navigation-container[data-v-67da92cf]{max-width:500px;margin:0 auto 20px;text-align:center}.navigate-button[data-v-67da92cf]{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.navigate-button[data-v-67da92cf]:hover{background-color:#5a6268}.camera-container[data-v-67da92cf]{max-width:1200px;margin:0 auto 20px;position:relative;background-color:#000;border-radius:8px;overflow:hidden}.camera-preview[data-v-67da92cf]{width:100%;height:auto;display:block}.camera-controls[data-v-67da92cf]{padding:15px;display:flex;gap:10px;justify-content:center;background-color:#000000b3}.camera-button[data-v-67da92cf]{padding:10px 20px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease;background-color:#007bff}.camera-button[data-v-67da92cf]:hover{background-color:#0056b3}.camera-button.stop[data-v-67da92cf]{background-color:#dc3545}.camera-button.stop[data-v-67da92cf]:hover{background-color:#c82333}.camera-button.switch[data-v-67da92cf]{background-color:#6c757d}.camera-button.switch[data-v-67da92cf]:hover{background-color:#5a6268}.countdown-overlay[data-v-67da92cf]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);font-weight:700}.flew-item{will-change:transform;transform:translate(0);transition:transform var(--flew-duration) var(--flew-delay, 0s) ease-out}.flew-item-fade{will-change:transform,opacity;transform:translate(0);opacity:0;transition:transform var(--flew-duration) var(--flew-delay, 0s) ease-out,opacity var(--flew-duration) var(--flew-delay, 0s) ease-out}.flew-item-fade.flew-item-visible{opacity:1}.flew-item-left{transform:translate(calc(var(--flew-distance) * -1))}.flew-item-right{transform:translate(var(--flew-distance))}.flew-item-top{transform:translateY(calc(var(--flew-distance) * -1))}.flew-item-bottom{transform:translateY(var(--flew-distance))}.flew-item-visible{transform:none!important;opacity:1}.btn-container[data-v-42b5aa78]{--border-radius: 50px;--font-size: 18px;--width: 175px;--height: 40px;display:flex;justify-content:center;align-items:center;position:relative;-webkit-tap-highlight-color:transparent;transition:opacity .275s ease-in-out}.btn-container.clicking[data-v-42b5aa78]{animation:scaleBtn-42b5aa78 .275s ease-in-out;transform-origin:center}@keyframes scaleBtn-42b5aa78{0%{transform:scale(1)}56%{transform:scale(1.04)}to{transform:scale(1)}}.btn-container.disabled[data-v-42b5aa78]{opacity:.5;pointer-events:none}.ugc-page[data-v-998f8d25]{background-color:var(--main-green);width:100%}.personal-ugc-container[data-v-998f8d25]{width:100%;position:relative;aspect-ratio:375 / 469}.personal-ugc-container div img[data-v-998f8d25]{-webkit-user-select:none;user-select:none;pointer-events:none}.personal-ugc-container img.converted-image[data-v-998f8d25]{pointer-events:auto;-webkit-user-select:auto;user-select:auto}.personal-ugc-bg[data-v-998f8d25]{position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(246deg,#1f9630,#199332 66%,#15852e 78%,#146b26 95%)}.personal-ugc-content[data-v-998f8d25]{width:100%;height:100%;position:relative}.personal-ugc-header[data-v-998f8d25]{width:100%}.personal-ugc-logo[data-v-998f8d25]{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:4.1%}.personal-ugc-content-layer[data-v-998f8d25]{position:absolute;top:0;left:0;width:100%}.personal-ugc-logo img[data-v-998f8d25]{max-height:100%}.personal-ugc-image-container[data-v-998f8d25]{width:100%;aspect-ratio:67 / 50;position:relative;z-index:1;overflow:hidden}.personal-ugc-image[data-v-998f8d25]{width:132%;max-width:unset;height:100%}.personal-ugc-layer[data-v-998f8d25]{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none}.ugc-ctrl-hint[data-v-998f8d25]{--hint-size: 17px;width:100%;margin-top:14px;margin-bottom:14px;column-gap:8px;-webkit-user-select:none;user-select:none}.ugc-ctrl-hint p[data-v-998f8d25]{color:var(--main-white);font-family:var(--main-font);font-size:var(--hint-size);font-weight:600}.triangle-top[data-v-998f8d25]{width:calc(var(--hint-size) * .8);height:calc(var(--hint-size) * .8);background-color:var(--main-white);clip-path:polygon(50% 13.4%,0% 100%,100% 100%)}.ugc-ctrl-btn-bar[data-v-998f8d25]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;column-gap:36px;margin:18px auto}.ugc-ctrl-btn-bar>div[data-v-998f8d25]{width:128px;cursor:pointer}.ugc-ctrl-btn-bar .btn-container img[data-v-998f8d25]{-webkit-user-select:none;user-select:none;pointer-events:none}.converted-image[data-v-998f8d25]{width:100%;height:100%;object-fit:cover}.scroll-hint[data-v-998f8d25]{position:fixed;bottom:24px;right:calc(50% - 10px);flex-direction:column;z-index:2}.arrow-box[data-v-998f8d25]{width:20px;animation:arrowAnimation-998f8d25 1.25s ease-in-out infinite}.arrow-box[data-v-998f8d25]:nth-child(2){animation-delay:.15s;opacity:.9}.arrow-box[data-v-998f8d25]:nth-child(1){animation-delay:.3s;opacity:.6}.arrow-box img[data-v-998f8d25]{width:100%}@keyframes arrowAnimation-998f8d25{0%{transform:translateY(0)}33%{transform:translateY(-5px)}66%{transform:translateY(-5px)}to{transform:translateY(0)}}.error-container[data-v-eeeb7f94]{position:relative;height:100vh;height:calc(var(--vh, 1vh) * 100);background-color:var(--main-green)}.error-container div img[data-v-eeeb7f94]{-webkit-user-select:none;user-select:none;pointer-events:none}.error-header[data-v-eeeb7f94]{position:absolute;top:0;left:0}.error-footer[data-v-eeeb7f94]{position:absolute;bottom:0;left:0}.error-content[data-v-eeeb7f94]{flex-direction:column;row-gap:48px}.error-slogan[data-v-eeeb7f94]{width:190px}.error-text[data-v-eeeb7f94]{width:184px}