/* --- 全局重置 --- */
    body { 
        margin: 0; 
        font-family: 'Open Sans', sans-serif; 
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        background-color: #f8fafc; 
    }

    /* --- 容器 --- */
    .ha3t-module {
        width: 100%;
        background-color: #ffffff;
        padding: 100px 0;
        overflow: hidden;
        position: relative; /* 确保绝对定位的子元素相对于此定位 */
    }

    /* --- 🟢 修复后的背景水印样式 --- */
    .bg-product-watermark {
        position: absolute;
        /* 控制位置：距离顶部 50%，垂直居中 */
        top: 50%; 
        right: -100px; /* 控制水平位置：负值表示向右移出画面一部分 */
        transform: translateY(-50%);
        
        width: 600px; /* 控制水印宽度 */
        height: 600px; /* 控制水印高度 */
        
        /* 🟢 在这里替换您的背景图链接 */
        background-image: url('https://upbh596.myueeshop.com/u_file/2602/03/photo/DSC03495.png');
        
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; /* 保持图片比例完整显示 */
        
        opacity: 0.08; /* 透明度 */
        pointer-events: none; /* 鼠标穿透 */
        mix-blend-mode: multiply; /* 混合模式 */
        z-index: 0; /* 层级最低，在 module-inner 之下 */
    }

    .module-inner {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 40px;
        display: flex;
        align-items: center;
        gap: 80px;
        box-sizing: border-box;
        position: relative;
        z-index: 2; /* 提升内容层级，确保在水印之上 */
    }

    /* --- 左侧新视觉区域设计 --- */
    .visual-col { 
        flex: 1.2; 
        position: relative; 
        z-index: 2;
    }

    .ar-visual-container {
        position: relative;
        width: 100%;
        aspect-ratio: 16/10;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 25px 60px -15px rgba(15, 23, 42, 0.3);
        background: #0f172a; 
    }

    .base-machine-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: brightness(0.8) contrast(1.1);
        transition: transform 5s ease;
    }
    .ar-visual-container:hover .base-machine-img {
        transform: scale(1.05);
    }

    .ar-overlay-spot {
        position: absolute;
        top: 50%; 
        left: 48%; 
        transform: translate(-50%, -50%);
        width: 300px;
        height: 300px;
        pointer-events: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .heat-core {
        position: absolute;
        width: 60px;
        height: 60px;
        background: radial-gradient(circle, rgba(236,104,46,1) 0%, rgba(236,104,46,0.6) 40%, rgba(236,104,46,0) 70%);
        border-radius: 50%;
        animation: corePulse 2s infinite ease-in-out;
    }

    .sound-ripple {
        position: absolute;
        border: 2px solid #ec682e;
        border-radius: 50%;
        opacity: 0;
        animation: rippleSpread 3s infinite linear;
    }
    .ripple-1 { width: 50px; height: 50px; animation-delay: 0s; }
    .ripple-2 { width: 50px; height: 50px; animation-delay: 0.8s; }
    .ripple-3 { width: 50px; height: 50px; animation-delay: 1.6s; }

    .ar-data-label {
        position: absolute;
        bottom: -30px; 
        left: 50%;
        transform: translateX(-50%);
        background: rgba(15, 23, 42, 0.85);
        border: 1px solid #ec682e;
        color: #fff;
        padding: 8px 16px;
        border-radius: 4px;
        font-family: 'Open Sans', sans-serif;
        font-size: 0.85rem;
        display: flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
        box-shadow: 0 4px 15px rgba(236, 104, 46, 0.3);
    }
    .label-dot {
        width: 8px; height: 8px; background: #ec682e; border-radius: 50%;
        box-shadow: 0 0 5px #ec682e;
    }

    @keyframes corePulse {
        0%, 100% { transform: scale(1); opacity: 0.8; }
        50% { transform: scale(1.2); opacity: 1; }
    }
    @keyframes rippleSpread {
        0% { width: 50px; height: 50px; opacity: 0.8; border-width: 3px; }
        100% { width: 280px; height: 280px; opacity: 0; border-width: 1px; }
    }

    .device-inset {
        position: absolute;
        bottom: 20px;
        left: 20px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, 0.2);
        padding: 10px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .device-thumb { height: 40px; width: auto; }
    .device-text { color: #fff; font-size: 0.75rem; font-weight: 600; font-family: 'Poppins', sans-serif; }


    /* --- 右侧文字区域 --- */
    .text-col { 
        flex: 1; 
        position: relative; 
        z-index: 2;
    }
    
    /* --- 字体与颜色 --- */
    .eyebrow {
        color: #ec682e !important;
        font-family: 'Poppins', sans-serif; font-weight: 600;
        text-transform: uppercase; font-size: 0.875rem;
        letter-spacing: 1.5px; margin-bottom: 16px; display: inline-block;
        border-bottom: 2px solid rgba(236, 104, 46, 0.2) !important; padding-bottom: 4px;
    }
    .headline { 
        font-family: 'Poppins', sans-serif; font-weight: 500;
        font-size: 3rem; color: #0F172A; 
        line-height: 1.1; margin: 0 0 24px 0; letter-spacing: -1px; 
    }
    .body-text { 
        color: #334155; font-family: 'Open Sans', sans-serif; font-weight: 400;
        font-size: 1.125rem; line-height: 1.8; margin-bottom: 40px; max-width: 95%; position: relative; 
    }
    .spec-list { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 45px; position: relative; }
    .spec-item { display: flex; align-items: flex-start; }
    .spec-icon { 
        width: 40px; height: 40px; background: #F1F5F9; 
        color: #ec682e !important;
        border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 16px; flex-shrink: 0; 
    }
    .spec-content strong { display: block; color: #0F172A; font-size: 1rem; margin-bottom: 4px; font-family: 'Open Sans', sans-serif; font-weight: 700; }
    .spec-content span { font-size: 0.9rem; color: #64748B; line-height: 1.4; font-family: 'Open Sans', sans-serif; }

    .btn-primary {
        display: inline-flex; align-items: center; justify-content: center;
        background-color: #ec682e !important; color: #ffffff !important; 
        border: 2px solid #ec682e !important;
        padding: 16px 40px; border-radius: 100px; font-weight: 600; text-decoration: none;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
        box-shadow: 0 10px 20px -10px rgba(236, 104, 46, 0.4);
        font-family: 'Open Sans', sans-serif;
    }
    .btn-primary:hover {
        background-color: #ffffff !important; color: #ec682e !important; border-color: #ec682e !important; 
        transform: translateY(-2px); box-shadow: 0 15px 30px -10px rgba(236, 104, 46, 0.2);
    }

    @media (max-width: 1024px) {
        .module-inner { flex-direction: column; padding: 0 24px; gap: 40px; }
        .visual-col, .text-col { width: 100%; }
        .headline { font-size: 2.5rem; }
        .ar-visual-container { aspect-ratio: 16/9; } 
    }