/* =========================================================
   安东云计算 · 会员中心（seven 主题）品牌覆盖样式  v3
   加载顺序：reset → element(变量) → common → brand
   只做样式覆盖，不动 ElementUI 行为逻辑
   ========================================================= */

:root {
  --sq-primary: #0066FE;
  --sq-primary-d: #0052CC;
  --sq-primary-l: #EAF1FF;
  --sq-primary-l2: #F5F8FF;

  --sq-bg: #F4F6FA;
  --sq-card: #FFFFFF;
  --sq-line: #EDF0F5;
  --sq-line-2: #F1F4F9;

  --sq-title: #0F172A;
  --sq-text: #475467;
  --sq-sub: #8A93A6;

  --sq-radius: 12px;
  --sq-radius-sm: 8px;
  --sq-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px -12px rgba(16, 24, 40, .10);

  --sq-header-h: 62px;
  --sq-aside-w: 240px;

  /* 覆盖 element 主题变量 */
  --color-primary: #0066FE;
  --color-menu-bg: #FFFFFF;
  --color-menu-text: #475467;
  --color-menu-text-active: #0066FE;
  --color-menu-active-bg: #EAF1FF;
  --color-menu-hover-bg: #F5F8FD;
}

/* ================= 基础 ================= */
html,
body {
  background: var(--sq-bg) !important;
  color: var(--sq-text);
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

/* 主题自带未编译残留节点（原始 bug，直接隐藏） */
html body el-dialog,
html body el-popover {
  display: none !important;
}

/* ================= 布局骨架 ================= */
html body .el-container {
  background: var(--sq-bg);
}

main.el-main {
  background: var(--sq-bg) !important;
}

/* element-comment.css 用 (0,3,0) 把 .el-main 设白底 + margin，这里同结构覆盖 */
html body .el-container:nth-child(2) > main.el-main {
  background: var(--sq-bg) !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding: calc(var(--sq-header-h) + 22px) 22px 32px !important;
}

/* ================= 顶栏 ================= */
html body .el-header {
  position: fixed !important;
  top: 0 !important;
  left: var(--sq-aside-w) !important;
  width: calc(100% - var(--sq-aside-w)) !important;
  height: var(--sq-header-h) !important;
  padding: 0 22px !important;
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--sq-line);
  box-shadow: 0 1px 0 rgba(16, 24, 40, .02) !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
}

html body .el-header .header-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

/* 顶栏品牌（桌面端隐藏，手机端显示） */
html body .el-header .brand {
  display: none;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

html body .el-header .brand-logo {
  height: 22px;
  width: auto;
  display: block;
}

/* 顶栏页面标题：桌面端做弱化的“当前位置”，手机端做主标题 */
html body .el-header .head-title {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 42%;
  margin-left: 16px;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 500;
  color: #8A93A6;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}

html body .el-header .head-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: var(--sq-line);
}

/* 顶部主导航 */
html body .el-header .top-nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

html body .el-header .top-nav .top-nav-item {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 15px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 400;
  color: #475467 !important;
  text-decoration: none;
  transition: background .16s, color .16s;
  white-space: nowrap;
}

html body .el-header .top-nav .top-nav-item:hover {
  background: #F3F6FC;
  color: var(--sq-primary) !important;
}

html body .el-header .top-nav .top-nav-item.is-active {
  background: var(--sq-primary-l);
  color: var(--sq-primary) !important;
  font-weight: 500;
}

/* 顶栏右侧 */
html body .el-header .header-right {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 0 !important;
}

html body .el-header .header-right-item {
  margin-left: 0 !important;
  display: flex;
  align-items: center;
}

html body .el-header .right-item {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .16s;
}

html body .el-header .right-item:hover {
  background: #F3F6FC;
}

html body .el-header .car-item img,
html body .el-header .right-item img {
  width: 19px !important;
  height: 19px !important;
  opacity: .8;
}

html body .el-header .right-item:hover img {
  opacity: 1;
}

html body .el-header .hg-24 img {
  width: 19px !important;
  height: 19px !important;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(16, 24, 40, .06);
}

html body .el-header .hg-24 .el-dropdown-country {
  height: 36px;
  padding: 0 8px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  gap: 2px;
  transition: background .16s;
}

html body .el-header .hg-24 .el-dropdown-country:hover {
  background: #F3F6FC;
}

html body .el-header .cloum-line-item {
  padding: 0 8px;
}

html body .el-header .cloum-line {
  width: 1px;
  height: 18px;
  background: var(--sq-line) !important;
}

/* 头像 */
html body .el-header .el-dropdown-header {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 8px 0 4px;
  border-radius: 9px;
  cursor: pointer;
  transition: background .16s;
}

html body .el-header .el-dropdown-header:hover {
  background: #F3F6FC;
}

html body .el-header .head-img {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  object-fit: cover;
  display: block;
  flex: 0 0 auto;
  background: #F2F5FA;
  box-shadow: 0 0 0 1px rgba(16, 24, 40, .06);
}

html body .el-header .head-box {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #4C8DFF, #0066FE) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  flex: 0 0 auto;
}

html body .el-header .head-name {
  font-size: 13.5px;
  color: #344054;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body .el-header .right-icon.el-icon-arrow-down {
  font-size: 12px;
  color: #98A2B3;
}

html body .el-header .un-login {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 16px;
  border-radius: 9px;
  background: var(--sq-primary);
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 102, 254, .22);
  transition: background .2s, box-shadow .2s, transform .2s;
}
html body .el-header .un-login:hover {
  background: #0052d6;
  box-shadow: 0 6px 16px rgba(0, 102, 254, .3);
}
html body .el-header .un-login * {
  color: #fff !important;
}
html body .el-header .un-login svg,
html body .el-header .un-login .el-icon {
  color: #fff !important;
  fill: currentColor;
}

html body .el-header .un-login img {
  width: 16px !important;
  height: 16px !important;
  filter: brightness(0) invert(1) !important;
  opacity: .95;
}

