/* 灰卡：浅灰蓝页面，白卡片。只改已有组件，不改布局。 */

body.dp-skin-card {
  background: var(--dp-color-bg);
}

body.dp-skin-card .dp-header__bar,
body.dp-skin-card .dp-footer,
body.dp-skin-card .dp-card,
body.dp-skin-card .dp-entry,
body.dp-skin-card .dp-sidebar .dp-widget,
body.dp-skin-card .dp-sidebar .widget,
body.dp-skin-card .dp-comments__list .comment,
body.dp-skin-card .comment-form,
body.dp-skin-card .navigation.pagination .page-numbers,
body.dp-skin-card .nav-links a,
body.dp-skin-card .nav-links span {
  background: var(--dp-color-surface, #fff);
}

body.dp-skin-card .dp-header__bar,
body.dp-skin-card .dp-card,
body.dp-skin-card .dp-entry,
body.dp-skin-card .dp-sidebar .dp-widget,
body.dp-skin-card .dp-sidebar .widget,
body.dp-skin-card .dp-comments__list .comment,
body.dp-skin-card .comment-form {
  box-shadow: var(--dp-shadow, 0 1px 3px rgba(15, 23, 42, 0.06));
}

body.dp-skin-card .dp-entry,
body.dp-skin-card .comment-form {
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--dp-color-border);
  border-radius: 10px;
}

body.dp-skin-card .dp-card:hover {
  border-color: var(--dp-color-primary);
  box-shadow: var(--dp-shadow-hover, 0 4px 16px rgba(37, 99, 235, 0.08));
}

body.dp-skin-card .dp-comments__list .children .comment {
  border-left: 3px solid var(--dp-color-primary);
}

body.dp-skin-card .navigation.pagination,
body.dp-skin-card .nav-links {
  justify-content: center;
}

body.dp-skin-card .navigation.pagination .page-numbers,
body.dp-skin-card .nav-links a,
body.dp-skin-card .nav-links span {
  border-radius: 8px;
}