/* ==========================================================================
   CityVistion Unified UI — frontend.css v1.0
   前端页面统一层：导航条（两侧排布）/ Hero / 卡片 / 按钮 / 表单 / 页脚。
   旧页面只需在 head 末尾按顺序加载：
     tokens.css → components.css → frontend.css
   本文件不强制覆盖页面私有类名，只统一公共结构与原生控件观感。
   ========================================================================== */

/* ---------- 页面基底 ---------- */
body {
  background: var(--cv-bg);
  color: var(--cv-text);
  font-family: var(--cv-font);
  -webkit-font-smoothing: antialiased;
}

/* ---------- 顶部导航（两侧排布：左 logo+菜单，右用户区） ---------- */
.cv-nav, header nav, .nav {
  display: flex; align-items: center; justify-content: space-between;
}
.cv-nav-left, .nav-left { display: flex; align-items: center; gap: 24px; }
.cv-nav-right, .nav-right { display: flex; align-items: center; gap: 18px; }

header, .site-header {
  background: rgba(11, 17, 32, .86);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--cv-border);
}

header a, .nav-links a, .site-header a { color: var(--cv-text-2); text-decoration: none; transition: color var(--cv-dur) var(--cv-ease); }
header a:hover, .nav-links a:hover, .site-header a:hover { color: var(--cv-text); }

/* ---------- 按钮（原生 button 观感统一，不动页面私有按钮类） ---------- */
button {
  font-family: var(--cv-font);
  transition: all var(--cv-dur) var(--cv-ease);
}
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--cv-accent-ring);
}

/* ---------- 输入控件 ---------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select, textarea {
  font-family: var(--cv-font);
  color: var(--cv-text);
  caret-color: var(--cv-accent);
}
input::placeholder, textarea::placeholder { color: var(--cv-text-3); }

/* ---------- 滚动条 ---------- */
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: rgba(148,163,184,.22); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: rgba(148,163,184,.38); }
*::-webkit-scrollbar-track { background: transparent; }

/* ---------- 选择文本 ---------- */
::selection { background: rgba(59, 130, 246, .35); }

/* ---------- 页脚 ---------- */
footer, .site-footer {
  border-top: 1px solid var(--cv-border);
  color: var(--cv-text-2);
}
footer a, .site-footer a { color: var(--cv-text-2); }
footer a:hover, .site-footer a:hover { color: var(--cv-accent-2); }