/* 宠物风配色变量 */
:root {
  --primary: #D97706;   /* 暖橘主色，温馨宠物感 */
  --bg-body: #FFFBF5;   /* 奶白背景，柔和不刺眼 */
  --bg-card: #FFFFFF;
  --text-main: #3F3F46;
  --text-light: #71717A;
  --border: #F4E4D2;
  --radius: 16px;       /* 大圆角，更软萌 */
  --shadow: 0 2px 14px rgba(217, 119, 6, 0.06);
}

body {
  background-color: var(--bg-body);
  color: var(--text-main);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  line-height: 1.75;
}

/* 主内容卡片化 */
#mainContent .post {
  background: var(--bg-card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 32px 38px;
  margin-bottom: 24px;
  border: 1px solid var(--border);
  transition: box-shadow 0.3s ease;
}

#mainContent .post:hover {
  box-shadow: 0 4px 20px rgba(217, 119, 6, 0.1);
}

/* 文章标题 */
.postTitle a {
  color: var(--text-main);
  font-weight: 600;
  font-size: 22px;
  transition: color 0.2s ease;
}

.postTitle a:hover {
  color: var(--primary);
  text-decoration: none;
}

.postCon h1, .postCon h2, .postCon h3 {
  color: var(--text-main);
  font-weight: 600;
  margin-top: 28px;
  margin-bottom: 16px;
  /* 标题前加小爪印装饰 */
}
.postCon h2::before {
  content: "🐾 ";
  color: var(--primary);
}

/* 侧边栏美化 */
#sideBar .sideBlock {
  background: var(--bg-card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 22px 24px;
  margin-bottom: 20px;
  border: 1px solid var(--border);
}

#sideBar h3 {
  color: var(--text-main);
  font-weight: 600;
  font-size: 16px;
  border-bottom: 2px solid var(--primary);
  padding-bottom: 8px;
  margin-bottom: 16px;
  display: inline-block;
}

/* 侧边栏标题加爪印 */
#sideBar h3::before {
  content: "🐾 ";
  color: var(--primary);
}

/* 链接与列表 */
a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  color: #B45309;
}

#sideBar ul li {
  margin: 10px 0;
  color: var(--text-light);
  list-style: none;
  padding-left: 4px;
}

/* 去除原生分割线 */
.postSeparator {
  display: none;
}

/* 页脚弱化 */
#footer {
  color: var(--text-light);
  margin-top: 40px;
  padding-bottom: 30px;
}

/* 代码块适配宠物风 */
.postCon pre {
  border-radius: 10px;
  border: 1px solid var(--border);
}
/* 头部标题区域美化 */
#header {
  background: linear-gradient(135deg, #FFF7ED 0%, #FFFBF5 100%);
  border-radius: 16px;
  padding: 40px 40px 30px;
  margin-bottom: 24px;
  box-shadow: 0 2px 14px rgba(217, 119, 6, 0.06);
  border: 1px solid #F4E4D2;
}

.blogTitle {
  margin-bottom: 8px;
}

.blogTitle a {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #3F3F46 !important;
  text-decoration: none !important;
}

.blogSubtitle {
  color: #71717A;
  font-size: 15px;
  margin-top: 8px;
}

/* 导航栏美化 */
#navigator {
  background: transparent !important;
  border-bottom: 1px solid #F4E4D2 !important;
  margin-bottom: 24px !important;
}

#navigator ul li a {
  color: #71717A !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

#navigator ul li a:hover {
  color: #D97706 !important;
}

/* 侧边栏公告卡片优化 */
.newsItem {
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 2px 14px rgba(217, 119, 6, 0.06);
  padding: 22px 24px;
  margin-bottom: 20px;
  border: 1px solid #F4E4D2;
}

.newsItem h3 {
  color: #3F3F46;
  font-weight: 600;
  font-size: 16px;
  border-bottom: 2px solid #D97706;
  padding-bottom: 8px;
  margin-bottom: 16px;
  display: inline-block;
}

.newsItem h3::before {
  content: "🐾 ";
  color: #D97706;
}

/* 主内容区整体卡片优化 */
#mainContent {
  padding-right: 20px;
}

/* 侧边栏整体优化 */
#sideBar {
  padding-left: 10px;
}

/* 阅读统计等信息弱化 */
.postDesc {
  color: #A1A1AA;
  font-size: 13px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px dashed #F4E4D2;
}