调整支付页面样式；移除 mdx 测试页面

src/components/composites/purchase/long/center.tsx

@@ -58,7 +58,7 @@ export default function Center() {
             id={id}
             defaultValue={field.value}
             onValueChange={field.onChange}
-            className="flex gap-4 flex-wrap">
+            className="grid grid-cols-[repeat(auto-fill,minmax(120px,1fr))] gap-4">
 
             <FormOption id={`${id}-1`} value="1" label="1 小时" description="￥0.3/IP" compare={field.value}/>
             <FormOption id={`${id}-4`} value="4" label="4 小时" description="￥0.8/IP" compare={field.value}/>