/* 六十四卦索引：公共组件样式 */
.hex-index{display:grid;grid-template-columns:repeat(8,minmax(58px,1fr));gap:1px;min-width:520px;background:rgba(126,94,65,.10);border:1px solid rgba(126,94,65,.10)}
.idx-cell{position:relative;min-height:60px;background:var(--paper);transition:background .14s}
.idx-hex{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;min-height:60px;border:0;background:transparent;color:#433a32;cursor:pointer;padding:5px 3px;line-height:1}
.idx-symbol{font-family:"Noto Sans Symbols 2","Segoe UI Symbol","Apple Symbols","Arial Unicode MS",sans-serif;font-size:25px;line-height:1;color:#3f3730;font-weight:400}
.idx-name{font-family:var(--kai);font-size:15px;line-height:1.15;color:#5b4635;white-space:nowrap}
.idx-cell.diagonal{background:#efe2cf}
.idx-cell.diagonal .idx-name{color:#754725;font-weight:700}
.idx-cell:hover{background:#f2e9dd}
.idx-cell.current{background:#e8d5bc;box-shadow:inset 0 0 0 1px rgba(139,90,53,.30)}
.idx-cell.current .idx-symbol,.idx-cell.current .idx-name{color:#a34732}