.articles-section{padding:40px 0;background-color:#f9f9f9;}.articles-layout{display:flex;gap:30px;}.articles-sidebar{flex:0 0 250px;}.articles-main{flex:1;}.sidebar-widget{background:white;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 5px rgba(0,0,0,0.05);}.widget-title{font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;color:#333;}.categories-list{list-style:none;padding:0;margin:0;}.categories-list li{margin-bottom:8px;}.categories-list li a{display:block;padding:8px 10px;color:#555;text-decoration:none;border-radius:4px;transition:all 0.3s;}.categories-list li.active a,.categories-list li a:hover{background-color:#f0f7f0;color:#4CAF50;}.popular-list{list-style:none;padding:0;margin:0;}.popular-list li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #eee;}.popular-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}.popular-link{display:flex;align-items:center;color:#333;text-decoration:none;transition:color 0.3s;}.popular-link:hover{color:#4CAF50;}.popular-rank{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#f5f5f5;border-radius:50%;margin-right:10px;font-size:12px;color:#666;}.popular-list li:nth-child(1) .popular-rank{background-color:#ff5252;color:white;}.popular-list li:nth-child(2) .popular-rank{background-color:#ff9800;color:white;}.popular-list li:nth-child(3) .popular-rank{background-color:#4CAF50;color:white;}.popular-title{flex:1;font-size:14px;line-height:1.4;}.articles-filter{margin-bottom:20px;display:flex;align-items:center;}.filter-label{margin-right:10px;color:#666;}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:white;outline:none;}.articles-list{display:grid;grid-template-columns:1fr;gap:20px;}.article-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:transform 0.3s,box-shadow 0.3s;display:flex;}.article-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}.article-image{flex:0 0 250px;}.article-image img{width:100%;height:100%;object-fit:cover;}.article-content{flex:1;padding:20px;}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:13px;color:#888;}.article-category{background-color:#f0f7f0;color:#4CAF50;padding:3px 8px;border-radius:4px;}.article-title{margin:0 0 10px;font-size:20px;}.article-title a{color:#333;text-decoration:none;transition:color 0.3s;}.article-title a:hover{color:#4CAF50;}.article-excerpt{margin:0 0 15px;color:#666;line-height:1.6;}.read-more{color:#4CAF50;text-decoration:none;font-weight:500;transition:color 0.3s;}.read-more:hover{color:#45a049;}.articles-pagination{margin-top:30px;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;}.page-item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid #ddd;border-radius:4px;color:#555;text-decoration:none;transition:all 0.3s;font-size:14px;margin:2px;}.page-item:hover:not(.disabled):not(.active){background-color:#f5f5f5;}.page-item.active{background-color:#4CAF50;color:white;border-color:#4CAF50;}.page-item.disabled{opacity:0.5;cursor:not-allowed;}.page-item.ellipsis{border:none;cursor:default;min-width:auto;padding:0 5px;}@media (max-width:768px){.articles-pagination{gap:3px;}.page-item{min-width:30px;height:30px;font-size:12px;padding:0 5px;}.page-item:not(.active):not([data-action]):not(.ellipsis){display:none;}.page-item.active,.page-item.active+.page-item:not(.ellipsis),.page-item.active+.page-item.ellipsis+.page-item,.page-item.active+.page-item+.page-item,.page-item[data-action]{display:inline-flex;}}@media (max-width:480px){.articles-pagination{gap:2px;}.page-item{min-width:28px;height:28px;font-size:11px;}.article-category,.article-date,.article-views{display:none;}}.widget-title{font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;}.popular-list{list-style:none;padding:0;margin:0;}.popular-list li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #eee;}.popular-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}.popular-link{display:flex;align-items:center;color:#333;text-decoration:none;transition:color 0.3s;}.popular-link:hover{color:#4CAF50;}.popular-rank{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#f5f5f5;border-radius:50%;margin-right:10px;font-size:12px;color:#666;}.popular-list li:nth-child(1) .popular-rank{background-color:#ff5252;color:white;}.popular-list li:nth-child(2) .popular-rank{background-color:#ff9800;color:white;}.popular-list li:nth-child(3) .popular-rank{background-color:#4CAF50;color:white;}.popular-title{flex:1;font-size:14px;line-height:1.4;}.tools-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.tool-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;padding:10px;border-radius:4px;transition:background-color 0.3s;}.tool-link:hover{background-color:#f5f5f5;}.tool-link img{width:40px;height:40px;margin-bottom:5px;}.tool-link span{font-size:12px;text-align:center;}.page-item:hover,.page-item.active{background-color:#4CAF50;color:white;border-color:#4CAF50;}.articles-list.loading{position:relative;min-height:300px;}.articles-list.loading:after{content:"加载中...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#4CAF50;font-size:16px;}.page-item.disabled{opacity:0.5;cursor:not-allowed;}.page-item.active{background-color:#4CAF50;color:white;border-color:#4CAF50;}@media (max-width:992px){.articles-layout{flex-direction:column;}.articles-sidebar{flex:1;order:2;}.article-card{flex-direction:column;}.article-image{flex:1;height:180px;}}@media (max-width:576px){.articles-filter{flex-direction:column;align-items:flex-start;}.filter-label{margin-bottom:5px;}.article-meta{flex-direction:column;gap:5px;}}