.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{background:#fff;border:1px solid #e1e7ef;border-radius:12px;overflow:hidden}.service-cover{height:130px;display:grid;place-items:center;background:linear-gradient(145deg,#c9ddff,#eef4ff);font-size:40px;color:#1769e8}.service-body{padding:18px}.service-body small{color:#7a8697}.service-body h2{font-size:18px;line-height:1.4}.service-body p{color:#69768a;line-height:1.5;height:45px}.service-body>div{display:flex;justify-content:space-between}.order-table,.user-table{display:grid;grid-template-columns:2fr 1fr 120px 150px;gap:15px;align-items:center;padding:16px;border-top:1px solid #e7ebf0}.order-table.head,.user-table.head{border:0;background:#f5f7fa;font-size:12px;font-weight:bold;color:#748094}.order-table small,.user-table small{display:block;color:#7b8798;margin-top:5px}.notify{display:flex;gap:15px;padding:18px;border-bottom:1px solid #e6eaf0}.notify i{color:#d1d8e2}.notify.unread i{color:#1769e8}.notify p{margin:6px 0;color:#68758a}.notify small{color:#8993a1}@media(max-width:750px){.service-grid{grid-template-columns:1fr}.order-table,.user-table{grid-template-columns:1fr}.order-table.head,.user-table.head{display:none}}