pages/index/index.wxss

@@ -257,10 +257,11 @@ page {
   text-align: center;
 }
 
+/* 重置button默认样式，允许自定义宽度 */
 wx-button:not([size=mini]) {
-  margin-left: auto;
+  margin-left: initial;
-  margin-right: auto;
+  margin-right: initial;
-  width: 90px;
+  width: initial;
 }
 
 /* 地区选择器弹窗样式 */
@@ -944,57 +945,94 @@ wx-button:not([size=mini]) {
 
 .auth-modal-container {
   background-color: #fff;
-  border-radius: 24rpx;
+  border-radius: 32rpx;
   width: 90%;
-  max-width: 600rpx;
+  max-width: 720rpx;
-  padding: 50rpx 20rpx;
+  padding: 60rpx 40rpx 40rpx;
-  box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.18);
+  box-shadow: 0 16rpx 48rpx rgba(0, 0, 0, 0.2);
+  transition: all 0.3s ease;
+  border: 2rpx solid rgba(255, 255, 255, 0.8);
+  box-sizing: border-box;
 }
 
 .auth-modal-title {
-  font-size: 40rpx;
+  font-size: 44rpx;
   font-weight: bold;
-  color: #333;
+  color: #222;
   text-align: center;
-  margin-bottom: 35rpx;
+  margin-bottom: 40rpx;
+  letter-spacing: 1rpx;
 }
 
 .auth-modal-content {
   font-size: 32rpx;
   line-height: 1.6;
-  color: #666;
+  color: #555;
   text-align: center;
   margin-bottom: 50rpx;
+  padding: 0 20rpx;
+  width: 100%;
+  box-sizing: border-box;
+  word-break: break-word;
 }
 
 .auth-modal-buttons {
   display: flex;
   flex-direction: column;
-  gap: 24rpx;
+  gap: 20rpx;
+  padding: 0 20rpx;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 .auth-primary-button {
   background-color: #07c160;
   color: #fff;
-  font-size: 34rpx;
+  font-size: 36rpx;
   font-weight: 600;
   line-height: 1.6;
   border-radius: 12rpx;
-  padding: 30rpx 0;
+  padding: 32rpx 0;
   width: 100%;
   box-shadow: 0 4rpx 12rpx rgba(7, 193, 96, 0.3);
+  transition: all 0.3s ease;
+  border: none;
+  margin: 0;
+  min-width: auto;
+}
+
+.auth-primary-button:active {
+  transform: translateY(2rpx);
+  box-shadow: 0 3rpx 12rpx rgba(7, 193, 96, 0.5);
+}
+
+.auth-primary-button::after {
+  border: none;
 }
 
 .auth-cancel-button {
   background-color: #fff;
-  color: #999;
+  color: #666;
-  font-size: 34rpx;
+  font-size: 36rpx;
   font-weight: 500;
   line-height: 1.6;
   border-radius: 12rpx;
-  padding: 30rpx 0;
+  padding: 32rpx 0;
   width: 100%;
-  border: 4rpx solid #e5e5e5;
+  border: 1rpx solid #e0e0e0;
+  transition: all 0.3s ease;
+  margin: 0;
+  min-width: auto;
+}
+
+.auth-cancel-button:active {
+  transform: translateY(2rpx);
+  border-color: #d0d0d0;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.auth-cancel-button::after {
+  border: none;
 }
 
 /* 头像选择样式 */