/* 徽标 */
html body .el-header .el-badge__content {
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  font-size: 11px;
  border: none;
  background: #F04438;
  border-radius: 8px;
}

/* 搜索 */
html body .el-header .left-img {
  width: 18px;
  margin-left: 10px;
  opacity: .7;
}

/* ================= 左侧导航 ================= */
html body .el-aside {
  width: var(--sq-aside-w) !important;
  background: #FFFFFF !important;
  border-right: 1px solid var(--sq-line);
  padding: 0 0 24px !important;
  overflow-y: auto;
  overflow-x: hidden;
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 1001;
}

html body .el-aside .menu-alink {
  display: block;
  text-decoration: none;
}

/* 品牌区 */
html body .el-aside .ali-logo {
  height: 26px !important;
  max-width: 172px;
  object-fit: contain;
  margin: 0 !important;
  display: block;
}

/* 品牌区（只给第一个链接，别误伤工作台入口） */
html body .el-aside > .menu-alink:first-child {
  display: flex;
  align-items: center;
  height: var(--sq-header-h);
  padding: 0 20px;
  border-bottom: 1px solid var(--sq-line);
  margin-bottom: 6px;
}

html body .el-aside > .menu-alink:not(:first-child) {
  display: block;
  height: auto;
  padding: 0;
  margin: 0;
  border: none;
}

/* 分组标题 */
html body .el-aside .menu-group-cap {
  font-size: 11.5px;
  line-height: 1;
  color: #98A2B3;
  letter-spacing: .6px;
  padding: 16px 22px 8px;
  font-weight: 500;
}

html body .el-aside .menu-top {
  border-right: none !important;
  padding: 0 12px;
  margin: 0 0 4px !important;
  background: transparent !important;
}

/* 工作台（首页）入口：不在菜单数据里，单独立一个 */
html body .el-aside .menu-home-item {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 2px 12px;
  padding-left: 12px;
  border-radius: 9px;
  font-size: 14px;
  color: #475467;
  cursor: pointer;
  transition: background .16s, color .16s;
}

html body .el-aside .menu-home-item i {
  color: #7C879B;
  font-size: 16px;
  margin-right: 10px;
  width: 16px;
  text-align: center;
}

html body .el-aside .menu-home-item:hover {
  background: #F5F8FD;
  color: var(--sq-primary);
}

html body .el-aside .menu-home-item:hover i {
  color: var(--sq-primary);
}

html body .el-aside .menu-home-item.is-active {
  background: var(--sq-primary-l);
  color: var(--sq-primary);
  font-weight: 500;
}

html body .el-aside .menu-home-item.is-active i {
  color: var(--sq-primary);
}

html body .el-aside .line {
  display: none !important;
}

html body .el-aside .menu-top .el-menu-item,
html body .el-aside .menu-top .el-submenu__title {
  height: 40px !important;
  line-height: 40px !important;
  font-size: 14px !important;
  color: #475467 !important;
  border-radius: 9px !important;
  margin: 2px 0 !important;
  padding-left: 12px !important;
  display: flex;
  align-items: center;
  transition: background .16s, color .16s;
}

html body .el-aside .menu-top .el-menu-item .iconfont,
html body .el-aside .menu-top .el-submenu__title .iconfont {
  color: #7C879B !important;
  font-size: 16px !important;
  margin-right: 10px !important;
  width: 16px;
  text-align: center;
}

html body .el-aside .menu-top .el-menu-item:hover,
html body .el-aside .menu-top .el-submenu__title:hover {
  background: #F5F8FD !important;
  color: var(--sq-primary) !important;
}

html body .el-aside .menu-top .el-menu-item:hover .iconfont,
html body .el-aside .menu-top .el-submenu__title:hover .iconfont {
  color: var(--sq-primary) !important;
}

html body .el-aside .menu-top .el-menu-item.is-active {
  background: var(--sq-primary-l) !important;
  color: var(--sq-primary) !important;
  font-weight: 500;
}

html body .el-aside .menu-top .el-menu-item.is-active .iconfont,
html body .el-aside .menu-top .el-menu-item.is-active span {
  color: var(--sq-primary) !important;
}

html body .el-aside .menu-top .el-submenu.is-opened > .el-submenu__title,
html body .el-aside .menu-top .el-submenu.is-active > .el-submenu__title {
  color: var(--sq-primary) !important;
}

html body .el-aside .menu-top .el-submenu.is-opened > .el-submenu__title .iconfont,
html body .el-aside .menu-top .el-submenu.is-active > .el-submenu__title .iconfont {
  color: var(--sq-primary) !important;
}

html body .el-aside .menu-top .el-menu--inline {
  background: transparent !important;
  padding-left: 0 !important;
}

html body .el-aside .menu-top .el-submenu .el-menu-item {
  min-width: auto !important;
  height: 36px !important;
  line-height: 36px !important;
  font-size: 13px !important;
  padding-left: 38px !important;
  border-radius: 8px !important;
}

html body .el-aside .menu-top .el-submenu .el-menu-item.is-active {
  background: var(--sq-primary-l) !important;
  color: var(--sq-primary) !important;
  font-weight: 500;
}

