.evd-arrival-entry{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1.25rem;background:#262621;color:#f4eee2;font:500 .8rem/1.6 sans-serif;letter-spacing:.04em}.evd-arrival-entry a{color:#f4eee2;text-underline-offset:.25em}.evd-arrival-story,.evd-arrival-learning{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,5vw,5rem);padding:clamp(2rem,5vw,5rem);max-width:1440px;margin:auto}.evd-arrival-story{background:#eee5d6;color:#282821}.evd-arrival-story h2,.evd-arrival-learning h2{font-family:var(--wp--preset--font-family--serif,serif);font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.5;font-weight:400;margin:.7rem 0 1.25rem}.evd-arrival-story p,.evd-arrival-learning p{line-height:1.95}.evd-arrival-story__service{border-left:1px solid #b8aa96;padding-left:clamp(1.5rem,4vw,3.5rem)}.evd-arrival-story h3{font-size:1.15rem;line-height:1.65}.evd-arrival-learning{background:#f8f4ec;color:#282821}.evd-arrival-learning__links{display:flex;flex-direction:column;justify-content:center}.evd-arrival-learning__links a{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;border-bottom:1px solid #c8bba8;color:inherit;text-decoration:none}.evd-arrival-entry a:focus-visible,.evd-arrival-story a:focus-visible,.evd-arrival-learning a:focus-visible{outline:3px solid #aa773e;outline-offset:5px}@media(max-width:720px){.evd-arrival-entry{flex-direction:column;gap:.15rem;text-align:center;padding:.65rem 1rem}.evd-arrival-story,.evd-arrival-learning{grid-template-columns:1fr;padding:2rem 1.3rem;gap:1.4rem}.evd-arrival-story__service{border-left:0;border-top:1px solid #b8aa96;padding:1.2rem 0 0}.evd-arrival-story .evd-flagship__button{width:100%;justify-content:center}.evd-flagship #evd-flagship-title{overflow-wrap:anywhere}}

.evd-arrival-color-image{margin:1.2rem 0;border:1px solid #766447;padding:.8rem}.evd-arrival-color-image[hidden]{display:none}.evd-arrival-color-image figcaption{font-size:.85rem;margin-bottom:.6rem;color:#d1bd9c}.evd-arrival-color-image img{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;background:white}

/* 2026-10-30: shared charcoal-glass navigation for the flagship experience.
 * Loaded only on the existing campaign surfaces. Commerce controls are excluded.
 */
.evd-arrival-entry,
.evd-flagship,
.evd-flagship-entry {
  --evd-glass-ink: #f6f1e8;
  --evd-glass-edge: rgba(219, 172, 135, .42);
  --evd-glass-surface: rgba(23, 24, 21, .88);
  --evd-glass-highlight: rgba(246, 241, 232, .07);
  --evd-glass-shadow: 0 8px 24px rgba(13, 14, 12, .16), inset 0 1px 0 rgba(255, 250, 240, .09);
}

/* One finish across editorial CTAs, chapter navigation and campaign entrances. Global footer stays theme-owned. */
.evd-flagship .evd-flagship__button,
.evd-flagship .evd-flagship__text-link,
.evd-flagship .evd-flagship__service-grid a,
.evd-flagship .evd-flagship__comparison td a,
.evd-arrival-entry a,
.evd-arrival-learning .evd-arrival-learning__links a,
.evd-flagship-entry > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .85rem;
  min-height: 48px;
  max-width: 100%;
  padding: .85rem 1.4rem;
  border: 1px solid var(--evd-glass-edge);
  border-radius: 999px;
  background: linear-gradient(135deg, var(--evd-glass-highlight), transparent 65%) var(--evd-glass-surface);
  background-image: linear-gradient(135deg, var(--evd-glass-highlight), transparent 65%) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  box-shadow: var(--evd-glass-shadow);
  color: var(--evd-glass-ink) !important;
  font-family: var(--evd-f-body, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", -apple-system, sans-serif);
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: .035em;
  line-height: 1.65;
  text-align: center;
  text-decoration: none;
  transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .evd-arrival-entry,
  .evd-flagship,
  .evd-flagship-entry { --evd-glass-surface: rgba(23, 24, 21, .76); }
  .evd-flagship .evd-flagship__button,
  .evd-flagship .evd-flagship__text-link,
  .evd-flagship .evd-flagship__service-grid a,
  .evd-flagship .evd-flagship__comparison td a,
  .evd-arrival-entry a,
  .evd-arrival-learning .evd-arrival-learning__links a,
  .evd-flagship-entry > a,

  .evd-flagship .evd-flagship__hero-models a,
  .evd-flagship .evd-flagship__nav,
  .evd-flagship-entry {
    -webkit-backdrop-filter: blur(18px) saturate(115%);
    backdrop-filter: blur(18px) saturate(115%);
  }
}

@media (hover: hover) and (pointer: fine) {
  .evd-flagship .evd-flagship__button:hover,
  .evd-flagship .evd-flagship__text-link:hover,
  .evd-flagship .evd-flagship__service-grid a:hover,
  .evd-flagship .evd-flagship__comparison td a:hover,
  .evd-arrival-entry a:hover,
  .evd-arrival-learning .evd-arrival-learning__links a:hover,
  .evd-flagship-entry > a:hover {
    background: linear-gradient(135deg, rgba(246, 241, 232, .1), transparent 65%) rgba(34, 35, 30, .92);
    border-color: #dbac87;
    box-shadow: 0 10px 28px rgba(13, 14, 12, .2), inset 0 1px 0 rgba(255, 250, 240, .12);
    color: #fffaf2 !important;
    transform: translateY(-1px);
  }
}

.evd-arrival-entry { gap: .65rem 1.25rem; padding: .6rem 1.25rem; background: #20221d; }
.evd-arrival-entry a { min-height: 40px; padding: .4rem 1rem; font-size: .76rem; }
.evd-arrival-entry > span { font-weight: 500; }
.evd-flagship-entry { border: 1px solid rgba(219, 172, 135, .22); border-radius: 20px; background: linear-gradient(135deg, rgba(246, 241, 232, .035), transparent 70%) rgba(24, 24, 21, .78); box-shadow: 0 16px 40px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(246, 241, 232, .035); }
.evd-arrival-learning .evd-arrival-learning__links { gap: .7rem; }
.evd-arrival-learning .evd-arrival-learning__links a { justify-content: space-between; width: 100%; text-align: left; padding-inline: 1.25rem; }
.evd-flagship .evd-flagship__actions { gap: .75rem; }
.evd-flagship .evd-flagship__hero-models { gap: .65rem; padding-top: .75rem; }
.evd-flagship .evd-flagship__hero-models a { min-height: 82px; padding: 1rem 1.2rem; border: 1px solid rgba(219, 172, 135, .3); border-radius: 16px; background: linear-gradient(135deg, rgba(246, 241, 232, .055), transparent 70%) rgba(23, 24, 21, .72); box-shadow: inset 0 1px 0 rgba(246, 241, 232, .05); }
.evd-flagship .evd-flagship__hero-models a:hover { border-color: #dbac87; }
.evd-flagship .evd-flagship__nav { justify-content: center; gap: .5rem; padding-block: .75rem; border-block: 1px solid rgba(219, 172, 135, .18); background: rgba(23, 24, 21, .9); }
.evd-flagship .evd-flagship__nav a { justify-content: center; min-height: 44px; padding: .5rem 1rem; border: 1px solid rgba(219, 172, 135, .3); border-radius: 999px; background: rgba(246, 241, 232, .035); color: #f6f1e8; text-decoration: none; }
.evd-flagship .evd-flagship__nav a:hover { border-color: #dbac87; background: rgba(246, 241, 232, .09); }
.evd-flagship .evd-flagship__service-grid a { margin-top: auto; }
.evd-flagship .evd-flagship__comparison td a { min-height: 44px; padding: .55rem .9rem; font-size: .78rem; }

/* Text-presentation arrows keep iOS from substituting colored emoji. */
.evd-arrival-entry a > span[aria-hidden],
.evd-flagship .evd-flagship__button > span[aria-hidden],
.evd-flagship .evd-flagship__text-link > span[aria-hidden],
.evd-arrival-learning__links a > span[aria-hidden],
.evd-flagship-entry > a > span[aria-hidden] { flex: 0 0 auto; color: #dbac87; font-family: Arial, sans-serif; font-size: 1.1em; line-height: 1; }

.evd-flagship a:focus-visible,
.evd-arrival-entry a:focus-visible,
.evd-flagship-entry a:focus-visible { outline: 3px solid #bf8558; outline-offset: 4px; }

@media (max-width: 760px) {
  .evd-arrival-entry { gap: .35rem; padding: .65rem 1rem; }
  .evd-flagship .evd-flagship__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
  .evd-flagship .evd-flagship__actions > a { width: 100%; gap: .55rem; padding-inline: .8rem; font-size: .8rem; }
  .evd-flagship .evd-flagship__hero-models { gap: .6rem; }
  .evd-flagship .evd-flagship__hero-models a { padding: .85rem 1rem; }
  .evd-flagship .evd-flagship__nav { justify-content: flex-start; gap: .5rem; }
  .evd-arrival-learning .evd-arrival-learning__links a { min-height: 56px; font-size: .86rem; }
  .evd-flagship-entry > a { width: auto; }

}
@media (max-width: 359px) {
  .evd-flagship .evd-flagship__actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .evd-arrival-entry a,
  .evd-flagship a,
  .evd-flagship-entry a { transition: none !important; transform: none !important; }
}
@media (forced-colors: active) {
  .evd-flagship .evd-flagship__button,
  .evd-flagship .evd-flagship__text-link,
  .evd-arrival-entry a,
  .evd-arrival-learning__links a,
  .evd-flagship-entry > a,
  .evd-flagship .evd-flagship__nav a { background: ButtonFace; border: 1px solid ButtonText; color: ButtonText !important; box-shadow: none; }
}
