feat: 我的、设置、打印指南页面开发完成

miniprogram/pages/profile/profile.less

@@ -57,8 +57,8 @@ page {
 }
 
 .profile-hero__avatar {
-    width: 256rpx;
-    height: 256rpx;
+    width: 224rpx;
+    height: 224rpx;
     border-radius: 50%;
     border: 8rpx solid @bg-white;
     background: @bg-gray;
@@ -98,7 +98,7 @@ page {
 
 .profile-hero__name {
     margin-top: 32rpx;
-    font-size: 40rpx;
+    font-size: 36rpx;
     font-weight: 700;
     color: @text-title;
     text-align: center;
@@ -116,7 +116,7 @@ page {
 .profile-hero__stat {
     flex: 1;
     background: @bg-header;
-    border-radius: @radius;
+    border-radius: 48rpx;
     border: 1rpx solid rgba(124, 118, 106, 0.12);
     padding: 32rpx 24rpx;
     text-align: center;
@@ -321,4 +321,144 @@ page {
     color: @text-secondary;
     letter-spacing: 0.2em;
     text-transform: uppercase;
+}
+
+.profile-editor-popup {
+    border-radius: 40rpx 40rpx 0 0;
+    overflow: hidden;
+}
+
+.profile-editor {
+    overflow-y: auto;
+    padding: 32rpx 40rpx;
+    padding-bottom: env(safe-area-inset-bottom);
+    background: @bg-white;
+    box-sizing: border-box;
+}
+
+.profile-editor__header {
+    margin-bottom: 24rpx;
+}
+
+.profile-editor__title {
+    display: block;
+    font-size: 36rpx;
+    font-weight: 700;
+    color: @text-title;
+}
+
+.profile-editor__desc {
+    display: block;
+    margin-top: 12rpx;
+    font-size: 24rpx;
+    line-height: 1.5;
+    color: @text-secondary;
+}
+
+.profile-editor__avatar-section {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    margin-bottom: 28rpx;
+}
+
+.profile-editor__avatar-button {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    margin: 0;
+    background: transparent;
+    border: 0;
+    line-height: 1;
+}
+
+.profile-editor__avatar-button::after {
+    border: 0;
+}
+
+.profile-editor__avatar {
+    width: 180rpx;
+    height: 180rpx;
+    border-radius: 50%;
+    background: @bg-gray;
+    border: 2rpx dashed fade(@text-secondary, 30%);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+}
+
+.profile-editor__avatar-placeholder {
+    width: 120rpx;
+    font-size: 24rpx;
+    line-height: 1.4;
+    color: @text-secondary;
+    text-align: center;
+}
+
+.profile-editor__avatar-img {
+    width: 100%;
+    height: 100%;
+}
+
+.profile-editor__field {
+    margin-bottom: 28rpx;
+}
+
+.profile-editor__label {
+    display: block;
+    margin-bottom: 16rpx;
+    font-size: 26rpx;
+    font-weight: 600;
+    color: @text-title;
+}
+
+.profile-editor__input {
+    width: 100%;
+    height: 96rpx;
+    padding: 0 28rpx;
+    border-radius: 24rpx;
+    background: @bg-header;
+    border: 1rpx solid rgba(124, 118, 106, 0.12);
+    box-sizing: border-box;
+    font-size: 30rpx;
+    color: @text-title;
+}
+
+.profile-editor__actions {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 24rpx;
+    padding-top: 20rpx;
+}
+
+.profile-editor__action {
+    height: 92rpx;
+    border-radius: 24rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    font-size: 30rpx;
+    font-weight: 700;
+}
+
+.profile-editor__action--ghost {
+    background: @bg-header;
+    color: @text-title;
+    border: 1rpx solid rgba(124, 118, 106, 0.12);
+}
+
+.profile-editor__action--primary {
+    background: @brand;
+    color: @text-selected-btn;
+    box-shadow: @shadow;
+}
+
+.profile-editor__action--disabled {
+    opacity: 0.6;
 }