/* ===== inview.blade.php 内联块 #1 ===== */
.inview-section {
                width: 100%;
                min-height: 100vh;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
            }

            .inview-video-bg {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: 1;
            }

            .inview-image-bg {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: 1;
            }


            .inview-logo {
                position: absolute;
                top: 50px;
                left: 50px;
                z-index: 3;
                width: 260px;
                height: auto;
                filter: brightness(0) invert(1);
                opacity: 0.95;
            }


            @media (max-width: 768px) {
            }

            @media (max-width: 480px) {

                .inview-logo {
                    width: 160px;
                    top: 30px;
                    left: 30px;
                }
            }

            /* Section 1 专属样式 */
            .section-1-content {
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                z-index: 2;
                width: 100%;
                max-width: 1100px;
                padding: 0 0 0 160px;
                text-align: left;
            }

            .section-1-title {
                font-size: 95px;
                font-weight: 900;
                color: #ffffff;
                margin: 0 0 40px 0;
                padding: 0;
                text-align: left;
                letter-spacing: 3px;
                font-family: 'H-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
                white-space: nowrap;
            }

            .section-1-text {
                font-size: 20px;
                font-weight: 400;
                color: #ffffff;
                line-height: 1.8;
                margin: 0;
                text-align: left;
                letter-spacing: 1px;
                font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
                text-transform: uppercase;
            }

            @media (max-width: 768px) {
                .section-1-content {
                    padding: 0 0 0 40px;
                    max-width: 90%;
                }

                .section-1-title {
                    font-size: 55px;
                    white-space: normal;
                }

                .section-1-text {
                    font-size: 16px;
                }
            }

            @media (max-width: 480px) {
                .section-1-content {
                    padding: 0 0 0 20px;
                    max-width: 90%;
                }

                .section-1-title {
                    font-size: 36px;
                    white-space: normal;
                }

                .section-1-text {
                    font-size: 14px;
                }
            }

            /* Section 2 专属样式 */
            .section-2-content {
                position: relative;
                z-index: 2;
                width: 100%;
                max-width: 1600px;
                padding: 0;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }

            .section-2-title {
                font-size: 95px;
                font-weight: 900;
                color: #ffffff;
                letter-spacing: 8px;
                margin: -150px 0 80px 0;
                padding: 0 20px;
                text-align: center;
                line-height: 1.0;
                width: 100%;
                word-spacing: 15px;
                white-space: nowrap;
                font-family: 'H-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
                text-transform: uppercase;
            }

            .section-2-text {
                max-width: 720px;
                margin-left: 0;
            }

            .section-2-text p {
                font-size: 20px;
                font-weight: 400;
                color: #ffffff;
                line-height: 1.8;
                margin: 0 0 5px 0;
                text-align: left;
                letter-spacing: 1px;
                font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
                text-transform: uppercase;
            }

            @media (max-width: 768px) {
                .section-2-title {
                    font-size: 55px;
                    margin-bottom: 40px;
                    letter-spacing: 3px;
                    word-spacing: 8px;
                    padding: 0 15px;
                    white-space: normal;
                }

                .section-2-text p {
                    font-size: 14px;
                }
            }

            @media (max-width: 480px) {
                .section-2-title {
                    font-size: 32px;
                    margin-bottom: 30px;
                    letter-spacing: 2px;
                    word-spacing: 3px;
                    padding: 0 10px;
                    white-space: normal;
                }

                .section-2-content {
                    padding: 0 20px;
                }

                .section-2-text p {
                    font-size: 12px;
                }
            }

            /* Section 3 专属样式 */
            .section-3-content {
                position: absolute;
                right: 120px;
                top: 50%;
                transform: translateY(-50%);
                z-index: 2;
                width: 100%;
                max-width: 800px;
                padding: 0;
                text-align: left;
            }

            .section-3-title {
                font-size: 95px;
                font-weight: 900;
                color: #ffffff;
                margin: 0 0 40px 0;
                padding: 0;
                text-align: left;
                letter-spacing: 3px;
                font-family: 'H-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
                white-space: nowrap;
            }

            .section-3-text {
                font-size: 20px;
                font-weight: 400;
                color: #ffffff;
                line-height: 1.8;
                margin: 0;
                text-align: left;
                letter-spacing: 1px;
                font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
            }

            @media (max-width: 768px) {
                .section-3-content {
                    right: 40px;
                    max-width: 90%;
                }

                .section-3-title {
                    font-size: 55px;
                    white-space: normal;
                }

                .section-3-text {
                    font-size: 16px;
                }
            }

            @media (max-width: 480px) {
                .section-3-content {
                    right: 20px;
                    max-width: 90%;
                }

                .section-3-title {
                    font-size: 36px;
                    white-space: normal;
                }

                .section-3-text {
                    font-size: 14px;
                }
            }

            /* Section 4 专属样式 */
            .section-4-content {
                position: absolute;
                top: 100px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 2;
                width: 100%;
                max-width: 1400px;
                padding: 0 100px;
                text-align: center;
            }

            .section-4-text {
                font-size: 22px;
                font-weight: 400;
                color: #ffffff;
                line-height: 1.8;
                margin: 0;
                text-align: center;
                letter-spacing: 1px;
                font-family: 'H-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
                text-transform: uppercase;
            }

            @media (max-width: 768px) {
                .section-4-content {
                    top: 80px;
                    padding: 0 40px;
                }

                .section-4-text {
                    font-size: 16px;
                }
            }

            @media (max-width: 480px) {
                .section-4-content {
                    top: 60px;
                    padding: 0 20px;
                }

                .section-4-text {
                    font-size: 13px;
                }
            }

            /* Section 5 专属样式 */
            .section-5 {
                background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
                position: relative;
                overflow: hidden;
            }

            .section-5-bg-text {
                position: absolute;
                top: 42%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: clamp(100px, 15vw, 280px);
                font-weight: 900;
                color: rgba(255, 255, 255, 0.05);
                letter-spacing: 10px;
                font-family: 'H-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
                text-transform: uppercase;
                white-space: nowrap;
                z-index: 1;
                pointer-events: none;
                line-height: 1.1;
                text-align: center;
            }

            .section-5-product {
                position: absolute;
                top: 37%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 2;
                width: auto;
                height: auto;
                max-height: 85vh;
                filter: drop-shadow(0 20px 60px rgba(0, 0, 0, 0.5));
                animation: floatProduct 4s ease-in-out infinite;
            }

            @keyframes floatProduct {
                0%, 100% {
                    transform: translate(-50%, -50%) translateY(0px) scale(1);
                }
                50% {
                    transform: translate(-50%, -50%) translateY(-25px) scale(1.02);
                }
            }

            .section-5-content {
                position: absolute;
                left: 50%;
                bottom: 60px;
                transform: translateX(-50%);
                z-index: 3;
                width: 100%;
                max-width: 1800px;
                padding: 0 100px;
                text-align: center;
            }

            .section-5-title {
                font-size: 95px;
                font-weight: 900;
                color: #ffffff;
                margin: 0 0 25px 0;
                padding: 0;
                text-align: center;
                letter-spacing: 8px;
                font-family: 'H-Bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
                text-transform: uppercase;
            }

            .section-5-text {
                font-size: 20px;
                font-weight: 400;
                color: rgba(255, 255, 255, 0.85);
                line-height: 2;
                margin: 0 auto;
                text-align: center;
                letter-spacing: 2px;
                font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
                text-transform: uppercase;
                max-width: 1400px;
            }

            @media (max-width: 768px) {
                .section-5-bg-text {
                    font-size: clamp(60px, 12vw, 120px);
                    letter-spacing: 5px;
                }

                .section-5-product {
                    max-height: 60vh;
                }

                .section-5-content {
                    padding: 0 40px;
                    bottom: 40px;
                }

                .section-5-title {
                    font-size: 55px;
                    letter-spacing: 5px;
                    margin: 0 0 18px 0;
                }

                .section-5-text {
                    font-size: 17px;
                    letter-spacing: 1.5px;
                }
            }

            @media (max-width: 480px) {
                .section-5-bg-text {
                    font-size: clamp(40px, 10vw, 80px);
                    letter-spacing: 3px;
                }

                .section-5-product {
                    max-height: 50vh;
                }

                .section-5-content {
                    padding: 0 25px;
                    bottom: 30px;
                }

                .section-5-title {
                    font-size: 36px;
                    letter-spacing: 3px;
                    margin: 0 0 12px 0;
                }

                .section-5-text {
                    font-size: 13px;
                    line-height: 1.8;
                    letter-spacing: 1px;
                }
            }