.shuoshuo-page {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body {
  background-color: #f7f2e8;
  background-image:
    radial-gradient(circle at top left, rgba(188, 160, 120, 0.14), transparent 28%),
    radial-gradient(circle at 85% 12%, rgba(126, 151, 98, 0.12), transparent 24%),
    linear-gradient(180deg, rgba(255, 253, 248, 0.94), rgba(244, 238, 228, 0.96));
  color: #2f2a24;
}

[data-theme='dark'] body {
  background-color: #1d1a17;
  background-image:
    radial-gradient(circle at top left, rgba(159, 131, 88, 0.18), transparent 26%),
    linear-gradient(180deg, rgba(34, 30, 26, 0.98), rgba(26, 23, 20, 0.98));
}

#page-header.nav-fixed #nav,
#page-header.not-top-img #nav {
  background: rgba(247, 242, 232, 0.86);
  backdrop-filter: blur(14px);
}

[data-theme='dark'] #page-header.nav-fixed #nav,
[data-theme='dark'] #page-header.not-top-img #nav {
  background: rgba(29, 26, 23, 0.88);
}

#site-name,
#site-title,
.article-title,
#article-container h1,
#article-container h2,
#article-container h3 {
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Noto Serif SC", Georgia, serif;
  letter-spacing: 0.01em;
}

#nav .site-name {
  font-size: 1.12rem;
  font-weight: 600;
}

#page-header.full_page {
  background: linear-gradient(180deg, rgba(248, 243, 235, 0.96), rgba(244, 238, 228, 0.92));
}

[data-theme='dark'] #page-header.full_page {
  background: linear-gradient(180deg, rgba(34, 30, 26, 0.98), rgba(27, 24, 20, 0.96));
}

#page-header.full_page #site-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

#page-header.full_page #site-title {
  color: #2e2821;
  text-shadow: none;
}

[data-theme='dark'] #page-header.full_page #site-title {
  color: #f0e5d6;
}

#page-header.full_page #site-info::after {
  display: block;
  width: min(620px, 84vw);
  height: 210px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 250, 242, 0.86), rgba(255, 247, 236, 0.76)),
    url("/img/hero/hero-index.svg") center/cover no-repeat;
  box-shadow: 0 18px 40px rgba(88, 67, 40, 0.1);
  content: "";
}

[data-theme='dark'] #page-header.full_page #site-info::after {
  background:
    linear-gradient(180deg, rgba(44, 38, 33, 0.72), rgba(34, 30, 26, 0.82)),
    url("/img/hero/hero-index.svg") center/cover no-repeat;
  box-shadow: none;
}

#article-container,
.recent-post-info,
.card-widget {
  font-family: "Baskerville", "Noto Serif SC", Georgia, serif;
}

#page,
#post,
.card-widget,
#recent-posts .recent-post-item {
  background: rgba(255, 252, 246, 0.92);
  border: 1px solid rgba(119, 95, 61, 0.12);
  box-shadow: 0 14px 34px rgba(78, 60, 35, 0.06);
}

[data-theme='dark'] #page,
[data-theme='dark'] #post,
[data-theme='dark'] .card-widget,
[data-theme='dark'] #recent-posts .recent-post-item {
  background: rgba(35, 30, 26, 0.9);
  border-color: rgba(197, 177, 142, 0.12);
  box-shadow: none;
}

#recent-posts .recent-post-item {
  border-radius: 22px;
}

#recent-posts .recent-post-item {
  min-height: 14.5em;
}

#recent-posts .recent-post-item .post_cover {
  width: 38%;
}

#recent-posts .recent-post-item > .recent-post-info {
  width: 62%;
  padding: 0 28px;
}

#recent-posts .recent-post-item .post_cover .post-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.92) contrast(0.96);
}

#recent-posts .recent-post-item > .recent-post-info > .article-title {
  font-size: 1.48rem;
  line-height: 1.45;
}

#recent-posts .recent-post-item .content,
#article-container {
  line-height: 1.92;
  font-size: 1.02rem;
}

.card-widget .item-headline span,
.card-widget .author-info-name {
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Noto Serif SC", Georgia, serif;
}

.card-widget .author-info-description,
.announcement_content,
.shuoshuo-widget__summary {
  color: #6b6258;
}

.card-widget .item-headline {
  border-bottom: 1px solid rgba(119, 95, 61, 0.1);
  padding-bottom: 10px;
}

.shuoshuo-page__intro {
  background: rgba(255, 251, 244, 0.9);
  border: 1px solid rgba(119, 95, 61, 0.12);
  box-shadow: 0 10px 28px rgba(78, 60, 35, 0.05);
}

[data-theme='dark'] .shuoshuo-page__intro {
  background: rgba(39, 34, 30, 0.9);
}

@media screen and (max-width: 768px) {
  #recent-posts .recent-post-item .post_cover,
  #recent-posts .recent-post-item > .recent-post-info {
    width: 100%;
  }

  #recent-posts .recent-post-item > .recent-post-info {
    padding: 18px 18px 26px;
  }

  #nav .site-name {
    font-size: 1rem;
  }

  #page-header.full_page #site-info::after {
    height: 154px;
    border-radius: 22px;
  }
}

.shuoshuo-page__intro {
  padding: 18px 20px;
  border: 1px solid var(--card-border);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(66, 184, 131, 0.08), rgba(255, 255, 255, 0.96));
  color: var(--font-color);
  line-height: 1.8;
}

[data-theme='dark'] .shuoshuo-page__intro {
  background: linear-gradient(135deg, rgba(66, 184, 131, 0.18), rgba(24, 24, 24, 0.92));
}

.shuoshuo-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.shuoshuo-card,
.shuoshuo-empty {
  padding: 22px 0;
  border: 0;
  border-bottom: 1px solid rgba(119, 95, 61, 0.12);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-theme='dark'] .shuoshuo-card,
[data-theme='dark'] .shuoshuo-empty {
  border-bottom-color: rgba(197, 177, 142, 0.12);
}

.shuoshuo-card__time {
  color: var(--secondtext);
  font-size: 0.88rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.shuoshuo-card__body {
  color: var(--font-color);
  font-size: 1.02rem;
  line-height: 1.95;
  white-space: pre-wrap;
}

.shuoshuo-card__footer {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.shuoshuo-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.shuoshuo-card__tags span {
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(66, 184, 131, 0.1);
  color: var(--theme-color);
  font-size: 0.8rem;
}

.shuoshuo-card__link {
  color: var(--theme-color);
  font-weight: 500;
  margin-left: auto;
}

.card-shuoshuo-widget .item-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.shuoshuo-widget__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--card-border);
}

.shuoshuo-widget__item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.shuoshuo-widget__date {
  color: var(--secondtext);
  font-size: 0.82rem;
}

.shuoshuo-widget__title {
  color: var(--font-color);
  font-weight: 600;
  line-height: 1.5;
}

.shuoshuo-widget__title:hover {
  color: var(--theme-color);
}

.shuoshuo-widget__summary {
  display: -webkit-box;
  overflow: hidden;
  color: var(--secondtext);
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.shuoshuo-widget__more {
  color: var(--theme-color);
  font-weight: 600;
}

.shuoshuo-empty {
  text-align: center;
  color: var(--secondtext);
}

@media screen and (max-width: 768px) {
  .shuoshuo-card,
  .shuoshuo-empty,
  .shuoshuo-page__intro {
    padding: 18px 0;
    border-radius: 0;
  }

  .shuoshuo-card__body {
    font-size: 1rem;
  }

  .shuoshuo-card__link {
    margin-left: 0;
  }
}