@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;max-width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100)}html{font-size:14px;font-family:Noto Sans TC,sans-serif}#app{margin:0 auto;max-width:var(--max-width);width:var(--max-width);height:100vh;height:calc(var(--vh, 1vh) * 100)}img{touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}:root{--max-width: 480px}.landscape-page[data-v-9726f3e5]{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);background-image:url(/Phone_BG.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.landscape-icon[data-v-9726f3e5]{width:100%;max-width:300px;height:auto}:root{--vh: 1vh}html,body{height:100vh;height:calc(var(--vh, 1vh) * 100);margin:0;padding:0;width:100%}#app{height:100vh;height:calc(var(--vh, 1vh) * 100);width:100%}.app-container{height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);position:relative;box-sizing:border-box}.ugc-container[data-v-46ed1572]{width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background-color:#000}.ugc-background[data-v-46ed1572]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.canvas-background[data-v-46ed1572]{background-color:#000}.loading-container[data-v-46ed1572]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.loading-image[data-v-46ed1572]{width:100%;height:100%;max-width:270px;object-fit:contain}.ugc-content-container[data-v-46ed1572]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;overflow:auto;z-index:2}.scroll-hint[data-v-46ed1572]{position:fixed;bottom:0;right:-10px;width:80px;height:auto;z-index:10;opacity:1;transition:opacity .5s ease-in-out;pointer-events:none}.scroll-hint.fade-out[data-v-46ed1572]{opacity:0}.ugc-display-video[data-v-46ed1572]{width:100%;object-fit:contain;box-shadow:0 4px 8px #0003;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;opacity:1;transition:opacity .5s ease}.ugc-display-video.video-loading[data-v-46ed1572]{opacity:0}.ugc-loading-overlay[data-v-46ed1572]{position:absolute;max-width:270px;height:200px;display:flex;align-items:center;justify-content:center;background-color:#00000080;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.ugc-loading-text[data-v-46ed1572]{color:#f7a600;font-family:Noto Sans TC,sans-serif;font-size:14px;font-weight:500}.ugc-text-content[data-v-46ed1572]{font-size:16px;color:#f7a600;font-family:Noto Sans TC,sans-serif;font-weight:700;margin-top:20px;margin-bottom:20px}.ugc-text-number[data-v-46ed1572]{font-weight:600;color:#f7a600}.ugc-button[data-v-46ed1572]{background:#e7ad27;border:2px solid #BA8918;font-size:14px;font-weight:600;color:#fff;cursor:pointer;min-width:160px;font-family:Noto Sans TC,sans-serif;padding:10px;margin-bottom:40px}.button-text[data-v-46ed1572]{display:flex;align-items:center;justify-content:center;text-align:center;gap:8px}.temp-background[data-v-46ed1572]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;display:flex;align-items:center;justify-content:center;z-index:0}