@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;500;600;700&display=swap");

.aeo-asra-passport-preview {
  --aeo-cover: #241239;
  --aeo-cover-deep: #140a21;
  --aeo-page: #efecf2;
  --aeo-page-soft: #dfdae4;
  --aeo-ink: #2f2b36;
  --aeo-ink-soft: #47414f;
  --aeo-meta: #6f6879;
  --aeo-line: rgba(107, 92, 66, 0.18);
  --aeo-line-strong: rgba(107, 92, 66, 0.34);
  --aeo-gold: #8a7550;
  --aeo-gold-bright: #665436;
  --aeo-watermark-image: url("../2x/3.png");
  --passport-cover-logo-scale: 0.8;
  --passport-cover-logo-filter: grayscale(1) sepia(0.92) saturate(1.22) hue-rotate(-8deg) brightness(1.04) contrast(1);
}

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

.aeo-asra-passport-preview .passport-cover {
  border-color: rgba(201, 160, 76, 0.62);
  background:
    radial-gradient(circle at 24% 18%, rgba(138, 110, 191, 0.18), transparent 26%),
    radial-gradient(circle at 74% 72%, rgba(138, 117, 80, 0.08), transparent 30%),
    linear-gradient(180deg, var(--aeo-cover) 0%, var(--aeo-cover-deep) 100%);
}

.aeo-asra-passport-preview .passport-cover::before {
  background:
    radial-gradient(circle at center, rgba(201, 160, 76, 0.08) 0 1px, transparent 1px) 0 0 / 7px 7px,
    radial-gradient(circle at 50% 50%, rgba(138, 110, 191, 0.12), transparent 58%);
  mix-blend-mode: screen;
  opacity: 0.42;
}

.aeo-asra-passport-preview .passport-cover::after {
  border-color: rgba(107, 92, 66, 0.16);
}

.aeo-asra-passport-preview .passport-cover__surface {
  color: #c7ab67;
}

.aeo-asra-passport-preview .passport-cover__emblem {
  filter: sepia(0.95) saturate(1.35) hue-rotate(-8deg) brightness(1.04);
}

.aeo-asra-passport-preview .passport-cover__issuer-native,
.aeo-asra-passport-preview .passport-cover__title-native,
.aeo-asra-passport-preview .passport-identity__title-zh,
.aeo-asra-passport-preview .passport-data-value--native,
.aeo-asra-passport-preview .passport-message__copy-zh {
  font-family: "Noto Serif SC", "Source Han Serif SC", serif;
}

.aeo-asra-passport-preview .passport-cover__issuer-en,
.aeo-asra-passport-preview .passport-cover__title-en,
.aeo-asra-passport-preview .passport-mini-field__value,
.aeo-asra-passport-preview .passport-data-value,
.aeo-asra-passport-preview .passport-data-value--latin,
.aeo-asra-passport-preview .passport-message__copy-en,
.aeo-asra-passport-preview .passport-mrz__line,
.aeo-asra-passport-preview .passport-mrz__char {
  font-family: "Bodoni Moda", "Noto Serif SC", serif;
}

.aeo-asra-passport-preview .passport-cover__issuer,
.aeo-asra-passport-preview .passport-cover__title {
  color: #c7ab67;
  text-shadow: none;
}

.aeo-asra-passport-preview .passport-chip-mark--cover,
.aeo-asra-passport-preview .passport-chip-mark--cover::before,
.aeo-asra-passport-preview .passport-chip-mark--cover::after {
  border-color: rgba(199, 171, 103, 0.9);
}

.aeo-asra-passport-preview .passport-chip-mark--cover::after {
  background: rgba(199, 171, 103, 0.9);
}

.aeo-asra-passport-preview .passport-chip-mark--cover,
.aeo-asra-passport-preview .passport-chip-mark--header,
.aeo-asra-passport-preview .passport-chip-mark::before,
.aeo-asra-passport-preview .passport-chip-mark::after {
  border-color: rgba(102, 84, 54, 0.82);
}

.aeo-asra-passport-preview .passport-chip-mark--cover::after,
.aeo-asra-passport-preview .passport-chip-mark--header::after {
  background: rgba(102, 84, 54, 0.82);
}

.aeo-asra-passport-preview .passport-sheet {
  border-color: var(--aeo-line-strong);
  background:
    radial-gradient(circle at 22% 20%, rgba(137, 127, 163, 0.12), transparent 26%),
    radial-gradient(circle at 78% 78%, rgba(138, 117, 80, 0.08), transparent 28%),
    linear-gradient(180deg, var(--aeo-page) 0%, var(--aeo-page-soft) 100%);
}

