/* 1. 搜索结果元数据布局 */
.md-search-result__meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
  min-height: 28px;
}

/* 2. 创建条目按钮：防御性变量定义 */
.md-search-result__create-btn {
  /* 基础显示属性 */
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 0.6rem;
  font-weight: 600;
  line-height: 1rem;
  border-radius: 4px;
  color: #ffffff !important;
  border: 1px solid rgba(27, 31, 35, 0.15);
  transition: background-color 0.1s;
  white-space: nowrap;
  cursor: pointer;
  margin-left: 10px;
  text-decoration: none !important;

  /* 变量默认值 (浅色) */
  --search-create-bg: #1f883d;
  --search-create-hover: #1c8139;
  --search-create-active: #197935;
  
  background-color: var(--search-create-bg);
}

/* 3. 深色模式：防御性锁定 */
/* 策略 A: 属性真空期根据系统预判 */
@media (prefers-color-scheme: dark) {
  :root:not([data-md-color-scheme]) .md-search-result__create-btn {
    --search-create-bg: #238636;
    --search-create-hover: #29903b;
    --search-create-active: #2e9a40;
  }
}

/* 策略 B: 脚本生效后根据属性锁定 */
[data-md-color-scheme="slate"] .md-search-result__create-btn {
  --search-create-bg: #238636;
  --search-create-hover: #29903b;
  --search-create-active: #2e9a40;
}

/* 4. 交互状态 */
.md-search-result__create-btn:hover { background-color: var(--search-create-hover); }
.md-search-result__create-btn:active { background-color: var(--search-create-active); }

/* 5. 移动端适配 */
@media screen and (max-width: 30em) {
  .md-search-result__create-btn {
    padding: 1px 6px;
    font-size: 0.55rem;
  }
}