html body .el-aside .aside-menu-text {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ================= 页面标题 & 卡片 ================= */
html body main.el-main > div.main-card > div.main-card-title,
html body .main-card-title {
  font-size: 19px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  color: var(--sq-title) !important;
  padding: 0 0 16px !important;
  margin: 0 0 18px !important;
  border-bottom: 1px solid var(--sq-line);
}

html body .main-card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 卡片高度跟随内容，避免大片空白 */
html body .el-container:nth-child(2) > main.el-main:not(.home-main) > div.main-card,
html body .el-container:nth-child(2) > main.el-main:not(.home-main) > div.clid-box,
html body .el-container:nth-child(2) > main.el-main:not(.home-main) > div.config-box {
  background: #fff !important;
  border: 1px solid var(--sq-line) !important;
  border-radius: var(--sq-radius) !important;
  box-shadow: var(--sq-shadow) !important;
  padding: 22px 24px 24px !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* 搜索框内图标留白 */
html body .el-input__suffix-inner {
  padding-right: 2px;
}

/* 表格横向滚动条变细、不抢戏 */
html body .el-table__body-wrapper::-webkit-scrollbar,
html body .el-scrollbar__wrap::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

html body .el-table__body-wrapper::-webkit-scrollbar-thumb,
html body .el-scrollbar__wrap::-webkit-scrollbar-thumb {
  background: #D6DDE9;
  border-radius: 3px;
}

html body .el-table__body-wrapper::-webkit-scrollbar-track,
html body .el-scrollbar__wrap::-webkit-scrollbar-track {
  background: transparent;
}

/* 筛选区里的查询按钮也用主色 */
html body .content_searchbar .el-button--default {
  background: var(--sq-primary) !important;
  border-color: var(--sq-primary) !important;
  color: #fff !important;
}

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

/* 通用区块小标题 */
html body .basic-title,
html body .account-title,
html body .title-text,
html body .product-list-box .title-text,
html body .notice-box .title-text,
html body .WorkOrder-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--sq-title) !important;
  padding-left: 11px !important;
  position: relative;
  line-height: 22px !important;
  margin: 0 0 16px !important;
  border: none !important;
}

html body .basic-title::before,
html body .account-title::before,
html body .title-text::before,
html body .product-list-box .title-text::before,
html body .notice-box .title-text::before,
html body .WorkOrder-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 3px;
  height: 14px;
  background: var(--sq-primary);
  border-radius: 2px;
}

/* ================= 页签 ================= */
html body .el-tabs__header {
  margin: 0 0 20px !important;
}

html body .el-tabs__nav-wrap::after {
  height: 1px !important;
  background: var(--sq-line) !important;
}

html body .el-tabs__item {
  height: 42px !important;
  line-height: 42px !important;
  font-size: 14px !important;
  color: #667085 !important;
  padding: 0 18px !important;
  font-weight: 400;
}

html body .el-tabs__item:hover {
  color: var(--sq-primary) !important;
}

html body .el-tabs__item.is-active {
  color: var(--sq-primary) !important;
  font-weight: 500;
}

html body .el-tabs__active-bar {
  display: none !important;
}

html body .el-tabs__item.is-active {
  border-bottom: 2px solid var(--sq-primary);
  margin-bottom: -1px;
}

/* ================= 表单 ================= */
html body .el-input__inner,
html body .el-textarea__inner,
html body .el-select .el-input__inner {
  border-radius: var(--sq-radius-sm) !important;
  border-color: #E3E8F0 !important;
  font-size: 13.5px !important;
  color: #344054 !important;
  background: #FFFFFF;
  transition: border-color .16s, box-shadow .16s;
}

html body .el-input__inner:hover {
  border-color: #CBD5E1 !important;
}

html body .el-input__inner:focus,
html body .el-textarea__inner:focus,
html body .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--sq-primary) !important;
  box-shadow: 0 0 0 3px rgba(0, 102, 254, .10);
}

html body .el-input__inner::placeholder,
html body .el-textarea__inner::placeholder {
  color: #98A2B3;
}

html body .el-form-item__label {
  font-size: 13px !important;
  color: #475467 !important;
  font-weight: 500;
  padding-bottom: 6px !important;
}

html body .el-switch.is-checked .el-switch__core {
  background-color: var(--sq-primary) !important;
  border-color: var(--sq-primary) !important;
}

/* ================= 按钮 ================= */
html body .el-button {
  border-radius: var(--sq-radius-sm) !important;
  font-size: 13.5px !important;
  height: 36px;
  padding: 0 16px;
  font-weight: 500;
  transition: background .16s, border-color .16s, color .16s;
}

html body .el-button--mini,
html body .el-button--small {
  height: 30px;
  padding: 0 12px;
  font-size: 13px !important;
}

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

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

html body .el-button--default {
  border-color: #E3E8F0 !important;
  color: #475467 !important;
  background: #fff !important;
}

html body .el-button--default:hover {
  border-color: var(--sq-primary) !important;
  color: var(--sq-primary) !important;
  background: var(--sq-primary-l2) !important;
}

html body .el-button--text {
  color: var(--sq-primary) !important;
  padding: 0 6px;
  height: auto;
}

html body .el-button--danger,
html body .el-button--danger:focus {
  background: #F04438 !important;
  border-color: #F04438 !important;
}

/* ================= 表格 ================= */
html body .el-table {
  font-size: 13px !important;
  color: #475467;
}

html body .el-table::before,
html body .el-table::after {
  display: none !important;
}

html body .el-table th.el-table__cell {
  background: #F1F5FA !important;
  color: #5B6473 !important;
  font-weight: 500 !important;
  font-size: 12.5px !important;
  height: 44px;
  padding: 0;
  border-bottom: 1px solid #E6EBF2 !important;
}

html body .el-table td.el-table__cell {
  border-bottom: 1px solid var(--sq-line-2) !important;
  padding: 11px 0;
}

html body .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: #F8FAFF !important;
}

html body .el-table__empty-block {
  min-height: 180px;
}

html body .el-table__empty-text {
  font-size: 13px;
  color: #98A2B3;
}

html body .el-table__fixed::before,
html body .el-table__fixed-right::before {
  display: none !important;
}

/* 右上角补丁白块 */
html body .el-table__fixed-right-patch {
  background: #F1F5FA !important;
  border-bottom: 1px solid #E6EBF2 !important;
}

html body .el-table__fixed-right {
  box-shadow: -8px 0 12px -12px rgba(16, 24, 40, .18) !important;
}

/* 空表格不出现横向滚动条（不要白条） */
html body .el-table:has(.el-table__empty-block) .el-table__body-wrapper {
  overflow-x: hidden !important;
}

/* ================= 分页 ================= */
html body .el-pagination {
  padding: 18px 0 0 !important;
  font-weight: 400;
  color: #667085;
  display: flex;
  align-items: center;
  gap: 4px;
}

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

