.homepage-preview-shell[data-v-4c2f4db6]{justify-content:center;padding:4px 0 8px;display:flex}.homepage-preview-phone[data-v-4c2f4db6]{background:#f5f7fb;border:8px solid #1f2937;border-radius:28px;width:375px;max-height:720px;position:relative;overflow:hidden auto;box-shadow:0 16px 36px #0f172a38}.preview-hero[data-v-4c2f4db6]{color:#fff;background:linear-gradient(135deg,#1e6cff,#4dabff);border-radius:18px 18px 22px 22px;padding:10px 14px 18px}.preview-status-bar[data-v-4c2f4db6],.preview-location[data-v-4c2f4db6]{justify-content:space-between;align-items:center;font-size:12px;line-height:20px;display:flex}.preview-location[data-v-4c2f4db6]{justify-content:flex-start;gap:6px;margin-top:10px;font-size:15px;font-weight:600}.preview-search[data-v-4c2f4db6]{color:#8c8c8c;background:#fffffff0;border-radius:18px;align-items:center;gap:8px;height:36px;margin-top:12px;padding:0 12px;font-size:13px;display:flex}.preview-content[data-v-4c2f4db6]{flex-direction:column;gap:12px;padding:12px;display:flex}.preview-section[data-v-4c2f4db6]{position:relative}.preview-navigation-rows[data-v-4c2f4db6]{background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:10px 8px;display:flex;box-shadow:0 4px 12px #0f172a0f}.preview-navigation-row[data-v-4c2f4db6]{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.preview-navigation-row[data-v-4c2f4db6]::-webkit-scrollbar{display:none}.preview-category-badge[data-v-4c2f4db6],.preview-nav-item[data-v-4c2f4db6]{text-align:center;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:66px;display:flex}.preview-nav-item[data-v-4c2f4db6]{flex:0 0 68px;width:68px}.preview-category-badge[data-v-4c2f4db6]{color:#fff;flex:0 0 34px;width:34px}.preview-category-badge--1[data-v-4c2f4db6]{background:linear-gradient(#1e6cff,#4dabff)}.preview-category-badge--2[data-v-4c2f4db6]{background:linear-gradient(#ff8a3d,#ffbd59)}.preview-category-badge--3[data-v-4c2f4db6]{background:linear-gradient(#20b486,#64d6a6)}.preview-category-badge--4[data-v-4c2f4db6]{background:linear-gradient(#7b61ff,#a78bfa)}.preview-category-badge--5[data-v-4c2f4db6]{background:linear-gradient(#f0446f,#ff7a90)}.preview-category-badge span[data-v-4c2f4db6]{letter-spacing:0;writing-mode:vertical-rl;text-orientation:upright;font-size:15px;font-weight:700;line-height:18px}.preview-nav-icon[data-v-4c2f4db6]{color:#3b7ff6;background:#ebf3ff;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 6px;font-weight:700;display:flex;overflow:hidden}.preview-nav-icon img[data-v-4c2f4db6]{object-fit:cover;width:100%;height:100%}.preview-nav-title[data-v-4c2f4db6],.preview-recommend-title[data-v-4c2f4db6]{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}.preview-section-title[data-v-4c2f4db6]{color:#1a1a1a;margin-bottom:8px;font-size:16px;font-weight:600}.preview-banner-grid[data-v-4c2f4db6]{gap:8px;display:grid}.preview-banner-grid--DOUBLE_GRID[data-v-4c2f4db6],.preview-banner-grid--FOUR_GRID[data-v-4c2f4db6]{grid-template-columns:repeat(2,1fr)}.preview-banner-grid--DOUBLE_GRID .preview-banner-card[data-v-4c2f4db6]:nth-child(3){grid-column:1/-1}.preview-banner-grid--THREE_GRID[data-v-4c2f4db6]{grid-template-columns:repeat(3,1fr)}.preview-banner-grid--FULL_WIDTH[data-v-4c2f4db6]{grid-template-columns:1fr}.preview-banner-card[data-v-4c2f4db6]{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:12px;min-height:110px;position:relative;overflow:hidden}.preview-banner-card img[data-v-4c2f4db6]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preview-banner-empty[data-v-4c2f4db6]{background:linear-gradient(135deg,#dbeafe,#f8fafc);position:absolute;inset:0}.preview-banner-text[data-v-4c2f4db6]{color:#fff;background:linear-gradient(#0000,#0f172ab8);flex-direction:column;gap:2px;padding:18px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.preview-banner-text strong[data-v-4c2f4db6]{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;overflow:hidden}.preview-banner-text span[data-v-4c2f4db6]{opacity:.9;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:15px;overflow:hidden}.preview-tabs[data-v-4c2f4db6]{gap:8px;margin-bottom:10px;display:flex;overflow:hidden}.preview-tabs span[data-v-4c2f4db6]{color:#666;cursor:pointer;background:#fff;border-radius:14px;flex:none;padding:5px 10px;font-size:12px}.preview-tabs span.active[data-v-4c2f4db6]{color:#3b7ff6;background:#ebf3ff;font-weight:600}.preview-recommend-grid[data-v-4c2f4db6]{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.preview-recommend-empty[data-v-4c2f4db6]{min-height:120px}.preview-recommend-card[data-v-4c2f4db6]{background:#fff;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 4px 12px #0f172a0f}.preview-recommend-image[data-v-4c2f4db6]{background:linear-gradient(135deg,#e0f2fe,#f8fafc);height:94px}.preview-recommend-image img[data-v-4c2f4db6]{object-fit:cover;width:100%;height:100%}.preview-recommend-title[data-v-4c2f4db6]{padding:8px 8px 2px;font-weight:600}.preview-recommend-author[data-v-4c2f4db6]{color:#999;padding:0 8px 8px;font-size:11px;line-height:16px}.preview-service-float[data-v-4c2f4db6]{z-index:2;color:#fff;background:linear-gradient(135deg,#1e6cff,#4dabff);border-radius:50%;justify-content:center;align-items:center;gap:4px;width:58px;height:58px;margin-left:auto;font-size:11px;display:flex;position:sticky;bottom:12px;box-shadow:0 8px 18px #1e6cff4d}