#container{
    width: 100%;height: 100%;
    position: relative;
    z-index: 999;
    /* perspective:1200px;  */
    /* 3D透视 */
  }
  .center-light{
    position:absolute;
    width:700px;height:auto;
    left:50%;top:64%;
    transform:translate(-50%,-50%);
    z-index:-1;
  }
  /* 环绕轨道父容器 */
  .orbit-wrapper{
    position:absolute;
    width:100%;height:100%;
    left:0;top:0;
    transform-style:preserve-3d;
  }
  /* 单个技术节点 */
  .tech-item{
    position:absolute;
    width:140px;height:140px;
    left:50%;top:50%;
    margin:-70px 0 0 -70px;
    transform-style:preserve-3d;
    cursor:pointer;
    transition: all 0.3s ease;
  }
  .tech-card{
    width:100%;height:100%;
    background:rgba(22,32,52,0.75);
    border:1px solid rgba(100,180,255,0.3);
    border-radius:16px;
    backdrop-filter: blur(6px);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:10px;
    box-shadow:0 0 18px rgba(60,160,255,0.12);
    transition:0.3s;
  }
  .tech-item:hover .tech-card{
    transform:scale(1.08);
    border-color:rgba(100,200,255,0.6);
    box-shadow:0 0 32px rgba(70,175,255,0.35);
  }
  .tech-icon{
    font-size:32px;margin-bottom:6px;
    color:#64c8ff;
  }
  .tech-title{
    font-size:13px;color:#e8f4ff;text-align:center;
    line-height:1.4;
  }
  /* 悬浮提示文案 */
  .tooltip{
    position:absolute;
    background:rgba(10,18,32,0.92);
    border:1px solid #3498ff;
    border-radius:10px;
    padding:12px 16px;
    color:#fff;
    font-size:14px;
    max-width:320px;
    pointer-events:none;
    opacity:0;
    transition:opacity 0.24s;
    z-index:99;
  }