/* iOS 原生导航栏 — 全站单一固定顶栏（#turbo-nav），Turbo 切换只更新栏内标题/按钮 */
:root{
  --ios-nav-inline-h:calc(44px + env(safe-area-inset-top,0px));
  --ios-nav-large-h:calc(96px + env(safe-area-inset-top,0px));
}

#turbo-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:200;
  max-width:100%;
}

.ios-nav{
  position:relative;
  top:auto;
  z-index:1;
  background:#fff;
  padding-top:env(safe-area-inset-top,0px);
  border-bottom:.5px solid rgba(0,0,0,.08);
}
html[data-theme="dark"] .ios-nav{
  background:#1c1c1e;
  border-bottom-color:rgba(255,255,255,.08);
}
.contacts-body .ios-nav{
  background:#f7f7f7;
}
.contact-detail-body .ios-nav{
  background:#f2f2f7;
}
html[data-theme="dark"] .contacts-body .ios-nav{
  background:#000;
}
html[data-theme="dark"] .contact-detail-body .ios-nav{
  background:#000;
}

/* 顶栏占位：内容从顶栏下方开始，避免被 fixed 遮挡 */
body.has-turbo-nav #turbo-root,
#turbo-nav:not(:empty) + #turbo-root{
  padding-top:var(--ios-nav-inline-h);
}
body.has-turbo-nav.ios-nav-large-mode #turbo-root,
#turbo-nav:has(.ios-nav-large) + #turbo-root{
  padding-top:var(--ios-nav-large-h);
}

.ios-nav-large{padding:2px 16px 6px}
.ios-nav-bar{
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  min-height:44px;
}
.ios-nav-spacer{display:block}
.ios-nav-back{
  display:inline-flex;align-items:center;justify-content:center;
  gap:1px;
  font-size:17px;font-weight:400;line-height:1;
  color:var(--primary,#007aff);text-decoration:none;
  width:44px;height:44px;padding:0;
  border-radius:10px;
  -webkit-tap-highlight-color:transparent;
  transition:opacity .15s ease,transform .15s ease,background .15s ease;
  justify-self:start;
}
.ios-nav-back-icon{
  display:block;flex-shrink:0;
  width:22px;height:22px;
}
.ios-nav-back-text{
  font-size:17px;line-height:1;
  max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ios-nav-back.is-pressed,
.ios-nav-home.is-pressed{
  opacity:.72;
  transform:scale(.96);
  background:rgba(120,120,128,.12);
}
html[data-theme="dark"] .ios-nav-back.is-pressed,
html[data-theme="dark"] .ios-nav-home.is-pressed{
  background:rgba(235,235,245,.12);
}
.ios-nav-right{
  min-width:44px;min-height:44px;
  display:flex;align-items:center;justify-content:flex-end;
  gap:2px;
  justify-self:end;
}
.ios-nav-title-lg{
  margin:0;padding:2px 0 8px;
  font-size:34px;font-weight:700;letter-spacing:-.5px;
  color:var(--text,#191919);
}

.ios-nav-inline{
  display:grid;grid-template-columns:88px 1fr 88px;align-items:center;
  min-height:44px;padding:0 12px 0 8px;
}
.ios-nav-inline .ios-nav-back{
  width:auto;min-width:0;max-width:88px;
  justify-content:flex-start;
  justify-self:start;
  padding:0 4px 0 0;
}
.ios-nav-inline .ios-nav-back-text{max-width:56px}
.ios-nav-inline .ios-nav-title{
  margin:0;text-align:center;font-size:17px;font-weight:600;
  color:var(--text,#191919);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ios-nav-inline .ios-nav-right{justify-content:flex-end}

.ios-nav-go{background:#fff}
html[data-theme="dark"] .ios-nav-go{background:#1c1c1e}