/* ============================================================================
 * z11z372（老板 2026-10-23 19:33）：赋能工具三页的「页头 + 导航」改暖棕（= 主键「生成屏体」同色）
 *
 * 背景：页头由 js/site-header.js 注入，是**全站共享**的蓝色组件。这里只做本组页面的覆盖，
 *      不碰共享 js（其他页仍蓝）。取色直接对齐工具页主键 .btn.primary 的暖棕渐变：
 *        linear-gradient(135deg, #cda880, #b98a5c)
 *
 * 生效范围（各页在 </head> 前 link 本文件，带 ?v=）：
 *   /xiaoguotu  effect-design.html   效果图制作
 *   /ganggou    steel-design.html    LED结构CAD生成
 *   /pingjie    lcd-design.html      LCD结构CAD生成（壁挂）
 *   /pingjie17  lcd-1.7.html         LCD结构CAD生成（1.7）
 *   /pingjie088 lcd-0.88.html        LCD结构CAD生成（0.88）
 *
 * ★ 必须 !important：site-header.js 运行时把自己的 <style> append 到 head 末尾，
 *   顺序上永远晚于本文件（同 specificity 会被它压住）。mall.html 的橙色页头同此套路。
 * ========================================================================== */

/* ① 顶栏：深古铜棕渐变（z11z373 老板 19:42「褐色太浅了，深一点，高级感一些」）
 *   第一版 #cda880→#b98a5c 太浅显土；压深到深古铜 → 浓缩咖啡：#9c7a55 → #6d4f34，白字对比 ~7:1 仍清楚。 */
.shm-topbar {
  background: linear-gradient(135deg, #9c7a55 0%, #6d4f34 100%) !important;
  box-shadow: 0 2px 10px rgba(60, 40, 24, .38) !important;
}

/* ② 导航条：中间深驼、两端浅米（保留原来那条金属光感，只换色相）
 *   ★ 两端别调太浅：工具页主体是米白（#fbf7f0），导航两端若到 #f2e2cd 会与页面糊在一起、导航条"消失"。
 *     第一版就是这个问题，收深到 #c4a482 才有边界感；本版随顶栏一起压深。 */
.shm-subnav {
  background: linear-gradient(90deg,
    #c4a482 0%, #b09070 14%, #997a58 32%, #886a49 50%,
    #997a58 68%, #b09070 86%, #c4a482 100%) !important;
  border-top: 1px solid #a5865f !important;
  box-shadow: 0 1px 6px rgba(60, 40, 24, .24) !important;
}

/* ③ 居中理念字「正念·利他·共赢」：冷白 → 暖白（同结构只换色） */
.shm-motto {
  background: linear-gradient(90deg,
    rgba(246, 236, 222, 0) 0%, #f0dcbe 22%, #fffaf2 50%, #f0dcbe 78%,
    rgba(246, 236, 222, 0) 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.shm-motto .shm-dot { background: #f5e8d6 !important; }
.shm-motto::before { background: linear-gradient(90deg, rgba(245, 232, 214, 0), rgba(245, 232, 214, .62)) !important; }
.shm-motto::after { background: linear-gradient(90deg, rgba(245, 232, 214, .62), rgba(245, 232, 214, 0)) !important; }

/* ④ 导航项 hover / 展开态：暖白蒙层（原来是蓝色系白色蒙层，这里改成偏暖一点） */
.shm-nav-item:hover { background: rgba(255, 255, 255, .16) !important; }
.shm-nav-item.drop-open { background: rgba(255, 255, 255, .2) !important; }

/* ⑤ 「赋能工具」下拉面板：浅蓝 → 米白纸感，字用深棕 */
.shm-tdrop {
  background: #fdf8f0 !important;
  border-color: #e2d2ba !important;
  box-shadow: 0 8px 22px rgba(150, 110, 70, .22) !important;
}
.shm-tdrop .td-item { color: #8a6033 !important; }
.shm-tdrop .td-item:hover,
.shm-tdrop .td-item:focus-visible { background: #b98a5c !important; color: #fff !important; }

/* ⑥ 右上两枚胶囊：
 *   · 行业价格实时同步 —— 绿点保留（它表示"实时"，换色会失义），文字与边框改暖白；
 *   · 登录 / 手机号 —— 白实心 + 深棕字，在暖棕页头上最醒目。 */
.shm-live {
  border-color: rgba(255, 255, 255, .6) !important;
  background: rgba(255, 255, 255, .2) !important;
  color: #fff !important;
}
.shm-live .lb-en { color: rgba(255, 255, 255, .82) !important; }
.shm-pill {
  background: #fff !important;
  border-color: #fff !important;
  color: #8a6033 !important;
  font-weight: 300 !important;   /* z11z447（老板 16:22）：登录/手机号胶囊不要粗体，用细体（与蓝色页头同口径） */
}
.shm-pill:hover { background: #fdf3e8 !important; border-color: #e2d2ba !important; }

/* ⑦ 登录弹层标题条本来也是蓝色渐变 → 一起换深棕，否则点登录会跳出蓝块 */
.shm-title { background: linear-gradient(135deg, #6d4f34, #9c7a55) !important; }
.shm-ok-band { background: linear-gradient(135deg, #6d4f34, #9c7a55) !important; }