/* =========================
   产品标题区域样式
========================= */
.product-header {
    background: #f5f7fa;
    padding: calc(3rem + 3vw) 5% calc(2.5rem + 1vw);
    min-height: 18.125rem;
    display: flex;
    align-items: flex-start;
    border-bottom: 0.0625rem solid #eee;
}

.product-header-inner {
    max-width: 100rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
}

.product-title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 2rem;
    width: 100%;
}

.product-title-left {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.back-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #666;
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.3s ease;
    margin-bottom: 3.5rem;
}

.back-link:hover {
    color: #005AAA;
}

.back-arrow {
    width: 1.25rem;
    height: 1.25rem;
}

.product-title-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.page-header-en {
    font-size: 0.875rem;
    color: #999;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
}

.product-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 0.3125rem 0;
}

.product-subtitle {
    font-size: 1rem;
    color: #666;
    margin: 0;
    text-align: left;
}

.product-inquiry-btn {
    padding: 0.875rem 2rem;
    background: #005AAA;
    color: #fff;
    border: none;
    border-radius: 0.25rem;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s ease;
    white-space: nowrap;
}

.product-inquiry-btn:hover {
    background: #004a8f;
}

/* =========================
   设备优势区域样式
========================= */
.product-features {
    padding: 5rem 5%;
    background: #fff;
}

.product-features-inner {
    max-width: 100rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
}

.features-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 2.5rem;
    position: relative;
    padding-left: 1.25rem;
}

.features-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.25rem;
    height: 1.25rem;
    background: #005AAA;
}

.features-list {
    display: flex;
    flex-direction: column;
    gap: 1.5625rem;
}

.feature-item {
    font-size: 0.9375rem;
    line-height: 1.8;
}

.feature-label {
    color: #333;
    font-weight: 500;
}

.feature-desc {
    color: #666;
}

.features-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-placeholder {
    width: 100%;
    height: 31.25rem;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3125rem;
}

.image-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.3125rem;
}

/* =========================
   性能参数区域样式
========================= */
.product-specs {
    padding: 5rem 5%;
    background: #f5f7fa;
}

.product-specs-inner {
    max-width: 100rem;
    margin: 0 auto;
}

.specs-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1.875rem;
    position: relative;
    padding-left: 1.25rem;
}

.specs-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.25rem;
    height: 1.25rem;
    background: #005AAA;
}

.specs-header {
    margin-bottom: 1.875rem;
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem solid #ddd;
}

.specs-model {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
}

.specs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.specs-column {
    padding: 0;
}

.spec-item {
    display: flex;
    padding: 1.25rem 2rem;
    font-size: 0.9375rem;
    border-bottom: 0.0625rem solid #ddd;
}

.specs-column:first-child .spec-item {
    border-right: 0.0625rem solid #ddd;
}

.spec-label {
    color: #666;
    flex-shrink: 0;
    width: 25%;
    min-width: 12.5rem;
}

.spec-value {
    color: #333;
    flex: 1;
    word-break: break-word;
}
/*=====
表格样式
=======*/
/* 产品参数表格样式 - 1px 灰色边框 */
.product-specs table {
    width: 100%;
    border-collapse: collapse;      /* 合并边框，让线条更细 */
    font-size: 15px;
}

/* 所有单元格统一边框和内边距 */
.product-specs table td,
.product-specs table th {
    border: 1px solid #dcdcdc;      /* 1px 浅灰色边框 */
    padding: 12px 18px;             /* 内边距，让文字不拥挤 */
    text-align: left;               /* 内容左对齐 */
    vertical-align: middle;         /* 内容垂直居中 */
    line-height: 1.6;
}

/* 第一行（表头）特殊样式：居中 + 加粗 + 稍大字号 */
.product-specs table tr:first-child td {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}

/* 左列（参数名称）加粗，便于阅读 */
.product-specs table td:first-child {
    width: 38%;                     /* 左侧列宽度占比，可自行调整 */
}

/* 右列（参数值）正常字重 */
.product-specs table td:last-child {
    font-weight: normal;
    width: 62%;
}

/* 让表格在手机上更好看 */
@media (max-width: 768px) {
    .product-specs table td,
    .product-specs table th {
        padding: 8px 10px;
        font-size: 13px;
    }
    .product-specs table tr:first-child td {
        font-size: 15px;
    }
}


/* =========================
   响应式样式
========================= */
@media (max-width: 75rem) {
    .product-title-row {
        flex-direction: column;
        gap: 1.5625rem;
    }
    
    .product-title-section {
        align-items: center;
        text-align: center;
    }
    
    .product-inquiry-btn {
        align-self: center;
    }
    
    .product-features-inner {
        grid-template-columns: 1fr;
        gap: 3.125rem;
    }
    
    .features-image {
        order: -1;
    }
    
    .specs-grid {
        grid-template-columns: 1fr;
    }
    
    .specs-column:first-child .spec-item {
        border-right: none;
    }
}

@media (max-width: 48rem) {
    .product-title {
        font-size: 1.875rem;
    }
    
    .features-title,
    .specs-title {
        font-size: 1.25rem;
    }
    
    .feature-item {
        font-size: 0.875rem;
    }
    
    .image-placeholder {
        height: 18.75rem;
    }
    
    .spec-item {
        padding: 1rem;
        flex-direction: column;
        gap: 0.3125rem;
    }
    
    .spec-label {
        width: 100%;
        min-width: auto;
    }
    
    .product-inquiry-btn {
        width: 100%;
        padding: 1rem;
    }
}