/* 2026-10-14 用户审美试版：商标靠左、六项导航居中、联系入口靠右。 */
.header-preview-20261014 .nav{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  height:76px;gap:24px;padding:0 28px;width:100%;max-width:none;
}
.header-preview-20261014 .brand{justify-self:start;min-width:0}
.header-preview-20261014 .brand img{height:28px;max-width:100%;object-fit:contain}
.header-preview-20261014 .menu{justify-self:center;gap:28px;margin:0;padding:0}
/* nav 内容由生成器共用；原文字联系项藏起，改用独立图标入口。 */
.header-preview-20261014 .menu>li:has(>a[href$="contact.html"]){display:none}
.header-preview-20261014 .menu>li>a{white-space:nowrap}
.header-preview-20261014 .header-actions{display:flex;align-items:center;justify-self:end;gap:16px}
.header-preview-20261014 .header-contact{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  width:40px;height:40px;color:var(--ink);border:0;
  border-radius:4px;transition:color .2s,background .2s;
}
.header-preview-20261014 .header-contact svg{width:18px;height:18px}
.header-preview-20261014 .header-contact:hover{
  color:var(--red);background:var(--bg2);
}
.header-preview-20261014 .header-contact-label{display:none}
.header-preview-20261014 a:focus-visible,.header-preview-20261014 button:focus-visible{
  outline:2px solid var(--red);outline-offset:4px;
}
.header-preview-20261014 .menu>li:focus-within .submenu{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
/* 在商标与六项标签可能相碰前切为可展开菜单。 */
@media(max-width:1180px){
  .header-preview-20261014 .nav{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:0 20px}
  .header-preview-20261014 .burger{display:flex}
  .header-preview-20261014 .menu{
    display:none;position:absolute;top:76px;left:0;right:0;justify-self:stretch;
    flex-direction:column;align-items:stretch;gap:0;background:#fff;
    padding:10px 24px 20px;border-top:1px solid var(--line);
    box-shadow:0 24px 40px rgba(0,0,0,.12);max-height:calc(100dvh - 76px);overflow-y:auto;
  }
  .header-preview-20261014 .menu.open{display:flex}
  .header-preview-20261014 .menu>li>a{padding:14px 0;color:var(--ink)}
  .header-preview-20261014 .menu>li>a::after{display:none}
  .header-preview-20261014 .submenu,
  .header-preview-20261014 .menu>li:focus-within .submenu{
    position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;
    border:0;background:transparent;padding:0 0 8px 14px;min-width:0;
  }
  .header-preview-20261014 .submenu a{color:var(--muted);padding:8px 0}
  .header-preview-20261014 .submenu a:hover{background:transparent;color:var(--red);padding-left:4px}
  .header-preview-20261014 .header-contact{width:auto;padding:0 10px;border-radius:4px}
  .header-preview-20261014 .header-contact-label{display:inline;font-size:12px;white-space:nowrap}
}
@media(max-width:560px){
  .header-preview-20261014 .nav{padding:0 12px;gap:10px}
  .header-preview-20261014 .brand img{height:auto;width:100%;max-width:200px}
  .header-preview-20261014 .header-actions{gap:10px}
  .header-preview-20261014 .header-contact{gap:4px;padding:0 7px}
  .header-preview-20261014 .header-contact svg{width:18px;height:18px}
}