/* 3456×1936 artwork: safe label area x≈750–2700, y≈560–1340.
   The artwork includes its frame and transparent decorations. */
:root { --material-button-ink: #3A2A30; --material-button-font: 13px; }
html body [data-material-button] {
  box-sizing: border-box !important;
  position: relative;
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  vertical-align: middle;
  min-width: 96px;
  width: var(--material-button-width, auto) !important;
  height: var(--material-button-height, 64px) !important;
  min-height: var(--material-button-height, 64px) !important;
  max-width: 100%;
  padding: 0 var(--material-button-inset, 26px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: url('/ui/tex/按钮/次要按钮.webp') !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
  color: var(--material-button-ink) !important;
  font-size: var(--material-button-font) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  white-space: nowrap;
  gap: 6px;
  overflow: hidden;
  flex-shrink: 0;
  cursor: pointer;
  transition: filter .16s, transform .16s;
}
html body [data-material-button] :is(span, .el-icon) { color: inherit !important; font-size: inherit; text-align: center !important; text-shadow: none !important; -webkit-text-stroke: 0 !important; }
html body [data-material-button] > span { justify-content: center !important; align-items: center !important; }
html body [data-material-button='primary'] { background-image: url('/ui/tex/按钮/主要按钮.webp') !important; }
html body [data-material-button='danger'] { background-image: url('/ui/tex/按钮/危险按钮.webp') !important; }
html body [data-material-button='art'] { width: 114px; flex-shrink: 0; padding: 0 !important; font-size: 0 !important; color: transparent !important; }
html body [data-material-button='art'] > :not(.is-loading) { visibility: hidden; }
html body [data-material-art='返回back'] { background-image: url('/ui/tex/按钮/返回back.webp') !important; }
html body [data-material-art='同意ok'] { background-image: url('/ui/tex/按钮/同意ok.webp') !important; }
html body [data-material-art='好的yes'] { background-image: url('/ui/tex/按钮/好的yes.webp') !important; }
html body [data-material-art='取消cancel'] { background-image: url('/ui/tex/按钮/取消cancel.webp') !important; }
html body [data-material-art='提交submit'] { background-image: url('/ui/tex/按钮/提交submit.webp') !important; }
html body [data-material-button]:is(:disabled, .is-disabled) { opacity: .5; cursor: not-allowed; filter: grayscale(.3); }
html body [data-material-button]:hover:not(:disabled):not(.is-disabled) { filter: brightness(1.04); }
html body [data-material-button]:active:not(:disabled):not(.is-disabled) { transform: translateY(1px); }
html body [data-material-button]:focus-visible { outline: 2px solid #6E8F58; outline-offset: -8px; }
html body [data-material-button] .is-loading { visibility: visible; color: #3A2A30 !important; font-size: 14px; position: relative; z-index: 1; }
html body [data-material-button].el-button--small { height: var(--material-button-height, 52px) !important; min-height: var(--material-button-height, 52px) !important; padding-block: 0 !important; }
html body [data-material-button='art'].el-button--small { width: 93px; padding: 0 !important; }
html body [data-material-button].el-button--large { height: var(--material-button-height, 76px) !important; min-height: var(--material-button-height, 76px) !important; }
html body [data-material-button='art'].el-button--large { width: 136px; }
/* Shared icon artwork keeps its original proportions inside the hit area. */
html body button[data-material-icon] {
  display: inline-flex !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
  cursor: pointer;
}
html body button[data-material-icon] > * { visibility: hidden; }
html body button[data-material-icon='三条杠'] { background-image: url('/ui/tex/按钮/三条杠.webp') !important; }
html body button[data-material-icon='加号'] { background-image: url('/ui/tex/按钮/加号.webp') !important; }
html body button[data-material-icon='搜索'] { background-image: url('/ui/tex/按钮/搜索.webp') !important; }
html body button[data-material-icon='齿轮'] { background-image: url('/ui/tex/按钮/齿轮.webp') !important; }
html body button[data-material-icon='收起'] { background-image: url('/ui/tex/按钮/收起.webp') !important; }
html body button[data-material-icon='重新'] { background-image: url('/ui/tex/按钮/重新.webp') !important; }
html body button[data-material-icon='修改'] { background-image: url('/ui/tex/按钮/修改.webp') !important; }
html body button[data-material-icon='关系'] { background-image: url('/ui/tex/按钮/关系.webp') !important; }
html body button[data-material-icon='删除'] { background-image: url('/ui/tex/按钮/删除.webp') !important; }
html body button[data-material-icon='分享'] { background-image: url('/ui/tex/按钮/分享.webp') !important; }
html body button[data-material-icon='点赞'] { background-image: url('/ui/tex/按钮/点赞.webp') !important; }
html body button[data-material-icon='收藏'] { background-image: url('/ui/tex/按钮/收藏.webp') !important; }
html body button[data-material-icon='表情包'] { background-image: url('/ui/tex/表情包.webp') !important; }
html body button[data-material-icon='评论'] { background-image: url('/ui/tex/聊天/左边的聊天气泡.webp') !important; }
html body button[data-material-icon] { font-size: 0 !important; color: transparent !important; text-shadow: none !important; }
html body button[data-material-icon][aria-pressed='true'] { outline: 2px solid #6E8F58; outline-offset: -3px; }
html body button[data-material-icon]:is(:disabled, .is-disabled) { opacity: .5; cursor: not-allowed; }
html body button[data-material-icon]:focus-visible { outline: 2px solid #6E8F58; outline-offset: 2px; }