
.page { display:flex; flex-direction: column; height: 100vh;
}
.tabs { display:flex; background:#fff;
}
.tab { flex:1; text-align:center; padding: 0.625rem 0; color:#666;
}
.tab.active { color:#18b566; font-weight: 600;
}
.search { display:flex; gap: 0.375rem; padding: 0.5rem; background:#fff; align-items: center;
}
.search uni-input { flex:1; background:#f6f6f6; border-radius: 0.375rem; padding: 0.375rem;
}
.picker { padding: 0.25rem 0.375rem; background:#f0f0f0; border-radius: 0.3125rem; color:#666;
}
.list { flex:1;
}
.item { display:flex; padding: 0.625rem; background:#fff; border-bottom: 0.03125rem solid #f1f1f1;
}
.thumb { width: 3.75rem; height: 3.75rem; border-radius: 0.375rem; margin-right: 0.5rem; background:#fafafa;
}
.content { flex:1;
}
.name { color:#333; margin-bottom: 0.1875rem; font-weight: 600;
}
.meta { color:#888; font-size: 0.75rem;
}
.price { margin-left: 0.625rem; color:#f60;
}
.empty { height: 60vh; display:flex; align-items:center; justify-content:center; color:#999;
}
.fab { position: fixed; right: 0.9375rem; bottom: 3.75rem; width: 3.125rem; height: 3.125rem; background:#18b566; color:#fff; border-radius: 1.5625rem; text-align:center; line-height: 3.125rem; font-size: 1.5rem; box-shadow: 0 0.25rem 0.625rem rgba(0,0,0,0.15);
}
