/* ============================================================
 * 涨停看板 · 去边框
 *
 * 问题：.table-wrap 有 1px 实线边框 + 10px 圆角 + 独立底色，
 *       看起来像一个"卡片"嵌在页面里，与页面其他区域割裂。
 *
 * 改法：去掉外框、圆角、独立底色，让表格直接铺在页面上。
 *       只保留表头与行之间的细分隔线（那是表格本身需要的阅读引导），
 *       否则整片表格会糊在一起。
 *
 * 作用域：用 .table-wrap 前缀。这个 class 在多个页面都有（涨停池/推票榜等），
 *       属于"全站表格容器"，统一去框反而更一致 —— 这是有意为之，
 *       不是误伤。若只想改涨停看板，可换成 .zt-page .table-wrap。
 * ============================================================ */

/* ---------- 1. 容器去框 ---------- */
.table-wrap {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 顶部/底部不要留白边，让表格贴住内容区 */
.table-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ---------- 2. 表头保留底色（无框后需要一点区分，否则和正文糊在一起） ---------- */
.table-wrap .el-table__header-wrapper th.el-table__cell,
.table-wrap .el-table__header th.el-table__cell {
  background: var(--panel-2, rgba(255, 255, 255, .02)) !important;
}

/* ---------- 3. 行分隔线保留但更轻 ---------- */
.table-wrap .el-table__body td.el-table__cell {
  border-bottom: 1px solid var(--line, rgba(255, 255, 255, .05)) !important;
}

/* 最后一行不要底线，避免产生"底部封边"的观感 */
.table-wrap .el-table__body tr:last-child td.el-table__cell {
  border-bottom: 0 !important;
}

/* ---------- 4. element-plus 自带的外框线（1px 变体）---------- */
.table-wrap .el-table--border,
.table-wrap .el-table--group {
  border: 0 !important;
}

.table-wrap .el-table::before,
.table-wrap .el-table::after,
.table-wrap .el-table__inner-wrapper::before,
.table-wrap .el-table__inner-wrapper::after {
  display: none !important;
}

/* 单元格竖线（如果开了 border 属性）也去掉 */
.table-wrap .el-table--border th.el-table__cell,
.table-wrap .el-table--border td.el-table__cell {
  border-right: 0 !important;
}

/* ---------- 5. 滚动条区域不要再画出圆角矩形的痕迹 ---------- */
.table-wrap .el-scrollbar__bar {
  border-radius: 4px;
}

.table-wrap .el-table__body-wrapper,
.table-wrap .el-table__header-wrapper {
  border-radius: 0 !important;
}