.摇卦输入区 {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(138, 114, 73, 0.18);
  background: rgba(255, 252, 246, 0.78);
}

.摇卦网格 {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.摇卦行 {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 10px;
  align-items: center;
}

.摇卦爻名 {
  color: #645845;
  font-size: 14px;
  text-align: left;
}

.摇卦三枚 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

:root {
  --正文: #2a241b;
  --次文: #645845;
  --主色: #8a321f;
  --主色浅: #f1e1d3;
  --描边: #d9caa7;
  --卡片: rgba(255, 252, 245, 0.84);
  --卡片深: rgba(255, 252, 245, 0.9);
  --阴影: 0 20px 46px rgba(60, 50, 28, 0.12);
  --圆角: 22px;
  --成功: #1d6b43;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  color: var(--正文);
  font-family: "PingFang SC", "Noto Serif SC", "Songti SC", serif;
  background:
    linear-gradient(rgba(250, 246, 238, 0.56), rgba(247, 242, 233, 0.72)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1200'%3E%3Cdefs%3E%3ClinearGradient id='sky' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23d8eef2'/%3E%3Cstop offset='55%25' stop-color='%23f7efe2'/%3E%3Cstop offset='100%25' stop-color='%23eef2df'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='1200' fill='url(%23sky)'/%3E%3Cpath d='M0 1030 C200 1015 320 1010 470 1022 C650 1038 860 1036 1040 1020 C1210 1004 1370 1004 1600 1025 L1600 1200 L0 1200 Z' fill='%2390d7d7' opacity='0.7'/%3E%3Cpath d='M0 960 C240 930 420 928 610 950 C830 976 1050 978 1235 954 C1380 936 1490 935 1600 950 L1600 1200 L0 1200 Z' fill='%2379cfd0' opacity='0.55'/%3E%3Cg opacity='0.55'%3E%3Cpath d='M-30 520 C50 380 120 220 220 170 C300 130 350 150 420 305 C500 480 560 610 700 650 C820 685 955 620 1095 420 C1190 286 1260 155 1350 128 C1428 104 1485 165 1560 332 C1610 440 1645 515 1680 555 L1680 760 L-30 760 Z' fill='%2399c2ae'/%3E%3Cpath d='M-30 600 C85 510 160 320 275 260 C360 215 425 236 500 370 C585 523 675 622 790 650 C905 678 1030 626 1160 468 C1252 356 1305 250 1390 220 C1468 192 1535 250 1610 385 L1610 780 L-30 780 Z' fill='%237ba58e'/%3E%3C/g%3E%3Cg opacity='0.82'%3E%3Cpath d='M28 750 C60 710 88 625 116 555 C130 520 148 480 175 468 C208 452 240 490 262 548 C285 610 302 674 330 735 C352 782 372 816 410 860 L0 860 L0 790 C12 780 20 764 28 750 Z' fill='%239e8c72'/%3E%3Cpath d='M126 500 C165 500 193 536 216 600 C238 660 258 715 285 764 C298 788 313 808 334 832 L200 836 C176 786 154 735 132 670 C110 606 108 560 126 500 Z' fill='%23f8fbfb' opacity='0.92'/%3E%3Cpath d='M1200 520 C1245 445 1288 332 1348 302 C1412 270 1466 315 1506 415 C1544 512 1566 633 1600 736 L1600 902 L1120 902 C1166 840 1188 780 1210 718 C1232 656 1248 596 1200 520 Z' fill='%239d8d72'/%3E%3Cpath d='M1312 332 C1355 332 1390 380 1420 465 C1455 565 1484 660 1528 750 C1540 774 1554 796 1574 826 L1452 828 C1426 782 1401 720 1372 636 C1338 538 1290 398 1312 332 Z' fill='%23f9fcfc' opacity='0.92'/%3E%3C/g%3E%3Cg opacity='0.32'%3E%3Cpath d='M115 168 C210 118 292 98 386 112' stroke='%2377ab76' stroke-width='16' stroke-linecap='round' fill='none'/%3E%3Cpath d='M1240 104 C1318 104 1394 126 1488 186' stroke='%23d28a9e' stroke-width='12' stroke-linecap='round' fill='none'/%3E%3C/g%3E%3Cg opacity='0.65'%3E%3Cellipse cx='760' cy='500' rx='360' ry='285' fill='%23fff8ee'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.背景底图,
.背景遮罩 {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

.背景底图 {
  background:
    radial-gradient(circle at 50% 34%, rgba(255, 250, 243, 0.52), rgba(255, 250, 243, 0.08) 42%, transparent 62%),
    radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.14), transparent 25%),
    radial-gradient(circle at 86% 18%, rgba(255, 240, 245, 0.12), transparent 24%);
}

.背景遮罩 {
  background: linear-gradient(180deg, rgba(255, 251, 245, 0.2), rgba(255, 251, 245, 0.34));
}

#root {
  position: relative;
  z-index: 1;
}

.页面 {
  max-width: 1120px;
  margin: 0 auto;
  padding: 26px 16px 44px;
}

.视图 {
  display: grid;
  justify-items: center;
}

.卡片 {
  width: 100%;
  background: var(--卡片);
  border: 1px solid rgba(138, 114, 73, 0.18);
  border-radius: var(--圆角);
  box-shadow: var(--阴影);
  backdrop-filter: blur(10px);
}

.表单主卡 {
  max-width: 760px;
  padding: 22px;
}

.表单抬头 {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
  text-align: left;
  justify-items: start;
}

.表单抬头 h1 {
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 40px);
  letter-spacing: 0.04em;
}

