/* ===================================================
   iroyame aesthetic post layout v10.1
   极简分栏式目录（右侧浅灰竖线分隔）
   =================================================== */

body[data-type="post"] #content-inner {
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  gap: 60px;
  max-width: 1300px;
  margin: 0 auto;
  padding: 80px 40px;
  background: transparent !important;
  box-shadow: none !important;
}

/* ======= 右侧目录区 ======= */
body[data-type="post"] #aside-content {
  order: 2;
  position: sticky;
  top: 140px;
  flex: 0 0 220px;
  align-self: flex-start;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding-left: 28px; /* 与分隔线保持视觉留白 */
  margin-left: 0;
  /* ✅ 极细竖线分隔：仅视觉引导 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 1px, transparent 1px);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1px 100%;
}

/* 保留目录，隐藏其他卡片 */
body[data-type="post"] #aside-content .card-widget {
  display: none !important;
}
body[data-type="post"] #aside-content #card-toc {
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

/* ======= 极简目录样式 ======= */

/* 去掉标题与编号 */
body[data-type="post"] #card-toc .item-headline,
body[data-type="post"] #card-toc .toc-number {
  display: none !important;
}

/* 去掉默认列表样式 */
body[data-type="post"] #card-toc ol,
body[data-type="post"] #card-toc li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* 目录文字风格 */
body[data-type="post"] #card-toc .toc-content {
  font-size: 0.92rem;
  line-height: 1.8;
  color: #555;
  letter-spacing: 0.02em;
  font-family: inherit;
}

/* 链接：无边框、无符号，仅文字 */
body[data-type="post"] #card-toc .toc-link {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 2px 0 2px 8px;
  border: none;
  transition: color 0.25s ease, transform 0.2s ease;
}

/* hover / active 状态 */
body[data-type="post"] #card-toc .toc-link:hover,
body[data-type="post"] #card-toc .toc-link.active {
  color: #a57a4c;
  font-weight: 500;
  transform: translateX(2px);
}

/* 层级缩进 */
body[data-type="post"] #card-toc .toc-level-2 .toc-link {
  padding-left: 18px;
  opacity: 0.95;
}
body[data-type="post"] #card-toc .toc-level-3 .toc-link {
  padding-left: 28px;
  opacity: 0.9;
}

/* 去除任何小圆点 */
body[data-type="post"] #card-toc li::before {
  content: none !important;
}

/* ======= 正文部分保持不变 ======= */
body[data-type="post"] #post {
  flex: 0 0 760px;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  backdrop-filter: none !important;
  padding: 0 20px;
}

body[data-type="post"] #post article {
  font-family: "Noto Serif SC", serif;
  color: #3a3a3a;
  line-height: 1.9;
  letter-spacing: 0.03em;
}

/* 标题排版 */
body[data-type="post"] #post h1,
body[data-type="post"] #post h2,
body[data-type="post"] #post h3 {
  font-weight: 600;
  color: #2b2b2b;
}
body[data-type="post"] #post h1 {
  font-size: 2rem;
  margin: 1.5rem 0 2rem;
}
body[data-type="post"] #post h2 {
  font-size: 1.5rem;
  margin: 3rem 0 1.2rem;
}
body[data-type="post"] #post h3 {
  font-size: 1.2rem;
  margin: 2rem 0 1rem;
}
body[data-type="post"] #post p {
  margin: 1.6em 0;
}
body[data-type="post"] #post hr {
  display: none !important;
}

/* 去掉所有卡片背景 */
body[data-type="post"] .post-copyright,
body[data-type="post"] .tag_share,
body[data-type="post"] .post-reward,
body[data-type="post"] .relatedPosts,
body[data-type="post"] .post-nav,
body[data-type="post"] #post-comment,
body[data-type="post"] .card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  backdrop-filter: none !important;
}

/* ======= 暗色模式 ======= */
[data-theme="dark"] body[data-type="post"] #aside-content {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.15) 1px, transparent 1px);
}
[data-theme="dark"] body[data-type="post"] #card-toc .toc-link {
  color: #ccc;
}
[data-theme="dark"] body[data-type="post"] #card-toc .toc-link:hover,
[data-theme="dark"] body[data-type="post"] #card-toc .toc-link.active {
  color: #d8b06a;
}
[data-theme="dark"] body[data-type="post"] #post {
  color: #ddd;
}

/* ======= 响应式隐藏目录 ======= */
@media screen and (max-width: 1100px) {
  body[data-type="post"] #aside-content {
    display: none !important;
  }
  body[data-type="post"] #content-inner {
    display: block !important;
    padding: 60px 20px;
  }
}