2 lines
3.2 KiB
CSS
2 lines
3.2 KiB
CSS
|
.home[data-v-37d72661]{min-height:100vh}.hero-section[data-v-37d72661]{background:linear-gradient(135deg,#409eff,#36cfc9);color:#fff;padding:80px 20px;text-align:center}.hero-content[data-v-37d72661]{max-width:800px;margin:0 auto}.hero-title[data-v-37d72661]{font-size:48px;font-weight:700;margin-bottom:20px;letter-spacing:1px}.hero-subtitle[data-v-37d72661]{font-size:20px;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.categories-section[data-v-37d72661]{padding:60px 20px;background-color:#f5f7fa}.section-header[data-v-37d72661]{text-align:center;margin-bottom:40px}.section-title[data-v-37d72661]{font-size:32px;font-weight:600;color:#303133;margin-bottom:12px}.section-description[data-v-37d72661]{font-size:16px;color:#606266;max-width:600px;margin:0 auto}.categories-grid[data-v-37d72661]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto}.category-card[data-v-37d72661]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.category-card[data-v-37d72661]:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.category-icon[data-v-37d72661]{display:flex;justify-content:center;margin-bottom:16px;color:#409eff}.category-name[data-v-37d72661]{font-size:20px;font-weight:600;color:#303133;margin-bottom:8px;text-align:center}.category-description[data-v-37d72661]{font-size:14px;color:#606266;line-height:1.5;margin-bottom:16px;flex-grow:1;text-align:center}.category-footer[data-v-37d72661]{display:flex;justify-content:space-between;align-items:center}.product-count[data-v-37d72661]{font-size:14px;color:#909399}.arrow-icon[data-v-37d72661]{color:#409eff;font-size:16px}.features-section[data-v-37d72661]{padding:60px 20px}.features-container[data-v-37d72661]{max-width:1200px;margin:0 auto}.features-title[data-v-37d72661]{font-size:32px;font-weight:600;color:#303133;text-align:center;margin-bottom:40px}.features-grid[data-v-37d72661]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card[data-v-37d72661]{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 2px 12px #00000014;text-align:center;transition:all .3s ease}.feature-card[data-v-37d72661]:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.feature-icon[data-v-37d72661]{color:#409eff;margin-bottom:16px}.feature-title[data-v-37d72661]{font-size:20px;font-weight:600;color:#303133;margin-bottom:12px}.feature-description[data-v-37d72661]{font-size:14px;color:#606266;line-height:1.6}.loading-container[data-v-37d72661],.error-container[data-v-37d72661],.empty-container[data-v-37d72661]{max-width:1200px;margin:0 auto;padding:40px 20px}@media (max-width: 768px){.hero-title[data-v-37d72661]{font-size:36px}.hero-subtitle[data-v-37d72661]{font-size:16px}.section-title[data-v-37d72661],.features-title[data-v-37d72661]{font-size:24px}.categories-grid[data-v-37d72661],.features-grid[data-v-37d72661]{grid-template-columns:1fr}}@media (max-width: 480px){.hero-section[data-v-37d72661]{padding:60px 15px}.categories-section[data-v-37d72661],.features-section[data-v-37d72661]{padding:40px 15px}.category-card[data-v-37d72661],.feature-card[data-v-37d72661]{padding:20px 16px}}
|