/* ============================================================
   产品详情页特有样式 (detail.css)
   ============================================================ */

/* 视频播放按钮（圆形 + 白三角） */
.video-play {
    width: 90px; height: 90px;
    border-radius: 50%;
    background: #242424;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: transform .3s, background .3s;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.8);
}
.video-play:hover { transform: scale(1.08); background: #000; }
.video-play::after {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 24px;
    border-color: transparent transparent transparent #fff;
    margin-left: 6px;
}

/* 圆点列表（特性要点） */
.dot-list { display: flex; flex-direction: column; gap: 14px; }
.dot-list li {
    display: flex; align-items: center; gap: 14px;
    font-size: 24px; color: #fff;
    font-weight: 500;
}
.dot-list li::before {
    content: ""; width: 10px; height: 10px;
    border-radius: 50%; background: #fff; flex-shrink: 0;
}

/* 仅高海拔页 AI 智能管控列表：圆点绝对定位至第一行垂直中心 */
.dot-list--first li {
    position: relative;
    padding-left: 24px;        /* 给圆点留出空间 */
    display: block;            /* 取消 flex，让文字自然换行 */
}
.dot-list--first li::before {
    position: absolute;
    left: 0;
    top: 0.7em;                /* 对齐第一行文字中部（line-height:2 时约 0.7em） */
    margin: 0;
}

/* 特性图标列表（防护/自由 等） */
.feat-icons { display: flex; flex-wrap: wrap; gap: 40px; }
.feat-icons .item { text-align: center; width: 110px; }
.feat-icons .item img { width: 56px; height: 56px; margin: 0 auto 14px; }
.feat-icons .item p { font-size: var(--fs-body-sm-20); font-weight: 600; color: #fff; }
/* 60kWh 灵动便携：分散对齐、字号 22px */
.feat-icons--spread { justify-content: space-between; }
.feat-icons--spread .item { width: auto; /*flex: 1;*/ padding-left: 40px; padding-right: 40px; }
.feat-icons--spread .item p { font-size: 22px; }

/* 产品参数表格（黑底） */
.spec-wrap { background: #000; border-radius: 0; }
.spec-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.spec-table col.col-label { width: 14em; }
.spec-table col.col-val { width: auto; }
.spec-table th, .spec-table td {
    height: 60px;
    padding: 12px 20px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 250;
    line-height: normal;
    vertical-align: middle;
    box-sizing: border-box;
}
.spec-table thead th {
    color: #fff;
    font-family: var(--font-num);
}
.spec-table thead th:first-child {
    font-size: 20px;
}
.spec-table thead th:not(:first-child) {
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
}
/* 去掉表格最左/最右两侧的垂直边框 */
.spec-table th:first-child, .spec-table td:first-child { border-left: none; }
.spec-table th:last-child, .spec-table td:last-child { border-right: none; }
/* 去掉表格最上方的水平边框 + 第一行（表头）的垂直边框 + 第一行左对齐 */
.spec-table thead th { border-top: none; border-left: none; border-right: none; text-align: left; }
.spec-table .spec-label {
    text-align: left;
    color: #fff;
    font-weight: 400;
    padding-left: 20px;
}
/* 参数表分组标题行（总控盒参数 / 电池参数 / 系统参数） */
/* 详情页参数表通用修饰：自动布局 + 首列宽 12em + 首行去顶边框 + 分组行高 */
.spec-table--60kwh,
.spec-table--detail { table-layout: auto; }
.spec-table--60kwh .spec-label,
.spec-table--detail .spec-label { width: 12em; }
.spec-table--60kwh tbody:first-child tr:first-child td,
.spec-table--detail tbody:first-child tr:first-child td { border-top: none; }
.spec-table--60kwh td[colspan="2"],
.spec-table--detail td[colspan="2"] { height: 70px; padding-top: 40px; }

.spec-table .spec-group {
    height: 70px;
    padding-top: 40px;
    color: #fff;
    font-family: var(--font-num);
    text-align: left;
}
/* 详情页产品概览三特性图标（与 .feat-icons .item 一致，便于在 grid 中独立使用） */
.feat-icons-item { text-align: center; }
.feat-icons-item img { width: 56px; height: 56px; margin: 0 auto 14px; }
.feat-icons-item p { font-size: var(--fs-body-sm-20); font-weight: 600; color: #fff; }

@media (max-width: 768px) {
    .spec-table th, .spec-table td { padding: 12px 8px; font-size: var(--fs-micro-13); }
    .feat-icons .item { width: 80px; }
    .feat-icons .item img { width: 44px; height: 44px; }
    .feat-icons .item p { font-size: var(--fs-caption); }
    .feat-icons-item img { width: 44px; height: 44px; }
    .feat-icons-item p { font-size: var(--fs-caption); }
    .dot-list li { font-size: var(--fs-caption-16); }
}

/* 窄屏（<600px）：表格强制最小宽度，配合外层 overflow-x-auto 产生水平滚动 */
@media (max-width: 600px) {
    .spec-table { min-width: 600px; }
}

@media (max-width: 600px) {
    .mkhxys.jgjn-section-title {
        letter-spacing: 0 !important;
    }
}