/* ============================================================
   翠溪山庄 · 全站统一导航样式 css/nav.css
   作用：作为唯一导航样式权威，覆盖 theme.css / style.css 中的冲突规则
   加载顺序：必须在 theme.css 和 style.css 之后加载
   视觉基准：大字14px + 金色填充按钮 + 下拉菜单正常（theme.css 风格）
   ============================================================ */

/* ---------- 导航容器 ---------- */
body #nav{
  position:fixed;inset:0 0 auto;z-index:900;
  height:68px !important;
  display:flex;align-items:center;
  background:#070e09;
  padding:0 24px;gap:24px;
  transition:background .4s ease,box-shadow .4s ease,height .4s ease;
}
body #nav.solid{
  background:rgba(7,14,9,.97);
  backdrop-filter:blur(28px) saturate(180%);
  box-shadow:0 1px 0 rgba(255,255,255,.04);
  height:68px !important;
}

/* ---------- 品牌区 ---------- */
body .nav-brand{
  display:flex;align-items:center;gap:12px;
  text-decoration:none;flex-shrink:0;
}
body .nav-seal{
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(212,179,120,.5);
  display:flex;align-items:center;justify-content:center;
  color:#d4b378;
  font-family:'Noto Serif SC',serif;font-size:20px;font-weight:500;
  flex-shrink:0;transition:border-color .3s,color .3s;
}
body .nav-seal span{
  font-family:'Noto Serif SC',serif;font-size:15px;font-weight:700;color:#d4b378;
}
body .nav-name-zh{
  font-family:'Noto Serif SC',serif;
  font-size:18px !important;font-weight:600;
  color:#f6f2e9;letter-spacing:4px;line-height:1.2;
}
body .nav-name-en{
  font-family:'Playfair Display',serif;
  font-size:10px !important;color:#d4b378;
  letter-spacing:2px;text-transform:uppercase;margin-top:2px;
}

/* ---------- 导航链接区 ---------- */
body .nav-links{
  display:flex;align-items:center;gap:4px;
  flex:1;justify-content:center;
}
/* 只限制直接子元素 a，不影响下拉菜单项 */
body .nav-links > a{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:6px 10px;text-decoration:none;border-radius:4px;
  transition:background .2s;
  width:auto !important;  /* 覆盖 style.css 的 width:62px */
  min-width:auto;
  white-space:nowrap;  /* 防止导航项文字换行 */
}
body .nav-links > a:hover{
  background:rgba(212,179,120,.1);
}
body .nav-links > a::after{
  display:none !important;  /* 覆盖 style.css 的下划线动画 */
}

