            .pixel-art {
                image-rendering: pixelated;
            }

            /* 电脑端灵感页面网格 - 至少5列,自适应 */
            .inspiration-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
                gap: 16px;
                width: 100%;
            }

            .inspiration-item {
                background: white;
                border-radius: 12px;
                overflow: hidden;
                cursor: pointer;
                transition: transform 0.3s, box-shadow 0.3s;
            }

            .inspiration-item:hover {
                transform: translateY(-4px);
                box-shadow: 0 8px 20px rgba(0,0,0,0.1);
            }

            .inspiration-img {
                width: 100%;
                height: 200px;
                object-fit: cover;
                background: #e5e7eb;
            }

            .inspiration-info {
                padding: 12px;
            }

            .inspiration-title {
                font-size: 14px;
                font-weight: 700;
                color: #111827;
                margin-bottom: 4px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .inspiration-desc {
                font-size: 12px;
                color: #618983;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            /* 平板端 */
            @media (max-width: 1024px) and (min-width: 769px) {
                .inspiration-grid {
                    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
                    gap: 14px;
                }
                .inspiration-img {
                    height: 180px;
                }
            }

            /* 手机端 - 至少3列 */
            @media (max-width: 768px) {
                .inspiration-grid {
                    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
                    gap: 12px;
                }
                .inspiration-img {
                    height: 120px;
                }
                .inspiration-info {
                    padding: 8px;
                }
                .inspiration-title {
                    font-size: 12px;
                }
                .inspiration-desc {
                    font-size: 11px;
                }
            }
        
