微信小程序登录修改

urbanLifelineWeb/packages/workcase_wechat/pages/index/index.scss

@@ -80,6 +80,15 @@
     font-weight: 500;
 }
 
+// 退出按钮特殊样式
+.logout-btn {
+    background: rgba(255, 59, 48, 0.1);
+    
+    .btn-text {
+        color: #ff3b30;
+    }
+}
+
 // 欢迎区域（机器人+浮动标签）
 .hero {
     position: relative;
@@ -803,3 +812,94 @@
 .modal-btn .btn-text {
     font-size: 16px;
 }
+
+// 手机号授权弹窗样式
+.phone-auth-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1001;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.phone-auth-content {
+    width: 85%;
+    max-width: 340px;
+    padding: 30px 24px;
+}
+
+.phone-auth-body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+}
+
+.auth-icon-wrap {
+    width: 80px;
+    height: 80px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+}
+
+.auth-icon {
+    font-size: 40px;
+}
+
+.auth-desc {
+    font-size: 14px;
+    color: #666;
+    line-height: 1.6;
+    margin-bottom: 10px;
+}
+
+.phone-auth-footer {
+    flex-direction: column;
+    gap: 12px;
+}
+
+.phone-auth-btn {
+    width: 100%;
+    height: 48px;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-radius: 24px;
+    margin: 0;
+    padding: 0;
+}
+
+.phone-auth-btn .btn-text {
+    color: white;
+    font-size: 16px;
+    font-weight: 600;
+}
+
+.phone-auth-btn::after {
+    border: none;
+}
+
+.skip-auth-btn {
+    width: 100%;
+    height: 40px;
+    background: transparent;
+    border-radius: 20px;
+    margin: 0;
+    padding: 0;
+}
+
+.skip-auth-btn .skip-text {
+    color: #999;
+    font-size: 14px;
+    font-weight: 400;
+}
+
+.skip-auth-btn::after {
+    border: none;
+}