@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700&display=swap');
        
        body {
            font-family: 'Noto Serif SC', serif;
            background-color: #f8f8f8;
            color: #333;
        }
        
        .article-item {
            transition: all 0.3s ease;
        }
        
        .article-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        }
        
        .thumbnail {
            width: 120px;
            height: 80px;
            object-fit: cover;
            border-radius: 6px;
        }
		
       /* 内容容器 */
        .content-container {
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 20px;
        }			
        
        /* 全端文本截断 */
        .article-title {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.4;
            max-height: 1.4em;
        }
        
        .article-desc {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.4;
            max-height: 2.8em;
        }
        
        /* 分类滑块样式 */
        .category-scroll {
            display: flex;
            overflow-x: auto;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE and Edge */
        }
        
        .category-scroll::-webkit-scrollbar {
            display: none; /* Chrome, Safari and Opera */
        }
        
        .category-item {
            flex: 0 0 auto;
            white-space: nowrap;
        }
        
        /* 响应式布局调整 */
        @media (max-width: 768px) {
            .thumbnail {
                width: 100px;
                height: 70px;
            }
            
            .mobile-article {
                display: flex;
                gap: 15px;
            }
            
            .mobile-article-content {
                flex: 1;
                min-width: 0; /* 防止flex item溢出 */
            }
            
            .footer-links-mobile-hidden {
                display: none;
            }
        }