/* =========================================================
   安东云计算 · 会员中心（seven 主题）
   brand-last.css —— 最后加载，专门压制「插件页」自带的 rem 样式
   （ticket / resource / sub_account 的 CSS 在 header 之后加载，
     且选择器层级更高，所以这里必须放 footer 末尾 + !important）
   ========================================================= */

/* ============ 通用：rem 尺寸兜底（手机端 1rem 只有 52px，rem 字号会小到 7px） ============ */
html body .myPage .el-pagination,
html body .myPage .el-pagination .el-pager li,
html body .myPage .el-pagination .el-pagination__jump,
html body .myPage .el-pagination .el-pagination__sizes,
html body .el-pagination .page-total,
html body .el-pagination .el-pagination__jump,
html body .el-pagination .el-pagination__sizes {
  font-size: 13px !important;
  color: #475467 !important;
}

html body .myPage .el-pagination .el-input__inner {
  height: 30px !important;
  line-height: 30px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  padding: 0 8px !important;
}

html body .myPage .el-pagination .el-input__icon {
  line-height: 30px !important;
}

html body .el-pager .number,
html body .el-pagination .el-pager li {
  min-width: 30px !important;
  width: auto !important;
  height: 30px !important;
  line-height: 28px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #475467 !important;
  background: transparent !important;
}

html body .el-pager li.number:hover {
  background: #F3F6FC !important;
  color: var(--sq-primary) !important;
}

html body .el-pager li.number.active,
html body .el-pagination .el-pager li.active {
  background: var(--sq-primary) !important;
  color: #fff !important;
  border-color: var(--sq-primary) !important;
}

html body .el-pagination .btn-prev,
html body .el-pagination .btn-next {
  min-width: 30px !important;
  height: 30px !important;
  line-height: 28px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  font-size: 12px !important;
  color: #667085 !important;
}

html body .el-pagination .btn-prev:disabled,
html body .el-pagination .btn-next:disabled {
  color: #C6CDD9 !important;
}

html body .el-pagination .page-total,
html body .el-pagination .el-pagination__total {
  font-size: 12.5px !important;
  color: #8A93A6 !important;
}

/* ============ 工单中心 ============ */
html body .main-card .content_searchbar .new-ticket-btn {
  width: auto !important;
  height: 36px !important;
  min-width: 104px;
  padding: 0 18px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: var(--sq-primary) !important;
  color: #fff !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-shadow: 0 1px 2px rgba(0, 102, 254, .24);
  transition: background .16s;
}

html body .main-card .content_searchbar .new-ticket-btn:hover {
  background: var(--sq-primary-d) !important;
}

html body .main-card .tabledata {
  margin-top: 4px !important;
  overflow-x: auto;
}

html body .main-card .tabledata .el-table {
  font-size: 13px !important;
}

html body .main-card .tabledata .status-text {
  font-size: 13px !important;
}

html body .main-card .tabledata .more-operation {
  font-size: 13px !important;
}

/* 工单筛选控件 */
html body .main-card .content_searchbar .select-input,
html body .main-card .content_searchbar .el-select,
html body .main-card .content_searchbar .el-input {
  width: auto !important;
  min-width: 140px;
  font-size: 13.5px !important;
}

html body .main-card .content_searchbar .el-input__inner {
  height: 34px !important;
  line-height: 34px !important;
  font-size: 13.5px !important;
  border-radius: 8px !important;
}

html body .main-card .content_searchbar .el-select__tags .el-tag {
  font-size: 12.5px !important;
}

html body .main-card .content_searchbar .el-button {
  height: 34px !important;
  padding: 0 18px !important;
  font-size: 13.5px !important;
  border-radius: 8px !important;
  background: var(--sq-primary) !important;
  border-color: var(--sq-primary) !important;
  color: #fff !important;
}

html body .main-card .content_searchbar .el-button:hover {
  background: var(--sq-primary-d) !important;
  border-color: var(--sq-primary-d) !important;
}

/* ============ 资源中心 ============ */
html body .main-card .search-input {
  width: 280px !important;
  font-size: 13.5px !important;
}

html body .main-card .search-input .el-input__inner {
  height: 38px !important;
  line-height: 38px !important;
  font-size: 13.5px !important;
}

/* ============ 子账户管理 ============ */
html body .clid-box header h2 {
  font-size: 19px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  color: var(--sq-title) !important;
}

html body .clid-box header .el-button {
  margin-bottom: 0 !important;
  height: 36px !important;
  font-size: 13.5px !important;
}

html body .clid-box .myPage {
  margin-top: 8px !important;
}

html body .clid-box .el-table {
  font-size: 13px !important;
}

/* ============ 手机端收口 ============ */
@media (max-width: 900px) {
  html body .main-card .content_searchbar .new-ticket-btn {
    width: 100% !important;
    height: 38px !important;
    margin-bottom: 2px !important;
  }

  html body .main-card .content_searchbar .searchbar,
  html body .main-card .content_searchbar .com-search {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }

  html body .main-card .content_searchbar .select-input,
  html body .main-card .content_searchbar .el-select,
  html body .main-card .content_searchbar .el-input {
    flex: 1 1 45%;
    min-width: 0;
    width: auto !important;
  }

  html body .main-card .content_searchbar .el-button {
    flex: 1 1 100%;
    height: 38px !important;
  }

  html body .main-card .search-input {
    width: 100% !important;
  }

  html body .clid-box header h2 {
    font-size: 17px !important;
  }

  html body .clid-box header .el-button {
    width: 100%;
    margin-top: 8px;
  }

  /* 手机端分页按钮加大到好点的触控尺寸 */
  html body .el-pagination .btn-prev,
  html body .el-pagination .btn-next,
  html body .el-pagination .el-pager li,
  html body .el-pager .number {
    min-width: 32px !important;
    height: 32px !important;
    line-height: 30px !important;
  }

  html body .el-pagination .page-total {
    display: none !important;
  }
}

