.avatar-crop-container[data-v-b4fafa74]{padding:20px}.crop-main[data-v-b4fafa74]{display:-ms-flexbox;display:flex;gap:20px;margin-bottom:20px}.crop-area[data-v-b4fafa74]{-ms-flex:1;flex:1;height:400px;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden}.preview-area[data-v-b4fafa74]{width:200px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.preview-area h4[data-v-b4fafa74]{margin-top:0;margin-bottom:10px;font-size:14px;font-weight:600}.preview-box[data-v-b4fafa74]{width:100%;height:200px;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5}.control-area[data-v-b4fafa74]{margin-bottom:20px}.control-buttons[data-v-b4fafa74]{display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload-area[data-v-b4fafa74]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:16px}.upload-tip[data-v-b4fafa74]{font-size:14px;color:#666;text-align:center}.upload-btn[data-v-b4fafa74]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;padding:8px 16px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .3s;background-color:#fff}.upload-btn[data-v-b4fafa74]:hover{border-color:#1890ff;color:#1890ff}@media (max-width:768px){.crop-main[data-v-b4fafa74]{-ms-flex-direction:column;flex-direction:column}.preview-area[data-v-b4fafa74]{width:100%}.preview-box[data-v-b4fafa74]{width:100%;height:200px}}