.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.category-pill svg{width:16px;height:16px}.hero-slider{position:relative;cursor:pointer;overflow:hidden;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);height:500px}.hero-slider:hover .hero-img{transform:scale(1.05)}.hero-img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.4) 50%,transparent)}.hero-content{position:absolute;bottom:0;left:0;padding:32px;width:100%;z-index:10}.hero-badges{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hero-badge-featured{background:#2563eb;color:white;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hero-badge-date{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);color:white;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500}.hero-title{font-size:28px;font-weight:700;color:white;letter-spacing:-.025em;margin-bottom:16px;line-height:1.2;text-decoration:none;display:block}.hero-title:hover{text-decoration:underline;text-decoration-color:rgba(59,130,246,.5);text-underline-offset:4px}@media (min-width:1024px){.hero-title{font-size:36px}}.hero-excerpt{color:#d4d4d8;font-size:16px;line-height:1.6;max-width:672px;margin:0}.hero-nav{position:absolute;bottom:32px;right:32px;display:flex;gap:8px;z-index:20}.hero-nav-btn{padding:12px;border-radius:50%;transition:all .2s ease;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.hero-nav-btn:hover{transform:scale(1.1)}.hero-nav-btn.prev{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);color:white;border:1px solid rgba(255,255,255,.2)}.hero-nav-btn.prev:hover{background:rgba(255,255,255,.2)}.hero-nav-btn.next{background:#2563eb;color:white;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.hero-nav-btn.next:hover{background:#3b82f6}.hero-nav-btn svg{width:20px;height:20px}.hero-indicators{position:absolute;bottom:32px;left:32px;display:flex;gap:8px;z-index:20}.hero-indicator{height:8px;border-radius:9999px;transition:all .3s ease;border:none;cursor:pointer}.hero-indicator.active{background:#fff;width:32px}.hero-indicator:not(.active){background:rgba(255,255,255,.4);width:8px}.hero-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}@media (min-width:640px){.hero-thumbnails{grid-template-columns:repeat(5,1fr)}}.hero-thumb{aspect-ratio:16/9;background:#e4e4e7;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.hero-thumb.active{box-shadow:0 0 0 2px #2563eb,0 0 0 4px white}.hero-thumb:not(.active){opacity:.7}.hero-thumb:not(.active):hover{opacity:1}.hero-thumb img{width:100%;height:100%;object-fit:cover}.view-btn svg{width:16px;height:16px}.article-card{display:flex;flex-direction:column;gap:24px;cursor:pointer;background:#fff;border-radius:16px;padding:16px;border:1px solid #f4f4f5;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.article-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}@media (min-width:640px){.article-card{flex-direction:row}}.article-image-wrapper{width:100%;overflow:hidden;border-radius:12px;position:relative}@media (min-width:640px){.article-image-wrapper{width:41.666667%;flex-shrink:0}}.article-image{width:100%;height:224px;object-fit:cover;background:#e4e4e7;transition:transform .5s ease}.article-card:hover .article-image{transform:scale(1.05)}.article-category-badge{position:absolute;top:12px;left:12px;background:rgba(37,99,235,.9);backdrop-filter:blur(4px);color:white;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:500}.article-content{width:100%;display:flex;flex-direction:column;justify-content:center;padding:8px 0}@media (min-width:640px){.article-content{flex:1}}.article-meta{display:flex;align-items:center;gap:12px;color:#71717a;font-size:12px;margin-bottom:12px}.article-meta-item{display:flex;align-items:center;gap:4px}.article-meta-item svg{width:14px;height:14px}.article-meta-dot{width:4px;height:4px;background:#d4d4d8;border-radius:50%}.article-title{font-size:20px;font-weight:700;color:#18181b;margin:0 0 12px;letter-spacing:-.025em;line-height:1.4;transition:color .2s ease}.article-card:hover .article-title{color:#2563eb}.article-excerpt{font-size:14px;color:#52525b;line-height:1.6;margin:0 0 16px}.article-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.article-author{display:flex;align-items:center;gap:8px}.article-author-avatar{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:700}.article-author-name{font-size:14px;color:#52525b}.article-read-more{color:#2563eb;font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px;transition:gap .2s ease}.article-card:hover .article-read-more{gap:8px}.article-read-more svg{width:16px;height:16px}.load-more-btn.visible{display:inline-flex;align-items:center;gap:8px}.load-more-btn svg{width:20px;height:20px;transition:transform .2s ease}.load-more-btn:hover svg{transform:translateY(2px)}.sidebar-icon svg{width:20px;height:20px}.trending-item{display:flex;gap:16px;padding:8px;margin:-8px;border-radius:8px;transition:background .2s ease;text-decoration:none}.trending-item:hover{background:#fafafa}.trending-item-image-wrapper{position:relative;flex-shrink:0}.trending-item-number{position:absolute;top:-4px;left:-4px;width:20px;height:20px;background:#2563eb;color:white;font-size:12px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.trending-item-image{width:80px;height:64px;object-fit:cover;border-radius:8px;background:#f4f4f5}.trending-item-content{flex:1;min-width:0}.trending-item-title{font-size:14px;font-weight:500;color:#18181b;line-height:1.4;transition:color .2s ease;margin:0 0 4px}.trending-item:hover .trending-item-title{color:#2563eb}.trending-item-date{font-size:12px;color:#71717a;margin:0}.tag-item{padding:6px 12px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:14px;color:#7c3aed;text-decoration:none;transition:background .2s ease}.tag-item:hover{background:rgba(139,92,246,.15)}.recent-post-item{padding:12px 0;border-bottom:1px solid #f4f4f5;display:flex;align-items:center;gap:8px;font-size:14px;color:#3f3f46;text-decoration:none;transition:all .2s ease}.recent-post-item:last-child{border-bottom:none}.recent-post-item:hover{color:#2563eb}.recent-post-item svg{width:16px;height:16px;color:#a1a1aa;transition:all .2s ease;flex-shrink:0}.recent-post-item:hover svg{color:#2563eb;transform:translateX(4px)}