.image-recognition-container[data-v-9fa1ead6]{position:relative;min-height:calc(100vh - 100px);max-height:calc(100vh - 100px);padding:16px;overflow:hidden}.clean-background[data-v-9fa1ead6]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f5f9ff,#e6f2ff);z-index:0}.gradient-circle[data-v-9fa1ead6]{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float-circle-9fa1ead6 25s ease-in-out infinite}.circle-1[data-v-9fa1ead6]{width:600px;height:600px;background:#1890ff;top:-15%;right:-15%}.circle-2[data-v-9fa1ead6]{width:500px;height:500px;background:#40a9ff;bottom:-15%;left:-10%;animation-delay:5s}@keyframes float-circle-9fa1ead6{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.grid-pattern[data-v-9fa1ead6]{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(24,144,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(24,144,255,.03) 1px,transparent 0);background-size:50px 50px;animation:grid-move-9fa1ead6 30s linear infinite}@keyframes grid-move-9fa1ead6{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.content-wrapper[data-v-9fa1ead6]{position:relative;z-index:1;max-width:1400px;margin:0 auto;height:calc(100vh - 132px)}.main-row[data-v-9fa1ead6]{height:100%}.left-section[data-v-9fa1ead6],.upload-panel[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.upload-panel[data-v-9fa1ead6]{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(24,144,255,.1),inset 0 0 0 1px hsla(0,0%,100%,.8);transition:all .3s ease;border:1px solid rgba(24,144,255,.1)}.upload-panel[data-v-9fa1ead6]:hover{box-shadow:0 8px 30px rgba(24,144,255,.15),inset 0 0 0 1px #fff;border-color:rgba(24,144,255,.2)}.panel-header[data-v-9fa1ead6]{gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(24,144,255,.1);-ms-flex-negative:0;flex-shrink:0}.header-icon[data-v-9fa1ead6],.panel-header[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.header-icon[data-v-9fa1ead6]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1890ff,#40a9ff);-ms-flex-pack:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 12px rgba(24,144,255,.3);transition:all .3s ease}.header-icon[data-v-9fa1ead6]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(24,144,255,.4)}.result-icon[data-v-9fa1ead6]{background:linear-gradient(135deg,#1890ff,#40a9ff)}.header-content[data-v-9fa1ead6]{-ms-flex:1;flex:1}.panel-title[data-v-9fa1ead6]{font-size:20px;font-weight:700;margin:0;color:#1890ff}.panel-subtitle[data-v-9fa1ead6]{font-size:13px;color:rgba(0,0,0,.45);margin:4px 0 0 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.status-dot[data-v-9fa1ead6]{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.2);transition:all .3s ease}.status-dot.active[data-v-9fa1ead6]{background:#52c41a;box-shadow:0 0 10px rgba(82,196,26,.6);animation:pulse-dot-9fa1ead6 1.5s ease-in-out infinite}@keyframes pulse-dot-9fa1ead6{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.form-section[data-v-9fa1ead6]{margin-bottom:16px;-ms-flex-negative:0;flex-shrink:0}.form-label[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(0,0,0,.85);margin-bottom:10px}.label-icon[data-v-9fa1ead6]{color:#1890ff;font-size:16px}.select-wrapper[data-v-9fa1ead6],.upload-wrapper[data-v-9fa1ead6]{transition:all .3s ease}.select-wrapper[data-v-9fa1ead6] .ant-select{width:100%}.select-wrapper[data-v-9fa1ead6] .ant-select-selection{border-radius:8px;border:2px solid rgba(24,144,255,.2);background:#fff;transition:all .3s ease}.select-wrapper[data-v-9fa1ead6] .ant-select-focused .ant-select-selection,.select-wrapper[data-v-9fa1ead6] .ant-select-selection:hover{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.1)}.preview-section[data-v-9fa1ead6]{margin-bottom:16px;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0}.preview-header[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(0,0,0,.85);margin-bottom:10px;-ms-flex-negative:0;flex-shrink:0}.preview-header i[data-v-9fa1ead6]{color:#1890ff}.image-preview-box[data-v-9fa1ead6]{position:relative;width:100%;height:0;-ms-flex:1;flex:1;min-height:200px;max-height:260px;border-radius:12px;overflow:hidden;background:#fafafa;border:2px solid rgba(24,144,255,.2);box-shadow:0 2px 8px rgba(24,144,255,.08);transition:all .3s ease}.image-preview-box[data-v-9fa1ead6]:hover{border-color:#1890ff;box-shadow:0 4px 16px rgba(24,144,255,.15)}.preview-img[data-v-9fa1ead6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff}.preview-overlay[data-v-9fa1ead6]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.scan-animation[data-v-9fa1ead6]{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#1890ff,transparent);box-shadow:0 0 15px rgba(24,144,255,.8);animation:scan-move-9fa1ead6 3s ease-in-out infinite}@keyframes scan-move-9fa1ead6{0%{top:0;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}.corner-frame[data-v-9fa1ead6]{position:absolute;top:0;left:0;right:0;bottom:0}.corner[data-v-9fa1ead6]{position:absolute;width:24px;height:24px;border:2px solid #1890ff;box-shadow:0 0 8px rgba(24,144,255,.5)}.corner.tl[data-v-9fa1ead6]{top:10px;left:10px;border-right:none;border-bottom:none}.corner.tr[data-v-9fa1ead6]{top:10px;right:10px;border-left:none;border-bottom:none}.corner.bl[data-v-9fa1ead6]{bottom:10px;left:10px;border-right:none;border-top:none}.corner.br[data-v-9fa1ead6]{bottom:10px;right:10px;border-left:none;border-top:none}.action-section[data-v-9fa1ead6]{margin-top:auto;padding-top:16px;-ms-flex-negative:0;flex-shrink:0}.primary-action-btn[data-v-9fa1ead6]{height:48px;border-radius:10px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#1890ff,#40a9ff);border:none;box-shadow:0 4px 12px rgba(24,144,255,.3);transition:all .3s ease;position:relative;overflow:hidden}.primary-action-btn[data-v-9fa1ead6]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.primary-action-btn[data-v-9fa1ead6]:hover:before{left:100%}.primary-action-btn[data-v-9fa1ead6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(24,144,255,.4)}.primary-action-btn[data-v-9fa1ead6]:disabled{background:linear-gradient(135deg,#d9d9d9,#bfbfbf);box-shadow:none}.primary-action-btn span[data-v-9fa1ead6]{position:relative;z-index:1}.result-panel[data-v-9fa1ead6],.right-section[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.result-panel[data-v-9fa1ead6]{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(24,144,255,.1),inset 0 0 0 1px hsla(0,0%,100%,.8);transition:all .3s ease;border:1px solid rgba(24,144,255,.1);overflow:hidden}.result-panel[data-v-9fa1ead6]:hover{box-shadow:0 8px 30px rgba(24,144,255,.15),inset 0 0 0 1px #fff;border-color:rgba(24,144,255,.2)}.result-content-wrapper[data-v-9fa1ead6]{-ms-flex:1;flex:1;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0}.custom-spin[data-v-9fa1ead6],.custom-spin[data-v-9fa1ead6] .ant-spin-container,.empty-result-state[data-v-9fa1ead6]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.empty-result-state[data-v-9fa1ead6]{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:40px}.empty-animation[data-v-9fa1ead6]{position:relative;margin-bottom:24px}.robot-icon[data-v-9fa1ead6]{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#40a9ff);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:56px;box-shadow:0 8px 24px rgba(24,144,255,.3);animation:float-icon-9fa1ead6 3s ease-in-out infinite;position:relative;z-index:1}@keyframes float-icon-9fa1ead6{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pulse-rings[data-v-9fa1ead6],.ring[data-v-9fa1ead6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring[data-v-9fa1ead6]{width:100px;height:100px;border:2px solid #1890ff;border-radius:50%;opacity:0;animation:pulse-ring-9fa1ead6 2s ease-out infinite}.ring-2[data-v-9fa1ead6]{animation-delay:.5s}.ring-3[data-v-9fa1ead6]{animation-delay:1s}@keyframes pulse-ring-9fa1ead6{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.empty-title[data-v-9fa1ead6]{font-size:20px;font-weight:600;color:rgba(0,0,0,.85);margin:0 0 10px 0}.empty-desc[data-v-9fa1ead6]{font-size:13px;color:rgba(0,0,0,.45);margin:0;text-align:center;max-width:280px}.result-display[data-v-9fa1ead6]{-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:6px;min-height:0}.result-display[data-v-9fa1ead6]::-webkit-scrollbar{width:5px}.result-display[data-v-9fa1ead6]::-webkit-scrollbar-track{background:rgba(24,144,255,.05);border-radius:3px}.result-display[data-v-9fa1ead6]::-webkit-scrollbar-thumb{background:rgba(24,144,255,.3);border-radius:3px;transition:all .3s ease}.result-display[data-v-9fa1ead6]::-webkit-scrollbar-thumb:hover{background:rgba(24,144,255,.5)}.status-card[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:14px;padding:16px;border-radius:12px;margin-bottom:16px;animation:slide-in-9fa1ead6 .5s ease;-ms-flex-negative:0;flex-shrink:0}@keyframes slide-in-9fa1ead6{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.status-success[data-v-9fa1ead6]{background:linear-gradient(135deg,#f6ffed,#d9f7be);border:2px solid #b7eb8f}.status-error[data-v-9fa1ead6]{background:linear-gradient(135deg,#fff2f0,#ffccc7);border:2px solid #ffa39e}.status-icon-wrapper[data-v-9fa1ead6]{width:44px;height:44px;border-radius:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:24px;-ms-flex-negative:0;flex-shrink:0}.status-success .status-icon-wrapper[data-v-9fa1ead6]{background:#52c41a;color:#fff;box-shadow:0 3px 10px rgba(82,196,26,.3)}.status-error .status-icon-wrapper[data-v-9fa1ead6]{background:#ff4d4f;color:#fff;box-shadow:0 3px 10px rgba(255,77,79,.3)}.status-info[data-v-9fa1ead6]{-ms-flex:1;flex:1}.status-title[data-v-9fa1ead6]{font-size:16px;font-weight:700;margin:0 0 3px 0;color:rgba(0,0,0,.85)}.status-time[data-v-9fa1ead6]{font-size:12px;color:rgba(0,0,0,.45);margin:0}.status-badge[data-v-9fa1ead6]{padding:5px 14px;border-radius:16px;font-size:11px;font-weight:700;letter-spacing:.5px}.badge-success[data-v-9fa1ead6]{background:#52c41a;color:#fff}.badge-error[data-v-9fa1ead6]{background:#ff4d4f;color:#fff}.face-result-card[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;gap:16px;padding:16px;background:#fff;border:2px solid rgba(24,144,255,.15);border-radius:12px;margin-bottom:16px;animation:fade-in-up-9fa1ead6 .6s ease;-ms-flex-negative:0;flex-shrink:0;transition:all .3s ease}.face-result-card[data-v-9fa1ead6]:hover{border-color:#1890ff;box-shadow:0 6px 20px rgba(24,144,255,.15);transform:translateY(-2px)}.face-image-container[data-v-9fa1ead6]{-ms-flex-negative:0;flex-shrink:0}.face-image-wrapper[data-v-9fa1ead6]{position:relative;width:100px;height:100px;border-radius:12px;overflow:hidden;border:3px solid #1890ff;box-shadow:0 4px 12px rgba(24,144,255,.2);background:#f5f5f5;cursor:pointer;transition:all .3s ease}.face-image-wrapper[data-v-9fa1ead6]:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(24,144,255,.35)}.face-image-wrapper:hover .image-hover-mask[data-v-9fa1ead6]{opacity:1}.face-result-img[data-v-9fa1ead6]{width:100%;height:100%;object-fit:cover;display:block}.face-badge[data-v-9fa1ead6]{bottom:-2px;right:-2px;width:32px;height:32px;background:linear-gradient(135deg,#1890ff,#40a9ff);border-radius:8px 0 8px 0;font-size:16px;box-shadow:0 2px 8px rgba(24,144,255,.3)}.face-badge[data-v-9fa1ead6],.image-hover-mask[data-v-9fa1ead6]{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff}.image-hover-mask[data-v-9fa1ead6]{top:0;left:0;right:0;bottom:0;background:rgba(24,144,255,.9);-ms-flex-direction:column;flex-direction:column;gap:8px;opacity:0;transition:opacity .3s ease}.preview-icon[data-v-9fa1ead6]{font-size:32px;animation:pulse-preview-9fa1ead6 2s ease-in-out infinite}@keyframes pulse-preview-9fa1ead6{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.preview-text[data-v-9fa1ead6]{font-size:12px;font-weight:600;letter-spacing:.5px}.face-info-container[data-v-9fa1ead6]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;gap:8px}.face-name-tag[data-v-9fa1ead6]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px;color:#1890ff;font-weight:600}.face-name-tag i[data-v-9fa1ead6]{font-size:14px}.face-name-value[data-v-9fa1ead6]{font-size:20px;font-weight:700;color:rgba(0,0,0,.85);line-height:1.2}.face-match-info[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;padding:8px 12px;background:rgba(24,144,255,.05);border-radius:8px;margin-top:4px}.match-label[data-v-9fa1ead6]{font-size:12px;color:rgba(0,0,0,.45)}.match-value[data-v-9fa1ead6]{font-size:16px;font-weight:700;color:#1890ff;margin-left:auto}.data-cards[data-v-9fa1ead6]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;-ms-flex-negative:0;flex-shrink:0}.data-card[data-v-9fa1ead6]{padding:16px;border-radius:12px;background:#fff;border:2px solid rgba(24,144,255,.1);transition:all .3s ease;animation:fade-in-up-9fa1ead6 .6s ease;animation-fill-mode:both;display:-ms-flexbox;display:flex;gap:12px}.data-card[data-v-9fa1ead6]:nth-child(2){animation-delay:.1s}@keyframes fade-in-up-9fa1ead6{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.data-card[data-v-9fa1ead6]:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(24,144,255,.15);border-color:#1890ff}.card-icon[data-v-9fa1ead6]{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#1890ff,#40a9ff);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:22px;-ms-flex-negative:0;flex-shrink:0;box-shadow:0 3px 10px rgba(24,144,255,.3)}.card-content[data-v-9fa1ead6]{-ms-flex:1;flex:1;min-width:0}.card-label[data-v-9fa1ead6]{font-size:11px;color:rgba(0,0,0,.45);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.card-value[data-v-9fa1ead6]{font-size:18px;font-weight:700;color:rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confidence-bar-wrapper[data-v-9fa1ead6]{margin-top:10px}.confidence-bar[data-v-9fa1ead6]{height:6px;background:rgba(24,144,255,.1);border-radius:3px;overflow:hidden;position:relative}.confidence-fill[data-v-9fa1ead6]{height:100%;background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:3px;transition:width 1s ease;position:relative;overflow:hidden}.confidence-fill[data-v-9fa1ead6]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);animation:shimmer-9fa1ead6 2s infinite}@keyframes shimmer-9fa1ead6{0%{left:-100%}to{left:100%}}.details-section[data-v-9fa1ead6]{animation:fade-in-up-9fa1ead6 .7s ease .2s both;-ms-flex-negative:0;flex-shrink:0}.section-title[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:15px;font-weight:700;color:rgba(0,0,0,.85);margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid rgba(24,144,255,.1)}.section-title i[data-v-9fa1ead6]{color:#1890ff;font-size:16px}.item-count[data-v-9fa1ead6]{margin-left:auto;padding:3px 10px;background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;border-radius:10px;font-size:11px;font-weight:700}.details-list[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}.detail-card[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:14px;background:#fff;border:2px solid rgba(24,144,255,.1);border-radius:10px;transition:all .3s ease;animation:fade-in-up-9fa1ead6 .5s ease both}.detail-card[data-v-9fa1ead6]:hover{transform:translateX(3px);border-color:#1890ff;box-shadow:0 3px 12px rgba(24,144,255,.15)}.detail-info[data-v-9fa1ead6]{-ms-flex:1;flex:1;min-width:0}.detail-tag[data-v-9fa1ead6]{display:inline-block;padding:3px 10px;background:rgba(24,144,255,.1);color:#1890ff;border-radius:5px;font-size:11px;font-weight:700;margin-bottom:6px}.detail-result[data-v-9fa1ead6]{font-size:15px;font-weight:600;color:rgba(0,0,0,.85)}.detail-score[data-v-9fa1ead6]{-ms-flex-negative:0;flex-shrink:0;margin-left:14px}.score-ring[data-v-9fa1ead6]{position:relative;width:56px;height:56px}.circular-chart[data-v-9fa1ead6]{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg[data-v-9fa1ead6]{fill:none;stroke:rgba(24,144,255,.1);stroke-width:3}.circle[data-v-9fa1ead6]{fill:none;stroke:#1890ff;stroke-width:3;stroke-linecap:round;animation:draw-circle-9fa1ead6 1s ease-out forwards}@keyframes draw-circle-9fa1ead6{0%{stroke-dasharray:0,100}}.score-number[data-v-9fa1ead6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:15px;font-weight:700;color:#1890ff}.custom-spin[data-v-9fa1ead6] .ant-spin-dot-item{background-color:#1890ff}.custom-spin[data-v-9fa1ead6] .ant-spin-text{color:#1890ff;font-weight:600}.preview-modal-content[data-v-9fa1ead6]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:#000;border-radius:8px;overflow:hidden}.preview-modal-image[data-v-9fa1ead6]{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;display:block}.ant-modal-content[data-v-9fa1ead6]{background:hsla(0,0%,100%,.98);border-radius:12px;overflow:hidden}.ant-modal-close-x[data-v-9fa1ead6]{width:48px;height:48px;line-height:48px;color:rgba(0,0,0,.65);transition:all .3s ease}.ant-modal-close-x[data-v-9fa1ead6]:hover{color:#1890ff}@media (max-width:1400px){.image-preview-box[data-v-9fa1ead6]{max-height:220px}}@media (max-width:1200px){.data-cards[data-v-9fa1ead6]{-ms-grid-columns:1fr;grid-template-columns:1fr}.face-result-card[data-v-9fa1ead6]{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center}.face-match-info[data-v-9fa1ead6]{-ms-flex-pack:center;justify-content:center}}@media (max-width:768px){.image-recognition-container[data-v-9fa1ead6]{min-height:auto;max-height:none;padding:12px}.content-wrapper[data-v-9fa1ead6]{height:auto}.main-row[data-v-9fa1ead6]{height:auto;-ms-flex-direction:column;flex-direction:column}.left-section[data-v-9fa1ead6],.right-section[data-v-9fa1ead6]{height:auto;margin-bottom:16px}.result-panel[data-v-9fa1ead6],.upload-panel[data-v-9fa1ead6]{padding:20px}.image-preview-box[data-v-9fa1ead6]{max-height:200px;min-height:180px}}