/* =========================
   SENSENG Unified Layout
========================= */

.sx-main-wrapper{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    font-family:Arial,system-ui,sans-serif;
    color:#333;
    line-height:1.6;
}

/* 所有模块统一 */
.sx-block{
    background:#f9f9f9;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:20px;
    margin-bottom:20px;
    box-sizing:border-box;
    width:100%;
}

/* 双栏区域 */
.sx-grid{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.sx-grid-col{
    flex:1 1 0;
    min-width:320px;
}

/* 标题统一 */
.sx-title{
    margin:0 0 10px;
    font-size:18px;
    font-weight:700;
    line-height:1.4;
    color:#111827;
}

.sx-title-line{
    width:44px;
    height:2px;
    background:#6d6d6d;
    border-radius:2px;
    margin-bottom:15px;
}

/* 表格滚动 */
.tech-scroll-shell,
.size-scroll-shell{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;

    border:1px solid #e5e7eb;
    border-radius:8px;

    scrollbar-width:thin;
}

.tech-scroll-shell::-webkit-scrollbar,
.size-scroll-shell::-webkit-scrollbar{
    height:8px;
}

.tech-scroll-shell::-webkit-scrollbar-thumb,
.size-scroll-shell::-webkit-scrollbar-thumb{
    background:#999;
    border-radius:20px;
}

.tech-scroll-shell table{
    min-width:900px !important;
}

.size-scroll-shell table{
    min-width:700px !important;
}

/* 手机端 */
@media(max-width:768px){

    .sx-grid{
        display:block;
    }

    .sx-grid-col{
        width:100%;
        min-width:100%;
        margin-bottom:20px;
    }

    .sx-block{
        padding:18px;
    }

}