.home-stage{position:relative;width:min(700px,100%);margin-left:auto;margin-right:auto}.viewport{perspective:1350px;touch-action:pan-y;user-select:none;cursor:default}.viewport.dragging{cursor:default}.cube{position:relative;width:100%;height:100%;transform-style:flat}.face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;visibility:hidden}.face.current{visibility:visible}
.nav-arrow{position:absolute;top:50%;z-index:200;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(122,77,41,.22);border-radius:50%;background:rgba(255,253,249,.78);color:#80583a;box-shadow:0 2px 8px rgba(80,55,35,.06);font-family:var(--song);font-size:24px;opacity:.72;cursor:pointer;transition:.18s}.nav-arrow:hover{opacity:1;color:#a34732}.nav-arrow.nav-prev{left:-18px}.nav-arrow.nav-next{right:-18px}
.stage-hint{display:flex;justify-content:center;text-align:center;color:#9c8b7d}.taiji-exchange,.hu-side-btn{position:absolute;z-index:60;border:0;background:transparent;color:#9b765f;cursor:pointer;padding:0;opacity:.55;transition:.16s}.taiji-exchange{left:24px;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;line-height:28px;font-family:var(--song);font-size:24px}.taiji-exchange:hover{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.hu-side-btn{right:-18px;width:26px;height:26px;line-height:26px;font-family:var(--song);font-size:18px;transform:translateY(-50%)}
.hu-in{top:calc(var(--row-h) * 1.5)}
.hu-back{top:calc(var(--row-h) * 4.5 + var(--trigram-gap))}
.hu-side-btn:hover:not(:disabled){opacity:1;color:var(--red);transform:translateY(-50%) scale(1.08)}.hu-side-btn:disabled{opacity:.18;cursor:default}
.matrix-section{width:min(650px,calc(100% - 36px));margin-top:18px}.index-scroll{overflow-x:auto;padding:2px 0 6px;-webkit-overflow-scrolling:touch}
@media(max-width:720px){.nav-arrow.nav-prev{left:2px}.nav-arrow.nav-next{right:2px}.home-stage{width:100%}}@media(max-width:600px){.taiji-exchange{left:19px}.hex-index{min-width:520px}}@media(max-width:390px){.taiji-exchange{left:16px}}

/* 导航按钮属于舞台外层控制器，不参与卦面3D状态。 */
.nav-arrow{visibility:visible;display:flex;pointer-events:auto;isolation:isolate}



/* V0.4.0：首页只定义功能带内部排布，不再定义其高度/宽度/外边距。 */
.stage-hint{display:flex;justify-content:center;text-align:center}


/* V0.4.2：首页核心区只保留自身宽度/定位。
   垂直起点完全交由公共 .page-core-work-area；不再拥有独立 margin-top / padding-top。 */
.home-stage{
  margin-left:auto;
  margin-right:auto;
}