/* ===== PXID 站点通用组件样式（自包含，不依赖 pxid.com 的 rem 布局） ===== */

/* 品牌 Logo 文字化 */
.pxid-text-logo{display:inline-flex;align-items:center;font-size:24px;font-weight:900;color:#fff;letter-spacing:2px;line-height:1;white-space:nowrap}
.pxid-text-logo .pxid-i{color:#ffd700}

/* 入场加载屏：全站仅 index.html 存在 #loading（首页开屏动效，由 index.091b56b7.js 的 GSAP 时间线驱动）。
   历史上此处曾写 #loading{display:none!important} 用于屏蔽 antaisolar 残留加载屏，
   但内页并无该元素，该规则唯一效果是杀死首页开屏动效，故移除。切勿再全局隐藏 #loading。 */

/* loading 屏内 PXID 用文字替代图片 */
.loadTxt .pxid-logo-text{font-size:3rem;font-weight:900;color:#fff;letter-spacing:4px;text-transform:uppercase}

/* 组件化兜底：footer 动画类默认可见，不依赖主站 JS */
.site-footer .alanGo,
.site-footer .ani,
.site-footer .alanFn{opacity:1!important;transform:none!important;visibility:visible!important;animation:none!important;transition:none!important}

/* ===== 统一顶部导航（自包含、响应式、px 单位） ===== */
.wb-site-header{
  position:fixed;top:0;left:0;right:0;z-index:10000;
  height:64px;background:#0f1211;border-bottom:1px solid rgba(255,255,255,.08);
  font-family:"Alibaba PuHuiTi 3.0","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}
.wb-site-header *{box-sizing:border-box;margin:0;padding:0}
.wb-site-header a{color:inherit;text-decoration:none;cursor:pointer}
.wb-site-header ul,.wb-site-header li{list-style:none}
.wb-site-header .wb-header-inner{
  max-width:100%;height:100%;margin:0 auto;padding:0 3vw;
  display:flex;align-items:center;justify-content:space-between;gap:24px
}
.wb-site-header .wb-logo{font-size:24px;font-weight:900;color:#fff;letter-spacing:2px;line-height:1;display:inline-flex;align-items:center}
.wb-site-header .wb-logo i,.wb-site-header .wb-logo .pxid-i{color:#ffd700;font-style:normal}
.wb-site-header .wb-main-nav{
  display:flex;align-items:center;gap:6px;flex:1;justify-content:center
}
.wb-site-header .wb-main-nav a{
  display:inline-flex;align-items:center;height:36px;padding:0 10px;
  font-size:14px;font-weight:500;color:rgba(255,255,255,.72);
  border-radius:6px;transition:.2s;white-space:nowrap
}
.wb-site-header .wb-main-nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.wb-site-header .wb-main-nav a.wb-nav-active{color:#fff;background:rgba(255,255,255,.12)}
.wb-site-header .wb-main-nav a.energy-link{color:#ffd700!important;font-weight:700!important}
.wb-site-header .wb-main-nav a.energy-link:hover{color:#fff100!important;background:rgba(255,215,0,.15)!important}
.wb-site-header .wb-header-actions{display:flex;align-items:center;gap:16px}
.wb-site-header .wb-header-cta{
  display:inline-flex;align-items:center;height:38px;padding:0 22px;
  background:#ffd700;color:#0f1211;border-radius:30px;font-size:14px;font-weight:800;transition:.2s;white-space:nowrap
}
.wb-site-header .wb-header-cta:hover{background:#fff100;transform:translateY(-1px)}
.wb-site-header .wb-menu-toggle{
  display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  background:transparent;border:none;cursor:pointer
}
.wb-site-header .wb-menu-toggle span{
  display:block;width:22px;height:2px;background:#fff;border-radius:1px;transition:.25s
}
.wb-site-header .wb-mobile-nav{
  display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:#0f1211;z-index:9999;
  overflow-y:auto;padding:24px
}
.wb-site-header .wb-mobile-nav.open{display:block}
.wb-site-header .wb-mobile-nav a{
  display:block;padding:16px 0;font-size:22px;font-weight:700;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.08)
}
.wb-site-header .wb-mobile-nav a.wb-nav-active{color:#fff}
.wb-site-header .wb-mobile-nav a.energy-link{color:#ffd700!important}
.wb-site-header .wb-mobile-nav .wb-mobile-cta{
  display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:24px;
  background:#ffd700;color:#0f1211;border-radius:30px;font-size:16px;font-weight:800
}
.wb-menu-open{overflow:hidden}

@media (max-width:1100px){
  .wb-site-header .wb-main-nav a{padding:0 7px;font-size:13px}
}
@media (max-width:920px){
  .wb-site-header .wb-main-nav{display:none}
  .wb-site-header .wb-menu-toggle{display:flex}
  .wb-site-header .wb-header-cta{display:none}
  body{padding-top:64px!important}
}
@media (max-width:420px){
  .wb-site-header .wb-logo{font-size:20px}
}

/* ===== 滚动触发动画预设 ===== */
.sa-fade-up { opacity: 0; transform: translateY(40px); transition: all .8s cubic-bezier(.38,0,0,1); }
.sa-fade-up.is-visible { opacity: 1; transform: translateY(0); }
.sa-fade-in { opacity: 0; transition: opacity .6s ease; }
.sa-fade-in.is-visible { opacity: 1; }
.sa-scale-in { opacity: 0; transform: scale(.95); transition: all .6s cubic-bezier(.38,0,0,1); }
.sa-scale-in.is-visible { opacity: 1; transform: scale(1); }

/* 交错延迟 */
.sa-delay-1 { transition-delay: .1s; }
.sa-delay-2 { transition-delay: .2s; }
.sa-delay-3 { transition-delay: .3s; }
.sa-delay-4 { transition-delay: .4s; }