.browse-section{padding-bottom:2rem}.browse-layout{display:flex;gap:48px}.browse-left{flex:1}.browse-right{flex-shrink:0;width:480px}.section-title-md{color:var(--dark-700);font-size:28px;font-weight:500;line-height:1.3;margin-bottom:20px}.article-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.article-list-item{align-items:flex-start;background:var(--bg-card);border-radius:20px;display:flex;gap:20px;padding:16px;transition:var(--transition)}.article-list-item:hover{box-shadow:0 8px 30px rgba(0,0,0,.08)}.list-image-wrapper{border-radius:var(--radius-sm);flex-shrink:0;height:160px;overflow:hidden;width:160px}.list-image{height:100%;object-fit:cover;width:100%}.list-content{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.list-title{color:#131313;font-size:22px;font-weight:500;line-height:1.3}.list-title a:hover{color:var(--green-500)}.list-excerpt{color:var(--dark-500);font-size:15px;line-height:1.5;margin-top:2px}.list-footer{align-items:center;border-top:1px solid rgba(0,0,0,.07);display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.popular-card{background:var(--bg-card);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition)}.popular-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.08)}.popular-image-wrapper{aspect-ratio:16/9;overflow:hidden;width:100%}.popular-image{height:100%;object-fit:cover;width:100%}.popular-content{display:flex;flex-direction:column;padding:24px 20px 20px}.popular-title{color:#131313;font-size:26px;font-weight:500;line-height:1.3;margin-top:8px}.popular-title a:hover{color:var(--green-500)}.popular-excerpt{color:var(--dark-500);font-size:16px;line-height:1.5;margin-top:16px}.card-divider{background:rgba(0,0,0,.07);height:1px;margin:16px 0}.card-footer{justify-content:space-between}.author-info,.card-footer{align-items:center;display:flex}.author-info{gap:10px}.author-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.author-details{display:flex;flex-direction:column}.author-name{color:var(--dark-700);font-size:14px;font-weight:500}.author-name:hover{color:var(--green-500)}.author-role{color:var(--dark-400);font-size:13px}.read-more-circle{align-items:center;background:var(--green-500);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:var(--transition);width:36px}.read-more-circle:hover{background:var(--dark-700)}@media (max-width:1200px){.browse-layout{flex-direction:column}.browse-right{width:100%}}