1 line
2.2 KiB
CSS
1 line
2.2 KiB
CSS
.widget-container[data-v-409666c6]{width:100%;min-height:100vh;background-color:#f5f7fa}.content-container[data-v-409666c6]{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;padding-top:80px}.page-title[data-v-409666c6]{font-size:2rem;text-align:center;margin-bottom:2rem;color:#333}.info-card[data-v-409666c6]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:2rem;text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem}.info-icon[data-v-409666c6]{color:#3273dc;font-size:1.5rem;margin-right:.5rem}.widget-group[data-v-409666c6]{margin-bottom:3rem}.group-title[data-v-409666c6]{font-size:1.5rem;margin-bottom:1.5rem;color:#444;padding-bottom:.5rem;border-bottom:2px solid #3273dc;display:inline-block}.widget-grid[data-v-409666c6]{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.widget-card[data-v-409666c6]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:1.5rem;transition:all .3s ease;text-decoration:none;color:#333;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.widget-card[data-v-409666c6]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.widget-icon[data-v-409666c6]{font-size:2.5rem;color:#3273dc;margin-bottom:1rem}.widget-info[data-v-409666c6]{flex:1;display:flex;flex-direction:column}.widget-title[data-v-409666c6]{font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.widget-desc[data-v-409666c6]{font-size:.9rem;color:#666;margin:0;line-height:1.4}@media(max-width:1200px){.widget-grid[data-v-409666c6]{grid-template-columns:repeat(4,1fr)}}@media(max-width:992px){.widget-grid[data-v-409666c6]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.widget-grid[data-v-409666c6]{grid-template-columns:repeat(2,1fr)}.content-container[data-v-409666c6]{padding:1.5rem 1rem;padding-top:70px}.page-title[data-v-409666c6]{font-size:1.75rem}.group-title[data-v-409666c6]{font-size:1.25rem}.widget-card[data-v-409666c6]{padding:1.2rem}.widget-icon[data-v-409666c6]{font-size:2rem}}@media(max-width:480px){.widget-grid[data-v-409666c6]{gap:1rem}.widget-title[data-v-409666c6]{font-size:1rem}.widget-desc[data-v-409666c6]{font-size:.8rem}} |