/* Case gallery v1: keep all rules scoped to the new page/module. */
#caseGalleryPage.page-view.active {
  overflow: hidden !important;
}
#caseGalleryPage,
#caseGalleryPage * {
  box-sizing: border-box;
}
#caseGalleryPage .case-gallery-card {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .9));
  border: 1px solid rgba(214, 235, 232, .96);
  box-shadow: 0 18px 54px rgba(16, 42, 54, .08);
}
#caseGalleryPage .case-gallery-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 74px;
  padding: 0 22px;
  margin: 0;
  border-bottom: 1px solid rgba(207, 226, 224, .34);
  background: linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .46));
}
#caseGalleryPage .case-gallery-head h2 {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 30px;
  margin: 0;
  color: #142a32;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 650;
}
#caseGalleryPage .case-gallery-head h2::before {
  content: "";
  width: 5px;
  height: 24px;
  margin-right: 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, #0b7a75, #d97706);
  box-shadow: 0 7px 16px rgba(11, 122, 117, .16);
}
#caseGalleryPage .case-gallery-head p {
  margin: 2px 0 0 15px;
  color: #718091;
  font-size: 13px;
  line-height: 1.45;
}
#caseGalleryPage .case-gallery-folder-actions,
#caseGalleryPage .case-gallery-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#caseGalleryPage .case-gallery-card-actions,
#caseGalleryPage .case-gallery-folder-actions {
  justify-content: flex-end;
}
#caseGalleryPage .case-gallery-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 22px 10px;
  padding: 9px 10px;
  border: 1px solid rgba(190, 226, 223, .82);
  border-radius: 16px;
  background: rgba(247, 252, 252, .92);
  box-shadow: 0 10px 24px rgba(54, 118, 121, .05);
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
#caseGalleryPage .case-gallery-toolbar label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  color: #36505a;
  white-space: nowrap;
}
#caseGalleryPage .case-gallery-toolbar .small {
  flex: 0 0 auto;
  min-width: 78px;
  height: 34px;
  padding: 0 10px;
  border-radius: 10px;
  white-space: nowrap;
}
#caseGalleryPage .case-gallery-toolbar input {
  height: 34px;
  border: 1px solid #d5e7e7;
  border-radius: 10px;
  padding: 0 10px;
  background: #fff;
  color: #102033;
  outline: none;
}
#caseGalleryPage .case-gallery-toolbar input:focus {
  border-color: rgba(11, 122, 117, .45);
  box-shadow: 0 0 0 3px rgba(11, 122, 117, .08);
}
#caseGalleryPage .case-gallery-search-field {
  flex: 0 1 300px;
  width: 300px;
  min-width: 240px;
  max-width: 300px;
}
#caseGalleryPage .case-gallery-search-field input {
  width: 240px;
}
#caseGalleryPage .case-gallery-date-field {
  width: 136px;
}
#caseGalleryPage .case-gallery-date-field input {
  width: 94px;
}
#caseGalleryPage .case-gallery-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 14px;
  margin: 0 22px 22px;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
#caseGalleryPage .case-gallery-folder-panel,
#caseGalleryPage .case-gallery-main-panel {
  min-height: 0;
  border: 1px solid rgba(190, 226, 223, .82);
  border-radius: 20px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 14px 32px rgba(17, 55, 64, .055);
}
#caseGalleryPage .case-gallery-folder-panel {
  display: flex;
  flex-direction: column;
  padding: 14px;
  overflow: hidden;
}
#caseGalleryPage .case-gallery-folder-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  color: #0b7a75;
}
#caseGalleryPage .case-gallery-folder-list {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: none;
  overflow: auto;
  padding-right: 2px;
}
#caseGalleryPage .case-gallery-folder-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(190, 226, 223, .85);
  background: rgba(255, 255, 255, .95);
  border-radius: 12px;
  padding: 10px 12px;
  color: #283b48;
  font-weight: 850;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}
