/* 葡隐全站导航 —— 唯一一份（vinhermit.com 与 blog.vinhermit.com 共用同一文件）
   内容 = 原 css/style.css 的全部导航规则（含媒体查询里的窄屏汉堡菜单/全屏菜单面板）。
   选择器收敛到 #site-header nav，避免裸 nav 误伤页面上其它 <nav>。改这里 = 两站一起改。 */
#site-header{
  --font-display:'Cormorant Garamond','Playfair Display',Georgia,serif;
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
  --text:#111;
  --text-muted:#888;
  --border:rgba(0,0,0,0.08);
  --bg:#f8f6f4;
  --accent:#c62828;
}

/* ===== NAV ===== */
#site-header nav{
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  height: 60px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 2rem;
  background: rgba(248,246,244,0.92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
}
.nav-brand{
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text);
  text-decoration: none;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.nav-links{ display: flex; gap: 2.5rem; align-items: center; }
.nav-links a{
  text-decoration: none;
  color: var(--text-muted);
  font-size: 0.75rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: color 0.2s;
}
.nav-links a:hover, .nav-links a.active{ color: var(--text); }
/* 品牌全屏菜单的装饰元素：桌面端隐藏（仅移动端全屏菜单展示） */
.nav-links .menu-brand,
.nav-links .menu-sub,
.nav-links .menu-divider,
.nav-links .menu-foot,
.nav-links a .arrow{ display: none; }
.hamburger{
  display: none; flex-direction: column; gap: 4px;
  background: none; border: none; cursor: pointer; padding: 4px;
}
.hamburger span{ display: block; width: 22px; height: 1.5px; background: var(--text); border-radius: 1px; transition: .3s; }
/* 汉堡 → X 动画 */
.hamburger.open span:nth-child(1){ transform: translateY(5.5px) rotate(45deg); }
.hamburger.open span:nth-child(2){ opacity: 0; }
.hamburger.open span:nth-child(3){ transform: translateY(-5.5px) rotate(-45deg); }
/* 菜单打开时锁定背景滚动 */
body.menu-open{ overflow: hidden; }
@media(max-width:639px) {
  #site-header nav{ justify-content: center; }
  .hamburger{ display: flex; position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); }
  .nav-cart-wrap{ position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); }
  .hamburger{ display: flex; }
  /* ─── 品牌全屏菜单（方案一） ─── */
  .nav-links{
    position: fixed; top: 60px; left: 0; right: 0;
    flex-direction: column; background: #fff;
    width: 100%; height: calc(100vh - 60px);
    padding: 3rem 2.25rem 2.5rem; gap: 0;
    align-items: stretch;
    opacity: 0; visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    z-index: 99;
  }
  .nav-links.open{ opacity: 1; visibility: visible; transform: translateY(0); }
  /* 品牌区 */
  .nav-links .menu-brand{
    display: block;
    font-family: var(--font-display);
    font-size: 2.1rem; font-weight: 600; letter-spacing: 3px;
    color: var(--text);
  }
  .nav-links .menu-sub{
    display: block;
    color: var(--text-muted); font-size: 0.68rem; letter-spacing: 2px;
    margin-top: 6px; text-transform: uppercase;
  }
  .nav-links .menu-divider{
    display: block; width: 34px; height: 1px; background: var(--border);
    margin: 28px 0 10px;
  }
  /* 菜单项 */
  .nav-links a{
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 0; font-size: 1.02rem; letter-spacing: 3px;
    color: var(--text); text-transform: none; border-bottom: 1px solid #f1efec;
  }
  .nav-links a .arrow{ display: inline; color: #ccc; font-size: 1rem; transition: transform .25s, color .2s; }
  .nav-links a:hover{ color: var(--accent); }
  .nav-links a:hover .arrow{ transform: translateX(4px); color: var(--accent); }
  .nav-links a.vip{ color: var(--gold, #b8965c); border-bottom: none; font-weight: 500; }
  /* 底部联系信息 */
  .nav-links .menu-foot{
    display: block; margin-top: auto; padding-top: 20px;
    border-top: 1px solid var(--border);
  }
  .nav-links .menu-foot .line{
    font-size: 0.72rem; color: var(--text-muted); letter-spacing: 1px;
    margin-bottom: 4px;
  }
  .nav-links .menu-foot .line b{ color: var(--text); font-weight: 600; }
}
/* ===== CART — 全站购物车 ===== */
/* Nav cart icon */
.nav-cart-wrap{
  display: flex; align-items: center;
  margin-left: 1rem;
}
.nav-cart{
  position: relative; display: flex; align-items: center;
  text-decoration: none; color: var(--text-muted);
  padding: 4px;
  transition: color 0.2s;
}
.nav-cart:hover{ color: var(--text); }
.cart-badge{
  position: absolute; top: -4px; right: -8px;
  display: none; align-items: center; justify-content: center;
  min-width: 16px; height: 16px; border-radius: 8px;
  background: var(--accent); color: #fff;
  font-size: 0.55rem; font-weight: 700;
  font-family: -apple-system, sans-serif;
  transition: transform 0.2s;
}