/* ============================================================================
   发布样式 · Publish CSS（高考日语语法知识图谱）
   来源：本地 ShibaInu-Beautify 片段的发布版
   主题：Shiba Inu（暖色纸质 + 柴犬琥珀强调）
   说明：
     - Obsidian Publish 不会自动带上本地主题 / CSS 片段，本文件用于让
       发布页与本地外观一致。
     - 背景图引用 vault 内 assets/bg-city-faded.png（网页可访问）；本地片段仍用
       vault 外的 bg-city-faded.png，二者互不干扰。
     - 直接铺 body 并对内容区做半透明，兼容 Publish 的静态页面结构。
   ========================================================================== */

/* 仅作用于浅色模式（Publish 站点建议设为浅色主题） */
body.theme-light {

  /* ---------- 1. 暖色纸质背景 ---------- */
  --background-primary: #FBF6EE;
  --background-primary-alt: #F5ECDF;
  --background-secondary: #F3EADB;
  --background-secondary-alt: #EADFCB;
  --background-modifier-border: #E7D9C2;
  --background-modifier-border-hover: #D8C4A4;
  --background-modifier-form-field: #F6EEE1;
  --background-modifier-box-shadow: rgba(59, 51, 43, 0.08);

  /* ---------- 2. 文字（暖棕） ---------- */
  --text-normal: #3B332B;
  --text-muted: #8A7B68;
  --text-faint: #B6A892;
  --text-selection: rgba(217, 131, 36, 0.22);

  /* 标题：柴犬橙棕 */
  --h1-color: #B5651D;
  --h2-color: #C07A2B;
  --h3-color: #9C6B3E;
  --h4-color: #8A6A4A;
  --h5-color: #8A6A4A;
  --h6-color: #8A6A4A;

  /* ---------- 3. 强调色：柴犬琥珀 ---------- */
  --accent-h: 28;
  --accent-s: 76%;
  --accent-l: 52%;
  --accent: #D98324;
  --accent-rgb: 217, 131, 36;
  --interactive-accent: #D98324;
  --interactive-accent-hover: #C2731B;
  --interactive-accent-active: #B5651D;

  --text-accent: #C0732A;
  --text-accent-hover: #E08A3C;

  /* ---------- 4. 主题可调参数（--shib-*，若发布页也装 Shiba Inu 则生效） ---------- */
  --shib-card-radius: 14px;
  --shib-table-thickness: 2px;
  --shib-table-highlight-opacity: 0.55;
  --shib-callout-fold-position: 1;
  --shib-colorful-folders-opacity: 1;
  --shib-colorful-folders-radius: 8px;
  --shib-italic-color: #9C6B3E;
  --shib-bold-color: #B5651D;
}

/* ============================================================================
   组件级优化（浅色模式）
   ========================================================================== */
body.theme-light {

  /* ----- 标签 #N5 / #课标 胶囊样式 ----- */
  .tag {
    background-color: rgba(217, 131, 36, 0.14);
    color: #B5651D;
    border-radius: 1em;
    padding: 1px 9px;
    font-size: 0.78em;
    font-weight: 600;
    line-height: 1.6;
  }
  .tag:hover {
    background-color: rgba(217, 131, 36, 0.24);
    color: #8A4E12;
    text-decoration: none;
  }

  /* ----- 行内代码 ----- */
  code,
  .cm-inline-code {
    background-color: #F0E4D2;
    color: #9C6B3E;
    border-radius: 4px;
    padding: 1px 5px;
  }

  /* ----- 内部链接（wikilink） ----- */
  .internal-link {
    color: var(--text-accent);
    text-decoration: none;
  }
  .internal-link:hover {
    color: var(--text-accent-hover);
    text-decoration: underline;
  }

  /* ----- 引用块：左侧琥珀竖线 + 淡暖底 ----- */
  blockquote {
    border-left: 3px solid var(--accent);
    background-color: rgba(217, 131, 36, 0.05);
    border-radius: 0 8px 8px 0;
    padding: 4px 14px;
    color: var(--text-normal);
  }

  /* ----- Callout：统一淡暖底，标题用强调色 ----- */
  .callout {
    background-color: rgba(59, 51, 43, 0.035);
    border-radius: 10px;
  }
  .callout-title {
    color: var(--h2-color);
    font-weight: 600;
  }

  /* ----- 表格：圆角外框 + 暖色表头 + 斑马纹 ----- */
  .markdown-preview-view table,
  .markdown-rendered table {
    border: 1px solid var(--background-modifier-border);
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
  }
  .markdown-preview-view th,
  .markdown-rendered th {
    background-color: #F0E4D2;
    color: var(--text-normal);
    font-weight: 600;
    border-bottom: 2px solid var(--background-modifier-border);
  }
  .markdown-preview-view td,
  .markdown-rendered td {
    border-top: 1px solid var(--background-modifier-border);
  }
  .markdown-preview-view tbody tr:nth-child(even),
  .markdown-rendered tbody tr:nth-child(even) {
    background-color: rgba(217, 131, 36, 0.05);
  }

  /* ----- 侧边栏当前文件高亮（发布页若有导航） ----- */
  .nav-file-title.is-active {
    background-color: rgba(217, 131, 36, 0.14);
    color: var(--text-normal);
    font-weight: 600;
  }

  /* ----- 首页（cssclasses: home）：标题居中放大 ----- */
  .markdown-preview-view.home h1,
  .markdown-source-view.home h1,
  .markdown-rendered.home h1 {
    text-align: center;
    color: var(--h1-color);
    font-size: 2.4em;
    letter-spacing: 0.04em;
    margin-top: 0.4em;
  }
  .markdown-preview-view.home h2,
  .markdown-rendered.home h2 {
    border-bottom: 2px solid rgba(217, 131, 36, 0.25);
    padding-bottom: 0.2em;
  }
}

/* ============================================================================
   背景图：淡彩日落，vault 内 assets/bg-city-faded.png（网页可访问）
   直接铺 body；内容区半透明使背景柔和透出。
   ========================================================================== */
body.theme-light {
  background-color: #FBF6EE;
  background-image: url("assets/bg-city-faded.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* 让正文 / 内容区半透明，背景图淡显，文字保持清晰可读 */
body.theme-light .horizontal-main-container,
body.theme-light .markdown-reading-view,
body.theme-light .markdown-preview-view,
body.theme-light .markdown-rendered,
body.theme-light .markdown-preview-view .markdown-preview-sizer,
body.theme-light .markdown-rendered > * {
  background-color: rgba(251, 246, 238, 0.82) !important;
  background-image: none !important;
}

/* Publish 顶部条（若有）也保持半透明暖色 */
body.theme-light .site-header,
body.theme-light .top-bar {
  background-color: rgba(251, 246, 238, 0.82) !important;
}

/* == BEGIN home-uptime == */
/* 首页「最后更新」日期。
   发布页不执行社区插件，frontmatter 默认以 display:none 的 YAML 块存在于 DOM；
   此处让它显形，并裁切为两行以内的小字卡片。
   全库仅首页含 frontmatter，故该块实际只出现在首页。 */
.publish-renderer pre.frontmatter.language-yaml{
  display: block !important;
  margin: 0 0 1.5em;
  padding: .3em .75em;
  max-height: 2.4em;
  overflow: hidden;
  font-family: var(--font-monospace);
  font-size: .72rem;
  line-height: 1.2;
  color: var(--text-faint);
  background: var(--background-secondary);
  border: none;
  border-left: 3px solid var(--interactive-accent);
  border-radius: 4px;
  opacity: .9;
}
/* == END home-uptime == */