/* ================= 手机端表格卡片化（配合 js/common/brand-mobile-table.js） ================= */
@media (max-width: 767px) {
  html body .el-table__fixed,
  html body .el-table__fixed-right {
    display: none !important;
  }

  /* 带 fixed 列的表格：主表体里那几列是 is-hidden（visibility:hidden）的占位单元格，
     fixed 层又被上面隐藏了 → 手机上这些列（通常是「操作」）会整列消失。
     卡片化后没有横向滚动，主表的占位单元格就是唯一来源，这里让它显形。 */
  html body .el-table__body tbody > tr > td.el-table__cell.is-hidden,
  html body .el-table__header-wrapper th.is-hidden,
  html body .el-table__body tbody > tr > td.el-table__cell.is-hidden > *,
  html body .el-table__header-wrapper th.is-hidden > * {
    visibility: visible !important;
  }

  html body .el-table__header-wrapper {
    display: none !important;
  }

  html body .el-table__body-wrapper {
    overflow: visible !important;
  }

  html body .el-table__body-wrapper table,
  html body table.el-table__body {
    display: block !important;
    width: 100% !important;
    table-layout: auto !important;
  }

  html body .el-table__body tbody {
    display: block !important;
    width: 100% !important;
  }

  html body .el-table__body tbody > tr {
    display: block !important;
    /* 插件模板给 tr 写了 rem 高度(实测 31px)，不放开会让卡片互相叠压 */
    height: auto !important;
    border: 1px solid #E9EDF5;
    border-radius: 0 !important;
    margin: 0 0 8px !important;
    padding: 1px 0;
    background: #fff;
  }

  html body .el-table__body tbody > tr:hover > td.el-table__cell {
    background: transparent !important;
  }

  html body .el-table__body tbody > tr > td.el-table__cell {
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
    width: auto !important;
    border: none !important;
    padding: 3px 12px !important;
    text-align: left;
    min-height: 0;
    height: auto !important;
    font-size: 12.5px;
    line-height: 1.3 !important;
  }

  html body .el-table__body tbody > tr > td.el-table__cell::before {
    content: attr(data-label);
    flex: 0 0 56px;
    width: 56px;
    max-width: 56px;
    color: #8A93A6;
    font-size: 12px;
    text-align: left;
    white-space: normal;
  }

  html body .el-table__body tbody > tr > td.el-table__cell[data-label=""]::before,
  html body .el-table__body tbody > tr > td.el-table__cell:not([data-label])::before {
    content: "";
    max-width: 0;
    padding: 0;
  }

  html body .el-table__body tbody > tr > td .cell {
    width: auto !important;
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    white-space: normal !important;
    word-break: break-word;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.5;
  }

  html body .el-table__body tbody > tr.el-table__row--striped td.el-table__cell {
    background: transparent !important;
  }

  html body .el-table__empty-block {
    width: 100% !important;
    min-height: 160px;
  }

  html body .tabledata,
  html body .main_table {
    overflow: visible !important;
  }
}

/* =========================================================
   财务页 / 我已订购页：筛选控件宽度（brand-last 里对
   `.main-card .content_searchbar .el-input/.el-select` 的
   auto !important 层级更高，这里必须用同样的结构再写一遍）
   ========================================================= */
html body .main-card .content_searchbar.balance-searchbar .box > .el-select {
  width: 176px !important;
}

html body .main-card .content_searchbar.balance-searchbar .box > .el-input {
  width: 264px !important;
  margin-left: 0 !important;
}

html body .main-card .searchbar .el-select,
html body .main-card .searchbar .el-input {
  min-width: 0;
}

/* 我已订购：筛选条右侧控件 */
html body .main-card .main-card-search .right-search > .el-select,
html body .main-card .main-card-search .right-search > .el-input {
  width: 176px !important;
  flex: 0 0 auto;
}

html body .main-card .main-card-search .right-search .el-input__inner {
  height: 34px !important;
  line-height: 34px !important;
  font-size: 13.5px !important;
}

