.section-main-collections-all {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-block: 80px;
  background-color: rgb(var(--color-background));
  background-image:
    linear-gradient(rgba(var(--color-text), 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--color-text), 0.025) 1px, transparent 1px);
  background-size: 32px 32px;
}

.section-main-collections-all__terminal {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 0;
  color: #efefeb;
  background: #111312;
  border: 1px solid #5b5e5b;
  border-block-end: 5px solid #ed2533;
  box-shadow: 7px 7px 0 rgba(var(--color-text), 0.08);
}

.section-main-collections-all__terminal,
.section-main-collections-all__terminal p,
.section-main-collections-all__readout,
.bwe-category-file__index {
  font-family: "Courier New", Courier, monospace;
  letter-spacing: 0.055em;
}

.section-main-collections-all__terminal > div:first-child {
  padding: 28px 32px;
}

.section-main-collections-all__terminal p {
  margin: 0 0 9px;
  font-size: 14px;
  line-height: 1.45;
  color: #9b9e9b;
}

.section-main-collections-all__terminal :is(h1, h2) {
  margin: 0;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1;
}

.section-main-collections-all__readout {
  display: grid;
  min-width: 260px;
  padding: 20px 24px;
  font-size: 14px;
  line-height: 1.45;
  color: #b9bbb8;
  border-inline-start: 1px solid #5b5e5b;
}

.section-main-collections-all__readout span {
  display: flex;
  align-items: center;
}

.section-main-collections-all__readout b {
  margin-inline-start: 6px;
  color: #c00f24; /* V-08:亮面折扣读数压暗 */
}

.section-main-collections-all > .block-heading {
  margin: 0;
  font-family: "Courier New", Courier, monospace;
  font-size: clamp(22px, 3vw, 34px);
  letter-spacing: 0.04em;
}

.bwe-category-file {
  position: relative;
  min-width: 0;
}

.bwe-category-file__index {
  position: absolute;
  inset-block-start: 9px;
  inset-inline-start: 9px;
  z-index: 2;
  padding: 5px 7px;
  font-size: 14px;
  color: #efefeb;
  pointer-events: none;
  background: #111312;
  border-inline-start: 3px solid #ed2533;
}

.block-main-collections-all .block-collection-card {
  background: rgba(var(--color-background), 0.96);
  border: 1px solid rgba(var(--color-text), 0.34);
  box-shadow: 5px 5px 0 rgba(var(--color-text), 0.08);
}

.block-main-collections-all .block-collection-card__image-wrapper {
  border-radius: 0 !important;
}

.block-main-collections-all .block-collection-card__image-wrapper img {
  filter: grayscale(0.72) contrast(1.12);
  transition: filter 180ms ease, transform 180ms ease;
}

.block-main-collections-all .block-collection-card:hover img,
.block-main-collections-all .block-collection-card:focus-visible img {
  filter: grayscale(0.15) contrast(1.08);
  transform: scale(1.02);
}

.block-main-collections-all .block-collection-card__title {
  padding: 12px 14px;
  margin: 0;
  font-family: "Courier New", Courier, monospace;
  font-size: 17px;
  line-height: 1.35;
  text-align: start;
  overflow-wrap: anywhere;
}

@media (max-width: 959px) {
  .section-main-collections-all {
    padding-block: 40px;
  }

  .section-main-collections-all__terminal {
    grid-template-columns: 1fr;
    width: calc(100% - var(--page-padding) * 2);
    margin-inline: var(--page-padding);
  }

  .section-main-collections-all__terminal > div:first-child {
    padding: 22px 18px;
  }

  .section-main-collections-all__readout {
    grid-template-columns: 1fr;
    gap: 6px;
    min-width: 0;
    padding: 12px 18px;
    font-size: 14px;
    border-inline-start: 0;
    border-block-start: 1px solid #5b5e5b;
  }

  .block-main-collections-all .block-collection-card__title {
    font-size: 16px;
  }
}

.block-main-collections-all__pagination {
  margin-block-start: 40px;
}

.block-main-collections-all__list {
  overflow: visible;
}

.block-main-collections-all:not(.page-width) .block-main-collections-all__list {
  --gap: 0px;
}

/* Physical collection cartridges: each category is an indexed microfilm
 * sleeve with a recessed optical window and a separate engraved label rail. */
