/* 八哥日记 —— 纸页手账风 */
:root {
  --paper: #f7f2e7;
  --paper-deep: #efe7d5;
  --ink: #3a3226;
  --ink-soft: #6b5f4c;
  --ink-faint: #9a8d74;
  --accent: #b6402f;       /* 印泥红 */
  --accent-soft: #d9a08e;
  --line: #e0d5bd;
  --serif: "Noto Serif SC", "Songti SC", "SimSun", serif;
  --sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--serif);
  line-height: 1.9;
  /* 纸张纤维质感 */
  background-image:
    repeating-linear-gradient(0deg, rgba(58,50,38,.022) 0 1px, transparent 1px 4px),
    radial-gradient(ellipse at 20% 10%, rgba(217,160,142,.10), transparent 55%),
    radial-gradient(ellipse at 85% 90%, rgba(154,141,116,.12), transparent 50%);
}

/* 页面整体容器：像摊开的日记本 */
.book {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 28px 80px;
  position: relative;
}

/* 左侧装订线 */
.book::before {
  content: "";
  position: fixed;
  left: 0; top: 0; bottom: 0;
  width: 26px;
  background: linear-gradient(90deg, var(--paper-deep), rgba(239,231,213,0));
  border-right: 1px solid var(--line);
  pointer-events: none;
}

/* ===== 顶部 ===== */
header.site-head {
  text-align: center;
  padding: 30px 0 36px;
  border-bottom: 2px solid var(--ink);
  position: relative;
}

.seal {
  width: 74px; height: 74px;
  margin: 0 auto 18px;
  border: 3px solid var(--accent);
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: var(--accent);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 4px;
  line-height: 1.3;
  transform: rotate(-4deg);
  box-shadow: 2px 3px 0 rgba(182,64,47,.18);
  /* 印章的斑驳感 */
  -webkit-mask-image: radial-gradient(circle at 30% 40%, black 92%, transparent 96%),
                      radial-gradient(circle at 75% 70%, black 90%, transparent 95%);
  mask-composite: intersect;
  user-select: none;
}

.site-title {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 10px;
  text-indent: 10px;
}

.site-sub {
  margin-top: 10px;
  color: var(--ink-soft);
  font-size: 15px;
  letter-spacing: 3px;
}

nav.site-nav {
  margin-top: 22px;
  display: flex;
  justify-content: center;
  gap: 34px;
  font-family: var(--sans);
  font-size: 14px;
  letter-spacing: 2px;
}

nav.site-nav a {
  color: var(--ink-soft);
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 2px solid transparent;
  transition: all .25s;
}

nav.site-nav a:hover,
nav.site-nav a.active {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

/* ===== 日记条目 ===== */
.intro {
  margin: 34px 0 10px;
  padding: 18px 22px;
  background: rgba(255,253,247,.7);
  border: 1px solid var(--line);
  border-radius: 4px;
  color: var(--ink-soft);
  font-size: 15px;
}

.diary-list { margin-top: 26px; }

.entry {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 26px 8px;
  border-bottom: 1px dashed var(--line);
  position: relative;
  transition: background .25s;
}

.entry:hover { background: rgba(217,160,142,.07); }

.entry-date {
  font-family: var(--sans);
  font-size: 12.5px;
  color: var(--ink-faint);
  letter-spacing: 2px;
  margin-bottom: 6px;
}

.entry-date .tag {
  display: inline-block;
  margin-left: 10px;
  padding: 1px 9px;
  border: 1px solid var(--accent-soft);
  border-radius: 999px;
  color: var(--accent);
  font-size: 11.5px;
}

.entry h2 {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 1.5px;
  transition: color .25s;
}

.entry:hover h2 { color: var(--accent); }

.entry p {
  margin-top: 8px;
  color: var(--ink-soft);
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.entry .more {
  margin-top: 8px;
  font-family: var(--sans);
  font-size: 13px;
  color: var(--accent);
  letter-spacing: 2px;
}

/* ===== 正文页 ===== */
article.post { padding-top: 10px; }

.post-meta {
  font-family: var(--sans);
  font-size: 13px;
  color: var(--ink-faint);
  letter-spacing: 2px;
  text-align: center;
  padding: 26px 0 8px;
}

article.post h1 {
  text-align: center;
  font-size: 28px;
  letter-spacing: 4px;
  padding-bottom: 24px;
  border-bottom: 2px solid var(--ink);
  margin-bottom: 34px;
}

article.post p {
  margin: 0 0 22px;
  text-indent: 2em;
  font-size: 16.5px;
}

article.post p.no-indent { text-indent: 0; }

/* 引用块：手写批注感 */
blockquote {
  margin: 26px 10px;
  padding: 14px 20px;
  border-left: 3px solid var(--accent);
  background: rgba(182,64,47,.05);
  color: var(--ink-soft);
  font-size: 15px;
  transform: rotate(-.4deg);
}

.back-link {
  display: inline-block;
  margin-top: 30px;
  font-family: var(--sans);
  font-size: 14px;
  color: var(--accent);
  text-decoration: none;
  letter-spacing: 2px;
}

.back-link:hover { text-decoration: underline; }

/* ===== 关于页 ===== */
.about-photo {
  width: 120px; height: 120px;
  margin: 40px auto 24px;
  border-radius: 50%;
  border: 3px solid var(--ink);
  display: grid;
  place-items: center;
  font-size: 56px;
  background: var(--paper-deep);
  overflow: hidden;
}

.about-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}

.about h2 {
  font-size: 19px;
  letter-spacing: 3px;
  margin: 34px 0 12px;
  padding-left: 12px;
  border-left: 4px solid var(--accent);
}

.about p { margin-bottom: 16px; font-size: 16px; text-indent: 2em; }

.about ul {
  list-style: none;
  margin: 6px 0 16px;
}

.about ul li {
  padding: 8px 0 8px 22px;
  position: relative;
  color: var(--ink-soft);
  font-size: 15.5px;
  border-bottom: 1px dotted var(--line);
}

.about ul li::before {
  content: "・";
  position: absolute;
  left: 4px;
  color: var(--accent);
}

/* ===== 页脚（备案审核重点） ===== */
footer.site-foot {
  margin-top: 70px;
  padding: 26px 0 0;
  border-top: 1px solid var(--line);
  text-align: center;
  font-family: var(--sans);
  font-size: 13px;
  color: var(--ink-faint);
  letter-spacing: 1px;
}

footer.site-foot a {
  color: var(--ink-faint);
  text-decoration: none;
  margin: 0 6px;
}

footer.site-foot a:hover { color: var(--accent); }

footer.site-foot .icp { display: block; margin-top: 8px; }

/* 入场动画 */
header.site-head, .intro, .entry, article.post, .about {
  animation: rise .7s ease both;
}
.entry:nth-child(2) { animation-delay: .08s; }
.entry:nth-child(3) { animation-delay: .16s; }
.entry:nth-child(4) { animation-delay: .24s; }
.entry:nth-child(5) { animation-delay: .32s; }

@keyframes rise {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}

@media (max-width: 560px) {
  .book { padding: 30px 18px 60px; }
  .site-title { font-size: 30px; letter-spacing: 6px; }
  article.post p { font-size: 15.5px; }
}