@import url(reset.css);
@import url(../fonts/style.css);
html {
  scroll-behavior: smooth;
  --halo-comment-widget-base-color: #DADBDD;
  --halo-comment-widget-component-form-button-login-bg-color: #0d1731;
}
body {
  max-width: 90%;
  margin: 0 auto;
  background-color: #2a313a;
  color: white;
}
@media (max-width: 768px) {
  body {
    max-width: 100%;
  }
}
header {
  margin: 2em auto;
  max-width: 60rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
header button {
  position: relative;
  font-weight: 500;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #DADBDD;
  padding: 0.5em 1em;
  width: auto;
  background-color: transparent;
  transition: color 0.5s, background-color 0.5s;
}
header button::after {
  content: " ";
  position: absolute;
  border: 1px solid #DADBDD;
  inset: -1px;
  border-radius: inherit;
  opacity: 0.4;
}
header a:not(:first-child) {
  margin-left: 0.8em;
}
header a:hover button {
  color: white;
  background-color: rgba(218, 219, 221, 0.2);
  cursor: pointer;
}
@media (max-width: 768px) {
  header {
    width: 100%;
    padding: 1rem;
    margin-top: 1em;
    margin-bottom: 0;
    display: none;
  }
}
section {
  margin: 0px auto;
  max-width: 60rem;
  transition: max-width 0.5s;
}
.more-button {
  padding: 2rem 2.5rem;
  padding-top: 0;
  padding-bottom: 1rem;
  text-align: center;
}
.more-button button {
  padding: 0.5rem;
  color: rgba(218, 219, 221, 0.713);
  background-color: transparent;
  border-radius: 0.5rem;
  transition: color 0.5s, background-color 0.5s;
}
.more-button button:hover {
  color: white;
  background-color: rgba(218, 219, 221, 0.1);
  cursor: pointer;
}
.more-button button a {
  color: #DADBDD;
  font-weight: 600;
  font-size: 0.8rem;
}
.more-button .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 0.5rem;
}
.more-button .pagination-box {
  position: relative;
  background: transparent;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: var(--orange-yellow-crayola);
  box-shadow: var(--shadow-1);
  z-index: 0;
}
.more-button .current {
  background: rgba(218, 219, 221, 0.1);
  color: #DADBDD;
}
@media (max-width: 768px) {
  section {
    background-color: transparent;
  }
}
.container,
.post-container {
  border-radius: 0.5rem;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  min-height: initial;
  width: 100%;
}
.container .site,
.post-container .site {
  padding: 2.5rem 2.5rem;
}
@media (max-width: 768px) {
  .container .site,
  .post-container .site {
    padding: 1.5rem;
  }
}
.container .title,
.post-container .title {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
}
.container .title .logo,
.post-container .title .logo {
  height: 2.5rem;
  width: auto;
  object-fit: cover;
  margin-right: 0.625rem;
}
.container .title .site-h1 a,
.post-container .title .site-h1 a {
  color: #DADBDD;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0px 0px 0.5rem;
}
.container .publicity,
.post-container .publicity {
  font-size: 0.9rem;
  width: 80%;
  margin: 0.5rem 0px 0px;
}
.container .publicity p,
.post-container .publicity p {
  margin-bottom: 0.5rem;
  word-spacing: 1px;
  letter-spacing: 1px;
  text-align: justify;
  color: rgba(255, 255, 255, 0.7);
}
.container .publicity p:last-child,
.post-container .publicity p:last-child {
  margin-bottom: 0;
}
.container .publicity p strong,
.post-container .publicity p strong {
  font-weight: 500;
  font-size: inherit;
  color: #ffffff;
}
@media (max-width: 768px) {
  .container .publicity,
  .post-container .publicity {
    width: 100%;
  }
}
.container menu,
.post-container menu {
  padding: 0.5rem 2.5rem;
  padding-right: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #3d4754;
  color: #DADBDD;
  font-size: 0.8rem;
  position: sticky;
  top: -0.0625rem;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.container menu .menu,
.post-container menu .menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container menu .menu-item,
.post-container menu .menu-item {
  display: flex;
}
.container menu .menu-item li,
.post-container menu .menu-item li {
  display: inline-flex;
  align-items: center;
  margin-right: 0.5em;
  padding: 0.5rem 1rem;
  color: rgba(218, 219, 221, 0.713);
  background-color: transparent;
  border-radius: 0.5rem;
  transition: color 0.5s, background-color 0.5s;
}
.container menu .menu-item li:hover,
.post-container menu .menu-item li:hover {
  color: white;
  background-color: rgba(218, 219, 221, 0.2);
  cursor: pointer;
}
.container menu .menu-item li i,
.post-container menu .menu-item li i {
  margin-right: 0.5em;
}
.container menu .menu-item li:first-child,
.post-container menu .menu-item li:first-child {
  margin-left: -1rem;
}
.container menu .menu-item li:nth-of-type(3),
.post-container menu .menu-item li:nth-of-type(3) {
  margin-left: auto;
  display: inline-flex;
  padding: 0;
  border-radius: 4px;
  background-color: #FFCF99;
}
.container menu .menu-item li:nth-of-type(3) button,
.post-container menu .menu-item li:nth-of-type(3) button {
  padding: 0.5rem 1rem;
  min-width: 5rem;
  height: 100%;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  transition: color 0.5s, background-color 0.5s;
}
.container menu .menu-item li:nth-of-type(3) button:hover,
.post-container menu .menu-item li:nth-of-type(3) button:hover {
  background-color: #ffc27d;
}
.container menu .menu-item li:nth-of-type(3) button:first-child,
.post-container menu .menu-item li:nth-of-type(3) button:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.container menu .menu-item li:nth-of-type(3) button span,
.post-container menu .menu-item li:nth-of-type(3) button span {
  margin: 0 10px;
}
.container menu .menu-item li:nth-of-type(3) > button:first-child,
.post-container menu .menu-item li:nth-of-type(3) > button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.container menu .menu-item li:nth-of-type(3) > button:last-child,
.post-container menu .menu-item li:nth-of-type(3) > button:last-child {
  border-radius: 4px;
}
.container menu .menu-item li:nth-of-type(3) i,
.post-container menu .menu-item li:nth-of-type(3) i {
  margin: 0;
}
.container menu .contact,
.post-container menu .contact {
  display: flex;
}
.container menu .contact li,
.post-container menu .contact li {
  margin-right: 0.2em;
  padding: 0.5rem;
  color: rgba(218, 219, 221, 0.713);
  background-color: transparent;
  border-radius: 0.5rem;
}
.container menu .contact li a,
.post-container menu .contact li a {
  color: rgba(218, 219, 221, 0.713);
}
.container menu .contact li i,
.post-container menu .contact li i {
  font-size: 1rem;
  line-height: 1.5;
}
.container menu .contact > li:last-of-type,
.post-container menu .contact > li:last-of-type {
  margin-right: 0;
}
@media (max-width: 600px) {
  .container menu .contact,
  .post-container menu .contact {
    display: none;
  }
}
.container menu .menu-list,
.post-container menu .menu-list {
  position: relative;
}
.container menu .menu-border,
.post-container menu .menu-border {
  background-color: #3b4652;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #DADBDD;
  animation: 0.25s ease 0s 1 normal none running kuku21;
}
.container menu .menu-detail,
.post-container menu .menu-detail {
  position: absolute;
  top: 0.75rem;
  left: -2.5rem;
  width: 26rem;
  height: initial;
  display: flex;
}
.container menu .menu-detail .menu-left,
.post-container menu .menu-detail .menu-left {
  flex: 1 1 0%;
  margin: 0.5rem 0;
}
.container menu .menu-detail .menu-left li,
.post-container menu .menu-detail .menu-left li {
  padding: 0.8rem 1rem;
  color: rgba(218, 219, 221, 0.713);
  background-color: transparent;
  transition: color 0.5s, background-color 0.5s;
}
.container menu .menu-detail .menu-left li:hover,
.post-container menu .menu-detail .menu-left li:hover {
  color: white;
  background-color: #ffcf99a6;
  cursor: pointer;
}
.container menu .menu-detail .menu-left li i,
.post-container menu .menu-detail .menu-left li i {
  font-size: 1rem;
  margin: 0 0.5rem;
}
.container menu .menu-detail .menu-left li a,
.post-container menu .menu-detail .menu-left li a {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  color: #ffffff;
}
.container menu .menu-detail .menu-right,
.post-container menu .menu-detail .menu-right {
  flex: 1 1 0%;
  margin: 0.5rem 0;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  min-height: inherit;
  overflow-y: auto;
}
.container menu .menu-detail .menu-right li,
.post-container menu .menu-detail .menu-right li {
  padding: 0.8rem 1rem;
  color: rgba(218, 219, 221, 0.713);
  background-color: transparent;
  transition: color 0.5s, background-color 0.5s;
}
.container menu .menu-detail .menu-right li:hover,
.post-container menu .menu-detail .menu-right li:hover {
  color: white;
  background-color: rgba(218, 219, 221, 0.2);
  cursor: pointer;
}
.container menu .menu-detail .menu-right li i,
.post-container menu .menu-detail .menu-right li i {
  font-size: 120%;
  margin: 0 0.5rem;
}
.container menu .menu-detail .menu-right li a,
.post-container menu .menu-detail .menu-right li a {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  color: #ffffff;
}
.container menu .menu-detail i,
.post-container menu .menu-detail i {
  color: rgba(218, 219, 221, 0.713);
}
@media (max-width: 768px) {
  .container menu .menu-detail,
  .post-container menu .menu-detail {
    top: 0.7rem;
    max-width: 12rem;
    max-height: 30rem;
    z-index: 999;
  }
  .container menu .menu-detail .menu-left,
  .post-container menu .menu-detail .menu-left {
    overflow-y: auto;
    max-height: inherit;
  }
  .container menu .menu-detail .menu-right,
  .post-container menu .menu-detail .menu-right {
    display: none;
    max-height: inherit;
  }
}
.container menu #menu-down,
.post-container menu #menu-down {
  display: none;
}
@media (max-width: 768px) {
  .container menu,
  .post-container menu {
    min-height: fit-content;
    padding-left: 1.5rem;
  }
  .container menu .menu-detail,
  .post-container menu .menu-detail {
    left: -1.5rem;
  }
}
.container article,
.post-container article {
  padding: 2rem 2.5rem;
}
.container article .indexes-post-title,
.post-container article .indexes-post-title {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 1px;
  word-spacing: 3px;
  padding: 0.125rem 1rem;
  padding-left: 0;
  margin: 1rem 0;
}
.container article .indexes-post-title span::after,
.post-container article .indexes-post-title span::after {
  content: "\>>";
  margin-left: 10px;
  margin-right: 10px;
}
.container article .indexes-post-title span:last-child::after,
.post-container article .indexes-post-title span:last-child::after {
  content: '';
}
@media (max-width: 768px) {
  .container article .indexes-post-title,
  .post-container article .indexes-post-title {
    padding-left: 0.5rem;
  }
}
.container article .categories-box,
.post-container article .categories-box {
  display: grid;
  gap: 10px;
  padding: 10px 0;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
}
.container article .categories-box .categories-card,
.post-container article .categories-box .categories-card {
  --categories_background: #fff;
  --background-checkbox: #0082ff;
  --categories_background-image: #fff, rgba(#006baf, 0.2);
  --categories_text-color: #666;
  --categories_text-headline: #000;
  --categories_height: 10rem;
  --categories_width: 100%;
  --categories_radius: 0.5rem;
  --categories_header_height: 65px;
  --categories_blend-mode: overlay;
  --categories_transition: 0.2s;
}
.container article .categories-box .categories-container,
.post-container article .categories-box .categories-container {
  display: grid;
  grid-auto-rows: calc(var(--categories_height) - var(--categories_header_height)) auto;
  background: var(--categories_background);
  height: var(--categories_height);
  width: var(--categories_width);
  border-radius: var(--categories_radius);
  overflow: hidden;
  position: relative;
}
.container article .categories-box .categories-container .categories-cover,
.post-container article .categories-box .categories-container .categories-cover {
  --c-border: var(--categories_radiuss) var(--categories_radius) 0 0;
  --c-width: 100%;
  --c-height: 100%;
  position: relative;
  overflow: hidden;
}
.container article .categories-box .categories-container .categories-cover .categories-cover-image,
.post-container article .categories-box .categories-container .categories-cover .categories-cover-image {
  width: var(--c-width);
  height: var(--c-height);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02);
  transition: transform var(--categories_transition), box-shadow var(--categories_transition), clip-path 0.3s ease;
  transform: scale(1.1);
  object-fit: cover;
  filter: grayscale(1);
}
.container article .categories-box .categories-container .categories-content,
.post-container article .categories-box .categories-container .categories-content {
  height: var(--categories_header_height);
  background: var(--categories_background);
  padding: 0 10px 10px 10px;
  background-color: var(--categories_background);
}
.container article .categories-box .categories-container .categories-content .categories-content-title,
.post-container article .categories-box .categories-container .categories-content .categories-content-title {
  font-size: 1rem;
  color: var(--categories_text-headline);
  font-weight: 700;
}
.container article .categories-box .categories-container .categories-content .categories-content-subtitle,
.post-container article .categories-box .categories-container .categories-content .categories-content-subtitle {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--categories_text-color);
  font-weight: 500;
  font-size: 0.8125rem;
}
.container article .categories-box .categories-card:hover .categories-cover-image,
.post-container article .categories-box .categories-card:hover .categories-cover-image {
  filter: grayscale(0);
  transform: scale(1.3);
}
@media (max-width: 768px) {
  .container article .categories-box .categories-cover-image,
  .post-container article .categories-box .categories-cover-image {
    filter: grayscale(0) !important;
  }
}
.container article .article-list,
.post-container article .article-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 0.5em;
  padding: 1.5rem 1rem;
  color: rgba(218, 219, 221, 0.713);
  background-color: transparent;
  border-radius: 0.5rem;
  transition: color 0.5s, background-color 0.5s;
}
.container article .article-list:hover,
.post-container article .article-list:hover {
  color: white;
  background-color: rgba(218, 219, 221, 0.1);
  cursor: pointer;
}
.container article .article-list:hover .article-comment button:first-child,
.post-container article .article-list:hover .article-comment button:first-child {
  cursor: pointer;
  color: #ffffff;
  background-color: rgba(218, 219, 221, 0.2);
}
@media (max-width: 680px) {
  .container article .categories-box,
  .post-container article .categories-box {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
}
@media (max-width: 768px) {
  .container article .article-list,
  .post-container article .article-list {
    display: block;
    margin: 0;
    margin-right: 0;
    padding: 1rem;
  }
}
.container article .article-details,
.post-container article .article-details {
  flex: 1 1 0%;
  margin: -1rem 1rem -1rem -1rem;
  overflow: hidden;
  padding: 1rem;
}
@media (max-width: 768px) {
  .container article .article-details,
  .post-container article .article-details {
    margin: -1rem;
    padding: 0.5rem;
  }
}
.container article .article-title,
.post-container article .article-title {
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
}
.container article .article-title h2,
.post-container article .article-title h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.95rem;
  margin-right: 0.5em;
  max-width: 30rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container article .article-title .article-date,
.post-container article .article-title .article-date {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
}
.container article .article-title .article-date::before,
.post-container article .article-title .article-date::before {
  content: "#";
}
@media (max-width: 768px) {
  .container article .article-title,
  .post-container article .article-title {
    white-space: normal;
    display: block;
  }
  .container article .article-title h2,
  .post-container article .article-title h2 {
    max-width: 100%;
  }
  .container article .article-title .article-date,
  .post-container article .article-title .article-date {
    margin: 0.2rem 0;
    display: none;
  }
}
.container article .article-content,
.post-container article .article-content {
  color: rgba(218, 219, 221, 0.713);
  font-size: 0.9rem;
  font-weight: 300;
  margin-top: 0.25rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.container article .article-content p,
.post-container article .article-content p {
  letter-spacing: 0.02rem;
}
.container article .article-comment,
.post-container article .article-comment {
  min-width: 4.25rem;
}
.container article .article-comment button,
.post-container article .article-comment button {
  font-size: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
  padding: 0 1rem;
  margin: 0.25rem;
  min-height: 1.8rem;
  border-radius: 0.3125rem;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
  background-color: #434f5d;
  color: #DADBDD;
  transition: color 0.5s, background-color 0.5s;
}
.container article .article-comment button span,
.post-container article .article-comment button span {
  min-width: 2rem;
  text-align: center;
}
.container article .article-comment button i,
.post-container article .article-comment button i {
  font-size: 0.95rem;
  color: rgba(218, 219, 221, 0.713);
}
.container article i,
.post-container article i {
  color: rgba(218, 219, 221, 0.713);
  font-size: 1.2rem;
  color: #FA8072;
  margin-left: 0.2rem;
}
@media (max-width: 768px) {
  .container article .article-comment,
  .post-container article .article-comment {
    display: flex;
    margin-top: 0.8rem;
    justify-content: start;
    margin-left: -0.8rem;
  }
}
@media (max-width: 768px) {
  .container article,
  .post-container article {
    padding: 1.2rem 0.8rem;
  }
}
.container .post-share,
.post-container .post-share {
  padding: 2rem 2.5rem;
  display: flex;
}
.container .post-share div,
.post-container .post-share div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 1rem;
  background-color: #0d1731;
}
@media (max-width: 768px) {
  .container article,
  .post-container article {
    padding: 1.2rem 0.8rem;
  }
}
.container .links,
.post-container .links {
  padding: 0 2.5rem;
}
.container .links .links-group:first-of-type,
.post-container .links .links-group:first-of-type {
  margin-top: 2rem;
}
.container .links .links-group:last-of-type,
.post-container .links .links-group:last-of-type {
  margin-bottom: 2rem;
}
.container .links .links-group .links-item,
.post-container .links .links-group .links-item {
  display: grid;
  gap: 10px;
  padding: 10px 0;
  padding-bottom: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
.container .links .links-group .links-item a,
.post-container .links .links-group .links-item a {
  background-color: rgba(218, 219, 221, 0.1);
  border-radius: 0.5rem;
  transition: all 0.5s;
}
.container .links .links-group .links-item a:hover,
.post-container .links .links-group .links-item a:hover {
  background-color: rgba(218, 219, 221, 0.2);
}
.container .links .links-group .links-item a:hover .links-user-content p,
.post-container .links .links-group .links-item a:hover .links-user-content p {
  max-height: 2.25rem;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
@media (max-width: 680px) {
  .container .links .links-group .links-item,
  .post-container .links .links-group .links-item {
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  }
}
.container .links .links-group h2,
.post-container .links .links-group h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.95rem;
}
.container .links .links-group .links-user-content,
.post-container .links .links-group .links-user-content {
  display: flex;
  place-items: center;
  height: 5rem;
  padding: 0.5rem;
  width: 100%;
}
.container .links .links-group .links-user-content h2,
.post-container .links .links-group .links-user-content h2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.container .links .links-group .links-user-content .links-user-logo,
.post-container .links .links-group .links-user-content .links-user-logo {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 0.5rem;
}
@media (max-width: 680px) {
  .container .links .links-group .links-user-content .links-user-logo,
  .post-container .links .links-group .links-user-content .links-user-logo {
    margin-right: 1rem;
  }
}
.container .links .links-group .links-user-content .links-user-info,
.post-container .links .links-group .links-user-content .links-user-info {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
}
.container .links .links-group .links-user-content .links-user-info p,
.post-container .links .links-group .links-user-content .links-user-info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  transition: max-height 0.3s ease-in-out, -webkit-line-clamp 0.3s ease-in-out;
  max-height: 1.125rem;
}
@media (max-width: 680px) {
  .container .links .links-group .links-user-content .links-user-info p,
  .post-container .links .links-group .links-user-content .links-user-info p {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: none;
  }
}
.container .links .links-group-2:first-of-type,
.post-container .links .links-group-2:first-of-type {
  margin-top: 2rem;
}
.container .links .links-group-2:last-of-type,
.post-container .links .links-group-2:last-of-type {
  margin-bottom: 2rem;
}
.container .links .links-group-2 .links-item,
.post-container .links .links-group-2 .links-item {
  display: grid;
  gap: 10px;
  padding: 10px 0;
  padding-bottom: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
.container .links .links-group-2 .links-item a,
.post-container .links .links-group-2 .links-item a {
  background-color: rgba(218, 219, 221, 0.1);
  border-radius: 0.5rem;
  transition: all 0.5s;
}
.container .links .links-group-2 .links-item a:hover,
.post-container .links .links-group-2 .links-item a:hover {
  background-color: rgba(218, 219, 221, 0.2);
}
.container .links .links-group-2 .links-item a:hover .links-user-content p,
.post-container .links .links-group-2 .links-item a:hover .links-user-content p {
  max-height: 2.25rem;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
@media (max-width: 680px) {
  .container .links .links-group-2 .links-item,
  .post-container .links .links-group-2 .links-item {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
}
.container .links .links-group-2 h2,
.post-container .links .links-group-2 h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.95rem;
}
.container .links .links-group-2 .links-user-info,
.post-container .links .links-group-2 .links-user-info {
  width: 100%;
}
.container .links .links-group-2 .links-user-content,
.post-container .links .links-group-2 .links-user-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 8rem;
  padding: 0.5rem;
  width: 100%;
}
.container .links .links-group-2 .links-user-content h2,
.post-container .links .links-group-2 .links-user-content h2 {
  padding: 0 0.5rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.container .links .links-group-2 .links-user-content .links-user-logo,
.post-container .links .links-group-2 .links-user-content .links-user-logo {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
.container .links .links-group-2 .links-user-content .links-user-info p,
.post-container .links .links-group-2 .links-user-content .links-user-info p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  transition: max-height 0.3s ease-in-out, -webkit-line-clamp 0.3s ease-in-out;
  max-height: 1.125rem;
  -webkit-line-clamp: 1;
  padding: 0 0.5rem;
  width: 100%;
  text-align: center;
}
.container .photos,
.post-container .photos {
  padding: 0 2.5rem;
}
.container .photos .photos-group:first-of-type,
.post-container .photos .photos-group:first-of-type {
  margin-top: 2rem;
}
.container .photos .photos-group:last-of-type,
.post-container .photos .photos-group:last-of-type {
  margin-bottom: 2rem;
}
.container .photos .photos-group h2,
.post-container .photos .photos-group h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.95rem;
}
.container .photos .photos-group .photos-item,
.post-container .photos .photos-group .photos-item {
  display: grid;
  gap: 10px;
  padding: 10px 0;
  padding-bottom: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}
.container .photos .photos-group .photos-item img,
.post-container .photos .photos-group .photos-item img {
  width: 100%;
  height: 8rem;
  object-fit: cover;
  aspect-ratio: 1;
  border-radius: 0.5rem;
}
@media (max-width: 768px) {
  .container .photos .photos-group .photos-item,
  .post-container .photos .photos-group .photos-item {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  }
}
.container .photos .photos-group-2:first-of-type,
.post-container .photos .photos-group-2:first-of-type {
  padding-top: 2rem;
}
.container .photos .photos-group-2:last-of-type,
.post-container .photos .photos-group-2:last-of-type {
  padding-bottom: 2rem;
}
.container .photos .photos-group-2 h2,
.post-container .photos .photos-group-2 h2 {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.95rem;
}
.container .photos .photos-group-2 .photos-item,
.post-container .photos .photos-group-2 .photos-item {
  column-count: 3;
  column-gap: 10px;
}
.container .photos .photos-group-2 .photos-item img,
.post-container .photos .photos-group-2 .photos-item img {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 0.5rem;
  break-inside: avoid;
}
@media (max-width: 768px) {
  .container .photos .photos-group-2 .photos-item,
  .post-container .photos .photos-group-2 .photos-item {
    column-count: 2;
  }
}
@media (max-width: 768px) {
  .container {
    box-shadow: none;
  }
  .container article {
    padding: 1.5rem;
  }
  .container .links,
  .container .photos {
    padding: 0 1.5rem;
  }
}
footer {
  margin: 0px auto;
  max-width: 60rem;
  transition: max-width 0.5s;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
footer .footer-info {
  text-align: center;
}
footer a {
  color: inherit;
  transition: color 0.5s;
}
footer a:hover {
  cursor: pointer;
  color: #DADBDD;
}
footer .icp {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1 0.2rem 0;
}
footer .icp a {
  display: inline-flex;
}
footer .icp > a:first-child {
  margin-right: 0.2rem;
}
footer .icp img {
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.2rem;
}
footer p {
  word-spacing: 1px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.7);
}
footer p strong {
  font-weight: 500;
  font-size: inherit;
}
@keyframes kuku21 {
  0% {
    opacity: 0;
    transform: translate(0px, -1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}
.post-container {
  padding: 2em 0;
  position: relative;
}
.post-container .post-back {
  display: flex;
  justify-content: end;
  align-items: center;
  margin: 0 2em;
}
.post-container .post-back i {
  margin-right: 0.1em;
}
.post-container .post-back button {
  color: white;
  padding: 0.5rem;
  margin: 0.25rem;
  margin-right: 0.5rem;
  border-radius: 0.3125rem;
  transition: background-color 0.5s;
}
.post-container .post-back button:hover {
  background-color: rgba(218, 219, 221, 0.2);
  cursor: pointer;
}
.post-container .post-data {
  padding: 1rem 2.5rem;
}
.post-container .post-data .post-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(218, 219, 221, 0.713);
  padding: 0.5rem 0;
}
.post-container .post-data .post-title h1 {
  width: auto;
  font-size: 1.5rem;
  color: #ffffff;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.post-container .post-data .post-time {
  display: flex;
  font-size: 0.8rem;
  color: #ffffff;
  padding: 0.5em 0;
  width: fit-content;
}
.post-container .post-data .post-time span:first-child {
  width: 5rem;
  color: rgba(218, 219, 221, 0.713);
}
.post-container .post-data .post-description {
  display: flex;
  font-size: 0.8rem;
  color: #ffffff;
  padding: 0.5em 0;
  width: calc(100% - 5rem);
}
.post-container .post-data .post-description span:first-child {
  color: rgba(218, 219, 221, 0.713);
  width: 5rem;
}
.post-container .post-data .post-description span:last-child {
  width: calc(100% - 5rem);
}
.post-container .post-data .post-name {
  display: flex;
  font-size: 0.8rem;
  color: #ffffff;
  padding: 0.5em 0;
  width: fit-content;
}
.post-container .post-data .post-name span:first-child {
  width: 5rem;
  color: rgba(218, 219, 221, 0.713);
}
.post-container .post-data .post-tags {
  display: flex;
  font-size: 0.8rem;
  color: #ffffff;
  padding: 0.5em 0;
  width: fit-content;
}
.post-container .post-data .post-tags > span {
  width: 5rem;
  color: rgba(218, 219, 221, 0.713);
}
.post-container .post-data .post-tags .post-other {
  display: inline-flex;
  align-items: center;
  margin-left: -0.3125rem;
}
.post-container .post-data .post-tags .post-other > div {
  background-color: gray;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin: 0.5em;
}
.post-container .post-content h1 {
  font-size: 2rem;
  line-height: 1.2;
  padding: 0.2rem 0;
  margin: 0.2rem 0;
}
.post-container .post-content h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  padding: 0.2rem 0;
  margin: 0.2rem 0;
}
.post-container .post-content h3 {
  font-size: 1.17rem;
  line-height: 1.2;
  padding: 0.2rem 0;
  margin: 0.2rem 0;
}
.post-container .post-content h4,
.post-container .post-content h5,
.post-container .post-content h6 {
  font-size: 1rem;
  line-height: 1.2;
  padding: 0.2rem 0;
  margin: 0.2rem 0;
}
.post-container .post-content hr {
  margin: 1em 0;
  border: 1px solid #3d4754;
}
.post-container .post-content p {
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0.2rem 0;
}
.post-container .post-content p:empty {
  display: none;
}
.post-container .post-content p strong {
  font-weight: 500;
}
.post-container .post-content p em {
  font-style: italic;
}
.post-container .post-content p u {
  text-decoration: underline;
}
.post-container .post-content p s {
  text-decoration: line-through;
}
.post-container .post-content p mark {
  padding: 0.1rem;
  color: black !important;
}
.post-container .post-content p code {
  display: inline-block;
  background-color: #DADBDD;
  color: black;
  padding: 0.1rem;
  margin: 0.2rem 0;
  width: fit-content;
  border-radius: 0.2rem;
}
.post-container .post-content pre {
  border-radius: 0.3125rem;
  margin: 0.5rem 0 1rem 0;
  background-color: #161515;
  color: #d1d2d2;
  padding: 1em;
  border-radius: 0.625rem;
}
.post-container .post-content pre::before {
  content: "";
  display: block;
  background: url(data:image/png;base64,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);
  height: 30px;
  width: 100%;
  background-size: 40px;
  background-repeat: no-repeat;
  background-color: #161515;
  margin-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-position: 0 5px;
}
.post-container .post-content pre code {
  padding: 0.1875rem 0.3125rem;
  background-color: #161515;
  display: block;
  overflow-x: auto;
}
.post-container .post-content pre code::-webkit-scrollbar {
  height: 0.3rem;
}
.post-container .post-content pre code::-webkit-scrollbar-thumb {
  background-color: #222;
  border-radius: 0.2rem;
}
.post-container .post-content pre code::-webkit-scrollbar-thumb:hover {
  background-color: #333;
}
.post-container .post-content a {
  color: #d4bfa8;
}
.post-container .post-content a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23d4bfa8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='48' stroke-dashoffset='48' d='M11 5h-6v14h14v-6'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='48;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='12' stroke-dashoffset='12' d='M13 11l7 -7'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.6s' dur='0.2s' values='12;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='8' stroke-dashoffset='8' d='M21 3h-6M21 3v6'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.8s' dur='0.2s' values='8;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  margin-right: 0.2em;
  margin-top: -0.2em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.post-container .post-content ul {
  padding-left: 1.5rem;
}
.post-container .post-content li {
  list-style: disc;
}
.post-container .post-content blockquote {
  font-size: 0.9rem;
  font-style: italic;
  color: white;
  border-left: 3px solid #fef9c3;
  line-height: 1.5;
  position: relative;
  background: #3d4754;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-left: 2em;
  padding-right: 0.625rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  margin: 0.5rem 0;
}
.post-container .post-content blockquote::before {
  font-family: Arial;
  content: "\201C";
  color: #2a313a;
  font-size: 3rem;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
}
.post-container .post-content blockquote::after {
  content: '';
}
.post-container .post-content blockquote p {
  margin: 0;
  padding: 0.2rem 0;
  font-style: normal;
}
.post-container .post-content blockquote h1,
.post-container .post-content blockquote h2,
.post-container .post-content blockquote h3,
.post-container .post-content blockquote h4,
.post-container .post-content blockquote h5,
.post-container .post-content blockquote h6 {
  margin-left: 0.2rem;
  font-style: normal;
}
.post-container .post-content blockquote blockquote {
  padding-left: 1em;
}
.post-container .post-content blockquote blockquote p {
  padding: 0;
}
.post-container .post-content blockquote blockquote::before {
  content: "";
}
.post-container .post-content blockquote pre {
  font-style: normal;
  margin-bottom: 0.5rem;
}
.post-container .post-content img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  aspect-ratio: 1;
}
.post-container .post-content p {
  padding: 0.2rem 0;
}
.post-container .post-content table {
  margin: 0.5rem 0;
  flex: 1;
}
.post-container .post-content table th {
  background-color: #343d48;
}
.post-container .icon-mobile {
  display: none;
}
.post-container .post-img {
  display: block;
  height: 15rem;
  width: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  aspect-ratio: 1;
  padding: 2rem 2rem 0 2rem;
}
@media (max-width: 768px) {
  .post-container .post-img {
    height: 10rem;
    padding: 1.2rem 0.8rem 0 0.8rem;
  }
}
.post-container .post-comment {
  padding: 2rem 2.5rem;
  padding-top: 0;
}
.post-container .post-comment .comment-title {
  display: flex;
  align-items: center;
  margin: 0.5em 0;
  gap: 0.2rem;
  font-size: 1rem;
}
.post-container .post-comment .comment-title i {
  font-size: 1.5rem;
  color: #FA8072;
}
@media (max-width: 768px) {
  .post-container .icon-desktop {
    display: none;
  }
  .post-container .icon-mobile {
    display: block;
  }
  .post-container .post--21 {
    display: none !important;
  }
  .post-container .post-data {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
  .post-container menu {
    padding: 0.75rem 0.75rem 0.75rem 1.7rem;
    padding-left: 1.7rem;
  }
  .post-container menu .menu-item li {
    padding: 0.5rem;
  }
  .post-container menu .menu-detail {
    left: -1.5rem;
  }
  .post-container .post-comment {
    padding: 1.2rem;
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .post-container {
    box-shadow: none !important;
    border: none;
  }
  .post-div {
    display: none;
  }
  .post-back {
    margin: 0 !important;
  }
  .post-data {
    margin-top: -0.5rem;
  }
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #3d4754;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #DADBDD, 0 0 5px #29d;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #DADBDD;
  border-left-color: #DADBDD;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pace-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pace-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes pace-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}