/* 首页主题：浅色企业风 / 参考官网配色
 * - 主背景：浅灰白
 * - 品牌主色：橙色 #ff6a1c 左右
 * - 辅助色：淡灰边框 + 轻阴影
 */

/* 1. 整体浅色背景 & 文本颜色 */
body.page-body.theme-iben-dark {
  /* 保留类名以兼容现有 HTML，但样式切换为浅色主题 */
  background: #f5f7fb;
  color: #333;
}

.theme-iben-dark .main-content {
  background: transparent;
  /* 给内容区域底部留出空间，避免卡片或文字贴到 footer 边框上 */
  padding-bottom: 0; /* 恢复为 0 或跟主题默认保持一致 */
}

/* 2. 侧边栏：浅灰背景 + 橙色高亮条 */
.theme-iben-dark .sidebar-menu {
  background: #ffffff;
  box-shadow: 4px 0 18px rgba(15, 23, 42, 0.06);
  border-right: 1px solid #e5e7eb;
}

.theme-iben-dark .sidebar-menu .logo-env {
  border-bottom: 1px solid #edf0f5;
}

.theme-iben-dark .sidebar-menu .main-menu > li > a {
  position: relative;
  color: #4b5563;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, padding-left 0.2s ease-out;
  font-size: 15px;         /* 原来偏小，适当放大 */
  line-height: 1.6;        /* 提高可读性 */
}

.theme-iben-dark .sidebar-menu .main-menu > li > a i {
  color: #9ca3af;
  transition: color 0.2s ease-out;
}

.theme-iben-dark .sidebar-menu .main-menu > li > a:hover {
  color: #111827;
  background-color: #f3f4f6;
  padding-left: 22px;
}

.theme-iben-dark .sidebar-menu .main-menu > li > a:hover i {
  color: #ff7a24;
}

/* 当前选中菜单：内网导航 / 常用推荐 / 关于本站 */
.theme-iben-dark .sidebar-menu .main-menu > li.active > a {
  color: #111827;
  background-color: #fff7f1;
  font-weight: 700;
}

.theme-iben-dark .sidebar-menu .main-menu > li.active > a i {
  color: #ff7a24;
}

.theme-iben-dark .sidebar-menu .main-menu > li.active > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ff7a24 0%, #ff9f4a 70%, #ffd1a3 100%);
}

/* 3. 顶部导航条（包含语言切换） */
.theme-iben-dark .user-info-navbar {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb; /* 浅灰分隔线 */
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
}

/* 语言切换：去掉背景和选中效果，只保留国旗 + 文本 */
.theme-iben-dark .language-switcher > a {
  border-radius: 0;              /* 不要 pill 形状 */
  background: transparent !important;   /* 常态无背景 */
  border: none !important;              /* 常态无边框 */
  box-shadow: none !important;          /* 常态无阴影 */
  padding: 0;                    /* 变成纯文字链接 */
  font-size: 12px;
  color: #6b7280;                /* 常态文字颜色 */
}

.theme-iben-dark .language-switcher > a:hover,
.theme-iben-dark .language-switcher > a:focus,
.theme-iben-dark .language-switcher > a:active {
  background: transparent !important;   /* hover 不加背景 */
  border: none !important;              /* hover 不出现边框 */
  box-shadow: none !important;
  color: #111827;                /* 仅略微加深文字 */
}

.theme-iben-dark .language-switcher > a img {
  margin-right: 6px;             /* 国旗与文字之间留一点间距 */
}

/* 4. 区块标题：内网导航 / 常用推荐 / 关于本站 */
.section-title {
  color: #111827;
  font-weight: 600;
  letter-spacing: 0.02em;
  position: relative;
  margin-top: 26px;
  margin-bottom: 16px;
}

.section-title i {
  color: #ff7a24;
}

.section-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 40px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff7a24 0%, #ff9f4a 60%, #ffd1a3 100%);
  opacity: 0.95;
}