.表单抬头 p {
  margin: 0;
  color: var(--次文);
  line-height: 1.7;
}

.当前时卡 {
  justify-self: start;
  min-width: 280px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 252, 246, 0.76);
  border: 1px solid rgba(138, 114, 73, 0.16);
  text-align: left;
}

.时间标签 {
  font-size: 13px;
  color: var(--次文);
  margin-bottom: 4px;
}

.时间值 {
  font-size: clamp(22px, 3.5vw, 32px);
  color: var(--主色);
  font-weight: 700;
  line-height: 1.2;
}

.表单内容 {
  display: grid;
  gap: 0;
}

.字段 {
  display: grid;
  gap: 7px;
  margin-bottom: 14px;
}

.字段 label,
.小标题 {
  color: var(--次文);
  font-size: 15px;
  text-align: left;
}

textarea,
select,
input[type="datetime-local"] {
  width: 100%;
  padding: 11px 13px;
  border: 1px solid var(--描边);
  border-radius: 13px;
  background: rgba(255, 252, 246, 0.9);
  color: var(--正文);
  font: inherit;
}

textarea {
  min-height: 112px;
  resize: vertical;
  line-height: 1.7;
}

.单选组,
.按钮组 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.单选项 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid var(--描边);
  background: rgba(255, 252, 246, 0.9);
}

.主按钮,
.次按钮 {
  border: 0;
  border-radius: 13px;
  padding: 11px 16px;
  font: inherit;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.主按钮:hover,
.次按钮:hover {
  transform: translateY(-1px);
}

.主按钮 {
  background: linear-gradient(135deg, #7c2b1d, #ac5039);
  color: #fff9f6;
  box-shadow: 0 12px 24px rgba(138, 50, 31, 0.22);
}

.次按钮 {
  background: var(--主色浅);
  color: var(--主色);
}

.主按钮:disabled,
.次按钮:disabled {
  opacity: 0.62;
  cursor: default;
  transform: none;
}

.摇卦占位 {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px dashed rgba(138, 114, 73, 0.35);
  background: rgba(255, 252, 246, 0.72);
}

.摇卦标题 {
  margin-bottom: 4px;
  font-weight: 600;
}

.摇卦说明 {
  color: var(--次文);
  font-size: 14px;
  line-height: 1.6;
}

.状态 {
  min-height: 22px;
  margin-top: 10px;
  font-size: 14px;
  color: var(--次文);
}

.状态.error {
  color: #972f22;
}

.状态.success {
  color: var(--成功);
}

.结果顶栏 {
  position: sticky;
  top: 14px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  padding: 14px 16px;
  background: var(--卡片深);
  text-align: left;
}

.按钮组右 {
  justify-content: flex-end;
}

.结果主区 {
  display: grid;
  gap: 14px;
  width: 100%;
  max-width: 1120px;
}

.结果卡 {
  padding: 16px;
}

.结果卡紧凑 {
  padding: 14px;
}

.结果头 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  text-align: left;
}

.结果头紧凑 {
  margin-bottom: 10px;
}

.结果头 h2 {
  margin: 0 0 4px;
  font-size: 22px;
}

.结果头 p {
  margin: 0;
  color: var(--次文);
  font-size: 14px;
  line-height: 1.6;
}

.盘头网格 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 10px;
  margin-bottom: 12px;
}

