/* Shared collection-dialog presentation. Existing scripts retain visibility and actions. */
#detailCollectBox {
  position: fixed;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: 552px;
  height: 404px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  margin: 0;
  transform: translate(-50%, -50%);
  z-index: 1051;
}

#detailCollectBox #tagCollectObj,
#detailCollectBox #tagCollectObj * {
  box-sizing: border-box;
}

#detailCollectBox #tagCollectObj {
  position: relative;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: #fff;
  color: #333;
  text-align: left;
  text-indent: 0;
  font: 400 14px/1.5 "Microsoft YaHei", "微软雅黑", sans-serif;
  letter-spacing: 0;
  box-shadow: none;
}

#detailCollectBox #tagCollectObj > .header {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 0;
  width: auto;
  height: 45px;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ededed;
  background: transparent;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 44px;
  text-align: left;
  overflow: visible;
}

#detailCollectBox #tagCollectObj > .header > .title {
  float: none;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}

#detailCollectBox #tagCollectObj > .header > .articles_line {
  display: none;
}

#detailCollectBox #tagCollectObj #closeTagCollect {
  position: absolute;
  left: auto;
  right: -4px;
  top: 10px;
  bottom: auto;
  float: none;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #999;
  font-size: 0;
  line-height: 24px;
  opacity: 1;
  text-shadow: none;
  cursor: pointer;
}

#detailCollectBox #tagCollectObj #closeTagCollect::before,
#detailCollectBox #tagCollectObj #closeTagCollect::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 11px;
  width: 16px;
  height: 1.5px;
  background: currentColor;
  transform: rotate(45deg);
  pointer-events: none;
}

#detailCollectBox #tagCollectObj #closeTagCollect::after {
  transform: rotate(-45deg);
}

#detailCollectBox #tagCollectObj > .header-chlid {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 55px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

#detailCollectBox #tagCollectObj > .tree-bg {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 87px;
  bottom: auto;
  width: auto;
  height: calc(100% - 156px);
  margin: 0;
  padding: 0;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background: rgba(245, 245, 248, 0.6);
}

#detailCollectBox #tagCollectObj > .tree-bg > .tree-box {
  position: absolute;
  left: 9px;
  right: 9px;
  top: 9px;
  bottom: 52px;
  width: auto;
  height: auto !important;
  min-height: 0;
  max-height: none;
  margin: 0;
  background: transparent;
  overflow: auto;
}

#detailCollectBox #tagCollectObj .tree-box > ul {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

#detailCollectBox #tagCollectObj .ztree * {
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
}

#detailCollectBox #tagCollectObj .ztree li {
  position: relative;
  height: auto;
  margin: 0 0 4px;
  padding: 0;
  line-height: 28px;
  white-space: nowrap;
}

#detailCollectBox #tagCollectObj .ztree li > ul {
  margin: 4px 0 0;
  padding: 0 0 0 18px;
}

/* Only row layout overrides zTree's built-in important display and padding. */
#detailCollectBox #tagCollectObj .ztree li > a {
  display: flex !important;
  align-items: center;
  position: relative;
  width: 100%;
  height: 28px !important;
  min-height: 28px;
  margin: 0;
  padding: 0 8px !important;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  opacity: 1;
  transition: none;
}

#detailCollectBox #tagCollectObj .ztree li > a.curSelectedNode {
  color: #0a5de7;
  background: transparent;
}

#detailCollectBox #tagCollectObj .ztree li > a:hover {
  color: #0a5de7;
  background: #e6ecf9;
  text-decoration: none;
}

#detailCollectBox #tagCollectObj .ztree li > a > .node_name {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Branch switches stay interactive; leaf connector placeholders have no action. */
#detailCollectBox #tagCollectObj .ztree li > span.button.switch {
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 1;
  width: 18px;
  height: 18px;
  margin: 0;
}

#detailCollectBox #tagCollectObj .ztree li > span.button.switch[class*="_docu"] {
  visibility: hidden;
}

#detailCollectBox #tagCollectObj .ztree li > span.button.switch:not([class*="_docu"]) + a {
  padding-left: 26px !important;
}

#detailCollectBox #tagCollectObj .ztree li > a > span.button.ico_docu,
#detailCollectBox #tagCollectObj .ztree li > a > span.button.ico_open,
#detailCollectBox #tagCollectObj .ztree li > a > span.button.ico_close {
  position: static;
  flex: 0 0 14px;
  width: 14px;
  height: 12px;
  margin: 0 5px 0 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cdefs%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='0' y1='3.5' x2='0' y2='10.5'%3E%3Cstop stop-color='%23FFD647'/%3E%3Cstop offset='.2143' stop-color='%23FFD33F'/%3E%3Cstop offset='.5' stop-color='%23FFCA32'/%3E%3Cstop offset='.7857' stop-color='%23FFBF2A'/%3E%3Cstop offset='1' stop-color='%23FFBA29'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%23FFCF39' stroke='%23EDA515' stroke-width='.4' d='M.5 2V1.4C.5.8 1 .4 1.6.4h4l1.3 1H12.6c.6 0 .9.4.9 1V11H.5z'/%3E%3Crect x='.5' y='2.5' width='13' height='9' rx='.7' fill='url(%23f)' stroke='%23EE9D0D' stroke-width='.4'/%3E%3Cpath d='M1 3h12' stroke='%23FDEE9C'/%3E%3C/svg%3E");
}