html body .el-pagination .btn-prev:hover,
html body .el-pagination .btn-next:hover,
html body .el-pagination .el-pager li:hover {
  background: #F3F6FC !important;
  color: var(--sq-primary);
}

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

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

/* ================= 标签 / 徽章 / 提示 ================= */
html body .el-tag {
  border-radius: 6px !important;
  font-size: 12px !important;
  height: 24px;
  line-height: 22px;
  padding: 0 9px;
  border: none;
}

html body .el-dialog,
html body .el-message-box {
  border-radius: 0 !important;
  border-color: var(--sq-line) !important;
  box-shadow: 0 24px 60px -20px rgba(16, 24, 40, .28) !important;
  overflow: hidden;
}

html body .el-dialog__header {
  padding: 20px 24px 0 !important;
}

html body .el-dialog__title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--sq-title);
}

html body .el-dialog__body {
  padding: 18px 24px !important;
  color: var(--sq-text);
}

html body .el-dialog__footer {
  padding: 0 24px 20px !important;
}

html body .el-message-box__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--sq-title);
}

/* ================= 账户信息页 ================= */
html body .content-box {
  margin-top: 0 !important;
}

/* 用户信息条 */
html body .box-top {
  height: auto !important;
  padding: 4px 0 20px !important;
  border-bottom: 1px solid var(--sq-line) !important;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

html body .box-top .right-name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

html body .box-top .name-text {
  font-size: 18px !important;
  line-height: 26px !important;
  font-weight: 600 !important;
  color: var(--sq-title) !important;
  font-family: inherit !important;
}

html body .box-top .attestation-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: #FFF6E9;
  color: #B54708;
  font-size: 12.5px;
  transition: background .16s;
}

html body .box-top .attestation-status:hover {
  background: #FFEFD6;
}

html body .box-top .attestation-status > img {
  width: 14px !important;
  height: 14px !important;
}

html body .box-top .attestation-text {
  font-size: 12.5px !important;
  color: #B54708 !important;
  margin-left: 0 !important;
}

/* 表单区 */
html body .box-main {
  margin-top: 6px !important;
}

html body .box-main .basic {
  padding-top: 4px;
}

html body .box-main .account {
  padding-top: 4px;
  margin-top: 10px;
}

html body .box-main .basic .el-row {
  margin: 0 -10px;
}

html body .box-main .basic .el-col {
  padding: 0 10px;
  margin-bottom: 4px;
}

html body .box-item {
  margin-bottom: 18px;
}

html body .box-item-t {
  font-size: 13px !important;
  line-height: 20px !important;
  height: auto !important;
  min-height: 20px;
  color: #667085 !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

html body .box-item-t > div[role="switch"] {
  flex: 0 0 auto;
}

html body .box-item-b > .el-input,
html body .box-item-b .el-select,
html body .box-item-b .el-textarea {
  width: 100% !important;
  border: 1px solid #E3E8F0 !important;
  border-radius: var(--sq-radius-sm);
  background: #FBFCFE;
  transition: border-color .16s, background .16s, box-shadow .16s;
}

html body .box-item-b > .el-input:hover,
html body .box-item-b .el-select:hover,
html body .box-item-b .el-textarea:hover {
  border-color: #CBD5E1 !important;
  background: #fff;
}

html body .box-item-b > .el-input:focus-within,
html body .box-item-b .el-select:focus-within,
html body .box-item-b .el-textarea:focus-within {
  border-color: var(--sq-primary) !important;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(0, 102, 254, .10);
}

html body .box-item-b .el-input__inner {
  border: none !important;
  height: 36px !important;
  padding: 0 12px !important;
  font-size: 13.5px !important;
  color: #344054 !important;
  background: transparent !important;
}

html body .box-item-b .el-input__inner[disabled],
html body .box-item-b .el-input__inner[readonly] {
  background: #F6F8FC !important;
  color: #667085 !important;
  cursor: default;
}

html body .box-item-b .el-textarea__inner {
  border: none !important;
  padding: 9px 12px !important;
  font-size: 13.5px !important;
  background: transparent !important;
  color: #344054;
}

html body .box-item-b .edit-icon {
  color: #8A93A6 !important;
  font-size: 16px;
  cursor: pointer;
  transition: color .16s;
}

html body .box-item-b .edit-icon:hover {
  color: var(--sq-primary);
}

html body .box-item-b .el-input__suffix-inner {
  display: flex;
  align-items: center;
  padding-right: 4px;
}

html body .btn-save {
  width: auto !important;
  min-width: 108px;
  height: 38px !important;
  line-height: 36px;
  padding: 0 22px;
  margin-top: 24px !important;
  background: var(--sq-primary) !important;
  border-radius: var(--sq-radius-sm) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .16s;
}

html body .btn-save:hover {
  background: var(--sq-primary-d) !important;
}

/* ================= 财务页 ================= */
html body .finance .finance-top .finance-title {
  font-size: 19px !important;
  font-weight: 600 !important;
  color: var(--sq-title) !important;
  line-height: 28px !important;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--sq-line);
  margin-bottom: 18px;
}

html body .finance .finance-top .finance-money-main {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 8px;
}

