﻿.copy-adklock {
  font-family: "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  background: #fff7f3;
  color: #3b2c27;
}

.copy-adklock [data-copy-menu].is-open {
  display: block;
}

.copy-adklock .line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.copy-adklock .line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.copy-adklock .line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.copy-adklock .copy-article-content {
  color: #b84830;
  font-size: 1rem;
  line-height: 1.78;
}

.copy-adklock .copy-article-content p {
  color: #b84830;
  font-size: 1rem;
  line-height: 1.78;
  margin: 0 0 1rem;
}

@media (min-width: 768px) {
  .copy-adklock .copy-article-content,
  .copy-adklock .copy-article-content p {
    font-size: 1.125rem;
  }
}

.copy-adklock .copy-article-content img {
  width: 100%;
  height: auto;
  border-radius: .75rem;
  margin: 1.5rem 0;
}

.copy-adklock .copy-footer-links ul,
.copy-adklock .copy-footer-links ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .875rem;
}

.copy-adklock .copy-footer-links li {
  margin: 0;
}

.copy-adklock .copy-footer-links a {
  color: rgba(255, 255, 255, .68);
  font-size: .875rem;
  transition: color .15s ease;
}

.copy-adklock .copy-footer-links a:hover {
  color: #fff;
}

.copy-adklock .pagebar,
.copy-adklock .pagebar ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  margin-top: 2rem;
}

.copy-adklock .pagebar a,
.copy-adklock .pagebar span,
.copy-adklock .pagebar li a,
.copy-adklock .pagebar li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 .75rem;
  border-radius: 9999px;
  background: #fff;
  border: 1px solid rgba(232, 67, 79, .16);
  color: #9b7668;
  font-size: .75rem;
}

.copy-adklock .pagebar .now-page,
.copy-adklock .pagebar .active,
.copy-adklock .pagebar span {
  background: linear-gradient(135deg, #e8434f, #ff8a4c);
  border-color: transparent;
  color: #fff;
}

.copy-adklock textarea,
.copy-adklock input,
.copy-adklock button {
  font: inherit;
}

.copy-adklock .flex-wrap{flex-wrap:wrap}
.copy-adklock .shrink-0{flex-shrink:0}
.copy-adklock .min-w-full{min-width:100%}
.copy-adklock .max-w-xl{max-width:36rem}
.copy-adklock .h-3{height:.75rem}
.copy-adklock .h-8{height:2rem}
.copy-adklock .h-20{height:5rem}
.copy-adklock .p-8{padding:2rem}
.copy-adklock .px-0{padding-left:0;padding-right:0}
.copy-adklock .py-24{padding-top:6rem;padding-bottom:6rem}
.copy-adklock .mx-1{margin-left:.25rem;margin-right:.25rem}
.copy-adklock .leading-7{line-height:1.75rem}
.copy-adklock .rounded-xl{border-radius:.75rem}
.copy-adklock .shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.copy-adklock .scrollbar-hide::-webkit-scrollbar{display:none}
.copy-adklock .scrollbar-hide{scrollbar-width:none}
.copy-adklock .bg-gray-50{background-color:#f9fafb}
.copy-adklock .bg-black\/45{background-color:rgba(0,0,0,.45)}
.copy-adklock .bg-white\/10{background-color:rgba(255,255,255,.1)}
.copy-adklock .bg-primary\/8{background-color:rgba(230,57,70,.08)}
.copy-adklock .border-gray-200{border-color:#e5e7eb}
.copy-adklock .text-gray-700{color:#374151}
.copy-adklock .text-gray-900{color:#111827}
.copy-adklock .text-primary-600{color:#e63946}
.copy-adklock .text-white\/45{color:rgba(255,255,255,.45)}
.copy-adklock .text-white\/65{color:rgba(255,255,255,.65)}
.copy-adklock .text-white\/75{color:rgba(255,255,255,.75)}
.copy-adklock .text-white\/80{color:rgba(255,255,255,.8)}
.copy-adklock .hover\:bg-primary\/10:hover{background-color:rgba(230,57,70,.1)}
.copy-adklock .hover\:bg-warm-100\/60:hover{background-color:rgba(255,232,224,.6)}
.copy-adklock .hover\:bg-white\/20:hover{background-color:rgba(255,255,255,.2)}
.copy-adklock .hover\:shadow-md:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}
.copy-adklock .hover\:shadow-sm:hover{box-shadow:0 1px 2px rgba(0,0,0,.05)}
.copy-adklock .space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}

@media (min-width:768px){
  .copy-adklock .md\:mt-10{margin-top:2.5rem}
  .copy-adklock .md\:p-12{padding:3rem}
  .copy-adklock .md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}
  .copy-adklock .md\:gap-10{gap:2.5rem}
  .copy-adklock .md\:px-6{padding-left:1.5rem;padding-right:1.5rem}
}

@media (min-width:1024px){
  .copy-adklock .lg\:px-8{padding-left:2rem;padding-right:2rem}
}

