/* 公共基础样式 - 所有页面共享 */
*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif}
html,body{height:100%;overflow:hidden}
body{
  background:#f0f2f5;
  display:flex;
  flex-direction:column;
  height:100vh;
}

/* 复制提示 */
.copy-toast {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:rgba(0,0,0,0.7);
  color:#fff;
  padding:10px 20px;
  border-radius:6px;
  font-size:13px;
  z-index:9999;
  opacity:0;
  transition:opacity 0.3s;
  pointer-events:none;
}
.copy-toast.show{opacity:1}

/* 顶部导航栏 - 公共基础样式，确保首屏渲染时有样式 */
.header-nav{
  background:#2c3e50;
  height:50px;
  line-height:50px;
  flex-shrink:0;
  box-shadow:0 2px 10px rgba(0,0,0,0.1);
}
.nav-container{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  padding:0 15px;
  position:relative;
}
.nav-logo{
  color:#fff;
  font-size:18px;
  font-weight:bold;
  white-space:nowrap;
  flex-shrink:0;
  position:absolute;
  left:15px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:10px;
}
.nav-logo img{
  height:36px;
  width:auto;
}
.nav-links{
  display:flex;
  gap:3px;
  margin:0 auto;
}
.nav-link{
  color:#ecf0f1;
  text-decoration:none;
  padding:0 12px;
  height:50px;
  display:flex;
  align-items:center;
  transition:all 0.3s;
  font-size:13px;
  white-space:nowrap;
}
.nav-link:hover,.nav-link.active{
  background:#34495e;
  color:#fff;
}
/* 导航独立颜色 */
.nav-link.mainboard{background:#409eff;}
.nav-link.mainboard:hover,.nav-link.mainboard.active{background:#66b1ff;}
.nav-link.monitor{background:#e74c3c;}
.nav-link.monitor:hover,.nav-link.monitor.active{background:#c0392b;}
.nav-link.chassis{background:#9b59b6;}
.nav-link.chassis:hover,.nav-link.chassis.active{background:#8e44ad;}
.nav-link.power{background:#f39c12;}
.nav-link.power:hover,.nav-link.power.active{background:#e67e00;}
.nav-link.cooler{background:#1abc9c;}
.nav-link.cooler:hover,.nav-link.cooler.active{background:#16a085;}
.nav-link.onda{background:#a2c40d;}
.nav-link.onda:hover,.nav-link.onda.active{background:#94b30b;}
.nav-link.gcard{background:#2ecc71;}
.nav-link.gcard:hover,.nav-link.gcard.active{background:#27ae60;}
.nav-link.pathway{background:#00bcd4;}
.nav-link.pathway:hover,.nav-link.pathway.active{background:#00acc1;}
.nav-link.activity{background:#ff6b6b;}
.nav-link.activity:hover,.nav-link.activity.active{background:#ee5a5a;}
.nav-link.contactus{background:#6366f1;}
.nav-link.contactus:hover,.nav-link.contactus.active{background:#4f46e5;}
.nav-link.build{background:#8b5cf6;}
.nav-link.build:hover,.nav-link.build.active{background:#7c3aed;}
.nav-toggle{display:none}
/* 导航返回按钮 */
.nav-back-btn{
  color:#fff;
  text-decoration:none;
  padding:6px 16px;
  background:#67c23a;
  border-radius:4px;
  font-size:13px;
  white-space:nowrap;
  transition:all 0.3s;
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
}
.nav-back-btn:hover{
  background:#85ce61;
  color:#fff;
}

/* 空数据 */
.empty-tip{
  text-align:center;
  padding:60px;
  color:#999;
}