/* 首页三处小改（2026-10-26）
 * 1) 当前阶段高亮（第 3 个节点 = I3）+「你在这里」小标
 * 2) 三大体系卡加「去学习 →」，整卡可点，进 /courses.html
 * 3) 两块之间加分隔线、统一区块间距
 */

/* ① 当前阶段 */
.path-flow .node:nth-of-type(3) .node-core {
  outline: 2px solid #7c5cf0;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(124, 92, 240, .18), 0 0 22px rgba(124, 92, 240, .55);
  position: relative;
}
.path-flow .node:nth-of-type(3) .node-core::after {
  content: '你在这里';
  position: absolute;
  left: 50%;
  top: -14px;
  transform: translate(-50%, -100%);
  background: #7c5cf0;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
/* 锁定节点别太暗，看得见 */
.node-core.lock { opacity: .85; }

/* ② 三大体系卡：可点 + 去学习 */
.sys.card { cursor: pointer; transition: transform .15s, box-shadow .15s; }
.sys.card:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0, 0, 0, .35); }
.sys .sys-go {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  font-size: 11.5px;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  color: #fff;
}

/* ③ 两块之间分离 */
.path-wrap { margin-bottom: 10px; }
.sys-grid { margin-bottom: 4px; }
section[data-bind="sys-list"] { position: relative; }
section[data-bind="sys-list"]::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .14), transparent);
}