/* =========================
   KazakhstanHub Header FINAL
   全站统一稳定版
========================= */

html{
  overflow-y:scroll;
  scrollbar-gutter:stable;
}


/* ===== 顶部固定区域 ===== */

.pageTop{
  position:sticky;
  top:0;
  z-index:999;
  background:transparent;
}


/* ===== 控制整体宽度 ===== */

.topWrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 14px;
}


/* ===== 蓝色条 ===== */

.topbar{
  position:sticky;
  top:0;
  z-index:999;

  display:flex;
  align-items:center;
  justify-content:space-between;

  /* 浅蓝玻璃色 */
  background:rgba(120,170,255,.18);

  /* 玻璃边框 */
  border:1px solid rgba(255,255,255,.30);

  /* 磨砂 */
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);

  /* 高光 + 阴影 */
  box-shadow:
    0 10px 24px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.35);

  padding:8px 10px;
  border-radius:18px;
  margin:8px 10px 6px 10px;
}

/* ===== logo ===== */

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#fff;
  min-width:0;
}


.brand img{
  width:44px;
  height:44px;
  border-radius:50%;
  object-fit:cover;
  flex-shrink:0;
  background:#fff;
  display:block;
}


.brand-text{
  display:flex;
  flex-direction:column;
  min-width:0;
}


.brand-title{
  font-size:18px;
  font-weight:800;
  line-height:1.2;
  color:#fff;
  white-space:nowrap;
}


.brand-title .gold{
  color:#ffd86b;
}


.brand-sub{
  font-size:12px;
  line-height:1.2;
  color:#d8defe;
  opacity:.92;
  white-space:nowrap;
}



/* ===== nav ===== */

.nav{

  display:flex;

  align-items:center;

  justify-content:flex-end;

  flex-wrap:wrap;

  gap:8px;

}


.nav a{
  text-decoration:none;
  color:#fff;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  font-size:14px;
  font-weight:700;
  line-height:1;
  transition:.22s ease;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.nav a:hover{

  transform:translateY(-2px);

  background:linear-gradient(
    135deg,
    rgba(59,130,246,.86),
    rgba(99,102,241,.86)
  );

  border-color:rgba(255,255,255,.30);

  box-shadow:0 10px 18px rgba(0,0,0,.20);

  color:#ffe28a;

}


.nav a.active{

  background:linear-gradient(
    135deg,
    #ffd86b,
    #fff0b0
  );

  color:#1d2b5f;

  border-color:rgba(255,255,255,.34);

  box-shadow:0 8px 18px rgba(0,0,0,.18);

}



/* ===== 平板 ===== */

@media (max-width:980px){

  .topbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .nav{
    width:100%;
    justify-content:flex-start;
  }

}



/* ===== 手机 ===== */

@media (max-width:640px){

  .topWrap{
    padding:0 8px;
  }

  .topbar{
    gap:10px;
    padding:10px 12px;
    margin:8px 0 6px 0;
    border-radius:16px;
  }

  .brand img{
    width:40px;
    height:40px;
  }

  .brand-title{
    font-size:16px;
  }

  .brand-sub{
    font-size:11px;
    white-space:normal;
  }

  .nav{
    gap:7px;
  }

  .nav a{
    font-size:13px;
    padding:7px 12px;
    min-width:84px;
    text-align:center;
  }

}


/* ===== KazakhstanHub 统一顶部颜色 ===== */

.topbar{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
}

/* ===== 二级页面主卡片颜色统一 ===== */
/* 不作用于 AI 页面 */

body:not(.aiPage) .container{
  background:transparent !important;
}

/* ===== 关闭二级页全蓝覆盖 =====

body:not(.aiPage) .wrap,
body:not(.aiPage) .container{
  background:transparent !important;
}

body:not(.aiPage) .wrap > div,
body:not(.aiPage) .container > div,
body:not(.aiPage) .wrap section,
body:not(.aiPage) .container section,
body:not(.aiPage) .wrap article,
body:not(.aiPage) .container article{
  background:rgba(60,88,170,.88) !important;
}

body:not(.aiPage) .ai-box,
body:not(.aiPage) .ai-panel,
body:not(.aiPage) .chat-box,
body:not(.aiPage) .chat-panel,
body:not(.aiPage) .service-grid,
body:not(.aiPage) .service-card,
body:not(.aiPage) .contact-grid,
body:not(.aiPage) .contact-card,
body:not(.aiPage) .info-card,
body:not(.aiPage) .page-card,
body:not(.aiPage) .content-card,
body:not(.aiPage) .hero-card{
  background:rgba(60,88,170,.88) !important;
}

===== 结束 ===== */
/* ===== KazakhstanHub 按钮颜色统一（支持7个按钮） ===== */

.nav a[href="index.html"]{
  background:linear-gradient(135deg,#7c3aed,#4f46e5);
}

.nav a[href="ai.html"]{
  background:linear-gradient(135deg,#2563eb,#1e40af);
}

.nav a[href="news.html"]{
  background:linear-gradient(135deg,#f59e0b,#d97706);
}

.nav a[href="ads.html"]{
  background:linear-gradient(135deg,#0ea5e9,#0369a1);
}

.nav a[href="biz.html"]{
  background:linear-gradient(135deg,#16a34a,#166534);
}

.nav a[href="about.html"]{
  background:linear-gradient(135deg,#db2777,#9d174d);
}

.nav a[href="contact.html"]{
  background:linear-gradient(135deg,#fb7185,#e11d48);
}

/* 当前页面 */

.nav a.active{
  filter:brightness(1.15);
}

/* ===== 首页底部卡片加深 ===== */

.info-card,
.page-card,
.contact-card,
.content-card{

  background:rgba(70,100,170,.48) !important;

  border:1px solid rgba(255,255,255,.28) !important;

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  box-shadow:
    0 10px 26px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.15);
}
.card{
  background:rgba(70,100,170,.48) !important;
}