@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');
.lv-panel { font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif; padding: 40px 0; max-width: 1500px; margin: 0 auto; }
.lv-topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; background: #FFFFFF; padding: 20px 28px; border-radius: 16px; border: 1px solid #E2E8F0; border-left: 6px solid #D4FF00; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }
.lv-heading { margin: 0; font-size: 24px; font-weight: 900; color: #000000; display: flex; align-items: center; gap: 12px; letter-spacing: -0.5px; }
.lv-pulse-dot { width: 12px; height: 12px; background-color: #FF3B30; border-radius: 50%; display: inline-block; animation: lv-pulse-red 2s infinite; }
@keyframes lv-pulse-red { 0% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.4); } 70% { box-shadow: 0 0 0 8px rgba(255, 59, 48, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); } }
.lv-status-tag { background: #000000; color: #D4FF00; padding: 8px 16px; border-radius: 30px; font-size: 13px; font-weight: 800; display: flex; align-items: center; gap: 8px; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); }
.lv-matrix { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 24px; }
.lv-item-box { background: #FFFFFF; border-radius: 16px; padding: 24px; position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 16px; border: 1px solid #E2E8F0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; height: 100%; }
.lv-item-box:hover { transform: translateY(-6px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); border-color: #000000; }
.lv-bg-mark { position: absolute; right: -10px; bottom: 30px; font-size: 80px; font-weight: 900; color: rgba(0,0,0,0.03); z-index: 0; transform: rotate(-5deg); pointer-events: none; user-select: none; line-height: 1; transition: color 0.3s ease; }
.lv-item-box:hover .lv-bg-mark { color: rgba(212, 255, 0, 0.3); }
.lv-item-head { display: flex; justify-content: space-between; align-items: flex-start; z-index: 1; }
.lv-brand-grp { display: flex; align-items: center; gap: 14px; }
.lv-site-name { font-size: 18px; font-weight: 800; color: #000000; display: flex; align-items: center; gap: 8px; }
.lv-deal-pct { background: #D4FF00; color: #000000; padding: 6px 12px; border-radius: 8px; font-size: 14px; font-weight: 900; border: 1px solid #000000; text-transform: uppercase; letter-spacing: 0.5px; }
.lv-item-core { z-index: 1; flex-grow: 1; }
.lv-desc-text { text-decoration: none; color: #475569; font-size: 15px; line-height: 1.6; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.2s ease; }
.lv-item-box:hover .lv-desc-text { color: #000000; font-weight: 600; }
.lv-item-base { z-index: 1; display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 18px; border-top: 2px dashed #E2E8F0; transition: border-color 0.3s ease; }
.lv-item-box:hover .lv-item-base { border-color: #000000; }
.lv-feat-label { background: #F8FAFC; color: #000000; padding: 6px 12px; border-radius: 8px; font-size: 12px; font-weight: 800; letter-spacing: 0.5px; border: 1px solid #E2E8F0; transition: all 0.3s ease; text-transform: uppercase; }
.lv-item-box:hover .lv-feat-label { background: #000000; color: #D4FF00; border-color: #000000; }
.lv-go-btn { color: #000000; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #F8FAFC; border: 1px solid #E2E8F0; }
.lv-item-box:hover .lv-go-btn { background: #D4FF00; color: #000000; transform: translateX(4px); border-color: #000000; box-shadow: 0 4px 10px rgba(212, 255, 0, 0.3); }
@media (max-width: 640px) { .lv-topbar { flex-direction: column; align-items: flex-start; gap: 16px; } .lv-matrix { grid-template-columns: 1fr; } }