#caseGalleryPage .case-gallery-folder-item:hover {
  background: #f3faf9;
  border-color: rgba(11, 122, 117, .32);
  transform: translateY(-1px);
}
#caseGalleryPage .case-gallery-folder-item.active {
  background: #0b8b84;
  color: #fff;
  border-color: #0b8b84;
  box-shadow: 0 10px 24px rgba(11, 139, 132, .18);
}
#caseGalleryPage .case-gallery-folder-item small {
  min-width: 28px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(11, 122, 117, .1);
  color: #0b7a75;
}
#caseGalleryPage .case-gallery-folder-item.active small {
  background: rgba(255, 255, 255, .22);
  color: #fff;
}
#caseGalleryPage .case-gallery-main-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  overflow: hidden;
}
#caseGalleryPage .case-gallery-current-bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(240, 250, 248, .95), rgba(255, 255, 255, .88));
  border: 1px solid rgba(190, 226, 223, .7);
}
#caseGalleryPage .case-gallery-current-bar strong {
  color: #0b7a75;
  font-size: 18px;
}
#caseGalleryPage .case-gallery-current-bar small {
  display: block;
  margin-top: 3px;
  color: #667085;
}
#caseGalleryPage .case-gallery-drop-zone {
  min-height: 72px;
  border: 1.5px dashed rgba(11, 122, 117, .38);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(232, 250, 247, .82), rgba(255, 255, 255, .82));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #0c5860;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
  text-align: center;
}
#caseGalleryPage .case-gallery-drop-zone:hover,
#caseGalleryPage .case-gallery-drop-zone.drag-over {
  background: #eaf9f7;
  border-color: #0b8b84;
  box-shadow: inset 0 0 0 1px rgba(11, 122, 117, .1);
}
#caseGalleryPage .case-gallery-drop-zone span {
  color: #667085;
  font-size: 13px;
}
#caseGalleryPage .case-gallery-grid {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 14px;
  align-content: start;
  overflow: auto;
  padding: 2px 2px 8px;
}
#caseGalleryPage .case-gallery-empty {
  grid-column: 1 / -1;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7b8b98;
  border: 1px dashed rgba(190, 226, 223, .9);
  border-radius: 16px;
  background: rgba(250, 253, 253, .75);
}
#caseGalleryPage .case-gallery-image-card {
  position: relative;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(190, 226, 223, .85);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 12px 30px rgba(16, 42, 54, .08);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
