/* DevCN 会员中心头部：在「发起讨论」右侧追加「发布文章」按钮 · 2026-11-14
   仅由前台 </head> 注入覆盖，脚本自检 .uc-shell .creator-welcome 才生效。
   样式优先级：public-deep-ui.js 用 body.dc-member ×6 + !important 写死了按钮，
   这里用 ×7 前缀压过去，只改新增的 .af-me-publish，不动原有「发起讨论」。 */

html body .uc-shell .creator-welcome .af-me-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;
}

html body.dc-member.dc-member.dc-member.dc-member.dc-member.dc-member.dc-member
  .uc-shell .creator-welcome .af-me-publish {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 38px !important;
  padding: 8px 15px !important;
  border-radius: 8px !important;
  border: 1px solid var(--tw-line-c9dcfd) !important;
  background: var(--tw-bg-f5f9ff) !important;
  color: var(--tw-ink-2563eb) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px rgba(37, 99, 235, .08) !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}
html body.dc-member.dc-member.dc-member.dc-member.dc-member.dc-member.dc-member
  .uc-shell .creator-welcome .af-me-publish svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  stroke: currentColor !important;
}
html body.dc-member.dc-member.dc-member.dc-member.dc-member.dc-member.dc-member
  .uc-shell .creator-welcome .af-me-publish:hover {
  background: var(--tw-bg-e8f1ff) !important;
  border-color: var(--tw-line-a6c5ff) !important;
  color: var(--tw-ink-1d4ed8) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 14px rgba(37, 99, 235, .14) !important;
}
html body.dc-member.dc-member.dc-member.dc-member.dc-member.dc-member.dc-member
  .uc-shell .creator-welcome .af-me-publish:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 2px rgba(37, 99, 235, .1) !important;
}

@media (max-width: 760px) {
  html body .uc-shell .creator-welcome .af-me-actions {
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
  }
  html body.dc-member.dc-member.dc-member.dc-member.dc-member.dc-member.dc-member
    .uc-shell .creator-welcome .af-me-publish {
    padding: 8px 13px !important;
  }
}
