.copy-gzsny {
  font-family: "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  background: #f9fafb;
  color: #111827;
}

.copy-gzsny [data-copy-menu].is-open {
  max-height: 32rem;
  opacity: 1;
}

.copy-gzsny [data-copy-header].is-solid,
.copy-gzsny [data-copy-header][data-copy-solid="1"] {
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.copy-gzsny [data-copy-header].is-solid .copy-nav-brand,
.copy-gzsny [data-copy-header][data-copy-solid="1"] .copy-nav-brand {
  color: #111827;
}

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

.copy-gzsny .copy-article-content {
  color: #374151;
  font-size: 1rem;
  line-height: 1.9;
}

.copy-gzsny .copy-article-content p {
  margin: 0 0 1rem;
}

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

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

.copy-gzsny .copy-footer-links li {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.copy-gzsny .copy-footer-links a {
  color: #9ca3af;
  font-size: .875rem;
  white-space: nowrap;
  transition: color .15s ease;
}

.copy-gzsny .copy-footer-links a:hover {
  color: #e11d48;
}

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

.copy-gzsny .pagebar a,
.copy-gzsny .pagebar span,
.copy-gzsny .pagebar li a,
.copy-gzsny .pagebar li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 .75rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e5e7eb;
  color: #6b7280;
  font-size: .75rem;
}

.copy-gzsny .pagebar .now-page,
.copy-gzsny .pagebar .active,
.copy-gzsny .pagebar span {
  background: #e11d48;
  border-color: transparent;
  color: #fff;
}

.copy-gzsny .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.copy-gzsny .max-h-0 { max-height: 0; }
.copy-gzsny .min-h-\[620px\] { min-height: 620px; }
.copy-gzsny .max-h-\[300px\] { max-height: 300px; }
.copy-gzsny .max-w-7xl { max-width: 80rem; }
.copy-gzsny .max-w-xl { max-width: 36rem; }
.copy-gzsny .max-w-none { max-width: none; }
.copy-gzsny .-mt-8 { margin-top: -2rem; }
.copy-gzsny .top-3 { top: .75rem; }
.copy-gzsny .right-3 { right: .75rem; }
.copy-gzsny .left-3 { left: .75rem; }
.copy-gzsny .h-40 { height: 10rem; }
.copy-gzsny .h-28 { height: 7rem; }
.copy-gzsny .w-40 { width: 10rem; }
.copy-gzsny .h-\[280px\] { height: 280px; }
.copy-gzsny .h-\[300px\] { height: 300px; }
.copy-gzsny .h-\[420px\] { height: 420px; }
.copy-gzsny .aspect-square { aspect-ratio: 1 / 1; }
.copy-gzsny .overflow-y-auto { overflow-y: auto; }
.copy-gzsny .object-top { object-position: top; }
.copy-gzsny .flex-shrink-0 { flex-shrink: 0; }
.copy-gzsny .leading-snug { line-height: 1.375; }
.copy-gzsny .line-clamp-1,
.copy-gzsny .line-clamp-2,
.copy-gzsny .line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.copy-gzsny .line-clamp-1 { -webkit-line-clamp: 1; }
.copy-gzsny .line-clamp-2 { -webkit-line-clamp: 2; }
.copy-gzsny .line-clamp-3 { -webkit-line-clamp: 3; }

.copy-gzsny .bg-primary { background-color: #e11d48; }
.copy-gzsny .bg-primary\/10 { background-color: rgba(225, 29, 72, .10); }
.copy-gzsny .bg-primary\/20 { background-color: rgba(225, 29, 72, .20); }
.copy-gzsny .bg-primary\/90 { background-color: rgba(225, 29, 72, .90); }
.copy-gzsny .bg-warm-500 { background-color: #f59e0b; }
.copy-gzsny .bg-black\/40 { background-color: rgba(0, 0, 0, .40); }
.copy-gzsny .bg-black\/50 { background-color: rgba(0, 0, 0, .50); }
.copy-gzsny .bg-gray-700 { background-color: #374151; }
.copy-gzsny .bg-gray-800 { background-color: #1f2937; }
.copy-gzsny .bg-gray-900 { background-color: #111827; }
.copy-gzsny .bg-red-100 { background-color: #fee2e2; }
.copy-gzsny .bg-green-100 { background-color: #dcfce7; }
.copy-gzsny .text-primary { color: #e11d48; }
.copy-gzsny .text-warm-500 { color: #f59e0b; }
.copy-gzsny .text-gray-200 { color: #e5e7eb; }
.copy-gzsny .text-gray-300 { color: #d1d5db; }
.copy-gzsny .text-gray-800 { color: #1f2937; }
.copy-gzsny .text-white\/50 { color: rgba(255, 255, 255, .50); }
.copy-gzsny .text-white\/90 { color: rgba(255, 255, 255, .90); }
.copy-gzsny .text-gray-700\/40 { color: rgba(55, 65, 81, .40); }
.copy-gzsny .border-primary { border-color: #e11d48; }
.copy-gzsny .border-gray-800 { border-color: #1f2937; }
.copy-gzsny .from-primary { --tw-gradient-from: #e11d48 var(--tw-gradient-from-position); --tw-gradient-to: rgba(225, 29, 72, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.copy-gzsny .via-warm-500 { --tw-gradient-to: rgba(245, 158, 11, 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #f59e0b var(--tw-gradient-via-position), var(--tw-gradient-to); }
.copy-gzsny .to-primary { --tw-gradient-to: #e11d48 var(--tw-gradient-to-position); }
.copy-gzsny .from-black\/50 { --tw-gradient-from: rgba(0,0,0,.5) var(--tw-gradient-from-position); --tw-gradient-to: rgba(0,0,0,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.copy-gzsny .from-black\/60 { --tw-gradient-from: rgba(0,0,0,.6) var(--tw-gradient-from-position); --tw-gradient-to: rgba(0,0,0,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.copy-gzsny .via-black\/20 { --tw-gradient-to: rgba(0,0,0,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgba(0,0,0,.2) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.copy-gzsny .to-black\/60 { --tw-gradient-to: rgba(0,0,0,.6) var(--tw-gradient-to-position); }
.copy-gzsny .shadow-md { box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); }
.copy-gzsny .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); }

.copy-gzsny .hover\:bg-primary-dark:hover { background-color: #be123c; }
.copy-gzsny .hover\:bg-primary\/10:hover { background-color: rgba(225, 29, 72, .10); }
.copy-gzsny .hover\:text-primary:hover { color: #e11d48; }
.copy-gzsny .hover\:bg-gray-700:hover { background-color: #374151; }
.copy-gzsny .hover\:text-gray-300:hover { color: #d1d5db; }
.copy-gzsny .hover\:bg-red-100:hover { background-color: #fee2e2; }
.copy-gzsny .hover\:bg-green-100:hover { background-color: #dcfce7; }
.copy-gzsny .hover\:text-green-500:hover { color: #22c55e; }
.copy-gzsny .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }
.copy-gzsny .focus\:border-primary:focus { border-color: #e11d48; }
.copy-gzsny .focus\:ring-2:focus { box-shadow: 0 0 0 2px var(--copy-ring-color, rgba(225,29,72,.2)); }
.copy-gzsny .focus\:ring-primary\/20:focus { --copy-ring-color: rgba(225, 29, 72, .20); }

@media (min-width: 640px) {
  .copy-gzsny .sm\:col-span-2 { grid-column: span 2 / span 2; }
  .copy-gzsny .sm\:text-right { text-align: right; }
}

@media (min-width: 768px) {
  .copy-gzsny .md\:h-\[360px\] { height: 360px; }
  .copy-gzsny .md\:h-\[400px\] { height: 400px; }
  .copy-gzsny .md\:h-\[520px\] { height: 520px; }
  .copy-gzsny .md\:h-full { height: 100%; }
  .copy-gzsny .md\:w-2\/5 { width: 40%; }
  .copy-gzsny .md\:w-40 { width: 10rem; }
  .copy-gzsny .md\:h-28 { height: 7rem; }
  .copy-gzsny .md\:gap-10 { gap: 2.5rem; }
}

@media (min-width: 1024px) {
  .copy-gzsny .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .copy-gzsny .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .copy-gzsny .lg\:col-span-1 { grid-column: span 1 / span 1; }
  .copy-gzsny .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .copy-gzsny .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .copy-gzsny .lg\:col-span-6 { grid-column: span 6 / span 6; }
  .copy-gzsny .lg\:col-span-8 { grid-column: span 8 / span 8; }
  .copy-gzsny .lg\:gap-2 { gap: .5rem; }
  .copy-gzsny .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; }
}
