/* 1. 基础全局样式 */
    .kiosk-detail-container {
        font-family: 'Segoe UI', Roboto, Arial, sans-serif;
        color: #333;
        line-height: 1.6;
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
    }

    /* 2. 标题区 */
    .kiosk-main-title {
        font-size: 28pt;
        color: #1a1a1a;
        margin-bottom: 10px;
        border-bottom: 2px solid #eee;
        padding-bottom: 15px;
    }
    .kiosk-subtitle {
        font-size: 14pt;
        color: #666;
        margin-bottom: 30px;
    }

    /* 3. 通用板块样式 */
    .kiosk-section {
        margin-bottom: 50px;
        padding: 20px;
        background: #fcfcfc;
    }
    .kiosk-section h2 {
        font-size: 18pt;
        color: #0056b3;
        margin-bottom: 25px;
        border-left: 5px solid #0056b3;
        padding-left: 15px;
    }

    /* 4. 核心修复：支架特写板块布局 (针对 750x560 优化) */
    .design-highlight-box {
        display: flex;
        gap: 40px;
        align-items: center; /* 确保文字与图片垂直居中对齐 */
        background: #fff;
        padding: 30px;
        border: 1px solid #eee;
    }
    .highlight-img {
        flex: 1;
        max-width: 450px; /* 限制宽度，防止大屏下拉伸 */
        line-height: 0; /* 消除图片下方间隙 */
    }
    .highlight-img img {
        width: 100%;
        height: auto; 
        object-fit: contain; /* 锁定比例，绝不拉伸变形 */
        border-radius: 4px;
        display: block;
    }
    .highlight-text {
        flex: 1.2;
    }
    .highlight-text h3 {
        margin-top: 0;
        font-size: 16pt;
    }

    /* 5. 网格布局 (场景与模块) */
    .scenario-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 20px;
    }
    .scenario-item {
        padding: 20px;
        background: #fff;
        border: 1px solid #eee;
        text-align: center;
    }
    .img-box {
        width: 100%;
        height: 180px;
        background: #f4f4f4;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .img-box img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    /* 6. 技术参数表 */
    .spec-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
        background: #fff;
    }
    .spec-table th, .spec-table td {
        border: 1px solid #ddd;
        padding: 12px 15px;
    }
    .spec-table th {
        background-color: #f4f4f4;
        width: 30%;
        text-align: left;
    }

    /* 7. 移动端适配 */
    @media (max-width: 768px) {
        .design-highlight-box { flex-direction: column; padding: 15px; }
        .highlight-img { max-width: 100%; }
        .kiosk-main-title { font-size: 22pt; }
    }