.mod-list-page {
  font-synthesis: none;
}

.mod-list-page .guide-doc-content,
.mod-list-page .guide-doc-intro p,
.mod-list-page .guide-doc-content > section > p,
.mod-list-page .guide-checklist span {
  font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400;
}

.mod-list-page .guide-doc-header h1 {
  font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  font-weight: 600;
}

.mod-list-page .guide-doc-content > section h2 {
  font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  font-weight: 600;
}

.mod-list-page .guide-checklist b {
  font-weight: 600;
}

.mod-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.mod-stat-grid > div {
  min-height: 90px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--glass-gradient, var(--glass));
  box-shadow: var(--shadow-subtle);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
}

.mod-stat-grid span,
.mod-stat-grid small {
  display: block;
  color: var(--subpage-text-soft);
  font-size: 11.5px;
  font-weight: 750;
}

.mod-stat-grid b {
  display: inline-block;
  margin: 5px 4px 0 0;
  color: var(--subpage-primary-dark);
  font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.mod-file-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mod-file-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-height: 43px;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--glass-subtle);
  box-shadow: var(--shadow-subtle);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
}

.mod-file-list-priority li {
  border-left: 3px solid #ff9f0a;
}

.mod-file-list-disabled li {
  border-left: 3px solid #34c759;
  background: rgba(227, 245, 229, .42);
}

.mod-file-name {
  min-width: 0;
  color: var(--subpage-text);
  font-family: 'SF Mono', Consolas, 'PingFang SC', monospace;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.mod-file-size {
  color: var(--subpage-text-soft);
  font-family: 'Quicksand', -apple-system, sans-serif;
  font-size: 11.5px;
  font-weight: 750;
  white-space: nowrap;
}

.mod-file-status {
  min-width: 45px;
  color: #a8782d;
  font-size: 11px;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

.mod-file-list-disabled .mod-file-status {
  color: #34c759;
}

@media (max-width: 680px) {
  .mod-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mod-file-list li { grid-template-columns: minmax(0, 1fr) auto; gap: 5px 10px; }
  .mod-file-status { grid-column: 1 / -1; text-align: left; }
}

html[data-theme="dark"] .mod-stat-grid > div,
html[data-theme="dark"] .mod-file-list li {
  border-color: var(--subpage-border);
  background: var(--glass-gradient, rgba(30, 30, 32, .75));
  box-shadow: var(--subpage-shadow);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
}

html[data-theme="dark"] .mod-file-list-disabled li {
  background: rgba(40, 64, 50, .76);
}