@media (min-width: 761px) {
  main#top > #prompt-archive.prompt-archive {
    height: 380vh;
  }

  main#top > #prompt-archive .prompt-archive-sticky header {
    top: 6vh;
  }

  main#top > #prompt-archive .prompt-archive-sticky h2 {
    margin: 20px 0 16px;
  }

  main#top > #prompt-archive .prompt-archive-actions {
    margin-top: 24px;
  }

  main#top > #prompt-archive .prompt-photo-track {
    transform: translate3d(calc(var(--prompt-track-progress, 0) * -144vw), 0, 0);
  }

  main#top > #prompt-archive .prompt-archive-actions a {
    border-color: rgba(255, 255, 255, .2);
    background: #171817;
    color: #f2eee5;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 8px 30px rgba(17, 18, 17, .28), 0 0 28px rgba(222, 238, 231, .16);
    animation: prompt-entry-glow 2.8s ease-in-out infinite;
  }

  main#top > #prompt-archive .prompt-archive-actions a b {
    color: rgba(242, 238, 229, .62);
  }

  main#top > #prompt-archive .prompt-archive-actions a:hover,
  main#top > #prompt-archive .prompt-archive-actions a:focus-visible {
    background: #050605;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .18), 0 10px 38px rgba(17, 18, 17, .38), 0 0 38px rgba(235, 247, 241, .3);
  }

  main#top > #prompt-archive .prompt-track-entry {
    flex: 0 0 330px;
    align-self: center;
    width: 330px;
    min-width: 330px;
    height: 96px;
    padding: 17px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9px;
    color: #f2eee5;
    background: #111312;
    border: 1px solid rgba(255, 255, 255, .12);
    text-decoration: none;
    box-shadow: 0 18px 55px rgba(21, 24, 22, .28);
    transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease;
  }

  main#top > #prompt-archive .prompt-track-entry > span {
    font: 400 19px/1.1 "Songti SC", "SimSun", serif;
    letter-spacing: 0;
    color: #f2eee5;
  }

  main#top > #prompt-archive .prompt-track-entry > b {
    font: 700 8px/1.2 Arial, sans-serif;
    letter-spacing: .02em;
    color: rgba(242, 238, 229, .62);
  }

  main#top > #prompt-archive .prompt-track-entry:hover,
  main#top > #prompt-archive .prompt-track-entry:focus-visible {
    background: #050605;
    box-shadow: 0 20px 65px rgba(21, 24, 22, .42), 0 0 38px rgba(235, 247, 241, .22);
    transform: translateY(-4px);
  }

  main#top > #workflow .mindmap-head h2 small {
    display: block;
    margin-top: 11px;
    font: 700 18px/1.2 "Songti SC", "SimSun", serif;
  }

  main#top > #workflow .map-nodes article b {
    font-family: "Songti SC", "SimSun", serif;
    font-size: clamp(16px, 1.45vw, 21px);
    font-weight: 700;
  }
}

@keyframes prompt-entry-glow {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 8px 30px rgba(17, 18, 17, .28), 0 0 20px rgba(222, 238, 231, .1); }
  50% { box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 10px 34px rgba(17, 18, 17, .32), 0 0 36px rgba(222, 238, 231, .26); }
}

@media (max-width: 760px) {
  main#top > #prompt-archive.prompt-archive {
    height: 330vh;
  }

  main#top > #prompt-archive .prompt-photo-track {
    transform: translate3d(calc(var(--prompt-track-progress, 0) * -300vw), 0, 0);
  }

  main#top > #prompt-archive .prompt-track-entry {
    flex: 0 0 min(82vw, 330px);
    align-self: center;
    width: min(82vw, 330px);
    min-width: 240px;
    height: 92px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    color: #f2eee5;
    background: #111312;
    text-decoration: none;
  }

  main#top > #prompt-archive .prompt-track-entry > span {
    font: 400 18px/1.1 "Songti SC", "SimSun", serif;
  }

  main#top > #prompt-archive .prompt-track-entry > b {
    font: 700 8px/1.2 Arial, sans-serif;
  }

  main#top > #workflow .mindmap-head h2 small {
    display: block;
    margin-top: 8px;
    font: 700 15px/1.2 "Songti SC", "SimSun", serif;
  }
}

@media (prefers-reduced-motion: reduce) {
  main#top > #prompt-archive .prompt-archive-actions a {
    animation: none;
  }
}