/* ============================================================
   Specifications 折叠面板样式（Cybrey 产品详情页独立引用）
   从 Reyee/product-details/newDetail-new.css 提取
   包含：containerCard / content-title / spec-panel / detail 等
   ============================================================ */

/* ---------- 手机端 (max-width:990px) ---------- */
@media screen and (max-width:990px) {

    .containerCard-content--p--m {
        margin: 24px 24px 0 24px;
        padding-bottom: 30px;
    }

    .content-title--p--m {
        display: flex;
        justify-content: space-between;
        /* height: 76px; */
        background-color: #F7F9FA;
        font-size: 20px;
        font-weight: bold;
        padding:15px 20px;
        align-items: center;
    }
    .row-m-b--p--m{
        margin-bottom: 20px;
    }


    .arrow-btn.rotated {
        transition: transform 0.3s;
        transform: rotate(180deg);
    }

    .spec-panel.collapsed {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s;
    }

    .description--p--m {
        width: 100%;
    }

    .content-subtitle--p--m {
        font-size: 18px;
        color: #2A2B2E;
        font-weight: 700;
        background-color: #F7F9FA;
        padding: 12px 20px;
        border-top: 1px solid #e3e5e6;
    }

    .detail--p--m {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;
        border: 1px solid #eaeaea;
        border-left: none;
        border-right: none;
    }
    .detail--p--m::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #eaeaea;
        bottom: 0;
        left: 50%;
    }

    .detail--p--m:not(:first-child):not(:last-child) {
        border-bottom: none;
    }
    .t-left--p--m {
        color: #2A2B2E;
        font-size: 16px;
        text-align: left;
        padding: 16px 20px;
        width: 50%;
        box-sizing: border-box;

        white-space: normal;      /* 明确允许换行(正常就是normal，防止被其他样式覆盖) */
        min-width: 0;             /* 防止flex下内容挤不下还溢出 */
        word-break: normal;
        overflow-wrap: break-word;
    }

    .t-rigth--p--m {
        color: #6A6B6D;
        font-size: 14px;
        text-align: left;
        height: 100%;
        padding: 16px 20px;
        width: 50%;
        box-sizing: border-box;
        word-break: normal;
        overflow-wrap: break-word;
        white-space: normal;      /* 明确允许换行(正常就是normal，防止被其他样式覆盖) */
        min-width: 0;
    }
    .t-rigth--p--m li{
        line-height: 21px;
    }

    .smallSizi--p--m {
        color: #9B9FA8;
        font-size: 12px;

    }

    .smallSizi--p--m:only-child,
    .smallSizi--p--m:last-child {
        margin-bottom: 5px;
    }

}

/* ---------- PC端 (min-width:990px) ---------- */
@media screen and (min-width:990px) {

    .containerCard-content--mobile {
        ul,
        li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        display: none;
    }

    .containerCard-content--p--m {
        margin: 24px 24px 0 24px;
        padding-bottom: 30px;
    }

    .content-title--p--m {
        display: flex;
        justify-content: space-between;
        /* height: 76px; */
        background-color: #F7F9FA;
        font-size: 24px;
        font-weight: bold;
        padding:20px 20px;
        align-items: center;
    }
    .row-m-b--p--m{
        margin-bottom: 20px;
    }
    .arrow-btn.rotated {
        transition: transform 0.3s;
        transform: rotate(180deg);
    }
    .spec-panel.collapsed {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s;
    }

    .description--p--m {
        width: 100%;
    }

    .content-subtitle--p--m {
        font-size: 20px;
        color: #2A2B2E;
        font-weight: 700;
        /* height: 70px; */
        line-height: 70px;
        padding: 0 40px;
    }

    .detail--p--m {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;
        border: 1px solid #eaeaea;
        border-left: none;
        border-right: none;
    }
    .detail--p--m::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #eaeaea;
        bottom: 0;
        left: 33%;
    }
    .detail--p--m:not(:first-child):not(:last-child) {
        border-bottom: none;
    }
    .t-left--p--m {
        color: #2A2B2E;
        font-size: 16px;
        text-align: left;
        padding: 16px 40px;
        width: 33%;
        box-sizing: border-box;
        white-space: normal;      /* 明确允许换行(正常就是normal，防止被其他样式覆盖) */
        min-width: 0;
        word-break: normal;
        overflow-wrap: break-word;
    }

    .t-rigth--p--m {
        width: 67%;
        box-sizing: border-box;
        word-break: normal;
        overflow-wrap: break-word;
        white-space: normal;      /* 明确允许换行(正常就是normal，防止被其他样式覆盖) */
        min-width: 0;
        color: #6A6B6D;
        font-size: 14px;
        text-align: left;
        height: 100%;
        padding: 16px 20px;
        border-left: 1px solid #eaeaea;
    }
    .t-rigth--p--m li{
        line-height: 21px;
    }
    .smallSizi--p--m {
        color: #9B9FA8;
        font-size: 12px;

    }
    .smallSizi--p--m:only-child,
    .smallSizi--p--m:last-child {
        margin-bottom: 5px;
    }

}