/**
 * 公众号助手 - 前台「关注后阅读」卡片
 *
 * 由 function.php 的 WeChatBridge_IndexBegin() 挂到 $zbp->header，
 * 主题色通过 :root 上的 --wxlock-theme 变量注入。
 */
.wxlock-box {
  margin: 22px 0;
  padding: 20px;
  border: 1px solid #e3e6ea;
  border-radius: 10px;
  background: #fafbfc;
  text-align: center;
}

.wxlock-title {
  font-size: 15px;
  font-weight: 600;
  color: #1f2328;
  margin-bottom: 8px;
}

.wxlock-tip {
  font-size: 13px;
  color: #6b7480;
  line-height: 1.7;
  margin-bottom: 14px;
}

.wxlock-qr {
  margin-bottom: 12px;
}

.wxlock-qr img {
  width: 150px;
  height: 150px;
}

.wxlock-row {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}

.wxlock-code {
  flex: 0 1 150px;
  min-width: 130px;
  padding: 8px 10px;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  font-size: 14px;
  text-transform: uppercase;
}

.wxlock-btn {
  padding: 8px 18px;
  border: 0;
  border-radius: 6px;
  background: var(--wxlock-theme, #4a86e8);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.wxlock-btn:disabled {
  opacity: .6;
  cursor: default;
}

.wxlock-msg {
  margin-top: 10px;
  font-size: 13px;
  color: #6b7480;
  min-height: 18px;
}

.wxlock-msg-error {
  color: #b4232a;
}