.盘头项,
.参数项 {
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(138, 114, 73, 0.14);
  background: rgba(244, 236, 220, 0.62);
  text-align: left;
}

.盘头名 {
  margin-bottom: 3px;
  color: var(--次文);
  font-size: 12px;
}

.盘头值 {
  font-size: 14px;
  line-height: 1.5;
}

.参数网格 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.参数项天将 {
  grid-column: 1 / -1;
  background: rgba(247, 242, 233, 0.58);
  border-style: dashed;
}

.盘头值天将 {
  line-height: 1.35;
}

.盘头值天将 > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 4px 12px;
}

.盘头值天将 > div > div {
  padding: 1px 0;
  color: rgba(70, 56, 39, 0.92);
}

.六爻台 {
  --六爻列宽: 1.18fr 0.86fr 1.26fr 0.68fr 0.68fr 1.26fr;
  border: 1px solid rgba(138, 114, 73, 0.18);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 252, 246, 0.88);
}

.六爻台头,
.六爻行 {
  display: grid;
  grid-template-columns: var(--六爻列宽);
}

.六爻台头 {
  background: rgba(244, 236, 220, 0.82);
  color: var(--次文);
  font-size: 16px;
  font-weight: 650;
  min-height: 56px;
  align-items: center;
}

.六爻台头 > div,
.六爻行 > div {
  padding: 10px 8px;
  border-bottom: 1px solid rgba(138, 114, 73, 0.14);
}

.六爻行:last-child > div {
  border-bottom: 0;
}

.列头 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.03em;
}

.伏神列 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 76px;
  text-align: center;
}

.爻位 {
  color: var(--次文);
  font-size: 15px;
  line-height: 1.25;
  text-align: center;
}

.伏神值 {
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
}

.六神列,
.世应列,
.动静列 {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.列单字 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  line-height: 1.2;
  text-align: center;
}

.本卦列,
.变卦列 {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.卦列内 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  text-align: center;
  min-height: 56px;
  width: 100%;
}

.爻主文 {
  margin: 0;
  font-size: 20px;
  line-height: 1.06;
  letter-spacing: 0.04em;
  text-align: center;
}

.爻副文 {
  margin: 0;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
}

.世应徽记,
.动静徽记 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  padding: 2px 8px;
  border-radius: 999px;
  text-align: center;
  font-size: 11px;
  line-height: 1.2;
  border: 1px solid rgba(138, 114, 73, 0.22);
  background: rgba(244, 236, 220, 0.7);
}

.世应徽记.高亮,
.动静徽记.动 {
  background: rgba(138, 50, 31, 0.14);
  color: var(--主色);
  border-color: rgba(138, 50, 31, 0.24);
}

.动静标签行 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.空白占位 {
  display: inline-block;
  width: 1px;
  height: 22px;
  visibility: hidden;
}

.纯文本区 {
  margin-top: 12px;
  border-radius: 15px;
  overflow: hidden;
  background: #1f1a15;
}

.纯文本标题 {
  padding: 10px 14px;
  font-size: 13px;
  color: #f0dfc4;
  background: rgba(255, 255, 255, 0.04);
  text-align: left;
}

.纯文本区 pre {
  margin: 0;
  padding: 14px;
  color: #f7f2e7;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 12px;
  line-height: 1.68;
}

.折叠卡 {
  overflow: hidden;
}

.折叠头 {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  background: rgba(244, 236, 220, 0.4);
}

.折叠头::-webkit-details-marker {
  display: none;
}

.折叠标题 {
  font-size: 18px;
  font-weight: 600;
  color: var(--正文);
}

.折叠说明 {
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--次文);
}

.折叠状态 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  min-width: 60px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  color: rgba(138, 50, 31, 0.78);
  background: rgba(138, 50, 31, 0.06);
  border: 1px solid rgba(138, 50, 31, 0.08);
}

