.publish-config-panel {
  display: grid;
  gap: 18px;
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.publish-config-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.panel-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.publish-config-main h2 {
  margin: 4px 0 6px;
  color: #111827;
  font-size: 20px;
}

.publish-config-main span {
  color: #6b7280;
  font-size: 13px;
}

.publish-stat-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.welcome-config-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.home-stat-grid .publish-stat strong {
  font-size: 18px;
}

.publish-stat {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 8px;
  background: #f8fafc;
}

.publish-stat strong {
  color: #1477ff;
  font-size: 22px;
  line-height: 1;
}

.publish-stat span,
.config-value {
  color: #4b5563;
  font-size: 13px;
  overflow-wrap: anywhere;
}

/* 仅实体主按钮提升文字清晰度，其他按钮保持组件默认配色。 */
:deep(.el-button--primary:not(.is-plain):not(.is-dashed):not(.is-text):not(.is-link)) {
  font-weight: 700;
}

:deep(.el-button--primary:not(.is-plain):not(.is-dashed):not(.is-text):not(.is-link) span) {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1100px) {
  .publish-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}