
.page { display:flex; flex-direction: column; height: 100vh;
}
.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;
}
.list { flex:1;
}
.item { padding: 0.625rem 0.75rem; background:#fff; border-bottom: 0.03125rem solid #f1f1f1;
}
.name { color:#333; margin-bottom: 0.1875rem;
}
.meta { color:#888; font-size: 0.75rem;
}
.bottom { position: fixed; left:0; right:0; bottom:0; background:#fff; padding: 0.5rem 0.75rem calc(env(safe-area-inset-bottom) + 0.5rem); box-shadow: 0 -0.125rem 0.375rem rgba(0,0,0,0.06);
}
.primary { width: 100%; background: linear-gradient(135deg, #A0E4FF 0%, #17A2C4 100%); color:#fff; border-radius: 31.21875rem; padding: 0.625rem 0;
}
