*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#000;color:#fff;font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}img{display:block;max-width:none;user-drag:none;-webkit-user-drag:none;pointer-events:none}button{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}input{font:inherit}a{color:inherit;text-decoration:none}canvas{display:block}:root{--design-w-l: 1280;--design-h-l: 720;--design-w-m: 720;--design-h-m: 1280;--teal: #41d3c4;--teal-deep: #1a7d75;--bg-deep: #0c1f24;--ink: #ffffff;--ink-soft: rgba(255, 255, 255, .78);--gold: #f7d86f;--outline: #cc8a42;--navy: #0b5f6c}#stage{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);container-type:size;container-name:stage;overflow:hidden;background:#000}#stage[data-mode=landscape]{width:min(100dvw,100dvh * var(--design-w-l) / var(--design-h-l));height:min(100dvh,100dvw * var(--design-h-l) / var(--design-w-l));aspect-ratio:var(--design-w-l) / var(--design-h-l);--sx: calc(100cqw / var(--design-w-l));--sy: calc(100cqh / var(--design-h-l))}#stage[data-mode=mobile]{width:min(100dvw,100dvh * var(--design-w-m) / var(--design-h-m));height:min(100dvh,100dvw * var(--design-h-m) / var(--design-w-m));aspect-ratio:var(--design-w-m) / var(--design-h-m);--sx: calc(100cqw / var(--design-w-m));--sy: calc(100cqh / var(--design-h-m))}.screen{position:absolute;inset:0;width:100%;height:100%;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease}.screen.active{visibility:visible;opacity:1;pointer-events:auto}.fullscreen-bleed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fff-screen{background:#000;overflow:hidden}.fff-bg-base,.fff-bg-results,.fff-bg-scan{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fff-header-logo{position:absolute;left:calc(18 * var(--sx));top:calc(16 * var(--sy));width:calc(216 * var(--sx));z-index:4}.fff-header-title{position:absolute;left:calc(382 * var(--sx));top:calc(24 * var(--sy));width:calc(550 * var(--sx));z-index:4}.fff-fullscreen-hitarea{position:absolute;inset:0;background:transparent;border:0;cursor:pointer}.fff-layout-challenge{position:absolute;left:calc(286 * var(--sx));top:calc(145 * var(--sy));width:calc(360 * var(--sx));height:auto;object-fit:contain;z-index:3}.fff-layout-challenge--dim{opacity:.44;filter:brightness(.72) saturate(.7)}.fff-layout-turn-frame{position:absolute;left:calc(674 * var(--sx));top:calc(157 * var(--sy));width:calc(352 * var(--sx));aspect-ratio:1404 / 2217;z-index:3;overflow:hidden;contain:paint}.fff-live-video,.fff-captured-photo{position:absolute;left:1.282%;top:6.27%;width:97.436%;height:92.968%;display:block;max-width:none;max-height:none;object-fit:cover;object-position:center;transform:scaleX(-1);background:#091c1fe6}.fff-live-video{transform:scaleX(-1)}.fff-captured-photo{transform:none}.fff-turn-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}.fff-guide-before,.fff-guide-wave{position:absolute;left:calc(274 * var(--sx));top:calc(268 * var(--sy));width:calc(950 * var(--sx));z-index:7;pointer-events:none}.fff-guide-wave{left:calc(30 * var(--sx));top:calc(340 * var(--sy));width:calc(980 * var(--sx))}.fff-cut3 .fff-header-title{top:calc(10 * var(--sy))}.fff-cut3 .fff-guide-wave{top:calc(248 * var(--sy))}.fff-guide-watch{position:absolute;left:calc(632 * var(--sx));top:calc(504 * var(--sy));width:calc(636 * var(--sx));z-index:6;pointer-events:none}.fff-cut4.is-demo .fff-layout-turn-frame .fff-live-video,.fff-cut4.is-demo .fff-layout-turn-frame .fff-captured-photo{filter:brightness(.52) saturate(.72)}.fff-cut5 .fff-captured-photo,.fff-cut6 .fff-captured-photo{filter:saturate(.72) brightness(.52)}.fff-pose-rail{position:absolute;left:calc(96 * var(--sx));top:calc(146 * var(--sy));display:flex;flex-direction:column;gap:calc(22 * var(--sy));z-index:5}.fff-pose-button{width:calc(138 * var(--sx));height:calc(176 * var(--sy));background:transparent;border:0;padding:0;cursor:pointer;transition:transform .18s ease;position:relative;overflow:hidden}.fff-pose-button:hover,.fff-pose-button.is-active{transform:translate(calc(4 * var(--sx)))}.fff-pose-thumb{position:absolute;left:50%;top:0;width:auto;height:100%;display:block;max-width:none;transform:translate(-50%)}.fff-confirm-hotspot{position:absolute;left:calc(324 * var(--sx));top:calc(543 * var(--sy));width:calc(250 * var(--sx));height:calc(110 * var(--sy));background:transparent;border:0;padding:0;cursor:pointer;z-index:6}.fff-confirm-asset{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.fff-confirm-hotspot.hand-hover{box-shadow:0 0 0 calc(4 * var(--sx)) #ffd65fd1,0 0 calc(28 * var(--sx)) #41d3c46b;border-radius:calc(14 * var(--sx))}.fff-countdown-asset{position:absolute;left:50%;top:48%;width:auto;height:calc(134 * var(--sy));transform:translate(-50%,-50%);z-index:4}.fff-countdown-asset[hidden]{display:none}.fff-qr-wrap{position:absolute;left:calc(312 * var(--sx));top:calc(412 * var(--sy));width:calc(125 * var(--sx));height:calc(125 * var(--sy));z-index:4}.fff-qr-wrap--scan{left:calc(309 * var(--sx));top:calc(410 * var(--sy));width:calc(132 * var(--sx));height:calc(132 * var(--sy))}.fff-qr-canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.fff-final-card-wrap{position:absolute;left:calc(704 * var(--sx));top:calc(110 * var(--sy));width:calc(366 * var(--sx));aspect-ratio:1455 / 2172;height:auto;z-index:4;display:flex;align-items:center;justify-content:center;overflow:hidden}.fff-final-card{width:100%;height:100%;object-fit:contain;display:block}.fff-mobile-card-wrap{position:absolute;left:50%;top:calc(360 * var(--sy));transform:translate(-50%);width:calc(402 * var(--sx));z-index:3}.fff-mobile-card{width:100%;height:auto;display:block;filter:drop-shadow(0 0 calc(28 * var(--sx)) rgba(128,255,244,.18)) drop-shadow(0 calc(16 * var(--sy)) calc(34 * var(--sy)) rgba(0,0,0,.62))}.fff-mobile-hotspot{position:absolute;left:50%;transform:translate(-50%);width:calc(485 * var(--sx));height:calc(108 * var(--sy));background:transparent;border:0;padding:0;cursor:pointer;z-index:4}.fff-mobile-hotspot--upload{top:calc(1034 * var(--sy))}.fff-mobile-hotspot--collection{top:calc(1184 * var(--sy))}.fff-mobile-toast{position:absolute;left:50%;top:calc(82 * var(--sy));transform:translate(-50%);padding:calc(16 * var(--sy)) calc(26 * var(--sx));border-radius:calc(999 * var(--sx));background:#02181ce6;color:#fff;font:700 calc(22 * var(--sy)) / 1 "Montserrat","Noto Sans TC",sans-serif;box-shadow:0 0 calc(24 * var(--sx)) #41d3c429;z-index:6}.fff-cut5-mascot{position:absolute;right:calc(8 * var(--sx));bottom:calc(-10 * var(--sy));width:calc(182 * var(--sx));z-index:4}.fff-analyzing-label{position:absolute;left:calc(731 * var(--sx));top:calc(380 * var(--sy));width:calc(238 * var(--sx));z-index:4}.fff-header-logo--result{left:calc(18 * var(--sx));top:calc(16 * var(--sy));width:calc(216 * var(--sx))}.fff-header-title--result{left:calc(120 * var(--sx));top:calc(132 * var(--sy));width:calc(520 * var(--sx))}.fff-similarity-card{position:absolute;left:calc(214 * var(--sx));top:calc(306 * var(--sy));width:calc(294 * var(--sx));z-index:4}.fff-similarity-value{position:absolute;left:calc(278 * var(--sx));top:calc(389 * var(--sy));width:calc(174 * var(--sx));height:calc(96 * var(--sy));color:#0e7478;text-align:center;line-height:calc(110 * var(--sy));font-family:Montserrat,Noto Sans TC,sans-serif;font-size:calc(82 * var(--sy));font-weight:900;font-style:italic;z-index:5;background:transparent;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--sx))}.fff-similarity-pct{font-size:calc(48 * var(--sy));align-self:center}.fff-result-photo-frame{position:absolute;left:calc(700 * var(--sx));top:calc(106 * var(--sy));width:calc(362 * var(--sx));height:calc(545 * var(--sy));border:calc(4 * var(--sx)) solid #d09a4f;overflow:hidden;z-index:3}.fff-result-photo-frame .fff-captured-photo{inset:0;width:100%;height:100%}.fff-ai-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(18 * var(--sy));background:#04161a9e;backdrop-filter:blur(6px);z-index:4;pointer-events:none}.fff-ai-loading[hidden]{display:none}.fff-ai-loading-spinner{width:calc(78 * var(--sx));height:calc(78 * var(--sx));border-radius:50%;border:calc(5 * var(--sx)) solid rgba(76,220,196,.22);border-top-color:#4cdcc4;border-right-color:#4cdcc4;animation:fff-ai-spin .9s linear infinite;box-shadow:0 0 calc(24 * var(--sx)) #4cdcc459}.fff-ai-loading-text{font-family:Montserrat,Noto Sans TC,sans-serif;font-weight:800;font-style:italic;letter-spacing:calc(2 * var(--sx));font-size:calc(26 * var(--sy));color:#eafffb;text-shadow:0 0 calc(18 * var(--sx)) rgba(76,220,196,.6)}.fff-ai-loading-dots{display:flex;gap:calc(8 * var(--sx))}.fff-ai-loading-dots span{width:calc(10 * var(--sx));height:calc(10 * var(--sx));border-radius:50%;background:#4cdcc4;opacity:.25;animation:fff-ai-dot 1.2s ease-in-out infinite}.fff-ai-loading-dots span:nth-child(2){animation-delay:.15s}.fff-ai-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes fff-ai-spin{to{transform:rotate(360deg)}}@keyframes fff-ai-dot{0%,60%,to{opacity:.25;transform:scale(.85)}30%{opacity:1;transform:scale(1.1)}}.fff-scan-pack{position:absolute;left:calc(-31 * var(--sx));top:calc(159 * var(--sy));width:calc(630 * var(--sx));z-index:3}.fff-cut8-mascot{position:absolute;left:calc(24 * var(--sx));bottom:calc(-18 * var(--sy));width:calc(300 * var(--sx));z-index:4}.is-hidden{display:none}.fff-hand-cursor{position:fixed;top:0;left:0;width:58px;height:58px;border-radius:50%;pointer-events:none;z-index:9999;opacity:0;--cursor-scale: 1;transform:translate(-50%,-50%) scale(var(--cursor-scale));transition:opacity .2s ease,background .1s ease;background:radial-gradient(circle,#4cdcc4db,#4cdcc48c 46%,#4cdcc400 72%);box-shadow:0 0 0 3px #ffffffe0,0 0 24px #4cdcc4bf;will-change:left,top,transform}.fff-hand-cursor.is-visible{opacity:1}.fff-hand-cursor.is-grabbing{--cursor-scale: .78;background:radial-gradient(circle,#ffdc64f2,#ffb43cad 46%,#ffb43c00 72%)}