.折叠状态静态 {
  cursor: default;
  box-shadow: none;
}

.折叠内容 {
  padding: 0 14px 14px;
}

.奇门摘要区 {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.奇门摘要 {
  display: grid;
  gap: 6px;
}

.奇门摘要总览 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: stretch;
}

.奇门摘要首层 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.奇门摘要次层 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.奇门摘要总览 .参数项 {
  grid-column: span 3;
  min-height: 72px;
  padding: 10px 12px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(245, 238, 224, 0.72), rgba(241, 233, 216, 0.56));
  border-color: rgba(188, 164, 125, 0.32);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.奇门摘要总览 .参数项宽 {
  grid-column: span 4;
}

.奇门摘要总览 .参数项紧凑 {
  grid-column: span 2;
}

.奇门摘要总览 .盘头名 {
  margin-bottom: 6px;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: rgba(115, 94, 61, 0.88);
}

.奇门摘要总览 .盘头值 {
  font-size: 15px;
  line-height: 1.4;
  color: rgba(47, 39, 27, 0.96);
}

.奇门九宫网格 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  max-width: 820px;
  margin: 0 auto;
  align-items: stretch;
}

.奇门宫位卡 {
  border: 1px solid rgba(138, 114, 73, 0.16);
  border-radius: 14px;
  padding: 8px 9px;
  background: rgba(255, 252, 246, 0.92);
  display: grid;
  gap: 6px;
}

.奇门宫位卡高亮 {
  border-color: rgba(138, 50, 31, 0.28);
  box-shadow: inset 0 0 0 1px rgba(138, 50, 31, 0.08);
}

.奇门宫位卡中宫 {
  background: rgba(247, 243, 235, 0.76);
  border-style: dashed;
  opacity: 0.88;
  align-content: start;
  transform: scale(0.985);
}

.奇门宫位头 {
  display: grid;
  gap: 4px;
}

.奇门宫位标题 {
  display: grid;
  gap: 1px;
  font-size: 15px;
  font-weight: 600;
  color: var(--正文);
}

.奇门宫位副注 {
  font-size: 11px;
  font-weight: 500;
  color: var(--次文);
}

.奇门标记组 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.奇门标记 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 11px;
  border: 1px solid transparent;
}

.奇门标记主标记 {
  color: #7c2d12;
  background: rgba(138, 50, 31, 0.14);
  border-color: rgba(138, 50, 31, 0.22);
  font-weight: 700;
}

.奇门标记警示标记 {
  color: #9a3412;
  background: rgba(198, 111, 36, 0.14);
  border-color: rgba(198, 111, 36, 0.22);
  font-weight: 700;
}

.奇门标记信息标记 {
  color: #6b7280;
  background: rgba(100, 116, 139, 0.06);
  border-color: rgba(100, 116, 139, 0.12);
}

.奇门宫位字段 {
  display: grid;
  gap: 3px;
}

.奇门宫位字段 > div {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  align-items: baseline;
  border-bottom: 1px solid rgba(138, 114, 73, 0.08);
  padding-bottom: 1px;
}

.奇门宫位字段 > div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.奇门宫位模板 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: repeat(4, minmax(18px, auto));
  grid-template-areas:
    "hidden god marks"
    ". star ."
    ". door heaven"
    "palace number earth";
  gap: 2px 4px;
  min-height: 118px;
  padding: 6px 2px 4px;
}

.奇门模板暗干 {
  grid-area: hidden;
  align-self: start;
  justify-self: start;
  font-size: 18px;
  color: rgba(102, 102, 102, 0.9);
}

.奇门模板八神,
.奇门模板九星,
.奇门模板八门,
.奇门模板天盘,
.奇门模板宫名,
.奇门模板地盘 {
  font-weight: 700;
}

.奇门模板八神 {
  grid-area: god;
  align-self: start;
  justify-self: center;
  font-size: 17px;
}

.奇门模板右上 {
  grid-area: marks;
  align-self: start;
  justify-self: end;
  display: flex;
  gap: 4px;
}

.奇门圆记 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.奇门圆记灰 {
  background: #e6e1d6;
  color: #574b3b;
}

.奇门圆记绿 {
  background: #3f8b59;
  color: #fff;
}