/* 5. 区块容器：包裹多行卡片的 section */
.section-block {
  background: #ffffff;
  border-radius: 16px;
  padding: 18px 18px 12px;
  margin-bottom: 12px; /* 原 22px，将区块间距缩小约一半 */
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.04);
  border: 1px solid #e5e7eb;
}

.section-block-inner-nav {
  border-color: #ffe2c7;
}

.section-block-common {
  border-color: #e5e7ff;
}

/* 6. 卡片：内网导航 / 常用推荐条目 */
.theme-iben-dark .xe-widget.box2.label-info {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 60%, #fff7f1 100%);
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
  cursor: pointer;
  transition: transform 0.18s ease-out, box-shadow 0.18s ease-out,
              border-color 0.18s ease-out, background 0.18s ease-out;
}

.theme-iben-dark .xe-widget.box2.label-info .xe-comment-entry {
  display: flex;
  flex-direction: row;          /* 横向排列：左图右文 */
  align-items: center;          /* 垂直居中 */
  justify-content: flex-start;  /* 左对齐内容 */
  text-align: left;             /* 文字靠左 */
  height: 100%;
}

.theme-iben-dark .xe-widget.box2.label-info .xe-user-img {
  margin-right: 10px;
}

/* icon 去掉圆形、选中时不要任何橙色描边框阴影 */
.theme-iben-dark .xe-widget.box2.label-info .xe-user-img img {
  border-radius: 0;
  display: block;
  margin: 0;
  box-shadow: none !important;         /* 关键：强制无外框 */
  transition: transform 0.22s ease-out;/* 只保留轻微缩放动画 */
}

.theme-iben-dark .xe-widget.box2.label-info:hover .xe-user-img img {
  transform: scale(1.05);
  box-shadow: none !important;         /* hover 也不出现橙色框 */
}

.theme-iben-dark .xe-widget.box2.label-info .xe-user-name strong {
  color: #111827;
}

.theme-iben-dark .xe-widget.box2.label-info p {
  color: #6b7280;
}

.theme-iben-dark .xe-widget.box2.label-info:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
  border-color: #ffd3b0;
  background: linear-gradient(135deg, #ffffff 0%, #fff9f4 60%, #ffe9d7 100%);
}

/* 8. 关于本站一类链接的文字高亮（如放在侧边栏或页脚） */
.theme-iben-dark a[href$="about.html"],
.theme-iben-dark a[href$="about.html"] strong {
  color: #374151;
}

.theme-iben-dark a[href$="about.html"]:hover,
.theme-iben-dark a[href$="about.html"] strong:hover {
  color: #ff7a24;
}

/* 9. 页脚适配浅色背景 */
.theme-iben-dark .main-footer {
  background: transparent;
  border-top: none; /* 原为 1px solid #e5e7eb，按需求移除 */
  color: #6b7280;
}

.theme-iben-dark .main-footer a {
  color: #374151;
}

.theme-iben-dark .main-footer a:hover {
  color: #ff7a24;
}

/* 去掉顶部左侧 sidebar 折叠图标的背景块，只保留图标线框 */
.theme-iben-dark .user-info-navbar .user-info-menu.left-links .hidden-sm.hidden-xs > a {
  background: transparent !important;  /* 无背景色 */
  border: none !important;             /* 无边框 */
  box-shadow: none !important;         /* 无阴影 */
}

.theme-iben-dark .user-info-navbar .user-info-menu.left-links .hidden-sm.hidden-xs > a:hover,
.theme-iben-dark .user-info-navbar .user-info-menu.left-links .hidden-sm.hidden-xs > a:focus,
.theme-iben-dark .user-info-navbar .user-info-menu.left-links .hidden-sm.hidden-xs > a:active {
  background: transparent !important;  /* hover 时也不要背景 */
  border: none !important;
  box-shadow: none !important;
}