/** * 我的页样式(Design Token,中低密度留白) */ .page { min-height: 100vh; background: var(--color-bg-page); padding-bottom: var(--spacing-8); } /* ============ 个人资料卡 ============ */ .profile-card { display: flex; align-items: center; gap: var(--spacing-4); background: var(--color-bg-card); padding: var(--spacing-5) var(--spacing-page-x); border-bottom: var(--border-width) solid var(--color-divider); } .profile-info { flex: 1; min-width: 0; } .profile-name { font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); color: var(--color-text-primary); margin-bottom: var(--spacing-1); } .profile-meta { font-size: var(--font-size-sm); color: var(--color-text-tertiary); margin-bottom: var(--spacing-2); } .profile-badges { display: flex; gap: var(--spacing-2); flex-wrap: wrap; } /* ============ 操作行 ============ */ .action-row { background: var(--color-bg-card); padding: var(--spacing-3) var(--spacing-page-x); border-bottom: var(--border-width) solid var(--color-divider); } .action-hint { text-align: center; color: var(--color-text-tertiary); font-size: var(--font-size-sm); padding: var(--spacing-2) 0; } /* ============ 列表组 ============ */ .list-group { background: var(--color-bg-card); margin-bottom: var(--spacing-section); } .list-row { display: flex; align-items: center; padding: var(--spacing-4) var(--spacing-page-x); border-bottom: var(--border-width) solid var(--color-divider); background: var(--color-bg-card); } .list-row:last-child { border-bottom: none; } .list-label { flex: 1; font-size: var(--font-size-base); color: var(--color-text-primary); } .list-value { font-size: var(--font-size-sm); color: var(--color-text-tertiary); margin-right: var(--spacing-2); } .list-arrow { font-size: var(--font-size-lg); color: var(--color-text-disabled); line-height: 1; } .list-row.danger .list-label { color: var(--color-danger); text-align: center; flex: none; width: 100%; } .profile-complete{font-size:22rpx;color:var(--color-text-tertiary);margin-top:4rpx}.profile-progress{height:8rpx;margin:10rpx 0 14rpx;border-radius:999rpx;background:var(--color-divider);overflow:hidden}.profile-progress view{height:100%;background:var(--color-primary);border-radius:999rpx}.list-row{min-height:88rpx;box-sizing:border-box}.page ui-section-header{display:block;padding:0 var(--spacing-page-x)}