/* MyNav 自定义样式（在 Tailwind 之上做细节补充） */

/* 隐藏滚动条但保留滚动（搜索面板等） */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* 站内搜索高亮（柔和活力） */
mark {
  background: linear-gradient(120deg, rgba(253,186,116,.55), rgba(253,164,175,.5));
  color: inherit;
  border-radius: 3px;
  padding: 0 1px;
}
.dark mark {
  background: linear-gradient(120deg, rgba(253,186,116,.35), rgba(244,114,182,.32));
}

/* 主题切换平滑过渡（仅色彩，避免与毛玻璃 backdrop-filter 冲突抖动） */
body, .lg-body {
  transition: color .35s ease, background-color .5s ease;
}
.lg-glass, .lg-glass-soft, .lg-card, .lg-glass-nav, .lg-searchbox {
  transition: color .35s ease;
}

/* 引擎/历史下拉滚动（柔和细滚动条） */
#engine-menu::-webkit-scrollbar { width: 6px; }
#engine-menu::-webkit-scrollbar-thumb {
  background: rgba(130,140,190,.35); border-radius: 3px;
}
#engine-menu::-webkit-scrollbar-thumb:hover { background: rgba(130,140,190,.55); }

/* ============================================================
   iOS 液态玻璃 —— 前台动态生成内容的柔和化（作用域限定）
   ============================================================ */
/* 引擎下拉列表项 hover（实底浮层上用浅灰底） */
#engine-list button{ border-radius:10px; margin:1px 6px; transition:background .15s, transform .15s; }
#engine-list button:hover{
  background:#f1f3fa !important;
  color:var(--lg-text) !important;
}
.dark #engine-list button:hover{ background:rgba(255,255,255,.08) !important; }
#engine-list button.text-blue-500{ color:var(--lg-accent) !important; }
#history-list button{ border-radius:10px; margin:1px 6px; transition:background .15s; }
#history-list button:hover{ background:#f1f3fa; }
.dark #history-list button:hover{ background:rgba(255,255,255,.06); }

/* 天气详情面板预报格（玻璃卡内软化） */
#weather-panel .grid-cols-3 > div{
  background:var(--lg-glass-soft) !important;
  border:1px solid var(--lg-border-outer) !important;
  backdrop-filter:blur(8px) saturate(140%);
  -webkit-backdrop-filter:blur(8px) saturate(140%);
}
.dark #weather-panel .grid-cols-3 > div{ background:rgba(255,255,255,.05) !important; }

/* 站点图标与文字兜底 */
.favicon-box { position: relative; }
.favicon-img { display: block; }
.favicon-letter {
  display: none;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
}
.favicon-letter.show { display: block; }
.favicon-img.hide { display: none; }

/* Toast 通知 */
.mynav-toast {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 10px 18px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  opacity: 0;
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;
}
.mynav-toast.show { opacity: 1; transform: translateX(-50%) translateY(4px); }
.mynav-toast.success { background: #16a34a; }
.mynav-toast.error   { background: #dc2626; }
.mynav-toast.info    { background: #2563eb; }