.sample-image-box[data-v-47cf97ba]{width:104px;height:104px;border:1px dashed #d9d9d9;border-radius:6px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#fafafa;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.sample-image-box[data-v-47cf97ba]:hover{border-color:#1890ff;background-color:#f0f8ff}.sample-image-box .sample-image[data-v-47cf97ba]{width:80px;height:60px;background:linear-gradient(135deg,#87ceeb,#98fb98);border-radius:4px;position:relative;margin-bottom:8px;overflow:hidden}.sample-image .mountain-back[data-v-47cf97ba]{position:absolute;bottom:0;left:10px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:25px solid #4682b4}.sample-image .mountain-front[data-v-47cf97ba]{position:absolute;bottom:0;right:8px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:20px solid #2f4f4f}.sample-image .sun[data-v-47cf97ba]{position:absolute;top:8px;right:12px;width:12px;height:12px;background-color:gold;border-radius:50%;box-shadow:0 0 8px rgba(255,215,0,.6)}.sample-image-box .text[data-v-47cf97ba]{font-size:12px;color:#666;text-align:center}.sample-image-box.variant-solid[data-v-47cf97ba]{border-style:solid;background-color:#fff}.sample-image-box.variant-shadow[data-v-47cf97ba]{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);background-color:#fff;border:1px solid #e8e8e8}.sample-image-box.variant-minimal[data-v-47cf97ba]{border:1px solid #e8e8e8;background-color:#fff}.sample-image-box.with-real-image .sample-image[data-v-47cf97ba]{width:80px;height:60px;background:none;border-radius:4px;overflow:hidden}.sample-image-box.with-real-image .sample-image img[data-v-47cf97ba]{width:100%;height:100%;object-fit:cover}