.contact-framer-page {
  min-width: 1100px;
  background: #000;
  color: #e1f0ec;
  font-family: Satoshi, "Microsoft YaHei", sans-serif;
}

.contact-framer-page .site-header { grid-template-columns: 1fr auto 1fr; min-height: 74px; padding: 0 32px; background: #030807; border-color: rgba(133, 206, 194, .15); }
.contact-framer-page .search { display: none; }
.contact-framer-page .header-actions { position: static; grid-column: 2; justify-self: center; gap: 30px; color: #b0ccc7; font-size: 14px; }
.contact-framer-page .nav-button { position: absolute; right: 32px; min-height: 36px; padding: 9px 16px; border: 1px solid rgba(138, 205, 197, .34); border-radius: 6px; background: rgba(62, 133, 128, .28); color: #e5f8f4; font-size: 14px; }
.contact-framer-page .account-menu { position: absolute; right: 32px; }
.contact-framer-page .brand { color: #e0f6f2; font-size: 17px; font-weight: 700; }
.contact-framer-page .brand-cn, .contact-framer-page .brand-en { color: inherit; font-size: inherit; }
.contact-framer-page .brand-en { margin-left: 3px; }

.contact-framer-page .contact-framer-main { position: relative; width: min(840px, calc(100% - 80px)); margin: 0 auto; padding: 74px 0 106px; }
.contact-framer-page .contact-framer-main::before { position: absolute; z-index: -1; top: 0; left: 50%; width: 760px; height: 520px; content: ""; background: radial-gradient(ellipse at center, rgba(38, 139, 124, .2), rgba(11, 49, 42, .1) 44%, transparent 73%); transform: translateX(-50%); }
.contact-framer-page .contact-intro { display: grid; grid-template-columns: minmax(0, 1fr) 268px; align-items: center; gap: 72px; margin-bottom: 80px; }
.contact-framer-page .eyebrow { margin: 0 0 12px; color: #72bfb3; font-size: 13px; font-weight: 500; }
.contact-framer-page .contact-intro h1 { max-width: 470px; margin: 0 0 18px; color: #f0faf8; font-size: 42px; font-weight: 500; line-height: 1.14; }
.contact-framer-page .contact-intro > div > p:last-child { max-width: 500px; margin: 0; color: #abc7c1; font-size: 15px; line-height: 1.65; }
.contact-framer-page .wechat-support-card { min-height: 152px; box-sizing: border-box; padding: 20px; border: 1px solid rgba(119, 204, 191, .3); border-radius: 7px; background: linear-gradient(145deg, rgba(9, 43, 36, .91), rgba(5, 23, 20, .9)); }
.contact-framer-page .wechat-support-card p { margin: 0 0 18px; color: #72bfb3; font-size: 12px; }
.contact-framer-page .wechat-support-card strong { display: block; color: #e4f5f1; font-size: 22px; font-weight: 500; }
.contact-framer-page .wechat-support-card span { display: block; margin-top: 18px; color: #a9c5bf; font-size: 13px; line-height: 1.55; }

.contact-framer-page .contact-section-heading { margin: 0 0 18px; }
.contact-framer-page .contact-section-heading h2 { margin: 0; color: #e9f8f4; font-size: 24px; font-weight: 500; }
.contact-framer-page .support-category-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.contact-framer-page .support-category-grid article { min-height: 118px; box-sizing: border-box; padding: 18px 14px; border: 1px solid rgba(117, 202, 189, .26); border-radius: 7px; background: #08201c; }
.contact-framer-page .support-category-grid strong { color: #76c8bc; font-size: 13px; font-weight: 500; }
.contact-framer-page .support-category-grid p { margin: 12px 0 0; color: #a8c2bc; font-size: 13px; line-height: 1.55; }
.contact-framer-page .contact-preparation { margin-top: 40px; padding-top: 38px; border-top: 1px solid rgba(129, 200, 189, .16); }
.contact-framer-page .contact-preparation-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.contact-framer-page .contact-preparation-grid article { min-height: 104px; box-sizing: border-box; padding: 17px 14px; border: 1px solid rgba(117, 202, 189, .22); border-radius: 7px; background: #08201c; }
.contact-framer-page .contact-preparation-grid strong { color: #d7eee9; font-size: 14px; font-weight: 500; }
.contact-framer-page .contact-preparation-grid p { margin: 11px 0 0; color: #9db8b2; font-size: 12px; line-height: 1.55; }
.contact-framer-page .site-footer { width: min(840px, calc(100% - 80px)); margin: 0 auto; border-color: rgba(129, 200, 189, .16); color: #8faeaa; }
.contact-framer-page .site-footer a { color: #8faeaa; }

/* Framer desktop frame: 1040px content rail with left aligned support copy. */
.contact-framer-page { min-width: 1200px; }
.contact-framer-page .site-header { padding: 0 72px; border-color: rgba(141, 202, 195, .14); }
.contact-framer-page .nav-button { right: 72px; min-height: 35px; font-weight: 500; }
.contact-framer-page .account-menu { right: 72px; }
.contact-framer-page .contact-framer-main {
  width: 100%;
  min-height: 960px;
  margin: 0;
  padding: 0 0 96px;
  background: transparent !important;
}
.contact-framer-page .contact-framer-main::before { display: none; }
.contact-framer-page .contact-intro,
.contact-framer-page .support-categories,
.contact-framer-page .contact-preparation { width: 1040px; max-width: none; margin: 0 auto; }
.contact-framer-page .contact-intro { display: flex; align-items: end; gap: 32px; padding: 94px 32px 48px; }
.contact-framer-page .contact-intro > div { flex: 1; }
.contact-framer-page .contact-intro .eyebrow,
.contact-framer-page .contact-section-heading .eyebrow { color: #70d2c4; font-size: 13px; font-weight: 500; line-height: 1.2; }
.contact-framer-page .contact-intro h1 { max-width: 600px; margin: 14px 0; color: #edfafa; font-size: 48px; font-weight: 700; line-height: 1.14; }
.contact-framer-page .contact-intro > div > p:last-child { max-width: 600px; color: #a4c5c0; font-size: 16px; line-height: 1.7; }
.contact-framer-page .wechat-support-card { width: 340px; min-height: 0; padding: 24px; border-radius: 8px; background: linear-gradient(135deg, rgba(11, 52, 45, .90), rgba(5, 23, 20, .96)); box-shadow: 0 0 38px rgba(57, 168, 153, .13); }
.contact-framer-page .wechat-support-card p { font-size: 13px; font-weight: 500; }
.contact-framer-page .wechat-support-card strong { font-size: 27px; font-weight: 700; }
.contact-framer-page .wechat-support-card span { font-size: 14px; line-height: 1.6; }
.contact-framer-page .support-categories { padding: 18px 32px 52px; }
.contact-framer-page .contact-section-heading { margin: 0 0 22px; }
.contact-framer-page .contact-section-heading h2 { font-size: 26px; font-weight: 700; line-height: 1.25; }
.contact-framer-page .support-category-grid { gap: 14px; }
.contact-framer-page .support-category-grid article { min-height: 150px; padding: 20px; border-radius: 8px; }
.contact-framer-page .contact-preparation { padding: 50px 32px 96px; border-top-color: rgba(111, 184, 173, .16); }
.contact-framer-page .contact-preparation-grid { gap: 14px; }
.contact-framer-page .contact-preparation-grid article { min-height: 132px; padding: 18px; border-radius: 8px; }