@media (min-width: 900px) {
  body:has(input[placeholder^="搜索结项"]) .space-y-12 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1.75rem !important;
  }

  body:has(input[placeholder^="搜索结项"]) .space-y-10 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1.25rem !important;
  }

  body:has(input[placeholder^="搜索结项"]) .space-y-8 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1.25rem !important;
  }

  body:has(input[placeholder^="搜索结项"]) .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    margin-top: .75rem !important;
  }

  body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] {
    gap: .75rem !important;
  }

  body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div {
    border-radius: 18px !important;
    padding: 1rem !important;
    min-height: 116px;
  }

  body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div > div[class*="absolute"][class*="top-0"] {
    top: .35rem !important;
    right: .35rem !important;
    padding: 0 !important;
  }

  body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div .w-12.h-12 {
    width: 2.25rem !important;
    height: 2.25rem !important;
    border-radius: .9rem !important;
  }

  body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div .w-12.h-12 svg {
    width: 1.1rem !important;
    height: 1.1rem !important;
  }

  body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div h5 {
    font-size: .92rem !important;
    line-height: 1.25rem !important;
    padding-right: 3.5rem;
  }

  body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="pt-4"] {
    padding-top: .7rem !important;
  }
}

@media (min-width: 1280px) {
  body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Archive v2: make completion records feel like a clean records workspace. */
body:has(input[placeholder^="搜索结项"]) .dashboard-controls {
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 30px !important;
  padding: 10px 12px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(90deg, rgba(99, 102, 241, .055), rgba(15, 23, 42, .50)),
    rgba(15, 23, 42, .52) !important;
  border: 1px solid rgba(148, 163, 184, .11) !important;
  box-shadow: none !important;
}

body:has(input[placeholder^="搜索结项"]) .dashboard-controls input.global-search-input {
  height: 44px !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(148, 163, 184, .10) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body:has(input[placeholder^="搜索结项"]) .dashboard-controls input.global-search-input:focus {
  border-color: rgba(99, 102, 241, .36) !important;
  background: rgba(255, 255, 255, .065) !important;
}

body:has(input[placeholder^="搜索结项"]) .dashboard-filter-row {
  width: auto !important;
  flex: 0 0 auto !important;
  padding-bottom: 0 !important;
}

body:has(input[placeholder^="搜索结项"]) .dashboard-filter-row > div {
  min-height: 44px !important;
  border-radius: 15px !important;
  background: rgba(15, 23, 42, .54) !important;
  border: 1px solid rgba(148, 163, 184, .10) !important;
}

body:has(input[placeholder^="搜索结项"]) main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) {
  max-width: 1480px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-bottom: 52px !important;
}

body:has(input[placeholder^="搜索结项"]) main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) > div.space-y-8 {
  margin-top: 0 !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12 {
  position: relative;
  padding: 18px 0 0 clamp(4px, 1.2vw, 16px) !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12::before {
  left: 10px !important;
  top: 16px !important;
  bottom: 12px !important;
  width: 1px !important;
  background: linear-gradient(180deg, rgba(99, 102, 241, .50), rgba(99, 102, 241, .10), rgba(16, 185, 129, .10)) !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12 > div {
  margin-top: 0 !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12 > div + div {
  margin-top: 34px !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12 > div > div:first-child {
  min-height: 40px !important;
  margin-bottom: 12px !important;
  padding-left: 0 !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12 > div > div:first-child .w-6.h-6 {
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, .92) !important;
  border-color: rgba(99, 102, 241, .65) !important;
  box-shadow: 0 0 0 7px rgba(99, 102, 241, .055) !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12 h4 {
  padding: 8px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)) !important;
  border: 1px solid rgba(148, 163, 184, .10) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12 .space-y-10 {
  margin-left: clamp(4px, 1vw, 10px) !important;
  padding-left: clamp(12px, 2vw, 24px) !important;
  border-left-color: rgba(148, 163, 184, .10) !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12 .space-y-10 > div + div {
  margin-top: 22px !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12 .space-y-10 > div > div:first-child {
  margin-bottom: 12px !important;
}

body:has(input[placeholder^="搜索结项"]) .space-y-12 .space-y-10 > div > div:first-child > div:last-child {
  min-height: 28px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, .70) !important;
  border-color: rgba(148, 163, 184, .10) !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] {
  gap: 12px !important;
  align-items: stretch !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div {
  min-height: 112px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at right bottom, rgba(79, 70, 229, .10), transparent 42%),
    rgba(15, 23, 42, .46) !important;
  border-color: rgba(148, 163, 184, .085) !important;
  box-shadow: none !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div:hover {
  border-color: rgba(99, 102, 241, .26) !important;
  background:
    radial-gradient(circle at right bottom, rgba(79, 70, 229, .16), transparent 42%),
    rgba(15, 23, 42, .58) !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div > div[class*="flex"][class*="flex-col"] {
  height: 100% !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div .w-12.h-12 {
  width: 36px !important;
  height: 36px !important;
  border-radius: 13px !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div .w-12.h-12 svg {
  width: 18px !important;
  height: 18px !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div h5 {
  font-size: 14px !important;
  line-height: 20px !important;
  padding-right: 54px !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div h5 + div {
  margin-top: 4px !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="pt-4"][class*="border-t"] {
  min-height: 34px !important;
  padding-top: 10px !important;
  align-items: center !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="pt-4"][class*="border-t"] > div:first-child {
  min-width: 0 !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="pt-4"][class*="border-t"] > div:first-child > div:first-child {
  max-width: 210px !important;
  overflow: hidden !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="pt-4"][class*="border-t"] span {
  white-space: nowrap !important;
}

body:has(input[placeholder^="搜索结项"]) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="text-emerald-500"] {
  min-width: 74px !important;
  justify-content: center !important;
}

@media (max-width: 1279px) {
  body:has(input[placeholder^="搜索结项"]) main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) {
    width: 100% !important;
  }

  body:has(input[placeholder^="搜索结项"]) .dashboard-controls {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
}

/* Archive v2 fallback: current stable archive view may not render the search input. */
main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) {
  max-width: 1480px !important;
  width: 100% !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) > div.space-y-8 {
  margin-top: 0 !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .space-y-12 {
  position: relative;
  padding: 18px 0 0 clamp(4px, 1.2vw, 16px) !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .space-y-12::before {
  left: 10px !important;
  top: 16px !important;
  bottom: 12px !important;
  width: 1px !important;
  background: linear-gradient(180deg, rgba(99, 102, 241, .50), rgba(99, 102, 241, .10), rgba(16, 185, 129, .10)) !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .space-y-12 > div + div {
  margin-top: 34px !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .space-y-12 > div > div:first-child {
  min-height: 40px !important;
  margin-bottom: 12px !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .space-y-12 > div > div:first-child .w-6.h-6 {
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, .92) !important;
  border-color: rgba(99, 102, 241, .65) !important;
  box-shadow: 0 0 0 7px rgba(99, 102, 241, .055) !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .space-y-12 h4 {
  padding: 8px 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)) !important;
  border: 1px solid rgba(148, 163, 184, .10) !important;
  font-size: 20px !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .space-y-12 .space-y-10 {
  margin-left: clamp(4px, 1vw, 10px) !important;
  padding-left: clamp(12px, 2vw, 24px) !important;
  border-left-color: rgba(148, 163, 184, .10) !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .space-y-12 .space-y-10 > div + div {
  margin-top: 22px !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .space-y-12 .space-y-10 > div > div:first-child {
  margin-bottom: 12px !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .space-y-12 .space-y-10 > div > div:first-child > div:last-child {
  min-height: 28px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, .70) !important;
  border-color: rgba(148, 163, 184, .10) !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] {
  gap: 12px !important;
  align-items: stretch !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div {
  min-height: 112px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at right bottom, rgba(79, 70, 229, .10), transparent 42%),
    rgba(15, 23, 42, .46) !important;
  border-color: rgba(148, 163, 184, .085) !important;
  box-shadow: none !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div:hover {
  border-color: rgba(99, 102, 241, .26) !important;
  background:
    radial-gradient(circle at right bottom, rgba(79, 70, 229, .16), transparent 42%),
    rgba(15, 23, 42, .58) !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div > div[class*="flex"][class*="flex-col"] {
  height: 100% !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div .w-12.h-12 {
  width: 36px !important;
  height: 36px !important;
  border-radius: 13px !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div .w-12.h-12 svg {
  width: 18px !important;
  height: 18px !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div h5 {
  font-size: 14px !important;
  line-height: 20px !important;
  padding-right: 54px !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div h5 + div {
  margin-top: 4px !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="pt-4"][class*="border-t"] {
  min-height: 34px !important;
  padding-top: 10px !important;
  align-items: center !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="pt-4"][class*="border-t"] > div:first-child {
  min-width: 0 !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="pt-4"][class*="border-t"] > div:first-child > div:first-child {
  max-width: 210px !important;
  overflow: hidden !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="pt-4"][class*="border-t"] span {
  white-space: nowrap !important;
}

main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="text-emerald-500"] {
  min-width: 74px !important;
  justify-content: center !important;
}

@media (min-width: 1280px) {
  main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) .grid[class*="md:grid-cols-2"][class*="gap-4"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1279px) {
  main div.max-w-4xl.mx-auto.space-y-8:has(.space-y-12) {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  main > div.max-w-4xl.mx-auto.space-y-8 {
    min-width: 0;
    overflow-x: clip;
  }

  main > div.max-w-4xl.mx-auto.space-y-8 .grid[class*="md:grid-cols-2"][class*="gap-4"] > div {
    min-width: 0;
  }

  main > div.max-w-4xl.mx-auto.space-y-8 .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="pt-4"][class*="border-t"] {
    flex-wrap: wrap;
    gap: 8px;
  }

  main > div.max-w-4xl.mx-auto.space-y-8 .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="text-[9px]"],
  main > div.max-w-4xl.mx-auto.space-y-8 .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="text-[10px]"] {
    font-size: 11px;
    line-height: 1.35;
  }

  main > div.max-w-4xl.mx-auto.space-y-8 .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="text-slate-500"],
  main > div.max-w-4xl.mx-auto.space-y-8 .grid[class*="md:grid-cols-2"][class*="gap-4"] > div [class*="text-slate-600"] {
    color: rgb(148 163 184);
  }
}