/* Styling does not create, show or hide the edit/remove controls. */
#detailCollectBox #tagCollectObj .ztree li > a > span.button.edit,
#detailCollectBox #tagCollectObj .ztree li > a > span.button.remove {
  position: static;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin: 0 0 0 10px;
  padding: 0;
  border: 0;
  color: #999;
  background-color: #999;
  background-image: none;
  background-position: center;
  background-size: 15px 15px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

#detailCollectBox #tagCollectObj .ztree li > a > span.button.edit {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M10 .7H1.5a.8.8 0 0 0-.8.8v11.9c0 .5.3.9.8.9h11.9c.5 0 .9-.4.9-.9V5M5.4 9.1l8.5-8.2' fill='none' stroke='black' stroke-width='1.1' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M10 .7H1.5a.8.8 0 0 0-.8.8v11.9c0 .5.3.9.8.9h11.9c.5 0 .9-.4.9-.9V5M5.4 9.1l8.5-8.2' fill='none' stroke='black' stroke-width='1.1' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
}

#detailCollectBox #tagCollectObj .ztree li > a > span.button.remove {
  flex-basis: 14px;
  width: 14px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'%3E%3Cpath d='M.5 3.2h13M4.4 3.2V1.2q0-.5.5-.5h4.2q.5 0 .5.5v2M2 3.2v10.4q0 .7.7.7h8.6q.7 0 .7-.7V3.2M5.4 5.5V12M8.6 5.5V12' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'%3E%3Cpath d='M.5 3.2h13M4.4 3.2V1.2q0-.5.5-.5h4.2q.5 0 .5.5v2M2 3.2v10.4q0 .7.7.7h8.6q.7 0 .7-.7V3.2M5.4 5.5V12M8.6 5.5V12' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#detailCollectBox #tagCollectObj .ztree li > a > span.button.edit:hover,
#detailCollectBox #tagCollectObj .ztree li > a > span.button.remove:hover {
  background-color: #0a5de7;
}

/* The plugin applies this class while its existing input is being edited. */
#detailCollectBox #tagCollectObj .ztree li > a.curSelectedNode_Edit,
#detailCollectBox #tagCollectObj .ztree li > a.curSelectedNode_Edit:hover {
  border-color: #0a5de7;
  border-radius: 4px;
  background: #fff;
  color: #333;
  opacity: 1;
}

#detailCollectBox #tagCollectObj .ztree li > a.curSelectedNode_Edit > .node_name {
  flex: 1 1 auto;
  overflow: visible;
}

#detailCollectBox #tagCollectObj .ztree li > a input.rename {
  width: 100%;
  height: 26px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: #333;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  box-shadow: none;
}

#detailCollectBox #tagCollectObj .ztree li > a input.rename::placeholder {
  color: #999;
  opacity: 1;
}

#detailCollectBox #tagCollectObj .btn_bottom {
  position: absolute;
  left: 9px;
  right: auto;
  top: auto;
  bottom: 9px;
  width: auto;
  height: 32px;
  margin: 0;
  padding: 0;
}

#detailCollectBox #tagCollectObj .btn_bottom .new-file-btns {
  position: relative;
  width: 106px;
  height: 32px !important;
  margin: 0;
  padding: 6.5px 8px;
  border: 1px solid rgba(153, 153, 153, 0.45);
  border-radius: 4px;
  background: #fff;
  color: #666;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  text-indent: 19px;
  white-space: nowrap;
  box-shadow: none;
}

#detailCollectBox #tagCollectObj .btn_bottom .new-file-btns::before {
  content: "";
  position: absolute;
  left: 10.5px;
  top: calc(50% - 4.5px);
  width: 9px;
  height: 9px;
  background: linear-gradient(currentColor, currentColor) center / 9px 1px no-repeat,
    linear-gradient(currentColor, currentColor) center / 1px 9px no-repeat;
  pointer-events: none;
}

#detailCollectBox #tagCollectObj:has(.ztree a:hover) .new-file-btns,
#detailCollectBox #tagCollectObj:has(.curSelectedNode_Edit) .new-file-btns {
  border-color: rgba(153, 153, 153, 0.45);
  background: #f9f9fb;
  color: #666;
}

#detailCollectBox #tagCollectObj .btn_bottom .new-file-btns:hover {
  border-color: #0a5de7;
  background: rgba(10, 93, 231, 0.06);
  color: #0a5de7;
}

#detailCollectBox #tagCollectObj > .collect_reason_bot {
  position: absolute;
  left: 20px;
  right: 20px;
  top: auto;
  bottom: 12px;
  height: 45px;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ededed;
  background: transparent;
}

#detailCollectBox #tagCollectObj .collect_reason {
  position: absolute;
  left: 0;
  right: auto;
  top: 13px;
  float: none;
  width: 237px;
  height: 30px;
  margin: 0;
  padding: 0 5px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  box-shadow: none;
}

#detailCollectBox #tagCollectObj .collect_reason::placeholder {
  color: #c2c2c2;
  opacity: 1;
}

#detailCollectBox #tagCollectObj #saveTagObj {
  position: absolute;
  left: auto;
  right: 0;
  top: 12px;
  float: none;
  width: 80px;
  height: 32px;
  margin: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: #0a5de7;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  box-shadow: none;
}

#detailCollectBox #tagCollectObj #saveTagObj:hover,
#detailCollectBox #tagCollectObj #saveTagObj:focus {
  background: #0a5de7;
  color: #fff;
}

#tagCollectCancel .cancelCollectConfirmBtn,
#tagCollectCancel .cancelCollectBackBtn {
  cursor: pointer;
}

@media (max-width: 420px) {
  #detailCollectBox #tagCollectObj .collect_reason {
    width: calc(100% - 96px);
  }
}