#cn-upload-wrapper{width:50%;margin-top:18px;padding:20px;background:#fff;border:1px solid #c2d5a8;border-radius:16px;transition:border-color .25s ease,box-shadow .25s ease}#cn-upload-wrapper:hover{border-color:#3d4a29;box-shadow:0 8px 24px rgba(61,74,41,.08)}.cn-upload-title{display:block;margin-bottom:14px;color:#3d4a29;font-size:15px;font-weight:600;text-align:justify}.cn-upload-content{display:flex;flex-direction:column;gap:14px}#cn-upload-input{display:none}.cn-upload-button{display:flex;align-items:center;justify-content:center;width:100%;height:48px;background:#f6f8f2;border:1px dashed #c2d5a8;border-radius:12px;color:#3d4a29;font-size:14px;font-weight:500;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .2s ease}.cn-upload-button:hover{background:#eef3e5;border-color:#3d4a29}.cn-upload-button:active{transform:scale(0.99)}.cn-upload-files{display:flex;flex-wrap:wrap;gap:12px}.cn-upload-file{position:relative;width:110px;height:110px;border-radius:14px;overflow:hidden;background:#f6f8f2;border:1px solid #c2d5a8;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.cn-upload-file:hover{transform:translateY(-2px);border-color:#3d4a29;box-shadow:0 10px 24px rgba(61,74,41,.12)}.cn-upload-image-link{display:block;width:100%;height:100%}.cn-upload-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.cn-upload-file:hover .cn-upload-image{transform:scale(1.04)}.cn-upload-error{color:#b42318;font-size:13px;font-weight:500;text-align:justify}