/* ==========================================================
   Butterfly 中文视觉定制 —— 宣纸 · 黛青 · 朱砂
   改这一个文件，就能调整全站外观
   ========================================================== */

:root {
  --paper:     #F7F5EF;   /* 宣纸底色   */
  --card:      #FFFFFF;   /* 卡片白     */
  --main:      #3B6A72;   /* 黛青       */
  --cinnabar:  #B7472A;   /* 朱砂       */
  --text:      #33312C;
  --muted:     #8C867A;
  --border:    #E8E3D8;
  --code-bg:   #F4F1E9;
  --radius:    16px;      /* 卡片圆角   */
  --radius-sm: 10px;
  --shadow:       0 6px 24px rgba(58,52,40,.07);
  --shadow-hover: 0 12px 32px rgba(58,52,40,.13);

  /* 思源宋体：标题 / 正文；思源黑体：导航 / UI */
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "思源宋体", "Songti SC", "STSong", "SimSun", serif;
  --font-sans:  "Noto Sans SC", "Source Han Sans SC", "思源黑体", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono:  "JetBrains Mono", "Fira Code", Consolas, Menlo, monospace;
}

/* ---------- 字体 ---------- */
body, #content-outer, article, .post-content {
  font-family: var(--font-serif) !important;
}
h1,h2,h3,h4,h5,h6, .post-title, #site-name, #site-title, #site-subtitle {
  font-family: var(--font-serif) !important;
  font-weight: 700;
  letter-spacing: .01em;
}
/* UI 元素用黑体，更清爽 */
#nav, #nav a, .menus_items, .menus_item,
.post-meta, .post-meta a, .post-meta__tags, .post-meta__categories,
#pagination, .pagination, .page-number,
.tag-cloud, .tag-cloud a, .category-list, .category-list a,
.card-widget, .card-widget a, .aside-list, .aside-list a,
button, .btn, .read-more, .article-more-link,
#footer, #footer a, .toc, .toc a, time, figcaption,
.post-copyright, .post-nav, .pagination-related,
.search-dialog, #search-input {
  font-family: var(--font-sans) !important;
}
pre, code, kbd, .highlight, figure.highlight { font-family: var(--font-mono) !important; }

/* 中文长文阅读节奏 */
.post-content { font-size: 16px; }
.post-content p, .post-content li { line-height: 2 !important; letter-spacing: .02em; }

/* ---------- 全局底色 ---------- */
body {
  background-color: var(--paper) !important;
  background-image:
    radial-gradient(1200px 600px at 12% 0%, rgba(255,255,255,.75), transparent 70%),
    radial-gradient(1000px 700px at 92% 100%, rgba(59,106,114,.05), transparent 70%);
  background-attachment: fixed;
  color: var(--text) !important;
}
::selection { background: #C9DCDD; color: var(--text); }
a { color: var(--main); }
a:hover { color: var(--cinnabar) !important; }

/* ---------- 头图 ---------- */
#page-header { position: relative; }
#site-title, #site-subtitle, .index_site_info { text-shadow: 0 2px 14px rgba(0,0,0,.38); }

/* ---------- 卡片：圆角 + 柔和阴影 + 悬浮微抬升 ---------- */
#recent-posts > .recent-post-item, .recent-post-item, .card-widget,
#post, .page, #archive, .post-copyright, .note, .pagination-related {
  border-radius: var(--radius) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
  background: var(--card) !important;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease !important;
}
#recent-posts > .recent-post-item:hover, .recent-post-item:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover) !important;
}
.recent-post-item .post_cover img, .post-content img,
.card-widget img, .aside-list > .aside-list-item .thumbnail > img {
  border-radius: var(--radius-sm) !important;
}
.card-widget { margin-bottom: 16px !important; }
.card-info-avatar .avatar-img, img.avatar-img { border-radius: 50% !important; }

/* ---------- 按钮 / 标签 / 分页：胶囊化 ---------- */
.tag-cloud a, .post-meta__tags a, .category-list a, .post-copyright a,
#pagination .page-number, #pagination .extend, .pagination a,
.btn-beautify, .read-more, button, #go-up > button {
  border-radius: 999px !important;
}
#pagination .page-number.current, #pagination .page-number:hover,
.tag-cloud a:hover, .btn-beautify:hover {
  background: var(--main) !important;
  border-color: var(--main) !important;
  color: #fff !important;
}
/* 压掉主题残留的亮蓝色 */
#nav a:hover, #site-name:hover, .card-widget a:hover, .toc a:hover,
.aside-list a:hover, .post-meta a:hover, #footer a:hover { color: var(--cinnabar) !important; }

/* ---------- 代码块 / 引用 / 分割线 ---------- */
figure.highlight, pre, .highlight {
  border-radius: var(--radius-sm) !important;
  background: var(--code-bg) !important;
}
:not(pre) > code { background: var(--code-bg); border-radius: 6px; padding: 2px 6px; }
blockquote {
  border-left: 4px solid var(--main) !important;
  background: rgba(59,106,114,.05);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
hr { border-color: var(--border) !important; }

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar-thumb { background: #B6C7C4; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: var(--main); }
::-webkit-scrollbar-track { background: transparent; }

/* ---------- 移动端 ---------- */
@media (max-width: 768px) {
  :root { --radius: 12px; --radius-sm: 8px; }
  .post-content { font-size: 15.5px; }
}

/* ---------- 站点 Logo：导航栏左侧朱砂方印 ---------- */
#nav #blog-info > a::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 9px;
  vertical-align: middle;
  background: url(/img/custom/logo.svg) center / contain no-repeat;
}

/* ---------- ICP 备案号：页脚居中展示 ---------- */
.icp-beian {
  margin-top: 10px;
  font-size: 13px;
  letter-spacing: .04em;
  line-height: 1.9;
}
.icp-beian a {
  color: var(--muted);
  text-decoration: none;
  border-bottom: 1px dotted var(--border);
  padding-bottom: 1px;
  transition: color .2s ease, border-color .2s ease;
}
.icp-beian a:hover {
  color: var(--cinnabar) !important;
  border-bottom-color: var(--cinnabar);
}