@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}


.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("/static/assets/global/plugins/jquery-fileupload/img/progressbar.gif") !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("/static/assets/global/plugins/jquery-fileupload/img/loading.gif") center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
  .files img,
  .files canvas {
    max-width: 100%;
  }
}


/* ¾Å¹¬¸ñÈÝÆ÷ - ¹Ì¶¨4Áв¼¾Ö */
.files-grid-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* ¹Ì¶¨4ÁÐ */
  gap: 20px; /* Íø¸ñ¼ä¾à */
  max-width: 1200px;
  margin: 0 auto;
  justify-items: center; /* ˮƽ¾ÓÖÐ */
  align-items: start; /* ´¹Ö±¶¥²¿¶ÔÆë */
}

/* Íø¸ñÏîÐÎ×´ */
.files-grid-list .grid-item {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #fff;
  width: 100%; /* Õ¼ÂúÍø¸ñµ¥Ôª¸ñ */
  max-width: 280px; /* ×î´ó¿í¶ÈÏÞ¶È */
}

.files-grid-list .grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* ͼƬԤÀÀÇøÓò - ʹÓøü¾ßÌåµÄÑ¡ÔñÆ÷¸²¸Ç±í²¿ÐÎ×´ */
.files-grid-list .grid-item .files_row_preview {
  position: relative !important; /* ʹÓÃ!importantÈ·±£ÓÅÏȼ¶ */
  overflow: hidden !important;
  margin-right: 0 !important; /* ¸²¸Ç±í²¿margin */
  border: none !important; /* ¸²¸Ç±í²¿border */
  padding: 0 !important; /* ¸²¸Ç±í²¿padding */
  width: 100% !important; /* ¸²¸Ç±í²¿width */
  height: 120px !important; /* ¸²¸Ç±í²¿height */
  border-radius: 0 !important; /* ¸²¸Ç±í²¿border-radius */
  text-align: left !important; /* ¸²¸Ç±í²¿text-align */
}

.files-grid-list .grid-item .files_row_preview img {
  width: 100% !important; /* ¸²¸Ç±í²¿max-width */
  height: 100% !important; /* ¸²¸Ç±í²¿max-height */
  max-width: none !important; /* ¸²¸Ç±í²¿max-width */
  max-height: none !important; /* ¸²¸Ç±í²¿max-height */
  object-fit: cover !important; /* ͼƬƽÆÌÌî³ä */
  transition: transform 0.3s ease;
  display: block !important; /* È·±£Í¼Æ¬ÕýÈ·ÏÔʾ */
}

.files-grid-list .grid-item .files_row_preview:hover img {
  transform: scale(1.1);
}

/* ¼ô¼­°´Å¥ÇøÓò - °µ²Ø */
.files-grid-list .grid-item .mpreview {
  position: relative;
  width: 20px;
  top: -20px;
  text-align: right;
  height: 0;
}

/* ²Ù×÷°´Å¥ÇøÓò - ÔÚͼƬÏ·½£¬Ê¼ÖÕÏÔʾ */
.files-grid-list .grid-item .op-btn {
  padding: 15px;
  background: #f8f9fa;
  border-top: 1px solid #eee;
  text-align: center;
}

.files-grid-list .op-btn label {
  margin: 0 5px;
}

.files-grid-list .op-btn .btn {
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.files-grid-list .op-btn .file_delete {
  background: #dc3545;
  color: #fff;
}

.files-grid-list .op-btn .file_delete:hover {
  background: #c82333;
}

.files-grid-list .op-btn .file_edit {
  background: #28a745;
  color: #fff;
}

.files-grid-list .op-btn .file_edit:hover {
  background: #218838;
}
.files-grid-list .files_show_title_html {
  margin-top: 10px;
  margin-bottom: 10px;
}
.files-grid-list .files_show_description_html {
  margin-top: -5px;
  margin-bottom: 10px;
}

/* ÏìӦʽ¶ÏµãÓÅ»¯ */
@media (max-width: 1200px) {
  .files-grid-list {
    grid-template-columns: repeat(4, 1fr); /* ά³Ö4ÁÐ */
    gap: 18px;
    padding: 18px;
  }

  .files-grid-list .grid-item {
    max-width: 260px;
  }
}

@media (max-width: 768px) {
  .files-grid-list {
    grid-template-columns: repeat(2, 1fr); /* ƽ°å¶Ë2ÁÐ */
    gap: 15px;
    padding: 15px;
  }

  .files-grid-list .grid-item {
    max-width: 300px;
  }
}

@media (max-width: 480px) {
  .files-grid-list {
    grid-template-columns: 1fr; /* ÊÖ»ú¶Ë1ÁÐ */
    gap: 15px;
    padding: 10px;
  }

  .files-grid-list .grid-item {
    max-width: 100%;
  }

  .files-grid-list .grid-item .files_row_preview {
    height: 180px !important;
  }
}

/* ¿ÉÑ¡£ºÔö³¤¼ÓÔض¯»­ */
.files-grid-list .grid-item {
  animation: fadeInUp 0.6s ease-out;
}



/* ¿ÉÑ¡£ºÃÀ»¯¹ö¶¯Ìõ */
.files-grid-list::-webkit-scrollbar {
  width: 8px;
}

.files-grid-list::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.files-grid-list::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

.files-grid-list::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}<!--ºÄʱ1780238773.4406Ãë-->