/* Shared contact and privacy panels match the site's light editorial style. */
#contact-dialog,#privacy-dialog,#xiaohongshu-dialog{width:min(640px,calc(100% - 40px));max-height:calc(100dvh - 64px);padding:44px 40px 36px;border:1px solid #c8cbcd;border-radius:0;background:#f3f3f1;color:#292b32;color-scheme:light;box-shadow:0 24px 80px #0003;overscroll-behavior:contain;scrollbar-width:thin}
#privacy-dialog{width:min(720px,calc(100% - 40px))}
#contact-dialog::backdrop,#privacy-dialog::backdrop,#xiaohongshu-dialog::backdrop{background:#161a1f80;backdrop-filter:blur(6px)}
#contact-dialog .eyebrow,#privacy-dialog .eyebrow,#xiaohongshu-dialog .eyebrow{color:#797d82;font-size:12px;letter-spacing:1.8px;line-height:1.6;margin-bottom:20px;padding-right:36px}
#contact-dialog h2,#privacy-dialog h2,#xiaohongshu-dialog h2{font-size:32px;font-weight:400;line-height:1.4;letter-spacing:-.02em;padding-right:20px}
#contact-dialog .close-button,#privacy-dialog .close-button,#xiaohongshu-dialog .close-button{right:10px;top:10px;width:44px;height:44px;color:#666b70;font-size:30px;transition:color .2s,background .2s}
#contact-dialog .close-button:hover,#privacy-dialog .close-button:hover,#xiaohongshu-dialog .close-button:hover{color:#22262a;background:#e6e7e5}
#contact-dialog #dialog-description{font-size:16px;line-height:1.8;color:#73777c;margin-top:16px}
#contact-dialog .contact-empty{margin-top:30px;padding:24px;text-align:left;background:#eaebe9;border:1px solid #d5d7d5;border-radius:0}
.contact-placeholder-header{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#73777c;font-size:13px;line-height:1.6;margin-bottom:26px}
.contact-placeholder-status{font-size:12px;border:1px solid #bfc3c3;padding:3px 8px;white-space:nowrap}
#contact-dialog .contact-empty h3{font-size:20px;line-height:1.5;font-weight:400}
#contact-dialog .contact-empty p{font-size:15px;line-height:1.85;color:#73777c;margin-top:12px}
#contact-dialog #contact-ready{margin-top:30px;padding-top:24px;border-top:1px solid #cfd2d3}
#contact-dialog #wechat-qr{display:block;width:min(280px,100%);height:auto;aspect-ratio:auto;margin:0 auto;border-radius:0}
#contact-dialog .qr-help{color:#73777c;font-size:14px;line-height:1.7}
#contact-dialog .text-link{color:#454b50;font-size:14px}
#contact-dialog .copy-button{background:#282a2d;color:#fff;border:1px solid #282a2d;border-radius:0;min-height:44px;font-size:14px;padding:10px 16px}
#contact-dialog #contact-status{color:#555e65;line-height:1.7}
#privacy-dialog .privacy-content{margin-top:26px;font-size:16px;line-height:1.85;color:#50565c}
#privacy-dialog .privacy-content section{margin-top:24px;padding-top:20px;border-top:1px solid #d6d8d7}
#privacy-dialog .privacy-content h3{font-size:16px;line-height:1.6;font-weight:400;color:#292e33;margin-bottom:10px}
#privacy-dialog .privacy-content p+p{margin-top:0}
#privacy-dialog .privacy-updated{font-size:12px;color:#797e83;margin-top:24px}
#privacy-dialog .line-link{font-size:16px;margin-top:24px;min-height:48px;gap:48px}
#privacy-dialog .line-link:hover{border-color:#292b32}
@media(max-width:559px){
 #contact-dialog,#privacy-dialog,#xiaohongshu-dialog{width:calc(100% - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:40px 24px 28px}
 #contact-dialog h2,#privacy-dialog h2,#xiaohongshu-dialog h2{font-size:26px;padding-right:0}
 #contact-dialog .eyebrow,#privacy-dialog .eyebrow,#xiaohongshu-dialog .eyebrow{font-size:11px;margin-bottom:16px}
 #contact-dialog #dialog-description,#privacy-dialog .privacy-content{font-size:15px;line-height:1.85}
 #contact-dialog .contact-empty{padding:20px;margin-top:24px}
 #contact-dialog .contact-empty h3{font-size:18px}
 .contact-placeholder-header{margin-bottom:22px}
 #privacy-dialog .privacy-content section{margin-top:20px;padding-top:18px}
 #privacy-dialog .privacy-content h3{font-size:15px}
}

#xiaohongshu-dialog{width:min(480px,calc(100% - 32px));padding:54px 24px 20px;text-align:center}
#xiaohongshu-dialog .xiaohongshu-direct{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;color:#292b32;text-underline-offset:5px}

#xiaohongshu-dialog .xiaohongshu-card{display:block;width:100%;height:auto;max-height:calc(100dvh - 200px);object-fit:contain;margin:0 auto 12px}

.footer-contact{padding-top:24px;scroll-margin-block:100px}
.footer-contact h2{font-size:22px;line-height:1.4;font-weight:400;letter-spacing:0}
.footer-contact .footer-socials{padding-top:18px}
.footer-contact:focus-visible{outline:1px solid #747a80;outline-offset:8px}
