/* 天象预报模块样式（指令 06 的 astro-style.css）｜多端适配（桌面 / 平板 / 手机）｜配色贴合站点国风
 *
 * ★ v1.2.0：由 assets/astro.css 改名而来（对齐指令 06 的文件名），并补上
 *   单页/归档包装层、面包屑、关联标签、溯源行、自动内链、页级声明块等新元素的样式。
 *   所有选择器都带 kcj-astro- 前缀，不改动主题（Seedlet）的既有类名。
 */

/* 容器：三块内容区共用一套设计变量 */
.kcj-astro-today, .kcj-astro-list, .kcj-astro-detail {
  --kcj-ink: #2b2b2b;
  --kcj-cinnabar: #9e3b30;
  --kcj-line: #e4ddcf;
  --kcj-bg: #fbf7ef;
  --kcj-card: #ffffff;
  color: var(--kcj-ink);
  font-family: "Noto Serif SC", "Songti SC", "SimSun", serif;
  line-height: 1.8;
  max-width: 960px;
  margin: 0 auto;
  padding: 16px;
}

/* 单页 / 归档的整页包装（含 get_header 之后的区域） */
.kcj-astro-main { padding: 8px 0 40px; }
.kcj-astro-wrap { max-width: 960px; margin: 0 auto; padding: 0 16px; }
.kcj-astro-breadcrumb { font-size: 13px; color: #888; margin: 8px 0 14px; }
.kcj-astro-breadcrumb a { color: var(--kcj-cinnabar); text-decoration: none; }
.kcj-astro-breadcrumb span { margin: 0 6px; color: #bbb; }
.kcj-astro-archive-head h1 { font-size: 22px; color: var(--kcj-cinnabar); margin: 0 0 6px; }
.kcj-astro-archive-head .kcj-astro-note { margin-top: 0; }

.kcj-astro-h3, .kcj-astro-title { color: var(--kcj-cinnabar); }
.kcj-astro-title { font-size: 24px; line-height: 1.4; }
.kcj-astro-city { font-size: 13px; color: #888; margin-left: 8px; font-weight: normal; }

/* 元信息行（坐标口径 / 方法 / 星历 / ΔT 等溯源信息） */
.kcj-astro-meta { font-size: 13px; color: #777; margin: 6px 0 12px; }
.kcj-astro-provenance { border-left: 3px solid var(--kcj-line); padding-left: 8px; }

/* 网格：默认 2 列，手机 1 列 */
.kcj-astro-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 12px;
}
.kcj-astro-card {
  background: var(--kcj-card);
  border: 1px solid var(--kcj-line);
  border-radius: 8px;
  padding: 12px 14px;
}
.kcj-astro-card h4 { margin: 0 0 8px; color: var(--kcj-cinnabar); font-size: 16px; }
.kcj-astro-card ul { margin: 0; padding-left: 18px; }
.kcj-astro-card li { margin-bottom: 4px; font-size: 14px; }
.kcj-astro-card table { width: 100%; border-collapse: collapse; font-size: 14px; }
.kcj-astro-card th, .kcj-astro-card td { border-bottom: 1px solid var(--kcj-line); padding: 4px 6px; text-align: left; }

/* 预告列表 */
.kcj-astro-intro { font-size: 14px; color: #666; }
.kcj-astro-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.kcj-astro-tab {
  border: 1px solid var(--kcj-line);
  background: var(--kcj-bg);
  color: var(--kcj-ink);
  padding: 6px 14px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
}
.kcj-astro-tab:hover { border-color: var(--kcj-cinnabar); }
.kcj-astro-tab.is-active { background: var(--kcj-cinnabar); color: #fff; border-color: var(--kcj-cinnabar); }
.kcj-astro-cards { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.kcj-astro-cards .kcj-astro-card a { color: var(--kcj-cinnabar); text-decoration: none; font-size: 15px; }
.kcj-astro-cards .kcj-astro-card a:hover { text-decoration: underline; }
.kcj-astro-time { display: block; font-size: 13px; color: #888; margin: 2px 0; }

/* 详情页参数表 */
.kcj-astro-params { width: 100%; border-collapse: collapse; font-size: 14px; }
.kcj-astro-params th, .kcj-astro-params td { border: 1px solid var(--kcj-line); padding: 6px 10px; text-align: left; vertical-align: top; }
.kcj-astro-params th { background: var(--kcj-bg); width: 30%; }
.kcj-astro-block { margin: 18px 0; }
.kcj-astro-block h2 { font-size: 17px; color: var(--kcj-cinnabar); border-left: 4px solid var(--kcj-cinnabar); padding-left: 8px; }
.kcj-astro-block blockquote {
  margin: 8px 0;
  padding: 8px 12px;
  background: var(--kcj-bg);
  border-left: 3px solid var(--kcj-line);
  font-size: 14px;
}
.kcj-astro-ref { font-size: 13px; color: #666; }

/* 古今对照 / 关联 */
.kcj-astro-related { list-style: none; padding: 0; margin: 8px 0 0; font-size: 14px; }
.kcj-astro-related li { padding: 5px 0; border-bottom: 1px dotted var(--kcj-line); }
.kcj-astro-related a { color: var(--kcj-cinnabar); }
.kcj-astro-reltag {
  display: inline-block;
  font-size: 11.5px;
  line-height: 1.6;
  padding: 0 6px;
  margin-right: 6px;
  border-radius: 3px;
  background: var(--kcj-bg);
  border: 1px solid var(--kcj-line);
  color: #777;
}
.kcj-astro-reltag-alt { border-style: dashed; color: #999; }
.kcj-astro-related-block .kcj-astro-note { margin-top: 0; }

/* 自动内链（指令 08；默认关闭，开启后由 the_content 注入） */
.kcj-astro-inlink { color: var(--kcj-cinnabar); text-decoration: none; border-bottom: 1px dotted currentColor; }

/* 声明与占位 */
.kcj-astro-disclaimer {
  font-size: 12.5px;
  color: #999;
  border-top: 1px dashed var(--kcj-line);
  padding-top: 10px;
  margin-top: 16px;
}
.kcj-astro-disclaimer-block { margin-top: 18px; }
.kcj-astro-special { background: #fff4e6; border: 1px solid #ffd8a8; border-radius: 6px; padding: 8px 10px; font-size: 14px; }
.kcj-astro-special ul { margin: 6px 0 0; padding-left: 18px; }
.kcj-astro-special a { color: var(--kcj-cinnabar); }
.kcj-astro-note { font-size: 12.5px; color: #888; }
.kcj-astro-nodata, .kcj-astro-error { font-size: 14px; color: #888; }
.kcj-astro-error { color: var(--kcj-cinnabar); }
.kcj-astro-fallback { font-size: 14px; }

/* 多端适配 */
@media (max-width: 640px) {
  .kcj-astro-grid { grid-template-columns: 1fr; }
  .kcj-astro-today, .kcj-astro-list, .kcj-astro-detail { padding: 10px; }
  .kcj-astro-card li, .kcj-astro-card table, .kcj-astro-cards .kcj-astro-card a { font-size: 13px; }
  .kcj-astro-title { font-size: 20px; }
  .kcj-astro-tabs { gap: 6px; }
  .kcj-astro-tab { padding: 5px 10px; font-size: 13px; }
  .kcj-astro-params th { width: 38%; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  .kcj-astro-grid { grid-template-columns: repeat(2, 1fr); }
}
