@layer utilities {
            .text-shadow {
                text-shadow: 0 1px 2px rgba(0,0,0,0.05);
            }
            .transition-all-300 {
                transition: all 300ms ease-in-out;
            }
            .glass-effect {
                background: rgba(255, 255, 255, 0.9);
                backdrop-filter: blur(8px);
                -webkit-backdrop-filter: blur(8px);
            }
            /* 主题切换按钮样式 */
            .theme-btn {
                width: 24px;
                height: 24px;
                border-radius: 50%;
                cursor: pointer;
                transition: all 0.2s ease;
                border: 2px solid transparent;
            }
            .theme-btn.active {
                border-color: white;
                box-shadow: 0 0 0 1px var(--color-primary);
            }
            /* 服务保障模块样式 - 核心优化（降低高度） */
            .service-grid {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important; /* 强制每行2列 */
                gap: 8px !important; /* 减小模块间距 */
                padding: 0 8px !important; /* 两侧留白，保证边距一致 */
                width: 100% !important;
            }
            .service-item {
                display: flex !important;
                align-items: center !important; /* 垂直居中 */
                justify-content: center !important; /* 水平居中 */
                padding: 6px 0 !important; /* 大幅减小上下内边距，降低高度 */
                border-radius: 6px !important;
                background-color: var(--color-neutral-50) !important;
                min-height: auto !important; /* 移除最小高度限制 */
            }
            .service-item i {
                margin-right: 6px !important; /* 减小图标与文字间距 */
                flex-shrink: 0 !important; /* 防止图标压缩 */
                font-size: 12px !important; /* 减小图标尺寸 */
            }
            .service-item span {
                text-align: center !important; /* 文字居中 */
                font-size: 12px !important; /* 减小文字字号 */
                font-weight: 500 !important;
            }
            /* 底部二维码样式 - 改为集中居中显示 */
            .qrcode-container {
                display: flex !important;
                justify-content: center !important; /* 整体居中 */
                margin: 16px 0 !important;
            }
            .qrcode-grid {
                display: flex !important;
                gap: 20px !important; /* 二维码之间的间距 */
                justify-content: center !important;
                width: auto !important; /* 自适应宽度，不再占满整行 */
                max-width: 90% !important; /* 防止太宽 */
            }
            .qrcode-item {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
            }
            .qrcode-img {
                width: 80px !important;
                height: 80px !important;
                border-radius: 4px !important;
                background-color: white !important;
                padding: 4px !important;
                margin-bottom: 8px !important;
            }
            .qrcode-text {
                font-size: 12px !important;
                color: rgba(255, 255, 255, 0.8) !important;
                text-align: center !important;
            }
            
            /* ========== 通用排版样式（产品详情+售后服务共用） ========== */
            /* 基础排版样式 */
            .content-detail {
                line-height: 1.8 !important;      /* 舒适的行高 */
                letter-spacing: 0.2px !important; /* 轻微字间距提升可读性 */
                color: var(--color-neutral-800) !important;
            }
            
            /* 标题样式层级 */
            .content-detail h1 {
                font-size: 1.5rem !important;
                font-weight: 700 !important;
                margin: 1.5rem 0 1rem 0 !important;
                color: var(--color-neutral-900) !important;
                border-left: 4px solid var(--color-primary) !important;
                padding-left: 0.75rem !important;
            }
            
            .content-detail h2 {
                font-size: 1.25rem !important;
                font-weight: 600 !important;
                margin: 1.25rem 0 0.75rem 0 !important;
                color: var(--color-neutral-900) !important;
            }
            
            .content-detail h3 {
                font-size: 1.1rem !important;
                font-weight: 600 !important;
                margin: 1rem 0 0.5rem 0 !important;
                color: var(--color-primary) !important;
            }
            
            .content-detail h4 {
                font-size: 1rem !important;
                font-weight: 600 !important;
                margin: 0.75rem 0 0.5rem 0 !important;
                color: var(--color-neutral-800) !important;
            }
            
            .content-detail h5 {
                font-size: 0.95rem !important;
                font-weight: 600 !important;
                margin: 0.5rem 0 0.25rem 0 !important;
                color: var(--color-primary) !important;
            }
            
            /* 段落样式 */
            .content-detail p {
                margin-bottom: 1rem !important;
                text-align: justify !important; /* 两端对齐 */
            }
            
            /* 强调文本样式 */
            .content-detail strong {
                color: var(--color-primary) !important;
                font-weight: 600 !important;
            }
            
            .content-detail em {
                color: var(--color-accent) !important;
                font-style: italic !important;
            }
            
            /* 列表样式 */
            .content-detail ul, 
            .content-detail ol {
                margin: 0.75rem 0 1.25rem 1.5rem !important;
                padding-left: 0.5rem !important;
            }
            
            .content-detail li {
                margin-bottom: 0.5rem !important;
                list-style-position: inside !important;
            }
            
            .content-detail ul li {
                list-style-type: disc !important;
                padding-left: 0.5rem !important;
            }
            
            .content-detail ol li {
                list-style-type: decimal !important;
                padding-left: 0.5rem !important;
            }
            
            /* 图片自动排版 */
            .content-detail img {
                max-width: 100% !important;
                height: auto !important;
                border-radius: 8px !important;
                box-shadow: var(--tw-shadow-image) !important;
                margin: 1.25rem auto !important;
                display: block !important; /* 居中显示 */
                transition: transform 0.3s ease !important;
            }
            
            .content-detail img:hover {
                transform: scale(1.02) !important; /* 轻微放大效果 */
            }
            
            /* 链接样式 */
            .content-detail a {
                color: var(--color-primary) !important;
                text-decoration: underline !important;
                transition: color 0.2s ease !important;
            }
            
            .content-detail a:hover {
                color: var(--color-accent) !important;
                text-decoration: none !important;
            }
            
            /* 引用样式 */
            .content-detail blockquote {
                border-left: 4px solid var(--color-primary) !important;
                padding: 1rem 1.25rem !important;
                margin: 1rem 0 !important;
                background-color: var(--color-neutral-50) !important;
                border-radius: 0 6px 6px 0 !important;
            }
            
            /* 响应式文字大小 */
            @media (max-width: 768px) {
                .content-detail {
                    font-size: 0.95rem !important;
                    line-height: 1.7 !important;
                }
                
                .content-detail h1 {
                    font-size: 1.35rem !important;
                }
                
                .content-detail h2 {
                    font-size: 1.15rem !important;
                }
                
                .content-detail h3 {
                    font-size: 1.05rem !important;
                }
                
                .content-detail h4 {
                    font-size: 0.95rem !important;
                }
                
                .content-detail img {
                    margin: 1rem auto !important;
                }
            }
            
            @media (max-width: 480px) {
                .content-detail {
                    font-size: 0.9rem !important;
                    line-height: 1.6 !important;
                }
                
                .content-detail p {
                    text-align: left !important; /* 移动端取消两端对齐 */
                }
            }
            
            /* 响应式适配 */
            @media (max-width: 768px) {
                .qrcode-grid {
                    gap: 12px !important; /* 移动端减小间距 */
                }
                .qrcode-img {
                    width: 60px !important;
                    height: 60px !important;
                }
            }
            @media (max-width: 480px) {
                .qrcode-grid {
                    gap: 8px !important;
                }
                .qrcode-img {
                    width: 50px !important;
                    height: 50px !important;
                }
                .qrcode-text {
                    font-size: 10px !important;
                }
            }
        }
        
        /* 定义默认主题（红色主题） */
        :root {
            /* 红色主题 - 核心主题色修改，中性色/背景色保留 */
            --color-primary: #E53E3E;    /* 主红色 */
            --color-secondary: #334155;  /* 次要文字色（保留原有） */
            --color-accent: #C53030;     /* 强调红 */
            /* 以下中性色/背景色完全保留，确保页面底色不变 */
            --color-neutral-50: #F8FAFC;
            --color-neutral-100: #F1F5F9;
            --color-neutral-200: #E2E8F0;
            --color-neutral-300: #CBD5E1;
            --color-neutral-800: #1E293B;
            --color-neutral-900: #0F172A;
            --image-bg: #f8fafc;
        }
        
        /* 黑色主题 */
        :root.theme-black {
            --color-primary: #1A1A1A;    /* 主黑色 */
            --color-secondary: #334155;  /* 次要文字色（保留原有） */
            --color-accent: #404040;     /* 强调灰黑 */
            /* 中性色/背景色完全保留 */
            --color-neutral-50: #F8FAFC;
            --color-neutral-100: #F1F5F9;
            --color-neutral-200: #E2E8F0;
            --color-neutral-300: #CBD5E1;
            --color-neutral-800: #1E293B;
            --color-neutral-900: #0F172A;
            --image-bg: #f8fafc;
        }
        
        /* 绿色主题 */
        :root.theme-green {
            --color-primary: #22C55E;    /* 主绿色 */
            --color-secondary: #334155;  /* 次要文字色（保留原有） */
            --color-accent: #16A34A;     /* 强调绿 */
            /* 中性色/背景色完全保留 */
            --color-neutral-50: #F8FAFC;
            --color-neutral-100: #F1F5F9;
            --color-neutral-200: #E2E8F0;
            --color-neutral-300: #CBD5E1;
            --color-neutral-800: #1E293B;
            --color-neutral-900: #0F172A;
            --image-bg: #f8fafc;
        }
        
        /* 紧凑布局样式 */
        .product-container {
            display: flex;
        }
        
        .product-image {
            display: flex;
            flex-direction: column;
        }
        
        .product-image-container {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 250px;
            background-color: var(--image-bg);
            border-radius: 8px;
        }
        
        .product-image-container img {
            height: 100%;
            width: auto;
            max-width: 100%;
            object-fit: contain;
        }
        
        /* 自定义容器样式 */
        .container {
            max-width: 1024px !important;
            width: 95%;
            margin: 0 auto;
        }
        
        /* 响应式高度调整 */
        @media (max-width: 1024px) and (min-width: 769px) {
            .product-image-container {
                height: 350px;
            }
            .container {
                max-width: 95% !important;
            }
        }
        
        @media (max-width: 768px) {
            .product-container {
                flex-direction: column;
            }
            
            .product-image, .product-info {
                width: 100%;
            }
            
            .product-image-container {
                height: 300px;
            }
            
            .product-image-container img {
                height: 100%;
                width: auto;
            }
            
            /* 移动端主题切换按钮调整 */
            .theme-switcher {
                position: fixed;
                bottom: 20px;
                right: 20px;
                z-index: 999;
            }
        }
        
        @media (max-width: 480px) {
            .product-image-container {
                height: 250px;
            }
        }