@charset "UTF-8";
body {
  color: #333333;
  background-size: 100% 100vh;
  background-image: url(/assets/imgs/bg2.svg);
  background-color: #1fc48d;
  width: 100%;
  height: 100vh;
  background-attachment: fixed;
}

.bg-main {
  background: #23da9d;
  color: #fcff44;
}
.bg-main a:hover {
  background-color: #4de3b1;
}

.btn-dark {
  background-color: #fcff44;
  color: #333333;
  border-color: #fbff11;
}
.btn-dark:hover {
  background-color: #fdff77;
  border-color: #fbff11;
  color: #333333;
}

a {
  text-decoration: none;
  color: inherit;
}

.w-30 {
  width: 30%;
}

.text-bg-dark {
  color: #333333 !important;
  background: rgba(35, 218, 157, 0.5) !important;
}

.text-danger {
  color: #ff4c4c !important;
}

.header {
  background-color: #23da9d;
  color: #333333;
  padding: 15px 0;
  text-align: center;
  border-bottom: 5px solid #ff4c4c;
}
.header h1 {
  font-size: 2.5em;
}

.navcenter {
  justify-content: center;
  font-size: large;
}

.content {
  padding: 15px;
  background-color: rgba(35, 218, 157, 0.8);
  border-radius: 10px;
}

.post {
  border-bottom: 1px solid #fcff44;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.post h2 {
  color: #ff4c4c;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.post p {
  color: #333333;
  font-size: 1rem;
  white-space: pre-line;
}

.sidebar {
  background-color: #23da9d;
  padding: 20px;
  border-radius: 10px;
}
.sidebar h2 {
  color: #ff4c4c;
  font-size: 1.5em;
  margin-bottom: 10px;
}
.sidebar p {
  color: #333333;
}

.box1 {
  background-color: rgba(35, 218, 157, 0.5);
  padding: 20px;
  margin: 1.5rem 0px;
  border-radius: 10px;
  border: 1px solid #fcff44;
}

.footer {
  background-color: #23da9d;
  color: #333333;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  margin-top: 20px;
}
.footer p {
  font-size: 0.9em;
}

.comment {
  margin-top: 10px;
  border-bottom: 1px dashed #fcff44;
}

.heart {
  color: #ff4c4c;
  cursor: pointer;
}
.heart::before {
  content: "❤️ ";
}

.required::after {
  content: "*";
  color: #ff4c4c;
  margin-left: 5px;
}

.face li {
  list-style: none;
  display: inline-block;
  padding: 3px;
  font-size: 18px;
  cursor: pointer;
}

.form-control {
  color: #333333;
  background-color: rgba(35, 218, 157, 0.5);
}
.form-control:focus {
  color: #333333;
  background-color: #23da9d;
}

.qrcode canvas {
  width: 41px;
}

@media screen and (min-width: 992px) {
  .w-30 {
    width: 20%;
  }
  .w-100 {
    width: auto !important;
    max-width: 50% !important;
  }
}
/* 中屏幕样式 */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .w-30 {
    width: 20%;
  }
  .w-100 {
    width: auto !important;
    max-width: 60% !important;
  }
}
/* 小屏幕样式 */
@media screen and (max-width: 767px) {
  .w-30 {
    width: 30%;
  }
}/*# sourceMappingURL=cus2.css.map */