1 line
2.3 KiB
CSS
1 line
2.3 KiB
CSS
.app-center[data-v-6f2956c2]{padding:40px 0;padding-top:80px;background-color:#f5f7fa;min-height:100vh}.container[data-v-6f2956c2]{max-width:1200px;margin:0 auto;padding:0 20px}.page-title[data-v-6f2956c2]{font-size:2rem;margin-bottom:2rem;color:#333;text-align:center;font-weight:600}.app-section[data-v-6f2956c2]{margin-bottom:3rem}.section-title[data-v-6f2956c2]{font-size:1.5rem;margin-bottom:1.5rem;color:#333;position:relative;padding-left:15px;font-weight:500}.section-title[data-v-6f2956c2]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:20px;background-color:#3273dc;border-radius:3px}.app-grid[data-v-6f2956c2]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.app-card[data-v-6f2956c2]{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);padding:20px;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.app-card[data-v-6f2956c2]:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.08),0 6px 6px rgba(0,0,0,.12)}.app-icon[data-v-6f2956c2]{font-size:2.5rem;margin-bottom:12px;display:flex;align-items:center;justify-content:center;width:65px;height:65px;background-color:#f0f7ff;border-radius:16px}.app-title-wrapper[data-v-6f2956c2]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.recommend-tag[data-v-6f2956c2]{position:absolute;top:10px;right:10px;background-color:#f44336;color:#fff;font-size:.7rem;padding:3px 8px;border-radius:4px;display:inline-block;line-height:1.2;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.2)}.app-title[data-v-6f2956c2]{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#333}.app-description[data-v-6f2956c2]{font-size:.85rem;color:#666;line-height:1.4}@media(max-width:1024px){.app-grid[data-v-6f2956c2]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.app-grid[data-v-6f2956c2]{grid-template-columns:repeat(2,1fr)}.page-title[data-v-6f2956c2]{font-size:1.8rem}.section-title[data-v-6f2956c2]{font-size:1.3rem}}@media(max-width:480px){.app-card[data-v-6f2956c2]{padding:15px}.app-icon[data-v-6f2956c2]{width:55px;height:55px;font-size:2.2rem}.app-title[data-v-6f2956c2]{font-size:1rem}.app-description[data-v-6f2956c2]{font-size:.8rem}} |