1 line
34 KiB
CSS
1 line
34 KiB
CSS
|
.help-center[data-v-12fbe341]{min-height:100vh;background-color:#f5f5f5}.top-section[data-v-12fbe341]{position:relative;height:200px;background:linear-gradient(135deg,#5721e4,#5721e4 50%,#f4bdd1);display:flex;align-items:center;justify-content:center;padding:20px}.filter-icon[data-v-12fbe341]{position:absolute;top:20px;right:20px;color:#fff;cursor:pointer;padding:8px;border-radius:50%;background:hsla(0,0%,100%,.1);transition:background .3s ease}.filter-icon[data-v-12fbe341]:hover{background:hsla(0,0%,100%,.2)}.search-container[data-v-12fbe341]{width:100%;max-width:400px}.search-input[data-v-12fbe341]{width:100%;padding:12px 20px;border:none;border-radius:25px;background:hsla(0,0%,100%,.9);font-size:16px;outline:none;transition:background .3s ease}.search-input[data-v-12fbe341]:focus{background:#fff}.search-input[data-v-12fbe341]::placeholder{color:#999}.main-content[data-v-12fbe341]{max-width:1200px;margin:0 auto;padding:40px 20px}.category-grid[data-v-12fbe341]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:60px}.category-btn[data-v-12fbe341]{padding:20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}.category-btn[data-v-12fbe341]:hover{border-color:#5721e4;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(42,82,152,.1)}.category-btn[data-v-12fbe341]:focus{outline:none;border-color:#2a5298;box-shadow:0 0 0 3px rgba(42,82,152,.1)}.section-title[data-v-12fbe341]{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.recommended-section[data-v-12fbe341]{margin-bottom:60px}.recommended-items[data-v-12fbe341]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.recommended-item[data-v-12fbe341]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease;cursor:pointer}.recommended-item[data-v-12fbe341]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.item-description[data-v-12fbe341]{color:#666;line-height:1.6;margin:0}.recent-activities[data-v-12fbe341]{margin-bottom:40px}.activities-list[data-v-12fbe341]{display:flex;flex-direction:column;gap:20px}.activity-item[data-v-12fbe341]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease}.activity-item[data-v-12fbe341]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.activity-header[data-v-12fbe341]{margin-bottom:10px}.activity-badge[data-v-12fbe341]{display:inline-block;padding:4px 12px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:12px;font-weight:500}.activity-title[data-v-12fbe341]{font-size:16px;font-weight:500;color:#333;margin:0 0 10px 0;line-height:1.4}.activity-meta[data-v-12fbe341]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666}.activity-comments[data-v-12fbe341]{color:#999}.view-more[data-v-12fbe341]{text-align:center;margin-top:40px}.view-more-link[data-v-12fbe341]{color:#2a5298;text-decoration:none;font-weight:500;transition:color .3s ease}.view-more-link[data-v-12fbe341]:hover{color:#1e3c72;text-decoration:underline}.bottom-section[data-v-12fbe341]{background:#f8f9fa;padding:20px;border-top:1px solid #e0e0e0}.help-center-link[data-v-12fbe341]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#666}.language-select[data-v-12fbe341]{padding:5px 10px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;font-size:14px}@media (max-width:768px){.category-grid[data-v-12fbe341],.recommended-items[data-v-12fbe341]{grid-template-columns:1fr}.main-content[data-v-12fbe341]{padding:20px 15px}.search-container[data-v-12fbe341]{max-width:300px}.help-center-link[data-v-12fbe341]{flex-direction:column;gap:10px}.activity-meta[data-v-12fbe341]{flex-direction:column;align-items:flex-start;gap:5px}}.main-title-box[data-v-76d940dc]{d
|