/* ---------- 导航文字 ---------- */
body .nav-zh{
  font-family:'Noto Serif SC',serif;
  font-size:14px !important;font-weight:500;
  color:#f6f2e9;letter-spacing:1px;line-height:1;
  white-space:nowrap !important;  /* 防止中文换行 */
}
body .nav-en{
  font-family:'Playfair Display',serif;
  font-size:9px !important;
  color:rgba(246,242,233,.5);
  letter-spacing:1px;text-transform:uppercase;line-height:1;
  white-space:nowrap;
}
body .nav-links > a:hover .nav-zh{color:#d4b378;}
body .nav-links > a:hover .nav-en{color:rgba(246,242,233,.8);}

/* ---------- 下拉菜单 ---------- */
body .nav-dropdown{
  position:relative;display:inline-flex;align-items:center;
  flex:none;flex-shrink:0;
}
body .nav-dropdown-trigger{
  cursor:pointer;display:flex;flex-direction:column;align-items:center;
  gap:2px;padding:6px 10px;border-radius:4px;
}
body .nav-dropdown-menu{
  display:none !important;  /* 确保默认隐藏 */
  position:absolute;top:100%;left:50%;
  transform:translateX(-50%);
  min-width:200px;width:auto;
  background:#070e09;
  border:1px solid rgba(212,179,120,.2);
  border-radius:8px;padding:8px 0;
  z-index:950;box-shadow:0 8px 24px rgba(0,0,0,.3);
}
body .nav-dropdown:hover .nav-dropdown-menu,
body .nav-dropdown-menu:hover{
  display:block !important;
}
body .nav-dropdown-menu a{
  display:block !important;
  flex-direction:row !important;
  width:auto !important;min-width:180px;
  padding:10px 18px !important;
  color:#f6f2e9 !important;text-decoration:none;
  font-size:14px !important;white-space:nowrap !important;
  text-align:left !important;line-height:1.5;
  gap:0 !important;border-radius:0 !important;
  font-family:'Noto Serif SC','PingFang SC',serif;
  transition:background .2s,color .2s;
}
body .nav-dropdown-menu a::after{display:none !important;}
body .nav-dropdown-menu a:hover{
  background:rgba(212,179,120,.12) !important;
  color:#d4b378 !important;
}

/* ---------- 电话 ---------- */
body .nav-phone{
  color:#d4b378;font-size:14px !important;
  white-space:nowrap !important;  /* 防止电话换行截断 */
  text-decoration:none;
  font-family:'Noto Serif SC',serif;font-weight:600;
  flex-shrink:0;
}
body .nav-phone:hover{color:#fff;}

/* ---------- 预订按钮（金色填充） ---------- */
body .nav-book{
  background:linear-gradient(135deg,#c9a961,#8b6914) !important;
  color:#070e09 !important;
  padding:8px 18px !important;
  border-radius:6px !important;
  border:none !important;
  font-weight:600;text-decoration:none;
  white-space:nowrap;
  display:flex;flex-direction:column;align-items:center;gap:2px;
  width:auto !important;min-width:auto;
  flex-shrink:0;
  transition:background .3s,transform .2s;
}
body .nav-book:hover{
  background:linear-gradient(135deg,#d4b378,#c9a961) !important;
  color:#070e09 !important;
  transform:translateY(-1px);
}
body .nav-book::after{display:none !important;}
body .nav-book .nav-zh{
  color:#070e09 !important;font-size:13px !important;
}
body .nav-book .nav-en{
  color:rgba(7,14,9,.6) !important;font-size:9px !important;
}

/* ---------- 移动端菜单按钮 ---------- */
body .nav-menu-btn{
  display:none;flex-direction:column;gap:4px;
  cursor:pointer;padding:8px;flex-shrink:0;
}
body .nav-menu-btn span{
  width:20px;height:2px;background:#f6f2e9;transition:.3s;
}

/* ---------- 移动端菜单遮罩（默认隐藏） ---------- */
body .mobile-menu-overlay{
  position:fixed;inset:0;z-index:999;
  background:rgba(8,15,10,.98);
  backdrop-filter:blur(20px) saturate(180%);
  opacity:0 !important;visibility:hidden !important;  /* 确保桌面端不泄漏 */
  transition:opacity .4s ease,visibility .4s ease;
}
body .mobile-menu-overlay.active{
  opacity:1 !important;visibility:visible !important;
}
body .mobile-menu{
  position:absolute;top:0;right:0;bottom:0;
  width:280px;
  background:rgba(8,15,10,.95);
  backdrop-filter:blur(15px);
  padding:80px 40px 40px;
  display:flex;flex-direction:column;gap:24px;
  transform:translateX(100%);
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
body .mobile-menu-overlay.active .mobile-menu{
  transform:translateX(0);
}
body .mobile-menu-close{
  position:absolute;top:24px;right:24px;
  font-size:32px;color:#d4b378;cursor:pointer;line-height:1;
}
body .mobile-menu-item{
  font-family:'Noto Serif SC',serif;
  font-size:16px;font-weight:300;
  color:rgba(255,255,255,.7);letter-spacing:.12em;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-decoration:none;
  transition:color .4s ease;
}
body .mobile-menu-item:hover{color:#d4b378;}
body .mobile-menu-book{
  margin-top:20px;
  background:linear-gradient(135deg,#c9a961 0%,#d4b378 100%);
  color:#070e09;text-align:center;
  padding:16px;border-radius:50px;
  font-weight:500;letter-spacing:.15em;
  text-decoration:none;
}

/* ---------- 天气组件 ---------- */
body .nav-weather{
  display:flex;align-items:center;gap:6px;
  padding:6px 12px;
  color:rgba(255,255,255,.8);font-size:12px;
  background:rgba(255,255,255,.08);
  border-radius:20px;
  flex-shrink:0;cursor:pointer;
  position:relative;
}
body .weather-icon{font-size:14px;}
body .weather-temp{
  font-family:'Cormorant Garamond',serif;font-weight:500;
}
body .weather-card{
  position:absolute;top:100%;right:0;margin-top:8px;
  width:300px;
  background:rgba(7,14,9,.98);
  border:1px solid rgba(184,146,60,.3);
  border-radius:16px;padding:16px;
  box-shadow:0 8px 32px rgba(0,0,0,.3);
  opacity:0;visibility:hidden;
  transform:translateY(-10px);
  transition:all .4s ease;
  z-index:1000;
}
body .weather-card.show{
  opacity:1;visibility:visible;transform:translateY(0);
}
body .weather-card-header{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.1);
  margin-bottom:12px;
}
body .weather-location{font-size:13px;color:#d4b378;font-weight:500;}
body .weather-close{
  font-size:20px;color:rgba(255,255,255,.6);cursor:pointer;line-height:1;padding:4px;
}
body .weather-current{
  display:flex;align-items:center;gap:12px;padding:12px 0;
}
body .weather-current-icon{font-size:32px;}
body .weather-current-temp{font-size:28px;font-weight:600;color:#d4b378;}
body .weather-current-desc{font-size:13px;color:rgba(255,255,255,.7);}
body .weather-forecast{
  display:grid;grid-template-columns:repeat(7,1fr);gap:4px;
}
body .forecast-item{text-align:center;padding:8px 4px;border-radius:8px;}
body .forecast-day{font-size:11px;color:rgba(255,255,255,.6);margin-bottom:4px;}
body .forecast-icon{font-size:16px;margin:4px 0;}
body .forecast-temp{font-size:11px;color:rgba(255,255,255,.9);font-weight:500;}
body .forecast-rain{font-size:11px;color:rgba(100,180,255,.8);margin-top:2px;}

/* ---------- 响应式：1200px（中等屏缓冲） ---------- */
@media(max-width:1200px){
  body #nav{padding:0 18px;gap:16px;}
  body .nav-links{gap:2px;}
  body .nav-links > a{padding:6px 7px;}
  body .nav-zh{font-size:13px !important;}
  body .nav-phone{font-size:13px !important;}
  body .nav-book{padding:7px 14px !important;}
}

/* ---------- 响应式：1024px ---------- */
@media(max-width:1024px){
  body #nav{padding:0 16px;gap:12px;}
  body .nav-links{gap:2px;}
  body .nav-links > a{padding:6px 6px;}
  body .nav-zh{font-size:12px !important;}
  body .nav-name-zh{font-size:15px !important;letter-spacing:2px;}
  body .nav-phone{font-size:12px !important;}
  body .nav-en{display:none;}
}

/* ---------- 响应式：768px（移动端） ---------- */
@media(max-width:768px){
  body #nav{
    height:56px !important;
    padding:0 12px !important;gap:12px;
  }
  body #nav.solid{height:56px !important;}
  body .nav-seal{width:32px;height:32px;font-size:16px;}
  body .nav-seal span{font-size:14px;}
  body .nav-name-zh{font-size:14px !important;letter-spacing:2px;}
  body .nav-name-en{display:none;}
  body .nav-links{display:none !important;}
  body .nav-phone{display:none !important;}
  body .nav-book{display:none !important;}
  body .nav-weather{display:none;}
  body .nav-menu-btn{display:flex !important;}
}

/* ---------- 响应式：360px（小屏） ---------- */
@media(max-width:360px){
  body .nav-name-zh{font-size:12px !important;letter-spacing:1px;}
  body .nav-seal{width:28px;height:28px;}
}

/* ---------- 面包屑全站统一（旧版.breadcrumb / .orphan-breadcrumb / .breadcrumb-inner 对齐标准.breadcrumb-p2） ---------- */
body .breadcrumb,
body .orphan-breadcrumb,
body .breadcrumb-inner {
  background:#f6f2e9 !important;
  padding:12px 0 !important;
  border-bottom:1px solid #e8ddd0 !important;
  color:#8a7e72 !important;
  font-size:13px !important;
}
body .breadcrumb a,
body .orphan-breadcrumb a,
body .breadcrumb-inner a {
  color:#8a7e72 !important;
  text-decoration:none !important;
  transition:color .2s !important;
}
body .breadcrumb a:hover,
body .orphan-breadcrumb a:hover,
body .breadcrumb-inner a:hover { color:#b08d57 !important; }
body .breadcrumb .sep,
body .orphan-breadcrumb .sep { color:#d6cfc4 !important; margin:0 6px !important; }
body .breadcrumb .current,
body .orphan-breadcrumb .current { color:#b08d57 !important; font-weight:500 !important; }
body .breadcrumb .container,
body .breadcrumb-inner .container { max-width:1200px !important; margin:0 auto !important; padding:0 24px !important; }