生成卡片布局css样式代码并放入gui样式类中

/* Card layout */

.gui { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 20px; justify-items: center; }

.gui__card { background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; }

.gui__card:hover { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); transform: translateY(-5px); }

.gui__card img { width: 100%; height: auto; }

.gui__card h2 { font-size: 1.5rem; margin: 0; padding: 20px; text-align: center; }

.gui__card p { font-size: 1rem; margin: 0; padding: 10px 20px 20px 20px; text-align: justify; }