/* ===========================================================
   Global Header / Navigation / Mega Menus
   Metrics measured from real xinpianchang.com renders
   (首屏.png = 顶部透明态 / 下滑.png = 吸顶态, 均含 16px 滚动条 → 内容宽 1904)
   -----------------------------------------------------------
   导航条: 高 60px(border-box, 含 1px 底边)  左右内边距 24px(px-6)
   LOGO:  100×28, 左端 x=24  → 24..124
   主导航: 首项文字左端 x=162(与 logo 间距 38px), 项间距 36px, 字号 16px
   搜索胶囊: 272×38, 圆角 8, 底 rgba(255,255,255,.24)
   右簇:  会员 58×24 · 铃铛 24×32 · 登录圆 32(ring 1px) · 上传 80×34, gap 20px
   滚动态两阶段(以 #squareNav 是否吸顶为唯一分界):
     is-transparent        未滚动到 #squareNav → 透明条覆于 hero 上, 随页面滚走, 无吸顶导航
     is-solid.is-merged    越过 #squareNav   → 与栏目标签合并为一条毛玻璃吸顶导航
   =========================================================== */
.nav-header {
  position: sticky; top: 0; z-index: var(--z-header);
  width: 100%; height: var(--header-h);
  background: var(--c-panel); border-bottom: 1px solid var(--color-border);
}
/* 首屏: 覆盖在 hero 之上, 顶部黑色渐变 + 轻微模糊, 文字 80% 白 */
.nav-header.is-transparent {
  position: absolute; top: 0; left: 0; right: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px);
  border-bottom: none; color: #fff;
}
.nav-header.is-transparent .nav-link,
.nav-header.is-transparent .header-logo { color: rgba(255, 255, 255, .8); }
/* 滚动态: 固定 60px 条 */
.nav-header.is-solid {
  position: fixed; top: 0; left: 0; right: 0;
  background: transparent; border-bottom: none; box-shadow: none;
}
/* 越过 #squareNav 时整条导航淡入下滑 —— 避免出现得很突兀 */
@keyframes xpcHeaderIn {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: none; }
}
/* 合并态: 与吸顶栏目标签同处一行 → 自身透明, 且空白处不拦截点击
   底色由 .square-nav.is-stuck 的毛玻璃提供(z-index 更低), 此处不可再叠一层 blur */
.nav-header.is-solid.is-merged {
  background: transparent; border-bottom: none;
  pointer-events: none;
  animation: xpcHeaderIn .22s cubic-bezier(.22, .61, .36, 1) both;
}
.nav-header.is-solid.is-merged .header-logo,
.nav-header.is-solid.is-merged .header-search,
.nav-header.is-solid.is-merged .header-actions { pointer-events: auto; }

.nav-inner {
  height: 100%; width: 100%;
  padding: 0 var(--header-px);
  display: flex; align-items: center;
}

/* ---- Logo (真实站为单一 SVG: 气泡 new + 新片场, 100×28) ---- */
/* SEO: 全站唯一 h1 包裹 logo，flex/字号与原有 flex item 对齐，视觉零变化 */
/* SEO: h1 里的 LOGO 是 SVG，爬虫读不到文本；.site-h1__text 是视觉隐藏的站名，
   让首页唯一的 h1 有实际内容（不影响布局与视觉）。 */
