/* ===== 全站通用 ===== */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--text-primary);background:var(--bg-white);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
.primary-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:600;transition:var(--transition)}
.primary-link:hover{gap:10px}

/* ===== 顶部导航 ===== */
.site-header{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light);z-index:100;transition:var(--transition)}
.header-inner{max-width:var(--container);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px}
.site-logo{display:flex;align-items:center;gap:10px}
.site-logo-text{font-size:18px;font-weight:700;color:var(--text-primary);white-space:nowrap}
.site-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav-item{position:relative;padding:10px 16px;font-size:15px;color:var(--text-secondary);transition:var(--transition);cursor:pointer}
.nav-item:hover,.nav-item.active{color:var(--primary)}
.nav-item::after{content:'';position:absolute;left:16px;right:16px;bottom:4px;height:2px;background:var(--accent);transform:scaleX(0);transition:var(--transition)}
.nav-item:hover::after,.nav-item.active::after{transform:scaleX(1)}
.nav-item.has-drop .drop-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:180px;opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--transition);z-index:200;padding:6px}
.nav-item.has-drop:hover .drop-menu{opacity:1;visibility:visible;transform:translateY(0)}
.drop-menu a{display:block;padding:10px 16px;font-size:14px;color:var(--text-secondary)}
.drop-menu a:hover{color:var(--primary);background:var(--bg-gray)}
.header-right{display:flex;align-items:center;gap:12px}
.lang-switch a{border:1px solid var(--border-medium);padding:5px 14px;border-radius:30px;font-size:13px;color:var(--text-secondary);transition:var(--transition)}
.lang-switch a.active{background:var(--primary);border-color:var(--primary);color:#fff}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-toggle span{width:24px;height:2px;background:var(--text-primary);transition:var(--transition)}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== 页脚 ===== */
/* 页脚版式与中文站一致，样式统一使用 common.css 的 .footer 四栏布局 */

/* ===== 悬浮社交栏 ===== */
.float-social{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:10px}
.fs-item{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--shadow-md);transition:var(--transition)}
.fs-item svg{width:20px;height:20px}
.fs-item:hover{background:var(--accent);transform:scale(1.08)}
.fs-item .fs-qr{position:absolute;right:52px;top:50%;transform:translateY(-50%) scale(.8);background:#fff;padding:6px;border-radius:6px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:var(--transition)}
.fs-item:hover .fs-qr{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}
.fs-qr img{width:120px;height:120px}

/* ===== 响应式 ===== */
@media (max-width:900px){
  .site-nav{position:fixed;top:var(--nav-height);left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 24px;gap:0;border-bottom:1px solid var(--border-light);transform:translateY(-130%);transition:var(--transition);z-index:99}
  .site-nav.open{transform:translateY(0)}
  .nav-item{padding:14px 0;border-bottom:1px solid var(--border-light)}
  .nav-item.has-drop .drop-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding-left:16px}
  .nav-toggle{display:flex}
  .footer-cols{grid-template-columns:1fr 1fr;gap:24px}
}
@media (max-width:560px){.footer-cols{grid-template-columns:1fr}.float-social{right:10px}.float-social .fs-item{width:38px;height:38px}}