.publication-container {
  padding: 20px;
}

/* .publication-item {
  margin-bottom: 10px; 
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
} */

.publication-item {
  display: flex;
  flex-direction: column; /* 纵向排列 Citation 和 按钮 */
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
  margin-bottom: 8px; /* 控制外部间距 */
  height: auto; /* 根据内容自动调整高度 */
}


.citation {
  font-size: 14px;
  line-height: 1.4; /* 让行距更小 */
  margin-bottom: 5px; /* 减少 Citation 和 按钮 的间距 */
  padding: 5px;
  border-radius: 5px;
  width: 100%;
}

.publication-buttons {
  display: flex;
  flex-direction: row; /* 横向排列按钮 */
  gap: 6px; /* 控制按钮之间的间距 */
  width: 100%;
  justify-content: flex-start; /* 左对齐 */
  margin-top: 2px; /* 让按钮更接近 Citation */
}

.publication-buttons a {
  font-size: 12px; /* 缩小按钮字体 */
  padding: 4px 8px; /* 让按钮更小 */
  border-radius: 5px;
}



.publication-item a {
  text-decoration: none;
  color: inherit;
}

.publication-item__citation {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 5px;
}

.publication-item__citation em {
  font-style: italic;
}

.publication-item__citation a {
  color: #007bff;
  text-decoration: underline;
}

.publication-item__citation a:hover {
  text-decoration: none;
}

.publication-item__content {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.6;
}

.btn-secondary {
  background-color: #6c757d;
  color: #fff;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}

.btn-secondary:hover {
  background-color: #545b62;
}

.content {
  max-width: 900px;  /* 限制正文最大宽度 */
  margin: 20px auto;  /* 居中 */
  text-align: justify;  /* 让文本两端对齐 */
  overflow: hidden;  /* 避免滚动条 */
  word-wrap: break-word;  /* 自动换行 */
}
@font-face {
  font-family: 'adritian-icons';
  src: url('../fonts/adritian-icons.eot?5985466');
  src: url('../fonts/adritian-icons.eot?5985466#iefix') format('embedded-opentype'),
       url('../fonts/adritian-icons.woff2?5985466') format('woff2'),
       url('../fonts/adritian-icons.woff?5985466') format('woff'),
       url('../fonts/adritian-icons.ttf?5985466') format('truetype'),
       url('../fonts/adritian-icons.svg?5985466#adritian-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'adritian-icons';
    src: url('../fonts/adritian-icons.svg?5985466#adritian-icons') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "adritian-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-threads:before { content: '\e800'; } /* '' */
.icon-bluesky:before { content: '\e801'; } /* '' */
.icon-x-twitter:before { content: '\e802'; } /* '' */
.icon-email:before { content: '\e803'; } /* '' */
.icon-user:before { content: '\f007'; } /* '' */
.icon-download:before { content: '\f019'; } /* '' */
.icon-circle-info:before { content: '\f05a'; } /* '' */
.icon-square-twitter:before { content: '\f081'; } /* '' */
.icon-square-facebook:before { content: '\f082'; } /* '' */
.icon-linkedin:before { content: '\f08c'; } /* '' */
.icon-square-github:before { content: '\f092'; } /* '' */
.icon-circle-arrow-left:before { content: '\f0a8'; } /* '' */
.icon-circle-arrow-right:before { content: '\f0a9'; } /* '' */
.icon-circle-arrow-up:before { content: '\f0aa'; } /* '' */
.icon-circle-arrow-down:before { content: '\f0ab'; } /* '' */
.icon-quote-left:before { content: '\f10d'; } /* '' */
.icon-face-smile:before { content: '\f118'; } /* '' */
.icon-square-arrow-up-right:before { content: '\f14c'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-dribbble:before { content: '\f17d'; } /* '' */
.icon-behance:before { content: '\f1b4'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-codepen:before { content: '\f1cb'; } /* '' */
.icon-yelp:before { content: '\f1e9'; } /* '' */
.icon-cloud-arrow-down:before { content: '\f381'; } /* '' */