*{
            box-sizing: border-box;
            margin:0;
            padding:0;
        }
        .wrap {
            display: flex;
            flex-direction: column;
            gap:30px;
            padding:20px;
            max-width:1500px;
            margin: 50px auto;
        }
        /* 左侧图片容器：边框 + 居中 */
        .left-box {
            width:100%;
            border: 1px solid #ddd; /* 外边框 */
            border-radius:12px;
            padding:20px;
            /* 图片居中核心 */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .left-box img {
            max-width: 100%;
            max-height: 100%;
            display:block;
        }
        .right-box {
            width:100%;
        }
        .table-wrap{
            overflow-x: auto;
        }
        table {
            min-width: 600px;
            width:100%;
            border-collapse: collapse;
            font-size:14px;
        }
        table thead tr th {
            background:#1a4fc1;
            color:#fff;
            padding:12px 6px;
            border:1px solid #fff;
        }
        table td {
            padding:10px 5px;
            border:1px solid #e6e6e6;
            text-align:center;
        }
        table tbody tr:nth-child(even){
            background:#f9f9f9;
        }

        /* PC端：左右布局 + 等高 */
        @media screen and (min-width:768px){
            .wrap {
                flex-direction: row;
                align-items: stretch; /* 🔥 等高核心：左右高度自动匹配 */
                gap:40px;
                padding:30px;
            }
            .left-box {
                width:42%;
            }
            .right-box {
                flex:1;
            }
        }