body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #333333; line-height: 1.6; margin: 0; padding: 0; background-color: white; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

.site-header { background-color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); padding: 20px 0; }

.site-header .header-content { display: flex; justify-content: space-between; align-items: center; }

.site-header .header-content .site-title { font-size: 24px; font-weight: 600; color: #286efa; text-decoration: none; }

.site-header .header-content .search-box { width: 300px; padding: 10px 15px; border: 1px solid #e6e8eb; border-radius: 4px; font-size: 14px; }

.site-header .header-content .search-box:focus { outline: none; border-color: #286efa; }

.main-content { display: flex; padding: 40px 0; }

.main-content .sidebar { width: 250px; margin-right: 40px; }

.main-content .sidebar .category-nav { margin-bottom: 30px; }

.main-content .sidebar .category-nav h3 { font-size: 16px; margin-bottom: 10px; color: #595959; }

.main-content .sidebar .category-nav ul { list-style: none; padding: 0; margin: 0; }

.main-content .sidebar .category-nav ul li { margin-bottom: 10px; }

.main-content .sidebar .category-nav ul li a { color: #333333; text-decoration: none; font-size: 14px; }

.main-content .sidebar .category-nav ul li a:hover { color: #286efa; }

.main-content .sidebar .category-nav ul li a.active { color: #286efa; font-weight: 500; }

.main-content .content { flex: 1; }

.main-content .content .article-header { margin-bottom: 30px; }

.main-content .content .article-header h1 { font-size: 28px; margin-bottom: 10px; font-weight: 600; }

.main-content .content .article-header .article-meta { color: gray; font-size: 14px; }

.main-content .content .article-content { font-size: 16px; line-height: 1.7; }

.main-content .content .article-content h2 { font-size: 22px; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 1px solid #e6e8eb; }

.main-content .content .article-content h3 { font-size: 18px; margin: 25px 0 10px; }

.main-content .content .article-content p { margin-bottom: 20px; }

.main-content .content .article-content img { max-width: 100%; height: auto; border: 1px solid #e6e8eb; border-radius: 4px; }

.main-content .content .article-content code { background-color: #f5f7fa; padding: 2px 4px; border-radius: 3px; font-size: 90%; }

.main-content .content .article-content pre { background-color: #f5f7fa; padding: 15px; border-radius: 4px; overflow: auto; }

.main-content .content .article-content pre code { background-color: transparent; padding: 0; }

.category-page .category-title { font-size: 24px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e6e8eb; }

.category-page .article-list { list-style: none; padding: 0; }

.category-page .article-list li { padding: 15px 0; border-bottom: 1px solid #e6e8eb; }

.category-page .article-list li:last-child { border-bottom: none; }

.category-page .article-list li a { display: block; color: #333333; text-decoration: none; font-weight: 500; font-size: 16px; }

.category-page .article-list li a:hover { color: #286efa; }

.category-page .article-list li .article-excerpt { margin-top: 5px; color: #595959; font-size: 14px; }

.home-hero { background-color: #f5f7fa; padding: 60px 0; text-align: center; margin-bottom: 40px; }

.home-hero h1 { font-size: 32px; font-weight: 600; margin-bottom: 15px; }

.home-hero p { font-size: 18px; max-width: 600px; margin: 0 auto 20px; color: #595959; }

.home-hero .search-box { width: 500px; padding: 12px 15px; border: 1px solid #e6e8eb; border-radius: 4px; font-size: 16px; max-width: 90%; }

.home-hero .search-box:focus { outline: none; border-color: #286efa; }

.categories-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }

.categories-grid .category-card { background-color: white; border: 1px solid #e6e8eb; border-radius: 6px; padding: 20px; transition: transform 0.2s, box-shadow 0.2s; }

.categories-grid .category-card:hover { transform: translateY(-3px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); }

.categories-grid .category-card h2 { font-size: 18px; margin-bottom: 10px; }

.categories-grid .category-card h2 a { color: #333333; text-decoration: none; }

.categories-grid .category-card h2 a:hover { color: #286efa; }

.categories-grid .category-card p { color: #666666; font-size: 14px; margin-bottom: 15px; }

.categories-grid .category-card .article-count { font-size: 13px; color: gray; }

.site-footer { background-color: #f5f7fa; padding: 40px 0; margin-top: 60px; }

.site-footer .footer-content { display: flex; justify-content: space-between; }

.site-footer .footer-content .footer-column { flex: 1; max-width: 300px; margin-right: 40px; }

.site-footer .footer-content .footer-column:last-child { margin-right: 0; }

.site-footer .footer-content .footer-column h3 { font-size: 16px; margin-bottom: 15px; color: #333333; }

.site-footer .footer-content .footer-column ul { list-style: none; padding: 0; margin: 0; }

.site-footer .footer-content .footer-column ul li { margin-bottom: 8px; }

.site-footer .footer-content .footer-column ul li a { color: #595959; text-decoration: none; font-size: 14px; }

.site-footer .footer-content .footer-column ul li a:hover { color: #286efa; }

.site-footer .footer-content .footer-column p { color: #595959; font-size: 14px; }

.site-footer .copyright { margin-top: 30px; padding-top: 20px; border-top: 1px solid #e6e8eb; text-align: center; color: gray; font-size: 13px; }

@media (max-width: 768px) { .main-content { flex-direction: column; } .main-content .sidebar { width: 100%; margin-right: 0; margin-bottom: 30px; } .site-footer .footer-content { flex-direction: column; } .site-footer .footer-content .footer-column { max-width: 100%; margin-right: 0; margin-bottom: 30px; } }

.search-results { display: none; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 700px; max-width: 90%; max-height: 80vh; overflow-y: auto; background: white; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; z-index: 1000; padding: 20px; }

.search-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 999; }

.search-results-list { list-style: none; padding: 0; margin: 0; }

.search-result-item { padding: 15px 0; border-bottom: 1px solid #e6e8eb; }

.search-result-item:last-child { border-bottom: none; }

.search-result-title { margin: 0 0 5px 0; font-size: 18px; color: #286efa; }

.search-result-category { display: inline-block; background: #f5f7fa; font-size: 12px; padding: 3px 8px; border-radius: 3px; margin-bottom: 8px; }

.search-result-snippet { font-size: 14px; color: #666666; margin: 0; }

.no-results { text-align: center; padding: 20px; color: gray; }

@media (max-width: 768px) { .search-results { width: 95%; top: 55px; } }

/*# sourceMappingURL=styles.css.map */