/* ==========================================================================
   紫橙云 · 商品配置页（/cart/goods.htm）移动端适配
   2026-10-27
   仅作用于 ≤640px，桌面样式完全不受影响。
   目标：① 结算栏不再被 tab bar 遮挡、按钮可见 ② 表格改卡片式
        ③ 滑块铺满 ④ 表单标签上置 ⑤ 镜像卡片单列 ⑥ 配置/费用明细走底部弹层
   ========================================================================== */
@media (max-width: 640px) {

  :root {
    --fbar-h: 104px;   /* 底部结算条高度 */
  }

  /* ---------- 0. 先解除所有「裁剪」，否则内容被藏 ---------- */
  .el-tabs__content,
  .con,
  .config-box,
  .config-box .content,
  .main-card { overflow: visible !important; }

  .config-box { padding: 0 !important; }

  /* ---------- 1. 表单：标签上置，控件占满 ---------- */
  .config-box .el-form-item {
    margin-bottom: 12px !important;
    display: block !important;
  }
  .config-box .el-form-item__label {
    width: auto !important;
    float: none !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.5 !important;
    font-size: 13px !important;
    color: #6b7383 !important;
  }
  .config-box .el-form-item__content {
    margin-left: 0 !important;
    width: 100% !important;
    line-height: 1.5 !important;
  }
  .config-box .el-form-item__content > .el-input,
  .config-box .el-form-item__content > .el-select,
  .config-box .el-form-item__content > .el-input-number { width: 100% !important; }

  /* ---------- 2. 表格 → 卡片（每块磁盘一张卡，字段上下排） ---------- */
  .config-box .el-table {
    width: 100% !important;
    border: none !important;
    background: transparent !important;
  }
  .config-box .el-table__header-wrapper,
  .config-box .hidden-columns { display: none !important; }

  .config-box .el-table__body-wrapper {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
  }
  .config-box .el-table__body {
    display: block !important;
    width: auto !important;
    border: none !important;
    background: transparent !important;
  }
  .config-box .el-table__body colgroup,
  .config-box .el-table__body col { display: none !important; }
  .config-box .el-table__body tbody { display: block !important; }
  /* 关键：Element/主题把行高写死成 0.6rem(=30px)，必须放开，否则下一行会盖住上一行 */
  .config-box .el-table__body,
  .config-box .el-table__body tbody,
  .config-box .el-table__row { height: auto !important; min-height: 0 !important; max-height: none !important; }

  .config-box .el-table__row {
    display: block !important;
    border: 1px solid #e9e5f7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    padding: 2px 12px !important;
    margin-bottom: 10px !important;
    box-shadow: 0 1px 4px rgba(27, 18, 56, .04) !important;
  }
  .config-box .el-table__row:last-child { margin-bottom: 0 !important; }
  .config-box .el-table__row:hover > td { background: transparent !important; }

  .config-box .el-table__cell {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    padding: 8px 0 !important;
    background: transparent !important;
  }
  .config-box .el-table__cell:not(:last-child) {
    border-bottom: 1px dashed #f1eef9 !important;
  }
  .config-box .el-table__cell .cell {
    width: auto !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    text-align: right !important;
  }
  .config-box .el-table__cell .cell .el-select,
  .config-box .el-table__cell .cell .el-input,
  .config-box .el-table__cell .cell .el-input-number {
    width: auto !important;
    min-width: 96px !important;
  }
  /* 字段名（用伪元素补，表头已隐藏） */
  .config-box .el-table__cell::before {
    content: "";
    flex: 0 0 auto;
    color: #8a93a5;
    font-size: 12.5px;
    white-space: nowrap;
  }
  .config-box .el-table__cell.el-table_1_column_1::before { content: "用途"; }
  .config-box .el-table__cell.el-table_1_column_2::before { content: "云盘类型"; }
  .config-box .el-table__cell.el-table_1_column_3::before { content: "云盘容量"; }
  .config-box .el-table__cell.el-table_1_column_4::before { content: "性能"; }
  .config-box .el-table__cell.el-table_1_column_5::before { content: "操作"; }

  /* ---------- 3. 滑块铺满 ---------- */
  .config-box .el-slider {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
  }
  .config-box .el-slider .el-slider__runway { flex: 1 1 auto !important; margin: 0 !important; }
  /* 2026-10-27 修：数值被加减按钮挤没（padding 0 39px 但框只有 84px → 只剩 6px 显示 "10" 变 "1"） */
  .config-box .el-slider .el-slider__input,
  .config-box .el-slider .el-input-number {
    flex: 0 0 96px !important;
    width: 96px !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
  }
  .config-box .el-slider .el-slider__input .el-input__inner {
    padding-left: 24px !important;
    padding-right: 24px !important;
    font-size: 13px !important;
    text-align: center !important;
  }
  .config-box .el-slider .el-input-number__decrease,
  .config-box .el-slider .el-input-number__increase {
    width: 24px !important;
    font-size: 12px !important;
  }
  .config-box .marks {
    width: auto !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
  }
  .config-box .marks .el-slider__marks-text,
  .config-box .marks span { font-size: 11px !important; }

  /* ---------- 4. 镜像 / 系统 卡片：单列 ---------- */
  /* 2026-10-27 二版：单列 → 两列网格（4 个系统一屏全看到，省 ~240px）
     同时修掉卡内字号 8px/6px 过小的问题 */
  .config-box .image-ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
  }
  .config-box .image-item {
    width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    position: relative !important;
  }
  .config-box .image-item .icon {
    flex: 0 0 auto;
    width: 22px !important;
    height: 22px !important;
  }
  .config-box .image-item .r-info {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
  }
  /* 卡内文字：原来 8px / 6px，几乎看不清 */
  .config-box .image-item .name {
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .config-box .image-item .version {
    font-size: 11px !important;
    line-height: 1.3 !important;
    margin-top: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #9aa3b3 !important;
  }
  /* ⚠ 2026-10-27 修正：这个 .empty-image 不是加载占位，是「展开更多镜像」按钮
     （mf_cloud.js: isHide 默认 true → calcImageList 只返回前 4 个；
      v-show="filterIamge.length > 5" 时出现）。
     之前误把它 display:none 了，导致超出的镜像展不出来。
     现在做成一条占满整行的虚线按钮。 */
  .config-box .image-ul .empty-image {
    display: flex !important;
    grid-column: 1 / -1 !important;   /* 两列网格里占满一行 */
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px dashed #d8d0ee !important;
    border-radius: 10px !important;
    color: #7c3aed !important;
    cursor: pointer;
  }
  .config-box .image-ul .empty-image::after {
    content: "展开更多镜像";
    font-size: 12.5px;
    color: #7c3aed;
  }
  /* 展开后（Vue 给 .empty-image 加 isHide 类）文案变「收起」，箭头翻转 */
  .config-box .image-ul .empty-image.isHide::after { content: "收起"; }
  .config-box .image-ul .empty-image i {
    font-size: 12px !important;
    transition: transform .2s;
  }
  .config-box .image-ul .empty-image.isHide i { transform: rotate(180deg); }

  /* 选项按钮（CPU/内存/网络类型…）允许换行、等宽 */
  .config-box .el-radio-group,
  .config-box .option-list { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }

  /* ---------- 5. 底部结算条：抬到 tab bar 之上 + 两行布局 ---------- */
  body { padding-bottom: calc(var(--tb-h, 56px) + var(--fbar-h) + env(safe-area-inset-bottom)) !important; }

  .config-box .f-order {
    bottom: calc(var(--tb-h, 56px) + env(safe-area-inset-bottom)) !important;
    height: auto !important;
    background: #fff !important;
    box-shadow: 0 -2px 16px rgba(27, 18, 56, .10) !important;
    z-index: 400 !important;
  }
  /* PC 左侧栏 190px 的占位块，手机上必须去掉 */
  .config-box .f-order .l-empty { display: none !important; }
  .config-box .f-order .el-main {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  .config-box .f-order .main-card {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* 第一行：时长 + 数量 */
  .config-box .f-order .main-card > .left {
    order: 1;
    flex: 1 1 100%;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0;
  }
  .config-box .f-order .main-card > .left .time { flex: 0 0 auto !important; }
  .config-box .f-order .main-card > .left .time .el-select { width: 108px !important; }
  .config-box .f-order .main-card > .left .num { flex: 1 1 auto !important; justify-content: flex-end !important; }
  .config-box .f-order .main-card > .left .num .el-input-number { min-width: 116px !important; width: 116px !important; }
  .config-box .f-order .main-card > .left .num .el-input { width: 100% !important; }
  .config-box .f-order .main-card > .left .num .el-input__inner { width: 100% !important; padding: 0 34px !important; }
  .config-box .f-order .main-card > .left .time,
  .config-box .f-order .main-card > .left .num {
    flex: 1 1 0;
    min-width: 0;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }
  .config-box .f-order .main-card > .left .l-txt {
    font-size: 12.5px !important;
    color: #6b7383 !important;
    white-space: nowrap;
  }
  .config-box .f-order .main-card > .left .el-select,
  .config-box .f-order .main-card > .left .el-input-number {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }
  .config-box .f-order .main-card > .left .el-input-number .el-input__inner { text-align: center !important; }

  /* 第二行：配置详情 / 费用明细 / 价格 + 按钮 */
  .config-box .f-order .main-card > .mid {
    order: 2;
    flex: 1 1 100%;
    min-width: 0;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .config-box .f-order .main-card > .mid::-webkit-scrollbar { display: none; }
  .config-box .f-order .main-card > .mid > span,
  .config-box .f-order .main-card > .mid > .line-empty { flex: 0 0 auto !important; }
  .config-box .f-order .main-card > .mid > .line-empty { width: 1px !important; height: 12px !important; background: #e3e0ef !important; margin: 0 2px !important; }
  /* 价格：￥ 与数字同一行 */
  .config-box .f-order .main-card > .mid > span:last-child {
    display: flex !important;
    align-items: baseline !important;
    gap: 3px !important;
  }
  .config-box .f-order .main-card > .mid > span { display: flex !important; align-items: center !important; gap: 8px !important; min-width: 0; }
  /* 三个入口统一成纯文字链接，去掉主题加的下划线和橙色边框 */
  .config-box .f-order .main-card > .mid .link,
  .config-box .f-order .main-card > .mid .discount-text,
  .config-box .f-order .main-card > .mid a {
    font-size: 12.5px !important;
    color: #7c3aed !important;
    white-space: nowrap;
    text-decoration: none !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
  }
  /* 价格：主色橙、加大，￥与数字同一行 */
  .config-box .f-order .main-card > .mid > span { white-space: nowrap; }
  .config-box .f-order .main-card > .mid > span > span:not([class]) {
    font-size: 16px !important; font-weight: 700 !important; color: #f97316 !important;
  }
  .config-box .f-order .main-card > .mid .footer-price,
  .config-box .f-order .main-card > .mid .price-num { font-size: 16px !important; font-weight: 700 !important; color: #f97316 !important; }

  .config-box .f-order .main-card > .right {
    order: 3;
    flex: 1 1 100%;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: 0 !important;
    width: auto !important;
  }
  .config-box .f-order .right > span { flex: 0 0 auto !important; }
  .config-box .f-order .right .add-cart {
    width: 38px !important;
    height: 38px !important;
    border-radius: 19px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }
  .config-box .f-order .right .add-cart svg { width: 20px !important; height: 20px !important; }
  .config-box .f-order .right .buy {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 96px !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border-radius: 19px !important;
    font-size: 14px !important;
    text-align: center !important;
  }

  /* 价格块：.new（价格）与 .old（优惠码）原来上下两行，手机并成一行 */
  .config-box .f-order .bot-price {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
    line-height: 1 !important;
  }
  .config-box .f-order .bot-price .new {
    display: flex !important;
    align-items: baseline !important;
    gap: 2px !important;
    font-size: 12px !important;
    color: #ea580c !important;
  }
  .config-box .f-order .bot-price .new > span {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #f97316 !important;
  }
  .config-box .f-order .bot-price .old {
    display: flex !important;
    align-items: baseline !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }
  .config-box .f-order .bot-price .old .discount-text,
  .config-box .f-order .bot-price .old a,
  .config-box .f-order .bot-price .old span {
    font-size: 12px !important;
    color: #7c3aed !important;
    border: none !important;
    padding: 0 !important;
    white-space: nowrap;
  }

  /* ---------- 6. 「当前配置详情 / 配置费用明细」弹层 → 底部抽屉 ---------- */
  .config-box .f-order .el-popover {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: calc(var(--tb-h, 56px) + var(--fbar-h) + env(safe-area-inset-bottom) + 6px) !important;
    width: auto !important;
    max-width: none !important;
    max-height: 62vh !important;
    overflow-y: auto !important;
    transform: none !important;
    border-radius: 14px !important;
    box-shadow: 0 -6px 28px rgba(27, 18, 56, .22) !important;
  }
  .config-box .f-order .el-popover .content .tit { font-size: 15px !important; }
  .config-box .f-order .el-popover .content .c-item {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    font-size: 13px !important;
    padding: 5px 0 !important;
  }
  .config-box .f-order .el-popover .content .c-item .l-txt { color: #8a93a5 !important; }
  .config-box .f-order .el-popover .content .c-item .price { color: #26282c !important; }

  /* ---------- 7. 顶部：本页顶栏元素偏多，收紧一下 ---------- */
  .el-header .header-right { gap: 6px !important; }
  .el-header .header-right .el-dropdown-country img { width: 20px !important; height: 20px !important; }
  /* ==========================================================================
     2026-10-27 存储卡片：5 行 → 3 行（方案 C）
     行1：用途（当标题） + 性能（右侧小字）
     行2：云盘类型 | 云盘容量（并排各占一半）
     行3：操作（.cell 为空时自动隐藏）
     整块 465px → 约 250px
     ========================================================================== */
  .config-box .store-item .el-table__row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    padding: 8px 12px 10px !important;
    align-items: center !important;
  }
  .config-box .store-item .el-table__cell {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: none !important;          /* 去掉行间虚线，改用间距 */
    background: transparent !important;
  }
  .config-box .store-item .el-table__cell .cell {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    text-align: right !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 4px !important;
  }
  /* 列位分配 */
  .config-box .store-item .el-table_1_column_1 { grid-column: 1 !important; grid-row: 1 !important; }  /* 用途 */
  .config-box .store-item .el-table_1_column_4 { grid-column: 2 !important; grid-row: 1 !important; }  /* 性能 */
  .config-box .store-item .el-table_1_column_2 { grid-column: 1 !important; grid-row: 2 !important; }  /* 云盘类型 */
  .config-box .store-item .el-table_1_column_3 { grid-column: 2 !important; grid-row: 2 !important; }  /* 云盘容量 */
  .config-box .store-item .el-table_1_column_5 { grid-column: 1 / -1 !important; grid-row: 3 !important; } /* 操作 */

  /* 用途 = 卡片标题：去掉「用途」前缀，放大加粗 */
  .config-box .store-item .el-table_1_column_1 .cell {
    justify-content: flex-start !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #26282c !important;
  }
  .config-box .store-item .el-table_1_column_1::before { content: none !important; }

  /* 性能：小字灰色，跟标题同一行 */
  .config-box .store-item .el-table_1_column_4 {
    font-size: 11.5px !important;
    color: #9aa3b3 !important;
    justify-content: flex-end !important;
  }
  .config-box .store-item .el-table_1_column_4::before {
    content: "性能" !important;
    font-size: 11.5px !important;
    color: #b3bbc8 !important;
  }

  /* 类型 / 容量 的字段名改短，给控件腾地方 */
  .config-box .store-item .el-table_1_column_2::before {
    content: "类型" !important; font-size: 11.5px !important; color: #8a93a5 !important;
  }
  .config-box .store-item .el-table_1_column_3::before {
    content: "容量" !important; font-size: 11.5px !important; color: #8a93a5 !important;
  }
  /* 控件压缩一点，保证「类型 + 容量」能在半屏内放下 */
  .config-box .store-item .el-select,
  .config-box .store-item .el-input,
  .config-box .store-item .el-input-number {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  .config-box .store-item .el-input__inner {
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 12.5px !important;
    text-align: center !important;
  }
  .config-box .store-item .el-select .el-input__inner { text-align: left !important; }

  /* 操作列为空时整行不占位（数据盘有按钮时会自动显示） */
  .config-box .store-item .el-table__cell:has(.cell:empty) { display: none !important; }

  /* 「添加数据盘」：原来只有 7px 高，根本点不到 → 做成整行虚线按钮 */
  .config-box .store-item + .store,
  .config-box .store-item .store {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    color: #8a93a5 !important;
    min-height: 36px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
    border: 1px dashed #d8d0ee !important;
    border-radius: 10px !important;
    background: #fff !important;
  }
  .config-box .store .add-disk {
    color: #7c3aed !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer;
  }
  .config-box .store .add-disk .txt,
  .config-box .store .txt { font-size: 12.5px !important; line-height: 1.4 !important; }
  .config-box .store .add-disk i { font-size: 13px !important; }
  /* 存储卡第二行：字段名在上、控件铺满半栏（避免数字框被挤扁） */
  .config-box .store-item .el-table_1_column_2,
  .config-box .store-item .el-table_1_column_3 {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 3px !important;
  }
  .config-box .store-item .el-table_1_column_2::before,
  .config-box .store-item .el-table_1_column_3::before {
    align-self: flex-start;
    margin-bottom: 1px;
  }
  .config-box .store-item .el-table_1_column_2 .cell,
  .config-box .store-item .el-table_1_column_3 .cell {
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    overflow: hidden !important;
  }
  .config-box .store-item .el-select,
  .config-box .store-item .el-input-number {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }
  .config-box .store-item .el-table_1_column_3 .cell > span:last-child {
    flex: 0 0 auto;
    font-size: 11px !important;
    color: #9aa3b3 !important;
  }
  /* 数据盘的「云盘类型」是禁用态 input，做成纯文字更像标签 */
  .config-box .store-item .el-table_1_column_2 .el-input.is-disabled .el-input__inner {
    background: transparent !important;
    border-color: transparent !important;
    text-align: left !important;
    padding-left: 0 !important;
    color: #26282c !important;
    -webkit-text-fill-color: #26282c !important;
  }
  .config-box .store-item .el-table_1_column_2 .el-input.is-disabled .el-input__suffix { display: none !important; }

  /* ==========================================================================
     2026-10-27 顶部「商品标题 → 自定义配置 tab」间距收紧（方案 B）
     原来 53px = 标题 margin-bottom 11.5 + .main-card padding-top 16
               + tab 头部内部上方 26（头部写死 60px，文字只有 27px）
     同时修字号：标题 12px→16px、tab 文字 8.5px→13px
     ========================================================================== */
  .config-box h1.tit {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
  }
  /* 只作用于配置区的内容卡片，不影响底部结算条里的 .main-card */
  .config-box .main-card { padding-top: 8px !important; }
  /* 用子选择器，避免连带影响嵌套在 .top-tab 里的「公共镜像」tab */
  .config-box .top-tab > .el-tabs__header,
  .config-box .top-tab > .el-tabs__header .el-tabs__nav-wrap,
  .config-box .top-tab > .el-tabs__header .el-tabs__nav {
    height: auto !important;
  }
  .config-box .top-tab > .el-tabs__header .el-tabs__item {
    height: auto !important;
    /* 真正的罪魁：主题给 tab 项加了 margin-top:0.51rem(=25.5px) */
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* ==========================================================================
     2026-10-27 「镜像」标签 → 「公共镜像」tab 间距收紧
     同 top-tab：tab 文字项带 margin-top:0.51rem(=25.5px)，且字号只有 7px
     改前：标签底→tab文字顶 32px，tab文字底→卡片顶 27px
     ========================================================================== */
  .config-box .image-tabs > .el-tabs__header,
  .config-box .image-tabs > .el-tabs__header .el-tabs__nav-wrap,
  .config-box .image-tabs > .el-tabs__header .el-tabs__nav {
    height: auto !important;
    margin-bottom: 6px !important;
  }
  .config-box .image-tabs > .el-tabs__header .el-tabs__item {
    height: auto !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-top: 0 !important;
    padding-bottom: 2px !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
  }
}