/**
 * 自定义主题颜色 - AIS 绿色 #3BC618
 */

/* Termynal 样式 - 使用官方CSS */
:root {
  /* Termynal 颜色变量 */
  --termynal-color-bg: #252a33;
  --termynal-color-text: #eee;
  --termynal-color-text-subtle: #a2a2a2;
  
  /* VitePress 主题颜色 */
  --vp-c-brand: #3BC618;
  --vp-c-brand-light: #4FD326;
  --vp-c-brand-lighter: #6EE043;
  --vp-c-brand-lightest: #8FED65;
  --vp-c-brand-dark: #2FA414;
  --vp-c-brand-darker: #258210;
  --vp-c-brand-darkest: #1B600C;
  
  --vp-c-brand-1: var(--vp-c-brand-light);
  --vp-c-brand-2: var(--vp-c-brand);
  --vp-c-brand-3: var(--vp-c-brand-dark);
  
  --vp-c-brand-soft: rgba(59, 198, 24, 0.14);
  --vp-c-brand-mute: rgba(59, 198, 24, 0.08);
}

/* Termynal 官方样式 */
[data-termynal] {
  width: 100%;
  max-width: 100%;
  background: var(--termynal-color-bg);
  color: var(--termynal-color-text);
  font-size: 16px;
  font-family: 'Fira Code', 'JetBrains Mono', 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', Consolas, 'Liberation Mono', Menlo, 'Courier New', 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', Courier, monospace;
  border-radius: 6px;
  padding: 75px 45px 35px;
  position: relative;
  box-sizing: border-box;
  margin: 2rem 0;
}

[data-termynal]:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 15px;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #d9515d;
  box-shadow: 25px 0 0 #f4c025, 50px 0 0 #3ec930;
}

[data-termynal]:after {
  content: 'bash';
  position: absolute;
  color: var(--termynal-color-text-subtle);
  top: 5px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
}

[data-ty] {
  display: block;
  line-height: 2;
}

[data-ty]:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
}

[data-ty="input"]:before {
  content: '$ ';
  margin-right: 7px;
  color: var(--termynal-color-text);
}

[data-ty="progress"]:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 7px;
  background-color: var(--termynal-color-text-subtle);
  animation: termynal-progress 2s infinite;
}

@keyframes termynal-progress {
  0%, 100% { background-color: var(--termynal-color-text-subtle); }
  50% { background-color: var(--termynal-color-text); }
}

[data-ty="input"][data-ty-prompt]:before {
  content: attr(data-ty-prompt) ' ';
}

/* 确保表情符号正确显示 */
[data-termynal] * {
  font-variant-emoji: emoji;
  font-feature-settings: "clig" 0, "liga" 0;
}

[data-termynal] {
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

/* AIS 主题适配 */
[data-termynal] {
  background: #1e1e1e;
  border: 1px solid #3a3a3a;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

[data-termynal]:after {
  content: 'AIS Terminal';
  color: var(--vp-c-brand);
  font-weight: 600;
}

[data-ty="input"]:before {
  color: var(--vp-c-brand);
  font-weight: 600;
}

/* 深色模式下的颜色调整 */
.dark {
  --vp-c-brand: #4FD326;
  --vp-c-brand-light: #6EE043;
  --vp-c-brand-lighter: #8FED65;
  --vp-c-brand-lightest: #B1F488;
  --vp-c-brand-dark: #3BC618;
  --vp-c-brand-darker: #2FA414;
  --vp-c-brand-darkest: #258210;
  
  --vp-c-brand-1: var(--vp-c-brand-light);
  --vp-c-brand-2: var(--vp-c-brand);
  --vp-c-brand-3: var(--vp-c-brand-dark);
  
  --vp-c-brand-soft: rgba(79, 211, 38, 0.16);
  --vp-c-brand-mute: rgba(79, 211, 38, 0.1);
}

/* 确保按钮和链接使用新的品牌色 */
.vp-button.brand {
  background-color: var(--vp-c-brand);
  border-color: var(--vp-c-brand);
}

.vp-button.brand:hover {
  background-color: var(--vp-c-brand-light);
  border-color: var(--vp-c-brand-light);
}

.vp-button.brand:active {
  background-color: var(--vp-c-brand-dark);
  border-color: var(--vp-c-brand-dark);
}

/* 首页hero区域按钮 */
.VPButton.brand {
  background-color: var(--vp-c-brand);
  border-color: var(--vp-c-brand);
}

.VPButton.brand:hover {
  background-color: var(--vp-c-brand-light);
  border-color: var(--vp-c-brand-light);
}

/* 导航栏活动项 */
.VPNavBarMenuLink.active .link {
  color: var(--vp-c-brand);
}

/* 侧边栏活动项 */
.VPSidebarItem.is-active > .item .link {
  color: var(--vp-c-brand);
}

/* 链接颜色 */
.vp-doc a {
  color: var(--vp-c-brand);
}

.vp-doc a:hover {
  color: var(--vp-c-brand-light);
}

/* 代码块高亮 */
.vp-code-group .tabs label.active {
  color: var(--vp-c-brand);
}

/* 自定义块边框颜色 */
.custom-block.tip {
  border-color: var(--vp-c-brand);
}

.custom-block.tip .custom-block-title {
  color: var(--vp-c-brand);
}

/* 表格头部颜色 */
.vp-doc table th {
  background-color: var(--vp-c-brand-soft);
}

/* 搜索按钮 */
.DocSearch-Button {
  background-color: var(--vp-c-brand-mute);
}

.DocSearch-Button:hover {
  background-color: var(--vp-c-brand-soft);
}

/* 首页features图标颜色调整 */
.VPFeature .icon {
  font-size: 2rem;
}

/* 网格项目标题颜色 */
.grid-item h3 {
  color: var(--vp-c-brand) !important;
}

/* 响应式导航栏优化 */
.VPNavBar {
  padding: 0 24px;
  border-bottom: 1px solid var(--vp-c-divider);
}

/* Logo 样式优化 */
.VPNavBar .logo {
  margin-right: 16px;
  height: 24px;
  width: auto;
}

/* 移动端响应式调整 */
@media (max-width: 960px) {
  .VPNavBar {
    padding: 0 16px;
  }
  
  .VPNavBar .logo {
    height: 20px;
    margin-right: 12px;
  }
}

@media (max-width: 768px) {
  .VPButton.brand {
    padding: 0.5rem 1rem;
  }
  
  .VPNavBar {
    padding: 0 12px;
  }
  
  .VPNavBar .logo {
    height: 18px;
    margin-right: 8px;
  }
  
  /* 确保移动端菜单正常工作 */
  .VPNavBarHamburger {
    display: block;
  }
  
  /* 隐藏桌面端导航菜单，显示汉堡菜单 */
  .VPNavBarMenu {
    display: none;
  }
  
  /* 移动端菜单样式 */
  .VPNavScreenMenu {
    display: block;
  }
}

@media (max-width: 480px) {
  .VPNavBar {
    padding: 0 8px;
  }
  
  .VPNavBar .logo {
    height: 16px;
    margin-right: 6px;
  }
}

