﻿ #mobileMenu {
            display: none;
            position: fixed;
            top: 80px;
            left: 0;
            right: 0;
            background: #1B3A5C;
            padding: 20px 24px 30px;
            z-index: 999;
            border-top: 1px solid rgba(245, 241, 235, 0.1);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
            max-height: calc(100dvh - 80px);
            overflow-y: auto;
            transition: transform 0.3s ease, opacity 0.3s ease;
            transform: translateY(-10px);
            opacity: 0;
        }
        #mobileMenu.open {
            display: block !important;
            transform: translateY(0);
            opacity: 1;
        }
        #mobileMenu a {
            display: block;
            color: #fff;
            font-family: 'Inter', sans-serif;
            font-size: 16px;
            padding: 14px 0;
            border-bottom: 1px solid rgba(245, 241, 235, 0.08);
            transition: color 0.2s ease;
            text-decoration: none;
        }
        #mobileMenu a:last-of-type {
            border-bottom: none;
        }
        #mobileMenu a:hover,
        #mobileMenu a:active {
            color: #C4956B;
        }
        #mobileMenu .lang-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            border: 1px solid #C4956B;
            color: #C4956B;
            font-family: 'Inter', sans-serif;
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            padding: 6px 14px;
            background: transparent;
            border-radius: 0;
            margin-top: 16px;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        #mobileMenu .lang-btn:hover {
            background: #C4956B;
            color: #fff;
        }
        #mobileMenu .lang-btn span.text-white\/60 {
            color: rgba(255, 255, 255, 0.6);
        }

        body.menu-open {
            overflow: hidden;
        }

        #menuOverlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.4);
            z-index: 998;
            top: 80px;
        }
        #menuOverlay.active {
            display: block;
        }

        /* ★★★★★ 修复：about-headline 动画（移除内联样式干扰） ★★★★★ */
        .about-headline {
            opacity: 1!important;
              
        }

        /* 可见状态：完全显示 */
        .about-headline.visible {
            opacity: 1 !important;
            transform: translateY(0) !important;
            clip-path: inset(0 0% 0 0) !important;
        }

        .about-headline .block {
            display: block;
        }

        /* ========== 其他备用动画样式 ========== */
        .stat-item,
        .about-image,
        .about-tag,
        .about-body,
        .about-cta,
        .product-header,
        .product-card,
        .solution-content,
        .solution-image,
        .global-header,
        .global-map,
        .global-location,
        .cta-content,
        .hero-headline,
        .hero-headline-2,
        .hero-zh-sub,
        .hero-en-sub,
        .hero-cta,
        .hero-scroll {
            opacity: 0;
            transition: opacity 0.6s ease, transform 0.6s ease, clip-path 0.6s ease;
            will-change: opacity, transform, clip-path;
        }

        .stat-item.visible,
        .about-image.visible,
        .about-tag.visible,
        .about-body.visible,
        .about-cta.visible,
        .product-header.visible,
        .product-card.visible,
        .solution-content.visible,
        .solution-image.visible,
        .global-header.visible,
        .global-map.visible,
        .global-location.visible,
        .cta-content.visible {
            opacity: 1 !important;
            transform: translate(0, 0) !important;
            clip-path: inset(0 0% 0 0) !important;
        }

        .hero-headline.visible,
        .hero-headline-2.visible {
            clip-path: inset(0 0% 0 0) !important;
        }

        .stat-item {
            transform: translateX(-60px);
        }
        .stat-item:nth-child(1) {
            transition-delay: 0s;
        }
        .stat-item:nth-child(2) {
            transition-delay: 0.12s;
        }
        .stat-item:nth-child(3) {
            transition-delay: 0.24s;
        }
        .stat-item:nth-child(4) {
            transition-delay: 0.36s;
        }

        .solution-content>span,
        .solution-content>h2,
        .solution-content>.space-y-6>div,
        .solution-content>a {
            opacity: 0;
            transform: translateY(32px);
            transition: opacity 0.55s ease-out, transform 0.55s ease-out;
        }
        .solution-content.visible>span {
            opacity: 1 !important;
            transform: translateY(0) !important;
            transition-delay: 0s;
        }
        .solution-content.visible>h2 {
            opacity: 1 !important;
            transform: translateY(0) !important;
            transition-delay: 0.12s;
        }
        .solution-content.visible>.space-y-6>div:nth-child(1) {
            opacity: 1 !important;
            transform: translateY(0) !important;
            transition-delay: 0.24s;
        }
        .solution-content.visible>.space-y-6>div:nth-child(2) {
            opacity: 1 !important;
            transform: translateY(0) !important;
            transition-delay: 0.36s;
        }
        .solution-content.visible>.space-y-6>div:nth-child(3) {
            opacity: 1 !important;
            transform: translateY(0) !important;
            transition-delay: 0.48s;
        }
        .solution-content.visible>.space-y-6>div:nth-child(4) {
            opacity: 1 !important;
            transform: translateY(0) !important;
            transition-delay: 0.60s;
        }
        .solution-content.visible>.space-y-6>div:nth-child(5) {
            opacity: 1 !important;
            transform: translateY(0) !important;
            transition-delay: 0.72s;
        }
        .solution-content.visible>a {
            opacity: 1 !important;
            transform: translateY(0) !important;
            transition-delay: 0.84s;
        }

        .visible>* {
            opacity: 1 !important;
            transform: translate(0, 0) !important;
            clip-path: none !important;
        }
        .cta-content.visible h2,
        .cta-content.visible p,
        .cta-content.visible div,
        .cta-content.visible a,
        .cta-content.visible button,
        .solution-content.visible h2,
        .solution-content.visible p,
        .solution-content.visible div,
        .solution-content.visible span,
        .solution-content.visible a,
        .solution-content.visible .flex,
        .solution-content.visible .space-y-6,
        .solution-content.visible .mt-8,
        .visible .opacity-0 {
            opacity: 1 !important;
            transform: translate(0, 0) !important;
            clip-path: none !important;
        }
        .solution-content.visible>span[style],
        .solution-content.visible>h2[style],
        .solution-content.visible>div[style],
        .solution-content.visible>a[style] {
            opacity: 1 !important;
            transform: translateY(0) !important;
        }
        .solution-content:not(.visible)>span[style],
        .solution-content:not(.visible)>h2[style],
        .solution-content:not(.visible)>div[style],
        .solution-content:not(.visible)>a[style] {
            opacity: 0 !important;
            transform: translateY(32px) !important;
        }

        @media (max-width: 1023px) {
            #mobileMenu {
                padding: 16px 20px 24px;
            }
            #mobileMenu a {
                font-size: 15px;
                padding: 12px 0;
            }
        }

        .text-\[\#C4956B\] {
            --tw-text-opacity: 1;
            color: rgb(196 149 107 / var(--tw-text-opacity, 1)) !important;
        }

        /* 微调 pulse 动画 */
        @keyframes pulse-marker {
            0%,
            100% {
                transform: scale(1);
                opacity: 1;
            }
            50% {
                transform: scale(1.6);
                opacity: 0.4;
            }
        }
        .animate-pulse-marker {
            animation: pulse-marker 2s ease-in-out infinite;
        }

        @keyframes bounce-chevron {
            0%,
            100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(6px);
            }
        }
        .animate-bounce-chevron {
            animation: bounce-chevron 1.8s ease-in-out infinite;
        }

        @keyframes marquee-left {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        @keyframes marquee-right {
            0% {
                transform: translateX(-50%);
            }
            100% {
                transform: translateX(0);
            }
        }
        .animate-marquee-left {
            animation: marquee-left 30s linear infinite;
        }
        .animate-marquee-right {
            animation: marquee-right 30s linear infinite;
        }
		.hover\:bg-\[\#C4956B\]:hover a{ color:#FFFFFF}
		
		
		
		.product-card li {
  list-style: none; /* 去掉默认圆点 */
  position: relative;
  padding-left: 1.2em; color:#4B4B4B; line-height:32px
}
.product-card li::before {
  content: "◆";  /* 菱形符号 */
  position: absolute;
  left: 0;
  color: #1A1A2E; /* 符号颜色，可自定义 */
}
