/* The entire WeChat card opens the subscription page in the current tab. */
#aside-content #aside-wechat-subscribe {
  box-sizing: border-box;
  min-width: 0;
  padding: 0;
  border-radius: 18px;
  color: var(--efu-fontcolor);
  background: var(--efu-card-bg);
  box-shadow: 0 2px 10px rgb(0 0 0 / 3.5%);
  transition: none;
}

#aside-wechat-subscribe .wechat-subscribe-link {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  width: 100%;
  min-height: 80px;
  padding: 12px 14px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

#aside-wechat-subscribe .wechat-subscribe-link:focus-visible {
  outline: 2px solid var(--efu-main);
  outline-offset: -3px;
  border-radius: 18px;
}

#aside-wechat-subscribe .wechat-subscribe-icon,
#aside-wechat-subscribe .wechat-subscribe-arrow {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: #28a85d;
}

#aside-wechat-subscribe .wechat-subscribe-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgb(40 168 93 / 10%);
}

#aside-wechat-subscribe .wechat-subscribe-copy { flex: 1; min-width: 0; }

#aside-wechat-subscribe .wechat-subscribe-copy h2 {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -.01em;
  white-space: nowrap;
}

#aside-wechat-subscribe .wechat-subscribe-copy p {
  margin: 4px 0 0;
  padding: 0;
  color: var(--efu-secondtext);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

#aside-wechat-subscribe .wechat-subscribe-arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgb(40 168 93 / 8%);
}

#aside-wechat-subscribe svg { display: block; }

[data-theme="dark"] #aside-wechat-subscribe .wechat-subscribe-icon,
[data-theme="dark"] #aside-wechat-subscribe .wechat-subscribe-arrow { color: #53cf87; }

@media (prefers-contrast: more) {
  #aside-content #aside-wechat-subscribe { border-color: currentColor; box-shadow: none; }
}