/* ─────────── 起卦（梅花 / 六爻）─────────── */
.coin-area { background: var(--panel); border: 1px solid var(--line-soft); border-radius: var(--radius); padding: 14px; }
.yao-slots { display: flex; flex-direction: column-reverse; gap: 7px; }
.yao-slot {
  display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 10px;
  background: var(--sur-1); border: 1px solid transparent; min-height: 38px;
}
.yao-slot.filled { border-color: rgba(201,162,39,.25); background: rgba(201,162,39,.06); }
.yao-slot .pos { font-size: 11px; color: var(--fg-dim); width: 34px; flex: none; }
.yao-slot .name { font-size: 12.5px; color: var(--gold-bright); flex: 1; }
.yao-slot .coins { font-size: 15px; letter-spacing: 1px; }
.yao-slot .empty { font-size: 12px; color: rgba(154,147,132,.5); flex: 1; }

/* 爻线：阳爻一整条，阴爻两段 */
.yao-line { display: inline-flex; align-items: center; gap: 4px; width: 54px; flex: none; }
.yao-line i { display: block; height: 7px; border-radius: 3px; background: linear-gradient(90deg, var(--gold), var(--gold-deep)); }
.yao-line.yang i { width: 54px; }
.yao-line.yin i { width: 24px; }
.yao-line.dong i { background: linear-gradient(90deg, var(--cinnabar), var(--cinnabar-deep)); box-shadow: 0 0 8px rgba(179,58,58,.6); }

/* 卦象展示 */
.gua-result { margin-top: 18px; }
.gua-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gua-box { background: var(--panel); border: 1px solid var(--line-soft); border-radius: 12px; padding: 12px; text-align: center; }
.gua-box.main { grid-column: 1 / -1; border-color: var(--acc-shadow); background: rgba(201,162,39,.06); }
.gua-box .gname { font-family: "KaiTi", "STKaiti", serif; font-size: 19px; color: var(--gold-bright); letter-spacing: 1px; }
.gua-box .gsym { font-size: 30px; line-height: 1.2; color: var(--gold); }
.gua-box .gsub { font-size: 11px; color: var(--fg-dim); margin-top: 2px; }
.gua-box .gci { font-size: 12.5px; color: var(--fg); margin-top: 6px; line-height: 1.6; text-align: left; }
.gua-lines { display: flex; flex-direction: column; gap: 5px; margin-top: 8px; }
.gua-lines .row-line { display: flex; align-items: center; gap: 8px; justify-content: center; }
.gua-lines .tagline { font-size: 10.5px; color: var(--fg-dim); min-width: 44px; text-align: left; }

/* 六爻表 */
.ly-table { display: flex; flex-direction: column; gap: 5px; }
.ly-row {
  display: grid; grid-template-columns: 42px 62px 1fr 62px 40px; gap: 6px; align-items: center;
  padding: 7px 8px; border-radius: 9px; background: var(--sur-1); font-size: 12.5px;
}
.ly-row.dong { background: rgba(179,58,58,.1); border: 1px solid rgba(179,58,58,.25); }
.ly-row.shi { box-shadow: inset 3px 0 0 var(--gold); }
.ly-row.ying { box-shadow: inset 3px 0 0 var(--violet); }
.ly-row .shen { color: var(--fg-dim); font-size: 11.5px; }
.ly-row .gz { font-family: "KaiTi", serif; font-size: 15px; color: var(--gold-bright); }
.ly-row .qin { color: var(--fg); }
.ly-row .mark { font-size: 10.5px; color: var(--cinnabar); text-align: right; }
.ly-row .bian { font-size: 11px; color: var(--fg-dim); }
.ly-head { display: grid; grid-template-columns: 42px 62px 1fr 62px 40px; gap: 6px; padding: 0 8px 4px; font-size: 10.5px; color: var(--fg-dim); }
.kv-note { font-size: 12.5px; color: var(--fg-dim); line-height: 1.75; margin-top: 8px; }
.kv-note b { color: var(--gold-bright); }

/* 使用场景提示 */
.gua-tip {
  background: var(--sur-1); border: 1px dashed var(--line-soft); border-left: 3px solid var(--gold);
  border-radius: 10px; padding: 10px 12px; font-size: 12.5px; color: var(--fg-dim);
  line-height: 1.75; margin: 4px 0 2px;
}
.gua-tip b { color: var(--gold-bright); }

/* 梅花易数 · 结果卡 */
.mh-verdict { margin-top: 14px; border-radius: 14px; padding: 14px 16px; border: 1px solid var(--line-soft); background: var(--panel); }
.mh-verdict.v-ji { border-color: rgba(201,162,39,.45); background: linear-gradient(180deg, rgba(201,162,39,.10), rgba(201,162,39,.03)); }
.mh-verdict.v-xiong { border-color: rgba(179,58,58,.42); background: linear-gradient(180deg, rgba(179,58,58,.10), rgba(179,58,58,.03)); }
.mh-verdict .mv-q { font-size: 12.5px; color: var(--fg-dim); margin-bottom: 9px; }
.mh-verdict .mv-q b { color: var(--fg); }
.mv-head { display: flex; align-items: baseline; gap: 10px; }
.mv-tag { font-size: 11px; color: #fff; background: var(--gold); border-radius: 6px; padding: 2px 8px; flex: none; }
.mv-result { font-family: "KaiTi", "STKaiti", serif; font-size: 25px; font-weight: 700; letter-spacing: 1px; line-height: 1.1; }
.mh-verdict.v-ji .mv-result { color: var(--gold-bright); }
.mh-verdict.v-xiong .mv-result { color: var(--cinnabar); }
.mh-verdict.v-warn .mv-result { color: var(--earth); }
.mh-verdict.v-warn { border-color: rgba(217,168,92,.45); background: linear-gradient(180deg, rgba(217,168,92,.10), rgba(217,168,92,.03)); }
.mh-verdict.v-flat .mv-result { color: var(--fg); }
.mv-advice { font-size: 13.5px; color: var(--fg); line-height: 1.85; margin-top: 10px; }
.mv-note { font-size: 12px; color: var(--fg-dim); margin-top: 9px; line-height: 1.65; }

/* 每日运势 · 今日问事 */
.dq-panel { margin-top: 14px; }
.dq-gua {
  background: var(--sur-1); border: 1px solid var(--line-soft); border-radius: 10px;
  padding: 10px 12px; font-size: 12.5px; line-height: 1.9;
}
.dq-gua .dqg-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 8px; }
.dq-gua .dqg-row + .dqg-row { margin-top: 4px; }
.dq-gua .dqg-k { color: var(--fg-dim); font-size: 11.5px; }
.dq-gua b { color: var(--fg); }
.dq-gua b.good { color: var(--gold-bright); }
.dq-gua b.bad { color: var(--cinnabar); }