a{
	text-decoration: none;
}
#active1{
	color: red;
}
.category-list a{
    color: #1f2a44;
    font-weight: 500;
    transition: 0.2s;
    font-size: 15px;
}

.product-title a{
    color: #1f2a44;
}



/* 页脚 */
        .footer {
            background: #1e2a3e;
            color: #a0b3d9;
            padding: 48px 28px 28px;
            /* margin-top: 60px; */
        }
        .footer-inner {
            max-width: 1600px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 32px;
        }
        .footer-col h4 {
            color: #f0f3f8;
            margin-bottom: 16px;
            font-size: 16px;
        }
        .footer-col ul {
            list-style: none;
        }
        .footer-col li {
            margin-bottom: 8px;
        }
        .footer-col a {
            color: #a0b3d9;
            text-decoration: none;
            font-size: 13px;
        }
        .footer-col a:hover {
            color: white;
        }
        .footer-bottom {
            text-align: center;
            /* margin-top: 40px; */
            padding-top: 20px;
            border-top: 1px solid #2d3b4f;
            font-size: 12px;
        }
        .empty-state {
            text-align: center;
            padding: 60px;
            color: var(--text-light);
        }
        
        
/* 快捷分类链接容器 - 与卡片风格融合，不突兀 */
		.quick-cat-links {
		    display: flex;
		    flex-wrap: wrap;
		    gap: 12px;
		    align-items: center;
		    padding: 12px 28px;
		    background: var(--bg-soft);
		    border-bottom: 1px solid var(--border);
		    margin-bottom: 0;
		    cursor: pointer;
		}
		
		/* 单个分类链接样式（胶囊风格，柔和过渡） */
		.quick-cat-link {
		    display: inline-block;
		    padding: 6px 20px;
		    font-size: 13px;
		    font-weight: 500;
		    color: var(--text-mid);
		    background: var(--bg-card);
		    border: 1px solid var(--border);
		    border-radius: 60px;
		    text-decoration: none;
		    transition: all 0.2s ease;
		    letter-spacing: 0.3px;
		    backdrop-filter: blur(2px);
		    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
		}
		
		/* 悬停效果 - 使用品牌主色调柔和反馈，不产生视觉噪音 */
		.quick-cat-link:hover {
		    background: var(--primary-light);
		    border-color: var(--primary);
		    color: var(--primary-dark);
		    transform: translateY(-1px);
		    box-shadow: 0 4px 8px rgba(74, 111, 165, 0.08);
		}
		
		/* 移动端适配：保持间距舒适，自动换行 */
		@media (max-width: 768px) {
		    .quick-cat-links {
		        padding: 12px 20px;
		        gap: 10px;
		    }
		    .quick-cat-link {
		        padding: 5px 16px;
		        font-size: 12px;
		    }
		}
		/* 分类链接激活状态 - 与整体配色协调 */
		.quick-cat-link.active {
		    background: var(--primary);
		    border-color: var(--primary);
		    color: white;
		    box-shadow: 0 2px 8px rgba(74, 111, 165, 0.25);
		}
		
		        /* 品牌图标官方配色 */
        .fa-facebook { color: #1877f2; }
        .fa-tiktok { color: #000000; }  /* TikTok 主色黑，或使用 #ee1d52 但单色图标推荐黑色 */
        .fa-twitter { color: #1DA1F2; }
        .fa-instagram { color: #E4405F; }
        .fa-telegram { color: #26A5E4; }
        .fa-whatsapp { color: #25D366; }
        .fa-apple { color: #000000; }
        .fa-line { color: #00B900; }
        .fa-linkedin { color: #0077B5; }
        .fa-google { color: #DB4437; }  /* Google 多色，用红色代表 */
        .fa-youtube { color: #FF0000; }
        .fa-discord { color: #5865F2; }
        .fa-robot { color: #10a37f; }    /* ChatGPT 绿色 */
        .fa-star { color: #F5B041; }     /* 全部商品星星金色 */
        .fa-database { color: #0c11e9; }     
        .fa-thumbs-up { color: #e9230c; }     
        .c-red,#xdmess{
        	color: red; 
        }
        .footer-bottom p a{
        	color: #a0b3d9; 
        }
        .logo-icon img{
        	width:35px;
        	display: flex;
    		align-items: center;
        }
        .weixinhao,.feijihao{
        	margin: 0 6px;
        	color: red; 
        }
 /* 搜索框样式 */
        .search-container {
            padding: 16px 28px;
            background: white;
            border-bottom: 1px solid var(--border);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 12px;
        }
        .search-input-wrapper {
            flex: 3;
            min-width: 200px;
            display: flex;
            align-items: center;
            background: var(--bg-soft);
            border: 1px solid var(--border);
            border-radius: 60px;
            padding: 4px 8px 4px 20px;
            transition: 0.2s;
        }
        .search-input-wrapper:focus-within {
            border-color: var(--primary);
            box-shadow: 0 0 0 2px rgba(74, 111, 165, 0.2);
        }
        .search-input-wrapper i {
            color: var(--text-light);
            font-size: 16px;
        }
        #searchInput {
            flex: 1;
            border: none;
            background: transparent;
            padding: 12px 10px;
            font-size: 14px;
            outline: none;
            font-family: 'Inter', sans-serif;
            color: var(--text-dark);
        }
        #searchInput::placeholder {
            color: var(--text-light);
        }
        .search-actions {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }
        .search-btn, .clear-search-btn {
            border: none;
            padding: 8px 22px;
            border-radius: 60px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            transition: 0.2s;
            font-family: 'Inter', sans-serif;
        }
        .search-btn {
            background: var(--primary);
            color: white;
            box-shadow: 0 2px 5px rgba(74,111,165,0.2);
        }
        .search-btn:hover {
            background: var(--primary-dark);
            transform: translateY(-1px);
        }
        .clear-search-btn {
            background: #f0f2f5;
            color: var(--text-mid);
            border: 1px solid var(--border);
        }
        .clear-search-btn:hover {
            background: #e4e7ed;
            color: var(--text-dark);
        }
        @media (max-width: 640px) {
            .search-container { flex-direction: column; align-items: stretch; }
            .search-input-wrapper { width: 100%; }
            .search-actions { justify-content: flex-end; }
        }
        
                /* 搜索加载动画 */
        .search-loading {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 60px 20px;
            color: var(--primary);
            gap: 16px;
        }
        .search-loading i {
            font-size: 42px;
            animation: spin 1s linear infinite;
        }
        .search-loading span {
            font-size: 15px;
            font-weight: 500;
            color: var(--text-mid);
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .indextu img{
        	margin: 0 20%;
        }