/*
 * BlickC visual tuning for Adams 1.4.26
 * Direction: quiet personal writing site, less statistics, more breathing room.
 */
:root {
  --blickc-bg: #FAF8F3;
  --blickc-paper: #FFFDF8;
  --blickc-text: #2B2926;
  --blickc-muted: #8A8176;
  --blickc-line: #E8DED2;
  --blickc-accent: #8B5E3C;
  --blickc-accent-deep: #5F3D28;
}

body {
  background: var(--blickc-bg);
  color: var(--blickc-text);
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", serif;
  font-size: 17px;
  line-height: 1.9;
}

body.sans {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
}

.container {
  max-width: 720px;
}

a,
.post_article p a,
.post_article p a span,
.header .menu li:hover,
.current-menu-item,
.current_page_item,
.current-menu-parent,
.current-post-parent,
.post-list .meta header h2:hover {
  color: var(--blickc-accent);
}

a:hover,
.post_article p a:hover,
.post-list .meta header h2:hover {
  color: var(--blickc-accent-deep);
}

.header {
  margin-bottom: 5rem;
  padding-top: 4.8rem;
  color: var(--blickc-muted);
}

.header h1 {
  color: var(--blickc-text);
  font-size: 1.72rem;
  letter-spacing: .08em;
  font-weight: 700;
}

.header .menu {
  margin-top: 1.25rem;
  padding-top: .85rem;
  font-size: .94rem;
}

.header .menu li,
.footer .menu li {
  color: var(--blickc-muted);
}

.header .menu li:after,
.footer .menu li:after {
  background: var(--blickc-line);
}

/* Keep the header calm: social links are better placed in About/footer. */
.header .social {
  display: none;
}

.infos {
  background: var(--blickc-bg);
  color: var(--blickc-muted);
  font-size: .86rem;
  height: 3.1rem;
  line-height: 3.1rem;
}

.infos:before,
.infos:after {
  background: var(--blickc-line);
}

.infos.fixed {
  background: rgba(250, 248, 243, .94);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(43, 41, 38, .06);
}

.infos .fixed-title {
  background: transparent;
  color: var(--blickc-text);
}

.blickc-single-meta a,
.blickc-list-meta a {
  color: var(--blickc-muted);
  text-decoration: none;
}

.blickc-single-meta a:hover,
.blickc-list-meta a:hover {
  color: var(--blickc-accent);
}

.post-list .meta {
  margin-top: 7.5%;
  padding-top: 7.5%;
}

.post-list .meta:before {
  width: 56px;
  left: 0;
  background: var(--blickc-line);
}

.post-list .meta header h2 {
  color: var(--blickc-text);
  font-size: 1.55rem;
  line-height: 1.45;
  letter-spacing: .035em;
}

.post-list .meta main {
  color: #4F4A44;
  line-height: 2;
  margin: 1.6rem 0 1.35rem;
}

.post-list .meta main .thumb {
  border-radius: 10px;
  border-color: var(--blickc-line);
}

.post-list .meta footer span,
.post-list .meta footer a {
  color: var(--blickc-muted);
  font-size: .86rem;
}

.post-list .meta footer span.hr {
  background: var(--blickc-line);
  margin: 4px .72rem;
}

.post-list .reade_more a,
.post-list .reade_more .page-numbers {
  background: transparent;
  color: var(--blickc-muted);
  box-shadow: 0 0 0 1px var(--blickc-line) inset;
}

.post-list .reade_more a:hover,
.post-list .reade_more span.page-numbers,
.post-list .reade_more .page-numbers:hover {
  background: var(--blickc-accent);
  color: #fff;
}

.post_article {
  color: var(--blickc-text);
  font-size: 17px;
  line-height: 2;
  letter-spacing: .018em;
}

.post_article p {
  margin: 1.25rem 0;
  line-height: 2.05;
}

.post_article h1,
.post_article h2,
.post_article h3,
.post_article h4 {
  color: var(--blickc-text);
  margin-top: 2rem;
  margin-bottom: .6rem;
  background: linear-gradient(to bottom, transparent 62%, rgba(139, 94, 60, .16) 0%) no-repeat;
  letter-spacing: .04em;
}

.post_article blockquote,
blockquote,
q {
  background: rgba(255, 253, 248, .72);
  border-left: 3px solid var(--blickc-line);
  color: #5B5148;
}

.post_article ol,
.post_article ul,
.post_article table,
.post_article th,
.post_article td,
.comment .comment,
#respond,
.comment #respond {
  border-color: var(--blickc-line);
}

.post_article ol,
.post_article ul {
  background: rgba(255, 253, 248, .65);
}

.tags li a,
.nearbypost a {
  color: var(--blickc-muted);
}

.tags li a:hover,
.nearbypost a:hover {
  color: var(--blickc-accent);
}

.footer {
  color: var(--blickc-muted);
  font-size: .86rem;
}

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

.setting_tool {
  opacity: .55;
  transition: opacity .2s ease;
}

.setting_tool:hover {
  opacity: 1;
}

.setting_tool a,
.setting_tool div.c,
.setting_tool div.s {
  box-shadow: 0 8px 24px rgba(43, 41, 38, .08);
}

/* Remove reading-interrupting UI if old cache/plugin still outputs it. */
.infos .socials,
.infos .donate,
.infos .share,
.infos .dot-good,
.infos .qrcode {
  display: none !important;
}

/* Sepia mode: make it closer to old paper instead of yellow. */
body.sepia,
body.sepia .infos,
body.sepia .infos.fixed,
body.sepia .infos.fixed .fixed-title {
  background: #F7F3EA;
  color: #6A5544;
}

body.sepia .header h1,
body.sepia .post-list .meta header h2,
body.sepia .post_article {
  color: #2B2926;
}

body.sepia a,
body.sepia .header .menu li,
body.sepia .archives tr a,
body.sepia ul.link-items li a,
body.sepia .readerswall li a {
  color: #8B5E3C;
}

body.sepia .infos:before,
body.sepia .infos:after,
body.sepia .post-list .meta:before,
body.sepia .header .menu li:after,
body.sepia .footer .menu li:after {
  background: #E8DED2;
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }

  .container {
    width: 92%;
    padding: 0 4%;
  }

  .header {
    padding-top: 3.2rem;
    margin-bottom: 4rem;
  }

  .header h1 {
    font-size: 1.48rem;
  }

  .post-list .meta header h2 {
    font-size: 1.32rem;
  }

  .post_article {
    font-size: 16px;
  }

  .post_article p {
    line-height: 1.95;
  }
}