@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/cn-fontsource-lxgw-neo-zhi-song-chs-regular-lxgw-neo-zhi-song@1.0.0/font.min.css");

.scd-fgsao-passport-preview {
  --scd-desk: #352c22;
  --scd-desk-deep: #1c1710;
  --scd-paper: #ede4cf;
  --scd-paper-deep: #e0d5ba;
  --scd-ink: #2a2318;
  --scd-ink-soft: #5c5042;
  --scd-meta: #8a7b66;
  --scd-line: rgba(82, 70, 48, 0.26);
  --scd-line-strong: rgba(82, 70, 48, 0.46);
  --scd-brass: #a68542;
  --scd-brass-deep: #7c6430;
  --scd-rust: #7a5e3e;
  --scd-watermark-image: url("../2x/5.png");
  --passport-cover-logo-scale: 0.8;
  --passport-cover-logo-filter: grayscale(1) sepia(0.88) saturate(1.12) hue-rotate(-5deg) brightness(1.05) contrast(1.02);
}

.scd-fgsao-passport-preview .passport-preview__caption,
.scd-fgsao-passport-preview .passport-artifact__label {
  color: var(--scd-meta);
}

.scd-fgsao-passport-preview .passport-cover {
  border-color: rgba(166, 133, 66, 0.58);
  background:
    radial-gradient(circle at 18% 12%, rgba(166, 133, 66, 0.14), transparent 24%),
    radial-gradient(circle at 84% 86%, rgba(122, 94, 62, 0.1), transparent 28%),
    linear-gradient(180deg, var(--scd-desk) 0%, var(--scd-desk-deep) 100%);
}

.scd-fgsao-passport-preview .passport-cover::before {
  background:
    radial-gradient(rgba(200, 184, 148, 0.065) 0.7px, transparent 0.7px),
    linear-gradient(rgba(166, 133, 66, 0.055) 0.3px, transparent 0.3px),
    linear-gradient(90deg, rgba(166, 133, 66, 0.055) 0.3px, transparent 0.3px);
  background-size: 4px 4px, 8mm 8mm, 8mm 8mm;
  opacity: 0.78;
}

.scd-fgsao-passport-preview .passport-cover::after {
  border-color: rgba(166, 133, 66, 0.16);
}

.scd-fgsao-passport-preview .passport-cover__surface,
.scd-fgsao-passport-preview .passport-cover__issuer,
.scd-fgsao-passport-preview .passport-cover__title {
  color: #c9b07a;
}

.scd-fgsao-passport-preview .passport-cover__emblem {
  filter: sepia(0.95) saturate(1.1) brightness(0.96);
}

.scd-fgsao-passport-preview .passport-cover__issuer-native,
.scd-fgsao-passport-preview .passport-cover__title-native,
.scd-fgsao-passport-preview .passport-identity__title-zh,
.scd-fgsao-passport-preview .passport-data-value--native,
.scd-fgsao-passport-preview .passport-message__copy-zh {
  font-family: "LXGW Neo ZhiSong", "Noto Serif SC", "Songti SC", serif;
}

.scd-fgsao-passport-preview .passport-cover__issuer-en,
.scd-fgsao-passport-preview .passport-cover__title-en,
.scd-fgsao-passport-preview .passport-mini-field__label,
.scd-fgsao-passport-preview .passport-mini-field__value,
.scd-fgsao-passport-preview .passport-data-label,
.scd-fgsao-passport-preview .passport-data-value,
.scd-fgsao-passport-preview .passport-data-value--latin,
.scd-fgsao-passport-preview .passport-message__copy-en,
.scd-fgsao-passport-preview .passport-message__side-code,
.scd-fgsao-passport-preview .passport-mrz__line,
.scd-fgsao-passport-preview .passport-mrz__char {
  font-family: "IBM Plex Mono", "Courier New", monospace;
}

.scd-fgsao-passport-preview .passport-chip-mark--cover,
.scd-fgsao-passport-preview .passport-chip-mark--header,
.scd-fgsao-passport-preview .passport-chip-mark::before,
.scd-fgsao-passport-preview .passport-chip-mark::after {
  border-color: rgba(201, 176, 122, 0.92);
}

.scd-fgsao-passport-preview .passport-chip-mark--cover::after,
.scd-fgsao-passport-preview .passport-chip-mark--header::after {
  background: rgba(201, 176, 122, 0.92);
}

