/* ==========================================================================
   PC 主站外壳 · 统一视觉覆盖（Modern Tech Blue）
   --------------------------------------------------------------------------
   目的：把整站「外壳」（顶部条 / 主导航 / 搜索按钮 / 页脚）统一到科技蓝体系，
        与号段模块、手机端保持一致。
   原则：只覆盖「颜色 / 渐变」等外观属性，
        不动 width / height / float / position 等布局属性 —— 避免影响原有功能页。
   加载顺序：在 public.css / style.css / index.css 之后加载。
   ========================================================================== */

:root{
  --pc-brand:#1A6CFF;
  --pc-brand-2:#4C8DFF;
  --pc-grad:linear-gradient(135deg,#1A6CFF 0%,#4C8DFF 100%);
}

/* ---------- 顶部公告条：灰 → 浅中性底 ---------- */
.page-head .top{
  background-color:#F6F8FC !important;
  border-bottom:1px solid #E6EBF2 !important;
  color:#475569 !important;
}

/* ---------- 主导航：红 #ed1b24 → 科技蓝渐变 ---------- */
.page-head .nav{
  background-color:var(--pc-brand) !important;
  background-image:var(--pc-grad) !important;
  box-shadow:0 4px 16px rgba(26,108,255,.22);
}

/* 导航项 hover：白透明叠加（渐变底上更现代） */
.nav li>a:hover{
  background-color:rgba(255,255,255,.16) !important;
}

/* 当前页高亮：原橙 #FB7D00 → 更强的白叠加 + 加粗 */
.nowpage>a,
.nav li.nowpage>a{
  background-color:rgba(255,255,255,.28) !important;
  font-weight:700;
}

/* 末项（用户服务中心）：原橙 #ff7800 → 半透明白 */
.nav li:last-child{
  background-color:rgba(255,255,255,.14) !important;
}
.nav li:last-child a:hover{
  background-color:rgba(255,255,255,.24) !important;
}

/* ---------- 头部搜索按钮：红 #EE272C → 科技蓝渐变 ---------- */
.sanniu,
.serchan .sanniu{
  background-color:var(--pc-brand) !important;
  background-image:var(--pc-grad) !important;
  color:#FFF !important;
  border-radius:0 4px 4px 0;
}

/* ---------- 页脚：与号段模块页脚统一 ---------- */
.common-footer,
.footer{
  border-top:1px solid #E6EBF2;
}
.common-footer p a,
.footer a{
  color:#475569;
}
.common-footer p a:hover,
.footer a:hover{
  color:var(--pc-brand);
}

/* ---------- 全站链接 hover 主色 ---------- */
a:hover{
  color:var(--pc-brand);
}