.奇门模板九星 {
  grid-area: star;
  align-self: center;
  justify-self: center;
  font-size: 20px;
  letter-spacing: 0.04em;
}

.奇门模板八门 {
  grid-area: door;
  align-self: center;
  justify-self: center;
  font-size: 18px;
}

.奇门模板天盘 {
  grid-area: heaven;
  align-self: center;
  justify-self: center;
  font-size: 18px;
}

.奇门模板宫名 {
  grid-area: palace;
  align-self: end;
  justify-self: start;
  font-size: 18px;
}

.奇门模板宫数 {
  grid-area: number;
  align-self: end;
  justify-self: center;
  font-size: 16px;
  color: var(--次文);
}

.奇门模板地盘 {
  grid-area: earth;
  align-self: end;
  justify-self: center;
  font-size: 18px;
}

.奇门宫位补充 {
  display: grid;
  gap: 3px;
  margin-top: 2px;
}

.奇门宫位补充 > div {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  align-items: baseline;
  border-top: 1px dashed rgba(138, 114, 73, 0.12);
  padding-top: 3px;
}

.奇门宫位补充 .奇门字段名,
.奇门宫位补充 .奇门字段值 {
  font-size: 11px;
}

.奇门字段名 {
  font-size: 11px;
  color: var(--次文);
  line-height: 1.25;
}

.奇门字段值 {
  font-size: 12px;
  color: var(--正文);
  text-align: right;
  line-height: 1.25;
}

.奇门中宫说明 {
  font-size: 11px;
  line-height: 1.45;
  color: var(--次文);
  padding: 2px 0 4px;
  border-bottom: 1px dashed rgba(138, 114, 73, 0.12);
}

@media (min-width: 1081px) {
  .奇门九宫网格 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    max-width: 760px;
  }

  .奇门宫位卡 {
    min-height: 148px;
  }

  .奇门宫位卡中宫 {
    min-height: 148px;
    background: rgba(244, 239, 229, 0.72);
  }
}

@media (max-width: 1080px) {
  .盘头网格,
  .参数网格 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .奇门摘要总览 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .奇门摘要总览 .参数项,
  .奇门摘要总览 .参数项宽 {
    grid-column: span 3;
  }

  .奇门摘要总览 .参数项紧凑 {
    grid-column: span 2;
  }

  .奇门摘要首层,
  .奇门摘要次层,
  .奇门九宫网格 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .页面 {
    padding: 16px 10px 34px;
  }

  .表单主卡,
  .结果卡,
  .结果卡紧凑,
  .结果顶栏 {
    padding: 14px;
  }

  .结果顶栏,
  .按钮组,
  .按钮组右 {
    flex-direction: column;
    align-items: stretch;
  }

  .当前时卡 {
    min-width: 0;
    width: 100%;
  }

  .主按钮,
  .次按钮 {
    width: 100%;
  }

  .盘头网格,
  .参数网格 {
    grid-template-columns: 1fr;
  }

  .奇门摘要总览 {
    grid-template-columns: 1fr;
  }

  .奇门摘要总览 .参数项,
  .奇门摘要总览 .参数项宽,
  .奇门摘要总览 .参数项紧凑 {
    grid-column: auto;
    min-height: 0;
  }

  .奇门摘要首层,
  .奇门摘要次层,
  .奇门九宫网格 {
    grid-template-columns: 1fr;
  }

  .六爻台 {
    display: grid;
    gap: 8px;
    border: 0;
    background: transparent;
  }

  .六爻台头 {
    display: none;
  }

  .六爻行 {
    grid-template-columns: 1fr;
    border: 1px solid rgba(138, 114, 73, 0.16);
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255, 252, 246, 0.92);
  }

  .六爻行 > div {
    border-bottom: 1px solid rgba(138, 114, 73, 0.12);
  }

  .六爻行 > div:last-child {
    border-bottom: 0;
  }

  .六神列,
  .世应列,
  .动静列,
  .本卦列,
  .变卦列,
  .伏神列 {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }

  .卦列内 {
    align-items: flex-start;
    text-align: left;
  }

  .爻主文,
  .爻副文,
  .列单字,
  .爻位,
  .伏神值 {
    text-align: left;
  }
}