#app{box-sizing:border-box;overflow:hidden}.area1[data-v-5435a1ec]{display:flex;gap:64px;justify-content:center;align-items:center;padding:10px;--function-width:20%;--function-height:10vh;--border-width:3px;--border-radius:20px;--font-size:3vmin;--icon-size:8vmin}.upload-area[data-v-5435a1ec]{width:var(--function-width);height:var(--function-height);border:var(--border-width) solid black;border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;gap:10px}.upload-area>img[data-v-5435a1ec]{width:var(--icon-size);height:var(--icon-size)}.upload-btn[data-v-5435a1ec]{width:var(--icon-size);height:var(--icon-size)}.classification[data-v-5435a1ec]{width:var(--function-width);height:var(--function-height);border:var(--border-width) solid black;border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center}.classification>span[data-v-5435a1ec]{font-size:var(--font-size);font-weight:700}.recognition[data-v-5435a1ec]{width:var(--function-width);height:var(--function-height);border:var(--border-width) solid black;border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center}.recognition>span[data-v-5435a1ec]{font-size:var(--font-size);font-weight:700}.segmentation[data-v-5435a1ec]{width:var(--function-width);height:var(--function-height);border:var(--border-width) solid black;border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center}.segmentation>span[data-v-5435a1ec]{font-size:var(--font-size);font-weight:700}.area2[data-v-5435a1ec]{--camera-size: 30vw}.area2[data-v-5435a1ec]{display:flex;gap:64px;justify-content:center;align-items:center;padding:10px}.original-cam[data-v-5435a1ec],.ai-cam[data-v-5435a1ec]{width:var(--camera-size);height:var(--camera-size);border-radius:9999px;border:3px solid black}.area3[data-v-5435a1ec]{height:20vh;display:flex;gap:64px;justify-content:center;align-items:center;margin:3vh 2vh 0;padding:10px;border:3px solid black;border-radius:30px;--border-width: 9999px;--img-size: 10vmin}.image-result[data-v-5435a1ec]{width:40%;height:100%;position:relative}.class-name[data-v-5435a1ec]{position:absolute;left:20%}.image-result>span[data-v-5435a1ec]{position:absolute;font-size:2vw}.img-container[data-v-5435a1ec]{display:flex;gap:10px;top:50%;position:relative}.img-placeholder>img[data-v-5435a1ec]{width:var(--img-size);height:var(--img-size);border-radius:var(--border-width)}.img-placeholder[data-v-5435a1ec]{width:var(--img-size);height:var(--img-size);border-radius:var(--border-width);border:3px solid black}.text-result[data-v-5435a1ec]{width:60%;height:100%}.left[data-v-5435a1ec]{width:20%;background-color:green;height:100%}.right[data-v-5435a1ec]{width:80%;height:100%}.school-logo[data-v-5435a1ec]{width:100%;height:40vh;overflow:hidden;display:flex;align-items:center;flex-direction:column}.school-logo>img[data-v-5435a1ec]{width:10vw;height:10vw}.school-logo>span[data-v-5435a1ec]{color:#fff}.check-btn-item[data-v-5435a1ec]{margin-bottom:8px}.check-btn-item>label[data-v-5435a1ec]{color:#fff;font-size:2vmin}.check-btn-item>input[data-v-5435a1ec]{width:50px;height:26px}.specification[data-v-5435a1ec]{width:100%;height:20vh;position:relative;top:30vh;display:flex;flex-direction:column;align-items:center}.specification>p[data-v-5435a1ec]{color:#fff;font-size:1rem;margin:0}#app[data-v-d6023a98]{box-sizing:border-box;overflow:hidden}