.article-service-section{padding:60px 0;background:#f8fafc}.article-service-title{text-align:center;font-size:3.2rem;font-family:Poppins,sans-serif;font-weight:700;color:#222;margin-bottom:40px}.article-service-empty,.article-service-loading{text-align:center;color:#888;font-size:1.1rem;margin:40px 0}.article-service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;max-width:1200px;margin:0 auto}.article-service-card{background:#fff;border-radius:12px;box-shadow:0 5px 24px rgba(44,156,227,.07);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.article-service-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 32px rgba(44,156,227,.13)}.article-service-card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.article-service-img{width:100%;height:180px;object-fit:cover;background:#e5e7eb;border-bottom:1px solid #f3f4f6}.article-service-info{padding:22px 18px 18px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.article-service-category{font-size:.92rem;font-weight:600;color:#357abd;margin-bottom:8px;letter-spacing:.03em}.article-service-article-title{font-size:1.18rem;font-family:Poppins,sans-serif;font-weight:700;margin-bottom:10px;color:#222;line-height:1.3}.article-service-excerpt{font-size:.98rem;color:#555;margin-bottom:14px;line-height:1.5;flex:1}.article-service-date{font-size:.92rem;color:#888;margin-top:8px;font-family:Roboto,sans-serif}@media (max-width:768px){.article-service-section{padding:24px 0}.article-service-title{font-size:1.4rem;margin-bottom:18px;letter-spacing:.02em}.article-service-list{gap:12px;padding:0 8px}.article-service-card{border-radius:10px;box-shadow:0 2px 12px rgba(44,156,227,.09);margin-bottom:8px;border:1px solid #e5e7eb;overflow:hidden}.article-service-img{height:110px;border-radius:10px 10px 0 0}.article-service-info{padding:10px 8px 8px}.article-service-category{font-size:.88rem;margin-bottom:6px;color:#357abd;font-weight:600}.article-service-article-title{font-size:1.05rem;margin-bottom:4px;font-weight:700;color:#222}.article-service-excerpt{font-size:.92rem;margin-bottom:6px;color:#555;line-height:1.4}.article-service-date{font-size:.85rem;color:#888;margin-top:4px}}