.page-banner{background:linear-gradient(135deg,#1e1e1e,#121212);padding:40px 0 30px;border-bottom:1px solid var(--border);margin-bottom:30px}.banner-content{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}.banner-title h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:10px}.banner-title p{color:#888;font-size:1rem;max-width:600px;margin:0}.articles-layout{display:grid;grid-template-columns:1fr;gap:30px;padding-bottom:60px;align-items:flex-start}@media (min-width:1024px){.articles-layout{grid-template-columns:1fr 320px}}.articles-content{min-width:0}.articles-sidebar{display:flex;flex-direction:column;gap:25px}.filter-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:15px 20px;margin-bottom:20px;flex-wrap:wrap;gap:15px}.filter-tabs{display:flex;gap:20px}.filter-tab{color:#888;font-weight:500;cursor:pointer;position:relative;font-size:.95rem;text-decoration:none;transition:color .2s}.filter-tab:hover{color:#ccc}.filter-tab.active{color:#fff;font-weight:600}.filter-tab.active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:20px;height:3px;background:var(--primary);border-radius:2px}.filter-tags-sm{display:flex;gap:8px;flex-wrap:wrap}.tag-pill{font-size:.8rem;padding:4px 12px;border-radius:20px;background:hsla(0,0%,100%,.05);color:#aaa;cursor:pointer;transition:all .2s;text-decoration:none}.tag-pill.active,.tag-pill:hover{background:var(--primary-transparent);color:var(--primary-light)}.search-box{margin-bottom:20px}.search-form{display:flex;align-items:center;gap:10px;position:relative}.search-icon{position:absolute;left:15px;color:#555}.search-input-field{flex:1;padding:12px 15px 12px 42px;background-color:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:#fff;font-size:.95rem;transition:border-color .2s}.search-input-field:focus{outline:none;border-color:var(--primary)}.search-btn{padding:12px 20px;border-radius:8px;border:none;background:var(--primary);color:#fff;cursor:pointer;font-weight:600;transition:all .2s}.search-btn:hover{background:var(--primary-dark)}.tags-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:20px}.activity-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:25px;transition:all .3s ease;position:relative}.activity-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow)}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.user-info{gap:10px}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#333;overflow:hidden;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;border:2px solid hsla(0,0%,100%,.1)}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar span{background:linear-gradient(135deg,#9333ea,#db2777);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.user-details h4{font-size:.95rem;color:#fff;line-height:1.2;margin:0 0 2px}.user-details span{font-size:.75rem;color:#777}.activity-main{margin-bottom:15px}.activity-title{font-size:1.2rem;font-weight:700;color:#f5f5f5;margin-bottom:8px;display:block;line-height:1.4;transition:color .2s;text-decoration:none}.activity-title:hover{color:var(--primary-light)}.activity-excerpt{font-size:.95rem;color:#aaa;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.activity-images{display:flex;gap:10px;margin-top:15px;overflow:hidden}.act-img{width:120px;height:80px;border-radius:6px;-o-object-fit:cover;object-fit:cover;cursor:pointer;border:1px solid hsla(0,0%,100%,.1);transition:opacity .2s;background:#333}.act-img:hover{opacity:.8}.activity-footer{justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid hsla(0,0%,100%,.05);margin-top:15px;gap:10px}.act-tags,.activity-footer{display:flex;flex-wrap:wrap}.act-tags{gap:8px}.act-tag{font-size:.75rem;color:var(--primary-light);background:rgba(147,51,234,.1);padding:2px 8px;border-radius:4px}.act-stats{display:flex;gap:20px;font-size:.85rem;color:#666}.stat-item{display:flex;align-items:center;gap:5px;cursor:pointer;transition:color .2s}.stat-item:hover{color:#aaa}.pagination{gap:8px;margin-top:40px}.page-btn,.pagination{display:flex;justify-content:center}.page-btn{width:40px;height:40px;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:#888;cursor:pointer;transition:all .2s;text-decoration:none}.page-btn.active,.page-btn:hover{border-color:var(--primary);color:#fff}.page-btn.active{background:var(--primary)}.empty-state{text-align:center;padding:60px 0;color:#888}.sidebar-area{display:flex;flex-direction:column;gap:25px}.sidebar-widget{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.widget-header{justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid hsla(0,0%,100%,.05)}.widget-header,.widget-title{display:flex;align-items:center}.widget-title{font-size:1rem;font-weight:700;color:#fff;gap:8px}.widget-title i{color:var(--primary)}.hot-topic-list{display:flex;flex-direction:column;gap:15px}.hot-topic-item{display:flex;gap:12px;align-items:flex-start;cursor:pointer;text-decoration:none}.topic-rank{min-width:20px;height:20px;background:#333;color:#aaa;border-radius:4px;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700}.hot-topic-item:first-child .topic-rank{background:#f59e0b;color:#fff}.hot-topic-item:nth-child(2) .topic-rank{background:#9ca3af;color:#fff}.hot-topic-item:nth-child(3) .topic-rank{background:#b45309;color:#fff}.topic-info{flex:1}.topic-info h5{color:#ddd;font-size:.9rem;margin:0 0 4px;line-height:1.4;font-weight:500;transition:color .2s}.hot-topic-item:hover .topic-info h5{color:var(--primary)}.topic-meta{font-size:.75rem;color:#666}.category-list{display:flex;flex-wrap:wrap;gap:8px}.category-item{font-size:.85rem;padding:6px 12px;border-radius:6px;background:hsla(0,0%,100%,.05);color:#aaa;text-decoration:none;transition:all .2s}.category-item.active,.category-item:hover{background:var(--primary-transparent);color:var(--primary-light)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud-item{font-size:.8rem;padding:4px 10px;border-radius:4px;background:hsla(0,0%,100%,.05);color:#888;text-decoration:none;transition:all .2s}.tag-cloud-item.active,.tag-cloud-item:hover{background:var(--primary-transparent);color:var(--primary-light)}@media (max-width:768px){.page-banner{padding:30px 0 20px}.banner-title h1{font-size:1.5rem}.filter-toolbar{flex-direction:column;align-items:flex-start}.activity-card{padding:20px}.activity-title{font-size:1.1rem}.act-stats{gap:15px}}