/* ============================================================
   Bibliography List (参考文献列表样式)
   ============================================================ */
.bib-entry {
  display: grid;
  /* 固定第一列宽度，第二列自适应 */
  grid-template-columns: 90px 1fr; 
  align-items: baseline; 
  column-gap: 15px;
  margin-bottom: 0.8em; /* 稍微增加条目间距，更易阅读 */
  line-height: 1.5;
  padding: 4px 8px;
  border-radius: 4px;
  transition: var(--appear-or-dis);
}
/* 目标唤醒样式 (点击引用跳转后的效果) */
.bib-entry:target {
  background-color: var(--bg-color-active);
  border-left: 4px solid var(--link-color);
  padding-left: 12px;
}
@media screen and (max-width: 768px) {
  .bib-entry {
    /* 在手机端改为上下堆叠布局 */
    grid-template-columns: 1fr; 
  }
}

.bib-label {
  grid-column: 1;
  color: var(--link-color);
  white-space: nowrap; 
}

.bib-content {
  grid-column: 2;
  text-align: justify;
}
.bib-entry p {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .bib-content {
    padding-left: 1em;
    grid-column: 1;
  }
}

@keyframes popIn {
  from { transform: scale(0.95); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.bib-dialog {
  padding: 12px;
  width: 70vw;
  max-width: 600px;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  box-shadow: none;
  border-radius: 12px;

  animation: popIn 0.2s ease-in;
}
@media screen and (max-width: 768px) {
  .bib-dialog {
    width: 85vw;
    max-width: 450px;
  }
}

.bib-dialog::backdrop {
  background: rgba(0, 0, 0, 0.05); /* 几乎无感，主要用来隔绝底层点击 */
  backdrop-filter: none; 
}

.bib-dialog pre {
  max-width: 100%;
  overflow-x: auto;         /* 核心：超出时，只有代码块内部出现滚动条 */
  margin: 0;
  padding: 12px;
  padding-top: 4px;
  border-radius: 4px;
}

.bib-dialog button {
  display: block;
  margin-left: auto;
}