feat: 增加环境切换

miniprogram/supportPages/debug/debug.less

@@ -12,28 +12,6 @@ page {
     box-sizing: border-box;
 }
 
-.debug-page__hero {
-    padding: 48rpx 40rpx;
-    background: @bg-white;
-    border-radius: @radius-xl;
-    box-shadow: @shadow;
-}
-
-.debug-page__hero-title {
-    display: block;
-    font-size: 40rpx;
-    font-weight: 800;
-    color: @text-title;
-}
-
-.debug-page__hero-desc {
-    display: block;
-    margin-top: 16rpx;
-    font-size: 26rpx;
-    line-height: 1.6;
-    color: @text-secondary;
-}
-
 .debug-page__section {
     margin-top: 32rpx;
 }
@@ -125,3 +103,65 @@ page {
     font-size: 24rpx;
     line-height: 1.6;
 }
+
+.debug-page__environment {
+    padding: 32rpx;
+    background: @bg-white;
+    border-radius: @radius-xl;
+    box-shadow: @shadow;
+}
+
+.debug-page__environment-url {
+    display: block;
+    word-break: break-all;
+    color: @text-secondary;
+    font-size: 24rpx;
+}
+
+.debug-page__environment-options {
+    display: flex;
+    flex-direction: column;
+    margin-top: 24rpx;
+}
+
+/* 明确按钮高度及整行点击区域，避免原生 button 被全局样式压缩。 */
+.debug-page__environment-options .debug-environment-option {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 96rpx;
+    flex-shrink: 0;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0 24rpx;
+    border: 0;
+    font-size: 28rpx;
+    line-height: 1.4;
+    color: @text-title;
+    background: @bg-header;
+    border-radius: 20rpx;
+}
+
+.debug-page__environment-options .debug-environment-option::after {
+    border: 0;
+}
+
+.debug-page__environment-options
+    .debug-environment-option
+    + .debug-environment-option {
+    margin-top: 16rpx;
+}
+
+.debug-page__environment-options .debug-environment-option--selected {
+    background: @brand;
+    font-weight: 700;
+}
+
+.debug-page__environment-note {
+    display: block;
+    margin-top: 20rpx;
+    color: @text-secondary;
+    font-size: 22rpx;
+    line-height: 1.6;
+}