:root {
        --qt-blue: #162A9F;
        --qt-gray-hover: rgba(0, 0, 0, 0.85);
        --qt-border-color: #eeeeee;
        --qt-circle: 75px; 
        --qt-gap-ball: 22px; 
        /* 精确缩小的间距 */
        --qt-row-gap: 32px;      /* 卷垫纹理组垂直间距 */
        --qt-module-gap: 100px;  /* 板块之间的垂直间距 */
    }

    .qt-premium-body {
        background: #fff;
        padding: 80px 0;
        font-family: 'Inter', sans-serif;
        color: #000;
        width: 100% !important;
        box-sizing: border-box;
    }

    .qt-wide-container {
        max-width: 1880px;
        margin: 0 auto;
        padding: 0 40px;
    }

    /* ==========================================
       PC 端布局：两端拉开，拒绝切割
    ========================================== */
    .qt-grid-layout {
        display: grid;
        grid-template-columns: 1.5fr 1fr; /* 图片侧约 60%，文案约 40% */
        gap: 100px;
        align-items: center; /* 文案在侧边垂直居中 */
        margin-bottom: var(--qt-module-gap);
    }

    /* 柔道垫 PC 反转 */
    .qt-grid-reverse {
        grid-template-columns: 1fr 1.5fr; 
    }

    .qt-gallery-side {
        display: flex;
        flex-direction: column;
        gap: var(--qt-row-gap);
        width: 100%;
    }

    .qt-content-side {
        width: 100%;
        text-align: left;
    }

    .qt-blue-tag {
        color: var(--qt-blue);
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 5px;
        text-transform: uppercase;
        display: block;
        margin-bottom: 20px;
    }

    .qt-content-side h2 {
        font-size: 40px; 
        line-height: 1.2;
        margin: 0 0 40px 0;
        font-weight: 700;
        letter-spacing: -1px;
    }

    /* 规格表：横向铺开不切割 */
    .qt-spec-table { border-top: 2px solid #000; width: 100%; }
    .qt-spec-line {
        display: flex;
        padding: 28px 0;
        border-bottom: 1px solid var(--qt-border-color);
        font-size: 18px;
    }
    .qt-spec-line b { width: 180px; font-weight: 600; color: #000; flex-shrink: 0; }
    .qt-spec-line span { flex: 1; color: #555; line-height: 1.4; }

    .qt-texture-title {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: 3px;
        border-left: 5px solid var(--qt-blue);
        padding-left: 15px;
    }

    /* 颜色区域：PC 强制一行 */
    .qt-circles-container {
        display: flex;
        flex-wrap: nowrap; 
        gap: var(--qt-gap-ball);
        justify-content: flex-start;
    }

    /* 柔道垫 PC 展示样式 */
    .qt-judo-gallery { text-align: center; }
    .qt-judo-gallery .qt-texture-title { border-left: none; padding-left: 0; text-align: center; }
    .qt-judo-gallery .qt-circles-container { justify-content: center; flex-wrap: wrap; }

    /* 色卡球交互 */
    .qt-color-ball {
        width: var(--qt-circle);
        height: var(--qt-circle);
        border-radius: 50%;
        background: #fff;
        position: relative;
        overflow: hidden;
        border: 1px solid #ddd;
        cursor: pointer;
        transition: all 0.4s ease;
        flex-shrink: 0;
    }
    .qt-color-ball:hover { 
        transform: scale(1.15); 
        box-shadow: 0 15px 35px rgba(0,0,0,0.15);
        border-color: var(--qt-blue);
    }
    .qt-color-ball img { width: 100%; height: 100%; object-fit: cover; }

    .qt-hover-info {
        position: absolute;
        bottom: 0; left: 0; width: 100%; height: 40%;
        background: var(--qt-gray-hover);
        color: #fff;
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: 0.3s;
        pointer-events: none;
    }
    .qt-color-ball:hover .qt-hover-info { opacity: 1; }

    /* ==========================================
       移动端布局：重排顺序 (文案 -> 颜色)
    ========================================== */
    @media (max-width: 1200px) {
        /* 卷垫板块：强制反转顺序，让文案在前 */
        .qt-grid-layout { 
            display: flex !important; 
            flex-direction: column-reverse !important; 
            gap: 60px; 
        }
        
        /* 柔道垫板块：恢复正常列顺序，让文案在前 */
        .qt-grid-reverse { 
            flex-direction: column !important; 
        }

        .qt-circles-container { flex-wrap: wrap; justify-content: center; }
        .qt-content-side { text-align: center; }
        .qt-spec-line { text-align: left; }
        .qt-texture-title { border-left: none; padding-left: 0; text-align: center; }
    }

    /* 放大模态框 */
    .qt-full-modal {
        display: none; position: fixed; z-index: 999999;
        left: 0; top: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.92); cursor: zoom-out;
        backdrop-filter: blur(8px);
    }
    .qt-modal-img {
        margin: auto; display: block; max-width: 85%; max-height: 85%;
        position: relative; top: 50%; transform: translateY(-50%);
        box-shadow: 0 0 60px rgba(0,0,0,0.5);
        border: 4px solid #fff;
    }