.showcase-section {
            --brand-red: #cc0000;
            --font-main: 'Poppins', sans-serif;
            --border-radius-val: 8px;
            --bg-gradient: linear-gradient(135deg, #8a70d6 0%, #4e66d1 100%);
            overflow-x: hidden;
            background-color: #ffffff; 
            margin: 20px auto;
            width: 100%;
            max-width: 2560px; 
            padding: 20px 2%;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
        }

       .showcase-section, 
.showcase-section h1, 
.showcase-section h2, 
.showcase-section h3, 
.showcase-section div, 
.showcase-section p, 
.showcase-section a {
    box-sizing: border-box;
    font-family: var(--font-main); /* 去掉 !important */
}

        .showcase-header { margin-bottom: 25px; }
        .showcase-header h1 {
            font-size: 36px; font-weight: 500; color: #444446;
            margin: 0; display: flex; flex-direction: column; gap: 10px;
        }
        .showcase-header h1::after { content: ""; width: 50px; height: 3px; background: var(--brand-red); }

        .showcase-grid { display: flex; gap: 12px; align-items: stretch; width: 100%; }

        .panel-container {
            position: relative;
            overflow: hidden;
            border-radius: var(--border-radius-val);
            background: var(--bg-gradient); 
        }

        .left-panel { flex: 6; min-height: 500px; }
        .left-panel video, .left-panel img, .right-panel img {
            width: 100%; height: 100%; object-fit: cover; display: block;
        }

        .right-panels-wrapper { flex: 4; display: flex; flex-direction: column; gap: 12px; }
        .right-panel { flex: 1; }

     
        .content-stack {
            position: absolute;
            z-index: 10;
            color: #fff;
            right: 25px; bottom: 25px;
            display: flex;
            flex-direction: column;
            align-items: flex-end; 
            text-align: right; 
            gap: 10px;
            padding: 15px;
            /* 移除 background-color 和 backdrop-filter 使背景完全透明 */
        }

        .content-stack h2 { 
            font-size: clamp(24px, 4vw, 32px); 
            margin: 0; 
            font-weight: 600;
            /* 添加轻微文字阴影，防止在亮色背景下失效 */
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }
        .content-stack h3 { 
            font-size: clamp(18px, 3vw, 22px); 
            margin: 0; 
            font-weight: 500;
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }

        .content-desc {
            font-size: 14px;
            font-weight: 300;
            color: rgba(255, 255, 255, 0.95);
            line-height: 1.4;
            max-width: 350px;
            text-shadow: 0 1px 5px rgba(0,0,0,0.3);
        }

        .btn-learn-more {
            margin-top: 5px;
            display: inline-block;
            padding: 8px 24px;
            /* 增加一点背景深度，使其在无毛玻璃的情况下更显眼 */
            background-color: rgba(0,0,0,0.1); 
            color: #fff !important;
            border: 1px solid #fff;
            text-decoration: none !important;
            border-radius: 50px;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s ease;
        }

          .btn-learn-more:hover {
            background-color: var(--brand-red);
            border-color: var(--brand-red);
            transform: translateY(-2px);
        }

        @media (max-width: 1024px) {
            .showcase-grid { flex-direction: column; }
            .left-panel { height: 400px; min-height: 400px;}
            .right-panel { height: 280px; }
            .content-stack { right: 15px; bottom: 10px; left: 15px; }
        }
      @media (max-width: 768px) {
        .btn-learn-more{padding: 7px 14px;}
        .left-panel .content-stack h2 br {
        display: none;
    }

    
    .left-panel .content-stack h2 {
        white-space: nowrap; 
        font-size: 20px; 
    }
    
   
      }
      
      
        @media (min-width: 1921px) {
            .showcase-section {
                padding: 40px 80px;
            }
            .left-panel {
                min-height: 800px; 
            }
            .showcase-header h1 {
                font-size: 48px; 
            }
            .content-stack h2 {
                font-size: 56px;
            }
            .content-stack h3 {
                font-size: 32px;
            }
            .content-desc {
                font-size: 18px;
                max-width: 500px;
            }
            .btn-learn-more {
                padding: 12px 36px;
                font-size: 14px;
            }
        }