html body .finance .finance-money-main .finance-balance {
  flex: 1 1 320px;
  background: linear-gradient(120deg, #F2F7FF 0%, #FAFCFF 62%, #FFFFFF 100%) !important;
  border: 1px solid #E4EDFF !important;
  border-radius: var(--sq-radius) !important;
  padding: 18px 20px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

html body .finance .finance-balance .balance-left-title {
  font-size: 12.5px !important;
  color: #667085 !important;
  margin-bottom: 8px;
}

html body .finance .finance-balance .balance-left-num {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #0F172A !important;
  line-height: 34px;
  letter-spacing: -.4px;
}

html body .finance .finance-balance .balance-left-num .prefix {
  font-size: 17px !important;
  font-weight: 500;
  color: var(--sq-primary);
  margin-right: 2px;
}

html body .finance .finance-balance .balance-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

html body .finance .finance-balance .balance-right .el-button {
  height: 36px;
  padding: 0 18px;
}

html body .finance .finance-balance .balance-right .balance-tx-btn {
  background: #fff !important;
  border-color: #D6E2F5 !important;
  color: var(--sq-primary) !important;
}

html body .finance .finance-balance .balance-right .tx-list {
  font-size: 13px !important;
  color: #667085 !important;
  padding: 0 10px !important;
  height: 36px;
  line-height: 36px;
  border-radius: var(--sq-radius-sm);
  text-decoration: none;
}

html body .finance .finance-balance .balance-right .tx-list:hover {
  color: var(--sq-primary) !important;
  background: #F3F6FC;
}

/* 其他金额卡片 */
html body .finance .finance-other-money {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 14px;
}

html body .finance .finance-other-money .other-money-item {
  flex: 1 1 200px;
  background: #fff;
  border: 1px solid var(--sq-line);
  border-radius: var(--sq-radius);
  padding: 16px 18px !important;
}

html body .finance .finance-other-money .other-money-item-title {
  font-size: 12.5px !important;
  color: #667085 !important;
  margin-bottom: 8px;
}

html body .finance .finance-other-money .other-money-item-value {
  font-size: 20px !important;
  font-weight: 600;
  color: #0F172A !important;
}

/* 搜索/筛选条 */
/* 筛选工具条：做成一整块淡底色工具区 */
html body .content_searchbar {
  display: flex !important;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px !important;
  height: auto !important;
  background: #F8FAFD;
  border: 1px solid #EEF2F8;
  border-radius: var(--sq-radius-sm);
  margin: 0 0 14px !important;
}

html body .content_searchbar .el-button--danger {
  background: #FFF6F5 !important;
  border-color: #FFDDD8 !important;
  color: #D92D20 !important;
}

html body .content_searchbar .el-button--danger:hover {
  background: #FFECEA !important;
  border-color: #FFC9C2 !important;
}

html body .content_searchbar .left_tips {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12.5px;
  color: #667085;
  margin: 0 !important;
}

html body .content_searchbar .left_tips .tips_item {
  font-size: 12.5px !important;
  color: #667085 !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 10px;
}

html body .content_searchbar .left_tips .all-del {
  height: 32px;
  line-height: 30px;
  padding: 0 12px;
  border-radius: var(--sq-radius-sm);
  border: 1px solid #FFE0DC;
  background: #FFF6F5;
  color: #D92D20;
  font-size: 13px;
  cursor: pointer;
}

html body .content_searchbar .left_tips .all-del:hover {
  background: #FFECEA;
}

html body .content_searchbar .left_tips .all-pay {
  height: 32px;
  line-height: 30px;
  padding: 0 12px;
  border-radius: var(--sq-radius-sm);
  border: 1px solid #D6E2F5;
  background: #F5F9FF;
  color: var(--sq-primary);
  font-size: 13px;
  cursor: pointer;
}

html body .content_searchbar .searchbar,
html body .content_searchbar .com-search,
html body .searchbar.com-search {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
}

html body .content_searchbar .el-input,
html body .content_searchbar .el-select,
html body .content_searchbar .select-input {
  width: auto !important;
  min-width: 132px;
}

html body .content_searchbar .el-input__inner,
html body .content_searchbar .el-select .el-input__inner {
  height: 34px !important;
  line-height: 34px !important;
}

html body .finance .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

/* ================= 工单页 ================= */
/* 工单说明：空内容不占位 */
html body .order-des:empty {
  display: none !important;
}

html body .order-des {
  font-size: 13px;
  line-height: 22px;
  color: #667085;
  background: var(--sq-primary-l2);
  border: 1px solid #E7EEFB;
  border-radius: var(--sq-radius-sm);
  padding: 12px 14px;
  margin-bottom: 16px;
}

html body .content_searchbar .new-ticket-btn {
  height: 34px;
  line-height: 34px;
  padding: 0 16px !important;
  border-radius: var(--sq-radius-sm);
  background: var(--sq-primary) !important;
  color: #fff !important;
  font-size: 13.5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

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

html body .tabledata {
  margin-top: 4px;
}

html body .myPage.custom-pagination {
  display: flex;
  justify-content: flex-end;
  padding-top: 6px;
}

/* ================= 资源中心 ================= */
html body .search-input {
  width: 260px !important;
  margin-bottom: 16px;
}

html body .search-input .el-input__inner {
  height: 38px !important;
  line-height: 38px !important;
  background: #F8FAFD !important;
  border-color: transparent !important;
  padding-left: 36px !important;
}

html body .search-input .el-input__inner:focus {
  background: #fff !important;
  border-color: var(--sq-primary) !important;
}

/* 返回箭头：原来是 left:26px + margin-right:-16px + pointer-events:none 的"贴到标题上"写法，
   会让箭头压住商品名而且点不动，2026-10-28 改为正常排列的可点击图标 */
html body .back-img {
  width: 16px;
  height: 16px;
  opacity: 1;
  position: relative;
  left: 0;
  margin-right: 0;
  z-index: 2;
  flex: 0 0 auto;
  cursor: pointer;
}

html body .search-input .el-input__suffix {
  display: none;
}

/* ================= 子账户 ================= */
html body .clid-box > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 0 16px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--sq-line);
  flex-wrap: wrap;
}

html body .clid-box > header h2 {
  font-size: 19px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  color: var(--sq-title) !important;
  margin: 0;
}

html body .clid-box > header .el-button {
  height: 36px;
  padding: 0 16px;
}

html body .clid-box .el-table {
  margin-top: 8px;
}

/* ================= 响应式 ================= */
/* 中等屏幕：内边距收一点 */
@media (max-width: 1280px) {
  html body .el-container:nth-child(2) > main.el-main {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* 平板 / 小笔记本 */
@media (max-width: 1024px) {
  :root {
    --sq-aside-w: 196px;
  }

  html body .el-aside .menu-top {
    padding: 0 8px;
  }

  html body .el-header .top-nav .top-nav-item {
    padding: 0 11px;
    font-size: 13.5px;
  }
}

/* ================= 手机端 ================= */
@media (max-width: 900px) {
  :root {
    --sq-header-h: 56px;
  }

  /* 顶栏：汉堡 + logo + 通知 + 头像 */
  html body .el-header {
    left: 0 !important;
    width: 100% !important;
    height: var(--sq-header-h) !important;
    padding: 0 14px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--sq-line);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04) !important;
  }

  html body .el-header .menu-img {
    display: block !important;
    width: 20px !important;
    height: 20px;
    opacity: .8;
    margin-right: 2px;
    cursor: pointer;
  }

  html body .el-header .brand {
    display: inline-flex !important;
  }

  html body .el-header .brand-logo {
    height: 20px;
  }

  html body .el-header .head-title {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 600;
    color: var(--sq-title);
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body .el-header .top-nav {
    display: none !important;
  }

  /* 侧边栏隐掉，避免和汉堡菜单重复出现两套导航 */
  html body .el-aside {
    display: none !important;
  }

  html body .el-header .left-img,
  html body .el-header .header-left .el-autocomplete {
    display: none !important;
  }

  /* 右侧只留消息 + 头像 */
  html body .el-header .header-right .hg-24,
  html body .el-header .header-right .cloum-line-item,
  html body .el-header .header-right .head-name,
  html body .el-header .header-right .el-dropdown-header .right-icon {
    display: none !important;
  }

  html body .el-header .header-right .car-item:first-child {
    display: none !important;
  }

  html body .el-header .right-item {
    width: 32px;
    height: 32px;
  }

  html body .el-header .head-box {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    font-size: 12px !important;
  }

  html body .el-header .head-img {
    width: 28px !important;
    height: 28px !important;
  }

  html body .el-header .el-dropdown-header {
    padding: 0;
    height: 32px;
  }

  /* 内容区 */
  html body .el-container:nth-child(2) > main.el-main {
    padding: calc(var(--sq-header-h) + 12px) 12px calc(24px + env(safe-area-inset-bottom)) !important;
  }

  html body .el-container:nth-child(2) > main.el-main:not(.home-main) > div.main-card,
  html body .el-container:nth-child(2) > main.el-main:not(.home-main) > div.clid-box,
  html body .el-container:nth-child(2) > main.el-main:not(.home-main) > div.config-box {
    padding: 16px 14px 18px !important;
    border-radius: 0 !important;
  }

  html body main.el-main > div.main-card > div.main-card-title,
  html body .main-card-title {
    font-size: 17px !important;
    line-height: 24px !important;
    padding-bottom: 12px !important;
    margin-bottom: 14px !important;
  }

  /* 账户页表单整列堆叠 */
  html body .box-main .basic .el-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  html body .box-item {
    margin-bottom: 14px;
  }

  html body .box-item-b .el-input__inner {
    height: 42px !important;
    font-size: 14px !important;
  }

  html body .box-item-b .el-textarea__inner {
    font-size: 14px !important;
    padding: 10px 12px !important;
  }

  html body .box-item-t {
    font-size: 13.5px !important;
  }

  /* 移动端选中的页签下划线跟文字宽度一致 */
  html body .el-tabs__item.is-active {
    border-bottom-width: 2px;
  }

  html body .box-top .name-text {
    font-size: 18px !important;
    line-height: 26px !important;
  }

  html body .btn-save {
    width: 100% !important;
    height: 42px !important;
    line-height: 40px;
    margin-top: 18px !important;
  }

  /* 财务页 */
  html body .finance .finance-top .finance-title {
    font-size: 17px !important;
    padding-bottom: 12px;
    margin-bottom: 14px;
  }

  html body .finance .finance-money-main .finance-balance {
    padding: 16px !important;
    flex: 1 1 100%;
  }

  html body .finance .finance-balance .balance-right {
    width: 100%;
  }

  html body .finance .finance-balance .balance-right .el-button {
    flex: 1 1 auto;
  }

  html body .finance .finance-other-money .other-money-item {
    flex: 1 1 calc(50% - 7px);
  }

  html body .content_searchbar {
    align-items: stretch;
    gap: 10px;
  }

  html body .content_searchbar .left_tips {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 2px;
  }

  html body .content_searchbar .left_tips > * {
    flex: 0 0 auto;
  }

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

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

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

  /* 表格横向滚动，别挤成一坨 */
  html body .tabledata,
  html body .el-table,
  html body .main_table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  html body .el-table {
    font-size: 12.5px !important;
  }

  html body .el-table th.el-table__cell {
    height: 40px;
  }

  html body .el-table td.el-table__cell {
    padding: 9px 0;
  }

  /* 页签横向滚动 */
  html body .el-tabs__nav-wrap,
  html body .tabs-box {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  html body .el-tabs__nav-wrap::after {
    display: none !important;
  }

  html body .el-tabs__item {
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 14px !important;
    font-size: 13.5px !important;
  }

  /* 分页居中 */
  html body .el-pagination,
  html body .myPage.custom-pagination {
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 2px;
  }

  html body .el-pagination .el-pagination__sizes,
  html body .el-pagination .el-pagination__jump {
    display: none;
  }

  /* 弹窗铺满宽度 */
  html body .el-dialog {
    width: calc(100% - 28px) !important;
    margin-top: 12vh !important;
  }

  html body .el-dialog__body {
    padding: 14px 16px !important;
  }
}

/* 小屏手机 */
@media (max-width: 420px) {
  html body .el-header .brand-logo {
    height: 18px;
  }

  html body .finance .finance-other-money .other-money-item {
    flex: 1 1 100%;
  }

  html body .el-container:nth-child(2) > main.el-main {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* ================= 手机端抽屉菜单 ================= */
html body .el-drawer.drawer-menu {
  background: #FFFFFF !important;
  border-right: 1px solid var(--sq-line);
  width: 78% !important;
  max-width: 300px;
}

html body .drawer-menu .drawer-menu-top {
  display: flex;
  align-items: center;
  height: 58px;
  padding: 0 18px;
  border-bottom: 1px solid var(--sq-line);
}

html body .drawer-menu .drawer-menu-logo {
  height: 22px;
  width: auto;
}

html body .drawer-menu-list-top {
  margin-top: 0 !important;
  padding: 6px 12px 96px !important;
  overflow-y: auto;
  height: calc(100% - 58px);
  box-sizing: border-box;
}

html body .drawer-menu .line {
  display: none !important;
}

html body .drawer-menu .menu-group-cap {
  font-size: 11.5px !important;
  line-height: 1 !important;
  color: #98A2B3 !important;
  letter-spacing: .6px !important;
  padding: 10px 4px 6px !important;
  font-weight: 500 !important;
}

html body .drawer-menu .menu-top {
  border-right: none !important;
  padding: 0;
  margin: 0 0 4px !important;
  background: transparent !important;
}

html body .drawer-menu .menu-home-item {
  display: flex;
  align-items: center;
  height: 44px;
  margin: 2px 0;
  padding-left: 12px;
  border-radius: 9px;
  font-size: 14px;
  color: #475467;
}

html body .drawer-menu .menu-home-item i {
  color: #7C879B;
  font-size: 16px;
  margin-right: 10px;
  width: 16px;
  text-align: center;
}

html body .drawer-menu .menu-home-item.is-active {
  background: var(--sq-primary-l);
  color: var(--sq-primary);
  font-weight: 500;
}

html body .drawer-menu .menu-home-item.is-active i {
  color: var(--sq-primary);
}

html body .drawer-menu .menu-top .el-menu-item,
html body .drawer-menu .menu-top .el-submenu__title {
  height: 44px !important;
  line-height: 44px !important;
  font-size: 14px !important;
  color: #475467 !important;
  border-radius: 9px;
  margin: 2px 0;
  padding-left: 12px !important;
}

html body .drawer-menu .menu-top .el-menu-item .iconfont,
html body .drawer-menu .menu-top .el-submenu__title .iconfont {
  color: #98A2B3 !important;
  font-size: 16px !important;
  margin-right: 10px;
}

html body .drawer-menu .menu-top .el-menu-item.is-active {
  background: var(--sq-primary-l) !important;
  color: var(--sq-primary) !important;
  font-weight: 500;
}

html body .drawer-menu .menu-top .el-menu-item.is-active .iconfont {
  color: var(--sq-primary) !important;
}

html body .drawer-menu .menu-top .el-submenu .el-menu-item {
  height: 38px !important;
  line-height: 38px !important;
  font-size: 13px !important;
  padding-left: 36px !important;
}

html body .drawer-menu .line {
  border-top: 1px solid var(--sq-line) !important;
  margin: 12px 8px !important;
}

/* 抽屉里的分组标题 */
html body .drawer-menu .menu-group-cap {
  font-size: 11.5px;
  color: #98A2B3;
  letter-spacing: .6px;
  padding: 14px 12px 8px;
  font-weight: 500;
}

html body .drawer-menu .menu-alink {
  display: block;
  text-decoration: none;
}

/* 抽屉底部 */
html body .drawer-foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  background: #fff;
  border-top: 1px solid var(--sq-line);
  padding-bottom: env(safe-area-inset-bottom);
}

html body .drawer-foot a {
  flex: 1;
  text-align: center;
  padding: 15px 0;
  font-size: 13.5px;
  color: #475467;
  text-decoration: none;
}

html body .drawer-foot a:first-child {
  border-right: 1px solid var(--sq-line);
}

html body .drawer-foot a:last-child {
  color: #D92D20;
}

/* ================= 工作台（首页）卡片打磨 ================= */
html body .home-main .info-box,
html body .home-main .money-box,
html body .home-main .right-box,
html body .home-main .statistics-box,
html body .home-main .product-list-box,
html body .home-main .notice-box,
html body .home-main .recommend-box {
  background: #fff !important;
  border: 1px solid var(--sq-line) !important;
  border-radius: var(--sq-radius) !important;
  box-shadow: var(--sq-shadow) !important;
}

html body .home-main .order-box > div:not(.main-card-title) {
  border-radius: var(--sq-radius) !important;
}

html body .home-main a {
  color: var(--sq-primary);
}

/* ================= 工作台（首页）响应式兜底 ================= */
@media (max-width: 1100px) {
  html body .home-main .main-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .home-main .info-box,
  html body .home-main .money-box,
  html body .home-main .statistics-bottom,
  html body .home-main .right-box {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 767px) {
  html body .order-box {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* =========================================================
   财务 · 余额记录：筛选条不再挤压，装不下就左右滑
   ========================================================= */
html body .content_searchbar.balance-searchbar {
  justify-content: flex-start !important;
  gap: 12px;
}

html body .balance-searchbar .left_tips:empty,
html body .balance-searchbar .searchbar:empty {
  display: none !important;
}

html body .balance-searchbar .box {
  display: flex !important;
  align-items: center;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 2px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

html body .balance-searchbar .box > * {
  flex: 0 0 auto;
}

/* 日期范围（原来是 3.5rem ≈ 262px，两个日期挤在一起） */
html body .balance-searchbar .el-date-editor.el-range-editor {
  width: 340px !important;
  min-width: 340px;
  margin-right: 0 !important;
}

html body .balance-searchbar .el-date-editor .el-range-input {
  font-size: 13px !important;
}

html body .balance-searchbar .el-date-editor .el-range-separator {
  width: 24px !important;
  line-height: 32px;
}

html body .balance-searchbar .el-select {
  width: 176px !important;
}

html body .balance-searchbar .el-input.el-input--suffix {
  width: 264px !important;
  margin-left: 0 !important;
}

html body .balance-searchbar .box::-webkit-scrollbar {
  height: 5px;
}

html body .balance-searchbar .box::-webkit-scrollbar-thumb {
  background: #D6DDE9;
  border-radius: 3px;
}

/* =========================================================
   我已订购（产品列表 /productList.htm）
   ========================================================= */
html body .product-tab-list .el-tabs__header {
  margin: 0 0 12px !important;
}

html body .product-tab-list .el-tabs__nav {
  white-space: nowrap;
}

html body .product-tab-list .el-tabs__item {
  font-size: 14px !important;
  height: 42px !important;
  line-height: 42px !important;
}

html body .main-card-search {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 14px !important;
  background: #F8FAFD;
  border: 1px solid #EEF2F8;
  border-radius: var(--sq-radius-sm);
  margin-bottom: 14px !important;
  height: auto !important;
}

html body .main-card-search .right-search {
  display: flex !important;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
}

html body .main-card-search .right-search .el-select,
html body .main-card-search .right-search .el-input {
  width: 176px !important;
}

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

html body .main-card-search .search-btn {
  height: 34px !important;
  min-width: 76px;
  padding: 0 16px !important;
  border-radius: var(--sq-radius-sm);
  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-search .search-btn:hover {
  background: var(--sq-primary-d) !important;
}

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

/* 产品列表：表格横向滚动条 + 分页 */
html body .main-card-table .table {
  overflow-x: auto;
}

html body .main-card-table .table .el-table {
  margin-bottom: 0 !important;
}

html body .main-card-table .page {
  padding-top: 12px;
}

/* 分页器被脚本藏掉时，外层容器不要再留一条 11px 的空条 */
html body .myPage:has(.el-pagination[style*="display: none"]),
html body .page:has(.el-pagination[style*="display: none"]) {
  display: none !important;
}

/* =========================================================
   手机端
   ========================================================= */
@media (max-width: 900px) {
  /* 余额记录筛选：一行横滑 */
  html body .balance-searchbar {
    flex-wrap: nowrap !important;
    align-items: center;
  }

  html body .balance-searchbar .box {
    flex-wrap: nowrap !important;
    gap: 10px;
    padding-bottom: 6px;
  }

  html body .balance-searchbar .el-date-editor.el-range-editor {
    width: 258px !important;
    min-width: 258px;
  }

  html body .balance-searchbar .el-select {
    width: 150px !important;
  }

  html body .balance-searchbar .el-input.el-input--suffix {
    width: 230px !important;
  }

  /* 日期面板：手机端只留一个月，去掉左侧快捷栏，避免超出屏幕 */
  html body .el-picker-panel.el-date-range-picker {
    width: auto !important;
    max-width: calc(100vw - 16px) !important;
  }

  html body .el-date-range-picker .el-picker-panel__sidebar {
    display: none !important;
  }

  html body .el-date-range-picker.has-sidebar .el-date-range-picker__content.is-left {
    border-right: none !important;
  }

  html body .el-date-range-picker__content.is-right {
    display: none !important;
  }

  html body .el-date-range-picker .el-picker-panel__body {
    min-width: 0 !important;
    width: 100% !important;
  }

  html body .el-date-range-picker__content,
  html body .el-date-range-picker__content.is-left,
  html body .el-date-range-picker__content.is-right {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 8px !important;
  }

  html body .el-date-range-picker .el-date-table {
    width: 100% !important;
  }

  html body .el-date-range-picker .el-date-table td {
    width: auto !important;
    padding: 1px 0 !important;
  }

  html body .el-date-range-picker__header {
    width: auto !important;
    margin: 0 8px !important;
  }

  html body .el-date-range-picker__content .el-date-range-picker__header div {
    font-size: 13px;
  }

  /* 产品列表页：页签横滑、筛选换行 */
  html body .product-tab-list .el-tabs__nav-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html body .product-tab-list .el-tabs__nav-wrap::after {
    display: none !important;
  }

  html body .product-tab-list .el-tabs__nav {
    display: flex !important;
    flex-wrap: nowrap;
  }

  html body .product-tab-list .el-tabs__item {
    flex: 0 0 auto;
    padding: 0 14px !important;
    font-size: 13.5px !important;
    height: 40px !important;
    line-height: 40px !important;
  }

  html body .product-tab-list .el-tabs__nav-wrap .el-tabs__item:first-child {
    padding-left: 4px !important;
  }

  html body .main-card-search {
    padding: 10px 12px !important;
  }

  html body .main-card-search .batch-op-btn {
    width: auto;
    height: 38px !important;
    line-height: 36px !important;
  }

  html body .main-card-search .right-search {
    width: 100%;
    margin-left: 0;
    gap: 8px;
  }

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

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

/* 余额记录：手机端右侧加渐隐，提示还能左右滑 */
@media (max-width: 900px) {
  html body .content_searchbar.balance-searchbar {
    position: relative;
  }

  /* 去掉渐隐遮罩：会把右侧控件洗成半透明，看起来像坏了。
     可滑的提示改由「下一个控件露出一截」承担。 */
  html body .balance-searchbar .box {
    padding-right: 4px !important;
    scroll-padding-right: 4px;
  }
}

@media (max-width: 480px) {
  html body .main-card-search .batch-op-btn {
    width: 100%;
  }
}

/* —— 我已订购：窄屏下筛选控件竖排 + 空状态收敛 —— */
@media (max-width: 900px) {
  html body .main-card-search .right-search > .el-select,
  html body .main-card-search .right-search > .el-input {
    flex: 1 1 45%;
  }
}

@media (max-width: 480px) {
  html body .main-card-search .right-search > .el-select,
  html body .main-card-search .right-search > .el-input {
    flex: 1 1 100%;
    width: 100% !important;
  }
}

@media (max-width: 900px) {
  html body .main-card-table .el-table__empty-block {
    min-height: 120px;
  }
}

@media (max-width: 420px) {
  html body .balance-searchbar .el-date-editor.el-range-editor {
    width: 246px !important;
    min-width: 246px;
  }
}

/* 右上角国旗：按真实比例裁切，别压成红方块 */
html body .el-header .el-dropdown-country img {
  width: 20px !important;
  height: 14px !important;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(16, 24, 40, .08);
  vertical-align: middle;
}