.news-card-link{text-decoration:none;color:inherit;display:block}.news-card-link:hover{text-decoration:none}.category-page{padding:24px 0}.category-header{background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(118,75,162,0.05) 100%);border-radius:16px;padding:32px;margin-bottom:32px;border:1px solid rgba(102,126,234,0.1)}.category-header h1{font-size:32px;font-weight:700;color:#1a1a2e;margin-bottom:16px;letter-spacing:-0.5px}.category-header p{font-size:16px;color:#666;line-height:1.8;max-width:800px}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:40px}.news-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all 0.3s ease;cursor:pointer;border:1px solid rgba(102,126,234,0.1)}.news-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(102,126,234,0.15);border-color:rgba(102,126,234,0.3)}.news-card-image{position:relative;height:200px;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.news-card:hover .news-card-image img{transform:scale(1.08)}.news-card-category{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.news-card-content{padding:20px}.news-card-title{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-title:hover{color:#667eea}.news-card-excerpt{font-size:14px;color:#888;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0;font-size:13px;color:#999}.news-card-date{display:flex;align-items:center;gap:6px}.news-card-views{display:flex;align-items:center;gap:6px}.pagination-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:48px;margin-bottom:32px}.pagination{display:flex;align-items:center;gap:8px;background:white;padding:12px 20px;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,0.1);border:1px solid rgba(102,126,234,0.1)}.pagination a,.pagination span{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:2px solid transparent;color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,0.05),rgba(118,75,162,0.05))}.pagination a{color:#667eea}.pagination a:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.3);border-color:transparent}.pagination-link-active{background:linear-gradient(135deg,#667eea,#764ba2) !important;color:white !important;box-shadow:0 4px 15px rgba(102,126,234,0.4);border-color:transparent}.pagination-prev,.pagination-next{width:44px;padding:0;font-size:18px;font-weight:700}.pagination-prev:hover,.pagination-next:hover{background:linear-gradient(135deg,#667eea,#764ba2) !important;color:white !important;box-shadow:0 6px 20px rgba(102,126,234,0.3)}.pagination-ellipsis{color:#c0c0c0;font-weight:600;user-select:none;min-width:auto;padding:0 8px;background:transparent !important;border:none !important;box-shadow:none !important}.pagination-info{margin-bottom:20px;padding:12px 24px;background:linear-gradient(135deg,rgba(102,126,234,0.08),rgba(118,75,162,0.08));border-radius:12px;font-size:14px;color:#667eea;font-weight:600;border:1px solid rgba(102,126,234,0.15)}.pagination-info::before{content:'📄 '}.pagination-info strong{color:#764ba2;font-weight:700}.pagination a:active{transform:translateY(0)}.pagination a:not([href]){pointer-events:none;opacity:0.4;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px;background:white;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.06)}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:0.5}.empty-state h3{font-size:20px;color:#333;margin-bottom:8px}.empty-state p{color:#999}@media (max-width:768px){.header{padding:20px 0}.header h1{font-size:22px;text-align:center;margin-bottom:16px}.nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nav a{padding:10px 8px;font-size:13px;text-align:center;background:rgba(255,255,255,0.1);border-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav a:hover{background:rgba(255,255,255,0.2)}.nav a.active{background:rgba(255,255,255,0.3);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.news-grid{grid-template-columns:1fr;gap:20px}.category-header{padding:20px}.category-header h1{font-size:24px}.news-card-image{height:180px}.news-card-title{font-size:16px}.pagination-container{margin-top:32px}.pagination{padding:10px 16px;gap:6px}.pagination a,.pagination span{min-width:40px;height:40px;font-size:14px;border-radius:10px}.pagination-prev,.pagination-next{width:40px;height:40px;font-size:16px}.pagination-ellipsis{padding:0 4px;font-size:14px}.pagination-info{margin-bottom:16px;padding:10px 20px;font-size:13px}}@media (max-width:480px){.header{padding:16px 0}.header h1{font-size:20px;margin-bottom:14px}.nav{grid-template-columns:repeat(2,1fr);gap:6px}.nav a{padding:12px 8px;font-size:12px;border-radius:8px}.pagination{padding:8px 12px}.pagination a,.pagination span{min-width:36px;height:36px;font-size:13px;border-radius:8px}.pagination-prev,.pagination-next{width:36px;height:36px;font-size:14px}.pagination-ellipsis{display:none}.pagination-info{padding:8px 16px;font-size:12px}}