@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}a{color:#000;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:active{color:unset}html{overscroll-behavior:none}body{min-width:320px;height:100vh;height:calc(var(--vh,1vh)*100);font-family:var(--main-font);place-items:center;margin:0;font-style:normal;display:flex}ul,ol,li{margin:0;padding:0;list-style:none}p,h1,h2,h3,h4,h5,h6{margin:0}img{max-width:100%}button{padding:0}input{font-family:var(--main-font)}.bg-img{background-position:50%;background-repeat:no-repeat;background-size:cover}.dfc{justify-content:center;align-items:center;display:flex}.dfsc{justify-content:flex-start;align-items:center;display:flex}.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{max-width:var(--max-width);width:var(--max-width);height:100vh;height:calc(var(--vh,1vh)*100);margin:0 auto;position:relative}:root{--max-width:878px;--min-width:320px;--main-font:"Noto Sans TC",serif;--main-black:#000;--main-white:#fff;--main-brown:#82414b;--main-yellow:#f2e9d4}.bold{font-weight:700}.medium{font-weight:400}.light{font-weight:300}.font-13{font-size:13px}.font-15{font-size:15px}.font-16{font-size:16px}.font-17{font-size:17px}.font-18{font-size:18px}.font-19{font-size:19px}.font-20{font-size:20px}.font-24{font-size:24px}.startIn{opacity:0;will-change:opacity;backface-visibility:hidden;animation:.4s linear forwards startIn}.startInUp{opacity:0;animation:.4s linear forwards startInUp;transform:translateY(-12px)}@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}}.page-wrapper[data-v-8be98973]{width:100%;height:100%;position:relative}.page.is-orientated[data-v-8be98973]{height:100vw}.ugc-page[data-v-e31ad00b]{height:calc(var(--vh,1vh)*100);background-image:url(/BG.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%}.ugc-container[data-v-e31ad00b]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 0;display:flex;overflow:hidden}.ugc-title[data-v-e31ad00b]{width:61%;max-width:332px}.ugc-image-container[data-v-e31ad00b]{flex-direction:column;justify-content:flex-start;align-items:center;row-gap:9px;width:78%;max-width:400px;margin-top:14px;display:flex}.ugc-image[data-v-e31ad00b]{width:100%}.ugc-image img[data-v-e31ad00b]{-webkit-user-select:auto;user-select:auto;pointer-events:auto}#html-ver-ugc[data-v-e31ad00b]{justify-content:center;align-items:center;width:1248px;display:flex;position:absolute;top:-9999px;left:-9999px}.ugc-image-hint[data-v-e31ad00b]{--font-size:clamp(16px,4.27vw,18px);color:var(--main-brown);width:fit-content;font-size:var(--font-size);text-align:center;letter-spacing:calc(var(--font-size)*.18);font-weight:500;position:relative}.ugc-image-hint[data-v-e31ad00b]:after{content:"";width:calc(var(--font-size) - 1px);height:calc(var(--font-size) - 1px);background-color:var(--main-brown);clip-path:polygon(50% 13.4%,0% 100%,100% 100%);position:absolute;top:50%;left:-28px;transform:translateY(-50%)}.ugc-image-hint[data-v-e31ad00b]:before{content:"";width:calc(var(--font-size) - 1px);height:calc(var(--font-size) - 1px);background-color:var(--main-brown);clip-path:polygon(50% 13.4%,0% 100%,100% 100%);position:absolute;top:50%;right:-28px;transform:translateY(-50%)}.ugc-operation-container[data-v-e31ad00b]{justify-content:space-between;align-items:center;column-gap:28px;width:72%;max-width:370px;margin-top:20px;display:flex}.ugc-operation-button[data-v-e31ad00b]{cursor:pointer;height:46px}.ugc-operation-button img[data-v-e31ad00b]{object-fit:contain;height:100%}.loading-container[data-v-e31ad00b]{justify-content:center;align-items:center;width:100%;height:200px;display:flex}.loading-text[data-v-e31ad00b]{color:var(--main-brown);font-size:18px;font-weight:500}.error-page[data-v-9915cbff]{height:calc(var(--vh,1vh)*100);background-image:url(/BG.png);background-position:50%;background-repeat:no-repeat;background-size:auto 100%}.error-container[data-v-9915cbff]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 0;display:flex;position:relative;overflow:hidden}.ugc-title[data-v-9915cbff]{width:64%;max-width:332px}.error-message-box[data-v-9915cbff]{width:67%;max-width:344px;position:relative}.error-icon[data-v-9915cbff]{width:17.19%;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(-50%)}.ugc-title-container[data-v-9915cbff]{z-index:1;flex-direction:column;width:100%;height:100%;position:absolute;top:0;left:0}.ugc-size[data-v-9915cbff]{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.ugc-image-container[data-v-9915cbff]{flex-direction:column;justify-content:flex-start;align-items:center;row-gap:12px;width:82%;max-width:400px;margin-top:16px;display:flex}.ugc-image[data-v-9915cbff]{aspect-ratio:80/109;width:100%}.ugc-image-hint[data-v-9915cbff]{height:25px}.ugc-operation-container[data-v-9915cbff]{aspect-ratio:20/3;width:80%;max-width:370px;margin-top:26px}.error-content[data-v-9915cbff]{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}