/* kn-field v2：canvas 线体星球 + 三轨道 + 九知识节点（2026-10-29 预览移植版）
   作用域：仅 .pg-home .hero 内的 .kn-field；层级：背景 → 球体轨道(canvas) → 节点 → 文案(container) */
.pg-home .hero .kn-field{position:absolute !important;display:block !important;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.pg-home .hero .kn-universe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pg-home .hero .kn-nodes{position:absolute;inset:0}
/* 文案层保持在节点之上（视觉），容器透明区不拦截节点悬停 */
.pg-home .hero .kn-field .kn-node{pointer-events:auto}
@media (min-width:761px){
  .pg-home .v41-hero .container{pointer-events:none}
  .pg-home .v41-hero .container a,.pg-home .v41-hero .container button{pointer-events:auto}
}

/* ---- 知识节点：56px 基准立体小球（2026-10-30 主人指令：小球变大，44→56px） ---- */
.pg-home .hero .kn-node{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;
  padding:0;border:0;background:none;color:var(--ink,#2C2C2C);cursor:pointer;
  -webkit-tap-highlight-color:transparent;will-change:left,top,transform,opacity;transition:opacity .2s}
.pg-home .hero .kn-node:focus{outline:none}
.pg-home .hero .kn-core{position:relative;display:grid;place-items:center;width:56px;height:56px;flex:none;
  border:0;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 30% 26%,#faf5ed 0%,#e9dcc9 43%,#c4a989 78%,#987756 100%);
  box-shadow:inset -8px -9px 16px rgba(81,53,26,.17),inset 6px 6px 12px rgba(255,255,255,.68),0 9px 26px rgba(100,70,35,.14)}
/* 立体感增强：窗光抛面高光（左上柔光+锐窗光+右下暗部，光源与球体一致）
   —— ::after 轨道环带仍保留，两层叠加=「玻璃球面」质感 */
.pg-home .hero .kn-core::before{content:"";position:absolute;inset:0;z-index:1;border-radius:50%;
  background:
    radial-gradient(38% 30% at 27% 21%,rgba(255,255,252,.55),rgba(255,255,252,0) 74%),
    linear-gradient(153deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.05) 37%,rgba(255,255,255,0) 47%,rgba(255,255,255,0) 66%,rgba(84,58,31,.16) 100%)}
.pg-home .hero .kn-core::after{content:"";position:absolute;width:76px;height:22px;
  border:1px solid rgba(107,71,33,.43);border-radius:50%;transform:rotate(-27deg)}
/* 2026-10-30 主人指令：球上图标退役——svg 不再注入；规则退役 */
.pg-home .hero .kn-core svg{display:none}
.pg-home .hero .kn-label{display:block;white-space:nowrap;padding:7px 10px;border:1px solid rgba(130,98,60,.18);
  border-radius:7px;background:rgba(252,248,240,.95);font-size:13px;font-weight:650;letter-spacing:.04em;color:var(--ink,#2C2C2C);
  transition:opacity .2s,transform .2s}
.pg-home .hero .kn-node.far .kn-label{opacity:0;transform:translateX(-4px)}
.pg-home .hero .kn-node.kn-inband .kn-label{opacity:0 !important;transform:translateX(-4px) !important}
.pg-home .hero .kn-node.far:hover .kn-label,.pg-home .hero .kn-node.far:focus-visible .kn-label,
.pg-home .hero .kn-node.selected .kn-label{opacity:1;transform:translateX(0)}
.pg-home .hero .kn-node:hover .kn-core,.pg-home .hero .kn-node:focus-visible .kn-core,
.pg-home .hero .kn-node.selected .kn-core{outline:5px solid rgba(170,128,75,.13)}
.pg-home .hero .kn-node:hover .kn-label,.pg-home .hero .kn-node.selected .kn-label{border-color:rgba(140,100,55,.7);color:#7b552d}

/* ---- 悬停说明卡（预览 focus-card 移植） ---- */
.pg-home .hero .kn-focus{position:absolute;z-index:5;right:clamp(25px,5vw,75px);bottom:90px;width:240px;min-height:100px;
  padding:16px 19px 17px;background:rgba(253,250,244,.97);border:1px solid rgba(143,104,63,.23);border-radius:11px;
  opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s,transform .25s}
.pg-home .hero .kn-focus.visible{opacity:1;transform:translateY(0)}
.pg-home .hero .kn-focus small{display:block;letter-spacing:.15em;color:#9f7c55;font-size:10px;font-weight:700}
.pg-home .hero .kn-focus strong{display:block;margin:6px 0 4px;font-size:18px;color:var(--ink,#2C2C2C)}
.pg-home .hero .kn-focus p{margin:0;font-size:13px;line-height:1.55;color:#5d5347}

@media (max-width:760px){
  .pg-home .hero .kn-focus{right:18px;bottom:74px;width:195px}
  .pg-home .hero .kn-label{font-size:11px;padding:6px 8px}
}
@media (prefers-reduced-motion:reduce){
  .pg-home .hero .kn-node,.pg-home .hero .kn-label,.pg-home .hero .kn-focus{transition:none}
  /* 旋转由 JS 停止（RM 时 paused），画面保持静态可读可交互 */
}

/* 2026-11-02 RM 护栏：视频层隐藏时首屏装饰层同步退场，不留静态浮层 */
@media (prefers-reduced-motion:reduce){
  .pg-home .hero .kn-field{display:none !important}
}