.content-list{padding:0;gap:1rem;display:grid}.content-card{background:var(--white);padding:1.2rem 1rem;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.05);transition:var(--transition);border:1px solid var(--border);position:relative;overflow:hidden;width:100%;margin-bottom:1rem}.content-card::before{content:'';position:absolute;top:0;right:0;width:4px;height:0;background:var(--gradient-primary);transition:height 0.3s ease;border-radius:0 0 0 4px}.content-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.content-card:hover::before{height:100%}.content-header{margin-bottom:0.4rem;display:flex;align-items:flex-start}.content-header h2{font-size:1.3rem;color:var(--text);margin:0;line-height:1.4}.title-logo{width:45px;height:45px;margin-left:0.5rem;vertical-align:middle;object-fit:contain;display:inline-block;float:right;max-width:100%}.title-link{text-decoration:none;color:inherit;align-items:center;transition:all 0.3s ease;display:inline}.title-link:hover{color:var(--primary)}.content-description{font-size:0.95rem;color:var(--muted);line-height:1.6;margin:0.6rem 0 1.3rem 0;padding:0.4rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.content-description p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-meta{font-size:0.9rem;color:#666;display:flex;gap:1.2rem;flex-wrap:wrap;position:absolute;bottom:0.6rem;right:0.8rem;align-items:center}.content-type{position:absolute;bottom:0.3rem;left:0.8rem;padding:0.3rem 0.7rem;background:rgba(59,130,246,0.1);color:var(--secondary);border:1px solid rgba(59,130,246,0.3);border-radius:6px;font-size:0.75rem;font-weight:600;z-index:2}.pagination{display:flex;justify-content:center;align-items:center;margin:2rem 0;gap:0.5rem}.pagination-list{display:flex;list-style:none;padding:0;margin:0;gap:0.3rem}.pagination-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.8rem;background:var(--white);color:var(--primary);text-decoration:none;border:1px solid var(--border);border-radius:8px;font-weight:600;font-size:0.9rem;transition:var(--transition)}.pagination-link:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-2px)}.pagination-item.active .pagination-link{background:var(--primary);color:var(--white);border-color:var(--primary)}@media (max-width:1024px) and (min-width:901px){.content-header h2{font-size:1.2rem}}@media (max-width:768px) and (min-width:601px){.content-card{padding:1rem}.content-header h2{font-size:1.15rem}}@media (max-width:600px) and (min-width:481px){.content-card{padding:0.8rem}.content-header h2{font-size:1.1rem}.title-logo{width:40px;height:40px}}@media (max-width:480px){.content-list{gap:0.2rem}.content-card{padding:0.4rem 0.6rem;margin-bottom:0rem}.content-header h2{font-size:1rem}.title-logo{width:35px;height:35px;margin-left:0.3rem}.content-description{display:none}.content-meta{position:static;margin-top:0.5rem}.content-type{display:none}.pagination-link{min-width:35px;height:35px;font-size:0.8rem}}body.dark-mode .title-link:hover{color:var(--accent)}body.dark-mode .content-description{color:#94a3b8;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}body.dark-mode .content-type{background:rgba(230,195,92,0.15);color:var(--accent);border:1px solid rgba(230,195,92,0.3)}body.dark-mode .pagination-link{background:#243049;color:#E2E8F0;border:1px solid rgba(255,255,255,0.15)}body.dark-mode .pagination-link:hover{background:var(--primary);color:var(--white)}body.dark-mode .pagination-item.active .pagination-link{background:var(--accent);color:var(--primary);border-color:var(--accent)}