.scd-fgsao-passport-preview .passport-sheet {
  border-color: var(--scd-line-strong);
  background:
    radial-gradient(circle at 20% 14%, rgba(166, 133, 66, 0.07), transparent 22%),
    radial-gradient(circle at 80% 86%, rgba(122, 94, 62, 0.05), transparent 26%),
    linear-gradient(180deg, var(--scd-paper) 0%, var(--scd-paper-deep) 100%);
}

.scd-fgsao-passport-preview .passport-page--message,
.scd-fgsao-passport-preview .passport-page--identity {
  position: relative;
  background:
    radial-gradient(rgba(82, 70, 48, 0.05) 0.6px, transparent 0.6px),
    linear-gradient(rgba(82, 70, 48, 0.04) 0.3px, transparent 0.3px),
    linear-gradient(90deg, rgba(82, 70, 48, 0.04) 0.3px, transparent 0.3px),
    linear-gradient(180deg, rgba(237, 228, 207, 0.96), rgba(224, 213, 186, 0.94));
  background-size: 3.5px 3.5px, 5mm 5mm, 5mm 5mm, auto;
}

.scd-fgsao-passport-preview .passport-page--message {
  border-bottom-color: var(--scd-line);
}

.scd-fgsao-passport-preview .passport-page--message::before {
  background:
    linear-gradient(-45deg, rgba(166, 133, 66, 0.12) 25%, transparent 25%) 0 0 / 12px 10px,
    linear-gradient(45deg, rgba(122, 94, 62, 0.09) 25%, transparent 25%) 0 0 / 12px 10px;
}

.scd-fgsao-passport-preview .passport-page--message::after,
.scd-fgsao-passport-preview .passport-page--identity::after {
  content: "";
  position: absolute;
  right: 3mm;
  bottom: 3mm;
  width: 32mm;
  height: 32mm;
  background: var(--scd-watermark-image) center / contain no-repeat;
  opacity: 0.08;
  filter: sepia(1) saturate(1.4) brightness(0.72);
  pointer-events: none;
}

.scd-fgsao-passport-preview .passport-message__stars {
  opacity: 0.1;
  background:
    radial-gradient(circle at 35% 24%, rgba(166, 133, 66, 0.84) 0 6px, transparent 6px),
    radial-gradient(circle at 58% 18%, rgba(166, 133, 66, 0.76) 0 4px, transparent 4px),
    radial-gradient(circle at 69% 34%, rgba(124, 100, 48, 0.72) 0 3px, transparent 3px),
    radial-gradient(circle at 47% 38%, rgba(124, 100, 48, 0.72) 0 3px, transparent 3px),
    radial-gradient(circle at 27% 46%, rgba(124, 100, 48, 0.72) 0 3px, transparent 3px);
}

.scd-fgsao-passport-preview .passport-message__copy,
.scd-fgsao-passport-preview .passport-message__copy-zh,
.scd-fgsao-passport-preview .passport-message__copy-en,
.scd-fgsao-passport-preview .passport-message__side-code,
.scd-fgsao-passport-preview .passport-mini-field__label,
.scd-fgsao-passport-preview .passport-data-label {
  color: var(--scd-meta);
}

.scd-fgsao-passport-preview .passport-identity__header {
  border-bottom-color: var(--scd-line);
  background: rgba(255, 250, 240, 0.36);
}

.scd-fgsao-passport-preview .passport-identity__title,
.scd-fgsao-passport-preview .passport-mini-field__value,
.scd-fgsao-passport-preview .passport-data-value,
.scd-fgsao-passport-preview .passport-data-value--latin,
.scd-fgsao-passport-preview .passport-signature,
.scd-fgsao-passport-preview .passport-mrz__char {
  color: var(--scd-ink);
}

.scd-fgsao-passport-preview .passport-mini-field--passport .passport-mini-field__value {
  color: var(--scd-brass-deep);
}

.scd-fgsao-passport-preview .passport-photo {
  border-color: rgba(122, 100, 48, 0.28);
  background: #d4c5a8;
}

.scd-fgsao-passport-preview .passport-ghost {
  filter: sepia(0.58) saturate(0.8);
  opacity: 0.12;
}

.scd-fgsao-passport-preview .passport-field--authority .passport-data-value + .passport-data-value {
  color: var(--scd-ink-soft);
}

.scd-fgsao-passport-preview .passport-mrz {
  border-top-color: var(--scd-line);
  background: linear-gradient(180deg, rgba(166, 133, 66, 0.03), rgba(122, 94, 62, 0.08));
}