
    /* 螢光筆畫重點效果 */
    .editor strong {
        background: linear-gradient(180deg, transparent 50%, #fdda5a 0);
    }

    .fade-in {
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 1s ease, transform 1s ease;
        will-change: opacity, transform;
    }

    .fade-in.showing {
        opacity: 1;
        transform: translateY(0);
    }

    .description-container {
        margin: 0;
        padding: 0;
        background: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* 外框 */
    .description-banner {
        position: relative;
        width: 780px;
        height: 440px;
        overflow: hidden;
        background: #fff url("https://www.toptech.tw/Upload/product/detail/description-background.webp") center/cover no-repeat;
        margin-bottom: 20px;

    }

    /* 文字區塊 */
    .description-banner .text-block {
        position: absolute;
        top: 80px;
        left: 70px;
        width: 340px;
        color: #000;
    }

    /* 主標題 */
    .description-banner .text-block h1 {
        font-size: 48px;
        font-weight: bold;
        color: #000;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
        line-height: 1.3;
        margin: 0 0 20px 0;
    }

    /* 第二行縮排 */
    .description-banner .text-block h1 span.second-line {
        display: block;
        margin-left: 3em;
    }

    /* 水平線 */
    .description-banner .text-block hr {
        border: none;
        height: 2px;
        background-color: #7c7c7c;
        margin: 15px 0;
    }

    /* 詳細特點描述 */
    .description-banner .text-block p {
        font-size: 16px;
        font-weight: bold;
        color: #686868;
        line-height: 1.7;
        margin: 0;
    }

    .description-banner .text-block p .highlight {
        color: #e64545;
        font-weight: bold;
    }

    /* 機台圖片 */
    .description-banner .machine-picture {
        position: absolute;
        top: 210px;
        left: 580px;
        transform: translate(-50%, -50%);
        height: 320px;
        width: auto;
        transition: all 0.3s ease;
    }

    .description-text {
        padding: 5px;
    }

    .description-text h4 {
        color: #004d99;
        border-left: 8px solid #9ac51e;
        padding-left: 10px;
        margin-top: 40px;
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: bold;
    }


    @media (max-width: 1200px) and (min-width: 992px) {

        .description-banner {
            width: 100%;
            max-width: 625px;
            margin: 0 auto;
        }

        .description-banner .machine-picture {
            height: 320px;
            /* 高度改為200px */
            top: 210px;
            /* 垂直中心維持210px */
            left: 78%;
            /* 水平位置為視窗寬度的78% */
            transform: translate(-50%, -50%);
        }

        .description-banner .text-block {
            width: 260px;
            /* 實際260px左右寬度 */
        }

        .description-banner .text-block h1 {
            font-size: 36px;
            /* 大標題縮小 */
        }
    }


    @media (max-width: 991px) and (min-width: 751px) {
        .description-banner .machine-picture {
            left: 73%;
            /* 水平位置為視窗寬度的73% */
        }
    }

    @media(max-width:768px) {
        .description-text h4 {
            font-size: 20px
        }
    }

    /* --- 寬螢幕 RWD：750px 以下 (桌機縮小版) --- */
    @media (max-width: 750px) and (min-width: 601px) {
        .description-banner {
            width: 100%;
            max-width: 750px;
            margin: 0 auto;
        }

        .description-banner .machine-picture {
            height: 300px;
            top: 210px;

            left: 80%;
            /* 水平位置為視窗寬度的80% */
            transform: translate(-50%, -50%);

        }

        .description-banner .text-block {
            left: 40px;
        }
    }

    /* --- 新增：螢幕 ≤ 650px --- */
    @media (max-width: 650px) and (min-width: 601px) {
        .description-banner .text-block {
            width: 284px;
        }

        .description-banner .text-block h1 {
            font-size: 40px;
            /* 大標題縮小 */
        }
    }

    /* --- 手機版 RWD：540px 以下 --- */
    @media (max-width: 600px) {
        .description-banner {
            width: 90%;
            height: auto;
            padding: 40px 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .description-banner .text-block {
            position: relative;
            top: 0;
            left: 0;
            width: 85%;
            text-align: center;
            margin-bottom: 30px;
        }

        .description-banner .text-block h1 {
            font-size: 36px;
            text-align: center;
        }

        .description-banner .text-block h1 span.second-line {
            margin-left: 0;
        }

        .description-banner .text-block p {
            font-size: 15px;
            line-height: 1.8;
        }

        .description-banner .machine-picture {
            position: relative;
            top: 0;
            left: 0;
            transform: none;
            height: auto;
            width: 75%;
            max-width: 400px;
        }
    }