html body .main-card .main-card-search .right-search .search-btn {
  height: 34px !important;
  min-width: 76px;
  padding: 0 16px !important;
  border-radius: 8px;
  background: var(--sq-primary) !important;
  color: #fff !important;
  font-size: 13.5px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

html body .main-card .main-card-search .batch-op-btn {
  height: 34px !important;
  line-height: 32px !important;
  padding: 0 14px !important;
  border-radius: 8px;
  font-size: 13.5px !important;
}

@media (max-width: 900px) {
  html body .main-card .content_searchbar.balance-searchbar .box > .el-select {
    width: 150px !important;
  }

  html body .main-card .content_searchbar.balance-searchbar .box > .el-input {
    width: 230px !important;
  }

  html body .main-card .main-card-search .right-search > .el-select,
  html body .main-card .main-card-search .right-search > .el-input {
    flex: 1 1 45%;
    width: auto !important;
    min-width: 0;
  }

  html body .main-card .main-card-search .right-search .search-btn {
    flex: 1 1 100%;
    height: 38px !important;
  }
}

/* 余额记录：手机端不要再被 flex:1 1 45% 拉成 0 宽，保持固定宽度横向滑动 */
html body .main-card .content_searchbar.balance-searchbar .box > .el-select,
html body .main-card .content_searchbar.balance-searchbar .box > .el-input,
html body .main-card .content_searchbar.balance-searchbar .box > .el-date-editor {
  flex: 0 0 auto !important;
}

@media (max-width: 900px) {
  html body .main-card .content_searchbar.balance-searchbar .box > .el-select,
  html body .main-card .content_searchbar.balance-searchbar .box > .el-input,
  html body .main-card .content_searchbar.balance-searchbar .box > .el-date-editor {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
}

/* 我已订购：超窄屏筛选控件竖排（放在最后，压过上面的 45% 规则） */
@media (max-width: 480px) {
  html body .main-card .main-card-search .right-search > .el-select,
  html body .main-card .main-card-search .right-search > .el-input {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0;
  }
}

/* =========================================================
   直角化（尖角）：按钮、输入框、边框、弹层、卡片统一 0 圆角
   圆形元素（头像 / 单选圆点 / 开关）保持原样
   ========================================================= */
:root {
  --sq-radius: 0px;
  --sq-radius-sm: 0px;
}

/* —— 按钮 —— */
html body .el-button,
html body .el-button.is-round,
html body .el-button--mini,
html body .el-button--small,
html body .el-button--medium,
html body .el-button--large,
html body .el-button-group > .el-button,
html body .el-button + .el-button,
html body .main-card .el-button,
html body .main-card-search .el-button,
html body .content_searchbar .el-button,
html body .el-tabs__item .el-button {
  border-radius: 0 !important;
}

/* 分段按钮：中间不要各自圆角 */
html body .el-button-group > .el-button:first-child {
  border-radius: 0 !important;
}

html body .el-button-group > .el-button:last-child {
  border-radius: 0 !important;
}

/* —— 输入框 / 下拉 / 日期 / 搜索 —— */
html body .el-input__inner,
html body .el-textarea__inner,
html body .el-range-editor,
html body .el-range-editor.el-input__inner,
html body .el-input-group__append,
html body .el-input-group__prepend,
html body .el-input-group__append .el-button,
html body .el-input-group__prepend .el-button,
html body .el-select .el-input__inner,
html body .el-select .el-input.is-focus .el-input__inner,
html body .el-cascader .el-input__inner,
html body .el-date-editor .el-range-input,
html body .el-autocomplete .el-input__inner,
html body .el-input-number,
html body .el-input-number__decrease,
html body .el-input-number__increase {
  border-radius: 0 !important;
}

/* —— 弹层：下拉菜单 / 弹窗 / 气泡 / 提示 —— */
html body .el-select-dropdown,
html body .el-dropdown-menu,
html body .el-picker-panel,
html body .el-picker-panel.el-date-range-picker,
html body .el-popper,
html body .el-popover,
html body .el-dialog,
html body .el-message-box,
html body .el-message,
html body .el-notification,
html body .el-tooltip__popper,
html body .el-drawer {
  border-radius: 0 !important;
}

/* —— 卡片 / 面板 / 列表容器 —— */
html body .main-card,
html body .el-card,
html body .el-card__header,
html body .el-card__body,
html body .main-card-table,
html body .el-collapse,
html body .el-collapse-item__header,
html body .el-collapse-item__wrap,
html body .el-alert,
html body .el-descriptions,
html body .el-descriptions__body,
html body .el-tabs--border-card,
html body .el-tab-pane > .el-card {
  border-radius: 0 !important;
}

/* —— 标签 / 徽标 / 分页 / 复选框 —— */
html body .el-tag,
html body .el-badge__content,
html body .el-pagination .btn-prev,
html body .el-pagination .btn-next,
html body .el-pagination .el-pager li,
html body .el-pagination .el-input__inner,
html body .el-checkbox__inner,
html body .el-table__fixed-right::before,
html body .el-table__fixed::before {
  border-radius: 0 !important;
}

/* —— 表格首尾单元格 —— */
html body .el-table th:first-child,
html body .el-table td:first-child,
html body .el-table th:last-child,
html body .el-table td:last-child {
  border-radius: 0 !important;
}

/* —— 保持圆形：头像 / 单选圆点 / 开关 / 数字角标圆点 —— */
html body .el-avatar,
html body .el-avatar > img,
html body .el-radio__inner,
html body .el-switch__core,
html body [class*="avatar"]:not(.brand-logo),
html body .user-avatar,
html body .head-avatar,
html body .is-circle {
  border-radius: 50% !important;
}

html body .el-switch__core {
  border-radius: 10px !important;
}

html body .el-badge__content.is-fixed {
  border-radius: 10px !important;
}

/* 高优先级兜底：部分页面（插件模板自带 CSS）给输入框写了更高层级的 8px 圆角 */
html body .el-input__inner.el-input__inner.el-input__inner.el-input__inner,
html body .el-textarea__inner.el-textarea__inner.el-textarea__inner.el-textarea__inner,
html body .el-range-editor.el-range-editor.el-range-editor.el-range-editor {
  border-radius: 0 !important;
}

html body .el-button.el-button.el-button.el-button {
  border-radius: 0 !important;
}

html body .el-tag.el-tag.el-tag.el-tag {
  border-radius: 0 !important;
}

html body .el-card.el-card.el-card.el-card,
html body .main-card.main-card.main-card.main-card {
  border-radius: 0 !important;
}

html body .el-select-dropdown.el-select-dropdown.el-select-dropdown,
html body .el-dropdown-menu.el-dropdown-menu.el-dropdown-menu,
html body .el-picker-panel.el-picker-panel.el-picker-panel,
html body .el-dialog.el-dialog.el-dialog,
html body .el-message-box.el-message-box.el-message-box {
  border-radius: 0 !important;
}

/* 直角化 · 第二批：菜单项 / 顶部导航 / 图片 / 插件自带按钮 */
html body .el-menu-item,
html body .el-menu-item.is-active,
html body .menu-home-item,
html body .menu-home-item.is-active,
html body .el-submenu__title,
html body .top-nav-item,
html body .top-nav-item.is-active,
html body .aside-menu .el-menu-item,
html body .drawer-menu .el-menu-item {
  border-radius: 0 !important;
}

html body .right-item,
html body .right-item.head-box,
html body .head-box,
html body .btn-ok,
html body .btn-no,
html body .el-dropdown-menu.el-popper,
html body main.el-main,
html body main.el-main.el-main {
  border-radius: 0 !important;
}

/* 内容区图片（头像/logo 已在下方单独保留圆形或原样） */
html body .main-card img:not([class*="avatar"]):not(.brand-logo),
html body .el-card img:not([class*="avatar"]):not(.brand-logo) {
  border-radius: 0 !important;
}

/* 滚动条滑块保持细圆角，不做尖角（细条做尖角反而像缺损） */
html body .el-scrollbar__thumb,
html body .el-scrollbar__bar {
  border-radius: 4px !important;
}

/* =========================================================
   终极直角覆盖：类名重复提升特异性，压过后台 / 插件自带 CSS
   ========================================================= */
html body .el-menu-item.el-menu-item.el-menu-item.el-menu-item,
html body .el-submenu__title.el-submenu__title.el-submenu__title.el-submenu__title,
html body .menu-home-item.menu-home-item.menu-home-item.menu-home-item,
html body .top-nav-item.top-nav-item.top-nav-item.top-nav-item,
html body .right-item.right-item.right-item.right-item,
html body .head-box.head-box.head-box.head-box,
html body .un-login.un-login.un-login.un-login,
html body .el-dropdown-header.el-dropdown-header.el-dropdown-header,
html body .el-dropdown-country.el-dropdown-country.el-dropdown-country,
html body .el-dropdown-selfdefine.el-dropdown-selfdefine.el-dropdown-selfdefine,
html body .el-dropdown-menu.el-dropdown-menu.el-dropdown-menu.el-dropdown-menu,
html body .el-pagination__editor.el-pagination__editor.el-pagination__editor,
html body .btn-ok.btn-ok.btn-ok,
html body .btn-no.btn-no.btn-no,
html body .btn-save.btn-save.btn-save,
html body .credit-btn.credit-btn.credit-btn,
html body main.el-main.el-main.el-main.el-main,
html body .el-main.el-main.el-main.el-main {
  border-radius: 0 !important;
}

/* 内容区图片（头像 / 品牌 logo 除外） */
html body img:not([class*="avatar"]):not(.brand-logo):not(.head-img):not(.el-avatar) {
  border-radius: 0 !important;
}

/* 圆形元素反过来再压一层，保证头像仍是圆的 */
html body .el-avatar.el-avatar.el-avatar.el-avatar,
html body .el-avatar.el-avatar.el-avatar.el-avatar > img,
html body .head-img.head-img.head-img.head-img,
html body .el-header .head-img,
html body .el-header .el-dropdown-header,
html body .user-avatar.user-avatar.user-avatar.user-avatar,
html body .head-avatar.head-avatar.head-avatar.head-avatar,
html body .el-radio__inner.el-radio__inner,
html body .el-radio__input.is-checked .el-radio__inner,
html body .el-switch__core.el-switch__core {
  border-radius: 50% !important;
}

html body .el-switch__core.el-switch__core.el-switch__core {
  border-radius: 10px !important;
}

/* 直角化 · 剩下零散的自定义块（工作台小卡、标签、工具按钮等） */
html body .statistics-bottom.statistics-bottom,
html body .no-product.no-product,
html body .recommend-text.recommend-text,
html body .more.more,
html body .WorkOrder-content.WorkOrder-content,
html body .left-btn.left-btn,
html body .order-des.order-des,
html body .new-ticket-btn.new-ticket-btn,
html body .batch-op-btn.batch-op-btn,
html body .search-btn.search-btn,
html body .attestation-status.attestation-status,
html body .tag.tag,
html body .tx-list.tx-list,
html body .other-money-item.other-money-item,
html body .finance-balance.finance-balance {
  border-radius: 0 !important;
}
html body .new-ticket-btn.new-ticket-btn.new-ticket-btn.new-ticket-btn,
html body .notice-item-right.notice-item-right {
  border-radius: 0 !important;
}

/* 顶栏头像必须是圆的（head-box 在顶栏就是头像） */
html body .el-header .header-right .right-item.head-box.head-box.head-box,
html body .el-header .header-right .head-box.head-box.head-box.head-box,
html body .el-header .head-img.head-img.head-img.head-img {
  border-radius: 50% !important;
}

/* 右下角微信二维码悬浮钮：跟随直角风格，手机上隐藏（撞卡片，且 hover 在触屏无意义） */
html body .wx-code,
html body .wx-code.wx-code {
  border-radius: 0 !important;
  box-shadow: 0 2px 8px rgba(16, 24, 40, .12) !important;
  border: 1px solid var(--sq-line, #EDF0F5);
  background: #FFF;
  overflow: hidden;
}

@media (max-width: 900px) {
  html body .wx-code {
    display: none !important;
  }
}

/* ================= 字号底线：插件模板大量用 rem，手机端会缩到 7~10px ================= */
@media (max-width: 900px) {
  html body .main-card {
    font-size: 14px;
  }

  html body .main-card .el-button,
  html body .main-card button,
  html body .main-card .btn,
  html body .main-card .left-btn,
  html body .main-card .right-btn,
  html body .main-card .search-btn,
  html body .main-card .batch-op-btn {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  html body .main-card .top-text,
  html body .main-card .tit,
  html body .main-card p.tit,
  html body .main-card .text,
  html body .main-card .desc {
    font-size: 13px !important;
  }

  html body .main-card .el-form-item__label,
  html body .main-card .el-input__inner,
  html body .main-card .el-select .el-input__inner,
  html body .main-card .el-textarea__inner,
  html body .main-card .el-range-input {
    font-size: 13px !important;
  }

  html body .main-card .el-table__body tbody > tr > td.el-table__cell {
    font-size: 13px !important;
  }

  html body .main-card .tag,
  html body .main-card span.tag,
  html body .main-card .el-tag {
    font-size: 11.5px !important;
  }

  html body .main-card .el-pagination button,
  html body .main-card .el-pagination .el-pager li,
  html body .main-card .el-pagination__total,
  html body .main-card .el-pagination__jump {
    font-size: 12.5px !important;
  }
}

/* 桌面端也有几处偏小的按钮/标签 */
html body .main-card .left-btn,
html body .main-card .right-btn,
html body .main-card .search-btn {
  font-size: 13px !important;
}

html body .notice-btn,
html body .el-header .notice-btn {
  font-size: 12px !important;
}

html body .el-aside .menu-group-cap,
html body .el-drawer .menu-group-cap {
  font-size: 12px !important;
}

html body .main-card .tag,
html body .main-card span.tag {
  font-size: 12px !important;
}

/* ================= 弹窗垂直居中（ElementUI 默认 margin-top:15vh 偏上） ================= */
html body .el-dialog__wrapper {
  align-items: center;
  justify-content: center;
  padding: 24px 12px;
  overflow: auto;
  box-sizing: border-box;
}

/* 只有「真正打开」的弹窗才转成 flex 居中；v-show 关掉的必须继续 display:none，
   否则所有空壳弹窗会被强制显示并挡住点击。 */
html body .el-dialog__wrapper:not([style*="display: none"]) {
  display: flex !important;
}

html body .el-dialog {
  margin: 0 auto !important;
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
}

html body .el-dialog__body {
  overflow: auto;
  flex: 1 1 auto;
}

html body .el-dialog.is-fullscreen {
  max-height: none;
  border-radius: 0;
  margin: 0 !important;
}

@media (max-width: 767px) {
  html body .el-dialog__wrapper {
    padding: 16px 10px;
  }

  html body .el-dialog {
    width: calc(100vw - 20px) !important;
    max-width: 560px;
    max-height: calc(100vh - 32px);
  }
}

/* 卡片模式：长文本单元格改成「标签在上、值在下，左对齐」 */
@media (max-width: 767px) {
  html body .el-table__body tbody > tr > td.el-table__cell[data-long="1"] {
    flex-direction: column;
    align-items: stretch;
    gap: 1px;
    text-align: left !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  html body .el-table__body tbody > tr > td.el-table__cell[data-long="1"]::before {
    /* 竖排时 flex-basis 是「高度」，必须复位，否则标签会撑出 74px 空白 */
    flex: 0 0 auto;
    width: auto !important;
    max-width: 100% !important;
    font-size: 12px;
    color: #8A93A6;
  }

  /* 「描述」里拆出来的「登录方式」行：标签与其它行同一列 */
  html body .el-table__body tbody > tr > td .cell .sq-desc-main {
    display: inline;
  }

  html body .el-table__body tbody > tr > td .cell .sq-desc-sub {
    display: block;
    margin-top: 1px;
  }

  html body .el-table__body tbody > tr > td .cell .sq-desc-lbl {
    display: inline;
    color: #8A93A6;
    font-size: 11.5px;
    margin-right: 4px;
  }

  html body .el-table__body tbody > tr > td .cell .sq-desc-val {
    display: inline;
    color: #1F2937;
  }

  html body .el-table__body tbody > tr > td.el-table__cell[data-long="1"] .cell {
    text-align: left !important;
    width: 100% !important;
    color: #1F2937;
  }
}

/* 只有「前往 N 页」的分页器：手机端也要露出来，否则只能看第一页 */
@media (max-width: 900px) {
  html body .el-pagination.sq-jump-only {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding: 10px 2px 2px;
  }

  html body .el-pagination.sq-jump-only .el-pagination__sizes {
    display: none !important;
  }

  html body .el-pagination.sq-jump-only .el-pagination__jump {
    display: inline-flex !important;
    align-items: center;
    font-size: 12.5px !important;
    color: #475467 !important;
  }

  html body .el-pagination.sq-jump-only .el-pagination__editor {
    width: 46px !important;
    margin: 0 4px !important;
  }

  html body .el-pagination.sq-jump-only .el-pagination__editor .el-input__inner {
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
  }
}

/* ===== 操作日志类卡片：再压一档（放最后，压过上面的字号底线与 .cell 行高） ===== */
@media (max-width: 767px) {
  html body .main-card .el-table__body tbody > tr > td.el-table__cell {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    padding: 3px 12px !important;
    gap: 4px !important;
  }

  html body .main-card .el-table__body tbody > tr > td.el-table__cell::before {
    flex: 0 0 50px !important;
    width: 50px !important;
    max-width: 50px !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
  }

  html body .main-card .el-table__body tbody > tr > td.el-table__cell .cell {
    line-height: 1.3 !important;
    font-size: 12.5px !important;
  }

  html body .main-card .el-table__body tbody > tr > td.el-table__cell[data-long="1"] {
    padding: 4px 12px !important;
  }

  html body .main-card .el-table__body tbody > tr > td.el-table__cell[data-long="1"]::before {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    line-height: 1.4 !important;
  }

  html body .main-card .el-table__body tbody > tr > td .cell .sq-desc-lbl {
    flex: 0 0 50px;
    width: 50px;
    font-size: 11.5px;
  }

  html body .main-card .el-table__body tbody > tr > td .cell .sq-desc-sub {
    margin-top: 1px;
  }
}

/* ===== 卡片行改成「标签：值」紧贴式，彻底消掉标签与值之间的空隙 ===== */
@media (max-width: 767px) {
  html body .main-card .el-table__body tbody > tr > td.el-table__cell::before {
    content: attr(data-label) "：";
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    font-size: 12px !important;
    color: #98A2B3 !important;
  }

  html body .main-card .el-table__body tbody > tr > td.el-table__cell {
    gap: 0 !important;
    padding: 4px 12px !important;
  }

  html body .main-card .el-table__body tbody > tr > td.el-table__cell[data-long="1"]::before {
    content: attr(data-label) "：" !important;
    flex: 0 0 auto !important;
    width: auto !important;
  }

  html body .main-card .el-table__body tbody > tr > td .cell .sq-desc-lbl::after {
    content: "：";
  }
}

/* 「登录方式」独立行：与其它行完全同样的「标签：值」排版 */
@media (max-width: 767px) {
  html body .main-card .el-table__body tbody > tr > .sq-extra-row {
    display: flex;
    align-items: flex-start;
    padding: 4px 12px;
    font-size: 12.5px;
    line-height: 1.3;
    color: #1F2937;
  }

  html body .main-card .el-table__body tbody > tr > .sq-extra-row::before {
    content: attr(data-label) "：";
    flex: 0 0 auto;
    color: #98A2B3;
    font-size: 12px;
  }
}

/* 卡片标签列：统一 2 字 + 固定窄列，冒号与值全部对齐且紧贴 */
@media (max-width: 767px) {
  html body .main-card .el-table__body tbody > tr > td.el-table__cell::before {
    flex: 0 0 34px !important;
    width: 34px !important;
    max-width: 34px !important;
    white-space: nowrap !important;
  }

  html body .main-card .el-table__body tbody > tr > td.el-table__cell[data-long="1"]::before {
    flex: 0 0 34px !important;
    width: 34px !important;
    max-width: 34px !important;
  }

  html body .main-card .el-table__body tbody > tr > .sq-extra-row::before {
    flex: 0 0 34px;
    width: 34px;
    white-space: nowrap;
  }
}

/* 标签列右对齐：中英文标签宽度不同，靠右才能让冒号与值成一条线 */
@media (max-width: 767px) {
  html body .main-card .el-table__body tbody > tr > td.el-table__cell::before,
  html body .main-card .el-table__body tbody > tr > td.el-table__cell[data-long="1"]::before {
    text-align: right !important;
    padding-right: 2px !important;
    box-sizing: border-box !important;
  }

  html body .main-card .el-table__body tbody > tr > .sq-extra-row::before {
    text-align: right;
    padding-right: 2px;
    box-sizing: border-box;
  }

  html body .main-card .el-table__body tbody > tr > td.el-table__cell {
    padding: 3px 12px !important;
  }

  html body .main-card .el-table__body tbody > tr > .sq-extra-row {
    padding: 3px 12px;
  }
}

@media (max-width: 767px) {
  html body .main-card .el-table__body tbody > tr > .sq-extra-row::before {
    margin-right: 10px;
  }
}

/* ===== 收口：普通表格卡片保持 56px 标签列；只有日志卡片才用紧凑内联式 ===== */
@media (max-width: 767px) {
  html body .main-card .el-table__body tbody > tr > td.el-table__cell::before {
    content: attr(data-label) !important;
    flex: 0 0 56px !important;
    width: 56px !important;
    max-width: 56px !important;
    text-align: left !important;
    padding-right: 0 !important;
    font-size: 12px !important;
    color: #8A93A6 !important;
    box-sizing: border-box !important;
  }

  html body .main-card .el-table__body tbody > tr > td.el-table__cell[data-long="1"]::before {
    content: attr(data-label) !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    padding-right: 0 !important;
  }

  /* 日志卡片：2 字标签 + 右对齐 + 冒号内联，冒号与值成一条线 */
  html body .main-card .el-table.sq-log-table .el-table__body tbody > tr > td.el-table__cell::before {
    content: attr(data-label) "：" !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    max-width: 34px !important;
    text-align: right !important;
    padding-right: 2px !important;
    white-space: nowrap !important;
  }

  html body .main-card .el-table.sq-log-table .el-table__body tbody > tr > td.el-table__cell {
    padding: 3px 12px !important;
  }

  html body .main-card .el-table.sq-log-table .el-table__body tbody > tr > .sq-extra-row {
    display: flex;
    align-items: flex-start;
    padding: 3px 12px;
    font-size: 12.5px;
    line-height: 1.3;
    color: #1F2937;
  }

  html body .main-card .el-table.sq-log-table .el-table__body tbody > tr > .sq-extra-row::before {
    content: attr(data-label) "：" !important;
    flex: 0 0 34px;
    width: 34px;
    padding-right: 2px;
    margin-right: 10px;
    box-sizing: border-box;
    text-align: right;
    white-space: nowrap;
    color: #98A2B3;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  html body .main-card .el-table.sq-log-table .el-table__body tbody > tr > .sq-extra-row {
    font-weight: 400 !important;
  }
}

/* ===== 圆角收尾：卡片模式的行、弹窗、主卡片一律直角 ===== */
@media (max-width: 900px) {
  html body .main-card .el-table__body tbody > tr,
  html body .main-card .el-table__body tbody > tr > td.el-table__cell,
  html body main.el-main > div.main-card,
  html body main.el-main > div.clid-box,
  html body main.el-main > div.config-box {
    border-radius: 0 !important;
  }

  html body .el-dialog,
  html body .el-message-box {
    border-radius: 0 !important;
  }
}

/* ===== 安全中心 API / SSH 等页的工具条：手机端收紧 ===== */
@media (max-width: 900px) {
  html body .main-card .content_searchbar {
    padding: 10px 12px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  html body .main-card .content_searchbar .left-btn,
  html body .main-card .content_searchbar .right-btn {
    height: 38px !important;
    line-height: 36px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body .main-card .content_searchbar .searchbar,
  html body .main-card .content_searchbar .com-search {
    flex: 1 1 auto;
    min-width: 0;
  }

  html body .main-card .el-table__empty-block {
    min-height: 120px !important;
  }

  html body .main-card .el-table__empty-text {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 480px) {
  html body .main-card .content_searchbar .left-btn,
  html body .main-card .content_searchbar .right-btn {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}

/* ===== 直角收尾（兜底）：主内容区里除头像/开关/圆点/滚动条外，圆角一律清零 ===== */
html body main.el-main .main-card *:not(.el-avatar):not(.head-img):not([class*="avatar"]):not(.el-switch__core):not(.dot):not(.el-radio__inner):not(.el-radio__input):not(.el-scrollbar__thumb):not(.el-scrollbar__bar):not(.el-loading-spinner):not(i) {
  border-radius: 0 !important;
}

/* ===== 实名认证（选择页）手机端 ===== */
@media (max-width: 900px) {
  html body .main-card .content-title {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  html body .main-card .check-type {
    flex-direction: column;
    row-gap: 12px;
    margin-top: 12px;
  }

  html body .main-card .check-type > div {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 14px !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  html body .main-card .check-type > div:nth-of-type(1) {
    margin: 0 !important;
  }

  html body .main-card .type-img img {
    width: 44px !important;
    height: 44px !important;
  }

  html body .main-card .type-title {
    font-size: 15px !important;
    margin: 12px 0 6px !important;
    text-align: left !important;
  }

  html body .main-card .type-tips {
    width: auto !important;
    max-width: 100% !important;
    text-align: left !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
  }

  html body .main-card .next-box {
    margin-top: 16px !important;
  }

  html body .main-card .next-box .el-button {
    width: 100% !important;
    height: 40px !important;
    font-size: 14px !important;
  }
}

/* ===== 工单详情 手机端 ===== */
@media (max-width: 767px) {
  html body .ticket-details .main-card .card .card-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin: 14px 0 8px !important;
  }

  html body .ticket-details .main-card .card .card-main {
    padding: 0 12px 12px !important;
    border-radius: 0 !important;
  }

  html body .ticket-details .main-card .card .card-main .card-main-item {
    margin-top: 12px !important;
  }

  html body .ticket-details .main-card .card .card-main .card-main-item .main-item-label {
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin-bottom: 4px !important;
  }

  html body .ticket-details .main-card .card .card-main .card-main-item .main-item-text {
    font-size: 13px !important;
    line-height: 1.5 !important;
    word-break: break-word;
  }

  /* 基础信息原本 4 列（el-col-6），手机上改成 2 列 */
  html body .ticket-details .card-main .el-col-6 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  html body .ticket-details .card-main .el-col-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  html body .ticket-details .main-card .card .card-main .close-btn {
    float: none !important;
    width: auto !important;
    padding: 0 14px !important;
    margin: 10px 0 0 !important;
    font-size: 13px !important;
  }

  html body .ticket-details .card-footer {
    display: flex !important;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  html body .ticket-details .card-footer .el-button,
  html body .ticket-details .card-footer .upload-btn .el-button {
    height: 36px !important;
    line-height: 34px !important;
    font-size: 13px !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 900px) {
  /* 插件卡片自身是 content-box，width:100% + padding 会撑出容器 */
  html body .main-card .check-type > div {
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  /* el-row 是浮动列，50%+50% 有取整误差会把第 4 项挤到下一行 → 改 flex */
  html body .ticket-details .card-main .el-row {
    display: flex !important;
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 插件里有一个空的 card-main-item（原本放工单标题，已注释）→ 收掉 */
  html body .ticket-details .card-main .card-main-item:empty {
    display: none !important;
  }

  html body .ticket-details .main-card .card .card-main .close-btn {
    display: flex !important;
    width: max-content !important;
    margin: 10px 0 0 auto !important;
    padding: 0 14px !important;
  }
}

/* 实名认证：选中角标原本是右下角三角形图片，改成直角小方块 + 勾 */
html body .main-card .checked-icon {
  width: 22px !important;
  height: 22px !important;
  background: var(--color-primary, #1A56DB) !important;
  background-image: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  border-radius: 0 !important;
}

html body .main-card .checked-icon::after {
  content: "✓";
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

/* ===== 子账户：新增/编辑子账户页 手机端 ===== */
@media (max-width: 900px) {
  html body .addAccount-content .addAccount-box {
    padding: 0 !important;
  }

  /* 标题 / 提示图标 */
  html body .addAccount-content .addAccount-box .title {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin: 16px 0 10px !important;
  }

  html body .addAccount-content .question-icon {
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
    font-size: 11px !important;
  }

  /* 表单：label 换到输入框上方，输入框占满整行 */
  html body .addAccount-content .el-form--inline .el-form-item {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
  }

  html body .addAccount-content .el-form--inline .el-form-item__label {
    display: block !important;
    width: 100% !important;
    float: none !important;
    text-align: left !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    padding: 0 0 6px !important;
    color: #475467 !important;
  }

  html body .addAccount-content .el-form--inline .el-form-item__content {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    font-size: 13px !important;
  }

  html body .addAccount-content .el-form--inline .el-form-item__content .el-input,
  html body .addAccount-content .el-form--inline .el-form-item__content .el-select,
  html body .addAccount-content .el-form--inline .el-form-item__content .el-input__inner {
    width: 100% !important;
    font-size: 13px !important;
  }

  html body .addAccount-content .el-form--inline .el-form-item__content .el-select[style] {
    width: 100% !important;
    margin-right: 0 !important;
  }

  html body .addAccount-content .el-form-item__error {
    position: static !important;
    padding-top: 4px !important;
    font-size: 12px !important;
  }

  /* 权限树：左右两棵树改为上下排列，行高加大、缩进减小 */
  html body .addAccount-content .tree-box {
    display: block !important;
  }

  html body .addAccount-content .tree-box .tree {
    width: 100% !important;
    flex: none !important;
    margin-bottom: 12px;
  }

  html body .addAccount-content .tree-box .tree .tree-left,
  html body .addAccount-content .tree-box .tree .tree-right {
    padding: 0 8px !important;
  }

  html body .addAccount-content .el-tree-node__content {
    height: 40px !important;
    font-size: 13px !important;
  }

  html body .addAccount-content .el-tree .el-tree-node__label {
    font-size: 13px !important;
  }

  /* 通知复选框：两列等宽，起点对齐 */
  html body .addAccount-content .el-checkbox-group {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  html body .addAccount-content .el-checkbox-group .el-checkbox {
    flex: 0 0 50% !important;
    width: 50% !important;
    margin: 0 0 8px 0 !important;
    font-size: 13px !important;
  }

  html body .addAccount-content .el-checkbox__label {
    font-size: 13px !important;
    padding-left: 6px !important;
  }

  /* 底部按钮：等宽、44px 触控高度 */
  html body .addAccount-content .addAccount-footer {
    display: flex !important;
    gap: 10px !important;
    margin: 18px 0 0 !important;
  }

  html body .addAccount-content .addAccount-footer .footer-btn1,
  html body .addAccount-content .addAccount-footer .footer-btn2 {
    flex: 1 1 0 !important;
    width: auto !important;
    height: 44px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    border-radius: 0 !important;
  }
}

@media (max-width: 900px) {
  /* 手机号：区号下拉和号码输入并排，不要上下叠 */
  html body .addAccount-content .el-form--inline .phone-box .el-form-item__content {
    display: flex !important;
    align-items: center;
    gap: 8px;
  }

  html body .addAccount-content .el-form--inline .phone-box .el-form-item__content .el-select {
    flex: 0 0 40% !important;
    width: 40% !important;
    margin-right: 0 !important;
  }

  html body .addAccount-content .el-form--inline .phone-box .el-form-item__content .el-input {
    flex: 1 1 auto !important;
    width: auto !important;
  }

  /* 「?」提示图标跟在标签后面，不要另起一行 */
  html body .addAccount-content .el-form-item__label .question-icon,
  html body .addAccount-content .el-form-item__label .el-tooltip {
    display: inline-flex !important;
    vertical-align: middle;
    margin-left: 6px;
  }

  html body .addAccount-content .el-form-item__label > .el-tooltip {
    float: none !important;
  }
}

@media (min-width: 901px) {
  html body .addAccount-content .addAccount-footer .footer-btn1,
  html body .addAccount-content .addAccount-footer .footer-btn2 {
    min-width: 96px !important;
    height: 38px !important;
    font-size: 14px !important;
    border-radius: 0 !important;
  }
}

/* =========================================================
   资源中心（新闻中心 / 文件下载 / 帮助中心）
   插件模板在手机端的原始问题：
   1) .box{padding:0.3rem; min-height:70vh} + .pc{display:flex;flex-wrap:wrap}
      → 只有一个 flex line 时 align-content:stretch 把「分类」卡片撑到几百 px 高的空白
   2) .com-l-box{margin-right:3.57rem(4rem)} 在 ≤750px 只改了 width 没改 margin
      → 手机上表格/列表只剩 136px 宽，两三个字就换行
   3) .file_folder .item{line-height:0.18rem} / .tag{height:0.2rem}
      → 手机 1rem≈52px，行高只有 9px、标签高度 10px，文字上下被压扁
   4) 分类数字按 index%4 轮流上 绿/黄/红/蓝 → 没有任何语义的颜色噪音
   ========================================================= */
@media (max-width: 900px) {
  /* ---- 容器：分类整宽置顶，内容区整宽，去掉被拉高的空白 ---- */
  html body .news .box,
  html body .file_download .box {
    display: block !important;
    min-height: 0 !important;
    margin-top: 16px !important;
  }

  html body .news .box.pc,
  html body .file_download .box.pc {
    display: block !important;
    flex-wrap: nowrap !important;
    align-content: flex-start !important;
  }

  html body .news .com-r-box,
  html body .file_download .com-r-box {
    width: 100% !important;
    float: none !important;
    margin: 0 0 14px !important;
    padding: 14px !important;
    box-shadow: none !important;
    border: 1px solid #E9EDF5 !important;
  }

  html body .news .com-l-box,
  html body .file_download .com-l-box {
    width: 100% !important;
    margin: 0 !important;
  }

  /* ---- 搜索框：24px 高太薄 ---- */
  html body .news .main-card .search-input,
  html body .file_download .main-card .search-input,
  html body .help .main-card .search-input {
    width: 100% !important;
    height: 40px !important;
    margin-bottom: 16px !important;
  }

  html body .news .main-card .search-input .el-input__inner,
  html body .file_download .main-card .search-input .el-input__inner,
  html body .help .main-card .search-input .el-input__inner {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 14px !important;
    padding-right: 40px;
  }

  /* ---- 右上角装饰图在手机上会和标题/搜索框重叠 ---- */
  html body .news .main-card .back-img,
  html body .file_download .main-card .back-img,
  html body .help .main-card .back-img {
    display: none !important;
  }

  /* ---- 分类列表：40px 行高、可点、数字胶囊 ---- */
  html body .news .com-r-box .tit,
  html body .file_download .com-r-box .tit {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
  }

  html body .news .total,
  html body .file_download .total {
    min-height: 40px;
    line-height: 1.4 !important;
    font-size: 14px !important;
    padding: 0 2px !important;
    margin-bottom: 2px !important;
    border-bottom: 1px solid #F1F4F9;
  }

  html body .news .file_folder,
  html body .file_download .file_folder {
    padding-left: 0 !important;
  }

  html body .news .file_folder .item,
  html body .file_download .file_folder .item {
    min-height: 40px;
    line-height: 1.4 !important;
    font-size: 14px !important;
    padding: 0 2px 0 12px !important;
    margin-bottom: 2px !important;
    border-bottom: 1px solid #F1F4F9;
  }

  html body .news .file_folder .item::before,
  html body .file_download .file_folder .item::before {
    width: 3px !important;
    height: 16px !important;
    top: 12px !important;
  }

  /* ---- 计数标签：统一中性色，去掉 index%4 的彩色噪音 ---- */
  html body .news .file_folder .tag,
  html body .file_download .file_folder .tag,
  html body .news .total .tag,
  html body .file_download .total .tag {
    height: 20px !important;
    min-width: 20px;
    line-height: 20px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
    background: #EFF3FA !important;
    color: #5A6478 !important;
    text-align: center;
    flex: 0 0 auto;
  }

  html body .news .file_folder .item.active .tag,
  html body .file_download .file_folder .item.active .tag,
  html body .news .total.active .tag,
  html body .file_download .total.active .tag {
    background: rgba(26, 86, 219, 0.1) !important;
    color: var(--color-primary) !important;
  }

  /* ---- 新闻列表 ---- */
  html body .news .news-list {
    padding: 0 !important;
  }

  html body .news .news-list .item {
    margin-top: 0 !important;
    padding: 12px 0;
    border-bottom: 1px solid #F1F4F9;
    align-items: flex-start;
  }

  html body .news .news-list .item .item-left {
    width: 76px;
    height: 52px;
    margin-right: 12px;
    flex: 0 0 76px;
  }

  html body .news .news-list .item .item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  html body .news .news-list .item .item-right {
    height: auto !important;
    border-bottom: none;
  }

  html body .news .news-list .title {
    font-size: 15px !important;
    line-height: 1.45 !important;
    margin-bottom: 6px !important;
  }

  html body .news .news-list .info {
    font-size: 12px !important;
  }

  html body .news .top-search {
    padding: 0 !important;
  }

  html body .news .top-search .tit,
  html body .file_download .top-search .tit {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  /* ---- 文件下载：表格全部走全站卡片化，这里只补一点内边距 ---- */
  html body .file_download .el-table {
    width: 100% !important;
  }
}

/* ---- 帮助中心：手机端双列卡片挤成一团，改单列 + 44px 可点行 ---- */
@media (max-width: 900px) {
  html body .help .main-card-content {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body .help .content-item {
    padding: 14px !important;
  }

  html body .help .content-item-title {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
  }

  html body .help .link-item {
    display: flex !important;
    align-items: center;
    min-height: 40px;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    border-bottom: 1px solid #F1F4F9;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  html body .help .link-item:last-child {
    border-bottom: none;
  }

  html body .help .more-btn {
    min-height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    margin-top: 4px !important;
  }

  html body .help .main-card-top .top-menu {
    display: flex;
    gap: 8px;
  }

  html body .help .top-menu-item {
    min-height: 36px !important;
    display: flex !important;
    align-items: center;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
}

/* 插件模板里的 .mobile 占位块（内容是「移动端 / 在这里写…」），必须继续隐藏 */
html body .news .box.mobile,
html body .file_download .box.mobile,
html body .help .box.mobile {
  display: none !important;
}

@media (max-width: 900px) {
  /* ---- 帮助中心：查看更多按钮原来是 absolute 定位，去掉卡片 padding-bottom 后
         会直接压住最后一条链接，改成文档流里的整行按钮 ---- */
  html body .help .main-card-content .content-item {
    padding: 14px !important;
    padding-bottom: 14px !important;
  }

  html body .help .main-card-content .content-item .content-item-title {
    margin: 0 0 6px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  html body .help .main-card-content .content-item .content-item-link {
    margin: 0 !important;
  }

  html body .help .main-card-content .content-item .more-btn {
    position: static !important;
    width: 100% !important;
    height: 40px !important;
    border-radius: 0 !important;
    margin-top: 8px !important;
    font-size: 14px !important;
  }

  /* 列表项前面那个小圆点别压到文字上 */
  html body .help .main-card-content .content-item .content-item-link .link-item {
    padding-left: 12px !important;
  }

  /* ---- 新闻列表：标题颜色/字号、时间对比度 ---- */
  html body .news .news-list .title {
    color: #171725 !important;
    font-size: 15px !important;
  }

  html body .news .news-list .info {
    color: #6B7280 !important;
  }

  /* ---- 计数胶囊对比度 ---- */
  html body .news .file_folder .tag,
  html body .file_download .file_folder .tag,
  html body .news .total .tag,
  html body .file_download .total .tag {
    background: #E9EDF5 !important;
    color: #475467 !important;
    font-weight: 500;
  }

  /* ---- 「全部」这一行也补上和其他分类一致的左侧竖条 ---- */
  html body .news .total,
  html body .file_download .total {
    position: relative;
    padding-left: 12px !important;
  }

  html body .news .total::before,
  html body .file_download .total::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 16px;
    background: #E6E7EB;
  }

  html body .news .total.active::before,
  html body .file_download .total.active::before {
    background: var(--color-primary);
  }

  /* ---- 文件下载：操作列的下载图标在手机上只有一个小图标，等于空白 ---- */
  html body .file_download .el-table__body tbody > tr > td.el-table__cell {
    min-height: 30px;
    align-items: center;
  }

  html body .file_download .el-table__body tbody > tr > td[data-label="操作"] .cell {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--color-primary);
    font-size: 13px;
  }

  html body .file_download .el-table__body tbody > tr > td[data-label="操作"] .cell .el-icon-download {
    font-size: 16px;
  }

  /* 「下载」按钮由 brand-mobile-table.js 注入真实 DOM（element-icons 字形
     在部分环境不渲染，纯 ::after 会变成空白），这里只管样式 */
  html body .el-table__body tbody > tr > td[data-label="操作"] .sq-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 32px;
    padding: 0 12px;
    border: 1px solid rgba(26, 86, 219, 0.35);
    color: var(--color-primary);
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
  }
}

/* ===== 帮助中心：文章详情页（helpTotal）手机端 =====
   插件写死 .contnet-right-out{min-width:9.33rem} + .content-right{width:9.33rem;margin-left:.4rem}
   手机 rem≈52px → 内容宽 485px 起，整页横向溢出到 634px。这里改成单列堆叠。 */
@media (max-width: 900px) {
  html body .help-total .main-card .main-card-content {
    display: block !important;
    overflow: visible !important;
  }

  html body .help-total .main-card .main-card-content .content-left {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 12px 0 !important;
    border-radius: 0 !important;
  }

  html body .help-total .main-card .main-card-content .content-left .content-left-text {
    width: 100% !important;
    height: auto !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }

  /* 目录标题右侧的展开/收起箭头（由主题 JS 注入） */
  html body .help-total .content-left .content-left-text .sq-care {
    transition: transform 0.2s;
    font-size: 12px;
    color: #8692b0;
  }

  html body .help-total .content-left.sq-collapsed .content-left-text .sq-care {
    transform: rotate(-90deg);
  }

  html body .help-total .content-left.sq-collapsed .content-left-menu {
    display: none !important;
  }

  html body .help-total .main-card .main-card-content .content-left .content-left-menu {
    max-height: none !important;
  }

  html body .help-total .main-card .main-card-content .content-left .content-left-menu .el-menu-item,
  html body .help-total .main-card .main-card-content .content-left .content-left-menu .el-submenu__title {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 13px !important;
  }

  /* 关键：干掉写死的 min-width / 固定宽度 */
  html body .help-total .main-card .main-card-content .contnet-right-out {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body .help-total .main-card .main-card-content .content-right {
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    overflow-x: auto !important;
  }

  html body .help-total .content-right .right-title {
    font-size: 16px !important;
    line-height: 1.45 !important;
    word-break: break-word;
  }

  html body .help-total .content-right .right-keywords-time {
    flex-wrap: wrap !important;
    gap: 4px 12px;
  }

  html body .help-total .content-right .right-keywords-time .right-time,
  html body .help-total .content-right .right-keywords-time .right-keywords {
    font-size: 12px !important;
    margin-top: 6px !important;
    margin-left: 0 !important;
  }

  html body .help-total .content-right .right-content {
    margin-top: 14px !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    word-break: break-word !important;
    overflow-x: auto !important;
  }

  html body .help-total .content-right .right-content * {
    max-width: 100% !important;
    box-sizing: border-box;
  }

  html body .help-total .content-right .right-content iframe,
  html body .help-total .content-right .right-content video {
    width: 100% !important;
  }

  html body .help-total .content-right .right-content table {
    display: block;
    overflow-x: auto;
  }

  html body .help-total .content-right .right-attachment {
    flex-wrap: wrap;
    gap: 8px;
  }

  /* 上一篇/下一篇 */
  html body .help-total .main-card .main-card-content .contnet-right-out .page {
    margin-left: 0 !important;
    padding: 0 2px;
    font-size: 13px !important;
  }
}

/* 帮助中心：右上角那张装饰背景图在手机上会变成一个灰糊的方块，直接隐藏 */
@media (max-width: 900px) {
  html body .help .main-card .back-img,
  html body .help-total .main-card .back-img {
    display: none !important;
  }
}

@media (max-width: 900px) {
  /* 插件在面包屑右侧放了个空的 .content_searchbar，渲染成一个灰色小方块 */
  html body .help-total .main-card-top .content_searchbar {
    display: none !important;
  }

  /* 左边目录盒宽度算上 1px 边框会溢出 2px */
  html body .help-total .main-card .main-card-content .content-left {
    box-sizing: border-box !important;
    width: 100% !important;
  }
}