.x-tit a { color: #1f2937; text-decoration: none; transition: color 0.2s ease; }
.x-bot i { font-size: 0.9rem; }
.x-top { align-items: flex-start; display: flex; flex-direction: column; gap: 14px; margin-bottom: 16px; }
.x-mid { margin-bottom: 16px; }
.x-tag { align-items: center; background: linear-gradient(145deg, #fff1f2, #ffe4e6); border-radius: 8px; box-shadow: 2px 3px 0px #fecdd3, 0 2px 4px rgba(225,29,72,0.05); color: #e11d48; display: inline-flex; font-size: 1.05rem; font-weight: 800; letter-spacing: -0.5px; padding: 6px 12px; }
.x-bot { align-items: center; border-top: 1px solid #ffe4e6; color: #222; display: flex; font-size: 0.85rem; font-weight: 500; gap: 6px; padding-top: 16px; }
.x-card { background: #fff; border: 1px solid #D7E051; border-radius: 16px; box-sizing: border-box; display: flex; padding: 20px; }
.x-lfg { max-height: 85%; max-width: 85%; object-fit: contain; position: relative; z-index: 1; }
.x-lbg { filter: blur(3px); height: 100%; left: 0; object-fit: cover; opacity: 0.15; position: absolute; top: 0; transform: scale(1.4); width: 100%; z-index: 0; }
.x-card:hover { filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)); transform: translateY(-3px); }
.x-tit { font-size: 0.8rem; font-weight: 400; line-height: 1.5; margin: 0; }
.x-logo { align-items: center; background: #ffffff; border: 1px solid #ffe4e6; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04); display: flex; max-height: 80px; justify-content: center; overflow: hidden; position: relative; max-width: 100%; }
.x-card:hover .x-tit a { color: #e11d48; }