#caseGalleryPage .case-gallery-image-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(16, 42, 54, .12);
  border-color: rgba(11, 122, 117, .32);
}
#caseGalleryPage .case-gallery-image-card.selected {
  background: #e0f0ee;
  border-color: #0b8b84;
  box-shadow: 0 0 0 2px rgba(11, 122, 117, .12), 0 14px 34px rgba(16, 42, 54, .12);
}
#caseGalleryPage .case-gallery-check {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
}
#caseGalleryPage .case-gallery-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#caseGalleryPage .case-gallery-check span {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(11, 122, 117, .3);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
}
#caseGalleryPage .case-gallery-check input:checked + span {
  background: #0b8b84;
  border-color: #0b8b84;
}
#caseGalleryPage .case-gallery-check input:checked + span::after {
  content: "";
  width: 10px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) translate(1px, -1px);
}
#caseGalleryPage .case-gallery-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  border: 0;
  padding: 0;
  background: #edf7f7;
  cursor: pointer;
  overflow: hidden;
}
#caseGalleryPage .case-gallery-thumb img,
#caseGalleryPage .case-gallery-thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .22s ease;
}
#caseGalleryPage .case-gallery-thumb:hover img,
#caseGalleryPage .case-gallery-thumb:hover video {
  transform: scale(1.04);
}
#caseGalleryPage .case-gallery-media-badge {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
  min-width: 42px;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(7, 95, 89, .9);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 20px rgba(7, 95, 89, .22);
}
#caseGalleryPage .case-gallery-info {
  min-height: 96px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px 8px;
}
#caseGalleryPage .case-gallery-info strong {
  color: #102033;
  font-size: 15px;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#caseGalleryPage .case-gallery-info small {
  color: #7b8b98;
}
#caseGalleryPage .case-gallery-info p {
  margin: 0;
  color: #516170;
  font-size: 13px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#caseGalleryPage .case-gallery-card-actions {
  margin-top: auto;
  padding: 0 12px 12px;
}
.case-gallery-modal,
.case-gallery-preview-modal {
  position: fixed;
  inset: 0;
  z-index: var(--layer-preview);
  padding: 24px;
  background: rgba(15, 23, 42, .36);
  backdrop-filter: blur(12px);
}
.case-gallery-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-gallery-dialog {
  width: min(680px, 94vw);
  border-radius: 24px;
  padding: 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(242, 251, 249, .95));
  box-shadow: 0 28px 80px rgba(16, 42, 54, .22);
  border: 1px solid rgba(255, 255, 255, .7);
}
.case-gallery-dialog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.case-gallery-dialog-head strong {
  color: #0b5960;
  font-size: 20px;
}
.case-gallery-dialog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.case-gallery-dialog-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: 800;
  color: #334155;
}
.case-gallery-dialog-grid input,
.case-gallery-dialog-grid select,
.case-gallery-dialog-grid textarea {
  width: 100%;
  border: 1px solid rgba(11, 122, 117, .18);
  border-radius: 13px;
  background: rgba(255, 255, 255, .92);
  padding: 10px 12px;
  color: #102033;
  box-sizing: border-box;
}
.case-gallery-dialog-grid textarea {
  min-height: 92px;
  resize: vertical;
}
.case-gallery-wide-field {
  grid-column: 1 / -1;
}
.case-gallery-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 18px;
}
.case-gallery-preview-modal {
  z-index: var(--layer-preview);
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(5, 20, 25, .68);
  backdrop-filter: blur(14px);
}
.case-gallery-preview-modal.show {
  display: flex;
}
.case-gallery-preview-window {
  width: min(1180px, 96vw);
  height: min(860px, 94vh);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(239, 249, 248, .95));
  box-shadow: 0 34px 90px rgba(0, 0, 0, .34);
  border: 1px solid rgba(255, 255, 255, .72);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.case-gallery-preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.case-gallery-preview-head strong {
  color: #0b7a75;
  font-size: 22px;
}
.case-gallery-preview-head > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.case-gallery-preview-body {
  flex: 1;
  min-height: 0;
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 64px;
  align-items: center;
  gap: 12px;
  border-radius: 24px;
  overflow: hidden;
  background: radial-gradient(circle at center, rgba(255, 255, 255, .96), rgba(215, 231, 234, .78));
  box-shadow: inset 0 0 0 1px rgba(16, 32, 45, .06);
}
.case-gallery-preview-stage {
  height: 100%;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.case-gallery-preview-stage img,
.case-gallery-preview-stage video,
.case-gallery-preview-stage .case-gallery-preview-media {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 16px;
  transform: scale(var(--case-gallery-scale, 1));
  transform-origin: center center;
  transition: transform .12s ease;
  box-shadow: 0 12px 34px rgba(16, 32, 45, .18);
  background: #fff;
}
.case-gallery-preview-stage video.case-gallery-preview-media {
  background: #0f172a;
}
.case-gallery-preview-nav {
  width: 52px;
  height: 52px;
  justify-self: center;
  border-radius: 999px;
  border: 0;
  background: rgba(255, 255, 255, .88);
  color: #0b6469;
  font-size: 42px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(16, 42, 54, .12);
  transition: transform .16s ease, background .16s ease, color .16s ease;
}
.case-gallery-preview-nav:hover {
  transform: translateY(-1px) scale(1.04);
  background: #fff;
  color: #075e59;
}
.case-gallery-preview-foot {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 16px;
  align-items: start;
  color: #516170;
}
.case-gallery-preview-foot strong {
  min-width: 0;
  color: #102033;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case-gallery-preview-foot span {
  color: #667085;
  white-space: nowrap;
}
.case-gallery-preview-foot p {
  grid-column: 1 / -1;
  min-height: 20px;
  margin: 0;
  color: #475569;
  line-height: 1.5;
}
@media (max-width: 960px) {
  #caseGalleryPage .case-gallery-layout {
    grid-template-columns: 1fr;
  }
  #caseGalleryPage .case-gallery-folder-list {
    max-height: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
  #caseGalleryPage .case-gallery-current-bar {
    align-items: flex-start;
    flex-direction: column;
  }
  .case-gallery-dialog-grid {
    grid-template-columns: 1fr;
  }
  .case-gallery-preview-window {
    height: 92vh;
    padding: 14px;
    border-radius: 22px;
  }
  .case-gallery-preview-body {
    grid-template-columns: 46px minmax(0, 1fr) 46px;
  }
  .case-gallery-preview-nav {
    width: 42px;
    height: 42px;
    font-size: 34px;
  }
}

