@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Noto+Sans+TC:wght@400;500;700&display=swap";.p37-photo-upload-section{--p37-accent:#86592a;--p37-accent-deep:#5c3b16;--p37-brown:#8A5A2B;--p37-text:#4a4540;--p37-ink:#2B2623;--p37-muted:#6b645c;--p37-line:#cfc9c1;--p37-beige:#FBF6F1;--p37-beige-2:#F3EDE7;--p37-field-border:#E4DDD6;--p37-bubble-border:rgba(138, 90, 43, .18);--p37-danger:#8A3A2B;--p37-danger-bg:#F6EDE8}.p37u{font-family:Noto Sans TC,sans-serif;color:var(--p37-text);background:#fff;border:1px solid var(--p37-bubble-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;max-width:640px;margin:0 auto;height:calc(100svh - 180px);min-height:560px;max-height:820px}.p37u *{box-sizing:border-box}.p37u__bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--p37-beige);border-bottom:1px solid var(--p37-field-border)}.p37u__identity{display:flex;align-items:center;gap:10px;min-width:0}.p37u-avatar{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--p37-field-border);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.p37u-avatar img{width:26px;height:26px;object-fit:contain;display:block}.p37u-avatar--sm{flex:0 0 28px;width:28px;height:28px;margin-top:2px}.p37u-avatar--sm img{width:16px;height:16px}.p37u__identity-text{min-width:0}.p37u__name{margin:0;font-family:Noto Sans TC,sans-serif;font-size:16px;font-weight:700;letter-spacing:.06em;color:var(--p37-ink);line-height:1.3}.p37u__sub{margin:1px 0 0;font-size:12px;line-height:1.4;color:var(--p37-muted);letter-spacing:.04em}.p37u-pill{display:inline-block;padding:1px 7px;border-radius:999px;border:1px solid var(--p37-brown);background:#fff;color:var(--p37-brown);font-size:11px;font-weight:700;line-height:16px;white-space:nowrap}.p37u__thread{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 14px 12px;background:var(--p37-beige);display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.p37u-row{display:flex;width:100%;align-items:flex-end;gap:8px}.p37u-row--bot{justify-content:flex-start}.p37u-row--user{justify-content:flex-end}.p37u-msg{max-width:78%;padding:10px 14px;font-size:14px;line-height:1.7;letter-spacing:.03em;animation:p37u-in .28s ease}.p37u-msg p{margin:0 0 .55em}.p37u-msg p:last-child{margin-bottom:0}.p37u-msg a{color:var(--p37-brown);font-weight:700;text-decoration:underline;text-underline-offset:3px}.p37u-msg--bot{background:#fff;border:1px solid var(--p37-bubble-border);color:var(--p37-text);border-radius:4px 14px 14px}.p37u-msg--bot a.p37u-line-join{display:inline-flex;align-items:center;justify-content:center;margin:0 2px;padding:1px 10px;border:1px solid var(--p37-brown);border-radius:999px;background:#fff;color:var(--p37-brown);font-weight:700;font-size:13px;letter-spacing:.04em;line-height:1.6;text-decoration:none;white-space:nowrap;vertical-align:baseline}.p37u-msg--bot a.p37u-line-join:hover,.p37u-msg--bot a.p37u-line-join:focus-visible{background:var(--p37-beige);outline:none}.p37u-msg--user{background:var(--p37-brown);border:1.5px solid var(--p37-brown);color:#fff;font-weight:500;border-radius:14px 14px 4px}.p37u-msg--typing{display:flex;align-items:center;gap:5px;min-width:58px;padding:12px 16px}.p37u-dot{width:6px;height:6px;border-radius:50%;background:var(--p37-brown);opacity:.35;animation:p37u-dot 1s ease-in-out infinite}.p37u-dot:nth-child(2){animation-delay:.15s}.p37u-dot:nth-child(3){animation-delay:.3s}.p37u__composer{flex:0 0 auto;padding:10px 12px 12px;background:#fff;border-top:1px solid var(--p37-field-border);max-height:46%;overflow-y:auto}.p37u__composer:empty{display:none}.p37u-actions{display:flex;flex-direction:column;gap:10px;width:100%}.p37u-choices{display:flex;flex-wrap:wrap;gap:8px}.p37u-choice,.p37u-btn,.p37u-btn-ghost{font-family:Noto Sans TC,sans-serif;cursor:pointer;appearance:none;-webkit-appearance:none}.p37u-choice{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid var(--p37-brown);background:#fff;color:var(--p37-brown);font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.04em}.p37u-choice:hover,.p37u-choice:focus-visible{background:var(--p37-beige);outline:none}.p37u-choice:disabled{opacity:.5;cursor:not-allowed}.p37u-field{display:flex;flex-direction:column;gap:8px;width:100%}.p37u-help{margin:0;font-size:12px;line-height:1.55;color:var(--p37-muted)}.p37u-input,.p37u-field input[type=text],.p37u-field input[type=date]{width:100%;padding:12px 14px;border:1.5px solid var(--p37-field-border);border-radius:12px;background:#fff;color:var(--p37-ink);font-family:Noto Sans TC,sans-serif;font-size:14px;line-height:1.5;letter-spacing:.03em}.p37u-input:focus,.p37u-field input:focus{outline:none;border-color:var(--p37-brown)}.p37u-sendrow{display:flex;gap:8px;align-items:stretch}.p37u-sendrow .p37u-input{flex:1 1 auto}.p37u-sendrow .p37u-btn{flex:0 0 auto;min-width:88px;min-height:46px}.p37u-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:12px;border:1.5px solid var(--p37-brown);background:var(--p37-brown);color:#fff;font-size:14px;font-weight:700;letter-spacing:.06em;text-decoration:none}.p37u-btn:hover,.p37u-btn:focus-visible{background:var(--p37-accent-deep);border-color:var(--p37-accent-deep);color:#fff;outline:none}.p37u-btn:disabled{opacity:.45;cursor:not-allowed;background:var(--p37-brown);border-color:var(--p37-brown)}.p37u-btn--block{width:100%}.p37u-btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 12px;border-radius:12px;border:1.5px solid var(--p37-brown);background:#fff;color:var(--p37-brown);font-size:13px;font-weight:700;letter-spacing:.04em}.p37u-btn-ghost:hover{background:var(--p37-beige)}.p37u-guide{margin:8px 0 2px;padding:8px;border:1px solid var(--p37-field-border);border-radius:12px;background:#fff}.p37u-guide img{display:block;width:100%;height:auto;border-radius:8px}.p37u-msg--bot .p37u-guide{margin:8px -4px 2px}.p37u-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:96px;padding:14px 12px;border:1.5px dashed var(--p37-line);border-radius:12px;background:var(--p37-beige);color:var(--p37-muted);text-align:center;font-size:13px;line-height:1.6;cursor:pointer}.p37u-drop.is-over{border-color:var(--p37-brown);background:var(--p37-beige-2);color:var(--p37-brown)}.p37u-drop input{display:none}.p37u-files{display:flex;flex-direction:column;gap:8px;width:100%;list-style:none;margin:0;padding:0}.p37u-file{display:grid;grid-template-columns:28px 48px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border:1.5px solid var(--p37-field-border);border-radius:12px;background:#fff;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.p37u-file.is-dragging{opacity:.96;box-shadow:0 8px 22px #2b262329;cursor:grabbing;z-index:2;border-color:var(--p37-brown)}.p37u-file__handle{color:var(--p37-line);font-size:16px;letter-spacing:-1px;text-align:center;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;padding:10px 0;line-height:1}.p37u-file.is-dragging .p37u-file__handle{cursor:grabbing}.p37u-file__preview{position:relative;width:48px;height:48px;flex-shrink:0}.p37u-file__thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--p37-beige-2);display:block;pointer-events:none}.p37u-file__ph{width:48px;height:48px;border-radius:8px;background:var(--p37-beige-2);color:var(--p37-muted);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.04em}.p37u-file__ord{position:absolute;left:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--p37-brown);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;z-index:1;pointer-events:none}.p37u-file__meta{min-width:0}.p37u-file__name{margin:0;font-size:13px;font-weight:700;color:var(--p37-ink);line-height:1.4;word-break:break-all}.p37u-file__size{margin:2px 0 0;font-size:12px;color:var(--p37-muted)}.p37u-file__progress{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:2px}.p37u-file__progress[hidden]{display:none}.p37u-bar{height:4px;border-radius:999px;background:var(--p37-beige-2);overflow:hidden}.p37u-bar__fill{display:block;height:100%;width:0;border-radius:999px;background:var(--p37-brown);transition:width .2s ease}.p37u-file__progress-text{margin:0;font-size:12px;line-height:1.4;color:var(--p37-muted);letter-spacing:.03em}.p37u-file.is-done .p37u-file__progress-text{color:var(--p37-brown);font-weight:700}.p37u-file.is-error .p37u-file__progress-text{color:var(--p37-danger);font-weight:700}.p37u-file.is-error .p37u-bar__fill{background:var(--p37-danger)}.p37u-file.is-uploading{border-color:var(--p37-brown)}.p37u-files.is-uploading .p37u-file{cursor:default}.p37u-files.is-uploading .p37u-file__handle,.p37u-files.is-uploading .p37u-file__tools{visibility:hidden}.p37u-actions.is-uploading .p37u-drop{pointer-events:none;opacity:.55;cursor:not-allowed}.p37u-submitdock{position:sticky;bottom:-12px;z-index:5;margin:0 -12px -12px;padding:8px 12px 12px;background:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:0 -8px 16px -10px #2b26232e}.p37u-overall{display:flex;flex-direction:column;gap:6px}.p37u-overall[hidden]{display:none}.p37u-overall__text{margin:0;font-size:13px;line-height:1.6;color:var(--p37-ink);font-weight:500;letter-spacing:.03em}.p37u-overall__bar{height:6px}.p37u-status:empty{display:none}.p37u-file__tools{display:flex;flex-direction:column;gap:4px}.p37u-iconbtn{-webkit-appearance:none;appearance:none;border:1px solid var(--p37-field-border);background:#fff;color:var(--p37-brown);border-radius:8px;width:28px;height:24px;font-size:11px;font-weight:700;cursor:pointer;font-family:Noto Sans TC,sans-serif;line-height:1}.p37u-iconbtn:hover{border-color:var(--p37-brown);background:var(--p37-beige)}.p37u-iconbtn--danger{color:var(--p37-danger)}.p37u-err{margin:0;padding:10px 12px;border-radius:12px;background:var(--p37-danger-bg);color:var(--p37-danger);font-size:13px;line-height:1.6;font-weight:500}.p37u-err-list{display:flex;flex-direction:column;gap:6px}.p37u-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:var(--p37-ink);cursor:pointer}.p37u-check input{position:absolute;opacity:0;width:1px;height:1px}.p37u-check__box{flex:0 0 18px;width:18px;height:18px;margin-top:2px;border:1.5px solid var(--p37-brown);border-radius:4px;background:#fff;display:inline-block;position:relative}.p37u-check input:checked+.p37u-check__box{background:var(--p37-brown)}.p37u-check input:checked+.p37u-check__box:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.p37u-check input:focus-visible+.p37u-check__box{outline:2px solid var(--p37-brown);outline-offset:2px}.p37u-status{margin:0;font-size:13px;color:var(--p37-muted);line-height:1.6}.p37u-done{max-width:86%;padding:12px 14px;border:1px solid var(--p37-bubble-border);border-radius:14px;background:#fff;color:var(--p37-text);font-size:14px;line-height:1.7}@keyframes p37u-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes p37u-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media screen and (max-width:749px){.p37u-wrap{padding-top:0!important;padding-bottom:0!important;max-width:none;width:100%}.p37u{height:calc(100svh - 108px);min-height:calc(100svh - 108px);max-height:none;border-radius:0;border-left:none;border-right:none;max-width:none}.p37u-msg{max-width:86%}.p37u-file{grid-template-columns:22px 44px 1fr auto}.p37u-file__preview,.p37u-file__thumb,.p37u-file__ph{width:44px;height:44px}}@media screen and (min-width:750px){.p37u-wrap{max-width:680px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/p37-photo-upload.css.map */
