update point tier rule

src/components/BirthdatePicker.vue

@@ -227,6 +227,7 @@ function clearValue(): void {
 	.mode {
 		gap: .5rem;
 		display: flex;
+		align-items: center;
 	}
 
 	.value {

src/components/BottomPopup.vue

@@ -44,9 +44,9 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
 	modelValue: false,
-	leftButtonText: "",
-	rightButtonText: "",
-	height: "50vh",
+	leftButtonText: "取消",
+	rightButtonText: "确定",
+	height: "auto",
 	title: ""
 });
 
@@ -89,18 +89,18 @@ defineSlots<{
 <style scoped lang="less">
 .bottom-popup {
 	display: flex;
+	overflow: hidden;
+	background: var(--td-bg-color-container, #FFF);
 	padding-top: 1rem;
-	background: var(--td-bg-color-container, #fff);
 	border-radius: 1.25rem 1.25rem 0 0;
 	flex-direction: column;
-	overflow: hidden;
 
 	.header {
+		flex: none;
 		padding: 0 1rem;
 		display: grid;
-		grid-template-columns: 4rem 1fr 4rem;
 		align-items: center;
-		flex: none;
+		grid-template-columns: 4rem 1fr 4rem;
 	}
 
 	.button {
@@ -122,9 +122,9 @@ defineSlots<{
 
 	.body {
 		flex: 1;
-		min-height: 0;
-		padding: .75rem 1rem env(safe-area-inset-bottom, 0);
+		padding: .75rem 0 env(safe-area-inset-bottom, 0);
 		overflow: auto;
+		min-height: 0;
 	}
 }