/* 图形岛 · 立体与展开图（t13-lizhan.js）
   只放这个专题自己的类，都带 lz- 前缀，不碰别的专题 */

/* ---------- 展开图：每格 44px，格间 2px，圆角 4 ---------- */
.lz-net-svg{display:block;width:100%;height:auto;margin:0 auto}
.lz-net-svg .lz-cell{transition:fill .15s}
.lz-net-svg .lz-cell.mark{filter:drop-shadow(0 2px 3px rgba(43,119,228,.25))}
.lz-net-svg .lz-cell-t{pointer-events:none;user-select:none}

/* ---------- 正方体：等轴测的上、前、右三个面 ---------- */
.lz-cube-svg{display:block;width:100%;height:auto;margin:0 auto}
.lz-cube-svg .lz-face{transition:fill .15s}
.lz-cube-svg .lz-cube-t{pointer-events:none;user-select:none}

/* ---------- 骰子 ---------- */
.lz-die-svg{display:block;width:100%;height:auto;margin:0 auto}
.lz-plus{display:inline-block;margin:0 8px;font-size:16px;font-weight:800;color:var(--ink2);vertical-align:middle}

/* 两个骰子并排（知识卡里“3 点的对面是 4 点”） */
.lz-die-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.lz-die-row .lz-die-svg{width:auto;max-width:96px}

/* ---------- 第 4 关：左边展开图，右边正方体 ---------- */
.lz-hide-row{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap
}
.lz-hide-row .lz-hide-l{flex:1 1 0;min-width:0;max-width:230px}
.lz-hide-row .lz-hide-r{flex:0 1 auto;width:44%;max-width:150px}
.lz-hide-row .lz-net-svg,.lz-hide-row .lz-cube-svg{max-width:100%}
/* 窄屏（375px）也保持左右并排，各自再缩一点，避免撑出横向滚动 */
@media (max-width:400px){
  .lz-hide-row{gap:6px}
  .lz-hide-row .lz-hide-l{max-width:190px}
  .lz-hide-row .lz-hide-r{width:42%;max-width:120px}
}

/* ---------- 图形选项：四张展开图 ---------- */
/* sw-picks 是 3 列，这个专题第 2 关是 4 张图，单独排成 2×2，手机上也不挤 */
.choices.sw-picks.lz-four{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}
.choices.sw-picks .choice .lz-net-svg{max-width:100%}

/* 手机窄屏：格子整体缩小一点，四张图也能并排看清 */
@media (max-width:400px){
  .choices.sw-picks.lz-four{gap:8px}
  .choices.sw-picks .choice{padding:6px 4px;min-height:76px}
}