.recommend[data-v-2ad49ede]{align-items:center;display:flex;justify-content:center;margin:0 auto;padding:30px 24px;width:100%}.recommend .recommend-inner[data-v-2ad49ede]{max-width:1200px;width:100%}.recommend-card[data-v-2ad49ede]{background-clip:padding-box,border-box;background-image:url(../static/images/technology-computed/recommend-bg.png);background-origin:border-box;background-position:50%;background-size:cover;border-radius:32px;box-shadow:0 10px 40px #00000014;display:grid;gap:40px;grid-template-columns:1fr 1fr;overflow:hidden;padding:24px}.recommend-image[data-v-2ad49ede]{align-items:center;border-radius:24px;display:flex;justify-content:center;overflow:hidden}.recommend-image img[data-v-2ad49ede]{aspect-ratio:220/131;height:100%;width:100%}.recommend-content[data-v-2ad49ede]{background-color:#fff;border-radius:30px;display:flex;flex-direction:column;gap:14px;justify-content:flex-start;padding:26px}.recommend-category[data-v-2ad49ede]{align-items:center;background:var(--Color-2,#5b9eff);border-radius:100px;color:#fff;display:flex;font-size:12px;font-style:normal;font-weight:700;gap:8px;padding:6px 12px;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.recommend-category i[data-v-2ad49ede]{font-size:14px}.recommend-title[data-v-2ad49ede]{color:#031242;font-size:30px;font-weight:700;line-height:120%;text-align:left;width:-moz-fit-content;width:fit-content}.recommend-description[data-v-2ad49ede]{color:#031242;font-family:Switzer;font-size:16px;line-height:160%;margin:0 0 10px;opacity:.7}.recommend-footer[data-v-2ad49ede]{align-items:center;display:flex;justify-content:space-between}.recommend-author[data-v-2ad49ede]{align-items:center;cursor:pointer;display:flex;gap:12px}.author-avatar[data-v-2ad49ede]{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.author-name[data-v-2ad49ede]{color:#031242;font-size:14px;font-weight:600}.read-more[data-v-2ad49ede]{align-items:center;color:#2365ff;display:inline-flex;font-size:14px;font-weight:700;gap:8px;text-decoration:none;transition:gap .2s ease}.read-more[data-v-2ad49ede]:hover{gap:12px}@media(max-width:768px){.recommend-card[data-v-2ad49ede]{gap:24px;grid-template-columns:1fr;padding:20px}.recommend-image[data-v-2ad49ede]{height:200px;order:-1}.recommend-title[data-v-2ad49ede]{font-size:22px}.recommend-description[data-v-2ad49ede]{font-size:14px}}