封装可拖动弹窗(vue jquery引入到html的版本)-css代码：

/* 遮罩层样式 */
  .modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    display: flex;
    justify-content: center;
    align-items: center;

    /* 弹窗容器 */
    .modal-container {
      display: none;
      background: white;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
      width: 500px;
      height: 500px;
      z-index: 9999;
      position: relative;

      /* 弹窗头部 */
      .modal-header {
        height: 50px;
        padding: 15px;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: move;
        user-select: none; /* 防止文字被选中 */
        span {
          font-size: 18px;
          font-weight: bold;
        }
        /* 关闭按钮样式 */
        .close-btn {
          cursor: pointer;
          font-size: 20px;
          color: #666;
          padding: 0 5px;
        }
      }

      /* 图片容器 */
      .image-container {
        padding: 20px;
        width: 100%;
        height: calc(100% - 50px);
        overflow: auto;
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }
  }