/* Current Figma age frames: H5 49037:334180; PC 49040:354744. */
body.age-pop-open { overflow: hidden; }
.age-pop { position: fixed; inset: 0; z-index: 10001; display: none; align-items: center; justify-content: center; padding: 24px 16px; font-family: "PingFang SC", sans-serif; }
.age-pop--open { display: flex; }
.age-pop__backdrop { position: absolute; inset: 0; background: #000000b2; backdrop-filter: blur(20px); }
.age-pop__inner { position: relative; z-index: 1; display: flex; max-width: 100%; flex-direction: column; align-items: center; gap: 36px; }
.age-pop__panel { display: flex; width: 400px; max-width: 100%; flex-direction: column; align-items: center; gap: 18px; padding: 24px 20px; border-radius: 20px; background: var(--color-surface-modal); box-shadow: 0 0 0 1px #ffffff33; }
.age-pop__logo { display: block; flex: none; width: 78px; height: 78px; object-fit: contain; }
.age-pop__content { display: flex; width: 100%; flex-direction: column; align-items: center; gap: 24px; }
.age-pop__title { margin: 0; color: #fff; font-size: 18px; font-weight: 600; line-height: 24px; text-align: center; }
.age-pop__desc { width: 100%; margin: 0; color: #fff; font-size: 14px; font-weight: 400; line-height: 20px; text-align: justify; }
.age-pop__actions { display: flex; width: 100%; flex-direction: column; gap: 12px; }
.age-pop__btn { display: inline-flex; width: 100%; height: 48px; align-items: center; justify-content: center; padding: 13px 0; border: 0; border-radius: var(--site-radius, 12px); font: 400 16px/22px "PingFang SC", sans-serif; text-align: center; cursor: pointer; text-decoration: none; }
.age-pop__btn--enter { background: var(--color-accent-cyan); color: #000000e5; font-weight: 500; }
.age-pop__btn--exit { background: #ffffff1a; color: #fff; }
.age-pop__close { display: flex; width: 36px; height: 36px; flex: none; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.age-pop__close-icon { display: block; width: 36px; height: 36px; }
.age-pop__btn:focus-visible, .age-pop__close:focus-visible { outline: 2px solid var(--color-accent-cyan); outline-offset: 3px; }
@media (max-width: 768px) {
 .age-pop__inner { transform:translateY(-22px); }
 .age-pop__backdrop { backdrop-filter: blur(4px); }
 .age-pop__btn--enter { color: #292929; }
 .age-pop__panel { width: min(300px, calc(100vw - 32px)); }
}
@media (max-height: 550px) {
 .age-pop { align-items: flex-start; overflow-y: auto; }
}
@media(min-width:333px) and (max-width:768px) {
 .age-pop__inner { transform: translate(.5px,-22px); }
}