.aeo-asra-passport-preview .passport-page--message,
.aeo-asra-passport-preview .passport-page--identity {
  position: relative;
}

.aeo-asra-passport-preview .passport-page--message {
  border-bottom-color: var(--aeo-line);
  background:
    radial-gradient(circle at 18% 26%, rgba(137, 127, 163, 0.12), transparent 24%),
    radial-gradient(circle at 70% 42%, rgba(138, 117, 80, 0.06), transparent 28%),
    linear-gradient(180deg, rgba(241, 239, 244, 0.98), rgba(225, 220, 231, 0.96));
}

.aeo-asra-passport-preview .passport-page--message::before {
  background:
    radial-gradient(circle at center, rgba(107, 92, 66, 0.05) 0 1px, transparent 1px) 0 0 / 9px 9px,
    linear-gradient(135deg, rgba(107, 92, 66, 0.04) 25%, transparent 25%) 0 0 / 16px 14px;
}

.aeo-asra-passport-preview .passport-page--message::after,
.aeo-asra-passport-preview .passport-page--identity::after {
  content: "";
  position: absolute;
  width: 46mm;
  height: 46mm;
  background: var(--aeo-watermark-image) center / contain no-repeat;
  opacity: 0.11;
  transform: rotate(45deg);
  filter: grayscale(1) sepia(1) saturate(5.5) hue-rotate(215deg) brightness(0.42) contrast(1.1);
  pointer-events: none;
}

.aeo-asra-passport-preview .passport-page--message::after {
  left: 3.5mm;
  bottom: 3mm;
}

.aeo-asra-passport-preview .passport-page--identity {
  background:
    radial-gradient(circle at 74% 44%, rgba(137, 127, 163, 0.12), transparent 24%),
    radial-gradient(circle at 36% 78%, rgba(138, 117, 80, 0.06), transparent 26%),
    linear-gradient(180deg, rgba(241, 239, 244, 0.98), rgba(224, 219, 230, 0.96));
}

.aeo-asra-passport-preview .passport-page--identity::before {
  background:
    radial-gradient(circle at center, rgba(107, 92, 66, 0.04) 0 1px, transparent 1px) 0 0 / 11px 11px,
    radial-gradient(circle at 60% 50%, rgba(137, 127, 163, 0.08), transparent 52%);
  opacity: 0.56;
}

.aeo-asra-passport-preview .passport-page--identity::after {
  left: 3.5mm;
  bottom: 3mm;
}

.aeo-asra-passport-preview .passport-message__stars {
  opacity: 0.08;
  background:
    radial-gradient(circle at 35% 24%, rgba(102, 84, 54, 0.62) 0 6px, transparent 6px),
    radial-gradient(circle at 58% 18%, rgba(102, 84, 54, 0.54) 0 4px, transparent 4px),
    radial-gradient(circle at 69% 34%, rgba(102, 84, 54, 0.48) 0 3px, transparent 3px),
    radial-gradient(circle at 47% 38%, rgba(102, 84, 54, 0.48) 0 3px, transparent 3px),
    radial-gradient(circle at 27% 46%, rgba(102, 84, 54, 0.48) 0 3px, transparent 3px);
}

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

.aeo-asra-passport-preview .passport-identity__header {
  border-bottom-color: var(--aeo-line);
  background: rgba(255, 255, 255, 0.2);
}

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

.aeo-asra-passport-preview .passport-mini-field--passport .passport-mini-field__value {
  color: var(--aeo-gold-bright);
}

.aeo-asra-passport-preview .passport-photo {
  border-color: rgba(107, 92, 66, 0.3);
  background: #d7d1dd;
}

.aeo-asra-passport-preview .passport-ghost {
  filter: sepia(0.5) saturate(0.72) hue-rotate(10deg);
  opacity: 0.12;
}

.aeo-asra-passport-preview .passport-field--authority .passport-data-value + .passport-data-value {
  color: var(--aeo-meta);
}

.aeo-asra-passport-preview .passport-mrz {
  border-top-color: var(--aeo-line);
  background: linear-gradient(180deg, rgba(138, 117, 80, 0.03), rgba(137, 127, 163, 0.06));
}

@media (max-width: 700px) {
  .aeo-asra-passport-preview .passport-page--message::after,
  .aeo-asra-passport-preview .passport-page--identity::after {
    width: 34mm;
    height: 34mm;
  }
}