/**
 * zz-heatshrink — 共享导航样式（双栈通用：首页 main.css / 内页 proto-product.css）
 *
 * 结构对齐 05-原型 single-wall.html 的导航：
 *  - 桌面端：一级项 14px/600，悬停展开下拉（.sub-menu）
 *  - 当前态：.current-menu-item / .current-menu-ancestor（对应原型 .dd-cur / .nav-item.on）
 *  - 移动端（≤768px）：汉堡按钮，body.nav-open 展开纵向菜单
 *  - CAT 红字按钮 .hdr-cta 独立于菜单
 */

.hdr{background:var(--white,#fff);padding:10px 0;border-bottom:2px solid var(--blue,#1565C0);position:relative;z-index:50}
.hdr-inner{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 24px}
.hdr img{height:104px;width:auto;display:block}
.custom-logo-link{display:inline-flex;align-items:center}

/* 一级导航 */
.hdr nav{display:flex;align-items:center}
.zz-nav-links{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.zz-nav-links > li{position:relative;margin-left:18px}
.zz-nav-links > li > a{color:var(--blue-darker,#0A3D8F);text-decoration:none;font-size:14px;font-weight:600;font-family:Arial,sans-serif;display:inline-block;padding:8px 0}
.zz-nav-links > li > a:hover{color:var(--blue,#1565C0)}
.zz-nav-links > li > a:focus{outline:2px solid var(--blue,#1565C0);outline-offset:2px}

/* 下拉箭头（有子菜单的一级项） */
.zz-nav-links > li.menu-item-has-children > a::after{content:"\25BE";font-size:9px;color:var(--muted,#555);margin-left:3px;vertical-align:2px}

/* 当前态（对应原型 .nav-item.on 与 .dd-cur） */
.zz-nav-links > li.current-menu-item > a,
.zz-nav-links > li.current-menu-ancestor > a{color:var(--blue,#1565C0);font-weight:700}
.zz-nav-links .sub-menu > li.current-menu-item > a{background:var(--paper,#f5f6f8);font-weight:700}

/* 下拉面板 */
.zz-nav-links .sub-menu{display:none;position:absolute;top:100%;left:-18px;background:#fff;border:1px solid var(--line,#dde2e8);border-top:2px solid var(--blue,#1565C0);border-radius:0 0 6px 6px;min-width:240px;box-shadow:0 8px 20px rgba(10,61,143,.12);padding:8px 0;list-style:none;margin:0;z-index:60}
.zz-nav-links > li:hover > .sub-menu,
.zz-nav-links > li:focus-within > .sub-menu{display:block}
.zz-nav-links .sub-menu li{margin:0}
.zz-nav-links .sub-menu a{display:block;color:var(--blue-darker,#0A3D8F);text-decoration:none;font-size:13px;font-weight:400;font-family:Arial,sans-serif;padding:7px 18px;white-space:nowrap}
.zz-nav-links .sub-menu a:hover,
.zz-nav-links .sub-menu a:focus{background:var(--paper,#f5f6f8);color:var(--blue,#1565C0)}

/* CAT 红字按钮 */
.hdr-cta{color:var(--red,#E0301E);font-weight:700;text-decoration:none;font-size:14px;margin-left:18px;font-family:Arial,sans-serif;padding:8px 0;display:inline-block;flex:0 0 auto}
.hdr-cta:hover{color:#c62828}

/* 汉堡按钮（默认隐藏） */
.hdr-burger{display:none;background:none;border:1px solid var(--line,#dde2e8);border-radius:4px;padding:6px 8px;cursor:pointer;font-size:16px;color:var(--blue-darker,#0A3D8F);font-family:Arial,sans-serif;flex:0 0 auto;line-height:0}
.hdr-burger span{display:block;width:18px;height:2px;background:currentColor;border-radius:1px}
.hdr-burger span + span{margin-top:4px}

/* 移动端 */
@media (max-width:768px){
	.hdr-inner{flex-wrap:wrap;position:relative}
	.hdr nav{display:none;flex-basis:100%;order:3;margin-top:8px}
	.hdr-burger{display:block;order:2;margin-left:8px}
	.hdr-cta{order:1;margin-left:auto}
	body.nav-open .hdr nav{display:block}
	.zz-nav-links{display:block}
	.zz-nav-links > li{margin:0;border-bottom:1px solid var(--paper,#f5f6f8)}
	.zz-nav-links > li > a{display:block;padding:10px 0;font-size:14px}
	.zz-nav-links > li.menu-item-has-children > a::after{float:right;line-height:inherit}
	/* 移动端子菜单静态展开（不折叠，保证可达） */
	.zz-nav-links .sub-menu{display:block;position:static;border:0;box-shadow:none;border-radius:0;padding:0 0 4px 16px;min-width:0}
	.zz-nav-links .sub-menu a{padding:7px 0}
	.hdr img{height:64px}
}

/* ===== 页脚社交图标区（与 header 同属共享外壳） ===== */
.foot-social{margin-top:10px}
.foot-social a,
.foot-social button{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.foot-social a + a,
.foot-social a + button,
.foot-social button + a{margin-left:10px}
.foot-social a:hover svg path,
.foot-social button:hover svg path{fill:#fff}
.foot-social svg{display:block}
.zzqr-box{margin-top:10px;background:#fff;border-radius:6px;padding:10px;width:140px;text-align:center}
.zzqr-box img{display:block;width:120px;height:120px;border-radius:4px}
.zzqr-box span{display:grid;place-items:center;height:110px;background:#e8e8e8;border-radius:4px;color:#999;font-size:11px;font-family:Arial,sans-serif}
.zzqr-box p{color:#555;font-size:11px;font-family:Arial,sans-serif;margin:6px 0 0;line-height:1.4}