/* Phoenix 服务器/公告页：完整套用论坛 PunBB/Cobalt 框架后的少量补充样式。 */

.pun .srv-table th,
.pun .news-table th {
  padding: 6px 8px;
  border-bottom: 1px solid #383838;
  color: #a9a9a4;
  font-weight: bold;
}
.pun .srv-table td,
.pun .news-table td {
  padding: 8px;
  vertical-align: middle;
}
.pun .srv-table .tcl,
.pun .news-table .tcl { width: 42%; }
.pun .srv-table .srv-addr-col { white-space: nowrap; }
.pun .srv-table .srv-row-name td { padding-bottom: 2px; }
.pun .srv-table .srv-row-name .srv-tags { text-align: right; color: #8b8b88; }
.pun .srv-table .srv-row-addr td { padding-top: 2px; border-top: 0; }
.pun .srv-table code { color: #b4e61e; }

.pun .srv-copy {
  padding: 2px 8px;
  border: 1px solid #4a4a45;
  border-radius: 3px;
  background: #1b1b1a;
  color: #cfcfc9;
  font: inherit;
  font-size: 10px;
  font-family: verdana, helvetica, arial, sans-serif;
  cursor: pointer;
}
.pun .srv-copy:hover {
  border-color: #95b806;
  color: #b4e61e;
  text-decoration: none;
}
.pun .srv-copy.is-copied {
  background: #1e2b0a;
  border-color: #95b806;
  color: #b4e61e;
}
.pun .srv-hint { margin-top: 8px; }
.pun .srv-quote {
  padding: 4px 8px;
  border-left: 3px solid #95b806;
  background: #212120;
  color: #9d9d98;
}

.pun .join-step { margin-top: 14px; padding-top: 12px; border-top: 1px dashed #383838; }
.pun .join-step:first-of-type { margin-top: 0; padding-top: 0; border-top: 0; }
.pun .join-step h3 {
  margin: 0 0 4px 0;
  font-size: 1.091em;
  font-weight: bold;
  color: #e0e0da;
}
.pun .join-step p { color: #c0c0ba; }
.pun .join-step ol, .pun .join-step ul { color: #c0c0ba; }
.pun .join-step li { margin: 2px 0; }
.pun .join-step dl {
  display: grid;
  grid-template-columns: minmax(110px, auto) minmax(0, 1fr);
  gap: 3px 12px;
  margin: 6px 0;
}
.pun .join-step dt { font-weight: bold; color: #d8d8d2; }
.pun .join-step dd { margin: 0; color: #a9a9a4; }
.pun .join-step pre { margin: 6px 0; padding: 6px 8px; background: #0d0d0c; border: 1px solid #333; overflow-x: auto; }
.pun .join-step pre code { color: #c9d99a; white-space: pre; }

.pun .news-table .tcr { white-space: nowrap; color: #8b8b88; }
.pun .news-table h3 { font-size: 12px; }
.pun .news-table .pin {
  display: inline-block;
  margin-left: 5px;
  padding: 0 5px;
  border: 1px solid #5e7405;
  border-radius: 3px;
  color: #cfe77a;
  font-size: 10px;
  font-weight: normal;
}
.pun .postmsg .pin {
  margin-left: 5px;
  padding: 0 5px;
  border: 1px solid #5e7405;
  border-radius: 3px;
  color: #cfe77a;
  font-size: 10px;
}

.pun .gs-toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 50;
  max-width: calc(100vw - 40px);
  padding: 8px 12px;
  border: 1px solid #5e7405;
  border-radius: 3px;
  background: #141a07;
  color: #d8ef97;
  font-size: 11px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .45);
}
.pun .gs-toast[hidden] { display: none; }

@media (max-width: 760px) {
  .pun .srv-table thead,
  .pun .news-table thead { display: none; }
  .pun .srv-table, .pun .srv-table tbody,
  .pun .news-table, .pun .news-table tbody { display: block; width: auto; }
  .pun .srv-table tr, .pun .news-table tr {
    display: block;
    width: auto;
    padding: 7px 0;
    border-top: 1px solid #333;
  }
  .pun .srv-table tr:first-child, .pun .news-table tr:first-child { border-top: 0; }
  .pun .srv-table td, .pun .news-table td {
    display: block;
    width: auto;
    padding: 2px 0;
    border: 0;
  }
  .pun .srv-table .srv-addr-col { width: auto; white-space: normal; overflow-wrap: anywhere; }
  .pun .join-step dl { grid-template-columns: 1fr; }
  .pun .srv-actions { white-space: normal; }
}