@media (min-width: 960px) {
  .section-main-collections-all {
    background-image:
      var(--bwe-texture-paper),
      radial-gradient(ellipse at 50% 0, rgb(255 255 255 / .72), transparent 31%),
      linear-gradient(90deg, rgb(58 53 42 / .08), transparent 4%, transparent 96%, rgb(58 53 42 / .09)),
      linear-gradient(rgb(44 42 35 / .04) 1px, transparent 1px),
      linear-gradient(90deg, rgb(44 42 35 / .035) 1px, transparent 1px);
    background-size: 420px 420px, auto, auto, 32px 32px, 32px 32px;
    background-blend-mode: multiply, normal, normal, normal, normal;
  }

  .section-main-collections-all__terminal {
    border: 4px solid #555a50;
    border-top-color: #858b7b;
    border-right-color: #262922;
    border-bottom: 7px solid #070907;
    background-image:
      var(--bwe-texture-metal),
      linear-gradient(180deg, rgb(238 242 219 / .09), transparent 15%, rgb(0 0 0 / .42)),
      linear-gradient(180deg, #252a22, #10130f);
    background-size: 384px 384px, auto, auto;
    background-blend-mode: soft-light, normal, normal;
    box-shadow:
      inset 0 1px rgb(255 255 240 / .14),
      inset 0 -20px 34px rgb(0 0 0 / .34),
      0 6px 0 #090b09,
      0 18px 30px rgb(0 0 0 / .34);
  }

  .bwe-category-file {
    padding: 8px;
    background-image:
      var(--bwe-texture-metal),
      linear-gradient(180deg, rgb(255 255 238 / .1), transparent 16%, rgb(0 0 0 / .38)),
      linear-gradient(145deg, #34382f, #171a16);
    background-size: 384px 384px, auto, auto;
    background-blend-mode: soft-light, normal, normal;
    border: 3px solid #555a50;
    border-top-color: #858b7b;
    border-right-color: #242720;
    border-bottom-color: #080a08;
    box-shadow:
      inset 0 1px rgb(255 255 240 / .13),
      inset 0 -10px 18px rgb(0 0 0 / .26),
      0 5px 0 #090b09,
      0 14px 24px rgb(0 0 0 / .24);
  }

  .bwe-category-file::before,
  .bwe-category-file::after {
    position: absolute;
    z-index: 5;
    top: 13px;
    width: 7px;
    height: 7px;
    pointer-events: none;
    content: "";
    border: 1px solid #7d8175;
    border-radius: 50%;
    background: radial-gradient(circle at 34% 28%, #c0c2b5 0 8%, #60645a 25%, #171a16 68%);
    box-shadow: 0 1px 2px rgb(0 0 0 / .7);
  }

  .bwe-category-file::before { left: 14px; }
  .bwe-category-file::after { right: 14px; }

  .bwe-category-file__index {
    inset-block-start: 17px;
    inset-inline-start: 18px;
    padding: 6px 9px;
    color: #efeee7;
    background:
      linear-gradient(180deg, rgb(255 255 255 / .08), transparent 35%),
      #151816;
    border: 1px solid #555a50;
    border-inline-start: 4px solid #ed2533;
    box-shadow: inset 0 1px rgb(255 255 240 / .08), 0 3px 7px rgb(0 0 0 / .42);
  }

  .block-main-collections-all .block-collection-card {
    height: 100%;
    overflow: hidden;
    color: #eceae2;
    background-image:
      var(--bwe-texture-metal),
      linear-gradient(180deg, rgb(255 255 240 / .08), transparent 20%, rgb(0 0 0 / .4)),
      linear-gradient(180deg, #252923, #121511);
    background-size: 384px 384px, auto, auto;
    background-blend-mode: soft-light, normal, normal;
    border: 2px solid #151815;
    box-shadow: inset 0 1px rgb(255 255 240 / .09), inset 0 -14px 24px rgb(0 0 0 / .3);
    transition: transform 120ms steps(2, end), box-shadow 120ms linear;
  }

  .block-main-collections-all .block-collection-card:hover,
  .block-main-collections-all .block-collection-card:focus-visible {
    transform: translateY(-2px);
    box-shadow:
      inset 0 1px rgb(255 255 240 / .12),
      inset 0 -14px 24px rgb(0 0 0 / .3),
      0 0 0 2px rgb(237 37 51 / .48),
      0 12px 22px rgb(0 0 0 / .3);
  }

  .block-main-collections-all .block-collection-card__image-wrapper {
    margin: 7px 7px 0;
    border: 6px solid #090b09;
    border-top-color: #50544b;
    border-right-color: #10120f;
    border-bottom-color: #050705;
    background: #060806;
    box-shadow: inset 0 0 22px rgb(0 0 0 / .72), 0 2px rgb(255 255 240 / .08);
  }

  .block-main-collections-all .block-collection-card__image-wrapper::after {
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
    content: "";
    background-image:
      var(--bwe-texture-glass),
      linear-gradient(122deg, rgb(255 255 245 / .19), transparent 16%, transparent 61%, rgb(255 255 245 / .035)),
      repeating-linear-gradient(0deg, transparent 0 3px, rgb(0 0 0 / .045) 3px 4px),
      radial-gradient(ellipse at 50% 48%, transparent 56%, rgb(0 0 0 / .2));
    background-size: 512px 512px, auto, auto, auto;
    background-blend-mode: soft-light, normal, normal, normal;
    opacity: .58;
  }

  .block-main-collections-all .block-collection-card__title {
    min-height: 66px;
    display: grid;
    place-items: center start;
    margin: 7px;
    padding: 13px 16px;
    color: #e8e6dd;
    text-shadow: 0 1px #000;
    background:
      linear-gradient(180deg, rgb(255 255 240 / .08), transparent 36%),
      #171a16;
    border: 1px solid #4b4f46;
    border-left: 4px solid #ed2533;
    box-shadow: inset 0 1px rgb(255 255 240 / .07), inset 0 -5px 10px rgb(0 0 0 / .23);
  }
}

@media (max-width: 959px) {
  .bwe-category-file {
    padding: 4px;
    background: #1b1e1a;
    border: 2px solid #555a50;
    border-bottom-color: #11130f;
    box-shadow: 0 4px 0 #0a0c0a, 0 10px 18px rgb(0 0 0 / .18);
  }

  .block-main-collections-all .block-collection-card {
    color: #eceae2;
    background: linear-gradient(180deg, #252923, #121511);
    border: 2px solid #10130f;
  }

  .block-main-collections-all .block-collection-card__image-wrapper {
    margin: 4px 4px 0;
    border: 3px solid #080a08;
  }

  .block-main-collections-all .block-collection-card__title {
    min-height: 56px;
    margin: 4px;
    padding: 10px;
    color: #e8e6dd;
    background: #171a16;
    border-left: 3px solid #ed2533;
  }
}