.c-primary {
  background-color: #1A2B4C;
  /* (26,43,76)	导航栏/页眉/主要按钮	近似于故宫琉璃瓦的暮色，象征智慧深度；低明度提升专业信任感 */
}

.c-secondary {
  background-color: #3A4A5F;
  /* (58,74,95)	内容区块底色/表单输入框	模拟宣纸质感，弱化视觉疲劳；与主色形成冷暖平衡 */
}

.c-important {
  background-color: #D4AF37;
  /* (212,175,55)	CTA按钮/图标/重要提示	仿古铜器包浆色泽，点击欲显著；与深蓝对比符合WCAG AA无障碍标准 */
}

.c-active {
  background-color: #487C6E;
  /* (72,124,110)	进度条/成功状态/图表元素	取自青绿山水画矿物颜料，象征生机；与蓝色系属邻近色，保持视觉连贯性 */
}

.c-warning {
  background-color: #BF3B3B;
  /* (191,59,59)	错误提示/删除操作/紧急通知	弱化传统大红的攻击性，保留警示功能；与金色形成古典对比 */
}

.c-warning-text {
  color: #BF3B3B;
  font-weight: 500;
  /* (191,59,59)	错误提示/删除操作/紧急通知	弱化传统大红的攻击性，保留警示功能；与金色形成古典对比 */
}

.c-background {
  background-color: #52472f;
  /* (248,247,243)	页面底色/卡片容器	模拟宣纸泛黄效果，缓解纯白刺眼感；提升文字可读性 */
}

.c-text {
  /* color: #333333 !important; */
  /* (51,51,51)	正文主体/次要信息	高密度内容首选，与背景对比度达4.5:1以上 */
  font-family: 'Bookman Old Style', Garamond, Caslon, Baskerville, 'Old English Text MT', 'French Script MT', 'Times New Roman', serif;
}

.c-hover {
  background-color: #E8E5FF;
  /* (232,229,255)	悬停状态/选中项/高亮区域	淡紫色隐喻玄学神秘感，鼠标交互时轻微变色提升愉悦感 */
}

.herobg {
  background: linear-gradient(135deg, #121d37 0%, #25313e 100%);
  /* 适用于英雄区/登录页全屏背景 */
}

.is-selected {
  background-color: #3A4A5F !important;
}

/* 针对右侧的下拉菜单，使其向左展开 */
.navbar-item.has-dropdown.is-right .navbar-dropdown {
  left: auto;
  right: 0;
  transform-origin: top right;
}

/* 确保在小屏幕上也能正确显示 */
@media screen and (max-width: 1023px) {
  .navbar-item.has-dropdown.is-right .navbar-dropdown {
    left: 0;
    right: auto;
    transform-origin: top left;
  }
}

body {
  min-height: 100vh;
}

.all-content {
  padding-bottom: 172px;
  min-height: 100vh;
}

.container {
  margin-top: 20px !important;
}

.box {
  margin-left:  4px;
  margin-right: 4px;
  background-color: #3A4A5F;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.footer {
  background-color: #1A2B4C;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  padding: 20px;
  line-height: 24px;
  margin-top: -140px;
}

.auth-button {
  color:#3A4A5F;
  background-color: azure;
  font-size: 0.8rem;
}

#index-ul-1 {
  list-style-type: none !important;
  padding-left: 10px !important;
}

#index-ul-1 li {
  padding-left: 10px !important;
}

#index-ul-1 li::marker {
  content: '✔️' !important;
}

#index-ul-2 {
  list-style-type: none !important;
  padding-left: 10px !important;
}

#index-ul-2 li {
  padding-left: 10px !important;
}

#index-ul-2 li::marker {
  content: '✅' !important;
}

#article-index-published-ul {
  list-style-type: '-' !important;
  padding-left: 10px !important;
}

#article-index-published-ul li {
  padding-left: 10px !important;
}

#article-index-title-ul {
  list-style-type: circle !important;
  padding-left: 20px !important;
}

#article-index-title-ul li {
  padding-left: 0px !important;
}