/* ============================================================================
   紫微本地站 · 术数质感层（assets/ink.css）
   加载顺序：shared.css → glass.css → mobile.css → ink.css（ink-inject.mjs 注入那一行）
   规矩：只写视觉属性，不改布局；不用强覆盖声明；不加模糊滤镜；不新增固定定位图层。
   色值只读 shared.css 的令牌（宣纸 --paper / 松烟 --ink / 黛青 --jade / 藤黄 --gold / 朱砂 --zw-seal）。
   ============================================================================ */

/* --- 1 · 标题衬线 -----------------------------------------------------------
   术数文本的传统面孔是刻本宋体：标题、盘心、宫名走衬线，正文仍是无衬线，
   只在「被当作榜题看」的地方换字体，整页不会变成古籍扫描。 */
h1,h2,.prose h2,.center .big,.pname{font-family:var(--zw-serif)}
h1{letter-spacing:.02em}

/* --- 2 · 朱砂印章 -----------------------------------------------------------
   站名后的闲章：红地白文三爻（☲ 离），26px 只够认出「这是一方印」，
   再大就抢标题，再小就糊成一团红。≤480px 收起，手机标题行窄，印会挤到换行。 */
h1::after{content:"";display:inline-block;width:26px;height:26px;margin-left:10px;vertical-align:-2px;background:url("seal.svg") center/contain no-repeat}
@media (max-width:480px){h1::after{display:none}}

/* --- 3 · 宫格金线 -----------------------------------------------------------
   十二宫用 1px 藤黄内线「裱」起来，像罗盘上的界格：线是分隔，不是边框，
   所以只有 18% 浓度；宫名拉开 .12em，让「命宫」「身宫」二字有刻字的间距。 */
.pal{box-shadow:inset 0 0 0 1px rgba(176,138,46,.18)}
.pname,.ft .pname{letter-spacing:.12em}
/* 四角短角标：桌面才出现，8px 的 L 形折角是书页的「角标」，不是完整外框。
   绝对定位在 .pal 内部，不动它的内联 grid-area 与 flex 布局。 */
@media (min-width:1000px){
  .pal::before,.pal::after{content:"";position:absolute;width:8px;height:8px;opacity:.35;pointer-events:none;color:var(--gold)}
  .pal::before{left:3px;top:3px;border-left:1px solid;border-top:1px solid}
  .pal::after{right:3px;bottom:3px;border-right:1px solid;border-bottom:1px solid}
}

/* --- 4 · 纸面纹理 -----------------------------------------------------------
   96px 一块六爻（上离下坎，火水未济——问卦正当事未成之际），填色 --ink 的 2%：
   远看是纸的纤维感，近看才认出是卦；比点阵更像「纸上印过东西」。
   用 body 的 background-image 叠，不新建固定定位的层。 */
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='%23221d18' fill-opacity='.02'%3E%3Cpath d='M32 28h32v2H32z'/%3E%3Cpath d='M32 36h13v2H32zM51 36h13v2H51z'/%3E%3Cpath d='M32 44h32v2H32z'/%3E%3Cpath d='M32 52h13v2H32zM51 52h13v2H51z'/%3E%3Cpath d='M32 60h32v2H32z'/%3E%3Cpath d='M32 68h13v2H32zM51 68h13v2H51z'/%3E%3C/g%3E%3C/svg%3E");background-size:96px 96px}
/* shared.css 的 body::before 是一整块不透明纸底（玻璃层的地基），会把 body 的纹理整块盖住；
   这里只让出它的底色，纸色仍由 body 的 background-color 提供，纸晕渐变原样保留。 */
body::before{background-color:transparent}

/* --- 5 · 中宫主视觉 ---------------------------------------------------------
   盘心是整张盘的「题眼」：日期放大到 18px，首行（农历）换宋体，
   五行局与命主/身主两行加重——这三项是排盘时先被读的判据，其余行保持轻。 */
.center .big{font-size:18px}
.center .kv>dt:first-of-type,.center .kv>dd:first-of-type{font-family:var(--zw-serif)}
.center .kv>dt:nth-child(5),.center .kv>dt:nth-child(7){color:var(--jade)}
.center .kv>dd:nth-child(6),.center .kv>dd:nth-child(8){font-weight:600;color:var(--ink)}

/* --- 6 · 按钮手感 -----------------------------------------------------------
   按下是「落印」：下沉 1px，内描边收成朱砂色；hover 不加红框，避免整排按钮发红。 */
button:active,.btn:active{transform:translateY(1px);box-shadow:0 0 0 1px var(--zw-seal) inset}
@media (prefers-reduced-motion:reduce){button:active,.btn:active{transform:none}}

/* --- 7 · 打印 ---------------------------------------------------------------
   纸面纹理与印章是屏幕上的「纸味」，打到纸上就是脏点与错位红块，一律关掉。 */
@media print{h1::after{display:none}body{background:#fff}}