/* V258 case gallery clean page: scoped only to 案例图库. */
#caseGalleryPage[data-case-gallery-clean="1"].page-view.active {
  overflow: hidden !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-card {
  height: 100%;
  min-height: 0;
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: hidden;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(207,226,224,.9) !important;
  box-shadow: 0 14px 36px rgba(16,42,54,.08) !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-head {
  min-height: 62px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(207,226,224,.72) !important;
  background: linear-gradient(135deg, rgba(249,253,253,.98), rgba(241,250,248,.96)) !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-head .eyebrow {
  margin: 0 0 2px 15px;
  color: #0b7a75;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-head h2 {
  font-size: 20px !important;
  line-height: 1.25 !important;
  color: #122b35 !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-toolbar {
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: 7px !important;
  min-height: 48px !important;
  margin: 10px 18px 9px !important;
  padding: 6px 8px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(190,226,223,.78) !important;
  background: #f7fcfc !important;
  box-shadow: none !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-toolbar .small,
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-toolbar button {
  flex: 0 0 auto;
  height: 32px !important;
  min-width: 58px !important;
  padding: 0 9px !important;
  border-radius: 8px !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-toolbar button:hover:not(:disabled),
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-folder-item:hover,
.case-gallery-dialog-actions button:hover,
.case-gallery-dialog-head button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(11,122,117,.12);
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-toolbar label {
  flex: 0 0 auto !important;
  height: 32px !important;
  margin: 0 !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #39515b !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-toolbar input {
  height: 30px !important;
  border-radius: 8px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-search-field {
  width: 214px !important;
  min-width: 214px !important;
  max-width: 214px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-search-field input {
  width: 172px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-date-field {
  width: 124px !important;
  min-width: 124px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-date-field input {
  width: 90px !important;
  min-width: 90px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-drop-zone {
  flex: 1 1 210px !important;
  min-width: 190px !important;
  max-width: 310px !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  border: 1px dashed rgba(11,122,117,.42) !important;
  background: rgba(255,255,255,.86) !important;
  color: #0b6d68 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-drop-zone:hover,
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-drop-zone.drag-over {
  background: #eaf9f7 !important;
  border-color: #0b8b84 !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-layout {
  grid-template-columns: 210px minmax(0,1fr) !important;
  gap: 12px !important;
  margin: 0 18px 18px !important;
  min-height: 0 !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-folder-panel,
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-main-panel {
  border-radius: 14px !important;
  border: 1px solid rgba(190,226,223,.8) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: none !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-folder-panel {
  padding: 12px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-folder-head {
  height: 30px !important;
  margin-bottom: 8px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-folder-item {
  min-height: 36px !important;
  padding: 7px 10px !important;
  border-radius: 9px !important;
  font-size: 13px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-folder-item.active {
  background: #0b8b84 !important;
  border-color: #0b8b84 !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-main-panel {
  padding: 12px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-current-bar,
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-info,
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-card-actions {
  display: none !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-grid {
  position: relative;
  grid-template-columns: repeat(auto-fill, minmax(142px, 142px)) !important;
  grid-auto-rows: auto;
  justify-content: start;
  gap: 13px !important;
  padding: 2px 2px 12px !important;
  overflow: auto !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-empty {
  min-height: 260px !important;
  border-radius: 12px !important;
  color: #718091 !important;
  background: #fbfefe !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-image-card {
  width: 142px !important;
  min-height: 148px !important;
  border-radius: 9px !important;
  border: 1px solid transparent !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 6px !important;
  gap: 6px !important;
  cursor: default !important;
  user-select: none !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-image-card:hover {
  transform: none !important;
  background: #f3faf9 !important;
  border-color: rgba(11,122,117,.18) !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-image-card.selected {
  background: #e0f0ee !important;
  border-color: rgba(11,122,117,.38) !important;
  box-shadow: inset 0 0 0 1px rgba(11,122,117,.14) !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-thumb {
  height: 106px !important;
  aspect-ratio: auto !important;
  border-radius: 7px !important;
  background: #eef5f5 !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-thumb img,
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-thumb video {
  object-fit: cover !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-thumb:hover img,
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-thumb:hover video {
  transform: none !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-check {
  left: 9px !important;
  top: 9px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-check span {
  width: 18px !important;
  height: 18px !important;
  border-radius: 5px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-check input:checked + span::after {
  width: 8px !important;
  height: 5px !important;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-file-name {
  display: block;
  width: 100%;
  min-height: 20px;
  color: #22353f;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-media-badge {
  height: 20px !important;
  min-width: 34px !important;
  padding: 0 7px !important;
  font-size: 11px !important;
  right: 6px !important;
  top: 6px !important;
  background: rgba(8,31,39,.78) !important;
}
.case-gallery-select-box {
  position: fixed;
  z-index: 68000;
  pointer-events: none;
  border: 1px solid rgba(11,122,117,.58);
  background: rgba(224,240,238,.36);
  border-radius: 6px;
}
.case-gallery-context-menu {
  position: fixed;
  z-index: var(--layer-dropdown);
  width: 156px;
  padding: 6px;
  border-radius: 10px;
  border: 1px solid rgba(190,226,223,.88);
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 42px rgba(16,42,54,.18);
}
.case-gallery-context-menu button {
  width: 100%;
  height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #203946;
  text-align: left;
  cursor: pointer;
}
.case-gallery-context-menu button:hover {
  background: #f3faf9;
  color: #0b7a75;
}
.case-gallery-context-menu button.danger:hover {
  background: #fff1f2;
  color: #b42318;
}
.case-gallery-preview-modal.case-gallery-preview-dark {
  padding: 0 !important;
  background: rgba(3,10,14,.84) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
}
.case-gallery-preview-modal.case-gallery-preview-dark.show {
  display: flex !important;
}
.case-gallery-preview-dark .case-gallery-preview-window {
  width: 90vw !important;
  height: 90vh !important;
  max-width: none !important;
  max-height: none !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(12,22,28,.96), rgba(4,13,18,.94)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 34px 90px rgba(0,0,0,.52) !important;
}
.case-gallery-preview-dark .case-gallery-preview-head {
  min-height: 38px;
  color: rgba(255,255,255,.92);
}
.case-gallery-preview-dark .case-gallery-preview-head strong {
  min-width: 0;
  color: rgba(255,255,255,.94) !important;
  font-size: 16px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case-gallery-preview-dark .case-gallery-preview-head button,
.case-gallery-preview-dark .case-gallery-preview-foot button {
  border-color: rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.9) !important;
}
.case-gallery-preview-dark .case-gallery-preview-head button:hover {
  background: rgba(255,255,255,.18) !important;
  transform: translateY(-1px);
}
.case-gallery-preview-dark .case-gallery-preview-body {
  grid-template-columns: 66px minmax(0,1fr) 66px !important;
  gap: 0 !important;
  border-radius: 16px !important;
  background: radial-gradient(circle at center, rgba(29,42,49,.96), rgba(5,10,14,.98)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
.case-gallery-preview-dark .case-gallery-preview-stage {
  padding: 8px;
  background: transparent !important;
}
.case-gallery-preview-dark .case-gallery-preview-media {
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: 10px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.38) !important;
  background: #070d11 !important;
}
.case-gallery-preview-dark .case-gallery-preview-fade {
  animation: caseGalleryPreviewFade .22s ease both;
}
@keyframes caseGalleryPreviewFade {
  from { opacity: .18; }
  to { opacity: 1; }
}
.case-gallery-preview-dark .case-gallery-preview-nav {
  width: 48px !important;
  height: 76px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.68) !important;
  opacity: .34;
  box-shadow: none !important;
  font-size: 46px !important;
  transition: opacity .18s ease, background .18s ease, transform .18s ease, color .18s ease !important;
}
.case-gallery-preview-dark .case-gallery-preview-nav:hover {
  opacity: 1;
  color: #fff !important;
  background: rgba(255,255,255,.18) !important;
  transform: scale(1.04) !important;
}
.case-gallery-preview-dark .case-gallery-preview-foot {
  grid-template-columns: 1fr !important;
  min-height: 30px;
  color: rgba(255,255,255,.68) !important;
}
.case-gallery-preview-dark .case-gallery-preview-foot span {
  color: rgba(255,255,255,.66) !important;
}
.case-gallery-preview-dark .case-gallery-preview-foot p {
  color: rgba(255,255,255,.8) !important;
}
@media (max-width: 1200px) {
  #caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-toolbar {
    flex-wrap: wrap !important;
  }
  #caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-drop-zone {
    flex: 1 1 100% !important;
    max-width: none !important;
  }
}
@media (max-width: 960px) {
  #caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-layout {
    grid-template-columns: 1fr !important;
  }
  #caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-grid {
    grid-template-columns: repeat(auto-fill, minmax(132px, 132px)) !important;
  }
  #caseGalleryPage[data-case-gallery-clean="1"] .case-gallery-image-card {
    width: 132px !important;
  }
  .case-gallery-preview-dark .case-gallery-preview-window {
    width: 94vw !important;
    height: 92vh !important;
  }
  .case-gallery-preview-dark .case-gallery-preview-body {
    grid-template-columns: 44px minmax(0,1fr) 44px !important;
  }
}

/* V259 case gallery master-frame and Windows-folder view, scoped only to 案例图库. */
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"].xk-right-shell-page.active > .case-gallery-card.xk-right-shell-body,
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"].xk-right-shell-page.active > .xk-right-shell-body{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border-radius:var(--xk-shell-radius,26px)!important;
  border:0!important;
  background:rgba(255,255,255,.91)!important;
  box-shadow:0 18px 48px rgba(20,31,45,.075),inset 1px 0 0 rgba(11,122,117,.06),inset -1px 0 0 rgba(11,122,117,.05),inset 0 -1px 0 rgba(11,122,117,.055)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  clip-path:inset(0 round var(--xk-shell-radius,26px))!important;
  -webkit-clip-path:inset(0 round var(--xk-shell-radius,26px))!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-head.xk-template-panel-head{
  flex:0 0 var(--xk-page-title-h)!important;
  width:100%!important;
  min-height:var(--xk-page-title-h)!important;
  height:var(--xk-page-title-h)!important;
  margin:0!important;
  padding:24px 26px 14px!important;
  border:0!important;
  border-bottom:1px solid rgba(11,122,117,.075)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0))!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:flex-start!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-head h2{
  position:relative!important;
  margin:0!important;
  padding:0 0 0 18px!important;
  color:#102033!important;
  font-size:var(--xk-page-title-size)!important;
  line-height:var(--xk-page-title-line)!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-head h2::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:var(--xk-page-title-bar-w)!important;
  height:var(--xk-page-title-bar-h)!important;
  border-radius:999px!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(180deg,#0b7a75 0%,#0f8b83 48%,#d99a42 100%)!important;
  box-shadow:0 0 0 4px rgba(11,122,117,.045),0 8px 16px rgba(11,122,117,.09)!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-head .eyebrow{display:none!important;}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-head .muted{
  display:block!important;
  margin:5px 0 0 18px!important;
  color:#647481!important;
  font-size:12px!important;
  line-height:18px!important;
  font-weight:500!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-toolbar{
  flex:0 0 auto!important;
  width:calc(100% - (var(--xk-page-content-x) * 2))!important;
  max-width:calc(100% - (var(--xk-page-content-x) * 2))!important;
  margin:var(--xk-page-content-gap) var(--xk-page-content-x) 10px!important;
  padding:6px 8px!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border-radius:12px!important;
  border:1px solid rgba(190,226,223,.78)!important;
  background:#f7fcfc!important;
  box-shadow:none!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-toolbar .small,
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-toolbar button{
  flex:0 0 auto!important;
  height:32px!important;
  min-width:58px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-toolbar button:hover:not(:disabled),
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-folder-item:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(11,122,117,.12)!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] #caseGalleryRenameFolderBtn:hover:not(:disabled),
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] #caseGalleryDeleteFolderBtn:hover:not(:disabled){
  background:#eefaf8!important;
  border-color:rgba(11,122,117,.32)!important;
  color:#075e59!important;
  box-shadow:0 9px 22px rgba(11,122,117,.16)!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] #caseGalleryRenameFolderBtn:disabled,
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] #caseGalleryDeleteFolderBtn:disabled{
  opacity:.72!important;
  cursor:not-allowed!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-toolbar label{
  flex:0 0 auto!important;
  height:32px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#39515b!important;
  white-space:nowrap!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-toolbar input{
  height:30px!important;
  min-height:30px!important;
  border-radius:8px!important;
  padding:0 8px!important;
  font-size:12px!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-search-field{width:168px!important;min-width:168px!important;max-width:168px!important;}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-search-field input{width:126px!important;min-width:126px!important;}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-date-field{width:148px!important;min-width:148px!important;max-width:148px!important;}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-date-field input{width:112px!important;min-width:112px!important;max-width:112px!important;}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-drop-zone{
  flex:0 0 240px!important;
  min-width:240px!important;
  max-width:280px!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  border:1.5px dashed rgba(11,122,117,.54)!important;
  background:linear-gradient(180deg,#ffffff,#eefaf8)!important;
  color:#0b6d68!important;
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(11,122,117,.08)!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-drop-zone:hover,
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-drop-zone.drag-over,
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-main-panel.drag-over{
  background:linear-gradient(180deg,#e8f8f6,#dff4f1)!important;
  border-color:#0b8b84!important;
  color:#075e59!important;
  transform:translateY(-1px)!important;
  box-shadow:0 12px 26px rgba(11,122,117,.16)!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-layout{
  flex:1 1 auto!important;
  min-height:0!important;
  width:calc(100% - (var(--xk-page-content-x) * 2))!important;
  max-width:calc(100% - (var(--xk-page-content-x) * 2))!important;
  margin:0 var(--xk-page-content-x) 18px!important;
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  gap:12px!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-folder-panel,
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-main-panel{
  min-height:0!important;
  border-radius:14px!important;
  border:1px solid rgba(190,226,223,.8)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-folder-panel{padding:12px!important;display:flex!important;flex-direction:column!important;}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-folder-list{min-height:0!important;overflow:auto!important;}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-main-panel{
  position:relative!important;
  padding:12px!important;
  display:flex!important;
  border:0!important;
  border-radius:0 0 22px 22px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-grid{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  padding:2px 2px 12px!important;
  overflow:auto!important;
  user-select:none!important;
}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-grid.case-gallery-view-extra-large{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,190px))!important;gap:16px!important;align-content:start!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-grid.case-gallery-view-large{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,150px))!important;gap:13px!important;align-content:start!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-grid.case-gallery-view-medium{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(122px,122px))!important;gap:11px!important;align-content:start!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-grid.case-gallery-view-small{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(96px,96px))!important;gap:9px!important;align-content:start!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-grid.case-gallery-view-list,
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-grid.case-gallery-view-details{display:flex!important;flex-direction:column!important;gap:4px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-image-card{
  width:auto!important;
  min-height:auto!important;
  padding:6px!important;
  gap:6px!important;
  border-radius:9px!important;
  border:1px solid transparent!important;
  background:#fff!important;
  box-shadow:none!important;
  cursor:default!important;
  user-select:none!important;
}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-image-card:hover{transform:none!important;background:#f3faf9!important;border-color:rgba(11,122,117,.18)!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-image-card.selected{background:#e0f0ee!important;border-color:#0b8b84!important;box-shadow:inset 0 0 0 2px rgba(11,122,117,.18),0 8px 18px rgba(11,122,117,.12)!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-extra-large .case-gallery-image-card{min-height:198px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-large .case-gallery-image-card{min-height:154px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-medium .case-gallery-image-card{min-height:130px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-small .case-gallery-image-card{min-height:104px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-extra-large .case-gallery-thumb{height:152px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-large .case-gallery-thumb{height:110px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-medium .case-gallery-thumb{height:88px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-small .case-gallery-thumb{height:64px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-thumb{aspect-ratio:auto!important;border-radius:7px!important;background:#eef5f5!important;overflow:hidden!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-thumb img,
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-thumb video{width:100%!important;height:100%!important;object-fit:cover!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-file-name{display:block!important;width:100%!important;min-height:20px!important;color:#22353f!important;font-size:12px!important;font-weight:700!important;line-height:20px!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-row-meta{display:none!important;color:#667985!important;font-size:12px!important;line-height:20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-list .case-gallery-image-card,
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-details .case-gallery-image-card{
  min-height:38px!important;
  display:grid!important;
  align-items:center!important;
  gap:10px!important;
  padding:5px 9px!important;
}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-list .case-gallery-image-card{grid-template-columns:36px minmax(180px,1fr)!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-details .case-gallery-image-card{grid-template-columns:36px minmax(180px,1fr) 68px 128px 70px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-list .case-gallery-thumb,
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-details .case-gallery-thumb{width:34px!important;height:30px!important;min-height:30px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-list .case-gallery-file-name,
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-details .case-gallery-file-name{text-align:left!important;min-height:20px!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-details .case-gallery-row-kind,
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-details .case-gallery-row-date,
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-details .case-gallery-row-size{display:block!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-list .case-gallery-row-meta{display:none!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-check{left:9px!important;top:9px!important;z-index:5!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-check span{width:18px!important;height:18px!important;border-radius:5px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(11,122,117,.18)!important;box-shadow:none!important;opacity:.28!important;transition:opacity .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-image-card:hover .case-gallery-check span{opacity:.58!important;background:rgba(255,255,255,.62)!important;border-color:rgba(11,122,117,.32)!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-check input:checked + span{opacity:1!important;background:#08746f!important;border-color:#08746f!important;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 6px 14px rgba(8,116,111,.28)!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-check input:checked + span::after{width:8px!important;height:5px!important;border-left:2px solid #fff!important;border-bottom:2px solid #fff!important;transform:rotate(-45deg) translate(1px,-1px)!important;}
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-list .case-gallery-check,
#caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-view-details .case-gallery-check{left:5px!important;top:5px!important;}
.case-gallery-select-box{z-index:68000!important;border:1px solid rgba(11,122,117,.62)!important;background:rgba(224,240,238,.34)!important;border-radius:4px!important;}
.case-gallery-context-menu{z-index: var(--layer-dropdown) !important;width:168px!important;padding:6px!important;border-radius:10px!important;border:1px solid rgba(190,226,223,.88)!important;background:rgba(255,255,255,.98)!important;box-shadow:0 18px 42px rgba(16,42,54,.18)!important;}
.case-gallery-context-menu button,
.case-gallery-context-menu .case-gallery-menu-row{width:100%!important;height:32px!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#203946!important;text-align:left!important;cursor:pointer!important;font-size:13px!important;line-height:32px!important;}
.case-gallery-context-menu button:hover,
.case-gallery-context-menu .case-gallery-menu-row:hover{background:#f3faf9!important;color:#0b7a75!important;}
.case-gallery-context-menu button.danger:hover{background:#fff1f2!important;color:#b42318!important;}
.case-gallery-context-menu-wide{width:178px!important;}
.case-gallery-menu-row{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
.case-gallery-submenu{position:absolute!important;left:calc(100% - 4px)!important;top:-6px!important;width:158px!important;padding:6px!important;border-radius:10px!important;border:1px solid rgba(190,226,223,.88)!important;background:rgba(255,255,255,.98)!important;box-shadow:0 18px 42px rgba(16,42,54,.18)!important;display:none!important;}
.case-gallery-context-menu.case-gallery-submenu-left .case-gallery-submenu{left:auto!important;right:calc(100% - 4px)!important;}
.case-gallery-menu-row:hover > .case-gallery-submenu,
.case-gallery-menu-row.is-open > .case-gallery-submenu{display:block!important;}
.case-gallery-modal.case-gallery-edit-modal{z-index: var(--layer-preview) !important;}
.case-gallery-modal.case-gallery-edit-modal .case-gallery-dialog{z-index:71001!important;}
.case-gallery-dialog-actions button:hover,
.case-gallery-dialog-head button:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(11,122,117,.12)!important;}
@media (max-width:1200px){
  body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-toolbar{flex-wrap:wrap!important;}
  body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-drop-zone{flex:1 1 100%!important;max-width:none!important;}
}
@media (max-width:960px){
  body.ui-sidebar-v1 #caseGalleryPage[data-case-gallery-v259="1"] .case-gallery-layout{grid-template-columns:1fr!important;}
}