/* ZB_ITS_NOC_THEME_20260302 */

/* =========================================================
   ZB-ITS NOC 主题：高速绿 + 交通黄 + 控制台条码
   目标：高对比、可读、硬核、行业识别明显
   ========================================================= */

:root{
  /* 基础：更亮、更可读 */
  --theme: rgb(14, 18, 22) !important;         /* 背景 */
  --entry: rgb(24, 30, 36) !important;         /* 卡片 */
  --primary: rgb(244, 248, 252) !important;    /* 主文字 */
  --secondary: rgb(197, 206, 216) !important;  /* 次级文字 */
  --content: rgb(220, 230, 240) !important;    /* 正文 */
  --tertiary: rgb(155, 166, 178) !important;   /* 说明 */
  --border: rgb(58, 70, 82) !important;

  /* ITS 强识别色 */
  --zb-green: #2ee36b;
  --zb-yellow: #ffd35a;

  /* 细节 */
  --zb-glow-g: rgba(46,227,107,.22);
  --zb-glow-y: rgba(255,211,90,.18);
  --zb-shadow: 0 14px 40px rgba(0,0,0,.35);
  --zb-radius: 14px;
}

/* 背景：NOC 深色，但有层次，不“死黑” */
body{
  background:
    radial-gradient(1200px 560px at 14% 0%, rgba(46,227,107,.14), transparent 62%),
    radial-gradient(900px 520px at 86% 8%, rgba(255,211,90,.10), transparent 60%),
    radial-gradient(900px 520px at 50% 120%, rgba(255,255,255,.04), transparent 55%),
    rgb(14,18,22) !important;
}

/* =========================================================
   顶部导航：可读 + 条码扫描线 + ITS 指挥中心感
   ========================================================= */

/* 顶栏提亮，别灰 */
.header, .nav{
  background: rgba(18, 22, 26, .72) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(8px);
}

/* 顶部“条码扫描线” */
.header::after{
  content: "";
  display: block;
  height: 10px;
  margin-top: 10px;
  border-radius: 999px;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(46,227,107,.22) 0px,
      rgba(46,227,107,.22) 2px,
      rgba(255,211,90,.10) 2px,
      rgba(255,211,90,.10) 5px,
      rgba(255,255,255,.06) 5px,
      rgba(255,255,255,.06) 9px
    );
  box-shadow: 0 0 0 1px rgba(255,255,255,.10), 0 0 18px rgba(46,227,107,.10);
  opacity: .85;
}

/* Logo/站点名更硬核 */
.logo a{
  color: var(--primary) !important;
  letter-spacing: .6px;
  text-shadow: 0 2px 0 rgba(0,0,0,.35);
}

/* 菜单项：必须清晰 */
.nav a, #menu a{
  opacity: 1 !important;
  color: rgba(244,248,252,.92) !important;
}
.nav a:hover, #menu a:hover{
  color: var(--zb-yellow) !important;
}

/* 让“ITS 知识库 / 关于”在右上更显眼（更像控制台 Tab） */
#menu a{
  padding: 8px 10px !important;
  border-radius: 10px;
}
#menu a:hover{
  background: rgba(255,211,90,.08) !important;
  box-shadow: 0 0 0 1px rgba(255,211,90,.18);
}

/* =========================================================
   内容区域：卡片/列表/正文全面提亮 + 运营台质感
   ========================================================= */

.main{
  padding-top: 10px;
}

/* 首页卡片/文章条目 */
.post-entry{
  background: rgba(24,30,36,.88) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: var(--zb-radius) !important;
  box-shadow: var(--zb-shadow);
}

/* 卡片 Hover：绿色轻微发光，像告警面板 */
.post-entry:hover{
  border-color: rgba(46,227,107,.24) !important;
  box-shadow: 0 0 0 1px rgba(46,227,107,.14), 0 18px 50px rgba(0,0,0,.42);
  transform: translateY(-1px);
}

/* 标题更亮 */
.entry-header h2, .post-title{
  color: var(--primary) !important;
}

/* 摘要/说明更清晰 */
.entry-content, .entry-content p{
  color: rgba(220,230,240,.88) !important;
}

/* 正文（About / 文章） */
.post-content, .post-content p, .post-content li{
  color: rgba(220,230,240,.92) !important;
  line-height: 1.85;
}

/* 链接：交通黄 */
a{
  color: rgba(255,211,90,.92) !important;
}
a:hover{
  color: #ffe08a !important;
  text-decoration: none;
}

/* TOC：别白块刺眼，也别灰到看不见 */
.toc{
  background: rgba(24,30,36,.92) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: var(--zb-radius) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.toc, .toc a{
  color: rgba(220,230,240,.88) !important;
}
.toc a:hover{
  color: var(--zb-yellow) !important;
}

/* 分割线更像“面板分区线” */
hr{
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(46,227,107,.22), rgba(255,211,90,.16), rgba(255,255,255,.06));
  opacity: .9;
}

/* 代码块：控制台风 */
pre, code{
  background: rgba(10,14,18,.85) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}