/* 神佛诞辰总览 —— 名录，不是日历
   ============================================================
   这一页要读的是「一年里都有谁的日子」，不是「今天几号」。
   故整页不用卡片：卡片是「一件东西」，名录是一张纸上的条目。
   分隔靠细线，靠月与月之间的空处，不靠一格一格的底。

   层级只有三层：月的名字、日的名字、神的名字。
   再往下（体系、性质）一律退成小字，它们是注，不是第四个层级。
   全篇用金只有两处：章头的月名、页头的标题 —— 金只指路，不铺地。
*/

/* ---------------- 页头 ---------------- */
.sn-head{
  margin: 0 20px 16px;
  padding: 2px 0 20px;
  text-align: center;
  border-bottom: 1px solid var(--line);
}
.sn-title{
  margin: 0 0 10px;
  font-family: var(--serif);
  font-size: 27px; font-weight: 400;
  letter-spacing: .26em; text-indent: .26em;   /* 字距会把整行推左，缩进补回来 */
  color: var(--gold-hi);
}
.sn-sub{
  margin: 0 0 13px;
  font-size: 11.5px; letter-spacing: .10em;
  color: var(--text-3);
}
/* 总数不做成大数字：这一页不是看板，是书的目录页，
   数字只交代「收了这么多条」，不超过一行。 */
.sn-total{
  margin: 0;
  font-size: 10.5px; letter-spacing: .16em;
  color: rgba(201,169,97,.58);
}

/* ---------------- 月序：十二章 ----------------
   十二个字，一行放全，不横滚。
   月份是固定的十二个，藏起一半让人去划，等于把目录撕成两半 ——
   目录的第一要务是「一眼看到全部」。故条数从这一行撤掉（各段章头已有），
   省下来的宽度换十二字齐整：正 二 三 四 五 六 七 八 九 十 冬 腊，
   像书口上的一排书签。 */
.sn-index{
  display: flex;
  margin: 0 16px 24px;
  padding: 10px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.sn-m{
  flex: 1;
  display: flex; align-items: center; justify-content: center;
  padding: 5px 0;
  border-radius: 6px;
  text-decoration: none;
  transition: background .18s;
}
.sn-m b{
  font-family: var(--serif);
  font-size: 15px; font-weight: 400;
  letter-spacing: .02em;
  color: var(--text-2);
}
.sn-m:active{ background: rgba(201,169,97,.09); }

/* ---------------- 一个月一段 ---------------- */
.sn-month{ margin: 0 20px 30px; scroll-margin-top: 12px; }
.sn-month-hd{
  display: flex; align-items: baseline; gap: 11px;
  padding-bottom: 10px;
  margin-bottom: 1px;
  border-bottom: 1px solid var(--line-mid);
}
.sn-month-hd b{
  font-family: var(--serif);
  font-size: 17px; font-weight: 400;
  letter-spacing: .20em;
  color: var(--gold-hi);
}
.sn-month-hd i{
  flex: 1; height: 1px;
  background: linear-gradient(to right, var(--line), transparent);
}
.sn-month-hd em{
  font-style: normal;
  font-size: 10px; letter-spacing: .08em;
  color: var(--text-3);
}

/* 一天一组：日名在左，神名成列。
   同一天有几位就排几行，日名只写一次 ——
   若每行都重写「正月初一」，读起来就是一串重复，还不如看月历。 */
.sn-day{
  display: grid;
  grid-template-columns: 3.4em 1fr;
  gap: 0 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.032);
}
.sn-day:last-child{ border-bottom: 0; }
.sn-day-k{
  padding-top: 3px;
  font-family: var(--serif);
  font-size: 12px; letter-spacing: .06em;
  color: var(--text-3);
}
/* 名录里的条目去掉每行那道线：一行就是一条，线在这儿成了栅栏。
   末一位「释」是这一行可点的记号，与详情页同一处笔法。 */
.sn-day .sn-item{
  border-bottom: 0;
  padding: 4px 0;
  grid-template-columns: 1.1em 1fr auto auto;
  gap: 9px;
}
.sn-day .sn-item b{ font-size: 14px; }

/* 节气那三位没有农历日，单列在最后。
   不套框：整页都是「章头 + 条目」的结构，这里一加框就成了插入的一张卡片，
   而这三位并不是另一类东西，只是另一种计日方式 —— 同一副样子，才读得出是续篇。 */
.sn-terms{ margin: 0 20px 30px; }
.sn-terms h3{
  margin: 0 0 2px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line-mid);
  font-family: var(--serif);
  font-size: 13px; font-weight: 400;
  letter-spacing: .20em;
  color: var(--gold-hi);
}
.sn-terms p{
  margin: 13px 0 0;
  font-size: 11.5px; line-height: 1.85;
  color: var(--text-3);
}

/* ---------------- 载入与空 ---------------- */
.sn-loading{
  padding: 56px 0;
  text-align: center;
  font-size: 12px;
  color: var(--text-3);
  letter-spacing: .08em;
}