/* Studio 模版下覆盖 pages.css 的深色残留 + 压缩板块间距 */
body.theme-studio .page-header {
  background: #224941 !important;
  color: #fff !important;
  text-align: left !important;
  padding: 2.4rem 1.35rem 1.9rem !important;
}
body.theme-studio .page-header::before { display: none !important; }
body.theme-studio .page-header h1 {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
  text-align: left !important;
  max-width: var(--st-max);
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(1.65rem, 2.5vw, 2.15rem) !important;
}
body.theme-studio .page-header > p {
  text-align: left !important;
  max-width: var(--st-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: rgba(255,255,255,.68) !important;
}
body.theme-studio .page-header .portal-hero-btns {
  justify-content: flex-start !important;
  max-width: var(--st-max);
  margin: 1.1rem auto 0 !important;
}
body.theme-studio .page-content {
  background: var(--st-paper) !important;
  color: var(--st-ink) !important;
  padding-top: .6rem !important;
  padding-bottom: 2.4rem !important;
}
body.theme-studio .section {
  padding: 1rem 0 !important;
  margin-bottom: .35rem !important;
}
body.theme-studio .env-page .section {
  padding: 1rem 0 !important;
}
body.theme-studio .section-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: var(--st-ink) !important;
  color: var(--st-ink) !important;
  text-align: left !important;
  font-size: 1.35rem !important;
  margin-bottom: .4rem !important;
}
body.theme-studio .section-subtitle {
  text-align: left !important;
  color: var(--st-muted) !important;
  margin-bottom: .85rem !important;
}
body.theme-studio .section-title,
body.theme-studio .feature-detail-text h3,
body.theme-studio .download-card h2,
body.theme-studio .card h3 {
  color: var(--st-ink) !important;
  text-shadow: none !important;
}
body.theme-studio .section-subtitle,
body.theme-studio .feature-detail-text p,
body.theme-studio .download-card p,
body.theme-studio .feature-item p,
body.theme-studio .notice,
body.theme-studio .changelog-list,
body.theme-studio ol {
  color: var(--st-muted) !important;
}
body.theme-studio .card,
body.theme-studio .download-card,
body.theme-studio .feature-item,
body.theme-studio .feature-detail,
body.theme-studio .notice,
body.theme-studio .stat-card {
  background: var(--st-white) !important;
  border: 1px solid var(--st-line) !important;
  box-shadow: var(--st-shadow) !important;
  color: var(--st-ink) !important;
}
body.theme-studio .stat-card .number { color: var(--st-ink) !important; }
body.theme-studio .stat-card .label { color: var(--st-muted) !important; }
body.theme-studio .grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
  margin-top: 1rem;
}
body.theme-studio .grid-3 { gap: .85rem !important; }
body.theme-studio .changelog-item {
  border-bottom: 1px solid var(--st-line);
  padding: .75rem 0;
}
body.theme-studio .changelog-ver { color: var(--st-accent-deep) !important; }
body.theme-studio .changelog-date { color: var(--st-muted) !important; }
body.theme-studio .btn-primary,
body.theme-studio a.btn-primary {
  background: #224941 !important;
  border: 1px solid #224941 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-image: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 2px 1.2rem 0 !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
}
body.theme-studio .btn-secondary,
body.theme-studio a.btn-secondary {
  background: #fff !important;
  border: 1px solid #c7d0cc !important;
  color: #192321 !important;
  -webkit-text-fill-color: #192321 !important;
  background-image: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 2px 1.2rem 0 !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
}
body.theme-studio .btn-secondary:hover,
body.theme-studio a.btn-secondary:hover {
  border-color: var(--st-accent) !important;
  color: var(--st-accent-deep) !important;
  background: var(--st-accent-soft) !important;
}
body.theme-studio .page-header .btn-primary,
body.theme-studio .page-header a.btn-primary {
  background: #fff !important;
  border-color: #fff !important;
  color: #192321 !important;
  -webkit-text-fill-color: #192321 !important;
}
body.theme-studio .page-header .btn-secondary,
body.theme-studio .page-header a.btn-secondary {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body.theme-studio .btn-secondary,
body.theme-studio a.btn-secondary {
  background: #fff !important;
  border: 1px solid #c7d0cc !important;
  color: #192321 !important;
  -webkit-text-fill-color: #192321 !important;
  background-image: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 2px 1.2rem 0 !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
}
body.theme-studio .stat-card .number {
  color: var(--st-accent-deep) !important;
}
body.theme-studio .download-card .version {
  background: var(--st-accent-soft) !important;
  border: 1px solid #c7d0cc !important;
  color: var(--st-accent-deep) !important;
  border-radius: var(--st-radius-sm) !important;
}
body.theme-studio .download-card,
body.theme-studio .card,
body.theme-studio .stat-card,
body.theme-studio .feature-item,
body.theme-studio .feature-detail,
body.theme-studio .notice {
  border-radius: var(--st-radius) !important;
}
body.theme-studio .code-block {
  background: #1a3834 !important;
  color: #e7f7f3 !important;
}
@media (max-width: 900px) {
  body.theme-studio .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  body.theme-studio .grid-4 { grid-template-columns: 1fr; }
}