.site-h1__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.site-h1 { display: flex; align-items: center; flex: none; font-size: inherit; }
.header-logo { display: flex; align-items: center; flex: none; color: var(--color-primary); text-decoration: none; }
.header-logo .logo-svg { display: block; width: 100px; height: 28px; }
.header-logo svg.logo-svg { fill: currentColor; }
.nav-header.is-transparent .header-logo { color: #fff; }
.nav-header.is-solid .header-logo { color: var(--color-primary); }
/* 旧版文字 Logo(其他页面仍在用) */
.header-logo svg { height: 26px; width: auto; }
.logo-bubble {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 10px 10px 10px 3px;
  background: currentColor; flex: none;
}
.logo-bubble b { font-size: 13px; font-weight: 800; color: #fff; letter-spacing: -.5px; transform: translateY(.5px); }
.nav-header.is-transparent .logo-bubble { background: var(--c-panel); }
.nav-header.is-transparent .logo-bubble b { color: #111; }
.logo-word { font-size: 21px; font-weight: 800; letter-spacing: 1px; line-height: 1; }
.logo-svg { height: 26px; width: auto; }

/* ---- Nav menu: 首项文字 x=162, 项间距 36px ---- */
.nav-menu {
  display: flex; align-items: center; height: 100%; margin-left: 38px; gap: 36px;
  transition: opacity .3s ease;
}
/* 合并态下主导航整行移除（下滑.png: 该行只保留 LOGO + 栏目 Tab + 右侧操作区） */
.nav-header.is-solid.is-merged .nav-menu { display: none; }
.nav-item { position: relative; display: flex; align-items: center; height: 100%; }
.nav-link {
  position: relative;
  display: flex; align-items: center; height: 100%;
  font-size: var(--fs-base); color: var(--color-text-muted);
  transition: color .25s ease; white-space: nowrap;
}
.nav-item:hover > .nav-link { color: var(--color-text); }
.nav-header.is-transparent .nav-item:hover > .nav-link { color: #eee; text-shadow: 0 0 1px #fff; }
.nav-item.has-mega:hover > .mega,
.nav-item.has-dropdown:hover > .dropdown { display: block; }

/* AI badge: 真实站 = absolute right:8px + translateX(100%) + scale(.7)
   即徽标左端落在文字右端 -8px 处 */
.nav-item .ai-badge {
  position: absolute; left: calc(100% - 8px); top: 8px;
  transform: scale(.7); transform-origin: left top;
  background: #FEE2E2; color: var(--color-primary);
  font-size: 12px; font-weight: 700; line-height: 17px;
  padding: 0 4px; border-radius: 4px; white-space: nowrap;
}

/* ---- Mega Menu ---- */
.mega {
  display: none; position: absolute; top: 100%; left: 0;
  background: var(--c-panel); box-shadow: var(--shadow-dropdown); border-radius: var(--radius-lg);
  padding: 20px; z-index: var(--z-dropdown); min-width: 520px;
  border: 1px solid var(--color-border);
}
.mega-cols { display: flex; gap: 28px; }
.mega-col { min-width: 140px; }
/* SEO：导航分组标题不是页面内容结构，改用 div（.mega-col__title），
   语义上不再冒充 h2；样式与原来完全一致，故保留原 h4/h2 选择器。 */
.mega-col h4, .mega-col h2, .mega-col__title { font-size: var(--fs-sm); color: var(--color-text-light); font-weight: var(--fw-medium); margin-bottom: 10px; }
.mega-col a { display: block; padding: 7px 0; font-size: var(--fs-sm); color: var(--color-text-strong); }
.mega-col a:hover { color: var(--color-primary); }
.mega-sub { margin-top: 8px; }
.mega-sub a { font-size: var(--fs-xs); color: var(--color-text-muted); }

/* ---- Dropdown (simple) ---- */
.dropdown {
  display: none; position: absolute; top: 100%; right: 0; min-width: 200px;
  background: var(--c-panel); box-shadow: var(--shadow-dropdown); border-radius: var(--radius-lg);
  padding: 8px; z-index: var(--z-dropdown); border: 1px solid var(--color-border);
}
.dropdown a, .dropdown button {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 9px 12px; border-radius: var(--radius-md); font-size: var(--fs-sm);
  color: var(--color-text-strong); text-align: left;
}
.dropdown a:hover, .dropdown button:hover { background: var(--color-surface-2); color: var(--color-text); }
.dropdown .dv { border-top: 1px solid var(--color-border); margin: 6px 4px; }
.dropdown .new-badge { margin-left: auto; background: var(--color-primary); color: #fff; font-size: 10px; padding: 0 4px; border-radius: 3px; font-weight: 700; }
.dropdown .desc { display: block; font-size: 11px; color: var(--color-text-light); margin-top: 2px; }

/* ---- Search: 胶囊 271×38, 圆角 8, 半透明白 ---- */
.header-search { margin-left: auto; display: flex; align-items: center; padding: 0 var(--header-px); }
.header-search form {
  display: flex; align-items: center; height: 38px; width: 272px;
  padding: 0 10px; border: 1px solid transparent; border-radius: 8px;
  background: rgba(255, 255, 255, .24);
  transition: width .2s ease, background .15s ease, border-color .15s ease;
}
.header-search input {
  flex: 1; min-width: 0; border: none; background: none; outline: none;
  font-size: 14px; color: #fff;
}
.header-search input::placeholder { color: rgba(255, 255, 255, .4); }
.header-search .s-ai,
.header-search .s-cam,
.header-search .s-icon {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  color: rgba(255, 255, 255, .45); cursor: pointer; background: none; border: none; padding: 0;
}
/* 内页模板用的是 .s-cam（摄像机图标），此前无任何规则 → 与外层错位且点不到 */
.header-search .s-cam { width: 17px; height: 17px; margin-left: 8px; }
.header-search .s-cam svg { width: 100%; height: 100%; }
.header-search .s-cam:hover,
.header-search .s-icon:hover { color: rgba(255, 255, 255, .9); }
.header-search .s-ai { width: 17px; height: 17px; margin-left: 8px; }
.header-search .s-ai svg { width: 100%; height: 100%; }
.nav-header:not(.is-transparent):not(.is-solid) .header-search .s-cam { color: var(--color-text-light); }
.header-search .s-icon { width: 18px; height: 18px; margin-left: 10px; }
.header-search .s-icon svg { width: 100%; height: 100%; }
.header-search form:hover { background: rgba(255, 255, 255, .16); }
.header-search form:focus-within { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .48); }
/* 非透明导航(内页)用灰色胶囊 */
.nav-header:not(.is-transparent):not(.is-solid) .header-search form { background: var(--color-surface-2); }
.nav-header:not(.is-transparent):not(.is-solid) .header-search input { color: var(--color-text); }
.nav-header:not(.is-transparent):not(.is-solid) .header-search .s-ai,
.nav-header:not(.is-transparent):not(.is-solid) .header-search .s-icon { color: var(--color-text-light); }
/* 合并态(与栏目标签同排): 胶囊收起, 仅保留放大镜图标(真实站下滑.png) */
.nav-header.is-solid.is-merged .header-search form {
  width: 24px; padding: 0; background: none; border-color: transparent;
}
.nav-header.is-solid.is-merged .header-search input,
.nav-header.is-solid.is-merged .header-search .s-ai { display: none; }
.nav-header.is-solid.is-merged .header-search .s-icon { margin-left: 0; color: var(--color-text); }
.nav-header.is-solid.is-merged .header-search .s-icon svg { width: 20px; height: 20px; }

/* ---- Right cluster: 真实站 header-user-menu = gap-5(20px) ----
   会员 58×24 · 消息按钮 24×32(svg 24) · 登录圆 32 + ring1 · 上传 80×34 (+ml-1) */
.header-actions { display: flex; align-items: center; gap: 20px; flex: none; }
.act-vip { display: inline-flex; align-items: center; flex: none; }
.act-vip .vip-svg { display: block; width: 58px; height: 24px; }
.act-bell {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 32px; flex: none; padding: 0;
  color: var(--color-text); background: none; border: none; cursor: pointer;
}
.act-bell svg { width: 24px; height: 24px; }
.act-bell:hover { opacity: .8; }
/* 首屏透明态: 真实站 svg class=text-[rgba(255,255,255,.48)] */
.nav-header.is-transparent .act-bell { color: rgba(255, 255, 255, .48); }
.nav-header.is-transparent .act-bell:hover { color: #fff; opacity: 1; }
.act-login {
  width: 32px; height: 32px; border-radius: 50%; background: #4B5563;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .2);
  color: #fff; font-size: 12px; display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer; border: none; flex: none; text-decoration: none;
}
.act-login:hover { background: #374151; color: #fff; }
.avatar-btn {
  width: 32px; height: 32px; border-radius: 50%; overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .2); background: var(--color-surface-2);
  flex: none; cursor: pointer;
}
.avatar-btn img { width: 100%; height: 100%; object-fit: cover; }

/* ===========================================================
   登录后的「头像 + 用户功能菜单」
   —— 菜单挂载在 .user-menu-wrap 上（position:relative），锚点右缘与头像右缘对齐，
      面板整体向左展开；JS 侧与「上传」菜单互斥，二者不会同时展开、不会重叠。
   =========================================================== */
.user-menu-wrap { position: relative; flex: none; }
.avatar-btn { overflow: visible; padding: 0; border: none; }
.avatar-btn img { border-radius: 50%; }
.avatar-caret {
  position: absolute; right: -3px; bottom: -3px;
  width: 14px; height: 14px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--c-panel); color: var(--color-text-light);
  box-shadow: 0 0 0 1px var(--color-border);
  line-height: 0; transition: color .15s ease, transform .15s ease;
}
.avatar-btn[aria-expanded="true"] .avatar-caret { color: var(--color-primary); }
.avatar-btn[aria-expanded="true"] .avatar-caret svg { transform: rotate(180deg); }

.dropdown--user {
  min-width: 236px; max-width: 300px; padding: 0; overflow: hidden;
  top: calc(100% + 6px); right: 0;
}
/* 悬停桥接区：鼠标从头像移到菜单的途中不会触发 mouseleave（与上传菜单同一套做法） */
.dropdown--user::before {
  content: ''; position: absolute; left: 0; right: 0; top: -6px; height: 6px;
}
.um-head {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 12px 12px 14px; background: var(--color-surface-2);
  border-bottom: 1px solid var(--color-border);
}
.um-avatar { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex: none; background: var(--color-surface-2); }
.um-meta { min-width: 0; flex: 1; }
.um-name {
  font-size: 14px; font-weight: var(--fw-semibold); color: var(--color-text-strong);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.um-sub { font-size: 11px; color: var(--color-text-light); margin-top: 2px; letter-spacing: .3px; }
/* 注：此处原有 `.dropdown--user .um-home`（创作者面板圆形箭头入口，必须带前缀抬高优先级，
   否则会被上面的 `.dropdown a`(0,1,1) 压成整行链接、把 .um-meta 挤成 0 宽）。
   2026-10-13 按需求直接删掉该入口，对应规则一并移除 —— 不要再加回来。 */

.um-grp { padding: 6px 6px 2px; }
.um-grp + .um-grp { border-top: 1px solid var(--color-border); margin-top: 2px; }
.um-grp-t {
  font-size: 11px; color: var(--color-text-muted); letter-spacing: .4px;
  padding: 4px 6px 6px; font-weight: var(--fw-medium);
}
.dropdown--user .um-grp a { padding: 8px 10px; gap: 9px; border-radius: var(--radius-sm); }
.dropdown--user .um-grp a svg { flex: none; color: var(--color-text-light); }
.dropdown--user .um-grp a span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dropdown--user .um-grp a:hover svg { color: var(--color-primary); }

.um-foot { padding: 6px; border-top: 1px solid var(--color-border); }
.um-foot form { margin: 0; }
.um-foot button {
  display: flex; align-items: center; gap: 9px; width: 100%;
  padding: 9px 10px; border: none; background: none; cursor: pointer;
  border-radius: var(--radius-sm); font-size: var(--fs-sm);
  color: var(--color-text-strong); text-align: left;
}
.um-foot button svg { flex: none; color: var(--color-text-light); }
.um-foot button:hover { background: var(--color-primary-bg); color: var(--color-primary); }
.um-foot button:hover svg { color: var(--color-primary); }

.upload-wrap { position: relative; margin-left: 4px; flex: none; }
.btn-upload {
  display: inline-flex; align-items: center; justify-content: center;
  width: 80px; height: 34px; border-radius: 8px;
  background: var(--color-primary); color: #fff; font-size: 14px; font-weight: var(--fw-medium);
  cursor: pointer; border: none; flex: none; text-decoration: none;
}
.btn-upload:hover { background: #d63e2f; color: #fff; }

/* caret 已按真实站移除, 保留样式兼容其他页面 */
.caret { font-size: 10px; margin-left: 2px; opacity: .6; }

/* NEW / BETA badge inside dropdown */
.dropdown a .new-badge, .new-badge {
  margin-left: auto; background: var(--color-primary); color: #fff;
  font-size: 10px; padding: 0 4px; border-radius: 3px; font-weight: 700; flex: none;
}

/* nav items hidden until xl — 断点取 1200px: 实测 1280 视口下若显示这两项,
   整行需要 1310px, 会让页面出现 6px 横向溢出(底部滚动条) */
.hide-xl { display: none; }
@media (min-width: 1200px) { .hide-xl { display: flex; } }

/* 窄桌面向下压缩导航行, 同样为避免整行溢出 */
@media (max-width: 1319px) {
  .nav-menu { margin-left: 24px; gap: 26px; }
  .header-search form { width: 224px; }
}
@media (max-width: 1100px) {
  .nav-menu { margin-left: 18px; gap: 18px; }
  .header-search form { width: 176px; }
}

/* login-area slot must not break the flex row */
.header-actions [data-login-area] { display: contents; }

/* ===========================================================
   Mobile nav (≤768) — 汉堡按钮 + 左侧抽屉
   桌面端整块 display:none（纯新增，不影响任何既有规则），
   窄屏启用逻辑全部写在 css/responsive.css 的 .page-home 作用域下
   =========================================================== */
.nav-toggle { display: none; }
/* SEO：移动端菜单的分组标题不属于页面内容结构，改用 div（.mnav__grp-title）。
   这里显式给出与原 h2 默认样式等价的字号 / 字重 / 外边距，保证视觉一致。 */
.mnav__grp-title { font-size: 1.5em; font-weight: 700; margin: 0.83em 0; }

.mnav { display: none; }
body.mnav-open { overflow: hidden; }

/* ---- Mobile ---- */
.nav-toggle { display: none; }
@media (max-width: 1024px) {
  .nav-menu { display: none; }
  .header-search form { width: 150px; }
}
@media (max-width: 768px) {
  .nav-header { height: var(--header-h-mobile); }
  .nav-inner { padding: 0 var(--header-px-mobile); }
  .header-search { display: none; }
}

/* ===========================================================
   子页面通用导航 (chrome.js 注入的 .nav-header--site)
   —— 与首页导航解耦：更高(72/64/56)、深色底、品牌渐变细线
   作用域限定在 .nav-header--site，index.html 完全不受影响
   =========================================================== */
.nav-header--site {
  position: sticky; top: 0; z-index: var(--z-header);
  height: 72px; border-bottom: none; color: #fff;
  background:
    radial-gradient(120% 180% at 12% -40%, rgba(231, 75, 59, .22) 0%, rgba(231, 75, 59, 0) 55%),
    linear-gradient(180deg, #171A22 0%, #101218 100%);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
}
/* 底部品牌渐变细线 */
.nav-header--site::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: linear-gradient(90deg, rgba(231, 75, 59, 0) 0%, rgba(231, 75, 59, .75) 22%,
    #FF7A45 50%, rgba(231, 75, 59, .75) 78%, rgba(231, 75, 59, 0) 100%);
}
.nav-header--site .nav-inner { height: 100%; }

/* Logo */
.nav-header--site .header-logo { color: #fff; }
.nav-header--site .header-logo .logo-svg,
.nav-header--site .header-logo svg { height: 30px; width: auto; }
.nav-header--site .header-logo:hover { color: #fff; opacity: .88; }

/* 主导航 */
.nav-header--site .nav-menu { margin-left: 40px; gap: 30px; }
.nav-header--site .nav-link { font-size: 15px; color: rgba(255, 255, 255, .74); letter-spacing: .2px; }
.nav-header--site .nav-item:hover > .nav-link { color: #fff; }
.nav-header--site .nav-link.is-active { color: #fff; font-weight: var(--fw-semibold); }
.nav-header--site .nav-link.is-active::after {
  content: ''; position: absolute; left: 50%; transform: translateX(-50%);
  bottom: 16px; width: 22px; height: 2px; border-radius: 2px;
  background: var(--color-primary); box-shadow: 0 0 8px rgba(231, 75, 59, .7);
}
.nav-header--site .nav-item .ai-badge {
  background: rgba(255, 255, 255, .14); color: #FFC9B8; font-size: 11px;
}
.nav-header--site .nav-item .caret { opacity: .55; }

/* 下拉面板：深色底上用白面板更清晰 */
.nav-header--site .mega,
.nav-header--site .dropdown { top: calc(100% + 6px); box-shadow: 0 18px 44px rgba(0, 0, 0, .22); }
.nav-header--site .mega::before,
.nav-header--site .dropdown::before {
  content: ''; position: absolute; left: 0; right: 0; top: -6px; height: 6px;   /* 悬停不断开的桥接区 */
}

/* 搜索胶囊 */
.nav-header--site .header-search { padding: 0; }
.nav-header--site .header-search form {
  height: 40px; width: 300px; border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .16);
  padding: 0 14px;
  transition: background .18s, border-color .18s, box-shadow .18s, width .2s;
}
.nav-header--site .header-search input { color: #fff; font-size: 14px; }
.nav-header--site .header-search input::placeholder { color: rgba(255, 255, 255, .45); }
.nav-header--site .header-search .s-ai,
.nav-header--site .header-search .s-icon { color: rgba(255, 255, 255, .62); }
.nav-header--site .header-search form:hover { background: rgba(255, 255, 255, .16); }
.nav-header--site .header-search form:focus-within {
  background: rgba(255, 255, 255, .14);
  border-color: rgba(255, 255, 255, .42);
  box-shadow: 0 0 0 3px rgba(231, 75, 59, .18);
}

/* 右簇 */
.nav-header--site .header-actions { gap: 16px; }
.nav-header--site .act-vip {
  gap: 5px; height: 32px; padding: 0 14px; border-radius: 999px;
  font-size: 13px; font-weight: var(--fw-medium); color: #3B2A12;
  background: linear-gradient(135deg, #F7D9A0 0%, #E0B063 50%, #C9973F 100%);
  box-shadow: 0 2px 10px rgba(224, 176, 99, .35);
}
.nav-header--site .act-vip svg { width: 15px; height: 15px; }
.nav-header--site .act-vip:hover { color: #3B2A12; filter: brightness(1.06); }
.nav-header--site .act-bell { color: rgba(255, 255, 255, .78); }
.nav-header--site .act-bell:hover { color: #fff; }
.nav-header--site .act-login {
  width: auto; height: 32px; padding: 0 16px; border-radius: 999px;
  background: rgba(255, 255, 255, .08); color: rgba(255, 255, 255, .92);
  border: 1px solid rgba(255, 255, 255, .24); box-shadow: none; font-size: 13px;
}
.nav-header--site .act-login:hover { background: rgba(255, 255, 255, .18); color: #fff; }
.nav-header--site .avatar-btn { box-shadow: 0 0 0 1px rgba(255, 255, 255, .28); }
.nav-header--site .btn-upload {
  width: auto; min-width: 84px; height: 36px; padding: 0 18px; border-radius: 999px;
  font-size: 14px; font-weight: var(--fw-semibold);
  background: linear-gradient(135deg, #FF6A4D 0%, #E74B3B 55%, #C7362A 100%);
  box-shadow: 0 6px 18px rgba(231, 75, 59, .38);
}
.nav-header--site .btn-upload:hover {
  background: linear-gradient(135deg, #FF7A5E 0%, #F0564A 55%, #D43C30 100%);
  color: #fff;
}

/* ---- 子页面导航的响应式高度 ---- */
@media (max-width: 1024px) { .nav-header--site { height: 64px; } }
@media (max-width: 768px)  { .nav-header--site { height: 56px; } }
@media (max-width: 1319px) {
  .nav-header--site .nav-menu { margin-left: 26px; gap: 22px; }
  .nav-header--site .header-search form { width: 240px; }
}
@media (max-width: 1100px) {
  .nav-header--site .nav-menu { gap: 18px; }
  .nav-header--site .header-search form { width: 170px; }
  /* 1024 时右簇(主题+会员+铃铛+登录+上传)刚好顶到 1000=1024-24，留一点余量 */
  .nav-header--site .header-actions { gap: 12px; }
  .nav-header--site .act-vip { padding: 0 12px; }
  .nav-header--site .btn-upload { min-width: 74px; padding: 0 14px; }
  .nav-header--site .theme-switch { width: 30px; height: 30px; }
}