/* ===== 宏璞文录 · 通用样式 ===== */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; }

/* 文章卡片悬停 */
@media (hover: hover) {
  .article-card {
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .article-card:hover {
    transform: translateY(-2px);
    border-color: rgba(26,26,26,.18);
    box-shadow: 0 2px 0 var(--paper-line, #E2DBC6), 0 8px 24px rgba(26,26,26,.06);
  }
}

/* 阅读器排版 */
.prose-reader {
  font-family: 'Noto Serif SC', serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.95;
  letter-spacing: .01em;
  color: #1A1A1A;
}
.prose-reader p { margin: 0 0 1.4em; }
.prose-reader p:last-child { margin-bottom: 0; }
.prose-reader h2 {
  font-family: 'Noto Serif SC', serif;
  font-weight: 600;
  font-size: 22px;
  margin: 1.6em 0 .7em;
  letter-spacing: .02em;
}
.prose-reader blockquote {
  margin: 1.5em 0;
  padding: .6em 1.2em;
  border-left: 2px solid #A8895A;
  color: #4A4A4A;
  font-style: italic;
  background: rgba(168,137,90,.04);
}
.prose-reader img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 1.6em 0;
}
.prose-reader figure { margin: 1.6em 0; }
.prose-reader figcaption {
  margin-top: .5em;
  font-size: 13px;
  color: #8B8478;
  text-align: center;
  font-family: -apple-system, sans-serif;
}

/* 标签 active */
.nav-active { background: #F1ECE2; color: #1A1A1A; }

/* 编辑器 */
.edit-toolbar {
  background: #FAF8F3;
  border: 1px solid #E2DBC6;
  border-radius: 12px;
}
.edit-toolbar:focus-within {
  border-color: #A8895A;
  box-shadow: 0 0 0 4px rgba(168,137,90,.10);
}
.editor-input {
  background: transparent;
  border: 0;
  outline: 0;
  width: 100%;
  resize: none;
  font-family: 'Noto Serif SC', serif;
  color: #1A1A1A;
}
.editor-input.title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .01em;
}
.editor-input.body {
  font-size: 16px;
  line-height: 1.9;
  min-height: 320px;
}
.editor-input::placeholder { color: #B7B1AE; }

/* 减弱动效 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* 点赞按钮心跳 */
@keyframes heart-pop {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.35); }
  60%  { transform: scale(.92); }
  100% { transform: scale(1); }
}
.like-btn .like-icon.popping { animation: heart-pop .35s ease-out; }

/* 评论头像细节 */
.comment-avatar {
  transition: transform .2s ease;
}
.comment-avatar:hover {
  transform: scale(1.05);
}