.hl-template-host{position:relative!important;padding:0!important;overflow:hidden!important;min-height:720px!important;background:#fff!important}.hl-template-host>:not(.hl-template-app){display:none!important}.hl-template-app{position:absolute;inset:0;background:#fff;color:#273449;font-size:13px;z-index:10;overflow:auto;padding:18px 18px 30px}.hl-tpl-head{height:40px;display:flex;align-items:center}.hl-tpl-head h2{font-size:17px;margin:0;color:#1a273a}.hl-tpl-toolbar{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid #e5eaf0}.hl-tpl-tab,.hl-tpl-add{height:32px;border-radius:3px;padding:0 16px;cursor:pointer}.hl-tpl-tab{border:1px solid #dce3eb;background:#fff;color:#4b5b70}.hl-tpl-tab.active{background:#3c9bf2;color:#fff;border-color:#3c9bf2}.hl-tpl-add{border:0;background:#168fee;color:#fff}.hl-tpl-rule{height:32px;display:flex;align-items:center;padding:0 13px;background:#fff0ef;color:#f06d69;border-radius:3px;white-space:nowrap}.hl-tpl-search{margin-left:auto;display:flex;height:32px}.hl-tpl-search input{width:220px;border:1px solid #dce3eb;border-radius:3px 0 0 3px;padding:0 10px}.hl-tpl-search button{width:58px;border:0;background:#168fee;color:#fff;border-radius:0 3px 3px 0}.hl-tpl-table-wrap{margin-top:0;border:1px solid #e3e8ee;overflow:auto}.hl-tpl-table{width:100%;min-width:1250px;border-collapse:collapse;table-layout:fixed}.hl-tpl-table th,.hl-tpl-table td{border-right:1px solid #e6eaf0;border-bottom:1px solid #e8ecf1;padding:12px 10px;vertical-align:middle}.hl-tpl-table th{height:48px;background:#fff;text-align:center;color:#2f3b4e;font-weight:600}.hl-tpl-table th:nth-child(1){width:17%}.hl-tpl-table th:nth-child(2){width:20%}.hl-tpl-table th:nth-child(3){width:24%}.hl-tpl-table th:nth-child(4){width:12%}.hl-tpl-table th:nth-child(5){width:8%}.hl-tpl-table th:nth-child(6){width:10%}.hl-tpl-table th:nth-child(7){width:7%}.hl-tpl-table th:nth-child(8){width:15%}.hl-tpl-table td.clip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hl-tpl-table td.chinese{white-space:normal;max-height:48px}.hl-tpl-table .status.on{color:#55b935}.hl-tpl-table .status.off{color:#a2a9b3}.hl-tpl-table .attachment{color:#4b596c}.hl-tpl-table .actions{white-space:nowrap;text-align:center}.hl-tpl-table .actions button{height:28px;padding:0 10px;margin:0 3px;border-radius:3px;background:#fff;cursor:pointer}.hl-tpl-table .edit{border:1px solid #9ed0fa;color:#178ee8}.hl-tpl-table .stop{border:1px solid #ffb7b2;color:#f26962}.hl-tpl-table .del{border:1px solid #f5ce8f;color:#eaa033}.hl-tpl-empty{text-align:center!important;color:#98a2af;padding:35px!important}.hl-tpl-empty.error{color:#d84b4b}.hl-tpl-foot{height:50px;display:flex;align-items:center;color:#657286}.hl-tpl-modal{position:fixed;inset:0;background:rgba(17,29,48,.35);z-index:110000;display:flex;align-items:center;justify-content:center}.hl-tpl-modal[hidden]{display:none!important}.hl-tpl-modal-card{width:620px;max-width:calc(100vw - 40px);background:#fff;border-radius:7px;box-shadow:0 18px 50px rgba(0,0,0,.2);padding:0 20px 18px}.hl-tpl-modal-title{height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;margin-bottom:14px;font-size:16px}.hl-tpl-modal-title button{border:0;background:transparent;font-size:24px;color:#8792a0}.hl-tpl-modal-card label{display:block;margin:10px 0;color:#4a586c}.hl-tpl-modal-card input,.hl-tpl-modal-card textarea{display:block;width:100%;margin-top:6px;border:1px solid #dce3eb;border-radius:4px;padding:9px;resize:vertical}.hl-tpl-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.hl-tpl-modal-actions button{height:34px;padding:0 18px;border-radius:4px}.hl-tpl-modal-actions .secondary{background:#fff;border:1px solid #d7dfe8}.hl-tpl-modal-actions .primary{background:#168fee;color:#fff;border:0}@media(max-width:1500px){.hl-tpl-rule{max-width:430px;overflow:hidden;text-overflow:ellipsis}.hl-tpl-search input{width:170px}}

/* 恒链BI V98：投诉消息模板管理 - 添加/修改弹窗与平台规则 */
.hl-complaint-template-app .hl-tpl-rule{gap:8px}.hl-complaint-template-app .hl-tpl-rule-link{border:0;background:transparent;color:#168fee;cursor:pointer;padding:0;font-weight:600}.hl-complaint-template-app .hl-tpl-rule-link:hover{text-decoration:underline}
.hl-complaint-template-app .hl-ct-editor .hl-tpl-modal-card{width:min(1140px,calc(100vw - 70px));max-height:calc(100vh - 70px);padding:0;background:#fff;overflow:hidden}.hl-complaint-template-app .hl-ct-editor .hl-tpl-modal-title{height:62px;margin:0;padding:0 22px;border-bottom:1px solid #e9edf2}.hl-complaint-template-app .hl-ct-editor .hl-tpl-modal-title b{font-size:18px;color:#222}.hl-complaint-template-app .hl-ct-editor .hl-tpl-modal-title button{font-size:28px;cursor:pointer}.hl-complaint-template-app .hl-ct-editor-body{padding:18px 24px 8px;overflow:auto;max-height:calc(100vh - 200px)}
.hl-complaint-template-app .hl-ct-alerts{background:#fff1f0;border-radius:4px;color:#f06b67;padding:11px 16px;margin-bottom:14px;line-height:1.8}.hl-complaint-template-app .hl-ct-alerts button{border:0;background:transparent;color:#168fee;cursor:pointer;font-weight:600;margin-left:8px}.hl-complaint-template-app .hl-ct-alerts button:hover{text-decoration:underline}
.hl-complaint-template-app .hl-ct-form-row{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px;margin:14px 0}.hl-complaint-template-app .hl-ct-form-row.top{align-items:start}.hl-complaint-template-app .hl-ct-form-row>label{text-align:right;color:#344255;font-size:14px;padding-right:6px}.hl-complaint-template-app .hl-ct-form-row.required>label:before{content:'*';color:#f05b59;margin-right:5px}.hl-complaint-template-app .hl-ct-form-row .control{position:relative;min-width:0}.hl-complaint-template-app .hl-ct-form-row input,.hl-complaint-template-app .hl-ct-form-row textarea{width:100%;border:1px solid #d8e0e8;border-radius:4px;background:#fff;color:#2e3b4e;padding:10px 12px;outline:none;resize:vertical}.hl-complaint-template-app .hl-ct-form-row input{height:38px;padding-right:60px}.hl-complaint-template-app .hl-ct-form-row textarea{min-height:132px}.hl-complaint-template-app .hl-ct-form-row input:focus,.hl-complaint-template-app .hl-ct-form-row textarea:focus{border-color:#64b1f1;box-shadow:0 0 0 2px rgba(40,151,236,.08)}
.hl-complaint-template-app .counter-wrap>span{position:absolute;right:10px;top:10px;color:#9aa5b3;font-size:12px}.hl-complaint-template-app .counter-wrap textarea{padding-bottom:34px}.hl-complaint-template-app .hl-ct-textarea-hint{position:absolute;left:12px;right:10px;bottom:9px;display:flex;justify-content:space-between;color:#8f9aa8;font-size:12px;pointer-events:none}.hl-complaint-template-app .hl-ct-summary-hint{margin-top:-29px;padding:0 12px 10px;color:#7e8997;font-size:12px;position:relative;pointer-events:none}.hl-complaint-template-app .hl-ct-form-row .control textarea#hl-ct-chinese{padding-bottom:38px}
.hl-complaint-template-app .hl-ct-upload{height:34px;border:0;border-radius:4px;background:#168fee;color:#fff;padding:0 17px;cursor:pointer}.hl-complaint-template-app .hl-ct-upload-note{margin-left:10px;color:#f06b67;font-size:12px}.hl-complaint-template-app .hl-ct-file-current{margin-top:8px;display:flex;align-items:center;gap:10px;color:#4c5b6e}.hl-complaint-template-app .hl-ct-file-current button{border:0;background:transparent;color:#e65d5d;cursor:pointer}.hl-complaint-template-app .hl-ct-file-current .uploading{color:#168fee}
.hl-complaint-template-app .hl-ct-editor .hl-tpl-modal-actions{height:58px;margin:0;padding:12px 20px;border-top:1px solid #edf0f4;align-items:center}.hl-complaint-template-app .hl-ct-editor .hl-tpl-modal-actions button{height:34px;min-width:64px}
.hl-complaint-template-app .hl-ct-rules-modal{align-items:center}.hl-complaint-template-app .hl-ct-rules-card{position:relative;width:min(720px,calc(100vw - 60px));max-height:calc(100vh - 50px);background:#fff;border-radius:10px;box-shadow:0 18px 55px rgba(0,0,0,.25);overflow:auto;padding:34px 54px 42px}.hl-complaint-template-app .hl-ct-rules-close{position:sticky;top:0;float:right;margin:-18px -30px 0 0;border:0;background:#fff;color:#222;font-size:30px;line-height:34px;width:36px;height:36px;cursor:pointer;z-index:2}.hl-complaint-template-app .hl-ct-rules-content h2{text-align:center;font-size:24px;margin:16px 0 30px;color:#1f2937}.hl-complaint-template-app .hl-ct-rules-content .lead{font-size:14px;line-height:1.85;margin-bottom:16px;color:#3f4854}.hl-complaint-template-app .hl-ct-rules-content ol{list-style:decimal;padding-left:24px;margin:0}.hl-complaint-template-app .hl-ct-rules-content li{display:list-item;margin:0 0 20px;font-size:14px;line-height:1.85;color:#2e3744}.hl-complaint-template-app .hl-ct-rules-content li b{font-weight:600}.hl-complaint-template-app .hl-ct-rule-note{margin-top:22px;padding:12px 14px;background:#f6f8fb;border-left:3px solid #3498ee;color:#5b6777;line-height:1.7}
@media(max-width:900px){.hl-complaint-template-app .hl-ct-editor .hl-tpl-modal-card{width:calc(100vw - 20px)}.hl-complaint-template-app .hl-ct-form-row{grid-template-columns:1fr}.hl-complaint-template-app .hl-ct-form-row>label{text-align:left}.hl-complaint-template-app .hl-ct-rules-card{width:calc(100vw - 20px);padding:25px 24px 35px}}
.hl-complaint-template-app .hl-ct-form-row>label{margin:0}.hl-complaint-template-app .hl-ct-form-row input,.hl-complaint-template-app .hl-ct-form-row textarea{display:block;margin:0}

/* 恒链BI V99：平台规则弹窗示例图片 */
.hl-complaint-template-app .hl-ct-rules-content .hl-ct-rule-image{display:block;max-width:100%;width:auto;height:auto;margin:12px auto 4px;border:1px solid #edf0f4;border-radius:3px;background:#fff;box-shadow:0 1px 4px rgba(22,40,64,.06)}
.hl-complaint-template-app .hl-ct-rules-content li{overflow:hidden}.hl-complaint-template-app .hl-ct-rules-card{width:min(760px,calc(100vw - 60px))}.hl-complaint-template-app .hl-ct-rules-content .lead{margin-bottom:20px}

/* 恒链BI V101：查看模板创建规则弹窗固定标题/关闭按钮，正文独立滚动 */
.hl-complaint-template-app .hl-ct-rules-modal{
  align-items:flex-start!important;
  justify-content:center!important;
  padding:16px 0!important;
  overflow:hidden!important;
}
.hl-complaint-template-app .hl-ct-rules-card{
  width:min(760px,calc(100vw - 36px))!important;
  height:auto!important;
  max-height:calc(100vh - 32px)!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:10px!important;
}
.hl-complaint-template-app .hl-ct-rules-head{
  flex:0 0 60px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:0 58px;
  border-bottom:1px solid #e7ebf0;
  background:#fff;
  z-index:5;
}
.hl-complaint-template-app .hl-ct-rules-head b{font-size:22px;color:#202a36;line-height:1.2}
.hl-complaint-template-app .hl-ct-rules-head .hl-ct-rules-close{
  position:absolute!important;
  top:10px!important;
  right:14px!important;
  float:none!important;
  margin:0!important;
  width:40px!important;
  height:40px!important;
  line-height:38px!important;
  border:0!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#222!important;
  font-size:30px!important;
  cursor:pointer!important;
  z-index:10!important;
}
.hl-complaint-template-app .hl-ct-rules-head .hl-ct-rules-close:hover{background:#f4f6f8!important}
.hl-complaint-template-app .hl-ct-rules-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:22px 54px 42px;
  background:#fff;
  scroll-behavior:auto;
}
.hl-complaint-template-app .hl-ct-rules-scroll .hl-ct-rules-content{padding:0}
@media(max-width:900px){
  .hl-complaint-template-app .hl-ct-rules-modal{padding:8px 0!important}
  .hl-complaint-template-app .hl-ct-rules-card{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important}
  .hl-complaint-template-app .hl-ct-rules-scroll{padding:18px 22px 30px}
  .hl-complaint-template-app .hl-ct-rules-head b{font-size:18px}
}

/* 恒链BI V102：平台规则弹窗按参考图2重做，标题/关闭按钮固定，正文独立滚动 */
.hl-complaint-template-app .hl-ct-rules-modal{
  position:fixed!important;
  inset:0!important;
  z-index:120500!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  overflow:hidden!important;
  background:rgba(15,23,36,.54)!important;
}
.hl-complaint-template-app .hl-ct-rules-modal[hidden]{display:none!important}
.hl-complaint-template-app .hl-ct-rules-card{
  position:relative!important;
  width:720px!important;
  max-width:calc(100vw - 56px)!important;
  height:calc(100vh - 72px)!important;
  max-height:1160px!important;
  min-height:520px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:78px minmax(0,1fr)!important;
  background:#fff!important;
  border:1px solid #e4e8ed!important;
  border-radius:11px!important;
  box-shadow:0 18px 58px rgba(0,0,0,.28)!important;
}
.hl-complaint-template-app .hl-ct-rules-head{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:20!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:78px!important;
  min-height:78px!important;
  padding:0 72px!important;
  margin:0!important;
  flex:none!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #eef1f4!important;
  box-sizing:border-box!important;
}
.hl-complaint-template-app .hl-ct-rules-head b{
  display:block!important;
  margin:0!important;
  color:#1f2731!important;
  font-size:25px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.hl-complaint-template-app .hl-ct-rules-head .hl-ct-rules-close{
  position:absolute!important;
  top:17px!important;
  right:20px!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#20252b!important;
  font-family:Arial,sans-serif!important;
  font-size:32px!important;
  font-weight:400!important;
  line-height:40px!important;
  text-align:center!important;
  cursor:pointer!important;
  float:none!important;
  z-index:30!important;
}
.hl-complaint-template-app .hl-ct-rules-head .hl-ct-rules-close:hover{background:#f3f5f7!important}
.hl-complaint-template-app .hl-ct-rules-scroll{
  position:relative!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  padding:30px 58px 48px!important;
  margin:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  background:#fff!important;
  box-sizing:border-box!important;
  scrollbar-gutter:stable!important;
}
.hl-complaint-template-app .hl-ct-rules-scroll .hl-ct-rules-content{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.hl-complaint-template-app .hl-ct-rules-content .lead{margin:0 0 24px!important;font-size:14px!important;line-height:1.95!important;color:#343b44!important}
.hl-complaint-template-app .hl-ct-rules-content ol{margin:0!important;padding-left:23px!important}
.hl-complaint-template-app .hl-ct-rules-content li{margin:0 0 26px!important;padding-left:2px!important;font-size:14px!important;line-height:1.9!important;color:#242b33!important;overflow:visible!important}
.hl-complaint-template-app .hl-ct-rules-content li b{font-weight:600!important}
.hl-complaint-template-app .hl-ct-rules-content .hl-ct-rule-image{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  max-height:none!important;
  height:auto!important;
  margin:16px auto 5px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.hl-complaint-template-app .hl-ct-rules-content ul{padding-left:20px!important;margin:10px 0 0!important}
.hl-complaint-template-app .hl-ct-rules-content ul li{margin-bottom:8px!important}
@media(max-width:800px){
  .hl-complaint-template-app .hl-ct-rules-modal{padding:10px!important}
  .hl-complaint-template-app .hl-ct-rules-card{width:100%!important;max-width:none!important;height:calc(100vh - 20px)!important;min-height:0!important;grid-template-rows:64px minmax(0,1fr)!important}
  .hl-complaint-template-app .hl-ct-rules-head{height:64px!important;min-height:64px!important;padding:0 54px!important}
  .hl-complaint-template-app .hl-ct-rules-head b{font-size:20px!important}
  .hl-complaint-template-app .hl-ct-rules-head .hl-ct-rules-close{top:11px!important;right:10px!important}
  .hl-complaint-template-app .hl-ct-rules-scroll{padding:22px 24px 36px!important}
}
\n\n/* 恒链BI V103：规则弹窗 Portal 到 body，强制位于整个系统最上层 */
html.hl-ct-rules-open,body.hl-ct-rules-open{overflow:hidden!important}
body>.hl-ct-rules-portal-root{position:static!important;width:0!important;height:0!important;overflow:visible!important;z-index:auto!important}
body>.hl-ct-rules-portal-root>.hl-ct-rules-modal{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  padding:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  background:rgba(15,23,36,.58)!important;
  z-index:2147483000!important;
  isolation:isolate!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  overflow:hidden!important;
}
body>.hl-ct-rules-portal-root>.hl-ct-rules-modal[hidden]{display:none!important}
body>.hl-ct-rules-portal-root .hl-ct-rules-card{
  position:relative!important;
  z-index:2147483001!important;
  width:720px!important;
  max-width:calc(100vw - 48px)!important;
  height:min(900px,calc(100vh - 48px))!important;
  max-height:calc(100vh - 48px)!important;
  min-height:0!important;
  margin:0!important;
  transform:none!important;
  overflow:hidden!important;
}
body>.hl-ct-rules-portal-root .hl-ct-rules-head{
  position:relative!important;
  z-index:2147483002!important;
  flex:0 0 78px!important;
  height:78px!important;
  min-height:78px!important;
  background:#fff!important;
}
body>.hl-ct-rules-portal-root .hl-ct-rules-close{
  position:absolute!important;
  z-index:2147483003!important;
  top:17px!important;
  right:20px!important;
}
body>.hl-ct-rules-portal-root .hl-ct-rules-scroll{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
@media(max-width:800px){
  body>.hl-ct-rules-portal-root>.hl-ct-rules-modal{padding:10px!important}
  body>.hl-ct-rules-portal-root .hl-ct-rules-card{width:100%!important;max-width:none!important;height:calc(100vh - 20px)!important;max-height:calc(100vh - 20px)!important}
}

/* 恒链BI V104：售后模板只保留快捷回复；移除页面快捷回复标签按钮，添加/修改与投诉模板一致 */
.hl-after-template-app .hl-tpl-toolbar{gap:10px!important}
.hl-after-template-app .hl-tpl-toolbar>.hl-tpl-tab{display:none!important}
.hl-after-template-app .hl-ct-editor .hl-tpl-modal-card{width:min(1140px,calc(100vw - 70px));max-height:calc(100vh - 70px);padding:0;background:#fff;overflow:hidden}
.hl-after-template-app .hl-tpl-rule-link{border:0;background:transparent;color:#168fee;cursor:pointer;padding:0;font-weight:600}
.hl-after-template-app .hl-tpl-rule-link:hover{text-decoration:underline}

/* V169：售后消息模板附件使用统一的纸夹 SVG 图标；附件名称可点击下载。 */
.hl-tpl-attachment-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  color:#3d536c!important;
  text-decoration:none!important;
  vertical-align:middle;
  cursor:pointer;
}
.hl-tpl-attachment-link>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hl-tpl-attachment-link:hover{color:#168fee!important;text-decoration:underline!important;text-underline-offset:2px}
.hl-tpl-attachment-link.is-disabled{cursor:default;opacity:.75;text-decoration:none!important}
.hl-tpl-file-svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  fill:none;
  stroke:#168fee;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hl-tpl-table .attachment{color:inherit!important}
.hl-complaint-template-app .hl-ct-file-current .hl-tpl-attachment-link{max-width:520px}
.hl-complaint-template-app .hl-ct-file-current .hl-tpl-file-svg{width:17px;height:17px;flex-basis:17px}
.hl-ct-attachment-icon{position:relative;width:24px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;color:#607089}.hl-ct-attachment-icon svg{position:absolute;inset:0;width:24px;height:28px;stroke:currentColor;stroke-width:1.5}.hl-ct-attachment-icon b{position:relative;margin-top:8px;font-size:7px;line-height:9px;color:currentColor;letter-spacing:-.2px}.hl-ct-attachment-icon.is-pdf{color:#e5484d}.hl-ct-attachment-icon.is-image{color:#3498db}.hl-ct-attachment-icon.is-file{color:#607089}.hl-complaint-template-app .hl-tpl-attachment-link{gap:7px}.hl-complaint-template-app .hl-tpl-attachment-link>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hl-complaint-template-app .hl-tpl-attachment-link>small{flex:0 0 auto;color:#e5484d;font-size:11px;font-weight:600}

/* 恒链BI V170：修复消息模板编辑弹窗 textarea 底部提示语覆盖输入内容。
   提示语/字数统计移到输入框下方独立一行，不再悬浮压在正文上。 */
.hl-complaint-template-app .counter-wrap textarea#hl-tpl-original{
  padding-bottom:10px!important;
}
.hl-complaint-template-app .hl-ct-textarea-hint{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  min-height:20px!important;
  margin:5px 0 0!important;
  padding:0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:#8f9aa8!important;
  font-size:12px!important;
  line-height:18px!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
}
.hl-complaint-template-app .hl-ct-textarea-hint>span:first-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.hl-complaint-template-app .hl-ct-textarea-hint>span:last-child{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.hl-complaint-template-app textarea#hl-tpl-chinese{
  padding-bottom:10px!important;
}
.hl-complaint-template-app .hl-ct-summary-hint{
  position:static!important;
  margin:5px 0 0!important;
  padding:0 2px!important;
  min-height:18px!important;
  color:#7e8997!important;
  font-size:12px!important;
  line-height:18px!important;
  pointer-events:none!important;
}

/* V209：售后消息模板管理 - 消息状态去除背景色，文字使用原状态背景色；隔离利润分析全局 .status.on 污染 */
.hl-template-app .hl-tpl-table .status.on{
  background:transparent!important;
  color:#48c448!important;
}
.hl-template-app .hl-tpl-table .status.off{
  background:transparent!important;
}

.hl-after-template-app .hl-tpl-type-tabs{height:40px;display:flex;align-items:flex-end;gap:0;border-bottom:1px solid #e4e7ed;background:#fff}
.hl-after-template-app .hl-tpl-type-tabs button{height:40px;min-width:132px;padding:0 18px;border:0;border-bottom:2px solid transparent;background:#fff;color:#303133;font:13px "Microsoft YaHei","PingFang SC",sans-serif;cursor:pointer}
.hl-after-template-app .hl-tpl-type-tabs button.active{border-bottom-color:#409eff;color:#409eff}
.hl-after-template-app .hl-tpl-toolbar{min-height:49px}
.hl-after-template-app .hl-tpl-table{color:#606266;font-size:12px}
.hl-after-template-app .hl-tpl-table th{height:50px;color:#222;font-size:13px;font-weight:700}
.hl-after-template-app .hl-tpl-table td{color:#606266;font-size:12px}
.hl-after-template-app .hl-tpl-type-radios{display:flex;align-items:center;flex-wrap:wrap;gap:18px;min-height:38px}
.hl-after-template-app .hl-tpl-type-radios label{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;color:#606266!important;font-size:13px!important;text-align:left!important;padding:0!important;cursor:pointer}
.hl-after-template-app .hl-tpl-type-radios input{display:inline-block!important;width:14px!important;height:14px!important;margin:0!important;padding:0!important;accent-color:#409eff}
.hl-after-template-app .hl-tpl-type-radios input:disabled+span{color:#909399}
.hl-after-template-app .hl-ct-alerts{font-size:12px}
.hl-after-template-app .hl-tpl-modal-card{width:min(1140px,calc(100vw - 70px))!important;max-height:calc(100vh - 70px)!important}
@media(max-width:1050px){.hl-after-template-app .hl-tpl-type-tabs{overflow-x:auto}.hl-after-template-app .hl-tpl-type-tabs button{min-width:118px;padding:0 10px}.hl-after-template-app .hl-tpl-rule{max-width:320px}}

/* 1.6：售后消息模板管理与投诉消息模板管理使用同一套主列表布局。 */
body.hl-after-template-layout .app-main{padding:0 11px!important;gap:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:auto!important}
body.hl-after-template-layout .hl-template-host{height:auto!important;min-height:0!important;min-width:0!important;overflow:visible!important;border:0!important;margin:0!important;box-shadow:none!important}
body.hl-after-template-layout .hl-template-app.hl-after-template-app{position:static!important;inset:auto!important;height:auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:0!important;overflow:visible!important;box-sizing:border-box}
body.hl-after-template-layout .hl-ct-panel{display:block;height:auto;min-width:0;min-height:calc(var(--at-viewport-height,0px) - 10px);margin-top:10px;padding-bottom:var(--at-bottom-space,80px);overflow:visible;background:#fff;border:1px solid #e2e7ed;box-sizing:border-box}
body.hl-after-template-layout .hl-ct-fixed-top{position:sticky;top:10px;z-index:140;background:#fff;isolation:isolate}
body.hl-after-template-layout .hl-ct-fixed-top::before{content:"";position:absolute;top:-10px;left:-1px;right:-1px;height:10px;background:#f1f4f8;pointer-events:none}
body.hl-after-template-layout .hl-ct-table-region{margin:0 12px;min-width:0}
body.hl-after-template-layout .hl-tpl-table-wrap{width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow-x:clip!important;overflow-y:visible!important;scrollbar-gutter:auto!important}
body.hl-after-template-layout .hl-tpl-table-wrap>.hl-tpl-table{translate:var(--at-horizontal-offset,0px) 0;border-collapse:separate!important;border-spacing:0!important}
body.hl-after-template-layout .hl-tpl-table-wrap>.hl-tpl-table th,
body.hl-after-template-layout .hl-tpl-table-wrap>.hl-tpl-table td{border:0;border-right:1px solid #e1e7ee;border-bottom:1px solid #e1e7ee;background-clip:border-box}
body.hl-after-template-layout .hl-tpl-table-wrap>.hl-tpl-table th:first-child,
body.hl-after-template-layout .hl-tpl-table-wrap>.hl-tpl-table td:first-child{border-left:1px solid #e1e7ee}
body.hl-after-template-layout .hl-tpl-table-wrap>.hl-tpl-table>thead{position:static!important;z-index:auto!important;isolation:auto!important;box-shadow:none!important}
body.hl-after-template-layout .hl-tpl-table-wrap>.hl-tpl-table>thead>tr>th{position:sticky!important;top:var(--at-header-top,220px)!important;z-index:130!important;border-top:1px solid #e1e7ee;box-shadow:none!important;background:#f4f7fa!important}
body.hl-after-template-layout .hl-ct-short-viewport .hl-ct-fixed-top{position:relative!important;top:auto!important}
body.hl-after-template-layout .hl-ct-short-viewport .hl-tpl-table-wrap>.hl-tpl-table>thead>tr>th::before{content:"";position:absolute;top:-11px;left:-1px;right:-1px;height:10px;background:#f1f4f8;pointer-events:none}
body.hl-after-template-layout .hl-ct-panel .hl-tpl-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;height:54px;padding:0 14px;border:0;box-sizing:border-box}
body.hl-after-template-layout .hl-ct-panel .hl-tpl-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e5e9ef;pointer-events:none}
body.hl-after-template-layout .hl-ct-panel .hl-tpl-head h2{position:relative;z-index:1;flex:0 0 auto;margin:0;font-size:17px;font-weight:600}
body.hl-after-template-layout .hl-tpl-head-clock{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;margin-left:auto;color:#637083;font-size:13px;white-space:nowrap}
body.hl-after-template-layout .hl-tpl-head-clock b{color:#24344e;font-size:13px;font-weight:600}
body.hl-after-template-layout .hl-tpl-head-clock small{color:#7b889a;font-size:12px;font-weight:400}
body.hl-after-template-layout .hl-tpl-head-clock time{color:#637083;font-variant-numeric:tabular-nums}
body.hl-after-template-layout .hl-tpl-type-tabs{height:40px;padding:0 12px;box-sizing:border-box}
body.hl-after-template-layout .hl-tpl-type-tabs button{min-width:150px;font-size:13px}
body.hl-after-template-layout .hl-tpl-toolbar{min-height:60px;height:auto;padding:14px 12px 10px;gap:12px;flex-wrap:wrap;border:0;box-sizing:border-box;background:#fff}
body.hl-after-template-layout .hl-tpl-add{flex:0 0 auto}
body.hl-after-template-layout .hl-tpl-search{margin-left:auto;flex:0 0 auto}
body.hl-after-template-layout .hl-tpl-search input{width:220px;min-width:0;box-sizing:border-box}
body.hl-after-template-layout .hl-tpl-rule{min-height:32px;height:auto;max-width:none;white-space:normal;flex:0 1 auto;gap:8px;box-sizing:border-box;line-height:20px;font-size:12px}
body.hl-after-template-layout .hl-tpl-rule-link{white-space:nowrap;font-weight:400}
body.hl-after-template-layout .hl-tpl-table{width:100%;min-width:1664px;table-layout:fixed;color:#606266;font-size:12px}
body.hl-after-template-layout .hl-tpl-table th{height:58px;padding:10px;box-sizing:border-box;color:#222;font-size:12px;font-weight:600}
body.hl-after-template-layout .hl-tpl-table th:nth-child(1){width:260px}
body.hl-after-template-layout .hl-tpl-table th:nth-child(2){width:250px}
body.hl-after-template-layout .hl-tpl-table th:nth-child(3){width:300px}
body.hl-after-template-layout .hl-tpl-table th:nth-child(4){width:230px}
body.hl-after-template-layout .hl-tpl-table th:nth-child(5){width:90px}
body.hl-after-template-layout .hl-tpl-table th:nth-child(6){width:160px}
body.hl-after-template-layout .hl-tpl-table th:nth-child(7){width:110px}
body.hl-after-template-layout .hl-tpl-table th:nth-child(8){width:264px}
body.hl-after-template-layout .hl-tpl-table td{height:58px;padding:12px 10px;box-sizing:border-box;background:#fff;color:#606266;font-size:12px;line-height:18px}
body.hl-after-template-layout .hl-tpl-table td:first-child b{font-weight:400}
body.hl-after-template-layout .hl-tpl-table td:nth-child(5),body.hl-after-template-layout .hl-tpl-table td:nth-child(6),body.hl-after-template-layout .hl-tpl-table td:nth-child(7){text-align:center}
body.hl-after-template-layout .hl-after-template-app .hl-tpl-table .status{display:inline;color:inherit;background:transparent!important;border:0;padding:0;box-shadow:none;font-size:12px;font-weight:400}
body.hl-after-template-layout .hl-after-template-app .hl-tpl-table .status.on{color:#67c23a!important}
body.hl-after-template-layout .hl-after-template-app .hl-tpl-table .status.off{color:#f56c6c!important}
body.hl-after-template-layout .hl-tpl-table .actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:72px;min-width:72px;height:28px;box-sizing:border-box;margin:0 3px;padding:0;border-radius:3px;font:12px "Microsoft YaHei",sans-serif;cursor:pointer;vertical-align:middle}
body.hl-after-template-layout .hl-ct-action-icon{width:13px;height:13px;flex:0 0 13px}
body.hl-after-template-layout .hl-tpl-table .actions .edit{color:#409eff;background:#ecf5ff;border:1px solid #b3d8ff}
body.hl-after-template-layout .hl-tpl-table .actions .stop{color:#f56c6c;background:#fef0f0;border:1px solid #fbc4c4}
body.hl-after-template-layout .hl-tpl-table .actions .start{color:#67c23a;background:#f0f9eb;border:1px solid #c2e7b0}
body.hl-after-template-layout .hl-tpl-table .actions .del{color:#e6a23c;background:#fdf6ec;border:1px solid #f5dab1}
body.hl-after-template-layout .hl-tpl-table .actions .edit:hover{background:#409eff;border-color:#409eff;color:#fff}
body.hl-after-template-layout .hl-tpl-table .actions .stop:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}
body.hl-after-template-layout .hl-tpl-table .actions .start:hover{background:#67c23a;border-color:#67c23a;color:#fff}
body.hl-after-template-layout .hl-tpl-table .actions .del:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}
body.hl-after-template-layout .hl-tpl-foot{position:fixed!important;bottom:0!important;right:auto!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;overflow-x:auto;box-sizing:border-box;background:#fff;border-top:1px solid #dce3eb;box-shadow:0 -2px 7px rgba(25,45,75,.04);z-index:150!important;font-size:12px!important;color:#657283!important}
body.hl-after-template-layout .hl-tpl-foot>span{font-size:12px!important;white-space:nowrap}
body.hl-after-template-layout .hl-ct-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap;font-size:12px!important}
body.hl-after-template-layout .hl-tpl-foot select{height:28px!important;min-width:86px!important;width:auto!important;padding:0 24px 0 9px!important;border:1px solid #dce3eb!important;border-radius:4px!important;background:#fff!important;color:#6c7885!important;font-size:11px!important}
body.hl-after-template-layout .hl-ct-page-nav{display:flex;align-items:center;gap:4px}
body.hl-after-template-layout .hl-ct-page-nav button{min-width:28px!important;width:28px!important;height:28px!important;padding:0!important;border:1px solid #e1e7ed!important;border-radius:2px!important;background:#f7f8fa!important;color:#8e99a6!important;font-size:12px!important;font-weight:400;line-height:26px!important;text-align:center!important}
body.hl-after-template-layout .hl-ct-page-nav button.active{background:#269bf0!important;border-color:#269bf0!important;color:#fff!important}
body.hl-after-template-layout .hl-ct-page-nav button:disabled{opacity:.4!important;cursor:not-allowed!important}
body.hl-after-template-layout .hl-tpl-foot label{display:flex;align-items:center;gap:5px;margin-left:0;font-weight:400;font-size:12px!important;color:#657283}
body.hl-after-template-layout .hl-tpl-foot input{width:42px!important;height:28px!important;padding:0 5px!important;border:1px solid #dce3eb!important;border-radius:3px!important;background:#fff!important;text-align:center!important;color:#657283!important;font-size:11px!important;box-sizing:border-box!important;-moz-appearance:textfield}
body.hl-after-template-layout .hl-tpl-foot input::-webkit-inner-spin-button,body.hl-after-template-layout .hl-tpl-foot input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body.hl-after-template-layout>#hl-management-top-guard-v021,body.hl-after-template-layout>#hl-management-fixed-hscroll-v021,body.hl-after-template-layout>#hl-fixed-hscroll{display:none!important}
#hl-at-horizontal-scroll{position:fixed;bottom:48px;height:20px;z-index:151;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;background:#fbfcfd;border-top:1px solid #eef2f5;border-bottom:1px solid #eef2f5;scrollbar-width:auto;overscroll-behavior-x:contain}
#hl-at-horizontal-scroll[hidden]{display:none!important}
#hl-at-horizontal-scroll>div{height:1px;pointer-events:none}
#hl-at-horizontal-scroll::-webkit-scrollbar{height:18px}
#hl-at-horizontal-scroll::-webkit-scrollbar-track{background:#f5f7f9}
#hl-at-horizontal-scroll::-webkit-scrollbar-thumb{background:#c8d0d8;border-radius:6px;border:2px solid #f5f7f9}
#hl-at-horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#aab6c1}
.hl-after-template-app .hl-tpl-timing-row .control{color:#606266;font-size:14px}
.hl-after-template-app .hl-ct-editor textarea#hl-tpl-chinese{padding-bottom:10px!important}
.hl-after-template-app .hl-ct-editor .counter-wrap textarea#hl-tpl-original,.hl-after-template-app .hl-ct-editor .counter-wrap textarea#hl-tpl-chinese{padding-bottom:10px!important}
.hl-after-template-app .hl-ct-editor .hl-ct-textarea-hint{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;min-height:20px!important;margin:5px 0 0!important;padding:0 2px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;color:#8f9aa8!important;font-size:12px!important;line-height:18px!important;box-sizing:border-box!important;pointer-events:none!important}
.hl-after-template-app .hl-ct-editor .hl-ct-textarea-hint>span:first-child{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.hl-after-template-app .hl-ct-editor .hl-ct-textarea-hint>span:last-child{flex:0 0 auto!important;white-space:nowrap!important}
@media(max-width:700px){body.hl-after-template-layout .hl-tpl-search input{width:180px}body.hl-after-template-layout .hl-tpl-rule{width:100%;order:3}body.hl-after-template-layout .hl-tpl-type-tabs{overflow-x:auto}body.hl-after-template-layout .hl-tpl-type-tabs button{min-width:118px;padding:0 10px}body.hl-after-template-layout .hl-tpl-head-clock{gap:4px;font-size:12px}body.hl-after-template-layout .hl-tpl-head-clock b{font-size:12px}body.hl-after-template-layout .hl-tpl-head-clock small{display:none}}