@font-face{font-family:NotoSansCJKtc;src:url(../images/Font/NotoSansCJKtc-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--design-w: 1500;--design-h: 2667}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;background:#0b0b0b}body{font-family:NotoSansCJKtc,sans-serif}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:url(../images/commonBG.jpeg) center / cover no-repeat;position:relative}#device{position:relative;width:min(100vw,56.25vh);aspect-ratio:9 / 16;background:#0d0d0d;border-radius:1.9%;overflow:hidden;box-shadow:0 1.6vmin 5.3vmin #0000008c}#stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;font-size:1vmin}body.debug-active #device{outline:.2vmin solid rgba(0,153,255,.35)}.debug-outline{position:absolute;border:.3vmin dashed rgba(0,153,255,.9);background:#0099ff1a;pointer-events:none;display:none;z-index:9}body.debug-active .debug-outline{display:block}body.debug-active .countdown{pointer-events:none;display:none}.debug-panel{position:absolute;top:2%;right:2%;width:24%;height:96%;display:none;flex-direction:column;gap:2%;padding:3%;background:#0a0f14eb;border:.2vmin solid rgba(0,153,255,.45);border-radius:2%;color:#eaf6ff;font-size:1.2vmin;z-index:20}body.debug-active .debug-panel{display:flex}.debug-header{display:flex;align-items:center;justify-content:space-between;gap:4%}.debug-title{font-size:1.6vmin;font-weight:600}.debug-body{display:flex;flex-direction:column;gap:2%;height:100%}.debug-actions{display:flex;gap:4%;flex-wrap:wrap}.debug-selected{font-size:1.1vmin;opacity:.9}.debug-hints{font-size:1vmin;line-height:1.4;opacity:.8}.debug-output{flex:1;resize:none;border-radius:1.2%;border:.15vmin solid rgba(255,255,255,.2);background:#00000080;color:#eaf6ff;padding:4%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1vmin}.debug-btn{border:0;background:#09fc;color:#fff;padding:4% 6%;border-radius:1.2%;cursor:pointer;font-size:1.1vmin}.debug-btn:hover{background:#09f}.screen{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.6%);transition:opacity .24s ease,transform .32s ease}.screen.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}img{display:block;pointer-events:none}body.debug-active img{pointer-events:auto}.img-button{position:absolute;border:0;background:transparent;padding:0;margin:0;cursor:pointer;z-index:2;transition:transform .16s ease}.img-button:active{transform:scale(.98)}.img-button.btn-breathe{animation:btnBreathe 2.6s ease-in-out infinite}.img-button.btn-shine{overflow:hidden;border-radius:999px}.img-button.btn-shine-no-clip{overflow:hidden;border-radius:0}.img-button.btn-shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#fff0,#fff0 35%,#ffffff73 50%,#fff0 70%,#fff0);background-size:200% 100%;background-position:-100% 0%;animation:btnShine 1.8s linear infinite;pointer-events:none;-webkit-mask-image:var(--shine-mask);mask-image:var(--shine-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-mode:alpha;mask-mode:alpha}@keyframes btnShine{0%{background-position:-100% 0%}to{background-position:100% 0%}}@keyframes btnBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.camera-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto}.js-camera-bg{z-index:1}.pos-photo-frame,.screen [class^=pos-],.screen .frame-preview,.screen .result-frame{z-index:2}.img-button img{display:block;width:100%;height:100%}.is-hidden{opacity:0;pointer-events:none}.pos-landing{position:absolute;left:3.6667%;top:13.4983%;width:93.8%;height:67.0416%}.pos-logo{position:absolute;left:85.6667%;top:2.8121%;width:9.1333%;height:5.1369%}.pos-home{left:39%;top:93.9258%;width:21.9333%;height:3.712%}.pos-landing-confirm{left:29.3333%;top:83.802%;width:43%;height:8.3615%}.pos-panel-bg{position:absolute;left:1.6667%;top:17.0604%;width:93.6%;height:63.0671%}.pos-select-panel{position:absolute;left:3.3333%;top:15.9355%;width:93.6%;height:63.0671%}.pos-consumer{left:16.6667%;top:48.5564%;width:32.2%;height:12.186%}.pos-partner{left:52.3333%;top:48.5564%;width:32.2%;height:12.186%}.pos-enter-panel{position:absolute;left:3%;top:15.9355%;width:93.6667%;height:63.1046%}.partner-input{position:absolute;left:18.7333%;top:46.4192%;width:62.2%;height:5.2493%;padding:0 1.6%;border:0;background:transparent;color:#fff;font-size:320%;text-align:center;z-index:3}.partner-input:focus{outline:none}.pos-confirm{left:44%;top:57.1804%;width:43%;height:8.3615%}.pos-cancel{left:14.3333%;top:58.1177%;width:28.2%;height:6.4867%}.pos-loading-bg{position:absolute;left:1.6667%;top:17.0604%;width:93.6%;height:63.0671%}.pos-loading-content{position:absolute;left:14.7671%;top:40.9873%;width:70.4658%;height:19.6849%}.pos-loading-anim{position:absolute;left:26.467%;top:33.72%;width:47.0661%;height:4.124%}.pos-photo-frame{position:absolute;left:3.6826%;top:85.4888%;width:96.0661%;height:13.348%}.pos-hint{position:absolute;left:27.9335%;top:37.728%;width:44.1331%;height:19.722%}.pos-camera-selector{position:absolute;left:22.5%;top:7%;width:46.5%;height:3.2%}.camera-selector{z-index:5}.camera-selector-btn{width:100%;height:100%;border:.2vw solid rgba(255,255,255,.3);background:#ffffff47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1b2f6aa6;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:2%;font-size:clamp(10px,1.6vmin,16px);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6%}#cameraSelectLabel{max-width:80%;overflow:hidden;text-overflow:ellipsis}.camera-select-caret{width:0;height:0;border-left:.3vw solid transparent;border-right:.3vw solid transparent;border-top:.425vw solid rgba(27,47,106,.65)}.camera-selector-list{position:absolute;left:0;top:110%;width:100%;background:#ffffff8c;border-radius:3%;box-shadow:0 2vw 4vw #0a143233;padding:2% 0;display:none;max-height:none;overflow:visible;z-index:6}.camera-selector.open .camera-selector-list{display:block}.camera-selector.hidden{display:none}.camera-selector-item{width:100%;border:none;background:transparent;padding:2% 6%;font-size:clamp(10px,1.4vmin,14px);color:#1b2f6aa6;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-selector-item.disabled{color:#1b2f6a80}.camera-selector-item.active{font-weight:700;color:#0f2a66bf}.pos-pose{position:absolute;left:20.6667%;top:78.5527%;width:56.7333%;height:2.3997%}.pos-capture{left:29.3333%;top:83.9895%;width:42.8667%;height:8.3615%}.bg-thumb{position:absolute;width:12%;height:4.4994%;border-radius:10%;border:.2vmin solid rgba(255,255,255,.7);background-size:cover;background-position:center;cursor:pointer;z-index:2}.bg-thumb-1{left:83.4312%;top:86.4916%;width:11.999%;height:4.4993%;background-image:url(../images/2-%E6%8B%8D%E7%85%A7/bg-1.png)}.bg-thumb-2{left:83.2832%;top:90.8808%;width:11.999%;height:4.4993%;background-image:url(../images/2-%E6%8B%8D%E7%85%A7/bg-2.png)}.pos-shot{position:absolute;left:37.3333%;top:0%;width:61.3333%;height:28.8714%}.pos-strip-bottom{position:absolute;left:3.6667%;top:86.4267%;width:96.0667%;height:13.3483%}.pos-capture-c2{left:27.6667%;top:29.0589%;width:42.8667%;height:8.3615%}.pos-strip-top{position:absolute;left:4%;top:1.4998%;width:96.0667%;height:13.3483%}.pos-frame-title{position:absolute;left:35.7006%;top:6.9592%;width:28.5988%;height:2.3611%}.frame-preview{position:absolute;left:32.4005%;top:12.5217%;width:35.1991%;height:58.941%}.frame-preview .frame-image,.frame-preview .frame-photos,.frame-side-name,.pos-frame-name{transition:opacity .18s ease,transform .18s ease}body.frame-slide-left .frame-preview.is-animating .frame-image,body.frame-slide-left .frame-preview.is-animating .frame-photos{animation:frameSlideLeft .26s ease}body.frame-slide-right .frame-preview.is-animating .frame-image,body.frame-slide-right .frame-preview.is-animating .frame-photos{animation:frameSlideRight .26s ease}body.frame-slide-left .frame-side-name.is-animating,body.frame-slide-left .pos-frame-name.is-animating{animation:frameNameSlideLeft .24s ease}body.frame-slide-right .frame-side-name.is-animating,body.frame-slide-right .pos-frame-name.is-animating{animation:frameNameSlideRight .24s ease}@keyframes frameSlideLeft{0%{transform:translate(20%)}to{transform:translate(0)}}@keyframes frameSlideRight{0%{transform:translate(-20%)}to{transform:translate(0)}}@keyframes frameNameSlideLeft{0%{transform:translate(24%)}to{transform:translate(0)}}@keyframes frameNameSlideRight{0%{transform:translate(-24%)}to{transform:translate(0)}}.frame-preview-left,.frame-preview-right{top:18.7804%;width:35.1991%;height:58.9418%;opacity:.45;pointer-events:none;filter:saturate(.9);z-index:1}.frame-preview-left{left:6%;transform:scale(.66);transform-origin:top left}.frame-preview-right{left:58.8%;transform:scale(.66);transform-origin:top right}.frame-side-name{position:absolute;top:76.4%;width:23.2%;height:2.2%;opacity:.55;pointer-events:none;object-fit:contain}.pos-frame-name-side{left:70.8611%;top:58.8845%;width:23.1991%;height:2.1997%}.frame-side-name-left{left:8%}.frame-side-name-right{left:70.8611%}.frame-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.frame-photos{position:absolute;top:0;right:0;bottom:0;left:0}.frame-window{position:absolute;overflow:hidden;border-radius:4%}.frame-window-top{left:3.52%;top:16.6%;width:93.14%;height:37.98%}.frame-window-bottom{left:1.52%;top:57.6%;width:93.14%;height:37.98%}.frame-photo{width:100%;height:100%;object-fit:cover}.pos-frame-name{position:absolute;left:33.0671%;top:73.4809%;width:33.8657%;height:2.2118%;object-fit:contain}.pos-arrow-left{left:21%;top:43.8695%;width:5.6667%;height:5.3243%}.pos-arrow-right{left:72.5748%;top:43.8516%;width:5.6667%;height:5.3238%}.pos-make{left:28.5671%;top:78.2092%;width:42.8657%;height:8.3602%}.frame-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:20;pointer-events:auto}.frame-loader-bg{position:absolute;left:14.7671%;top:40.9873%;width:70.4658%;height:19.6849%}.frame-loader-anim{position:absolute;left:26.467%;top:33.72%;width:47.0661%;height:4.124%}body.frame-loading .frame-loader{display:flex}body.frame-loading .frame-preview{visibility:hidden}.result-frame{position:absolute;left:50%;top:5.6302%;height:62%;width:auto;aspect-ratio:528 / 1572;transform:translate(-50%);overflow:hidden;box-shadow:none}.result-frame:after{display:none}.result-border{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.pos-save{position:absolute;left:33%;top:69.5308%;width:34%;height:2%;object-fit:contain}.pos-back{left:42%;top:85.3018%;width:42.8667%;height:8.3615%}.pos-retake{left:16.5031%;top:76.0664%;width:33.054%;height:5.9731%}.pos-share{left:49.7778%;top:76.0056%;width:33.7191%;height:6.0946%}.pos-follow{left:16.2338%;top:82.2969%;width:67.5324%;height:7.0859%}.pos-print{left:16.6667%;top:89.6138%;width:67.5333%;height:7.1616%}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0c1a4073;z-index:60}.modal.active{display:flex}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none}.modal-card{width:74%;height:24%;border-radius:0;background:#fff;padding:6% 6% 7%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7%;box-shadow:0 2% 6% #0000002e,0 0 2vw #ffffffb3;border:.2vw solid rgba(255,255,255,.9)}.modal-title{font-size:5vw;color:#1b2f6a;letter-spacing:.08em;font-weight:700}.modal-subtitle{font-size:3.2vw;color:#4a5d8f;letter-spacing:.02em}.modal-countdown{font-size:3.2vw;color:#1b2f6a;letter-spacing:.04em}.modal-confirm{border:none;background:linear-gradient(180deg,#2d4aa3,#1d347a);color:#fff;width:56%;height:24%;border-radius:999px;font-size:4.2vw;letter-spacing:.2em;text-indent:.2em;box-shadow:0 1.2vw 2vw #14245240;display:flex;align-items:center;justify-content:center}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:10}.countdown.active{opacity:1;pointer-events:auto}#countdownImg{width:61.3333%;height:auto}.flash-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:12}.flash-overlay.flash{animation:flashPulse .22s ease-out}@keyframes flashPulse{0%{opacity:0}15%{opacity:.95}to{opacity:0}}body.countdowning .pos-capture,body.countdowning .pos-pose{opacity:0;pointer-events:none}body.countdowning .js-camera-bg{transform:scale(1.06)}.js-camera-bg{transform-origin:50% 50%;transition:transform .14s ease}