/* Business contact: scoped to the existing contact section. */
#contact.contact-section {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(40px, 6vw, 100px);
  padding-block: clamp(64px, 8vw, 108px);
  color: #e9dfcf;
  border-top: 1px solid rgba(217, 191, 149, .22);
  background: transparent;
}
#contact .business-intro { min-width: 0; }
#contact .business-kicker {
  margin: 0 0 24px;
  color: #b39c78;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .14em;
}
#contact #business-title {
  margin: 0;
  color: #ede0c9;
  font-family: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
  font-size: clamp(32px, 3.25vw, 52px);
  font-weight: 400;
  letter-spacing: .035em;
  line-height: 1.55;
}
#contact .business-scope {
  margin: 24px 0 0;
  color: #9f988c;
  font-size: 14px;
  line-height: 1.9;
}
#contact .business-connect {
  position: relative;
  min-width: 0;
  padding: 18px 0 12px clamp(28px, 3.2vw, 50px);
  border-left: 1px solid rgba(217, 191, 149, .28);
}
#contact .business-connect::before {
  position: absolute;
  inset: 0 auto auto -1px;
  width: 1px;
  height: 48px;
  background: #d9bf95;
  content: "";
}
#contact .business-label {
  margin: 0 0 16px;
  color: #aaa08f;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .08em;
}
#contact .business-account-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 22px;
}
#contact #business-wechat {
  margin: 0;
  padding: 0;
  color: #dfc49a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(26px, 2.6vw, 38px);
  font-weight: 400;
  letter-spacing: .015em;
  line-height: 1.25;
  overflow-wrap: anywhere;
  user-select: all;
  -webkit-user-select: all;
}
#contact .business-copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 7px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid rgba(217, 191, 149, .24);
  border-radius: 2px;
  background: linear-gradient(150deg, rgba(217, 191, 149, .07), rgba(217, 191, 149, .015));
  color: #c6b18d;
  font: inherit;
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
}
#contact .business-copy:hover {
  border-color: rgba(217, 191, 149, .62);
  background: rgba(217, 191, 149, .09);
  color: #ecdbbb;
}
#contact .business-copy:disabled { cursor: wait; opacity: .72; }
#contact .business-copy:focus-visible,
#contact #business-wechat:focus-visible {
  outline: 2px solid #d9bf95;
  outline-offset: 5px;
}
#contact .business-note {
  margin: 22px 0 0;
  color: #aaa08f;
  font-size: 13px;
  line-height: 1.9;
}
#contact .business-copy-status {
  min-height: 1.8em;
  margin: 9px 0 0;
  color: #d9bf95;
  font-size: 12px;
  line-height: 1.8;
}
#contact .business-qr-block { display:flex; align-items:center; gap:24px; margin-top:27px; }
#contact .business-qr { display:block; flex:0 0 184px; width:184px; padding:10px; border:1px solid #d9bf9577; background:#f9f6ee; cursor:zoom-in; box-shadow:0 12px 28px #0003; }
#contact .business-qr-window { display:block; position:relative; width:100%; aspect-ratio:1; overflow:hidden; background:white; }
#contact .business-qr-window img { position:absolute; display:block; width:134.42623%; max-width:none; height:auto; left:-17.21311%; top:-56.55738%; filter:none; }
#contact .business-qr:hover { border-color:#ead2a8; box-shadow:0 12px 30px #0004,0 0 18px #d9bf9512; }
#contact .business-qr:focus-visible { outline:2px solid #d9bf95; outline-offset:5px; }
#contact .business-qr-copy { min-width:0; }
#contact .business-qr-label { margin:0 0 12px; color:#dbc29b; font-size:14px; line-height:1.8; }
#contact .business-qr-copy .business-note { margin:0; }
#contact .business-note strong { color:#e4cba4; font-weight:400; }
#contact .business-qr-hint { display:block; color:#8f8576; font-size:11px; line-height:1.8; margin-top:12px; }
@media (max-width: 760px) {
  #contact.contact-section { grid-template-columns: minmax(0, 1fr); gap: 35px; padding-block: 56px; }
  #contact .business-kicker { margin-bottom: 18px; }
  #contact #business-title { font-size: clamp(30px, 7.6vw, 42px); }
  #contact .business-scope { margin-top: 18px; font-size: 13px; }
  #contact .business-connect { padding: 28px 0 0; border-left: 0; border-top: 1px solid rgba(217, 191, 149, .24); }
  #contact .business-connect::before { inset: -1px auto auto 0; width: 48px; height: 1px; }
  #contact .business-account-row { gap: 14px 16px; }
  #contact #business-wechat { font-size: clamp(27px, 7.5vw, 34px); }
  #contact .business-copy { min-height: 44px; padding-inline: 11px; }
  #contact .business-qr-block { gap:19px; }
  #contact .business-qr { flex-basis:168px; width:168px; padding:9px; }
  #contact .business-qr-label { font-size:13px; }
}