/* 自定义CSS增强视觉效果和CLS优化 */
        :root {
            --primary-color: #ffc107;
            --secondary-color: #ff9800;
            --bg-dark: #0d0d0d;
            --text-gray: #e0e0e0;
        }
        
        /* 字体渲染优化 */
        body {
            font-family: 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
        }
        
        /* 核心内容区背景 */
        .hero-section {
            background: linear-gradient(135deg, rgba(13,13,13,0.95) 0%, rgba(26,26,26,0.9) 100%),
                        url('/static/images/bj.jpg') no-repeat center center;
            background-size: cover;
            background-attachment: fixed;
        }
        
        /* 功能卡片3D悬停效果 */
        .feature-card {
            background: rgba(30,30,30,0.85);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,193,7,0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            transform-style: preserve-3d;
        }
        
        .feature-card:hover {
            transform: translateY(-8px) rotateX(2deg);
            box-shadow: 0 20px 40px rgba(255,193,7,0.15);
            border-color: rgba(255,193,7,0.6);
        }
        
        /* LSI关键词高亮样式(仅视觉，不影响语义) */
        .semantic-term {
            color: #ffd54f;
            font-weight: 500;
            border-bottom: 1px dashed rgba(255,193,7,0.3);
            transition: all 0.3s;
        }
        
        .semantic-term:hover {
            border-bottom-style: solid;
            cursor: help;
        }
        
        /* CTA按钮脉冲动画 */
        @keyframes pulse-glow {
            0%, 100% { box-shadow: 0 0 0 0 rgba(255,193,7,0.4); }
            50% { box-shadow: 0 0 20px 10px rgba(255,193,7,0.1); }
        }
        
        .cta-primary {
            background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
            animation: pulse-glow 2s infinite;
            transition: transform 0.2s;
        }
        
        .cta-primary:hover {
            transform: scale(1.05);
            animation: none;
        }
        
        /* 统计数字样式 */
        .stat-figure {
            background: linear-gradient(45deg, #ffc107, #ff6f00);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            font-variant-numeric: tabular-nums;
        }
        
        /* FAQ手风琴样式 */
        details.faq-item {
            background: rgba(40,40,40,0.6);
            border-left: 4px solid transparent;
            transition: all 0.3s;
        }
        
        details.faq-item:hover {
            background: rgba(50,50,50,0.8);
            border-left-color: #ffc107;
        }
        
        details.faq-item summary::-webkit-details-marker {
            display: none;
        }
        
        details.faq-item summary::marker {
            content: '▸ ';
            color: #ffc107;
        }
        
        details[open].faq-item summary::marker {
            content: '▾ ';
        }
        
        /* 响应式图片优化 */
        img {
            max-width: 100%;
            height: auto;
            content-visibility: auto;
        }
        
        /* 加载占位符防止CLS */
        .img-placeholder {
            background: linear-gradient(90deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
            background-size: 200% 100%;
            animation: shimmer 1.5s infinite;
        }
        
        @keyframes shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }
        
        /* 移动优化 */
        @media (max-width: 768px) {
            .hero-title {
                font-size: clamp(1.5rem, 5vw, 2.5rem);
            }
            
            .feature-card:hover {
                transform: translateY(-4px);
            }
        }
        
        /* 打印样式 */
        @media print {
            .no-print { display: none !important; }
            body { background: white; color: black; }
            a { text-decoration: underline; color: #000; }
        }
        
        /* 无障碍：减少动画 */
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                transition-duration: 0.01ms !important;
            }
        }